.carousel-nav li,.video-nav{text-align:center}.carousel-nav li,.video-content-item{font-size:16px;line-height:40px;float:left}.feature .feature-next,.feature .feature-pre,.home-video,.role .role-next,.role .role-pre,.role-popup .role-popup-next,.role-popup .role-popup-pre,.video-content-item .play-mask .play-icon,.video-more,.video-nav .p-btn,.video-nav .p-btn.select,.video-nav .p-btn:hover,.video-nav .t-btn,.video-nav .t-btn.select,.video-nav .t-btn:hover,.video-nav .v-btn,.video-nav .v-btn.select,.video-nav .v-btn:hover{display:inline-block;background-image:url(//mabres.gm99.com/img/sites/platform/qh/pc/icons-s846d190981.png);background-repeat:no-repeat}.carousel{position:relative}.carousel .swipe-wrap{width:1830px;transition:all .5s}.carousel-item{width:600px;height:362px;float:left}.carousel-item img{width:100%;height:100%}.carousel-nav{position:absolute;height:40px;background:rgba(0,0,0,.6);width:100%;bottom:0}.feature,.feature-content{position:relative}.carousel-nav li{height:40px;color:#999;width:33%;cursor:pointer}.carousel-nav li.select{color:#fff}.feature-box{margin:auto}.feature-content-item{height:405px;float:left;width:200px;position:absolute}.feature-content-item img{width:100%;height:100%}.feature .feature-next,.feature .feature-pre{position:absolute;margin:auto;width:44px;height:88px;top:0;bottom:0}.feature .feature-pre{background-position:0 -714px}.feature .feature-next{background-position:0 -447px}.feature-pre{left:8%}.feature-next{right:8%}.video-nav .v-btn{background-position:0 -395px;width:294px;height:51px;display:inline-block}.video-nav .v-btn.select,.video-nav .v-btn:hover{background-position:0 -343px;width:294px;height:51px}.video-nav .t-btn{background-position:0 -291px;width:294px;height:51px;display:inline-block}.video-nav .t-btn.select,.video-nav .t-btn:hover{background-position:0 -239px;width:294px;height:51px}.video-nav .p-btn{background-position:0 -187px;width:294px;height:51px;display:inline-block}.video-nav .p-btn.select,.video-nav .p-btn:hover{background-position:0 -135px;width:294px;height:51px}.video .v-btn{margin-right:-40px}.video .t-btn{margin-left:-40px}.video-content{width:1140px;overflow:hidden;height:253px}.video-content-type{width:1140px;display:block;float:left;height:253px}.video-content-item{width:353px;color:#666;text-align:left;position:relative}.video-content-item:last-child{margin-right:0}.video-content-item img{box-sizing:border-box;border:4px solid #fff;width:353px;height:210px;display:block}.video-content-item span{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.video-content-item .play-mask{position:absolute;top:0;width:353px;height:210px;background:rgba(0,0,0,.6);display:none}.bg-home-1,.bg-home-2,.home-video,.slogan,.video-content-item:hover .play-mask,.video-more{display:block}.video-content-item .play-mask .play-icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;background-position:0 -54px;width:62px;height:62px}.video-content-item:hover{cursor:pointer}.video-box{width:3450px;transition:all .5s}.video-more{background-position:0 -117px;width:149px;height:17px;margin:20px auto auto}.bg,.bg-home-1,.bg-home-2{width:1920px}.bg{z-index:-1;position:absolute;top:142px;height:4413px;left:50%;margin-left:-960px}.bg #home-iframe{width:1920px;height:970px;background:#000}.bg-home-1{height:2333px;background:url(/img/sites/platform/qh/pc/home-bg-1.jpg) top center no-repeat}.bg-home-2{height:1110px;background:url(/img/sites/platform/qh/pc/home-bg-2.jpg) top center no-repeat}.slogan{margin:130px auto auto;background:url(/img/sites/platform/qh/pc/slogan.png) top center no-repeat;width:702px;height:422px}.home-video{margin:-50px auto auto;background-position:0 -803px;width:144px;height:144px}.content{margin:55px auto auto;width:1200px}.content .carousel,.content .fb,.content .feature,.content .guide,.content .news,.content .role,.content .video{display:block;float:left}.content .carousel,.content .news{width:600px;height:362px;overflow:hidden}.feature-title,.guide-title,.role-title{height:42px;width:1200px;float:left}.content .fb,.content .feature,.content .guide,.content .role,.content .video{width:1200px;overflow:hidden}.role-title{background:url(/img/sites/platform/qh/pc/role-title.png) top center no-repeat}.feature-title{background:url(/img/sites/platform/qh/pc/feature-title.png) top center no-repeat}.guide-title{background:url(/img/sites/platform/qh/pc/guide-title.png) top center no-repeat;margin-top:120px}.guide,.news,.video .pc-box{background:#fff}.news .article-content-type p a{color:#000;font-weight:800}.news .article-content-type p:first-child a,.news .article-content-type p:first-child span{text-align:center;color:#d50101}.news .article-content-type p:first-child a{width:100%}.news .article-content-type p:first-child span{display:none}.guide{margin-top:60px}.guide .article-content{width:1200px;margin-left:0}.guide .article-content-type{width:1193px}.guide .article-content-type p{display:inline-block;width:45%;float:left;margin-left:26px}.guide .article-content-type p:nth-child(2n){margin-left:74px}.guide .article-box{height:320px;width:3600px;margin-left:0}.video{margin-top:120px}.video .pc-box{width:1200px -72px;text-align:center;height:355px -72px;padding:30px 36px;margin-top:60px}.video-content{margin-top:0}.video-content-item{margin-right:36px}.video-nav{background:url(/img/sites/platform/qh/pc/video-title-bg.png) bottom center no-repeat;width:1200px;height:50px}.role-title{margin-top:120px}.role{margin-top:60px;position:relative}.role .role-next,.role .role-pre{margin:auto;width:44px;height:88px;top:0;bottom:0}.role .role-pre{position:absolute;background-position:0 -714px;left:100px}.role .role-next{position:absolute;background-position:0 -447px;right:100px}.feature-title{margin-top:160px}.feature{margin-top:65px;height:403px}.fb{margin-top:170px;height:284px}.role-popup{width:100%;height:0;background:url(/img/sites/platform/qh/pc/role-popup-bg.jpg) top center no-repeat;background-size:cover;padding-top:46%;display:none}.role-popup-win{position:absolute;top:0;right:0;left:0;margin:auto;width:80%;height:100%;overflow:hidden}.role-popup-win-box{width:4200%;height:100%;transition:all .5s}.role-popup-win-box-content{width:2.4%;height:100%;float:left;color:#fff;text-align:left;position:relative}.role-popup-win-box-content .role-popup-text{margin-top:10%;margin-left:14%}.role-popup-win-box-content h1{font-size:90px}.role-popup-win-box-content h3{font-size:36px;line-height:50px}.role-popup-win-box-content p{font-size:18px;width:400px;line-height:30px;margin-top:70px}.role-popup-win-box-content .check{background:url(/img/sites/platform/qh/pc/role-check.png);width:18%;height:6%;background-size:contain;display:block;margin-top:20px;margin-left:14%}.role-popup-win-box-content img{position:absolute;bottom:0;right:3%;margin:auto;width:62%;z-index:-1}.role-popup .role-popup-next,.role-popup .role-popup-pre{width:44px;height:88px;position:absolute;top:0;bottom:0;margin:auto}.role-popup .role-popup-pre{background-position:0 -625px}.role-popup .role-popup-next{background-position:0 -536px}.role-popup-pre{left:12%}.role-popup-next{right:12%}