@-webkit-keyframes up{0%{transform:translateY(1vw);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes down{0%{transform:translateY(-1vw);opacity:0}to{transform:none;opacity:1}}@-webkit-keyframes left{0%{transform:translateX(2vw);opacity:0}to{transform:none;opacity:1}}@-webkit-keyframes right{0%{transform:translateX(-2vw);opacity:0}to{transform:none;opacity:1}}@-webkit-keyframes show{0%{opacity:0}to{opacity:1}}body,dd,dl,form,h1,h2,h3,ol,p,textarea,ul{margin:0}ol,ul{padding-left:0}td,th{padding:0}button,iframe,input,select,textarea{margin:0;padding:0}body,button,input,option,select,textarea{font-family:Helvetica Neue,Helvetica,STHeiTi,sans-serif;font-size:12px}img,input{border:none}em,i{font-style:normal}li{list-style:none}a{color:#0074d9;outline:none}table{border-collapse:collapse;border-spacing:0}img{image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}a{text-decoration:none}button{-webkit-tap-highlight-color:rgba(0,0,0,0)}button,select{background:none;border:none;outline:none}select{appearance:none;-moz-appearance:none;-webkit-appearance:none}ul{padding:0;list-style:none}h1,h2,h3,h4,h5,p,ul{margin:0}@keyframes up{0%{transform:translateY(1vw);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes down{0%{transform:translateY(-1vw);opacity:0}to{transform:none;opacity:1}}@keyframes left{0%{transform:translateX(2vw);opacity:0}to{transform:none;opacity:1}}@keyframes right{0%{transform:translateX(-2vw);opacity:0}to{transform:none;opacity:1}}@keyframes show{0%{opacity:0}to{opacity:1}}body{margin:0;padding:0;background:#f2f2f2 url(//abres.octlib.com/site/en/img/bg.ed3e15b.png) repeat;width:100%;overflow-x:hidden}.header{background:hsla(0,0%,100%,.9);width:100%;height:.93333rem;left:0;right:0;z-index:100;opacity:0}.header,.header-list-btn{position:absolute;top:0;margin:auto}.header-list-btn{width:.70667rem;height:.70667rem;background:url(//abres.octlib.com/site/en/img/m-list-btn.dd2876c.png) no-repeat 50%;background-size:contain;right:2%;bottom:0;display:none}.header-box{height:.93333rem;display:table;float:right;margin-right:10%}.header-logo{background:url(//abres.octlib.com/site/en/img/logo.d040c7b.png) 50% no-repeat;display:inline-block;position:absolute;top:0;bottom:0;left:10%;margin:auto;height:100%;width:12%;background-size:contain}.header-btn{display:table-cell;vertical-align:middle;font-size:.24rem;text-align:center;transition:all .2s}.header-btn:hover{cursor:pointer}.header-btn:hover span{position:relative;color:#0596ff}.header-btn:hover span:after{content:"";position:absolute;bottom:-30%;left:0;right:0;margin:auto;width:20%;height:.1vw;background:#0596ff;transition:all .2s}.header-btn:hover .slide{display:inline-block;width:.14667rem;height:.08rem;background:url(//abres.octlib.com/site/en/img/slide-icon-h.85c4414.png) no-repeat 50%;background-size:contain}.header-btn:nth-child(4n){padding-left:.33333rem}.header-btn:nth-child(5n){padding-left:.2rem}.header-btn span{color:#333;padding:0 .53333rem;border-right:1px solid #d3d3d3;position:relative}.header-btn span:after{content:"";position:absolute;bottom:-30%;left:0;right:0;margin:auto;width:0;height:.1vw;background:#0596ff;transition:all .2s}.header-btn .slide{width:.14667rem;height:.08rem;background:url(//abres.octlib.com/site/en/img/slide-icon.b20fbc3.png) no-repeat 50%;background-size:contain;display:inline-block;margin:auto auto .05333rem .05333rem}.header-btn.select span{position:relative;color:#0596ff}.header-btn.select span:after{content:"";position:absolute;bottom:-30%;left:0;right:0;margin:auto;width:20%;height:.1vw;background:#0596ff;transition:all .2s}.header-btn.select span .slide{display:inline-block;width:.14667rem;height:.08rem;background:url(//abres.octlib.com/site/en/img/slide-icon-h.85c4414.png) no-repeat 50%;background-size:contain}.header-select{display:table-cell;margin-left:.33333rem;width:2.4rem;height:.48rem;border-radius:1.33333rem;border:.02667rem solid #0596ff;vertical-align:middle;text-align:center;position:relative;z-index:5}.header-select span{border:none}.header-select span:after,.header-select span:hover:after{display:none}.header-select:hover{cursor:pointer;background-color:#0596ff}.header-select:hover .select{color:#fff}.header-select:hover .lang{display:inline-block;width:.28rem;height:.28rem;background:url(//abres.octlib.com/site/en/img/lang-icon-h.7c1f0b9.png) no-repeat 50%;background-size:contain}.header-select:hover .tra{display:inline-block;width:.14667rem;height:.13333rem;background:url(//abres.octlib.com/site/en/img/select-icon-h.32aafe6.png) no-repeat 50%;background-size:contain}.header-select:hover .localtion{background:url(//abres.octlib.com/site/en/img/location.5ae08c7.png) no-repeat top;background-size:cover}.header-select .localtion{background:url(//abres.octlib.com/site/en/img/location1.5031a8a.png) no-repeat top;background-size:cover;position:absolute;width:.24rem;height:.32rem;top:.06667rem;left:.16rem;margin:auto}.header-select .lang{width:.28rem;height:.28rem;background:url(//abres.octlib.com/site/en/img/lang-icon.84fe023.png) no-repeat 50%;background-size:contain;top:.08rem;left:.13333rem}.header-select .lang,.header-select .tra{display:inline-block;position:absolute;margin:auto}.header-select .tra{width:.14667rem;height:.13333rem;background:url(//abres.octlib.com/site/en/img/select-icon.97d8f99.png) no-repeat 50%;background-size:contain;top:.14667rem;right:.13333rem}.header-select .select{display:inline-block;font-size:.24rem;text-align:center;color:#0596ff}.header-select.show .list{opacity:1;visibility:visible}.header .list{position:absolute;top:0;margin:.53333rem auto auto;border:.02667rem solid #0596ff;border-radius:.26667rem;width:2.4rem;background:#fff;overflow:hidden;transition:all .3s;opacity:0;z-index:4;visibility:hidden}.header .list-item{width:2.4rem;height:.48rem;line-height:.48rem;text-align:center;border-bottom:1px solid #f1f9ff;border-top:1px solid #f1f9ff;display:block;color:#000}.header .list-item:hover{color:#0596ff;background:#f1f9ff;border-bottom:1px solid #0596ff;border-top:1px solid #0596ff;cursor:pointer}.header .list-item:last-child:hover{border-bottom:1px solid hsla(0,0%,100%,0)}.header .list-item:first-child:hover{border-top:1px solid hsla(0,0%,100%,0)}.header .list-item.select{color:#aaa}.header .list-item.select:hover{color:#aaa;border-bottom:1px solid #f1f9ff;border-top:1px solid #f1f9ff;background:none}.header.show{-webkit-animation:down .6s forwards;animation:down .6s forwards}.header.show1,.header.show9{opacity:1}.header-game{position:absolute;top:.93333rem;width:100%;height:4.2rem;left:0;right:0;margin:auto;background:hsla(0,0%,100%,.9);z-index:11;opacity:0;visibility:hidden;transition:all .3s}.header-game-list{border-bottom:1px solid #cdcdcd;text-align:center;width:100%;height:3.53333rem}.header-game-item{display:inline-block;width:2.88rem;height:3.53333rem;position:relative;vertical-align:top}.header-game-item:hover{cursor:pointer}.header-game-item:hover .masks{background:rgba(0,0,0,.8)}.header-game-item:hover .app,.header-game-item:hover .google{opacity:1}.header-game .pic{width:2.05333rem;height:2.05333rem;margin:.42667rem auto .26667rem;display:block;position:relative;z-index:5}.header-game .pic img{width:100%;border-radius:20%}.header-game .name{text-align:center;font-size:.21333rem;width:2rem;margin:auto;line-height:130%}.header-game .masks{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;transition:all .2s;text-align:center}.header-game .google{background:url(//abres.octlib.com/site/en/img/google-i.14f02f9.png) no-repeat 50%;background-size:contain}.header-game .app,.header-game .google{width:.50667rem;height:.50667rem;margin:2.77333rem .13333rem auto;display:inline-block;transition:all .2s;opacity:0}.header-game .app{background:url(//abres.octlib.com/site/en/img/app-i.b2b46df.png) no-repeat 50%;background-size:contain}.header-game-icon{background:url(//abres.octlib.com/site/en/img/gammer.cbfb4d4.png) no-repeat 50%;background-size:contain;display:inline-block;vertical-align:sub;width:.42667rem;height:.34667rem;margin-right:.13333rem}.header-game .more{display:block;margin:auto;font-size:.21333rem;height:.66667rem;line-height:.66667rem;color:#0596ff;text-align:center}.header-game.show,.header-m.show{opacity:1;visibility:visible}.header-m{position:absolute;top:1.30667rem;width:100%;z-index:10000;transition:all .3s;opacity:0;visibility:hidden}.header-m-btn{display:block;height:.96rem;line-height:.96rem;font-size:.4rem;color:#333;text-align:right;padding-right:1.06667rem;border-bottom:1px solid #d7d7d8;position:relative;background:hsla(0,0%,100%,.9);outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.header-m-btn:first-child{border-top:1px solid #d7d7d8}.header-m-btn .slide{display:inline-block;width:.14667rem;height:.13333rem;background:url(//abres.octlib.com/site/en/img/slide-icon.b20fbc3.png) no-repeat 50%;background-size:contain;position:absolute;top:0;bottom:0;right:.74667rem;margin:auto;transition:all .3s}.header-m-btn .localtion{background:url(//abres.octlib.com/site/en/img/location1.5031a8a.png) no-repeat top;background-size:cover;width:.24rem;height:.32rem;display:inline-block;margin-left:.13333rem}.header-m-btn .lang{width:.28rem;height:.28rem;background:url(//abres.octlib.com/site/en/img/lang-icon.84fe023.png) no-repeat 50%;background-size:contain;display:inline-block;margin-left:.13333rem}.header-m-btn.select{color:#0596ff}.header-m li.header-m-btn{padding-right:0;height:1.18667rem;overflow:hidden;background-color:hsla(0,0%,100%,.8);border-bottom:1px solid #d2d3d5}.header-m-game{text-align:right}.header-m-game img{width:.61333rem;height:.61333rem;border-radius:.16rem;vertical-align:middle;margin-left:.26667rem}.header-m-game a,.header-m-lang a,.header-m-local a{background-color:hsla(0,0%,100%,.8);border-bottom:1px solid #d2d3d5}.header-m-btn.show{background-color:hsla(0,0%,83.1%,.9)}.header-m-btn.show span{color:#0596ff}.header-m-btn.show .slide{transform:rotate(180deg)}.header-m-more{font-size:.4rem;color:#fff;font-weight:800;display:block;width:3.92rem;height:.69333rem;line-height:.69333rem;margin:.21333rem auto auto;background:#092847!important;border-radius:1.33333rem;text-align:center}.header-m ul{margin-top:-1px;display:none}.header-m ul.show{display:block}.footer{margin:.66667rem auto .26667rem;width:100%;background-color:hsla(0,0%,100%,.4);text-align:center;position:relative;z-index:999}.footer .newlogo{background:url(//abres.octlib.com/site/en/img/37logo.f873283.png) no-repeat 50%;background-size:contain;display:inline-block;position:absolute;left:3vw;margin-left:13vw;top:25px;vertical-align:middle;width:250px;height:49px}@media screen and (max-device-width:1023px) and (orientation:portrait){.footer .newlogo{margin:0 0 0 6vw!important;padding:84px 0!important}}.footer .common_footer-logo{justify-content:flex-end!important}.footer .common_footer-logo-item{margin-left:14vw}.footer-title{font-size:.32rem;color:#666;text-align:center;margin:.4rem auto .48rem}.footer-nav{margin:.66667rem auto .33333rem}.footer-href{font-size:.18667rem;padding:0 .8rem;border-right:1px solid #cdcdcd;color:#0596ff}.footer-href:last-child{border:none}.footer-copytype{display:block;text-align:center;position:relative;margin-bottom:.4rem}.footer-copytype p{color:#1d4e7f;font-size:.16rem;-webkit-text-size-adjust:none}.footer-copytype .box{text-align:left}.footer-copytype .box,.footer-logo{display:inline-block;vertical-align:middle}.footer-logo{background:url(//abres.octlib.com/site/en/img/logo.d040c7b.png) no-repeat 50%;background-size:contain;margin-right:.4rem;width:8%;height:0;padding-top:2%}.footer .fb,.footer .ph,.footer .tw,.footer .ytb{background-size:cover;width:3%;height:0;padding-top:3%;display:inline-block}.footer .tw{background-image:url(//abres.octlib.com/site/en/img/tw.d4f4f0a.png);margin-right:.26667rem}.footer .fb{background-image:url(//abres.octlib.com/site/en/img/fb.a5a2273.png);margin-right:.13333rem}.footer .ytb{background-image:url(//abres.octlib.com/site/en/img/ytb.ee71a2e.png);margin-left:.13333rem}.footer .ph{background-image:url(//abres.octlib.com/site/en/img/pt.20ffe51.png);margin-left:.26667rem}.footer.show{-webkit-animation:up .4s forwards;animation:up .4s forwards}.load-more{display:block;margin:.93333rem auto auto;font-size:.32rem;font-weight:400;width:3.38667rem;height:.69333rem;line-height:.69333rem;border:1px solid #092847;border-radius:1.33333rem;background-color:#092847;color:#fff;transition:all .2s;text-align:center;display:none}.load-more:hover{background:none;color:#092847;cursor:pointer;border:1px solid rgba(9,40,71,0)}.load-more.show{display:block}.mask{background-color:rgba(0,0,0,.6);position:fixed;z-index:99;display:none;width:100%;height:100%;top:0;left:0;bottom:0;right:0;margin:auto;cursor:pointer}.webkit .hang1,.webkit .hang2,.webkit .hang3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box!important;
  /*! autoprefixer: off */-webkit-box-orient:vertical}.webkit .hang1{-webkit-line-clamp:1}.webkit .hang2{-webkit-line-clamp:2}.webkit .hang3{-webkit-line-clamp:3}@media screen and (max-width:1023px){body{width:100%;overflow-x:hidden}.header{height:1.30667rem;background-color:hsla(0,0%,100%,.9)}.header-box{display:none}.header-list-btn{display:block}.header-logo{width:28%;left:5%}.footer{margin-top:1.06667rem}.footer-nav{margin-top:.4rem}.footer-href{padding:0 .32rem;font-size:.21333rem}.footer-logo{display:block;margin:auto;width:20%;padding-top:5%}.footer-copytype .box{margin:.26667rem auto .53333rem;text-align:center;display:block}.footer-copytype p{font-size:.24rem;line-height:150%}.footer .fb,.footer .ph,.footer .tw,.footer .ytb{width:5%;padding-top:5%}.article-list-item{width:94%!important;padding-top:85%;margin-bottom:3%!important}.article-list-item .content{position:absolute;top:0}.article-list-item .pic{width:100%!important;height:auto!important}.article-list-item .box{width:80%;float:none}.article-list-item .titles{font-size:.4rem;margin:auto;line-height:200%}.article-list-item .detail{font-size:.29333rem}.article-list-item .other{bottom:.53333rem}.article-list-item .time{font-size:.26667rem}.article-list-item .more{font-size:.32rem;height:.56rem;line-height:.56rem;width:2.26667rem;text-align:center}}@media screen and (max-device-width:1023px) and (orientation:portrait){body{width:100%;overflow-x:hidden}.header{height:1.30667rem;background-color:hsla(0,0%,100%,.9)}.header-box{display:none}.header-list-btn{display:block}.header-logo{width:30%;left:5%}.footer{margin-top:1.06667rem}.footer-nav{margin-top:.4rem}.footer-href{padding:0 .32rem;font-size:.16rem}.footer-logo{display:block;margin:auto;width:20%;padding-top:5%}.footer-copytype .box{margin:.26667rem auto .53333rem;text-align:center}.footer-copytype p{font-size:.24rem;line-height:150%}.footer .fb,.footer .ph,.footer .tw,.footer .ytb{width:5%;padding-top:5%}.article-list-item{width:94%!important;padding-top:85%;margin-bottom:3%!important}.article-list-item .content{position:absolute;top:0}.article-list-item .pic{width:100%!important;height:auto!important}.article-list-item .box{width:80%;float:none}.article-list-item .titles{font-size:.4rem;margin:auto;line-height:200%}.article-list-item .detail{font-size:.29333rem}.article-list-item .other{bottom:.53333rem}.article-list-item .time{font-size:.26667rem}.article-list-item .more{font-size:.32rem;height:.56rem;line-height:.56rem;width:2.26667rem;text-align:center}}@media screen and (min-width:1024px) and (max-width:1110px){.header-game{height:3.6rem}.header-game-list{height:2.93333rem}.header-game .pic{width:1.70667rem;height:1.70667rem;margin:.4rem auto .13333rem}.header-game-item{width:2.4rem;height:2.93333rem}.header-game .app,.header-game .google{margin-top:2.26667rem}}.game{margin:1.6rem auto auto;position:relative;width:60%}.game .title{position:relative;display:block;line-height:80%;font-size:1.25333rem;overflow:hidden;font-weight:800;color:rgba(7,147,249,.3);text-align:center;z-index:2}.game .sbg{position:absolute;left:0;right:0;bottom:-.24rem;margin:auto;height:100%;width:50%;background-color:#cdcdcd}.game .sbg-nav{width:50%;height:.24rem;position:relative;margin:auto;z-index:11;opacity:0}.game .sbg-nav .nav{height:.12rem;position:absolute;top:-.12rem;width:0;left:0;transition:all .2s;width:33.3333%}.game .sbg-nav .nav:hover{cursor:pointer;background-color:#0596ff}.game .sbg-nav .nav.select{background-color:#0596ff}.game>div{margin-top:-.06667rem;z-index:10}.game .list-content{position:relative}.game .sbg{bottom:-.4rem}.game .article-list-items{width:100%;height:0;padding-top:27%;background-color:#fff;margin:auto auto .26667rem;position:relative;transition:all .2s;overflow:hidden;z-index:1}.game .article-list-items:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.2)}.game .article-list-items:hover .content .titles{color:#0596ff}.game .article-list-items .content{position:absolute;top:0;width:100%;height:100%}.game .article-list-items .content .pic{width:54%;float:left;margin-right:.21333rem}.game .article-list-items .content .hid{position:relative;float:left;width:44%}.game .article-list-items .content hr{width:20%;margin:0;text-align:left}.game .article-list-items .content .titles{color:#333;font-size:.37333rem;line-height:140%;font-weight:800;width:100%;position:relative;display:inline-block;margin:.21333rem auto .16rem;transition:all .2s;-webkit-text-size-adjust:none}.game .article-list-items .content .detail{display:inline-block;width:100%;color:#666;font-size:.45333rem;line-height:150%;font-weight:100;max-height:2.66667rem;overflow:hidden;margin:.5vw auto;font-family:TimesNewRomanPSMT;-webkit-text-size-adjust:none}.game .article-list-items .content .box{float:left;width:40%;position:relative;text-align:left;margin-left:0;height:100%}.game .article-list-items .content .google{background:url(//abres.octlib.com/site/en/img/google.5cea7b8.png) no-repeat top;background-size:contain}.game .article-list-items .content .app,.game .article-list-items .content .google{width:30%;height:0;padding:11% 0 0;display:inline-block;margin:.13333rem .06667rem auto auto}.game .article-list-items .content .app{background:url(//abres.octlib.com/site/en/img/app.dd24c1b.png) no-repeat top;background-size:contain}.game .article-list-items .content .more{background:url(//abres.octlib.com/site/en/img/more.e450671.png) no-repeat top;width:30%;height:0;padding:11% 0 0;background-size:contain;display:inline-block;margin:.13333rem .06667rem auto auto}.game .article-list-items .content .other{position:absolute;bottom:.13333rem;width:100%}.game .article-list-items.hide{display:none}@media screen and (max-width:1023px){.game{width:100%}.game .article-list-items{width:94%;padding-top:90%}.game .article-list-items .content .img-box{width:100%;height:56%;overflow:hidden}.game .article-list-items .content .pic{float:none;width:100%}.game .article-list-items .content .hid{float:none;width:94%;margin-left:.26667rem}.game .article-list-items .content .box{float:none;margin-left:.26667rem;width:80%}.game .article-list-items .content .titles{font-size:.37333rem;line-height:110%}.game .article-list-items .content .detail{margin:.13333rem auto}.game .article-list-items .content .app,.game .article-list-items .content .google,.game .article-list-items .content .more{margin-top:.26667rem}.sbg{bottom:-.34667rem!important}}@media screen and (max-device-width:1023px) and (orientation:portrait){.game{width:100%}.game .article-list-items{width:94%;padding-top:90%}.game .article-list-items .content .img-box{width:100%;height:56%;overflow:hidden}.game .article-list-items .content .pic{float:none;width:100%}.game .article-list-items .content .hid{float:none;width:94%;margin-left:.26667rem}.game .article-list-items .content .box{float:none;margin-left:.26667rem;width:80%}.game .article-list-items .content .titles{font-size:.37333rem;line-height:110%}.game .article-list-items .content .detail{margin:.13333rem auto}.game .article-list-items .content .app,.game .article-list-items .content .google,.game .article-list-items .content .more{margin-top:.26667rem}.sbg{bottom:-.34667rem!important}}@media screen and (min-width:1024px) and (max-width:1330px){.game .article-list-items .content .detail{font-size:.37333rem}.game .article-list-items .content .titles{font-size:.26667rem}.sbg{bottom:-.34667rem!important}}