a { color: inherit; text-decoration: none; } a:hover { text-decoration: none; } a:focus { text-decoration: none; } .container { margin: 0 auto; } .horizental-item{ float: right; } 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: 480px; } .page{ height: 480px; } #page_home{ /*background-color: rgb(227, 118, 31);*/ } #main{ height: 480px; } #page_home #main { background:url('../images/bg_main.jpg') no-repeat top center; } #splash { width: 1232px; height: 480px; } .splash-container { top:80px; text-align: center; position: relative; } .splash-container1 { text-align: center; position: relative; } .khgx{ width:755px; height: 480px; float: right; } .qrcode{ margin-top: 5px; height: 90px; width: 90px; } #qrcode_hint{ font-size: 14px; color: rgba(255,255,255,0.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; } .download-button:hover #download_icon{ } #splash_introduction{ float: left; } .aa{ width: 400px; color: #fff; line-height: 30px; font-size: 16px; font-family: "Microsoft YaHei"; text-shadow: 4px 4px 10px rgba(0, 0, 0, .4); } #splash_download_qrcode { left: 10px; position: relative; height: 110px; width: 200px; z-index: 0; text-align: left; } #page_home #splash_introduction { margin-top: 25px; } #page_home #download_btn_group{ margin: 0 auto; margin-top: 0px; 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 { } #page_home .download-button:active { } #page_home .download-button:hover .download-title { } #page_home .download-button:hover .download-subtitle { background-color: rgb(255, 216, 185); } #page_home .download-button .download-title { background: rgba(25,127,255,.6); font-size: 24px; color: #fff; border-radius: 2px 2px 0 0; width: 420px; height: 125px; line-height: 125px; } #page_home .download-button .download-subtitle { border:0px; border-top: 1px rgb(226, 117, 33); border-style: solid; background-color: rgb(255, 255, 255); font-size: 11px; line-height: 31px; color: rgb(196, 110, 28); border-radius: 0 0 2px 2px; } #page_home #ct_link{ margin-top: 30px; color: white; } #page_home a{ color: rgb(255, 246, 0); } .footer{ position: absolute; top: 390px; text-align: center; width: 1232px; height: 90px; } .footer .up-txt{ z-index: 99999999; position: absolute; bottom: 25px; font-size: 18px; color: #fff; width: 246px; text-align: center; } #dash{ margin: 0 auto; height: 2px; width: 800px; background: url('../images/dot.png'); position: relative; top: 25px; } #progress{ margin: 0 auto; height: 2px; width: 150px; left: -325px; background: white; position: relative; top: 23px; } #navbtns{ width: 1232px; position: relative; z-index: 1; } .navbtn{ width: 246px; float: left; text-align: center; display: inline-block; color: white; } .navbtn a:hover{ color: white; } .navbtn img{ width: 246px; } #page_intro{ background:url(../images/intro_splash.jpg) no-repeat; } .bb{ float: right; width: 530px; right: 120px; font-size: 16px; font-family: "Microsoft YaHei"; text-shadow: 4px 4px 10px rgba(0, 0, 0, .4); color: #fff; text-align: left; line-height: 30px; } #page_gift{ background-color: rgb(33, 166, 210); } #page_gift #splash_introduction { margin-top: 100px; margin-left: 60px; } #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: rgb(255, 255, 255); border-radius: 2px 2px 2px 2px; } #page_gift .download-button .download-title { margin: 0 auto; padding-top: 15px; font-size: 20px; color: rgb(33, 166, 210); } #page_gift .download-button:hover { background-color: rgb(207, 243, 255); } #page_feedback{ background:url(../images/feedback_splash.jpg) no-repeat; } .cc{ width: 500px; float: left !important; margin-left: 60px; color: #fff; } #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: rgb(255, 255, 255); border-radius: 2px 2px 2px 2px; } #page_feedback .download-button:hover { background-color: rgb(229, 255, 208); } #page_feedback .download-button .download-title { margin: 0 auto; padding-top: 15px; font-size: 20px; color: rgb(85, 146, 39); } #page_related{ background-color: rgb(211, 59, 68); } #page_related #main { background:url('../images/bg_related.jpg') no-repeat top center; } #page_related .splash-container { position: relative; } #page_related .download-button { width: 260px; height: 60px; background-color: rgb(255, 255, 255); border-radius: 2px 2px 2px 2px; } #page_related .download-button .download-title { margin: 0 auto; padding-top: 20px; font-size: 20px; color: rgb(134, 196, 87); } #page_related #related_demo{ } #page_related #splash_introduction { margin-right: 130px; width: 500px; text-align: left; font-size: 16px; line-height: 30px; color: #fff; padding-left: 30px; font-family: "Microsoft YaHei"; text-shadow: 5px 5px 10px rgba(0, 0, 0, .5); } #page_related #splash_introduction .container{ padding-left: 0px; 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 { } #page_related .download-button:active { } #page_related .download-button:hover .download-title { background-color: rgb(243, 218, 221); } #page_related .download-button:hover .download-subtitle { background-color: rgb(243, 218, 221); } #page_related .download-button .download-title { background-color: rgb(255, 255, 255); padding-top: 10px; font-size: 28px; line-height: 74px; font-weight: bold; color: rgb(72, 83, 66); border-radius: 2px 2px 0 0; } #page_related .download-button .download-subtitle { border:0px; border-top: 1px rgb(211, 59, 68); border-style: solid; background-color: rgb(255, 255, 255); font-size: 11px; line-height: 31px; color: rgb(211, 59, 68); border-radius: 0 0 2px 2px; } #page_related a{ color: rgb(255, 245, 139); } #declaration{ margin-top:50px; color: rgba(255, 255, 255, 0.5); }