@charset "utf-8";
.video{ width:100%; background-color:#292929;}
.videoImg{ position:relative; width:100%; background-color:#292929; }
.videoImg img{ display:block; width:100%;}
.video-t{ padding:10px; line-height:24px; font-size:16px; background-color:#fff;}
.guest{ display:block; font-size:12px; color:#999;}
.video-t p{ padding:10px 0 0 0; line-height:20px; font-size:12px; color:#999;}
.v-t{ padding:10px; font-size:16px;}
.v-t span{ display:inline-block; width:6px; height:15px; margin-right:5px; vertical-align:-2px; background-color:#6a95f8;}
.vlist{ width:100%; overflow:hidden; padding:0 0 30px 0; }
.vdcell{ float:left; width:50%; padding:0 1px; margin-bottom:10px; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.vdimg{ display:block;  width:100%;}
.vdcell p{ padding:6px 10px 8px 10px; line-height:18px; font-size:11px; color:#aaa; }
.vdcell p a{ display:block; height:40px; overflow:hidden; font-size:14px; line-height:20px; color:#333;}
.vdcell .vdpic{ display:block; padding-bottom:4px;}
.vdcurr .vdpic{ display:block; padding-bottom:0px; border:2px solid #bb0000; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.vdcurr p a{ color:#c82626;}
.vico{ position:absolute; display:block; left:50%; top:50%; margin-top:-25px; margin-left:-25px; width:50px; height:50px;}
.vico .vpic{ position:absolute; z-index:2; display:block; width:50px; height:50px; background:url(../images/play.png) no-repeat center center; background-size:22px;}
.vico .vbg{ position:absolute; z-index:1; display:block; width:50px; height:50px; background-color:#323b4c; opacity:.9;border-radius:8px;}

/*----------------------------------------*/
.live-header{ position:fixed; top:0; left:0; width:100%; height:45px; z-index:45; color:#fff;}
.live-ret{ display:block; float:left; width:45px; height:45px; background:url(../images/ret-white-live.png) no-repeat center center; background-size:11px;}
.live-play{position:relative; width:100%;}
#playvd{ width:100%; background-color:#292929;}
.live-wrap{width:100%; background-color:#fff;}
.live-col{ width:100%; height:40px; line-height:40px; background-color:#fff;}
.live-col span{ display:block; float:left; width:25%; text-align:center; font-size:16px;}
.live-col .live-curr{ height:36px; padding-top:2px; line-height:36px; color:#ac1630; border-bottom:2px solid #ac1630;}
.live-share{ display:block; float:right; width:45px; height:45px; background:url(../images/share_white.png) no-repeat center center; background-size:23px;}
.live-block{ padding:20px 10px; font-size:18px; line-height:30px; color:#555;}
.guestSay{ width:100%; padding:0 40px 12px 10px; box-sizing:border-box; overflow:hidden;}
.guestSay dt{ font-size:11px; color:#777; padding-bottom:8px; }
.guestSay dt span{ display:inline-block; padding-left:12px; color:#aaa;}
.guestSay dd{ float:left; position:relative; padding:7px 10px; background-color:#f6f7f8; border:1px solid #f1f1f1; line-height:20px; border-radius:6px;}
.fypoint{ display:block; position:absolute; top:-12px; left:20px; z-index:5; width:0; height:0; line-height:0; border-style:dashed dashed solid dashed; border-color:transparent transparent #ebebeb transparent; border-width:6px;}
.fypoint i{ display:block; position:absolute; top:-5px; left:-6px; z-index:5; width:0; height:0; line-height:0; border-style:dashed dashed solid dashed; border-color:transparent transparent #f6f7f8 transparent; border-width:6px;}
.meSay{ width:100%; padding:0 10px 12px 40px; box-sizing:border-box; overflow:hidden;}
.meSay dt{ font-size:11px; color:#777; padding-bottom:8px; text-align:right;}
.meSay dd{ float:right; position:relative; padding:7px 10px; background-color:#eaf1ff; border:1px solid #dce5f7; line-height:20px; border-radius:6px;}
.fypoint-me{ display:block; position:absolute; top:-12px; right:20px; z-index:5; width:0; height:0; line-height:0; border-style:dashed dashed solid dashed;border-color:transparent transparent #d1def5 transparent;border-width:6px;}
.fypoint-me i{ display:block; position:absolute; top:-5px; right:-6px; z-index:5; width:0; height:0; line-height:0; border-style:dashed dashed solid dashed; border-color:transparent transparent #eaf1ff transparent; border-width:6px;}
.meSay dt span{ display:inline-block; padding-right:12px; color:#aaa;}
.speaking{ width:100%; height:45px;}
.fixSpeak{ position:absolute; bottom:0; left:0; z-index:100; width:100%; background-color:#fff;}
.speakWrap{ padding:7px 10px; height:31px;}
.writeCol{ position:relative; height:31px; margin-right:50px; padding:0 40px 0 36px; line-height:31px; background:#f1f2f3 url(../images/write.png) no-repeat 10px center; background-size:14px; border-radius:3px;}
.writeCol input{ width:100%; height:30px; border:0; background-color:transparent; font-size:14px;}
.offical dt{ color:#ac1630; }
.offical dd{color:#ac1630;  border:1px solid #f7e9ec; background-color:#fef3f5}
.fypoint-o{ display:block; position:absolute; top:-12px; left:20px; z-index:5; width:0; height:0; line-height:0; border-style:dashed dashed solid dashed; border-color:transparent transparent #f2dee2 transparent; border-width:6px;}
.fypoint-o i{ display:block; position:absolute; top:-5px; left:-6px; z-index:5; width:0; height:0; line-height:0; border-style:dashed dashed solid dashed; border-color:transparent transparent #fef3f5 transparent; border-width:6px;}
.live-photo img{ display:block; width:100%;}
.live-txt{ padding:15px 10px; line-height:26px; font-size:16px;}
.live-txt p{ padding-bottom:10px;}
.input-cond{position:absolute; top:0; left:0; width:100%; overflow:auto; -webkit-overflow-scrolling : touch;}
.release{ float:right; width:40px; text-align:center; line-height:31px; color:#4588d4; font-size:15px; font-weight:bold;}
.viewer-num{ height:30px; line-height:30px; font-size:12px; color:#fff; padding:0 10px; text-align:right; background-color:#222;}
.viewer-num i{ display:block; float:right; width:21px; height:31px;  background:url(../images/user.png) no-repeat 0 6px; background-size:15px; opacity:.8; }
.viewer-num span{ display:block; float:right; line-height:31px;}
.livebody{ position:relative;width:100%; overflow:hidden; }
.livescroll{position:absolute; width:100%;  height:100%; left:0;  z-index:1;}
.facebox{ display:none; width:100%; padding:10px 0; height:170px; overflow:hidden;}
.faceCell{ width:14.2857%; float:left; height:50px; text-align:center;}
.showFace{ display:block; position:absolute; top:0; right:0; width:40px; height:30px; background:url(../images/face.png) no-repeat center center; background-size:22px;}
.showkeybd{ background:url(../images/keyboard.png) no-repeat center 4px; background-size:22px;}
.faceCell img{ width:36px; margin:0 auto;}
@media screen and ( max-width:350px){
.faceCell img{ width:30px; margin:0 auto;}
.facebox{ height:155px;}
.faceCell{ height:45px;}
}
.slick-dots{ bottom:9px;}

.livemask{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
}
.live-block img{display:block;max-width:100%;margin:0 auto;}

.tipMask{ position:absolute; z-index:2000; display:none; left:0; top:0; bottom:0; width:100%; height:100%; background-color:#000; -webkit-opacity:.9; opacity:.9;}
.play-tip{ position:absolute;z-index:2006; display:none; top:50%; width:100%; margin-top:-39px; text-align:center; color:#fff;}
.play-tip p{ padding-bottom:20px; font-size:18px; font-family:"Microsoft Yahei";} 
.refresh-v{ padding:10px 0; width:120px; margin:0 auto; font-size:16px; text-align:center; background-color:#2057b3; color:#fff;  font-family:"Microsoft Yahei"; border-radius:3px; cursor:pointer;}