.left-container{display:flex;width:100%;flex:0 0 auto;height:428px;overflow:hidden}.main{min-width:1200px;max-width:1330px;margin:10px auto 0 auto;padding:0 50px 0 50px;height:611px}.liveMain{height:611px;display:flex}.liveMain .liveCon{width:388px;height:428px;float:left}.liveMain .liveList{width:204px;float:right}.liveMain .liveList li{width:134px;height:134px;margin-top:5px;position:relative;overflow:hidden}.liveMain .liveList li:first-child{margin-top:0}.liveMain .liveList li.active:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;box-sizing:border-box;border:2px solid #7c46e8;z-index:2}.liveMain .liveList li .maskBox{position:absolute;bottom:0;left:0;height:30px;background:rgba(0,0,0,.6);color:#fff;width:100%;line-height:30px;box-sizing:border-box;padding-left:12px;font-size:14px}.mousecursor{cursor:pointer}.mainCon{margin-top:48px}.mainConL{float:left}.mainBanner{width:750px;height:240px;margin-bottom:5px}.bannerPicBox{width:100%;height:100%}.bannerPicBox,.mainListTitle{display:flex;align-items:center}.mainListTitle{justify-content:space-between;height:40px}.mainListTitleCon{display:flex;justify-content:flex-start;font-size:18px;align-items:center;color:#333}.mainListTitleIcon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNFNUVCN0Q3NjJEMTFFOTlGMzA4OTlBMjQ3OEVBMjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODNFNUVCN0U3NjJEMTFFOTlGMzA4OTlBMjQ3OEVBMjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4M0U1RUI3Qjc2MkQxMUU5OUYzMDg5OUEyNDc4RUEyNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4M0U1RUI3Qzc2MkQxMUU5OUYzMDg5OUEyNDc4RUEyNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgcgfM8AAATISURBVHjanFdrbBRVFL5npYpRQjek0NhKrZUaAgliSMAXddaEspKUIET/GChCgvEHaiiGhGj0B/FH0Rj8YSQ8agwESJrwqjFBZnmEWgEJouFRsFb6gKUYEWh5FGb4zszZ2TuP3W6d5Ms5c/bOPe977lJfzR8q32MrUpZLZ9tKvWIpmgg8AzzFctAei6gdlNE2MfV0syrgoXyKoagICleALmSFGSMshwooy993aSfWbAG/9vlUxbVce8fyGDUXdp2H0s9tR6ljiBMBF8oHK8sjErQaazqOGV2Lhqu4ERvsBCrEcw5OQBneiTRDQojDgKafjZ5NhSreADRkFZEahrc+XrD4sNHbMpTiRmCJ7XmpIpT7vbU0L3PxwOsHjMvf51I8y/VUV0SaARTy2CrAa41/e7+Rro+q6n+BYttrIUfBFdC7eI9hgxLwRVLJ91C1dyxHTo9qFe3RIO+8E9nYJ15rjv0v4/FKXal4eYGLKwu6Kb9NslzZZGAgR15DMnkn7PGZHuqG4KGBRS2gtwEL/D3bNewivD0NWS8wEhiTJ69+OXkpWt6SuFoUk9yOjcjp0UA138YGzZoXK4aZ48w+7PWbGcVOn2rewlO1N2OIe1qp32xSzfJxJbB0qGr2eAq14TxWPMEO5YhOgF7XrHwE2A0cgewd4BwM+RR0KvAysC6np+Tbd0AMqGLF1fphIb17KNA6MWzwJeiTkG2EJwu5SICTU1MVR6alxr8PfhMwBxgPdALLgHLgDPAevn0COCyn4LgYmPKIw6I5cFjcAr0DbIbS46Db2Ah41XrcuFip3MGx48VU2Q+Q34L8lJEqXQ9jueqP1Zol3yTNkkv47iXZdxQ85mT7Tqd+8L/K+wjgMS18r4FucXkaxJpP4O1fbUb3aMieEwPqID8o9ZIEDjCPSv4Aax7P6OGNL4NWaYNgP2CLMTPhrcUfA5Ml/NuFXuW2+sXo5s1f5fYSZTzROiWCvwMdIl+udUw/h7o9MAh2ae9vSW7Y26VyYFySwtnLLQWUATMgGxRlbYlUade+xBX27vRss6Qf3k6BvFLbt4+L61wg1K1abhFauiFtASOoTfhJwDTwS2akyjdItd5lxcjt4E+J9CwYMhO5vS8ertRrBk9HzA2jFwIYQWfFCG6zKmzQKx+Vgj8vfLG0k2o1emrB87VoXebkkzyf0m4ydVrHsJ49nGMO7TWAj8SNnmVEteJdr+T0Q2AV8JXl9LODevCbQbnqlWmkyzAIknw3A9YgxEgDt54apbcrnq0jRNHXwMd8lAEvSE6ny2/cOv/gvQ90HIC+VHu42iFLyBrep8tyhoB6SAz92+VVLOBt03yzeIC6a85waHCpUzdBH5bx5R9nhfIUvgxqt1RpSSpdYBanY2Ix9+QibQ7/32Hvm0rhGww1sFJnLGqDYBvwnXu25hhtwxsEgWmnfkSIv/CuPgEr67ni8lzcChkEERdEdXS+GU/67ly+ReSVflMhAz6MrAEq6+3uN8z49NAtM+qODEWLQd/FbzcszXIr6qKX39uP5pnxuZH36jyh/BaKqvHxWu7zsAE5veVTbD1oNZQ25vzv9GdNe9T/HxW4OY4GnQMkwT/LLWHx6eV+dx1IAxeAfZDvqjPH9A31p+2BAAMAj+OfSH+E50IAAAAASUVORK5CYII=);background-size:22px 22px;width:22px;height:22px;margin-right:10px}.mainListTitleMore{cursor:pointer;font-size:12px;color:#999;margin-right:20px}.liverListConHot{height:428px}.liverListConHot li{width:134px;height:134px;border-radius:5px;position:relative;float:left;overflow:hidden;margin-left:14px;margin-bottom:10px}.rankTitleR{justify-content:space-between;margin-left:14px;margin-bottom:4px}.rankTitleCon,.rankTitleR{display:flex;align-items:center}.rankTitleCon{justify-content:flex-start;font-size:18px;color:#333;font-weight:700}.rankTitleIcon{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAADH0lEQVQ4jYWVz2sdVRTHv3PuufOSNG3SNJoWAgYR7bO11UW76lKxLgQNiERw51asghrtqmAi6MLubP4Bs8u2cSXYjSiI1SgIwV9UY8nCV2z6mrS9Hxczb9689xI7cJnHY+Zzv+d7v+dMdvuj1zR4mSAchDAH/hz4CfDDpLgD8VoirpPyy4m4fOjC6//sAlA2CM6GILwJ4R3wcXAVK4oUBVGJKFKuRN4ixY8T+SdTC6+2e6X1QmfAvgFbFGFcBEFQF+5KeLmBi+TjEBdI8euN+ZWZvcDTYFekcFwKQgVUNWjviuVygR8Hv3Lt7dXpfvCQsBXJpsFKlUHIBUHZ+KRGZmc18tILiseaXeWV+ihSnAZf+eOtL4dr4OwcslMVsCq/uNuDRxSPNZU//qjyo48M+l1tFE+BnyvB2QSE+QJiA1BwsUPlV7q5fR9b4ru/vPHdhIPNgY2JIJWeNp5/WXbgoO5d39Sty18o3emCwUqVsWZDxxYX+Bj4nEn2bHVYpafxiacUHppRPHmiePFu1pvxVC/fa2o7lYazBuHJAW+3toqyb/yrhEvyLhcrnlFUNjSsrNEYsEb4SYcwRV9epY7CrFLTtaL4b//Tj+nAMw8rbSf9Pv9tHzxMmQjb/U1Qa5jSt9DjMbhspCFlmawR+qGCIIOwMdAEFaWjONQ2syJmO2VKdu4NQCFcN+Q/72UF0kAVyIoqqt7Kyu4sD78IwlWD8Hm1Yxkb2zcsSQoT+wVRio0KHEaHBK4wmhf6G1a1fjeyturgy+ALEMc60Wl/9ZNsdJ/ubm4JXHc2t9W++rfIgm792BJEba3dlPJc7KhmgwnCDQjLWevCB4L4XiJfLEZhNRJFymu/Y3WHznO7ZFjh/ealBz60UuVFkv/QN1Tu1wRVQ3XUSrYm7KIkWTFIvA1xFuJf/zMa+5ugo1Aq1p9gLzaXDrVLcKVmPeFnIK4NzoBYU95V3TkssDWwM82lyfUqlN00RJHirxBPJ/w8eGsvtbW8tsDOg51uLk3+Vgu7fJdy2xAXIX6a8Fcgni0/pkdK6AaE7yGsQvjs6KXDu35M/wNNkPXUghGEhwAAAABJRU5ErkJggg==);width:22px;height:22px;margin-right:10px}.mainConR{width:286px;background:#fff;float:right;margin-left:0}.rankNav{height:50px;box-sizing:border-box;border-bottom:1px solid #e4e2e5;display:flex;justify-content:space-around;align-items:center;cursor:pointer;font-size:14px;color:#333}.rankNav div{border-bottom:2px solid transparent;line-height:1.8}.rankNav div.active{color:#7c46e8;border-bottom:2px solid #7c46e8}.rankMain{position:relative;height:530px;overflow:hidden}.rankMain ul{position:absolute;width:100%;height:100%;left:0;top:0;overflow-y:auto}.rankMain li{display:flex;justify-content:flex-start;box-sizing:border-box;padding:0 13px;align-items:center;height:53px}.rankMain li:nth-child(2n){background:#f7f7f7}.rankMain li.no1{background-image:linear-gradient(-120deg,#b721ff 1%,#fc60de 82%);background-image:-ms-linear-gradient(-120deg,#b721ff 1%,#fc60de 82%);box-shadow:0 3px 5px 0 rgba(183,33,255,.41)}.rankMain li .rankIndex{width:30px;height:35px;line-height:35px;text-align:center;color:#7c46e8;font-size:18px;flex:none}.rankMain li .rankIndex .rank-1{background:url(../img/icon.6d6a4d97.png) no-repeat;width:30px;height:100%}.rankMain li .rankIndex .rank-2{background:url(../img/icon.6d6a4d97.png) no-repeat -30px 0;width:30px;height:100%}.rankMain li .rankIndex .rank-3{background:url(../img/icon.6d6a4d97.png) no-repeat -60px 0;width:30px;height:100%}.rankMain .rankPeoPic{margin-left:2px;position:relative;width:48px;height:48px;flex:none}.rankMain .rankPeoPicBox{position:absolute;top:2px;width:32px;height:32px;border-radius:50%;overflow:hidden;margin-left:8px;margin-top:7px}.rankMain .rankPeoPicBoxBkg{position:absolute;background:url(../img/ranknum1.e6a03228.png) no-repeat;background-size:48px 48px;background-position-y:0;left:2px;width:48px;height:48px;z-index:10}.rankMain .rankPeoInfo{flex:1 1 auto;margin-left:10px}.rankMain .rankPeoInfo .rankPeoName{color:#333;width:100%;max-width:90px}.rankMain .rankPeoInfo .rankPeoId,.rankMain .rankPeoInfo .rankPeoName{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rankMain .rankPeoInfo .rankPeoId{color:#999}.rankMain .rankNum{font-size:12px;color:#7c46e8;text-transform:uppercase;flex:1 1 auto;text-align:right}.rankMain li.no1 .rankNum,.rankMain li.no1 .rankPeoInfo,.rankMain li.no1 .rankPeoInfo .rankPeoId,.rankMain li.no1 .rankPeoInfo .rankPeoName{color:#fff}.liverList{width:100%;overflow:hidden}.liverListCon{height:235px}.liverListCon li{width:134px;height:134px;border-radius:5px;position:relative;float:left;overflow:hidden;margin-left:10px;margin-top:5px}.liverListCon li:first-child{margin-left:0}.noAnchorFrameHot[data-v-6f6b5466]{margin:130px auto 130px auto;text-align:center;color:#999}.noAnchorIconHot[data-v-6f6b5466]{margin:0 auto 37px auto;background:url(../img/noAnchorbkg.c514df53.png);height:111px;width:119px}.noAnchorFrameNew[data-v-6f6b5466]{text-align:center;color:#999;height:100%;display:flex;width:100%;justify-content:center}.noAnchorFrameNew span[data-v-6f6b5466]{line-height:75px;margin-left:15px;font-size:14px}.noAnchorIconNew[data-v-6f6b5466]{background:url(../img/noAnchorbkg.c514df53.png) no-repeat;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";background-size:100% 100%;width:84px;height:79px}