﻿html{font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow:hidden}
.phone-ios{position:absolute;top:50%;left:50%;z-index:5;width:320px;height:669px;background:url(../img/phone_iOS.png) 0 0 no-repeat;margin:-330px 0 0 -450px;overflow-y:hidden}
.phone-android{position:absolute;z-index:3;top:50%;left:50%;width:320px;height:628px;background:url(../img/phone_android.png) 0 0 no-repeat;margin:-310px 0 0 -290px}
/*.phone-ios .phone-content{position:absolute;top:76px;left:14px;width:292px;height:517px;overflow:hidden}
.phone-ios .phone-content img:first-child{width:1467px;height:518px;position:absolute;z-index:4;top:-1px;left:0}
.phone-ios .phone-content img:nth-child(2){width:294px;position:absolute;top:-1px;left:292px;z-index:5}
.phone-ios .phone-content img:nth-child(3){width:294px;position:absolute;left:292px;z-index:5;bottom:0}*/
.phone-ios .phone-content{position:absolute;z-index:0;top:76px;left:14px;width:292px;height:517px;background-color:#fff;overflow-y:hidden}
.phone-ios .phone-content img:first-child{height:100%;width:100%}
.phone-android .phone-content{position:absolute;z-index:0;top:54px;left:16px;width:288px;height:513px;background-color:#fff;overflow-y:hidden}
.phone-android .phone-content img:first-child{height:100%;width:100%}
.body{width:993px;margin:0 auto;position:relative;z-index:1}
.logo{height:180px;padding-left:100px;padding-top:8px;background:transparent url(../img/logo.png) 20px 0 no-repeat;background-size:120px 120px;margin-left:540px}
.logo h1{font-size:56px;color:#fff;margin:0;line-height:1;font-weight:500}
.logo .explain{font-size:30px;color:#fff;line-height:1;margin-top:8px;display:block}
.download{margin-left:540px}
.download .btn,.download .btn:active,.download .btn:hover,.download2 .btn{position:relative;width:180px;height:58px;padding:0;padding-left:64px;text-align:left;font-size:20px;line-height:58px;box-sizing:border-box;margin-right:20px}
.download i,.download2 i{position:absolute;top:9px;left:20px;font-size:36px}
.ycp2{display:none}
.qrcode{position:absolute;display:none;width:206px;height:226px;background-size:206px 226px;top:-230px}
.android .qrcode{background:transparent url(../img/android.png) 0 0 no-repeat;left:-8px;margin-top:300px;}
.ios .qrcode{background:transparent url(../img/iphone.png) 0 0 no-repeat;left:-12px;margin-top:300px;}
.activity,.news{height:180px;margin-right:370px;padding-top:8px;margin-left:20px;text-align:right}
.activity h1,.news h1,.quiz h1,.reporter h1{font-size:50px;color:#fff;margin:0;line-height:1;font-weight:500}
.activity .explain,.news .explain,.quiz .explain,.reporter .explain{font-size:20px;color:#fff;line-height:1;margin-top:14px;display:block}
.reporter{height:180px;padding-left:100px;padding-top:8px;margin-left:300px;text-align:left}
.quiz{height:180px;padding-left:30px;padding-top:8px;margin-left:0;margin-top:-300px;text-align:center}@media (min-height:800px){.quiz{margin-top:-400px}}
.webfont{font-family:HaTian-JingZhia9a91918819093!important}
.end{height:180px;padding-top:8px;margin-left:0;text-align:center}
.end h1{font-size:60px;margin:0;line-height:1;font-weight:500}
.end .explain{font-size:25px;line-height:1;margin-top:8px;display:block}.end img{width:200px;height:auto}
.download2{margin-top:72px}
.download2 .qrcode{z-index:99}
.fp-tableCell{text-align:center}
.fp-nav-dark ul li a.active span{background:#333!important}
.fp-nav-dark ul li a span{background:rgba(0,0,0,.5)!important}
.footer{font-size:12px;position:absolute;right:0;bottom:0;left:0;padding:1rem;text-align:center}
.ft1{color:#f0f0f0}
.ft2{color:#444}