@charset "utf-8";
/* CSS Document */
#banner{ display:none}

.white{ background:#fff;}
.org{ background:#ff4500;}
.mobile-slideshow { width: 100%; height:636px; position: relative; z-index: 0;}
#android.mobile-slideshow { background: #016540 url(../images/android_bg.jpg) no-repeat 50% 0 ; background-size:cover;}
#android .mobile-model { background: url(../images/android_model.png) no-repeat 0 0; width: 316px; height: 586px; position: absolute; z-index: 1; top:60px; left: 50%; margin-left: -258px;}
#android .mobile-app-thumb { width: 240px; height: 410px; position: absolute; z-index: 2; top: 150px; left: 50%; margin-left: -220px;}

#ios.mobile-slideshow { background: #26112E url(../images/ios_bg.jpg) no-repeat 50% 0 ; background-size:cover;}
#ios .mobile-model { background: url(../images/ios_model.png) no-repeat 0 0; width: 636px; height: 634px; position: absolute; z-index: 1; bottom: 0px; left: 50%; margin-left: -470px;}
#ios .mobile-app-thumb { width: 240px; height: 410px; position: absolute; z-index: 2; top: 174px; left: 50%; margin-left: -175px;}
.app-info {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');background:rgba(255,255,255,0.3); width: 300px; padding: 20px; margin: -220px 0 0 200px; border: solid 1px #FFF; border-radius: 5px; position: absolute; z-index: 1; top: 50%; left: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.10);}
.app-info h4 { font-weight: 600; font-size: 14px; line-height: 24px; color: #000;}
.app-info h3 { font-weight: 600; font-size: 26px; line-height: 30px; color: #000;}
.app-info ul{ width:100%; display:block}
.app-info ul li{ float:left; margin:5px 10px 5px 0; width:26px; height:26px;}
.app-info ul li i{ display:block; width:100%; height:100%;}
.app-info .shopbox{ border:2px solid #fff; padding:10px; text-align:center; border-radius:5px;}
.app-info .shopbox p{ margin:10px 0;}
.app-info .download { background-color: #0178f6; display:inline-block;  border-radius: 5px;  cursor: pointer; width:200px;}
.app-info .download i {font-size: 40px;
    line-height: 50px;
    color: #FFF;
    vertical-align: bottom;
    margin-right: 10px;}
.app-info .download dt { font-size: 24px; line-height:50px; color:#FFF;}

.app-info .qcode { background: url(../images/ios_code.gif) no-repeat 0 0; vertical-align: top; display: inline-block; width: 60px; height: 60px;}
#android .app-info .qcode { background: url(../images/android_code.gif) no-repeat 0 0;}