@charset 'utf-8'; @font-face { font-family:FZCYS; src:url(fonts/FZCYS.eot); src:url(fonts/FZCYS.eot?#font-spider) format('embedded-opentype'),url(fonts/FZCYS.woff2) format('woff2'),url(fonts/FZCYS.woff) format('woff'),url(fonts/FZCYS.ttf) format('truetype'),url(fonts/FZCYS.svg) format('svg'); font-weight:400; font-style:normal } body { font-size:14px; font-family:'PingFang SC','Myriad Pro','Hiragino Sans GB','microsoft yahei'; line-height:1.5; color:#202425 } body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,ul { margin:0 } ol,ul { list-style:none; padding:0 } a { color:inherit; text-decoration:none } .S { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select:none; -webkit-text-size-adjust:none; -webkit-touch-callout:none } html:not(.S) body { -webkit-font-smoothing:antialiased } .S .yw-copyright,.S .yw-data,.S .yw-home-app,.S .yw-news,.yw-page { background:#fff url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAZAgMAAADlDS7UAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURfz8/P////7+/v39/WHSSzEAAADmSURBVBjTVZCxjQMhEEU/RnsSgTfDHSC5AQJnU8IGOxySCSjAgUu4EhyYPrYEmnAJ7sMzrJMjgS/Bm/cBwAjMWbaxnpZl9dOe4HibuY5j2hAKEDPmRuCE6Q84LGgsiavF+4ruWJJtCUYPLXV5ODNNzIvhbXB8cbdLjetg9uOvAeh1t8r8WqiRMrsnV81qFSUWUw3ZLW5gYj4usUx3NRKLZDIQqIkRrmhdxlqb8BYKBdIrJhtllh+xlyaPKOkiDo2lCfxtjHXave4SJ7XXJk8J9TzspcnZETJ2e19kJlaovTaBJ/z7zw8/NkVBgB3XkAAAAABJRU5ErkJggg==) } .S .yw-copyright,.S .yw-data,.S .yw-home-app { overflow:hidden } .S .yw-copyright .yw-home-h3 { margin-top:0 } .yw-header { height:511px; position:relative; color:#fff } .yw-header a { *color:#fff } .yw-constr { width:964px; margin-left:auto; margin-right:auto } .yw-logo { position:absolute; top:21px; width:138px; height:44px; background:url(images/logo.png) no-repeat; -webkit-transform-origin:left center; transform-origin:left center; z-index:1 } .yw-logo h1 { position:absolute; top:-90px } .yw-nav { position:absolute; top:0; right:125px; letter-spacing:-.25em; z-index:1 } .yw-nav-a { display:inline-block; height:34px; line-height:34px; padding:20px 16px 17px; letter-spacing:0; text-shadow:1px 1px 1px rgba(0,0,0,.1); font-size:16px; transition:all .25s; *color:#fff } .yw-nav-btn { padding:0 10px; border-radius:4px; border:1px solid #fff; position:absolute; top:20px; right:0; z-index:1 } .yw-nav-a:hover { box-shadow:0 1px #fff,0 2px #fff,0 3px #fff; background-color:hsla(0,0%,100%,.25) } .yw-nav-btn:hover { border-color:#019ee4; background-color:#019ee4; box-shadow:none } .yw-bar-fixed { height:74px; position:fixed; left:0; top:0; right:0; border-bottom:1px solid #eee } :root .yw-bar-fixed { border-bottom:0 } .yw-bar-fixed .yw-nav-a { text-shadow:none } .yw-bar-fixed .yw-nav .yw-nav-a { color:#202425 } .yw-bar-fixed .yw-logo { top:15px } .yw-bar-fixed .yw-nav .yw-nav-a:hover { color:#019ee4; box-shadow:0 1px #019ee4,0 2px #019ee4,0 3px #019ee4 } .yw-bar-fixed .yw-nav>.active { color:#fff; background-color:#019ee4; box-shadow:0 1px #019ee4,0 2px #019ee4,0 3px #019ee4; border-bottom:3px solid #019ee4; border-bottom:0 rgba(0,0,0,0) } .yw-bar-fixed .yw-nav>.active:hover { color:#fff } .yw-bar-fixed .yw-nav-btn { color:#019ee4; border-color:#019ee4 } .yw-bar-fixed .yw-nav-btn:hover { color:#fff } .yw-hd-bar { position:relative; color:#fff; *z-index:2 } .S .yw-hd-bar,.yw-hd-bar[id] { display:block } .S .yw-hd-bar[id],.yw-hd-bar { display:none } .S .fixed.yw-hd-bar,.yw-bar-fixed { display:block; background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,.2); color:#202425; z-index:10 } .S .fixed.yw-hd-bar { height:50px } .fixed .yw-logo,.yw-bar-fixed .yw-logo { background-position:0 -44px } .fixed .yw-nav-btn { color:#019ee4; border-color:#019ee4; text-shadow:none } .yw-hd-curnav { display:none } .yw-hd-curnav>svg { -webkit-transform:translate(5px,2px) rotate(90deg) scale(.6); transform:translate(5px,2px) rotate(90deg) scale(.6); fill:none; stroke:#202425; stroke-width:2px; stroke-linecap:round; stroke-linejoin:round } .fixed>.yw-hd-curnav { display:block; line-height:50px; text-align:center; color:#202425; font-size:15px } .fixed>.active>svg { -webkit-transform:translate(5px,2px) rotate(-90deg) scale(.6); transform:translate(5px,2px) rotate(-90deg) scale(.6) } .active~.yw-nav .yw-nav-a { height:49px } .yw-hd-slide-bg { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-transition:opacity .35s; transition:opacity .35s; opacity:0; filter:alpha(opacity=0) } .yw-hd-slide-li .yw-hd-slide-con { display:none } .active .yw-hd-slide-bg { opacity:1; filter:alpha(opacity=100) } .active .yw-hd-slide-con { display:block; -webkit-animation:fadeIn .25s both; animation:fadeIn .25s both } .L .yw-hd-slide-1 .yw-hd-slide-bg { background-image:url(images/hd-bg-1_l.jpg) } .M .yw-hd-slide-1 .yw-hd-slide-bg { background-image:url(images/hd-bg-1_m.jpg) } .S .yw-hd-slide-1 .yw-hd-slide-bg { background-image:url(images/hd-bg-1_s.jpg) } .L .yw-hd-slide-2 .yw-hd-slide-bg { background-image:url(images/hd-bg-2_l.jpg) } .M .yw-hd-slide-2 .yw-hd-slide-bg { background-image:url(images/hd-bg-2_m.jpg) } .S .yw-hd-slide-2 .yw-hd-slide-bg { background-image:url(images/hd-bg-2_s.jpg) } .L .yw-hd-slide-3 .yw-hd-slide-bg { background-image:url(images/hd-bg-3_l.jpg) } .M .yw-hd-slide-3 .yw-hd-slide-bg { background-image:url(images/hd-bg-3_m.jpg) } .S .yw-hd-slide-3 .yw-hd-slide-bg { background-image:url(images/hd-bg-3_s.jpg) } .yw-hd-slide-con { position:relative; top:135px; text-shadow:1px 1px 1px rgba(0,0,0,.1); z-index:1 } .yw-hd-slide-h { margin-bottom:10px; font-size:56px; font-weight:400 } .yw-hd-slide-p { line-height:1.4; font-size:36px; font-weight:300 } .yw-hd-dot-x { position:absolute; bottom:36px; z-index:1 } .yw-hd-dot-a { display:inline-block; width:20px; height:20px; position:relative; font-size:0; background:url(images/hd-dots.png) no-repeat 0 -20px; background:none,none } .yw-hd-dot-a::before { content:''; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:8px; height:8px; background-color:#fff; border-radius:50%; opacity:.5 } .yw-hd-dot-x .active::before { padding:1px; border:1px solid; background-clip:content-box; opacity:1 } .yw-hd-dot-x .active { background-position:0 0 } .yw-hd-slide-btn { display:block; width:240px; padding:10px 0; margin-top:30px; background-color:#03a0e5; border-radius:4px; text-indent:20px; font-size:24px; font-weight:300; position:relative } .icon-cor-wh>svg { fill:none; stroke:#fff; stroke-width:2px; stroke-linecap:round; stroke-linejoin:round } .yw-hd-slide-btn .icon { position:absolute; top:10px; right:14px; font-style:normal } .yw-data-view { padding-top:55px; overflow:hidden } .yw-data-dl { width:29.46%; font-weight:300 } .yw-data-dl-1,.yw-data-dl-2 { float:left } .yw-data-dl-2 { margin-left:5.81% } .yw-data-dl-3 { float:right } .icons-pbm-b,.icons-pbm-m,.icons-pbm-p { position:absolute; width:80px; height:80px; margin-top:-40px; background:url(images/icons-pbm.png) no-repeat } .yw-data-dt { padding:40px 0 0 90px; color:#019ee4; font-size:24px } .yw-data-dl-1 .yw-data-dt { padding-left:64px } .icons-pbm-p { margin-left:-82px; background:url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA0MyA2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjUuMzM0IDY0Yy41MTMgMCAuOTc5LS4yOTQgMS4yMDMtLjc1NWwxNi0zMy4zMzVjLjE5NS0uNDA5LjE2OS0uODktLjA2OC0xLjI3NkwzMi4xOSAxMS45MzIgMzcuMTkzIDEuOTNhMS4zMzcgMS4zMzcgMCAwIDAtLjA1Ny0xLjI5N0ExLjM0IDEuMzQgMCAwIDAgMzYgMEg1LjMzM2ExLjMzNSAxLjMzNSAwIDAgMC0xLjEzIDIuMDRsNi4yMjggOS45NjVMLjE5OCAyOC42MzVhMS4zMzEgMS4zMzEgMCAwIDAtLjA2NiAxLjI3NWwxNiAzMy4zMzVjLjIyLjQ2LjY4OC43NTUgMS4yMDEuNzU1bTUuMzM0LTIuNjY3VjM0LjYxNmMwLS43MzctLjU5Ny4xODktMS4zMzQuMTg5LS43MzcgMC0xLjMzMy0uOTI2LTEuMzMzLS4xODl2MjYuNzE3aC0xLjgyOEwyLjg1IDI5LjQxM2w5Ljg5NS0xNi4wOGgxNy4xNzdsOS44OTMgMTYuMDgtMTUuMzIgMzEuOTJNMTIuNzQgMTAuNjY3bC01LThoMjYuMTA0bC00IDhNMjggMjhhNi42NzQgNi42NzQgMCAwIDAtNi42NjctNi42NjdBNi42NzQgNi42NzQgMCAwIDAgMTQuNjY3IDI4YTYuNjc1IDYuNjc1IDAgMCAwIDYuNjY2IDYuNjY3QTYuNjc0IDYuNjc0IDAgMCAwIDI4IDI4em0tMi42NjcgMGMwIDIuMjA2LTEuNzk0IDQtNCA0LTIuMjA1IDAtNC0xLjc5NC00LTRzMS43OTUtNCA0LTRjMi4yMDYgMCA0IDEuNzk0IDQgNHoiIGZpbGw9IiMwMTlFRTQiLz48L3N2Zz4=) no-repeat center,none } .icons-pbm-b { margin-left:-92px; background-position:0 -80px; background:url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNjIiIHZpZXdCb3g9IjAgMCA3MCA2MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMwMTlFRTQiIHN0cm9rZS13aWR0aD0iMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTMgNjBjLS4wNjMuMDQtMS0uODc0LTEtMVY4YzAtLjU5Mi41NC0uNzIzIDEtMSA1LjE2NC0zLjEgMTAuNzE0LTUgMTYtNSA3LjIxNiAwIDEzLjI0IDIuODQ5IDE2IDUgMCAwIC4wNDkgNTMuMDI4IDAgNTMtMi40MTctMS4zNTctOS4xNjgtNC0xNy00LTUuNDM0IDAtMTAuMzgxIDEuMDM1LTE1IDR6Ii8+PHBhdGggZD0iTTY3LjAyMiA2MGMuMDYzLjA0IDEtLjg3NCAxLTFWOGMwLS41OTItLjU0LS43MjMtMS0xLTUuMTY0LTMuMS0xMC43MTQtNS0xNi01LTcuMjE2IDAtMTMuMjQgMi44NDktMTYgNSAwIDAtLjA1IDUzLjAyOCAwIDUzIDIuNDE2LTEuMzU3IDkuMTY3LTQgMTctNCA1LjQzMyAwIDEwLjM4MSAxLjAzNSAxNSA0eiIvPjwvZz48L3N2Zz4=) no-repeat center,none } .icons-pbm-m { margin-left:-100px; background-position:0 -160px; background:url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCA2MyA2NyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+U2hhcGU8L3RpdGxlPjxwYXRoIGQ9Ik0zNy44NDggNDEuNTUyczQuNzM3LTQuNjkgNS43Ny0xMC45OTZjMi43NzcgMCA0LjQ5My02LjcwNSAxLjcxNS05LjA2NEM0NS40NDkgMTkuMDEgNDYuOTAzIDIgMzEuNDE2IDJTMTcuMzgzIDE5LjAxIDE3LjQ5OSAyMS40OTJjLTIuNzc4IDIuMzYtMS4wNjMgOS4wNjQgMS43MTUgOS4wNjQgMS4wMzIgNi4zMDYgNS43NyAxMC45OTYgNS43NyAxMC45OTZzLS4wMzcgNC40MzMtMS4yMzUgNC42OUM2Ljc1IDQ4IDMuMTE2IDU4LjMxOCAzLjExNiA1OC4zMTguNzA0IDYyLjAwOSAyLjMzMSA2NSA2Ljc0NCA2NWg0OS4zNDRjNC40MTUgMCA2LjMwMi0zLjE1NCAzLjc5Ny02Ljc5NSAwIDAtMy4xMzYtMTAuMjA1LTIwLjEzNi0xMS45NjQtMS44NjQtLjI1Ni0xLjkwMS00LjY5LTEuOTAxLTQuNjl6IiBzdHJva2U9IiMwMTlFRTQiIHN0cm9rZS13aWR0aD0iMi41IiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat center,none } .yw-data-dd { margin-top:20px; color:#717678 } .yw-data-desc { margin:50px 0; font-size:16px; text-indent:2em; letter-spacing:.5px; font-weight:300; text-shadow:0 1px #fff; line-height:1.8 } .yw-home-h3 { margin:20px 0; text-align:center; font-size:36px; font-weight:400 } .yw-copy-x { height:512px; margin-top:48px; position:relative; overflow:hidden } .yw-ip-cor { display:none; position:absolute; right:10px; top:-270px; width:8px; height:20px; fill:none; stroke:hsla(0,0%,100%,.8); stroke-width:2px; stroke-linecap:round; -webkit-transform:scale(-1,1.4); transform:scale(-1,1.4) } .yw-copy-center { position:absolute; height:100%; width:2880px; top:0; left:50%; margin-left:-1440px; transition:transform .25s } .yw-copy-li { width:320px; background-color:#eee; float:left } .yw-copy-part { position:relative; overflow:hidden } .yw-copy-part-s { height:192px } .yw-copy-part-l { height:320px } .yw-copy-part-l .yw-ip-img { width:100%; height:100%; visibility:hidden } .yw-copy-part-s .yw-ip-img { height:100%; width:385px; visibility:hidden } .yw-copy-part .yw-ip-img[src] { visibility:visible } .yw-ip-desc { position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; font-weight:300; background-image:url(images/blue-bg.png); background:rgba(1,158,228,.75); text-align:center; cursor:default; -webkit-transition:visibility .4s,opacity .25s; transition:visibility .4s,opacity .25s; -ms-pointer-events:none; pointer-events:none; opacity:0; visibility:hidden } .yw-mid-con { display:inline-block; *display:inline; *zoom:1; vertical-align:middle } .yw-mid-i { display:inline-block; height:100%; vertical-align:middle } .yw-ip-desc .yw-mid-con { width:250px; -webkit-transition:-webkit-transform .25s; transition:transform .25s; -webkit-transform:translateY(50px); transform:translateY(50px) } .yw-ip-name { font-size:24px; font-weight:300 } .yw-copy-line { display:block; width:100px; border-top:1px solid; margin:10px auto 17px; font-size:0 } .L .yw-copy-part:hover .yw-ip-desc,.M .yw-copy-part:hover .yw-ip-desc { visibility:visible; opacity:1; -webkit-transition:opacity .4s; transition:opacity .4s } html:not(.S) .yw-copy-part:hover .yw-mid-con { -webkit-transform:translateY(0); transform:translateY(0) } .yw-home-app { padding-top:28px } .yw-tab-tab { width:264px; line-height:0; *font-size:1px; margin:0 auto; text-align:justify; position:relative } .yw-tab-a { display:inline-block; line-height:1.5; padding-bottom:10px; font-size:16px; font-weight:300; transition:color .25s; *color:#202425 } .yw-home-app .yw-tab-a:hover { color:#019ee4 } .yw-tab-bot-line { display:inline-block; width:100%; vertical-align:bottom; border-top:1px solid #999 } .yw-tab-hline { position:absolute; bottom:-2px; left:0; border-top:5px solid #019ee4; -webkit-transition:all .25s; transition:all .25s } .yw-tab-tab .active { color:#019ee4; font-weight:400 } .yw-tab-panel { height:396px; position:relative } .yw-tab-panel-li { height:100%; position:absolute; left:0; width:100%; visibility:hidden; -webkit-transition:visibility .35s,opacity .35s; transition:visibility .35s,opacity .35s; opacity:0; *zoom:1 } .yw-tab-panel-li:after { content:''; display:table; clear:both } .yw-tab-panel .active { visibility:visible; opacity:1 } .yw-app-img-x { position:absolute; left:0; top:0 } .yw-app-img { height:396px; margin-left:-25px; vertical-align:bottom } .yw-app-desc { margin-left:485px; padding-top:96px } .yw-app-slogon { font-size:36px; font-weight:400 } .yw-app-desc-detail { margin:5px 50px 40px 0; font-size:18px; font-weight:300 } .yw-btn-blue { display:inline-block; width:120px; padding:10px 18px; background-color:#03a0e5; border-radius:4px; font-size:16px; font-weight:300; text-align:center; color:#fff } .yw-brand { height:535px; padding-top:30px; background:#454c5f url(images/brand-bg.jpg) no-repeat center; color:#fff } .yw-brand-desc { min-height:160px; margin-top:46px; position:relative } .yw-brand-desc-li { position:absolute; -webkit-transition:visibility 225ms; transition:visibility 225ms; opacity:0; visibility:hidden } .yw-brand-desc .in { -webkit-transition:none; transition:none; opacity:1; visibility:visible } .in,.out { -webkit-animation-fill-mode:both; animation-fill-mode:both } .yw-brand-desc .in,.yw-brand-desc .out { -webkit-animation-timing-function:ease-in-out; -webkit-animation-duration:225ms; animation-timing-function:ease-in-out; animation-duration:225ms } .yw-brand-desc .in { -webkit-animation-name:slideinfrombottom; animation-name:slideinfrombottom } .yw-brand-desc .out { -webkit-animation-name:slideouttotop; animation-name:slideouttotop } .yw-brand-desc .reverse.out { -webkit-animation-name:slideouttobottom; animation-name:slideouttobottom } .yw-brand-desc .reverse.in { -webkit-animation-name:slideinfromtop; animation-name:slideinfromtop } .yw-brand-desc-li .brand { position:absolute; left:0; margin:15px 0 0 50px } .yw-brand-p { line-height:26px; margin-left:322px; font-size:16px; font-weight:200 } .brand { display:inline-block; width:200px; height:80px; background-image:url(images/icons-brand.png); background-repeat:no-repeat } .brand-chuangshi { background-position:0 0 } .brand-hongxiu { background-position:0 -80px } .brand-huawen { background-position:0 -160px } .brand-jushihuawen { background-position:0 -240px } .brand-lanren { background-position:0 -320px } .brand-nvsheng { background-position:0 -400px } .brand-qidian { background-position:0 -480px } .brand-qidiandushu { background-position:0 -560px } .brand-qqyuedu { background-position:0 -640px } .brand-rongshuxia { background-position:0 -720px } .brand-tianfang { background-position:0 -800px } .brand-xiaoqiang { background-position:0 -880px } .brand-xiaoshuoyuedu { background-position:0 -960px } .brand-yanqing { background-position:0 -1040px } .brand-yuedu { background-position:0 -1120px } .brand-yunqi { background-position:0 -1200px } .brand-zhongzhibowen { background-position:0 -1280px } .brand-zuojiazhushou { background-position:0 -1360px } .yw-brand-nav-x { text-align:justify; line-height:0 } .yw-brand-nav-a { display:inline-block; width:138px; height:58px; line-height:1.5; margin-bottom:17px; *color:#fff; *margin-right:20px; border:1px solid; vertical-align:top; position:relative; cursor:pointer; -webkit-transition:opacity .25s; transition:opacity .25s; opacity:.3; filter:alpha(opacity=30) } .yw-brand-nav-a[href^=jav] { cursor:default } .yw-brand-nav-x .active { opacity:1; filter:none; box-shadow:inset 0 0 0 1px } .yw-brand-nav-last { height:0; visibility:hidden } .yw-brand-nav-a .brand { position:absolute; clip:rect(0 200px 100px 50px); left:50%; top:50%; margin:-24px 0 0 -75px; margin:-40px calc(0px) 0 -117px; -webkit-transform:scale(.6); -ms-transform:scale(.6); transform:scale(.6); zoom:.6 } :root .yw-brand-nav-a .brand { zoom:1 } .yw-brand-nav-a .brand-hongxiu,.yw-brand-nav-a .brand-yunqi { clip:rect(0 200px 100px 70px); margin-left:-87px; margin-left:calc(-125px) } .yw-brand-nav-a .brand-nvsheng,.yw-brand-nav-a .brand-xiaoqiang { clip:rect(0 200px 100px 60px); margin-left:-82px; margin-left:calc(-122px) } .yw-brand-nav-a .brand-yuedu { clip:rect(0 200px 54px 70px); margin-left:-82px; margin-top:-18px; margin-left:calc(-120px); margin-top:calc(-34px) } .yw-brand-nav-a .brand-rongshuxia { clip:rect(0 200px 100px 0); margin:-16px 0 0 -40px; margin:-40px calc(0px) 0 -100px; -webkit-transform:scale(.4); -ms-transform:scale(.4); transform:scale(.4); zoom:.4 } .yw-brand-nav-a .brand-lanren { margin-left:-80px; margin-left:calc(-120px) } .yw-brand-nav-a .brand-jushihuawen,.yw-brand-nav-a .brand-zuojiazhushou { margin-left:-77px; margin-left:calc(-115px) } .yw-news { padding:29px 0 44px } .yw-news-x { margin-top:40px; margin-right:-88px } .yw-news-loading { height:500px; line-height:500px; margin-right:88px; text-align:center } .yw-news-loading:empty { background:url(images/loading.gif) no-repeat center } .yw-news-li { display:inline-block; *display:inline; *zoom:1; width:49.8%; width:calc(49.8% + .02%); margin-bottom:40px; vertical-align:top } .yw-news-detail { margin-right:88px } .yw-news-title { font-size:20px } .yw-news-time { margin-top:7px; color:#81898c; font-size:12px } .yw-news-tag { display:inline-block; line-height:16px; padding:0 2px; font-size:11px; border:1px solid; border-radius:2px } .yw-news-time .yw-news-tag { margin-right:5px } .yw-news-sum { margin:20px 0 15px } .yw-news-more-a { font-size:13px; color:#009de3 } .yw-news-li+a { display:block; margin:auto } .yw-news-x .yw-btn-blue { position:relative; left:-44px } .yw-news-lay { width:100%; max-width:960px; height:90%; max-height:calc(100vh - 96px); border-radius:10px; position:relative } .yw-news-lay::after,.yw-news-lay::before { content:''; position:absolute; left:0; width:100%; height:50px; background-image:linear-gradient(to bottom,#fff,hsla(0,0%,100%,0)); border-radius:inherit; z-index:1 } .yw-news-lay::before { top:0 } .yw-news-lay::after { -webkit-transform:scaleY(-1); transform:scaleY(-1); bottom:0 } .yw-news-lay-x { position:absolute; top:0; bottom:0; left:0; right:0; padding:80px 145px 0; text-align:left; *background-color:#fff; overflow:auto } .yw-news-lay-x>a,.yw-news-lay-x>p { margin-bottom:60px } .yw-news-lay-x .yw-news-li { display:block; width:auto } .yw-news-lay-x .yw-news-li:last-child { padding-bottom:10px } .yw-news-lay-x .yw-news-detail { margin-right:0 } .yw-news-lay-shut { position:absolute; top:25px; right:42px; width:24px; line-height:24px; text-align:center; color:#333; font-size:24px; text-indent:-9rem; z-index:1; overflow:hidden } .yw-news-lay-shut::after,.yw-news-lay-shut::before { content:''; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%) rotate(45deg); transform:translate(-50%,-50%) rotate(45deg) } .yw-news-lay-shut::before { width:20px; border-top:3px solid } .yw-news-lay-shut::after { height:20px; border-left:3px solid } .yw-news-fn { text-align:center; color:#999 } .yw-contact { background-color:#313743; color:#fff; position:relative; overflow:hidden } .yw-contact-bg { position:absolute; top:0; bottom:0; right:50%; left:0; _height:542px; background-color:#232a30 } .yw-contact-map { height:690px; margin-left:50%; background:url(images/half-sino.png) no-repeat right 80%; background:url(images/half-sino.svg) no-repeat right 80%,none; position:relative } .yw-contact-detail { width:60%; height:500px; float:left; padding-top:45px; position:relative; background-color:#232a30 } .yw-contact-dl { float:left; width:268px; line-height:1.6; margin-bottom:20px; white-space:nowrap; font-size:13px } .yw-contact-line { width:32px; height:1px; margin-bottom:15px; background-color:#919497 } .yw-contact-dt { margin-bottom:3px } html[class*=win] .yw-contact-dd { opacity:.8 } .yw-contact-cl { clear:both; padding-top:20px; color:#7c7e83; font-size:12px } .yw-local-bj,.yw-local-hz,.yw-local-sh { position:absolute; font-size:18px; white-space:nowrap } .icon-local { display:inline-block; width:14px; height:14px; margin:0 10px; box-shadow:0 0 0 5px hsla(0,0%,100%,.2); background-color:#019ee3; border:4px solid; border-radius:50%; vertical-align:-4px; *vertical-align:0; animation:localShine 2s linear infinite } @keyframes localShine { from { box-shadow:0 0 0 0 hsla(0,0%,100%,.2) } to { box-shadow:0 0 0 15px hsla(0,0%,100%,0) } }.yw-local-bj { top:220px; right:200px } .yw-local-sh { top:393px; right:60px } .yw-local-hz { top:430px; right:136px } .yw-contact-dd { font-weight:200 } .yw-footer { height:50px; padding:23px 0; line-height:20px; margin-top:-96px; color:#fff; position:absolute; left:0; width:100%; background-color:#191e22; background-color:rgba(0,0,0,.3); overflow:hidden } .yw-footerbox { float:left } .yw-footer-copyright { margin-bottom:8px; font-family:Helvetica; font-size:12px; color:#fff; line-height:12px } .yw-footer-copyright .br { margin-left:10px } .yw-footer-copyrightmore { color:#d1d2d4; font-size:12px; font-weight:300; line-height:12px; margin-bottom:8px } .yw-footer-share { float:right; margin-top:2px; white-space:nowrap; word-spacing:15px } .icon-share { display:inline-block; width:44px; height:44px; background:url(images/icons-share.png) no-repeat; background-size:44px 90px; font-size:0; line-height:0; color:transparent; vertical-align:middle } .icon-share-weixin { background-position:0 -45px; height:45px } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .yw-logo { background-size:138px 89px; background-image:url(images/logo@2x.png),none } .icon-share { background-image:url(images/icons-share@2x.png) } }.S,.S body { height:100% } .S { overflow:hidden } .S .yw-page { height:100%; background-image:none; overflow:auto; -webkit-overflow-scrolling:touch } .S .yw-constr { width:100%; box-sizing:border-box; padding:0 15px } .S .hidden { display:none } .S .yw-header { height:auto; padding:50%; position:relative } .S .yw-header .yw-constr { position:absolute; top:0; left:0; bottom:0 } .S .yw-hd-bar { position:absolute; left:0; right:0; top:0 } .S .yw-logo { top:3px; left:13px; -webkit-transform:scale(.61); transform:scale(.61) } .S .yw-nav { visibility:hidden; position:absolute; opacity:0; left:0; top:50px; left:0; right:0; padding-top:0; background-color:#fff; background-image:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,0) 6px); background-clip:content-box; border-bottom:500px solid rgba(0,0,0,.2); -webkit-transition:visibility .25s,opacity .25s; transition:visibility .25s,opacity .25s } .S .active~.yw-nav { visibility:visible; opacity:1 } .S .yw-nav .yw-nav-a { display:block; height:0; line-height:0; padding:15px 0 14px; margin:0 30px; border-top:1px solid #f4f4f4; font-size:15px; text-align:center; -webkit-transition:height .25s,line-height .25s; transition:height .25s,line-height .25s; text-shadow:none; overflow:hidden } .S .yw-nav .active { color:#019ee4; font-weight:700 } .S .yw-nav .yw-nav-a:first-child { border-top:0 } .S .active~.yw-nav .yw-nav-a { height:49px; line-height:49px } .S .yw-nav-btn { height:24px; line-height:24px; font-size:14px; border-radius:3px; top:13px; right:13px } .S .yw-hd-slide-con { padding-left:36px; padding-right:36px } .S .yw-hd-slide-h { font-size:28px } .S .yw-hd-slide-1 .yw-hd-slide-h { line-height:1.2; margin-bottom:15px } .S .yw-hd-slide-p { font-size:18px } .S .yw-hd-slide-btn { display:block; width:96px; font-size:14px; text-indent:12px; text-shadow:none } .S .icon-cor-wh { right:3px; top:11px; -webkit-transform:scale(.5); transform:scale(.5) } .S i[class^=icons-pbm] { display:none } .S .yw-data-dd { display:none } .S .yw-data-desc { margin:20px 15px 30px; text-indent:0; font-size:14px } .S .yw-data-view { padding:0 15px; text-align:justify; line-height:0 } .S .yw-data-view::after { content:''; display:inline-block; width:100%; vertical-align:top } .S .yw-data-dl { display:inline-block; line-height:1.5; text-align:center } .S .yw-data-num { display:block; font-size:32px } .S .yw-data-dt { font-size:12px; font-weight:200; padding:40px 0 0 } .S .yw-home-h3 { font-size:20px } .S .yw-copy-x { height:384px; margin-top:20px; -webkit-overflow-scrolling:touch; overflow:auto } .S .yw-copy-center { width:2160px; left:auto; margin-left:0 } .S .yw-copy-part::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3) } .S .yw-copy-li { width:240px } .S .yw-copy-part-l { height:240px } .S .yw-copy-part-s { height:144px; line-height:1.3 } .S .yw-copy-part-s .yw-ip-img { width:289px } .S .yw-ip-cor { display:block; top:-200px; -webkit-animation:shinkLeft 3s infinite; animation:shinkLeft 3s infinite } .S .yw-ip-desc .yw-mid-con { width:220px } .S .yw-ip-name { font-size:20px } .S .yw-copy-part-s .yw-copy-line { width:90px; margin:2px auto 5px } @media screen and (max-width:321px) { .S .yw-hd-slide-con { top:90px; padding-left:26px; padding-right:20px } .S .yw-hd-slide-h { font-size:24px } .S .yw-hd-slide-p { font-size:17px } }.S .active>.yw-ip-desc { visibility:visible; opacity:1; -webkit-transition:opacity .4s; transition:opacity .4s } .S li .active .yw-mid-con { -webkit-transform:translateY(0); transform:translateY(0) } .S .yw-home-app { padding-top:0 } .S .yw-tab-panel { padding:0 15px } .S .yw-tab-panel-li { height:auto } .S .yw-app-desc { min-height:153px; padding-top:20px; margin-left:0; text-align:center } .S .yw-app-img-x { position:static } .S .yw-app-img { width:100%; height:auto; margin-left:10px } .S .yw-app-slogon { font-size:18px } .S .yw-app-desc-detail { min-height:42px; margin:5px 0 20px 0; font-size:14px } .S .yw-app-desc .yw-btn-blue,.S .yw-news-lay-x .yw-btn-blue,.S .yw-news-x .yw-btn-blue { display:block; width:80px; font-size:13px; margin:0 auto; position:static } .S .yw-brand-desc { display:none } .S .yw-brand-nav-x { padding:0 8px } .S .yw-brand-nav-x .active { box-shadow:none } .S .yw-brand-nav-a { width:86px; height:34px; border-color:hsla(0,0%,100%,.3); opacity:1 } .S .yw-brand-nav-a .brand { zoom:.6 } .S .yw-brand { padding-top:10px; padding-bottom:19px; height:auto } .S .yw-brand-nav-last { height:0; margin:0 } .S .yw-news { padding:12px 0 0 } .S .yw-news-x { margin:20px 17px } .S .yw-news-li { width:100%; margin-bottom:20px } .S .yw-news-title { font-size:15px } .S .yw-news-detail { margin-right:0 } .S .yw-news-sum { margin:12px 0 8px } .S .yw-news-lay-x { padding:20px 20px 0; width:auto } .S .yw-news-lay-x>.yw-btn-blue,.S .yw-news-lay-x>p { margin-bottom:30px } .S .yw-news-lay { max-height:-webkit-calc(100vh - 20px); max-height:calc(100vh - 20px); border-radius:4px } .S .yw-news-lay::after,.S .yw-news-lay::before { height:30px } .S .yw-news-lay-shut { right:4px; top:4px; -webkit-transform:scale(.66); transform:scale(.66) } .S .yw-contact-bg,.S .yw-contact-map { display:none } .S .yw-contact-detail { width:100%; height:auto; padding-top:36px; padding-bottom:98px; background:0 0; text-align:center } .S .yw-contact-dl { float:none; margin-left:auto; margin-right:auto } .S .yw-footer { height:50px; padding:23px 0; text-align:center; position:relative } .S .yw-footer .br { display:inline-block; margin-left:10px } .S .yw-footer-copyright { float:none } .S .yw-footer-share { display:none } .S .yw-footerbox { float:none } .S .yw-contact-line { display:none } @-webkit-keyframes fadeIn { from { opacity:0 } to { opacity:1 } }@keyframes fadeIn { from { opacity:0 } to { opacity:1 } }@-webkit-keyframes shinkLeft { 0%,100% { -webkit-transform:translateX(0) scale(-1,1.4) } 20% { -webkit-transform:translateX(-5px) scale(-1,1.4) } }@keyframes shinkLeft { 0%,100% { transform:translateX(0) scale(-1,1.4) } 20% { transform:translateX(-5px) scale(-1,1.4) } }@-webkit-keyframes slideinfrombottom { from { -webkit-transform:translate3d(0,25%,0); opacity:0 } to { -webkit-transform:translate3d(0,0,0); opacity:1 } }@keyframes slideinfrombottom { from { transform:translateY(25%); opacity:0 } to { transform:translateY(0); opacity:1 } }@-webkit-keyframes slideinfromtop { from { -webkit-transform:translateY(-25%); opacity:0 } to { -webkit-transform:translateY(0); opacity:1 } }@keyframes slideinfromtop { from { transform:translateY(-25%); opacity:0 } to { transform:translateY(0); opacity:1 } }@-webkit-keyframes slideouttotop { from { -webkit-transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(-25%); opacity:0 } }@keyframes slideouttotop { from { transform:translateY(0); opacity:1 } to { transform:translateY(-25%); opacity:0 } }@-webkit-keyframes slideouttobottom { from { -webkit-transform:translateY(0); opacity:1 } to { -webkit-transform:translateY(25%); opacity:0 } }@keyframes slideouttobottom { from { transform:translateY(0); opacity:1 } to { transform:translateY(25%); opacity:0 } }.yw-hd-slide-qd,.yw-hd-slide-qq,.yw-hd-slide-zj { display:none } .QD .yw-hd-slide-qd,.QQ .yw-hd-slide-qq,.ZJ .yw-hd-slide-zj { display:block } .yw-hd-slide-qq .yw-hd-slide-bg { background-image:url(images/app-bg-qq-m.jpg) } .yw-hd-slide-qd .yw-hd-slide-bg { background-image:url(images/app-bg-qd-m.jpg) } .yw-hd-slide-zj .yw-hd-slide-bg { background-image:url(images/app-bg-zj-m.jpg) } .L .yw-hd-slide-qq .yw-hd-slide-bg { background-image:url(images/app-bg-qq-l.jpg) } .L .yw-hd-slide-qd .yw-hd-slide-bg { background-image:url(images/app-bg-qd-l.jpg) } .L .yw-hd-slide-zj .yw-hd-slide-bg { background-image:url(images/app-bg-zj-l.jpg) } .shape-app { background-image:url(images/shape-app.png); background-repeat:no-repeat; display:block } .shape-app-qd-p1 { width:417px; height:324px; background-position:0 0 } .shape-app-qd-p2 { width:419px; height:304px; background-position:0 -324px } .shape-app-qd-p3 { width:476px; height:329px; background-position:0 -628px } .shape-app-qq-p1 { width:511px; height:318px; background-position:0 -957px } .shape-app-qq-p2 { width:521px; height:371px; background-position:0 -1275px } .shape-app-qq-p3 { width:570px; height:352px; background-position:0 -1646px } .shape-app-zj-p1 { width:370px; height:308px; background-position:0 -1999px } .shape-app-zj-p2 { width:436px; height:280px; background-position:0 -2307px } .shape-app-zj-p3 { width:413px; height:258px; background-position:0 -2587px } .shape-app-zj-p4 { width:567px; height:402px; background-position:0 -2845px } .logo-app { background-image:url(images/logo-app.png); background-repeat:no-repeat; display:none } .logo-app-qd { width:181px; height:30px; background-position:-10px -10px } .logo-app-qq { width:137px; height:30px; background-position:-10px -60px } .logo-app-zj { width:149px; height:28px; background-position:-10px -110px } .QD .logo-app-qd,.QQ .logo-app-qq,.ZJ .logo-app-zj { display:block } @media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { .logo-app { background-size:201px 148px; background-image:url(images/logo-app@2x.png),none } }.logo-fixed { background-image:url(images/logo-fixed@2x.png); background-repeat:no-repeat; background-size:131px 97px; display:none } .logo-fixed-zj { width:131px; height:32px; background-position:0 0 } .logo-fixed-qd { width:131px; height:33px; background-position:0 -32px } .logo-fixed-qq { width:131px; height:32px; background-position:0 -65px } .QD .logo-fixed-qd,.QQ .logo-fixed-qq,.ZJ .logo-fixed-zj { display:block } .yw-rel { position:relative } .yw-hd-rel { z-index:2 } .yw-hd-bar-x .yw-nav-btn { visibility:hidden; color:#fff } .yw-tab-hd { position:absolute; right:0; top:20px; z-index:2 } .yw-tab-hd>.active,.yw-tab-hd>a { color:#fff } .yw-tab-hd .yw-tab-bot-line,.yw-tab-hd .yw-tab-hline { border-color:#fff } .yw-hd-bar-x .yw-hd-bar { padding:20px; position:absolute; z-index:2 } .yw-page-app .yw-header { height:550px } .yw-page-app .yw-hd-slide-con { display:block; top:165px; height:385px } .yw-page-app .yw-hd-slide-bg { opacity:1; filter:none } .yw-page-app .yw-hd-slide-p { font-size:28px } .yw-header .yw-app-img-x { left:auto; top:auto; right:-80px; bottom:0; font-size:0 } .yw-header .yw-app-img { height:436px } .yw-hd-app-btn { display:inline-block; width:150px; height:30px; padding:13px 0; text-align:center; border-radius:4px; background-color:#4c87d9; font-size:16px; color:#fff } .yw-btn-blue:active,.yw-hd-app-btn:active,.yw-hd-slide-btn:active,html:not(.S) .yw-btn-blue:hover,html:not(.S) .yw-hd-app-btn:hover,html:not(.S) .yw-hd-slide-btn:hover { background-image:-webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.1)); background-image:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.1)) } .yw-hd-app-btn+.yw-hd-app-btn { margin-left:15px } .QD .yw-hd-app-btn { background-color:#cc3629 } .ZJ .yw-hd-app-btn { background-color:#30aef2 } .icon-android,.icon-ios { display:inline-block; width:30px; height:30px; background:url(images/icons-device.png) no-repeat; vertical-align:-8px; margin-right:10px } .icon-android { background-position:0 -30px } .icon-ios { background:url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjkiIHZpZXdCb3g9IjAgMCAyNCAyOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUuOTk4IDQuNjE3YzEuMDExLTEuMjIyIDEuNjktMi45MiAxLjUwNC00LjYxNy0xLjQ1MS4wNTctMy4yMTYuOTcyLTQuMjU0IDIuMTg5LS45MzIgMS4wODUtMS43NSAyLjgxMi0xLjUzMyA0LjQ3MSAxLjYyLjEyNiAzLjI3Ni0uODIzIDQuMjgzLTIuMDQzbTcuNTEyIDE2LjU4Yy0uMDM2LjA5OC0uNjA4IDIuMDczLTIuMDAyIDQuMTA3LTEuMiAxLjc2Mi0yLjQ1IDMuNTE4LTQuNDIgMy41NTMtMS45My4wMzgtMi41NTEtMS4xNDYtNC43NjItMS4xNDYtMi4yMSAwLTIuOSAxLjExMS00LjczIDEuMTg0LTEuOS4wNzQtMy4zNDItMS45MDQtNC41NTctMy42NTctMi40ODMtMy41ODgtNC4zNzQtMTAuMTQtMS44MzQtMTQuNTU5QzIuNDcyIDguNDgyIDQuNzI4IDcuMDk1IDcuMTggNy4wNTdjMS44NjgtLjAzMSAzLjYyNiAxLjI1NSA0Ljc2NiAxLjI1NSAxLjE0MSAwIDMuMjc3LTEuNTU1IDUuNTI3LTEuMzI3LjkzOC4wNDMgMy41ODIuMzggNS4yODIgMi44NjctLjE0LjA4OS0zLjE1NSAxLjg0Mi0zLjEyMiA1LjUuMDM3IDQuMzcyIDMuODMzIDUuODI3IDMuODc3IDUuODQ0IiBmaWxsPSIjRkZGIi8+PC9zdmc+) no-repeat center,none } .icon-android { background:url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOSAyOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjcuMTMyIDE5LjQ5cy0uMjUxLTQuNzctOC41MzItMTAuMTQ4Yy0uOTM0LS42MDYtMS40MjItMS43NjgtMS40MjItMi45NjhhMy44MDkgMy44MDkgMCAwIDEgMy44MS0zLjgwOGMxLjA1MSAwIDEuOTkuNDQgMi42OTMgMS4xMTUgMS41MDIgMS40NDUgNi40MzQgNi4xNDMgMy40NTEgMTUuODF6bS03LjUxLTE4LjQwOXMtNC43NzYuMTM4LTEwLjM0NyA4LjI5Yy0uNjI5LjkxOS0xLjgwMiAxLjM3OS0zLjAwMSAxLjM1YTMuODA5IDMuODA5IDAgMCAxLTMuNzE4LTMuODk3Yy4wMjUtMS4wNTEuNDg3LTEuOTggMS4xNzktMi42NjZDNS4yMTUgMi42OSAxMC4wMjgtMi4xMyAxOS42MiAxLjA4ek0uOTQgOC4zMThzLjI1MiA0Ljc3IDguNTMzIDEwLjE0OGMuOTMzLjYwNiAxLjQyMSAxLjc2OCAxLjQyMSAyLjk2OGEzLjgwOSAzLjgwOSAwIDAgMS0zLjgwOSAzLjgwOWMtMS4wNTIgMC0xLjk5LS40NC0yLjY5My0xLjExNkMyLjg5IDIyLjY4My0yLjA0MiAxNy45ODUuOTQgOC4zMTd6TTguNjIzIDI3LjAzczQuNzcxLS4yMjcgMTAuMTktOC40OGMuNjExLS45MyAxLjc3Ni0xLjQxNCAyLjk3NS0xLjQwN2EzLjgxIDMuODEgMCAwIDEgMy43OSAzLjgyOGMtLjAwNSAxLjA1Mi0uNDUgMS45ODktMS4xMjkgMi42ODctMS40NTIgMS40OTUtNi4xNzUgNi40MDQtMTUuODI2IDMuMzcyeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==) no-repeat center,none } .yw-hd-app-dld { margin-top:23px } .yw-app-page { background-image:none } .yw-app-shine-li { margin:80px 0; overflow:hidden; _zoom:1 } .yw-l { float:left } .yw-r { float:right } .yw-app-shine { padding:20px 0 } .yw-app-shine-ol { display:none } .QD .yw-app-shine-qd,.QQ .yw-app-shine-qq,.ZJ .yw-app-shine-zj { display:block } .yw-app-shine-li .yw-l { margin-right:80px } .yw-app-shine-li .yw-r { margin-left:80px } .yw-app-cell { height:318px; overflow:hidden } .yw-app-index { font-size:64px; color:#f7f7f7; position:absolute; margin-top:-44px; margin-left:-20px } .yw-app-shine-h { font-size:32px; color:#626262; position:relative; font-weight:400 } .yw-app-shine-p { font-size:18px; color:#626262; margin:30px 0 } .yw-timeline { background-color:#f4f8fb; padding:30px 0 } .yw-app-h3 { margin:30px 0; font-weight:300; font-size:36px; color:#666; text-align:center } .yw-timeline-sum { margin:30px 0; font-size:18px; color:#626262 } .yw-timeline-line { position:absolute; left:0; width:100%; border-top:3px solid #e2e7eb; margin-top:50px } .yw-timeline-x { margin-top:70px; margin-bottom:40px; *zoom:1 } .yw-timeline-x:after { content:''; display:table; clear:both } .yw-timeline-ul { margin-right:-40px; text-align:center } .yw-timeline-five,.yw-timeline-four,.yw-timeline-three { padding-right:40px; -ms-box-sizing:border-box; box-sizing:border-box; float:left } .yw-timeline-three { width:33.3%; *width:280px } .yw-timeline-four { width:25%; *width:200px } .yw-timeline-five { width:20%; *width:150px } .yw-timeline-time { line-height:30px; margin-bottom:10px; font-size:18px; color:#4c87d9; font-weight:300 } .yw-timeline-dot { display:inline-block; width:14px; height:14px; border:4px solid #e1e6ea; border-radius:50%; background-color:#4c87d9; vertical-align:bottom; position:relative } .yw-timeline-p { margin-top:28px; text-align:left; color:#7e848b } .yw-timeline-qd,.yw-timeline-qq,.yw-timeline-zj { display:none } .QD .yw-timeline-qd,.QQ .yw-timeline-qq,.ZJ .yw-timeline-zj { display:block } .yw-overlay { display:none; position:fixed; left:0; top:0; height:100%; width:100%; padding:0; background-color:rgba(25,28,34,.88); background-image:url(about:blank); text-align:center; color:inherit; overflow:auto; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC191c22,endcolorstr=#CC191c22); z-index:19 } :root .yw-overlay { background-image:none; filter:none } .yw-overlay .yw-mid-con { width:200px; height:200px; background:#fff url(images/loading.gif) no-repeat center; text-align:center; -webkit-transition:all .25s; transition:all .25s; overflow:hidden } .yw-overlay .yw-mid-con[style] { background-image:none } .yw-overlay .yw-mid-con>.error { line-height:20px; padding:90px 10px; background-color:#fff; text-align:center } .yw-overlay .yw-mid-con img { -webkit-animation:fadeIn .3s .15s both; animation:fadeIn .3s .15s both } .active .yw-mid-con img { -webkit-animation:none; animation:none } .S .yw-tab-hd { display:none } .S .logo-app { -webkit-transform-origin:left top; transform-origin:left top; -webkit-transform:scale(.75); transform:scale(.75) } .S .yw-hd-bar-x .yw-hd-bar.fixed,.yw-hd-bar-x .yw-hd-bar { display:block } .yw-hd-bar-x .yw-hd-bar[id] { display:none } .S .yw-hd-bar-x .yw-nav-btn { visibility:visible } .S .yw-hd-bar-x .yw-hd-bar { padding:9px 13px } .S .yw-hd-bar-x .fixed { height:32px } .S .yw-hd-bar-x .fixed .yw-nav-btn { color:#019ee4 } .S .yw-hd-bar-x .fixed .yw-nav-btn:hover { background-color:#fff } .S .yw-page-app .yw-hd-slide-bg { width:1440px; height:auto; left:-500px; bottom:-30px; top:-30px; -webkit-filter:blur(10px); filter:blur(10px) } .S .yw-page-app .yw-hd-slide-con { top:100px; text-align:center; padding:0 } .S .yw-page-app .yw-hd-slide-p { font-size:18px } .S .yw-hd-app-btn,.yw-hd-dl-btn { display:none } .S .yw-hd-dl-btn { display:inline-block; line-height:30px; padding:9px 0 } .S .yw-header .yw-app-img { height:auto; margin-top:22px } .S .yw-page-app .yw-header { padding:0; overflow:hidden } .S .shape-app { float:none; display:block; margin:-40px 0; -webkit-transform:translate(-50%,0) scale(.5); transform:translate(-50%,0) scale(.5); position:relative; left:50% } .S .shape-app-zj-p1,.S .shape-app-zj-p3 { margin-top:-20px } .S .shape-app-zj-p1 { margin-bottom:-50px } .S .shape-app-zj-p2 { margin-bottom:-60px } .S .shape-app-zj-p4 { margin-top:-60px; margin-bottom:-80px } .S .yw-app-shine-qd .shape-app,.S .yw-app-shine-qq .shape-app { margin:-50px 0 -70px } .S .yw-app-shine-li { text-align:center; margin:0 } .S .yw-app-cell { height:auto; padding:0 15px } .S .yw-app-shine-h { font-size:19px } .S .yw-app-shine-p { margin:20px 0; font-size:15px } .S .yw-app-index { display:none } .S .yw-app-h3 { font-size:20px; margin:20px 0 } .S .yw-timeline { padding:20px 0 0 } .S .yw-timeline .yw-constr { padding:0 } .S .yw-timeline-sum { font-size:15px; padding:0 30px } .S .yw-timeline-x { height:230px; margin:40px 0 0; position:relative; overflow:auto } .S .yw-timeline-line { width:990px } .S .yw-timeline-ul { width:960px; position:absolute; margin-left:30px } .S .yw-timeline-time { font-size:18px } .yw-app-h3,.yw-app-shine-h,.yw-app-slogon,.yw-hd-slide-h,.yw-home-h3 { font-family:FZCYS } .yw-font-helv { font-family:helvetica } .yw-font-en { font-family:'PingFang SC',Arial; font-weight:700 }