.lobby .container .lobby-show{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;height:238px}.lobby .container .lobby-show .sidebar{float:left;width:80%;height:100%}.lobby .container .lobby-show .scroll{float:left;width:20%;height:100%;position:relative;background:#515860}.lobby .container .lobby-show .scroll .scroll-list{width:100%;color:#fff;font-size:20px;font-weight:100;text-align:center;line-height:45px;display:block;border-bottom:1px solid #fff;background-color:#515860;position:absolute;top:0;left:0}.lobby .container .lobby-show .scroll .scroll-data{height:175px;margin-top:56px;overflow:hidden}.lobby .container .lobby-show .scroll .scroll-data tr{height:55px}.lobby .container .lobby-show .scroll .scroll-data tr td{border:none;color:#fff;padding:7px 8px!important}.lobby .container .shadowLine{width:100%;height:15px;position:relative;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#7a7a7a),to(#c3c4c3));background:linear-gradient(180deg,#7a7a7a,#c3c4c3)}.lobby .container .shadowLine:after{border-right:20px solid transparent}.lobby .container .shadowLine:after,.lobby .container .shadowLine:before{content:"";overflow:hidden;height:0;border-top:15px solid #e6e6e6;position:absolute}.lobby .container .shadowLine:before{border-left:20px solid transparent;right:0}.lobby .container .lobby-content{float:left}.lobby .container .lobby-content .lobby-tag{-webkit-box-sizing:border-box;box-sizing:border-box;width:1000px;height:40px;background-color:#455467;padding:0 10px;overflow:hidden}.lobby .container .lobby-content .lobby-tag ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.lobby .container .lobby-content .lobby-tag ul li{width:100%}.lobby .container .lobby-content .lobby-tag ul li a{line-height:20px;text-align:center;color:#fff;font-size:14px;display:block;border-right:1px solid #74808f;margin:10px 0;-webkit-transition:1s;transition:1s}.lobby .container .lobby-content .lobby-tag ul .active{background:#fff;border-radius:5px 5px 0 0;margin-top:3px;height:37px}.lobby .container .lobby-content .lobby-tag ul .active a{color:#000}.lobby .container .lobby-content .lobby-type{min-height:500px;float:left}.lobby .container .lobby-content .lobby-type li{position:relative;z-index:50;-webkit-box-sizing:border-box;box-sizing:border-box;width:226px;height:100px;padding:16px 20px;border:1px solid #e3e3e3;margin:10px;float:left;display:block;-webkit-box-shadow:1px 1px 1px #8a8a8a;box-shadow:1px 1px 1px #8a8a8a}.lobby .container .lobby-content .lobby-type li:hover .lobby-type-shadow{display:block!important}.lobby .container .lobby-content .lobby-type li a{display:-webkit-box;display:-ms-flexbox;display:flex}.lobby .container .lobby-content .lobby-type li a i{display:block;width:60px;height:60px;-webkit-box-flex:15;-ms-flex:15;flex:15;background-size:100% 100%!important}.lobby .container .lobby-content .lobby-type li a dl{-webkit-box-flex:31;-ms-flex:31;flex:31;margin-top:10px}.lobby .container .lobby-content .lobby-type li a dl dt{text-align:center;font-size:18px;margin:0;color:#516073;font-weight:100;white-space:nowrap}.lobby .container .lobby-content .lobby-type li a dl dd{text-align:center;color:#777;font-size:14px;margin:6px 0}.lobby .container .lobby-content .lobby-type li .lobby-type-shadow{position:absolute;top:0;left:0;width:226px;height:100px;background-color:rgba(81,96,115,.9);text-align:center;display:none}.lobby .container .lobby-content .lobby-type li .lobby-type-shadow span{cursor:pointer;padding:2px 21px;line-height:100px;font-size:14px;text-align:center;color:#ccc;border:1px solid #ccc}.lobby .container .lobby-content .lobby-type li .lobby-type-shadow span:hover{cursor:pointer;background-color:#bd2004;color:#ccc}.lobby .container .lobby-content .lobby-type li .lobby-type-shadow i{position:absolute;right:0;bottom:5px}.lobby .container .lobby-content .lobby-type li .lobby-type-shadow i:hover:after{content:"";display:block;overflow:hidden;height:20px;width:20px;background-color:hsla(0,7%,72.2%,.4);position:absolute;right:0;bottom:0;border-radius:50%}.lobby .container .lobby-content .lobby-type:before{content:"";height:0;display:block;overflow:hidden;clear:both}.scroll-data table[data-v-6e17c248]{-webkit-transition:1s;transition:1s;height:100%}.scroll-data table tr[data-v-6e17c248]{-webkit-transition:.5s;transition:.5s}.scroll-data table tr td[data-v-6e17c248]{text-align:left;padding:7px 15px;border-top:1px dashed #ddd}.scroll-data table tr td[data-v-6e17c248]:first-child{width:280px}.scroll-data table tr td img[data-v-6e17c248]{height:36px;width:36px;float:left;border-radius:50%;margin-right:9px}.scroll-data table tr td p[data-v-6e17c248]{line-height:1.7;height:36px}.scroll-data table tr td p i[data-v-6e17c248]{color:red}.scroll-data table tr ins[data-v-6e17c248]{display:block;width:25px;height:25px;margin:0 auto;color:#555;text-decoration:none}.scroll-data table tr:first-child ins[data-v-6e17c248]{background:#c12f33;background:radial-gradient(circle at 25px 25px,#c12f33,#ca9293);color:#fff;border-radius:50%;text-align:center;line-height:25px}.scroll-data table tr:first-child td[data-v-6e17c248]{border:none}.scroll-data table tr:nth-child(2) ins[data-v-6e17c248]{background:#53b0fe;background:radial-gradient(circle at 25px 25px,#2b82cc,#53b0fe);color:#fff;border-radius:50%;text-align:center;line-height:25px}.scroll-data table tr:nth-child(3) ins[data-v-6e17c248]{background:#f8a968;background:radial-gradient(circle at 25px 25px,#c57532,#f8a968);color:#fff;border-radius:50%;text-align:center;line-height:25px}