﻿body { margin: 0; font-family: Helvetica, "Heiti SC"; font-size: 14px; color: #333; background: white; -webkit-text-size-adjust: none }
form, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, p { margin: 0; padding: 0; list-style: none }
h1, h2, h3, h4, h5 { font-size: 14px }
a { text-decoration: none; color: #2b91e3; outline: none; -webkit-touch-callout: none }
i, em { font-style: normal }
b { font-weight: normal; color: #f63 }
input, textarea, button, select { outline: none; font-family: Helvetica, "Heiti SC"; -webkit-appearance: none }
.mside { float: left }
.msub { float: right }
::-webkit-input-placeholder {
color:#ccc
}
.button-container { text-align: center }
.button-container a { background: rgba(111, 111, 111, 0.75); border: 1px solid #fff; border-radius: 5px; color: #fff; display: inline-block; font-size: 14px; height: 30px; line-height: 30px; margin: 0 5px; padding: 0 10px }
.button-container a:before { position: relative; top: -2px; content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 6px; overflow: hidden; vertical-align: middle; background: url(../images/wap_button_icon.png) no-repeat; -webkit-background-size: auto 16px; background-size: auto 16px }
.button-container a.btn-iphone:before { background-position: 0 0 }
.button-container a.btn-android:before { background-position: -16px 0 }
.banner-top { height: 330px; background-color: #f5f9fc; background-image: url(../images/banner_top_bg.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: cover; position: relative }
.banner-top s { background-image: url(../images/banner_top.png); background-repeat: no-repeat; background-size: cover; height: 330px; width: 320px; position: absolute; top: 0; left: 50%; margin-left: -160px }
.banner-top .button-container { position: absolute; width: 100%; left: 0; top: 110px }
.banner-q { background: #f5f9fc }
.banner-q .headline { height: 100px; background-image: url(../images/banner_q_headline.jpg); background-repeat: no-repeat; background-position: center top; background-size: contain }
.banner-q .tabs { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; padding: 0 10px 270px 10px; position: relative }
.banner-q .tabs span { display: block; -webkit-box-flex: 1 }
.banner-q .tabs span:first-child label { border-top-left-radius: 2px; border-bottom-left-radius: 2px }
.banner-q .tabs span:last-child label { border-right: 1px solid #1d93dd; border-top-right-radius: 2px; border-bottom-right-radius: 2px }
.banner-q .tabs label { border: 1px solid #1d93dd; border-right: 0; color: #1d93dd; display: block; line-height: 32px; text-align: center }
.banner-q .tabs label:after { background-size: contain; background-repeat: no-repeat; background-position: center bottom; content: ""; display: none; height: 260px; width: 320px; position: absolute; left: 50%; top: 44px; margin-left: -160px }
.banner-q .tabs label[for=bq1]:after { background-image: url(../images/banner_q_1.jpg); display: block }
.banner-q .tabs label[for=bq2]:after { background-image: url(../images/banner_q_2.jpg) }
.banner-q .tabs label[for=bq3]:after { background-image: url(../images/banner_q_3.jpg) }
.banner-q .tabs label[for=bq4]:after { background-image: url(../images/banner_q_4.jpg) }
.banner-q .tabs input[type=radio] { display: none }
.banner-q .tabs input[type=radio]:checked+label { background: #1d93dd; color: #fff }
.banner-q .tabs input[type=radio]:checked+label:after { display: block }
.banner-share { height: 400px; background-color: #ffffff; background-image: url(../images/banner_share.png); background-position: center top; background-repeat: no-repeat; background-size: contain }
.banner-feature { height: 535px; background-color: #f5f9fc; background-image: url(../images/banner_feature.jpg); background-position: center top; background-repeat: no-repeat; background-size: contain }
.bottom-btn { padding: 30px 0 }
.bottom-btn .button-container a { background: #3ea0e1; border-color: #3ea0e1 }
.footer { padding: 0 0 20px; line-height: 30px; text-align: center }
.pop-download { position: relative; height: 50px; color: white; background: #3c3b3f; }
.pop-download i { position: absolute; top: 7px; left: 8px; width: 36px; height: 36px; background: url(../images/icon_app.png) no-repeat 0 0; -webkit-background-size: 36px 36px; background-size: 36px 36px; }
.pop-download strong { position: absolute; top: 4px; left: 52px; height: 16px; line-height: 16px; font-size: 12px; }
.pop-download span { position: absolute; top: 20px; left: 52px; line-height: 14px; font-size: 10px; -webkit-text-size-adjust: none; }
.pop-download s { position: absolute; top: 36px; left: 52px; width: 48px; height: 8px; overflow: hidden; background: url(../images/icon_star.png) no-repeat 0 0; -webkit-background-size: 48px 8px; background-size: 48px 8px; }
.pop-download a { position: absolute; top: 10px; right: 10px; width: 80px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: white; border-radius: 3px; background: #4ea300; }
.weixin-hint { position: fixed; top: 5px; right: 5px; z-index: 999; width: 248px; padding: 10px 12px; line-height: 22px; font-size: 14px; color: #666; border-radius: 3px; background: #fdfdf9; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
.weixin-hint:before { content: ""; position: absolute; top: 5px; right: 5px; width: 88px; height: 38px; background: url(../images/weixin_hint.png) no-repeat 0 0; -webkit-background-size: 88px 38px; background-size: 88px 38px; }
.weixin-hint i { color: #167efb; }
.weixin-hint p { position: relative; z-index: 1; }
.weixin-hint .close { position: absolute; z-index: 2; right: 5px; bottom: 5px; width: 18px; height: 18px; line-height: 10; overflow: hidden; border: 1px solid #ccc; border-radius: 50%; }
.weixin-hint .close:before, .weixin-hint .close:after { content: ""; position: absolute; top: 4px; left: 9px; width: 1px; height: 10px; background: #ccc; }
.weixin-hint .close:before { -webkit-transform: rotate(-45deg); }
.weixin-hint .close:after { -webkit-transform: rotate(45deg); }
.txt-tip{text-align:center;font-size:20px;color:#F00;padding:10px 0 25px;}
.txt-top{ background: rgba(255,255,255,0.75); border: 1px solid #fff;  border-radius: 5px; color: #F00; display: inline-block; font-size: 12px; height: 30px; line-height: 30px; margin: 0 5px; padding: 0 10px }