body,html{padding-top: 60px;}
.live-box{padding-top: 20px;padding-bottom: 50px;}
.live-body{height: auto;background: #f8f8f8;}
.live-cont{width: 740px;height: 410px;background: black;border: 1px solid #4a4a4a;}
.live-ke{margin: 0 auto;width: 1200px;padding-bottom: 150px;}
.like-ke-title{height: 74px;background: white;font-size: 28px;color: rgba(51,51,51,1);}
.like-ke-title>span{line-height: 74px;margin-left: 40px;}
.ke-list{display: inline-block;vertical-align: top;padding-top: 12px;}
.ke-list:nth-child(2){margin-left: 100px;margin-right: 100px;}
.ke-list:nth-child(3){text-align: right;margin-right: 100px;}
.ke-list .icon-live{font-size: 24px;color: #ff5858;}
.ke-list>span{font-size: 24px;color: rgba(57,185,242,1);text-decoration: underline;}
.ke-list>p{font-size: 24px;color: rgba(153,153,153,1);display: inline-block;}
.ke-list>span:hover{cursor: pointer;}
.live-ke-content{height: 110px;background: white;}
.wai{display: inline-block;background: rgba(255, 88, 88, 0.1);width: 48px;height: 48px;text-align: center;border-radius: 48px;padding-top: 3px;}

.live-video{width: 1120px;margin: 0 auto;font-size: 0;}
.live-lian{width: 740px;height: 40px;background: #4a4a4a;line-height: 40px;}
.lian-list{border-right: 1px solid #222;width: 246px;height: 40px; text-align: center;float: left;}
.lian-list:last-child{border-right:none;}
.lian-list>img{position: relative;top:-6px;right: 5px;}
.lian-list:active{background: #333;}
.live-lian-span{color: white;font-size: 14px;}
.live-ing{display: inline-block;vertical-align: top;}
.live-host{position: relative; overflow: hidden; display: inline-block;height: 450px;width: 380px;border: 1px solid #222;font-size: 14px;background: #3a3a3a;color: white;}
.host-head{height: 40px;line-height: 40px;padding-left: 20px;border-bottom: 1px solid #4a4a4a;}
.host-head span{display: inline-block;height: 40px;border-bottom: 1px solid #ff4343;}

.cursor{cursor:pointer;}
.host-list-cont{height: 384px;overflow-y:hidden; overflow-x: hidden;position: relative;}
/*!*滚动条*!*/
.host-list-cont::-webkit-scrollbar{width: 4px;height: 160px; background-color: #3a3a3a;}
/*!*定义滚动条轨道 内阴影+圆角*!*/
.host-list-cont::-webkit-scrollbar-track{border-radius: 2px;background-color: #3a3a3a;}

/*!*定义滑块 内阴影+圆角*!*/
.host-list-cont::-webkit-scrollbar-thumb{border-radius: 2px;background-color: #DBDBDB;}
.host-list{width: 370px;height: 80px;padding-top: 11px;padding-left: 33px;position: relative;}
.host-list:hover{background: #333;}
.host-logo{position: relative;display: inline-block;vertical-align: top;}
.host-z{position: absolute; background: rgba(0, 0, 0, 0.6); color: white;left: 0px;bottom: 0px; width: 116px; border: none; height: 16px; font-size: 10px; text-align: right;}
.host-text{display: inline-block;width: 200px;position: relative;}
.text-p1{font-size: 14px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.text-p2{font-size: 12px;color: #bbb;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.host-status{position: absolute;top: 35px;left: 10px;display: none;}
.bgActive{background: #333;}
.host-head p{cursor: pointer; float: right;width: 118px;height: 24px;border-radius: 4px;background: #ff4343;color: white;text-align: center;line-height: 1;padding-top: 6px;margin-top: 6px;margin-right: 6px;font-size: 12px;}
.host-head p{cursor: pointer; float: right;width: 118px;height: 24px;border-radius: 4px;background: #ff4343;color: white;text-align: center;line-height: 1;padding-top: 6px;margin-top: 6px;margin-right: 6px;font-size: 12px;}


.footer-live{display: none; font-size: 12px;text-align: center;background: #ABA8A8;height: 25px;line-height: 25px;color: #333;}
.footer-live img{margin-left: 8px;}
.host-head .live-num{font-size: 12px;border-bottom:none;}
.live-page{height: 384px;}
.live-move{overflow: hidden;height: 384px;}
.describe{display: none; position: absolute;width: 180px;background: #eeeeee;border-radius: 4px;padding: 10px;z-index: 99;top:0px;}
.describe .describe-p1{font-size: 14px;color: #333;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.describe .describe-p2{font-size: 12px;color: #666;padding-top: 10px;}



.live-li{color: #ff4343;font-weight: bold; position: absolute;text-align: center;top:0;width: 100%; height: 25px;z-index: 99; margin-top: 40px;line-height: 25px;}
.live-pre{background: url("/img/live/pre.png");background-size: 100% 100%;}
.live-next{bottom: 0;top:auto;background: url("/img/live/next.png");background-size: 100% 100%;}
.live-li:hover{color: #ff4343;cursor: pointer;}