@charset "utf-8";
.horizental-item{float:left}
html{height:100%}
body{height:100%}
#pass-phoenix-list-login{width:224px}
.pass-login-pop-img,.pass-login-pop-img img{height:362px!important}
#ad{width:100%;height:0}
.full_height{height:100%;min-height:850px}
.page{height:100%}
 .page1{ padding-top:34%;}
#main{height:100%; text-align:left;}
#page_home #main{background:url(../images/bg_main.jpg) no-repeat top center}
#splash{min-width:960px;height:100%}
.splash-container{top:120px;text-align:center; }
.qrcode{margin-top:5px;height:90px;width:90px}
#qrcode_hint{font-size:14px;color:rgba(255,255,255,.5);margin-left:2px;margin-top:5px}
.download-button{display:block;text-align:center;cursor:pointer}
#download_icon{width:31px;height:31px;background:url(../images/download-icon.png) no-repeat;margin-top:5px;display:inline-block;position:relative;top:5px}
#splash_introduction{text-align:center;font-size:20px;line-height:31px;color:#fff}
#splash_download_qrcode{left:10px;position:relative;height:110px;width:200px;z-index:0;text-align:left}
#page_home #splash_introduction{margin-top:25px;text-shadow:2px 2px 2px #eb7d27}
#page_home #download_btn_group{margin:0 auto;margin-top:60px; width:760px}
#page_home #splash_download_button{position:relative;z-index:1}
#page_home #download_place_holder{width:200px;height:1px}
#page_home .download-button{width:320px;height:100px}
#page_home .download-button:hover .download-title{background-color:#ffd8b9}
#page_home .download-button:hover .download-subtitle{background-color:#ffd8b9}
#page_home .download-button .download-title{background-color:#fff;padding-top:10px;font-size:28px;line-height:74px;font-weight:700;color:#485342;border-radius:2px 2px 0 0}
#page_home .download-button .download-subtitle{border:0;border-top:1px #e27521;border-style:solid;background-color:#fff;font-size:11px;line-height:31px;color:#c46e1c;border-radius:0 0 2px 2px}
#page_home #ct_link{margin-top:30px;color:#fff}
#page_home a{color:#fff600}
.footerd{position:absolute;top:86%;text-align:center;width:100%;height:80px; z-index:999;}
#dash{margin:0 auto;height:2px;width:800px;background:url(../images/dot.png);position:relative;top:25px}
#progress{margin:0 auto;height:2px;width:500px;left:50%; margin-left:-250px; background:#fff;position:relative;top:45px}
#navbtns{width:500px;position:relative;z-index:1}
.navbtn{width:102px; position:relative; float:left;margin-left:5px;margin-right:5px;text-align:center; display:inline-block; line-height:50px;color:#fff}
.navbtn:after{ content:''; width:8px; height:8px; border-radius:50%; background-color:#fff; position:absolute; top:41px; left:50%; margin-left:-4px;}
#navbtns .actives:before{ content:''; width:2px; height:12px; background-color:#fff; position:absolute; top:30px; left:50%; margin-left:-1px;}
.navbtn a:hover{ font-weight:bold; transform:translateY(-6px)}
.navbtn a{text-indent: 4px; font-size:16px; transition:all 0.5s; cursor: pointer;line-height:18px; display:block; width:100%;text-align: center;color:#fff;word-break: keep-all;word-wrap: break-word; text-transform:uppercase; }
.navbtn img{width:50px}
#navbtns .actives{ font-weight:bold; }
#page_intro{background-color:#e8e316}
#page_gift{background-color:#21a6d2}
#page_gift #splash_introduction{margin-top:100px}
#page_gift #splash_download_button{margin:0 auto;margin-top:40px;position:relative;z-index:1}
#page_gift .download-button{width:260px;height:60px;background-color:#fff;border-radius:2px 2px 2px 2px}
#page_gift .download-button .download-title{margin:0 auto;padding-top:15px;font-size:20px;color:#21a6d2}
#page_gift .download-button:hover{background-color:#cff3ff}
#page_feedback{background-color:#86c457}
#page_feedback #splash_introduction{margin-top:100px}
#page_feedback #splash_download_button{margin:0 auto;margin-top:40px;position:relative;z-index:1}
#page_feedback .download-button{width:260px;height:60px;background-color:#fff;border-radius:2px 2px 2px 2px}
#page_feedback .download-button:hover{background-color:#e5ffd0}
#page_feedback .download-button .download-title{margin:0 auto;padding-top:15px;font-size:20px;color:#559227}
#page_related{background-color:#d33b44}
#page_related #main{background:url(../images/bg_related.jpg) no-repeat top center}
#page_related .splash-container{width:900px;position:relative;left:50px}
#page_related .download-button{width:260px;height:60px;background-color:#fff;border-radius:2px 2px 2px 2px}
#page_related .download-button .download-title{margin:0 auto;padding-top:20px;font-size:20px;color:#86c457}
#page_related #splash_introduction{margin-top:50px;margin-left:50px;width:500px;text-align:left;padding-left:15px;font-size:14px;line-height:20px}
#page_related #splash_introduction .container{padding-left:0;margin-bottom:30px}
#page_related #splash_introduction h3{margin-left:10px}
#page_related #download_btn_group{margin-top:30px}
#page_related #splash_download_button{position:relative;z-index:1}
#page_related .download-button{width:320px;height:100px}
#page_related .download-button:hover .download-title{background-color:#f3dadd}
#page_related .download-button:hover .download-subtitle{background-color:#f3dadd}
#page_related .download-button .download-title{background-color:#fff;padding-top:10px;font-size:28px;line-height:74px;font-weight:700;color:#485342;border-radius:2px 2px 0 0}
#page_related .download-button .download-subtitle{border:0;border-top:1px #d33b44;border-style:solid;background-color:#fff;font-size:11px;line-height:31px;color:#d33b44;border-radius:0 0 2px 2px}
#page_related a{color:#fff58b}
#declaration{margin-top:50px;color:rgba(255,255,255,.5)}
.phoneimg{ display:none !important;}
@media only screen and (max-width:768px){
#navbtns{width:500px;position:relative;z-index:1}
.navbtn{width:102px; margin:0; }
.navbtn a{text-indent:0px; font-size:14px; }
}
@media only screen and (max-width:640px){
#navbtns{width:100%;position:relative;z-index:1}
.navbtn{width:25%; margin:0; }
}  
@media only screen and (max-width:540px){
.phoneimg{ display:block !important; position:fixed; width:auto; max-width:auto; height:100% !important; z-index:-1;}
}
/* CSS Document */