body{width:100%;height: 100%;position: absolute;}
.dn{display: none;}
.fl{float: left;}

.live-wrap{max-width: 640px;margin: auto;}
.video{width: 100%;height:0;padding-bottom: 62.25%;position: relative;background: #000;overflow: hidden;}
.video video,.video img{position: absolute;width: 100%;height: 100%;}

.live_nav{text-align: center;}
.live_nav li{display: inline-block;width: 32.5%;padding: 12px 0;background: #eee;font-size: 16px;cursor: pointer;}
.live_nav li.active{background: rgba(13,169,158,.6);color: #fff;}
.live_con{margin: 20px auto;}

.liveList1{margin:0 15px;line-height: 1.8;}
.liveList1 a{display: block;margin: 8px auto;color: #666;font-size: 16px;}
.liveList1 a:hover{color: #0da99e;}

.liveList2{margin:0 15px;}
.liveList2 li{margin-bottom:-10px;padding:0 0 20px 20px;border-left: 1px solid #0da99e;position: relative;}
.liveList2 li .circle{border: 1px solid #0da99e;width: 18px;height:18px;background: #fff;border-radius:50%;position: absolute;left: -10px;top:8px;}
.liveList2 li .info{margin-bottom:10px;line-height: 1.7;}
.liveList2 li .info span{font-size: 14px;}
.liveList2 li .info b{margin-right:8px;vertical-align: baseline;color: #0da99e;font-size: 18px;}
.liveList2 li .info p{font-size: 15px;}

.liveList3{margin:0 15px;}
.liveList3 li{padding: 15px 0px;border-bottom: 1px solid #eee;overflow: hidden;}
.liveList3 li .img{width: 42px;max-width: 42px;height: 42px;line-height: 42px;border-radius: 50%;box-shadow: 0 0 5px #0da99e;/*background: url(../images/logo.png) no-repeat center;background-size: contain;*/}
.liveList3 li .info{width: calc(100% - 58px);margin-left: 15px;line-height: 1.7;}
.liveList3 li .info div{font-size: 14px;overflow: hidden;}
.liveList3 li .info div .fl{color: #0da99e;font-size: 18px;}
.liveList3 li .info p{font-size: 15px;}