*{margin:0;padding:0;border:0;outline:0}#live_player{position:relative;width:100%;height:100%;overflow:hidden;z-index:0}#live-wrapper{position:relative;width:100%;height:100%;overflow:hidden}#live-wrapper>video{background-color:#000}#live-wrapper .connectmic{width:50%;height:100%;display:inline-block;overflow:hidden}#live-wrapper .connectmic video{object-fit:cover}#live-wrapper .pal-info{position:absolute;bottom:46px;right:10px;background:url(http://cc.fp.ps.netease.com/file/5c171b01143cfafc46a01e07PVBZBZVb);width:70px;height:70px;z-index:100}#live-wrapper .pal-info img{background:#fff;border-radius:25px;margin:3px 8px;padding:2px}#live-wrapper .pal-info .nick{color:#fefefe;background:#539ae4;position:absolute;bottom:0;right:0;width:62px;padding:0 4px;line-height:20px;text-align:center;border-radius:10px}.video-player-controls{position:relative;z-index:99}.player-tips-hover{display:none;position:absolute;width:202px;height:44px;box-sizing:border-box;line-height:44px;left:50%;top:50%;text-align:center;margin-left:-101px;margin-top:-22px;font-size:16px;background:rgba(0,0,0,.5);border:1px solid #0093fb;z-index:99;color:#0093fb!important;cursor:pointer;border-radius:22px}.player-tips-hover:hover{display:block;background-color:#0093fb;color:#fff!important}#mounts_player{display:none;width:100%;height:240px;position:absolute;bottom:102px;margin:auto;left:0;right:0;z-index:1;pointer-events:none}#mounts_banner{display:none;width:100%;height:240px;position:absolute;bottom:62px;margin:auto;left:0;right:0;z-index:1;pointer-events:none}.video-player-controls-main{position:absolute;left:0;bottom:-40px;width:100%;height:42px;-webkit-transition:bottom .5s;-o-transition:bottom .5s;transition:bottom .5s;background-color:rgba(0,0,0,.5)}.video-player-controls-main:hover{bottom:0}.video-player-controls-main.show-controls{bottom:0}.video-player-play-control{float:left}.video-player-control-item{margin-top:10px;margin-right:20px;width:22px;height:22px;background-repeat:no-repeat;background-position:50% 50%}.video-player-play-control.pause,.video-player-play-control.play{margin-left:15px;margin-right:15px}.video-player-play-control.play{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/pause-1b845d1c71.png)}.video-player-play-control.play:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/pause-hover-f5d8b43124.png)}.video-player-play-control.pause{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/play-451d461863.png)}.video-player-play-control.pause:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/play-hover-440456952e.png)}.video-player-refresh{float:left;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/refresh-9911fe38aa.png)}.video-player-refresh:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/refresh-hover-c07aee163b.png)}.video-player-volume-control{position:relative;float:right;width:130px}.video-player-volume-icon{float:left;width:22px;height:22px;background-position:50% 50%;background-repeat:no-repeat;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/volume-dfd6771b1c.png)}.video-player-volume-icon:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/volume-hover-81f24066e0.png)}.muted .video-player-volume-icon{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/mute-e7d44c98e2.png)}.muted .video-player-volume-icon:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/mute-hover-5e0f0ec9bf.png)}.video-player-volume-bar{-webkit-appearance:none;position:relative;float:left;margin-top:10px;margin-left:8px;width:100px;height:2px;background-color:transparent}.video-player-volume-bar:focus{outline:0}.video-player-volume-bar::-webkit-slider-thumb{-webkit-appearance:none;position:relative;height:12px;width:12px;border-radius:50%;background:#fff;cursor:pointer}.video-player-volume-bar::-webkit-slider-runnable-track{-webkit-appearance:none}.video-player-vbrs{position:relative;float:right;width:30px;line-height:22px;text-align:center;font-size:12px;color:#0093fb}.video-player-vbr-current{cursor:pointer}.video-player-vbr-list{display:none;position:absolute;bottom:36px;left:50%;padding:4px 0;margin-left:-25px;width:50px;background-color:#242428;line-height:26px;list-style-type:none;color:#fff}.video-player-vbrs:hover>.video-player-vbr-list{display:block}.video-player-vbr-list:before{content:'';position:absolute;bottom:-8px;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:#242428}.video-player-vbr-list:after{content:'';position:absolute;bottom:-14px;left:0;width:100%;height:14px}.video-player-vbr-item{position:relative}.video-player-vbr-item.disabled{color:#494949}.video-player-vbr-item:hover{color:#0093fb;cursor:pointer}.video-player-vbr-item.disabled:hover{color:#494949;cursor:default}.video-player-vbr-item .disabled-tip{display:none;position:absolute;top:0;left:-146px;padding:0 14px;background-color:rgba(0,0,0,.7);line-height:26px;color:#fff}.video-player-vbr-item.disabled:hover .disabled-tip{display:block}.video-player-fullscreen-control{cursor:pointer;float:right;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/fullscreen-67e4993230.png)}.video-player-fullscreen-control:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/fullscreen-hover-d090493664.png)}.video-player-fullscreen-control.fullscreen{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/unfullscreen-f9f224c154.png)}.video-player-fullscreen-control.fullscreen:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/unfullscreen-hover-d3e340faf0.png)}.video-player-theater-control{float:right;cursor:pointer;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/theater_open-841706149d.png)}.video-player-theater-control:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/theater_open_hover-2eb86731b4.png)}.video-player-theater-control.theater{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/theater_close-861b0ef135.png)}.video-player-theater-control.theater:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/theater_close_hover-bad529d3c0.png)}.video-player-comment{float:right;width:46px;height:22px;cursor:pointer}.video-player-comment.on{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/comment-on-1ffd544b78.png)}.video-player-comment.on:hover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/comment-on-hover-405da8a5b7.png)}.video-player-comment.off{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/comment-off-0bd7e39cfd.png)}.video-player-display{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#07031c;overflow:hidden}[data-status="0"] .video-player-display{display:none}.video-player-display-bg{position:absolute;top:50%;left:50%;margin-left:-250px;margin-top:-175px;width:500px;height:350px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/cc-player/bg-2cb4356b89.jpg)}.video-player-loading-img{display:none;width:390px;height:250px;position:absolute;top:65px;left:0;right:0;margin:0 auto}.video-player-display p{display:none;position:absolute;bottom:80px;margin:0;padding:0;width:100%;font-size:12px;text-align:center;color:#999}[data-status="-1"] .video-player-display .video-player-loading-img{display:block}[data-status="-1"] .video-player-display .video-player-loading-text{display:block}[data-status="-10"] .video-player-display .video-player-nolive-error{display:block}[data-status="-2"] .video-player-display .video-player-other-error{display:block}[data-status="-20"] .video-player-display .video-player-off-live{display:block}.media-control{display:none!important}.cmt-canvas{position:absolute;top:0;left:0;bottom:50px;width:100%;-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);position:absolute;display:block;overflow:hidden;margin:0;border:0;right:0;z-index:88;touch-callout:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cmt-canvas:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.cmt{position:absolute;-webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;padding:0 5px 0;margin:0;color:#fff;font-family:SimHei,SimSun,Heiti,"MS Mincho",Meiryo,"Microsoft YaHei",monospace;font-size:25px;text-decoration:none;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;line-height:100%;letter-spacing:0;word-break:keep-all;white-space:pre;line-height:28px;border-radius:2px}.cmt.noshadow{text-shadow:none}.cmt.rshadow{text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.cmt.echoBox{box-shadow:0 0 2px 0 rgba(0,0,0,.3);border:2px solid #fff}.nobility_bulletScreen{position:relative;display:inline-block;white-space:nowrap;height:32px;border-radius:34px}.nobility_bulletScreen_50{padding:2px;border:1px solid rgba(255,255,255,.6);background:rgba(33,118,234,.6)}.nobility_bulletScreen_100{padding:2px;border:1px solid rgba(255,255,255,.6);background:rgba(143,94,5,.6)}.nobility_bulletScreen_200{padding:2px;border:1px solid rgba(255,255,255,.6);background:rgba(143,88,225,.6)}.nobility_bulletScreen_300{padding:2px;border:1px solid rgba(255,255,255,.6);background:rgba(247,176,46,.6)}.nobility_bulletScreen_avatar{width:32px;height:32px;margin-right:5px;border-radius:32px;overflow:hidden}.nobility_bulletScreen_avatar img{width:32px;height:32px;border-radius:32px;overflow:hidden}.nobility_bulletScreen_text{line-height:30px;padding-right:30px}.nobility_bulletScreen_adrom{position:absolute}.nobility_bulletScreen_50 .nobility_bulletScreen_adrom{background:url(//cc.res.netease.com/webcc/v2/static/images/nobility/bullet_adrom-827afd022f.png) no-repeat;height:20px;width:37px;background-position:0 -21px;right:-2px;bottom:-2px}.nobility_bulletScreen_100 .nobility_bulletScreen_adrom{background:url(//cc.res.netease.com/webcc/v2/static/images/nobility/bullet_adrom-827afd022f.png) no-repeat;height:21px;width:36px;background-position:0 0;right:-2px;bottom:-2px}.nobility_bulletScreen_200 .nobility_bulletScreen_adrom{background:url(//cc.res.netease.com/webcc/v2/static/images/nobility/bullet_adrom-827afd022f.png) no-repeat;height:21px;width:38px;background-position:0 -41px;right:-2px;bottom:-2px}.nobility_bulletScreen_300 .nobility_bulletScreen_adrom{background:url(//cc.res.netease.com/webcc/v2/static/images/nobility/bullet_adrom-827afd022f.png) no-repeat;height:20px;width:41px;background-position:0 -62px;right:-2px;bottom:-2px}.nobility_bulletScreen_echoBox{padding:2px;border:2px solid #fff}.player-expand_menu-wrapper{position:absolute;z-index:99}.player-expand_menu-wrapper[data-status="0"]{display:none}.player-expand_menu-wrapper[data-status="1"]{display:block}.player-expand_menu-list{padding:10px 0;background-color:#000}.player-expand_menu-item{display:block;padding-left:10px;width:190px;height:24px;background-color:#000;line-height:24px;color:#fff;cursor:default}.player-expand_menu-item:hover{background-color:#333}.player-expand_menu-item.disabled{color:#ccc}.player-expand_menu-item.disabled:hover{background-color:#000}.video-lottery-notice{position:absolute;width:378px;height:86px;top:auto;left:auto;right:-378px;bottom:175px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/room/game-lucky-lottery/lottery_notice-e71158c9fe.png);-webkit-transition:right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out;z-index:9999}.video-lottery-notice.active{right:0}.video-lottery-notice.lottery-end{background-image:url(//cc.res.netease.com/webcc/v2/static/images/room/game-lucky-lottery/lotter_notice_end-ba5aefdcbe.png)}.video-watermask{position:absolute;width:131px;height:39px;top:10px;right:13px;z-index:2}.video-watermask-lunbo{position:absolute;width:76px;height:30px;top:10px;left:10px;z-index:2}#pwd-limit-container{display:none;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;background-color:#fff;box-shadow:0 0 15px 0 rgba(0,0,0,.3);padding:10px;margin-top:-61px}.pwd-limit{width:182px;margin:auto;font-size:12px;margin-top:21px;padding-bottom:10px}.pwd-tip{position:relative;font-size:12px;color:#999}.pwd-shut{position:absolute;right:0;top:0;height:14px;width:14px;cursor:pointer;background:url(//cc.res.netease.com/webcc/v2/static/images/common/common-new-bd9a7ff144.png) no-repeat}.pwd-limit-tips{position:absolute;color:#ec5f66;margin-top:2px;padding-left:2px}#pwd-limit-container input{box-sizing:border-box;display:block;width:182px;height:30px;line-height:30px;border:solid 1px #e2e2e2;margin-top:9px;padding-left:10px}#pwd-limit-container button{width:80px;height:24px;background-color:#fff;border-radius:2px;border:solid 1px #bbb;color:#999;margin:29px 0 0 22px}#pwd-limit-container .pwd-limit-btn-sure{background-color:#e8f8ff;border:solid 1px #0093fb;color:#0093fb;margin-left:0}.video-player-enterroom-control{float:right;color:#fff;padding:5px 10px;width:auto;height:auto;background-color:#0093fb;cursor:pointer;border-radius:13px}.bubbler-modules{text-align:center;position:absolute;display:none;width:auto;background-color:#fff;color:#333;border:1px solid #e5e5e5;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;white-space:nowrap;top:-37px;left:147px;padding:8px 15px 8px 15px;opacity:0;-webkit-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;transition:all ease-in-out .5s;z-index:9;cursor:pointer;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.bubbler-modules-after{margin:9px auto -15px;display:block;top:35px;left:61px;background:url(//cc.res.netease.com/webcc/v2/static/images/common/tips/down1-2c9d9c7c74.png) center no-repeat;width:12px;height:7px;background-size:12px 7px;z-index:9}.bubbler-modules-after-left{margin:9px 0 -15px 14px}.bubbler-download{color:#0093fb;text-decoration:underline;margin-right:4px}.bubbler-modules-close{position:absolute;right:11px;top:12px;width:12px;height:12px}.opacity-transition{opacity:1}.transform-transition{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.sprite{background-image:url(//cc.res.netease.com/webcc/v2/static/images/index/index-1-6df22ff535.png);background-repeat:no-repeat}.sprite-title{background-image:url(//cc.res.netease.com/webcc/v2/static/images/index/index-title1-833741dc88.png);background-repeat:no-repeat}html{overflow-x:hidden}body{position:relative;background-color:#f6f6f6;min-width:1290px}.just-for-update-css-and-do-not-use-it{display:none}#index-player-replace{height:100%}#index-player-replace video{display:block}.index-player-container[data-status='0']:hover+.player-tips-hover{display:block}.bg-container{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;height:1050px;z-index:0;background-repeat:no-repeat;background-position:50% 0}.bg-container a{position:absolute;top:0;left:0;width:100%;height:100%}.live-recommand-container{position:relative;margin:20px auto 16px;width:1200px;height:610px;background-color:#000;box-shadow:0 0 5px rgba(0,0,0,.5)}.recommand-live-area{position:relative;float:left;margin:3px 4px auto 3px;margin-top:3px;margin-left:3px;width:1000px;height:604px}.index-player-container{width:100%;height:100%;background-color:#000}.index-player-container .video-player-controls-main{bottom:0!important}.recommand-live-list{float:left;margin-top:3px;width:190px;height:604px}.recommand-live-item{position:relative;padding-left:5px;width:184px;height:94px;overflow:hidden;cursor:pointer}.recommand-live-item+.recommand-live-item{margin-top:8px}.recommand-live-poster{width:100%;height:auto;z-index:1;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/default-bg-2ca9647ce5.png);background-color:#e0e0e0;background-position:50% 50%;background-repeat:no-repeat}.recommand-live-info{display:none;position:absolute;bottom:0;right:0;padding:0 10px;width:164px;height:22px;background-color:rgba(0,0,0,.78);line-height:22px;color:#fff;z-index:2}.recommand-live-item.current .recommand-live-info,.recommand-live-item:hover .recommand-live-info{display:block}.recommand-live-item .hover-mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(//cc.res.netease.com/webcc/v2/static/images/index/index-2-1808366bc3.png);background-position:0 0;background-color:rgba(0,0,0,.3);z-index:3}.recommand-live-item.current .hover-mask,.recommand-live-item:hover .hover-mask{display:block}.cat-recommand-container{position:relative;width:100%;height:352px}.cat-recommand-wrapper{margin:0 auto;width:1200px;overflow:hidden}.recommand-cat{float:left;width:386px}.recommand-cat+.recommand-cat{margin-left:20px}.recommand-cat-header{width:100%;height:56px}.recommand-cat-item{position:relative;margin-bottom:20px;float:left;width:183px;background-color:rgba(255,255,255,.4);color:#666;cursor:pointer}.cat-recommand-container.deep .recommand-cat-item{color:#999;background-color:rgba(0,0,0,.4)}.cat-recommand-container.light .recommand-cat-item{background-color:rgba(255,255,255,.4)}.recommand-cat-item.no-live{cursor:default}.recommand-cat-item:not(.no-live):hover{box-shadow:2px 2px 5px rgba(0,0,0,.5)}.recommand-cat-item:nth-child(odd){margin-left:20px}.recommand-cat-poster{position:relative;display:block;width:100%;height:103px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/default-bg-2ca9647ce5.png);background-color:#e0e0e0;background-position:50% 50%;background-repeat:no-repeat;overflow:hidden}.recommand-cat-poster img{width:100%;height:100%}.recommand-cat-link{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/play-icon-0ccd6746d3.png);background-position:50% 50%;background-repeat:no-repeat}.recommand-cat-item:hover .recommand-cat-link{display:block}.recommand-cat-name{margin:0 4px;line-height:24px}.recommand-cat-item .chat-list{top:0;left:0;width:163px;height:100%}.recommand-cat-item:hover .chat-list{display:block}.recommand-cat-item .chat-list-cover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/play-icon-0ccd6746d3.png);background-position:95% 90%;background-repeat:no-repeat}.netease .recommand-cat-header{background-position:0 0}.blizzard .recommand-cat-header{background-position:0 -60px}.beauty .recommand-cat-header{background-position:0 -120px}.main-list-container{margin:0 auto;width:1240px}.hot-container{margin-top:16px;height:554px}.hot-container-title{padding-top:20px;padding-bottom:20px;height:14px;line-height:14px}.hot-container-title a{color:#999}.hot-container-title a:hover{color:#0093fb}.hot-game-container{float:left;width:812px;box-sizing:border-box;padding-left:20px;background-color:#fff;border-radius:6px}.hot-game-container .hot-container-title{background-position:0 -60px;margin-right:20px}.hot-game-item{float:left;position:relative;margin-right:15px;margin-bottom:20px;width:142px;height:230px;cursor:pointer}.hot-game-item:hover{outline:3px solid #0093fb}.hot-game-poster{display:block;width:100%;height:200px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/default-bg-2ca9647ce5.png);background-color:#e0e0e0;background-position:50% 50%;background-repeat:no-repeat}.hot-game-name{padding:0 10px;height:30px;text-align:center;line-height:30px;color:#333;background-color:#fff}.hot-game-link{display:none;position:absolute;top:0;left:0;width:100%;height:100%}.hot-game-item:hover .hot-game-link{display:block}.hot-news-container{position:relative;float:right;width:410px;height:554px;overflow:hidden;background-color:#fff;border-radius:6px;box-sizing:border-box;padding:0 10px}.hot-news-container .hot-container-title{padding-right:10px;background-position:10px -120px}.hot-banner-container{position:relative;margin-bottom:20px;height:228px;border:1px solid #fff;overflow:hidden}.hot-banner-wrapper{position:relative;height:100%}.hot-banner-slider{position:absolute;top:0;left:0;display:block;width:100%;height:100%;overflow:hidden;z-index:1}.hot-banner-slider.current{z-index:2}.hot-banner-slider img{width:100%;height:100%;background-color:#fff}.hot-banner-bullets{position:absolute;bottom:5px;width:100%;text-align:center;z-index:9}.hot-banner-bullet{display:inline-block;margin:0 5px;width:8px;height:8px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/index/index-2-1808366bc3.png);background-position:-100px -120px}.hot-banner-bullet.current{background-position:-100px -100px}.hot-banner-ctrl{position:absolute;top:50%;margin-top:-20px;width:40px;height:40px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/index/index-2-1808366bc3.png);z-index:9}.hot-banner-ctrl.prev{left:10px;background-position:-120px -260px}.hot-banner-ctrl.prev:hover{background-position:0 -100px}.hot-banner-ctrl.next{right:10px;background-position:-160px -260px}.hot-banner-ctrl.next:hover{background-position:-50px -100px}.hot-news-wrapper{background-color:#fff}.hot-news-tops{border-top:2px solid #0093fb}.hot-news-tops a.nick{display:block;padding-left:8px;line-height:37px;font-size:16px;font-weight:700;color:#0093fb}.hot-news-tops a.nick:hover{color:#007eed}.hot-news-list{width:100%;height:152px;border-top:1px solid #ececec}.hot-news-item{line-height:37px;border-bottom:1px solid #ececec;overflow:hidden}.hot-news-type{float:left;padding-left:18px;width:36px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/index/index-2-1808366bc3.png);background-position:-110px -100px}.hot-news-type a{color:#999}.hot-news-title{float:left;width:292px}.hot-news-title a{display:block;padding:0 10px;width:272px;color:#333}.hot-news-title a:hover{color:#0093fb}.hot-news-date{float:left;width:42px;color:#999}.cat-container{margin-top:16px;background-color:#fff;border-radius:6px;padding:0 20px}.cat-container-header{padding:24px 0 16px 140px;height:24px;background-position:0 50%;background-repeat:no-repeat;font-size:0}.cat-container-header .label{display:inline-block;margin:0 5px;padding:0 10px;border:1px solid #e2e2e2;border-radius:12px;background-color:#fff;line-height:22px;font-size:12px;color:#666}.cat-container-header .label:hover{border-color:#0093fb;color:#0093fb}.cat-container-header .more{float:right;line-height:30px;font-size:12px;color:#999}.cat-container-header .more:hover{color:#0093fb}.cat-list{overflow:hidden;margin-right:-5px}.cat-item{float:left;position:relative;margin-right:20px;margin-bottom:20px;width:285px;height:219px;cursor:pointer}.cat-item:nth-child(4n){margin-right:0}.miccard .cat-item{height:345px}.cat-item-poster{position:relative;width:285px;height:159px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/default-bg-2ca9647ce5.png);background-color:#e0e0e0;background-position:50% 50%;background-repeat:no-repeat;overflow:hidden}.miccard .cat-item-poster{height:285px}.cat-item-poster img{width:100%;background-color:#fff}.cat-item-poster .label{display:inline-block;position:absolute;right:0;top:0;padding:0 4px;background-color:#0093fb;line-height:20px;color:#fff}.cat-item-poster .label.right_top{top:0;right:0}.cat-item-poster .label.left_top{top:0;left:0}.cat-item-poster .label.right_bottom{bottom:0;right:0}.cat-item-poster .label.left_bottom{bottom:0;left:0}.cat-item-poster .chat-list{top:0;left:0;width:265px;height:100%}.cat-item-info{padding:0 0 8px;height:52px;background-color:#fff}.cat-item-info>p{position:relative;height:28px;line-height:28px;overflow:hidden}.cat-item-title{position:absolute;left:0;right:110px;color:#333;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ie-transition:all ease-out .2s;transition:all ease-out .2s}.cat-item:hover .cat-item-title{right:0}.cat-item-type{position:absolute;right:0;width:110px;text-align:right;color:#0093fb;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ie-transition:all ease-out .2s;transition:all ease-out .2s}.cat-item:hover .cat-item-type{right:-110px}.cat-item-portrait{margin-right:4px;width:24px;height:24px;border-radius:50%}.cat-item-nick{display:inline-block;width:160px;color:#999}.cat-item-visitor{width:76px;text-align:right;color:#999}.cat-item-info .def-font:before{margin-right:4px}.cat-item:hover .chat-list{display:block}.cat-item .chat-list-cover{background-image:url(//cc.res.netease.com/webcc/v2/static/images/common/play-icon-0ccd6746d3.png);background-position:95% 90%;background-repeat:no-repeat}.chat-list{padding:0 10px;display:none;position:absolute}.chat-list-cover{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.7);z-index:1}.chat-list-container{position:relative;height:100%;color:#fff;z-index:2;overflow:hidden}.chat-list-title{padding:4px 0 4px 0;line-height:14px;color:#fff}.chat-list-scroller{overflow:visible}.chat-list-dl{position:relative;padding-right:15%;background:url(//cc.res.netease.com/webcc/v2/static/images/index/chat_list_bg-c45fbdd3c3.jpg) 5px 0 repeat-y}.chat-list-item{position:relative;padding-left:18px;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-item em{position:absolute;left:0;top:8px;height:11px;width:11px;background:url(//cc.res.netease.com/webcc/v2/static/images/index/index-2-1808366bc3.png) -179px -100px no-repeat}.chat-list-item.current em{background-position:-179px -120px}.right-tool-container{position:fixed;right:50px;bottom:150px;width:60px;height:241px;z-index:999}.right-tool-list{position:relative;padding-top:60px}.right-tool-item.scroll-top{position:absolute;top:0;left:0}.right-tool-item.weixin{height:61px}.right-tool{display:block;width:60px;height:60px;background-image:url(//cc.res.netease.com/webcc/v2/static/images/index/index-2-1808366bc3.png);text-align:center}.scroll-top .right-tool{display:none;background-position:0 -140px}.customer-service .right-tool{background-position:-60px -140px}.app-download .right-tool{background-position:-120px -140px}.weixin .right-tool{background-position:0 -260px}.scroll-top .right-tool:hover{background-position:0 -200px}.customer-service .right-tool:hover{background-position:-60px -200px}.app-download .right-tool:hover{background-position:-120px -200px}.weixin .right-tool:hover{background-position:-60px -260px}.weixin .right-tool{height:61px}.misscc .right-tool{background-position:0 -330px}.misscc .right-tool:hover{background-position:-60px -330px}.right-tool .area{display:none;position:absolute;left:-208px;top:0;padding:11px 10px 0;width:188px;height:230px;background-color:#0093fb;text-align:center;line-height:42px;color:#fff;cursor:default}.right-tool:hover .area{display:block}.right-tool .area img{display:block;width:100%;height:auto}.cat-item .pk-link-container{position:absolute;right:10px;bottom:7px}.cat-item .pk-link-wrap{background:url(//cc.res.netease.com/webcc/v2/static/images/index/mic-pk-bg-07e3e22a24.png);width:90px;height:86px;position:absolute;top:0}.cat-item .pk-link-avatar{margin:6px 0 0 11px;border-radius:4px;position:static;opacity:1;width:79px;height:79px}