body{color:#555;font-family:"PingFang SC","Hiragino Sans GB","Hiragino Sans GB W3",'Microsoft YaHei', 'Lucida Grande',Arial}body.os-mobile{padding-top:60px;overflow-x:hidden}body.disable-scroll{height:100%;overflow:hidden}a{color: #c20c0c;transition:all .6s} a:hover{color:#000} img{max-width:100%} header.navbar{height:70px;margin-bottom:0;background:#F7F7F7;-webkit-transition:background-color .5s linear;transition:background-color .5s linear;border-bottom:1px #CCC solid} .os-mobile header.navbar{height:60px} header.navbar-bg{background:rgba(0,0,0,.7);border-bottom:0} .navbar-logo a,.navbar-logo a:hover,.navbar-logo a:visited{color:#000} #mainnav a{color:#0798DD} #mainnav a:hover{color:#000} #mainnav .btn-getstart,#mainnav .btn-getstart:active,#mainnav .btn-getstart.active, #mainnav .btn-getstart:visited{margin-right:10px;background:#C20C0C;color:#FFF}#mainnav . btn-getstart:hover,#mainnav .btn-getstart.hover{background: #c20c0c;color:#FFF} #mainnav .navbar-nav{padding-top:2px} #mainnav .navbar-nav>li>a{padding-top:8px;padding-bottom:8px;border-radius:5px} header.navbar-bg .navbar-logo a,header.navbar-bg .navbar-logo a:hover,header.navbar-bg .navbar-logo a:visited{color:#FFF} header.navbar-bg #mainnav a{color:#FFF} header.navbar-bg #mainnav a:hover{color:#000} .navbar>.container .navbar-logo .navbar-brand{margin-left:0} .navbar-logo .navbar-brand{width:130px;height:50px;margin-top:10px;background:#CCC;text-indent:45px;font-size:3.5rem;font-weight:400;text-indent:-999px;overflow:hidden;background-color:transparent;background-size:auto 100%;background-repeat:no-repeat;background-position:0 50%;background-image:url(../images/logo-full-black_7145e58_1.png)} .navbar-bg .navbar-logo .navbar-brand{background-image:url(../images/logo.png)} .navbar .navbar-nav{margin-top:13px} .os-mobile .navbar-logo .navbar-brand{height:45px;margin-top:8px} .footer{font-size:12px;border-top:1px solid #EAEAEA;padding:30px 0 10px;color:#999} .footer-link span{margin:0 3px} .footer a{color:#999} .footer a:hover{color:#000} #carousel{position:relative;width:100%;overflow:hidden;margin-bottom:40px} .carousel-fade .carousel-inner .item{-webkit-transition-property:opacity;transition-property:opacity} .carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{opacity:0} .carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1} .carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .carousel-fade .carousel-control{z-index:2} html,body,.carousel,.carousel-inner,.carousel-inner .item{height:100%} .carousel{min-height:600px} .carousel-inner .item{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;background-image:url(../images/pc_o1.jpg)} .item:nth-child(1){background-image:url(../images/pc_01.jpg)} .item:nth-child(2){background-image:url(../images/pc_02.jpg)} .item:nth-child(3){background-image:url(../images/03.jpg)} .item:nth-child(4){background-image:url(../images/04.jpg)} .carousel-wave{position:absolute;bottom:0;height:100px;background:url(../images/wave-01_4e036a5_1.png) repeat-x;_background:url(../images/wave-01-2_77fc671_1.png) repeat-x;background-size:auto 100%;width:400%;left:-300px;z-index:99;animation:wave_up 25s linear .4s infinite normal;-moz-animation:wave_up 25s linear .4s infinite normal;-webkit-animation:wave_up 25s linear .4s infinite normal;-o-animation:wave_up 25s linear .4s infinite normal} .carousel-wave2{position:absolute;bottom:0;height:100px;background:url(../images/wave-02_ed6b017_1.png) repeat-x;_background:0 0;background-size:auto 100%;position:absolute;width:400%;left:0;z-index:98;animation:wave_down 60s linear .4s infinite normal;-moz-animation:wave_down 60s linear .4s infinite normal;-webkit-animation:wave_down 60s linear .4s infinite normal;-o-animation:wave_down 60s linear .4s infinite normal} @-webkit-keyframes wave_up{from{left:-236px} to{left:-1233px}} @-moz-keyframes wave_up{from{left:-236px} to{left:-1233px}} @-o-keyframes wave_up{from{left:-236px} to{left:-1233px}} @keyframes wave_up{from{left:-236px} to{left:-1233px}} @-webkit-keyframes wave_down{from{left:0} to{left:-1009px}} @-moz-keyframes wave_down{from{left:0} to{left:-1009px}} @-o-keyframes wave_down{from{left:0} to{left:-1009px}} @keyframes wave_down{from{left:0} to{left:-1009px}} .carousel-content{text-align:center;position:absolute;height:200px;left:0;top:50%;margin-top:-8%;width:100%;color:#FFF} .carousel-content .name{font-size:4rem;font-weight:400;font-family:'Microsoft YaHei','Lucida Grande',Menlo,Arial;letter-spacing:3px;margin:10px 0 20px} .carousel-content .slogan{font-size:2.25rem;line-height:1.75;font-weight:200;margin:0 0 25px} .carousel-content .download{margin:30px 0 40px}.carousel-content .btn-getstart-big{width:380px;height:96px;margin-right:10px;line-height:86px;font-size:3.75rem;color:#FFF;font-weight:300;border:0;background:#C20C0C;border-radius:0}.carousel-content .btn-getstart-big:hover{}.carousel-content .btn-go-qrcode{width:96px;height:96px;background:url(../images/qrcode.png) no-repeat 0 0;background-size:100% 100%;border-image:url(../images/bd-getstart_87c427d_1.png) 20%;border-radius:0;text-indent:-999px;overflow:hidden}.carousel-content .btn-android{background-image:url(../images/btn-android.png)}.carousel-content .btn-ios{background-image:url(../images/btn-ios.png)}.row-special{margin-bottom:80px}.row-special a{display:block;border:1px #CCC solid}.row-special a:hover{border:1px #c20c0c solid} .marketing .featurette{margin-bottom:60px} .featurette .featurette-heading{font-size:3rem;font-weight:400;margin-top:70px;margin-bottom:15px;color:#556} .featurette .text-muted{font-size:2rem;color:#556} .featurette .lead{font-size:1.75rem;line-height:1.75;color:#999} .featurette img{width:70%} .timeline{position:relative;height:230px;background:url(../images/line_e6645c8.png) repeat-x 0 120px;color:#999} .timeline::before{content:' ';display:block;position:absolute;top:124px;left:-3px;width:6px;height:6px;border-radius:10px;background:#AB9873} .timeline::after{content:' ';display:block;position:absolute;top:120px;right:-5px;width:11px;height:15px;background:url(../images/arrow-right_8da4221.png) no-repeat 0 0} .timeline-item{position:absolute;width:150px;height:230px;text-align:center} .timeline-item h3{font-size:1.5rem;font-weight:500} .timeline-item p{font-size:1.25rem;font-weight:300} .timeline-item::before{content:' ';display:block;position:absolute;top:124px;left:50%;margin-left:-3px;width:6px;height:6px;border-radius:10px;background:#AB9873} .timeline-item::after{content:' ';display:block;position:absolute;height:150px;top:80px;left:50%;width:2px;border-left:1px #AB9873 dashed} .gotop{display:none;position:fixed;right:20px;bottom:120px;width:64px} .gotop .qrcode{display:block;height:64px;border:1px #CCC solid;background:#FFF url(../images/bg-qrcode_65d0089_1.png) no-repeat 0 0;background-size:100% auto;margin-bottom:5px;transition:all .6s} .gotop .qrcode:hover{transform-origin:100% 100% 0;transform:scale3d(2.5,2.5,1);background-image:url(../images/bg-qrcode@2x_e3cb6c4_1.png)} .gotop .anchor{display:block;width:64px;height:64px;background:url(../images/gotop-normal_3814b6d_1.png) no-repeat 50% 50%;-webkit-transition:background .5s linear;transition:background .5s linear} .gotop .anchor:hover{background-image:url(../images/gotop-hover_2a3b472_1.png)} #pop-weixin{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.75);background-image:url(../images/guide-weixin_49ceb06_1.png);background-position:100% 0;background-size:100% auto;background-repeat:no-repeat;z-index:9999;display:none}@media only screen and (-webkit-min-device-pixel-ratio:2) and (min-device-width:1025px),only screen and (min--moz-device-pixel-ratio:2) and (min-device-width:1025px),only screen and (-o-min-device-pixel-ratio:2/1) and (min-device-width:1025px),only screen and (min-device-pixel-ratio:2) and (min-device-width:1025px),only screen and (min-resolution:192dpi) and (min-device-width:1025px),only screen and (min-resolution:2dppx) and (min-device-width:1025px){.banner{background-image:url(../images/banner@2x.png)} .panel-download .btn-android{background-image:url(../images/btn-android@2x.png)} .panel-download .btn-ios{background-image:url(../images/btn-ios@2x.png)} .navbar-logo .navbar-brand{background-image:url(../images/logo-full-black@2x_cfde372_1.png)} {background-image:url(/static/pc/windoews/ps/logo.png)} .carousel-content .btn-go-qrcode{background-image:url(/static/pc/windoews/ps/logo.png)}} @media only screen and (max-width:768px){.navbar .navbar-nav{display:none} .carousel .btn-getstart-big{font-size:1.5rem;height:50px;line-height:40px;width:150px} .carousel .btn-go-qrcode{display:none} .carousel{min-height:300px;height:300px} .carousel-wave{height:50px} .carousel-wave2{height:50px} .carousel-inner{min-height:300px;height:300px} .carousel-content{top:80px} .carousel-content .name{font-size:2.5rem;font-weight:400;font-family:'Microsoft YaHei','Lucida Grande',Menlo,Arial;letter-spacing:3px;margin:10px 0 15px} .carousel-content .slogan{font-size:1.5rem;font-weight:200;margin:0 0 20px} .carousel-content .download{} .row-special{margin-bottom:30px} .featurette .featurette-heading{font-size:2rem;margin-top:10px} .featurette .text-muted{font-size:1.5rem} .featurette .lead{font-size:1.5rem} .marketing .featurette{margin-bottom:30px} .footer .col-md-6{text-align:center} .carousel-wave,.carousel-wave2{display:none} .navbar-logo .navbar-brand{background-image:url(../images/logo-full-black@2x_cfde372_1.png)} .navbar-bg .navbar-logo .navbar-brand{background-image:url(../images/logo-full-white@2x_5c8ce7d_1.png)} .carousel-content .btn-go-qrcode{background-image:url(../images/bg-qrcode@2x_e3cb6c4_1.png)}}