/* 
	选个股响应式公用叠层样式表;
*/
/* 标签重构 */
html{-webkit-text-size-adjust:none}
html,body {-webkit-user-select:none;user-select:none}
body{font:1.6rem/1.6 '微软雅黑',Arial;color:#000;-webkit-backface-visibility:hidden;background:white}
html,body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img {padding:0;margin:0}
h1,h2,h3,h4,h5,h6,b,p {font-weight:normal;word-wrap:break-word;word-break:break-all}
ul,ol {list-style:none}
img {vertical-align:middle;width:100%}
a,img {-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
a,a:hover,a:visited,a:active {color:#666;text-decoration:none}
/* 公共样式定义 */
.box {zoom:1;overflow:hidden}
.clearfix {zoom:1}
.clearfix:after,.comb:after {content:"";display:block;height:0;font-size:0;clear:both}
.ahot {position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block}
.wrap,.wrapx {width:100%;height:0;position:relative;margin:0 auto;overflow:hidden;zoom:1}
.wrapx {width:1100px;height:auto}
.immid {position:relative;overflow:hidden}
.immid img {position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.radio {width:1rem;height:1rem;-webkit-appearance:radio;border:medium}
/* 装载界面动画 */
.loading {width:100%;height:20px;padding-bottom:1rem;text-align:center}
.loading.up {position:absolute;top:50%;left:0;margin-top:-10px}
.loading i {display:inline-block;width:20px;height:20px;border-radius:10px;background:url(../images/loading.gif) no-repeat 50% 50%;overflow:hidden;vertical-align:top}
/* 页面布局 */
._point {position:fixed;top:140px;right:20px;width:24px;height:200px}
._point a {display:inline-block;width:14px;height:14px;background:rgba(0,0,0,.3);margin:5px;border-radius:10rem}
._point a.sel {width:20px;height:20px;border:2px solid #fff;margin:0;background:rgba(255,255,255,.2)}
.box {width:1260px;margin:0 auto;height:700px;position:relative;}
.status,.footer {float:left;width:100%;height:100px}
.footer {height:200px}
.status {background:#fff;}
.status h1{float:left;width:180px;height:60px;overflow:hidden;margin-top:20px}
.status h1 img {vertical-align:top}
.status .share {float:right;width:90px;height:34px;margin-top:33px;text-align:right}
.status .share a {display:inline-block;width:32px;height:32px;margin-left:.5rem;background:url(../images/share.png) no-repeat}
.status .share .wechat {background-position:0px 0px}
.status .share .sina {background-position:0px -32px}
.status .share .wechat:hover {background-position:-32px 0px}
.status .share .sina:hover {background-position:-32px -32px}
.status .top_qrcode {float:right;width:86px;height:80px;background:url(../images/top_qrcode.png) no-repeat;margin-top:10px}
.status .box {height:100px;/*background:url(../images/logo_back.png) no-repeat center;*/}
.status .box .ljxz {display:none;}
.footer .vers {float:left;padding-top:70px;font-size:14px;width:100%;text-align:center}
.footer .vers a {color:#000}
.bg_area {float:left;width:100%;height:700px}
.bg_area .download,.footer .downqr {display:none}
.bg_areax1 {background:url(../images/bg_pic0.jpg) repeat-x 50% 50%;background-size:cover}
.bg_areax1 .txt {position:absolute;left:300px;top:200px;width:324px;height:130px;background:url(../images/x0_text.png) no-repeat;opacity:0}
.bg_areax1 a {position:absolute;width:215px;height:59px;display:inline-block;border-radius:6px}
.bg_areax1 .btn_iphone {left:200px;bottom:-60px;background:url(../images/iphone_down.png) #eb3241 no-repeat}
.bg_areax1 .btn_android {left:200px;bottom:-120px;background:url(../images/android_down.png) #5dadff no-repeat}
.bg_areax1 .btn_iphone:hover {background-color:rgba(235,50,65,.8)}
.bg_areax1 .btn_android:hover {background-color:rgba(50,185,235,.8)}
.bg_areax1 .app_version {position:absolute;left:200px;bottom:-120px;width:215px;height:12px;color:white;text-align:center;font-size:12px;line-height:1.3}
.bg_areax1 .qrcode_all {position:absolute;left:490px;bottom:88px;width:145px;height:173px;opacity:0;-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;background:url(../images/qrcode_all.png) no-repeat 50% 50%}
.bg_areax1 .hand {position:absolute;right:200px;bottom:-450px;width:560px;height:680px;background:url(../images/x0_hand_app.png) no-repeat;opacity:0}
.bg_areax1.ani .txt,.bg_areax1.ani .btn_iphone,.bg_areax1.ani .btn_android,.bg_areax1.ani .hand,.bg_areax1.ani .app_version {-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease;-ms-transition:all 1.5s ease;-o-transition:all 1.5s ease}
.bg_areax1.ani .txt {left:200px;opacity:1}
.bg_areax1.ani .btn_iphone {bottom:200px}
.bg_areax1.ani .btn_android {bottom:120px}
.bg_areax1.ani .app_version {bottom:90px}
.bg_areax1.ani .qrcode_all {opacity:1}
.bg_areax1.ani .hand {bottom:-50px;opacity:1}
.bg_areax2 h2,.bg_areax3 h2,.bg_areax4 h2,.bg_areax5 h2 {position:absolute;top:210px;opacity:0}
.bg_areax2 h3,.bg_areax3 h3,.bg_areax4 h3 {position:absolute;top:300px;width:50%;height:40px;font-size:36px;line-height:40px;color:#fff;overflow:hidden;opacity:0}
.bg_areax2 p,.bg_areax3 p,.bg_areax4 p,.bg_areax5 p {position:absolute;right:200px;top:450px;width:380px;font-size:28px;line-height:40px;color:rgba(255,255,255,.5);opacity:0}
.bg_areax2 {background:url(../images/bg_pic1.png) #099ed1 no-repeat 60% bottom}
.bg_areax2 h2 {right:200px;width:322px;height:57px;background:url(../images/x1_h2.png) no-repeat}
.bg_areax2 h3 {right:200px;text-align:right}
.bg_areax2 p {right:200px;text-align:right}
.bg_areax2 .ring {position:absolute;left:144px;top:84px;width:512px;height:512px;background:url(../images/x1_ring.png) no-repeat;opacity:0}
.bg_areax2 .circular {position:absolute;left:200px;top:180px;width:400px;height:400px;background:url(../images/x1_circular.png) no-repeat 50% 50%;opacity:0}
.bg_areax2 .bull {position:absolute;left:700px;top:380px;width:101px;height:178px;background:url(../images/x1_bull.png) no-repeat;opacity:0}
.bg_areax2.ani h2 {top:160px}
.bg_areax2.ani h3 {top:250px}
.bg_areax2.ani .ring {transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg)}
.bg_areax2.ani .circular {top:140px}
.bg_areax2.ani .bull {left:500px}
.bg_areax3 {background:url(../images/bg_pic2.png) #e6981b no-repeat 50% 50%}
.bg_areax3 h2 {left:180px;width:329px;height:57px;background:url(../images/x2_h2.png) no-repeat}
.bg_areax3 h3 {left:180px}
.bg_areax3 p {left:180px}
.bg_areax3 .ring {position:absolute;right:144px;top:84px;width:512px;height:512px;background:url(../images/x2_ring.png) no-repeat;opacity:0}
.bg_areax3 .circular {position:absolute;right:200px;top:180px;width:400px;height:400px;background:url(../images/x2_circular.png) no-repeat 50% 50%;opacity:0}
.bg_areax3 .bull {position:absolute;right:500px;top:380px;width:101px;height:172px;background:url(../images/x2_bull.png) no-repeat;opacity:0}
.bg_areax3.ani h2 {top:160px}
.bg_areax3.ani h3 {top:250px}
.bg_areax3.ani .ring {transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);-ms-transform:rotate(30deg)}
.bg_areax3.ani .circular {top:140px}
.bg_areax3.ani .bull {right:200px}
.bg_areax4 {background:url(../images/bg_pic3.png) #7f57aa no-repeat 50% bottom}
.bg_areax4 h2 {right:200px;width:330px;height:59px;background:url(../images/x3_h2.png) no-repeat}
.bg_areax4 h3 {right:200px;text-align:right}
.bg_areax4 p {right:200px;text-align:right}
.bg_areax4 .ring {position:absolute;left:144px;top:84px;width:512px;height:512px;background:url(../images/x3_ring.png) no-repeat;opacity:0}
.bg_areax4 .circular {position:absolute;left:200px;top:180px;width:400px;height:400px;background:url(../images/x3_circular.png) no-repeat 50% 50%;opacity:0}
.bg_areax4 .bull {position:absolute;left:700px;top:380px;width:127px;height:173px;background:url(../images/x3_bull.png) no-repeat;opacity:0}
.bg_areax4.ani h2 {top:160px}
.bg_areax4.ani h3 {top:250px}
.bg_areax4.ani .ring {transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg)}
.bg_areax4.ani .circular {top:140px}
.bg_areax4.ani .bull {left:500px}
.bg_areax5 {background:url(../images/bg_pic4.png) #e64845 no-repeat 50% 50%}
.bg_areax5 h2 {left:180px;width:295px;height:128px;background:url(../images/x4_h2.png) no-repeat}
.bg_areax5 p {left:180px}
.bg_areax5 .ring {position:absolute;right:144px;top:84px;width:512px;height:512px;background:url(../images/x4_ring.png) no-repeat;opacity:0}
.bg_areax5 .circular {position:absolute;right:200px;top:180px;width:400px;height:400px;background:url(../images/x4_circular.png) no-repeat 50% 50%;opacity:0}
.bg_areax5 .bull {position:absolute;right:460px;top:380px;width:150px;height:170px;background:url(../images/x4_bull.png) no-repeat;opacity:0}
.bg_areax5.ani h2 {top:160px}
.bg_areax5.ani .ring {transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);-ms-transform:rotate(30deg)}
.bg_areax5.ani .circular {top:140px}
.bg_areax5.ani .bull {right:160px}
.bg_areax2.ani h2,.bg_areax2.ani h3,.bg_areax2.ani .circular,.bg_areax2.ani .bull,.bg_areax3.ani h2,.bg_areax3.ani h3,.bg_areax3.ani .circular,.bg_areax3.ani .bull,.bg_areax4.ani h2,.bg_areax4.ani h3,.bg_areax4.ani .circular,.bg_areax4.ani .bull,.bg_areax5.ani h2,.bg_areax5.ani .circular,.bg_areax5.ani .bull {opacity:1;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease;-ms-transition:all 1.5s ease;-o-transition:all 1.5s ease}
.bg_areax2.ani p,.bg_areax3.ani p,.bg_areax4.ani p,.bg_areax5.ani p {top:330px;opacity:1;-moz-transition:all 2.5s ease;-webkit-transition:all 2.5s ease;-ms-transition:all 2.5s ease;-o-transition:all 2.5s ease}
.bg_areax2.ani .ring,.bg_areax3.ani .ring,.bg_areax4.ani .ring,.bg_areax5.ani .ring {opacity:1;-moz-transition:all 3s ease;-webkit-transition:all 3s ease;-ms-transition:all 3s ease;-o-transition:all 3s ease}
.bg_areax1.over .txt,.bg_areax1.over .btn_iphone,.bg_areax1.over .btn_android,.bg_areax1.over .app_version,.bg_areax1.over .qrcode_all,.bg_areax1.over .hand,.bg_areax2.over h2,.bg_areax2.over h3,.bg_areax2.over .circular,.bg_areax2.over .bull,.bg_areax3.over h2,.bg_areax3.over h3,.bg_areax3.over .circular,.bg_areax3.over .bull,.bg_areax4.over h2,.bg_areax4.over h3,.bg_areax4.over .circular,.bg_areax4.over .bull,.bg_areax5.over h2,.bg_areax5.over .circular,.bg_areax5.over .bull,.bg_areax2.over p,.bg_areax3.over p,.bg_areax4.over p,.bg_areax5.over p,.bg_areax2.ani .ring,.bg_areax3.ani .ring,.bg_areax4.ani .ring,.bg_areax5.ani .ring {-moz-transition:none;-webkit-transition:none;-ms-transition:none;-o-transition:none}
.fx-all {background:#f7f7f3;}
.iosand {overflow:hidden;}
.fx-all .iosfx,
.fx-all .andfx {width:100%;height:100%;margin:20px auto 0;}
.fx-all .iosfx img,
.fx-all .andfx img {display:block;width:100%;height:100%;margin:0 auto 3rem;}
.and-noresult {overflow:hidden;}
.and-noresult img {display:block;width:50%;height:50%;margin:20% auto 0;}
.and-noresult p {width:70%;margin:35px auto;font:normal 1.2rem/1.6 "";text-align:center;}
.and-noresult a {display:block;width:80%;height:3rem;margin:0 auto 3rem;background:#eb3241;font:normal 1.2rem/2.5 "";text-align:center;color:#fff;border-radius:5px;}
/* 响应式布局样式重构 */
@media only screen and (max-width:1280px) {
.box,.wrapx {width:940px}
.bg_areax1 .txt {left:100px}
.bg_areax1 .btn_iphone,.bg_areax1 .btn_android,.bg_areax1 .app_version {left:10px}
.bg_areax1 .hand {right:0}
.bg_areax1.ani .txt {left:10px}
.bg_areax1 .qrcode_all {left:310px}
.bg_areax2 h2,.bg_areax2 h3,.bg_areax2 p {right:0}
.bg_areax2 .ring {left:0}
.bg_areax2 .circular {left:56px}
.bg_areax2 .bull {left:500px}
.bg_areax2.ani .bull {left:350px}
.bg_areax3 h2,.bg_areax3 h3,.bg_areax3 p {left:0}
.bg_areax3 .ring {right:0}
.bg_areax3 .circular {right:56px}
.bg_areax3 .bull {right:250px}
.bg_areax3.ani .bull {right:50px}
.bg_areax4 h2,.bg_areax4 h3,.bg_areax4 p {right:0}
.bg_areax4 .ring {left:0}
.bg_areax4 .circular {left:56px}
.bg_areax4 .bull {left:500px}
.bg_areax4.ani .bull {left:350px}
.bg_areax5 h2,.bg_areax5 p {left:0}
.bg_areax5 .ring {right:0}
.bg_areax5 .circular {right:56px}
.bg_areax5 .bull {right:210px}
.bg_areax5.ani .bull {right:10px}

}
@media only screen and (max-width:960px) {
.box,.wrapx {width:620px}
.bg_areax1 .txt {left:100px}
.bg_areax1 .btn_iphone,.bg_areax1 .btn_android,.bg_areax1 .app_version {left:0}
.bg_areax1 .hand {right:0;width:400px;height:530px;background-size:100%}
.bg_areax1.ani .txt {left:0}
.bg_areax1 .qrcode_all {left:230px}
.bg_areax2 h2,.bg_areax2 h3,.bg_areax2 p {right:0}
.bg_areax2 .ring {top:10px;left:0;width:350px;height:350px;background-size:100%}
.bg_areax2 .circular {top:94px;left:46px;width:260px;height:259px;background-size:100%}
.bg_areax2 .bull {left:380px;top:160px}
.bg_areax2.ani h2 {top:360px}
.bg_areax2.ani h3 {top:440px}
.bg_areax2.ani p {top:500px}
.bg_areax2.ani .circular {top:54px}
.bg_areax2.ani .bull {left:280px}
.bg_areax3 h2,.bg_areax3 h3,.bg_areax3 p {left:0}
.bg_areax3 .ring {top:10px;right:30px;width:350px;height:350px;background-size:100%}
.bg_areax3 .circular {top:94px;right:76px;width:260px;height:259px;background-size:100%}
.bg_areax3 .bull {right:250px;top:160px}
.bg_areax3.ani h2 {top:360px}
.bg_areax3.ani h3 {top:440px}
.bg_areax3.ani p {top:500px}
.bg_areax3.ani .circular {top:54px}
.bg_areax3.ani .bull {right:0}
.bg_areax4 h2,.bg_areax4 h3,.bg_areax4 p {right:0}
.bg_areax4 .ring {top:10px;left:0;width:350px;height:350px;background-size:100%}
.bg_areax4 .circular {top:94px;left:46px;width:260px;height:259px;background-size:100%}
.bg_areax4 .bull {left:380px;top:160px}
.bg_areax4.ani h2 {top:360px}
.bg_areax4.ani h3 {top:440px}
.bg_areax4.ani p {top:500px}
.bg_areax4.ani .circular {top:54px}
.bg_areax4.ani .bull {left:280px}
.bg_areax5 h2,.bg_areax5 p {left:0}
.bg_areax5 .ring {top:10px;right:30px;width:350px;height:350px;background-size:100%}
.bg_areax5 .circular {top:94px;right:76px;width:260px;height:259px;background-size:100%}
.bg_areax5 .bull {right:250px;top:160px}
.bg_areax5.ani h2 {top:360px}
.bg_areax5.ani p {top:500px}
.bg_areax5.ani .circular {top:54px}
.bg_areax5.ani .bull {right:0}
}
@media only screen and (max-width:640px) {
.box,.wrapx {width:100%}
.status .box .ljxz {float:right;display:block;width:94px;height:3rem;margin:1.7rem 1.5rem 0 0;background:#eb3241;font:normal 1.2rem/2.6 "微软雅黑";color:#fff;text-align:center;border-radius:5px;}
.footer {height:26rem}
.footer .downqr {float:left;width:100%;margin-top:5rem;text-align:center;font-size:.9rem;display:inline}
.footer .downqr img {width:8.5rem;height:8.5rem}
.footer .vers {padding-top:3.2rem;font-size:.9rem}
._point {display:none}
.status,.status .box {height:6.5rem}
.status {background:#fff;}
.status .box {}
.status h1,.status h1 img {width:9rem;height:3rem}
.status h1 {margin:1.7rem 0 0 1.5rem;vertical-align:top}
.status .share,.status .top_qrcode {display:none}
.bg_area {float:left;width:100%;height:50.9rem}
.bg_area br {display:none}
.bg_area .box {height:50.9rem}
.bg_area .download {position:absolute;left:1.6rem;bottom:3.8rem;display:inline-block;width:90%;height:3.7rem;font-size:1.6rem;line-height:3.7rem;text-align:center;color:#fff;background:#eb3241;border-radius:.6rem}
.bg_area h2,.bg_area h3 {width:100%;text-align:center;font-size:1.6rem;line-height:1.5}
.bg_area p {width:84%;padding:0 8%;text-align:center;font-size:1.3rem;line-height:1.5}
.bg_areax1 {height:21rem;background:url(../images/bg_pic0_mobile.jpg) repeat-x 50% 50%}
.bg_areax1 .box {height:21rem}
.bg_areax1 .txt {left:2.7rem;top:8.4rem;width:12.5rem;height:5rem;background-size:100%}
.bg_areax1 a,.bg_areax1 .app_version,.bg_areax1 .qrcode_all {display:none}
.bg_areax1 .hand {right:2rem;bottom:-4.5rem;width:16.5rem;height:20rem;background-size:100%}
.bg_areax1.ani .txt {left:2.7rem;top:6.4rem}
.bg_areax1.ani .hand {bottom:-1.5rem}
.bg_areax2 {background:#099ed1}
.bg_areax2 h2 {top:32rem;background-position:50% 50%;background-size:14rem 2.5rem}
.bg_areax2 h3 {top:36rem}
.bg_areax2 p {top:39rem}
.bg_areax2 .ring {top:2rem;left:1.5rem;width:11.2rem;height:12rem;background:url(../images/x1_ring_mobile.png) no-repeat;background-size:100%}
.bg_areax2 .circular {top:9rem;left:50%;width:20rem;height:20rem;background-size:100%;margin-left:-10rem}
.bg_areax2 .bull {left:10rem;top:18rem;width:5rem;height:8.8rem;background-size:100%}
.bg_areax2.ani h2 {top:30rem}
.bg_areax2.ani h3 {top:34rem}
.bg_areax2.ani p {top:37rem}
.bg_areax2.ani .circular {top:6rem}
.bg_areax2.ani .ring {top:4rem;left:3.5rem}
.bg_areax2.ani .bull {left:21rem}
.bg_areax3 {background:#e6981b}
.bg_areax3 h2 {top:32rem;background:url(../images/x2_h2_mobile.png) no-repeat 50% 50%;background-size:14rem 2.5rem}
.bg_areax3 h3 {top:36rem}
.bg_areax3 p {top:39rem}
.bg_areax3 .ring {top:2rem;left:20rem;width:11.2rem;height:12rem;background:url(../images/x2_ring_mobile.png) no-repeat;background-size:100%}
.bg_areax3 .circular {top:9rem;left:50%;width:20rem;height:20rem;background-size:100%;margin-left:-10rem}
.bg_areax3 .bull {left:10rem;top:18rem;width:5rem;height:8.5rem;background-size:100%}
.bg_areax3.ani h2 {top:30rem}
.bg_areax3.ani h3 {top:34rem}
.bg_areax3.ani p {top:37rem}
.bg_areax3.ani .circular {top:6rem}
.bg_areax3.ani .ring {top:4rem;left:16.5rem}
.bg_areax3.ani .bull {left:21rem}
.bg_areax4 {background:#7f57aa}
.bg_areax4 h2 {top:32rem;background-position:50% 50%;background-size:14rem 2.5rem}
.bg_areax4 h3 {top:36rem}
.bg_areax4 p {top:39rem}
.bg_areax4 .ring {top:2rem;left:1.5rem;width:11.2rem;height:12rem;background:url(../images/x3_ring_mobile.png) no-repeat;background-size:100%}
.bg_areax4 .circular {top:9rem;left:50%;width:20rem;height:20rem;background-size:100%;margin-left:-10rem}
.bg_areax4 .bull {left:10rem;top:18rem;width:6.3rem;height:8.6rem;background-size:100%}
.bg_areax4.ani h2 {top:30rem}
.bg_areax4.ani h3 {top:34rem}
.bg_areax4.ani p {top:37rem}
.bg_areax4.ani .circular {top:6rem}
.bg_areax4.ani .ring {top:4rem;left:3.5rem}
.bg_areax4.ani .bull {left:21rem}
.bg_areax5 {background:#e64845}
.bg_areax5 h2 {top:32rem;height:6.4rem;background:url(../images/x4_h2_mobile.png) no-repeat 50% 50%;background-size:14rem 6rem}
.bg_areax5 p {top:39rem}
.bg_areax5 .ring {top:2rem;left:20rem;width:11.2rem;height:12rem;background:url(../images/x4_ring_mobile.png) no-repeat;background-size:100%}
.bg_areax5 .circular {top:9rem;left:50%;width:20rem;height:20rem;background-size:100%;margin-left:-10rem}
.bg_areax5 .bull {left:10rem;top:18rem;width:7.5rem;height:8.5rem;background-size:100%}
.bg_areax5.ani h2 {top:29.5rem}
.bg_areax5.ani p {top:37rem}
.bg_areax5.ani .circular {top:6rem}
.bg_areax5.ani .ring {top:4rem;left:16.5rem}
.bg_areax5.ani .bull {left:21rem}
.bg_areax2.ani .ring,.bg_areax3.ani .ring,.bg_areax4.ani .ring,.bg_areax5.ani .ring {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}
}