.z-live{padding-top:21px;padding-bottom:183px;margin:0 auto}.z-live,.z-live>div{width:1020px;min-width:1020px}.z-live .banner{width:100%;overflow:hidden;display:flex}.z-live .banner img{width:748px;border-radius:4px;transition:all 2s;cursor:pointer}.z-live .banner .analyst-box{width:270px;height:92px;background:#f2f2f2;margin-left:2px;border-radius:4px;display:flex;padding-right:7px}.z-live .banner .analyst-box .xiaoxin{width:71px;margin:10px 6px}.z-live .banner .analyst-box .analyst-name{margin-top:13px;margin-bottom:5px;font-size:14px;color:#1c1c1c}.z-live .banner .analyst-box .describe{font-size:12px;color:#7f7e7e;line-height:17px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.z-live #menu{display:none;position:absolute;z-index:100;background-color:#f93636;border:1px solid #f93636;color:#fff;border-radius:8px;box-shadow:1px 1px 1px rgba(202,190,190,.8);cursor:pointer}.z-live #menu .Shutup{text-align:center;padding:6px;border-bottom:1px solid #fff}.z-live #menu .updateShutup{padding:6px}.z-live #menu .Shutup:hover,.z-live #menu .updateShutup:hover{opacity:.8}.z-live .loginname{color:#00baff}.z-live .loginname,.z-live .loginrealname{float:left;cursor:pointer;white-space:nowrap}.z-live .loginrealname{color:#e84d5d}.z-live .loginname,.z-live .loginrealname{display:inline-block;max-width:100px;text-overflow:ellipsis;overflow:hidden}.z-live .text{word-break:break-word}.z-live .text img.sina-emotion{display:inline-block;vertical-align:middle;width:22px;height:22px;margin:-5px 5px 0}body #sinaEmotion .face{width:19px;height:19px;box-sizing:content-box;padding:2px;margin:-1px 0 0 0}body img.sina-emotion{display:inline;width:19px;height:19px}.z-live .live-content{margin-top:14px;display:flex}.z-live .live-content .live-left{width:748px;position:relative}.z-live .live-content .live-left .novideo{padding-top:90px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;white-space:nowrap}.z-live .live-content .live-left .box_outer{background:#19264a;height:90px}.z-live .live-content .live-left .box_outer .box_top{text-align:center;color:#fff;padding:11px 0 6px 0;max-width:169px;margin:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.z-live .live-content .live-left .info-box{display:flex;padding:0 38.5px;color:#fff}.z-live .live-content .live-left .info-box .teamname span{display:inline-block;vertical-align:middle;font-size:16px;line-height:46px}.z-live .live-content .live-left .info-box .teamname span.name{width:173px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.z-live .live-content .live-left .info-box .teamname .img{width:48px;height:48px;line-height:48px;text-align:center;background:#fff;box-shadow:0 2px 4px 0 rgba(86,85,85,.31),0 1px 1px 0 rgba(237,235,233,.34);border-radius:8px}.z-live .live-content .live-left .info-box .teamname img{width:35px;height:35px;border-radius:50%;vertical-align:middle;border:1px solid #eee;display:block;margin:6.5px auto}.z-live .live-content .live-left .info-box .teamname:first-child .img{margin-left:13px}.z-live .live-content .live-left .info-box .teamname:nth-child(3) .img{margin-right:13px}.z-live .live-content .live-left .info-box .teamname{white-space:nowrap}.z-live .live-content .live-left .info-box .home_team{text-align:right}.z-live .live-content .live-left .info-box .league{width:194px;text-align:center}.z-live .live-content .live-left .info-box .league .box_vs{font-size:19px}.z-live .live-content .live-left .info-box .league .box_bottom{color:hsla(0,0%,100%,.6);text-align:center;padding-top:2px;padding-bottom:9px}.z-live .live-content .live-left #iframe2{background:#343434}.z-live .live-content .live-right{width:273px;position:relative}.z-live .live-content .analyst-box{position:absolute;left:287px;box-shadow:0 1px 1px #e0dede;width:273px;background-color:#f7f7f7}.z-live .live-content .analyst-box .up{position:relative}.z-live .live-content .analyst-box .up .xiaoxin{position:absolute;top:6px;right:20px;z-index:100}.z-live .live-content .analyst-box .down{background-color:#f7f7f7;height:120px;padding:0 8px 0 12px;border:1px solid #eee;border-bottom-width:0}.z-live .live-content .analyst-box .down .down-one{padding:8px 0 5px 0}.z-live .live-content .analyst-box .down .down-one .analyst-name{font-size:18px;color:#e84e2b;font-weight:550;margin-right:24px}.z-live .live-content .analyst-box .down .down-one .analyst-wechar{font-size:14px;color:#3f3f3f}.z-live .live-content .analyst-box .down .down-one .weixin{padding-right:2px;font-size:13px;color:#3f3f3f}.z-live .live-content .analyst-box .down .down-one .weixinicon{font-size:29px;color:#03c262;vertical-align:middle}.z-live .live-content .analyst-box .down .down-two{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.z-live .live-content .analyst-box .down .down-two .describe,.z-live .live-content .analyst-box .down .down-two .jianjie{line-height:18px;color:#a8a8a8;font-size:12px}.z-live .live-content .analyst-box .down .down-three{line-height:24px;margin-top:5px}.z-live .live-content .analyst-box .down .down-three .hornicon{color:red;font-size:17px;vertical-align:middle;margin:0 15px 0 5px}.z-live .live-content .analyst-box .down .down-three .horn{color:#fff;font-size:13px;background-color:#e84e2b;padding:1px 5px}.z-live .live-content .upgradeShow{display:none;text-align:center;height:445px;background:#fff;margin-top:6px}.z-live .live-content .upgradeShow img{width:120px;margin-top:130px;margin-bottom:20px}.z-live .live-content .upgradeShow span{font-size:16px;font-weight:700;font-family:cursive;padding-left:5px;color:#656363}.z-live .live-content .char-box{border:1px solid #eee;height:519px;display:flex;flex-direction:column}.z-live .live-content .char-box ::-webkit-scrollbar{width:6px;height:16px;background-color:transparent}.z-live .live-content .char-box ::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.z-live .live-content .char-box ::-webkit-scrollbar-thumb{border-radius:6px;background-color:#e4e4e4}.z-live .live-content .char-box .title{text-align:center;flex-basis:30px;line-height:30px;padding:0 15px;color:#c1c0c0;font-size:14px;background-color:#fff;border-width:0 0 1px 0;border-style:solid;border-color:#eee}.z-live .live-content .char-box .title .chatname{color:#f43e50;font-size:13px;float:left;display:inline-block;vertical-align:middle;margin-top:-1px}.z-live .live-content .char-box .title .chatname span{display:inline-block;line-height:normal;vertical-align:middle}.z-live .live-content .char-box .title .chatname span:nth-child(2){max-width:81px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.z-live .live-content .char-box .title .chatname img{vertical-align:middle}.z-live .live-content .char-box .title .count{float:right}.z-live .live-content .char-box .title .count i{vertical-align:middle}.z-live .live-content .char-box .msg-list{flex:1;position:relative}.z-live .live-content .char-box .msg-list>div{padding:8px 5px 8px 18px;background:#f6f8fd;font-size:12px}.z-live .live-content .char-box .msg-list .follow{background:#fff;border-bottom:1px solid #ededed;overflow:hidden;padding:5px 15px 6px 11px;cursor:pointer}.z-live .msg-list .follow .anchor{float:left}.z-live .msg-list .follow .anchor>img{width:36px;height:36px;border-radius:50%;vertical-align:middle;margin-right:8px}.z-live .msg-list .follow .anchor>span{display:inline-block;vertical-align:middle;width:134px;padding-top:2px}.z-live .msg-list .follow .anchor .name{display:inline-block;width:134px;font-size:15px;line-height:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.z-live .msg-list .follow .anchor .wx{display:inline-block;font-size:12px;color:#898888;margin-top:3px;margin-left:-2px;white-space:nowrap}.z-live .msg-list .follow .anchor .wx img{width:15px;vertical-align:middle;margin-right:2px}.z-live .msg-list .follow .follow_btn{width:59px;height:24px;float:right;border:1px solid #e84d5b;color:#e84d5b;border-radius:12px;text-align:center;line-height:20px;margin-top:6px;cursor:pointer}.z-live .msg-list .follow .follow_btn.active{border:1px solid #999;color:#999;line-height:23.5px}.z-live .msg-list .follow .follow_btn .follow_add{font-size:16px;font-weight:700;padding-right:2px}.z-live .msg-list .follow .follow_msg{position:absolute;top:50%;left:50%;transform:translateX(-50%);background:rgba(18,18,18,.4);padding:10px 20px;color:#fff;border-radius:18px;font-size:14px;z-index:10}.z-live .msg-list .follow .wx_qrcode{position:absolute;top:50px;left:5px;background:#fff;z-index:1;padding:15px;box-shadow:0 0 19px 1px rgba(51,51,51,.26);text-align:center;color:#333}.z-live .msg-list .follow .wx_qrcode img{width:84px}.z-live .msg-list .follow .wx_qrcode .wx_qrcode_title{line-height:15px;margin-top:5px}.z-live .msg-list .follow .wx_qrcode:before{content:"";display:inline-block;position:absolute;width:11px;height:11px;box-shadow:0 0 4px 0 rgba(68,68,68,.3);transform:rotate(-45deg) translate(-50%,-50%) skew(6deg,6deg);background:#fff;top:-6px;left:50%}.z-live .msg-list .follow .wx_qrcode:after{content:"";display:inline-block;position:absolute;top:-16px;left:24%;width:30px;height:9px;background:#fff;transform:translate(7px,16px)}.z-live .live-content .char-box .msg-list .per-content{position:absolute;overflow-y:scroll;left:0;top:76px;right:0;bottom:0;margin:6px 0 5px 12px}.z-live .live-content .char-box .msg-list .per-content li .identify{line-height:18px;float:left;font-size:12px;background:#ffd874;color:#fff;border-radius:5px;width:46px;text-align:center;margin-right:5px}.z-live .live-content .char-box .msg-list .per-content li{font-size:14px;line-height:18px;margin-bottom:5px;color:#333}.z-live .live-content .char-box .msg-list .per-content li.enter{color:#ffa200}.z-live .live-content .char-box .msg-post{flex-basis:65px;border-width:1px 0 0 0;border-style:solid;border-color:#eee;position:relative}.z-live .live-content .char-box .msg-post textarea{width:100%;height:60px;outline:none;resize:none;border:0;padding:10px 12px}.z-live .live-content .char-box .msg-post .say-btn{padding:0 10px;height:28px}.z-live .live-content .char-box .msg-post .say-btn i,.z-live .live-content .char-box .msg-post .say-btn img{float:left;cursor:pointer}.z-live .live-content .char-box .msg-post .say-btn>img{margin-right:10px}.z-live .live-content .char-box .msg-post .say-btn .shield{position:absolute;bottom:-40px;left:0;color:#fff;background:rgba(0,0,0,.7);border-radius:5px;white-space:nowrap;z-index:200}.z-live .live-content .char-box .msg-post .say-btn .shield>div{font-size:14px;padding:3px 10px;line-height:30px;cursor:pointer}.z-live .live-content .char-box .msg-post .say-btn .shield>div.yk{border-bottom:1px solid hsla(0,0%,100%,.4)}.z-live .live-content .char-box .msg-post .say-btn .shield>div i{width:16px;height:16px;border:1px solid #e5e5e5;border-radius:50%}.z-live .live-content .char-box .msg-post .say-btn .shield>div img{vertical-align:middle;margin-top:7px}.z-live .live-content .char-box .msg-post .say-btn>i.active{color:#e84d5d}.z-live .live-content .char-box .msg-post .say-btn .shield>div i,.z-live .live-content .char-box .msg-post .say-btn .shield>div span{display:inline-block;vertical-align:middle}.z-live .live-content .char-box .msg-post .say-btn .shield:before{content:"";width:0;height:0;position:absolute;top:-16px;left:8%;border:8px solid rgba(0,0,0,.7);border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.z-live .live-content .char-box .msg-post .say-btn .face-btn{font-size:22px;margin-top:8px;color:#c1c1c6;cursor:pointer}.z-live .live-content .char-box .msg-post .say-btn .face-btn:hover{color:#ffa03b}.z-live .live-content .char-box .msg-post .say-btn .submit-btn{text-align:center;text-decoration:none;width:63px;height:25px;line-height:25px;background-color:#ffa03b;border-radius:25px;color:#fff;font-size:14px;cursor:pointer;float:right}