
.headerBox{margin:0;}
.app-box{width:100%;height:660px;background:#13007c;}
.app-main{position:relative;width:1200px;margin:0 auto;padding:40px 0;overflow:hidden;}
.app-phone{float:left;display:inline-block;margin-left:60px;width:275px;height:580px;background:url(/96kaifa/images/phone.png) no-repeat;}

.app-title{width:780px;float:left;margin:20px 0 0 80px;display:inline-block;}
.app-title h1{color:#fff;font-size:60px;margin:0 0 40px 0;font-family:'YouYuan','Microsoft yahei','微软雅黑';}
.app-title h1 i{margin:0 0 0 10px;font-size:26px;}
.app-title h1 em{padding:2px 10px;margin:0 0 0 10px;font-size:20px;color:#fff;background:#f80;border-radius:6px;}
.app-title span{display:block;margin:0 0 0 0;width:360px;height:220px;background:url(/96kaifa/images/app-text.png) center no-repeat;}

.app-down{width:770px;margin:40px 0 0 90px;float:left;}
.app-down .app-link{display:inline-block;position:absolute;top: 280px;right: 10px;}
.app-down .app-link .az{display:inline-block;width:192px;height:54px;line-height:200px;background:url(/96kaifa/images/android_down.png) no-repeat;overflow:hidden;}
.app-down .app-link .az:hover{background:url(/96kaifa/images/android_down_hover.png) no-repeat;}
.app-down .app-sao{position:absolute;right:6px;top:383px;display:inline-block;width:200px;}
.app-down .app-sao img{width:200px;}
.app-down .app-sao span{display:inline-block;width:200px;line-height:36px;background:#fff;text-align:center;font-size:20px;}

.app-down .app-log{width:490px;height:150px;overflow-x:hidden;overflow-y:auto;background:#0ec375;border-radius:8px;padding:15px;}
.app-down .app-log h2{font-size:16px;color:#fff;margin:0 0 10px 0;}
.app-down .app-log p{font-size:14px;line-height:26px;color:#ddd;}

.fadein-top,.fadein-right,.fadein-bottom,.fadein-left{-webkit-animation:1.5s ease-out backwards;-moz-animation:1.5s ease-out backwards;-ms-animation:1.5s ease-out backwards;animation:1.5s ease-out backwards;}
.fadein-top{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-right{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinR{0%{opacity:0;transform:translateX(50px);}100%{opacity:1;transform:translateX(0);}}
.fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px);}100%{opacity:1;-webkit-transform:translateY(0);}}
@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px);}100%{opacity:1;-moz-transform:translateY(0);}}
@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px);}100%{opacity:1;-ms-transform:translateY(0);}}
@keyframes fadeinB{0%{opacity:0;transform:translateY(50px);}100%{opacity:1;transform:translateY(0);}}
.fadein-left{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px);}100%{opacity:1;-webkit-transform:translateX(0);}}
@-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px);}100%{opacity:1;-moz-transform:translateX(0);}}
@-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px);}100%{opacity:1;-ms-transform:translateX(0);}}
@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px);}100%{opacity:1;transform:translateX(0);}}