body,html{width:100%;height:100%;min-width:8in;min-height:574px}
*,:after,:before{box-sizing:border-box;margin:0;padding:0}
ol,ul{list-style:none}
a{text-decoration:none}
.clearfix:after,.clearfix:before{clear:both;display:block;visibility:hidden;height:0;content:".";line-height:0}
.out-container{position:relative;margin:0;padding:0;width:100%;height:100vh;}
.bgColorArea{height:67.77%;background:#fd7a21;-webkit-transition:background 1s ease-out;-moz-transition:background 1s ease-out;-o-transition:background 1s ease-out;-ms-transition:background 1s ease-out}
.ball-box,.bgColorArea{position:absolute;width:100%}
.ball-box{top:-10%;left:0}
.firstColor{background:linear-gradient(to right,#b200ff,#8700f8);background:-webkit-linear-gradient(to right,#b200ff,#8700f8)}
.secondColor{background:linear-gradient(to right,#00e3b7,#00c9d8);background:-webkit-linear-gradient(to right,#00e3b7,#00c9d8)}
.thirdColor{background:linear-gradient(to right,#399aff,#4b4fff);background:-webkit-linear-gradient(to right,#399aff,#4b4fff)}
.fourthColor{background:linear-gradient(to right,#6a55fe,#7300ee);background:-webkit-linear-gradient(to right,#6a55fe,#7300ee)}
.fifthColor{background:linear-gradient(to right,#ff6926,#fe1e61);background:-webkit-linear-gradient(to right,#ff6926,#fe1e61)}
.micoLogo{position:absolute;top:5.25%;left:13.54%;width:8.33%;height:auto}
.micoLogo img{width:100%}
.download-source{position:absolute;top:47.45%;left:13.54%;width:12.44%;height:auto}
.app-store,.google-play{position:absolute;width:100%}
.google-play{left:107.97%}
.app-store img,.google-play img{width:100%}
#inner-container{position:absolute!important;top:0;left:65.2%;width:19.68%}
#inner-container img{width:100%}
p{margin:0 0 5px!important}
.txt-caption{position:absolute;top:29.59%;left:13.54%;display:none;color:#fff;font-weight:lighter;font-family:helvetica;margin-right: 34%;}
.txt-title{font-size:60px}
.txt-detail{font-size:2pc}
@media only screen and (max-height:800px){.txt-title{font-size:40px}
  .txt-detail{font-size:24px}
  .navbar-right{margin-right:23.27%!important}
  .ball-box{top:-20%}
}
#fp-nav ul li a span,.fp-slidesNav ul li a span{background:hsla(0,0%,100%,.5)!important}
#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{background:#fff!important}
#fp-nav ul li a span{margin:-2px 0 0 -6px!important;width:8px!important;height:8px!important}
.nav-end{position:absolute;top:92%;left:13.54%;z-index:103}
.nav-end .container{margin:0!important;padding:0!important}
.dropup{float:left}
.dropdown-menu{min-width:140px!important;border:none;background:#fff}
.dropdown-menu>li>a{color:#999!important}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#fff;color:#ff7000!important;text-decoration:none}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{background-color:#fff;color:#fb9a4d!important}
.triangleRotate{-webkit-transition:all .3s ease-in-out;transition:all 1s linear;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}
@media only screen and (min-width:1600px){.navbar-right{margin-right:-190px!important}  }
.btn{padding:7px 9pt}
.btn-default{border-color:#fff!important;color:#999!important}
.navbar-nav>li>a{padding-top:10px!important;padding-bottom:10px!important;color:#999;line-height:20px!important}
.navbar-nav>li>a:hover{background:0 0}
.nav>li>a{padding:10px 5px!important}
.mico-width{width:30px}
.mico-width img{width:100%}
.share_group{opacity:0;-webkit-transition:opacity .8s ease;transition:opacity .8s ease}
