@charset "utf-8";
.video_module{ background:#f0f0f0;}
.video_module .addBg{ background:#fff; overflow:hidden; margin-top: 10px;}
.video_module .spe_bd{ border-bottom:1px solid #bcbcbc; margin:12px 8px;}
.video_module .spe_bd h3{ border-bottom:2px solid #2fa2e3; margin-bottom:-1px; display:inline-block; *display:inline;zoom: 1;padding-bottom: 7px; font-size: 18px; color:#2fa2e3; padding:0 10px 7px 10px}
.video_module .box{ position:relative; width:1172px;}
.video_module .bd { text-indent:68px;}
.video_module .bd .spe_img{ text-align:center; width:68px; position:absolute; left:0; top:0; line-height:50px; display:table-cell; vertical-align:middle; *display:block; *font-size:43.65px; *font-family:"Arial"; text-indent:0; text-align:center}
.video_module .bd span a{ margin-left:20px;font-size: 12px;}
.video_module .bd .spe_img img{ vertical-align:middle}
.video_module .L{ float:left; width:843px;}
.video_module .L1{ margin-left:10px; background:#fff ;padding-left: 11px;padding-right: 11px; overflow:hidden;margin-bottom: 10px;}
.video_module .L1 p.title{ display:block; border-bottom: 1px solid #dadada;font-size: 18px; color:#138ae6; line-height:34px; padding-top: 5px; height:38px;margin-bottom: 4px;}
.video_module .L1 p.title img{padding-right: 15px;}
.video_module .L1 .Lm{ float:left; width:539px;}
.video_module .L1 .Lm .rec_focus{ width:539px; height:303px; position:relative; margin-bottom:16px;}
.video_module .L1 .Lm .rec_focus img{ width:539px; height:303px;}
.video_module .L1 .Lm .rec_focus .cover{ position:absolute; left:0; bottom:0;z-index:1; width:100%}
.video_module .L1 .Lm .rec_focus .cover p{font-size: 18px; color:#ffffff; line-height:34px; text-indent:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.video_module .L1 .Lm .rec_focus .cover .bg{ position:absolute; left:0; height:100%; width:100%; top:0; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:-1}
.video_module .L1 .Lm ul li{ margin-bottom:2px;}
.video_module .L1 .Lm ul li a{ display:block; background:#c4e2f9; text-indent:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;font-size: 13px; color:#3f3f3f; line-height:44px;}
.video_module .L1 .Lm ul li a:hover{ background:#60baff;}
.video_module .L1 .Rm{ float:right; width:265px;}
.video_module .L1 .Rm .list_video ul{ margin-bottom:-5px;}
.video_module .L1 .Rm .list_video ul li{ margin-bottom:11px;}
.video_module .L2{background:#fff;padding-top: 35px;padding-left: 10px;margin-bottom: 10px;}
.video_module .L2.spe{padding-top: 10px;}
.video_module .R{ width:306px; float:right}
.video_module .R .R1,.video_module .R .R2,.video_module .R .R3,.video_module .R .R4{ background:#fff; overflow:hidden;margin-top: 10px;}


.video_module .R .blue_bd{height:50px; line-height:50px; background:#138ae6;margin-top: 9px;}
.video_module .R .blue_bd h2{ font-size:16px; text-indent:20px; color:#fff}
.video_module .R .yellow_bd{height:50px; line-height:50px; background:#ffd71e;margin-top: 9px;}
.video_module .R .yellow_bd h2{ font-size:16px; text-indent:20px; color:#1e1e1e}
.video_module .R .red_txt{ background:#fff; padding-top: 10px; margin-bottom:10px;}
.video_module .R .red_txt ul li{ border-bottom: 1px solid #e5e5e5; position:relative; min-height:101px; _height:101px; padding-top: 40px;}
.video_module .R .red_txt .Match_title{ position:absolute; left:0; top: 0;}
.video_module .R .red_txt .Match_title h3{ background:#b3b5bf url(https://www.zhibo.tv/images/index/match_bg.png) right top no-repeat; height:20px; line-height:20px; text-indent:20px; color:#fff; font-size:12px; padding-right:28px;}
.video_module .R .red_txt .Match_title .live{ background:#6db027 url(https://www.zhibo.tv/images/index/match_live.png) right top no-repeat; padding-right: 56px;}
.video_module .R .red_txt ul li img{ width:50px; height:50px; display:block; margin:0 auto 5px; border:1px solid #e5e5e5; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.video_module .R .red_txt ul li{ font-size:0; text-align:center}
.video_module .R .red_txt ul li p{ display:inline-block;*display: inline; zoom: 1; vertical-align: top; width:85px;font-size: 14px; color:#202742; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center}
.video_module .R .red_txt ul li .gclogo {width:auto;}
.video_module .R .red_txt ul li b{display:inline-block;*display: inline; zoom: 1; vertical-align: top; width:50px; text-align:center; color:#202742; font-size: 14px; height:49px; line-height:49px;}
.video_module .R .red_txt ul li .btn{ width:90%; position:absolute; bottom:10px; left:5%; background:#b00008; height:40px; line-height:40px; text-align:center; font-size: 16px; color:#fff; display:none;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.video_module .R .red_txt ul li .btn:hover{ background:#d7000a}
.video_module .R .red_txt ul li .btn a{ color:#fff; display:block; height:40px;}
.video_module .R .red_txt ul li .btn a.on{ background:#00991f}
.video_module .R .red_txt ul li:hover .btn{ display:block}
.video_module .R .red_bd{ background:#b00008; height:50px; line-height:50px;}
.video_module .R .red_bd h2{ font-size:16px; text-indent:20px; color:#fff }
.video_module .R .red_bd ul li{ float:left; margin-left:18px; margin-right:30px;font-size: 18px; color:#6f0003;cursor: pointer;}
.video_module .R .red_bd ul li.active{ color:#fff}
.video_module .R .txt_module{ background:#fff}
.video_module .R .txt_module .tab_select{ text-align:center;font-size: 0; margin:0 5px; border-bottom: 1px  solid #e5e5e5; padding:10px 0; overflow:hidden}
.video_module .R .txt_module .tab_select ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:middle; margin:0 5px;font-size: 12px; color:#a3a3a3;cursor: pointer; padding:8px 14px; line-height:1; margin:0 10px; vertical-align:top}
.video_module .R .txt_module .tab_select ul li.on{ color:#fff; background:#b00008;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/*视频列表*/
.list_video{ overflow:hidden}
.list_video ul {font-size: 0; position:relative; width:101%}
.list_video ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:top;margin-bottom: 14px;margin-right: 12px; width:266px;}
.list_video ul li img{ width:266px; height:150px;}
.list_video ul li p{ position:relative; margin-right: 120px;font-size: 12px; line-height:26px;}
.list_video ul li p em.title{ font-style:normal; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; color:#6a6a6a}
.list_video ul li:hover p em.title{ color:#138ae6}
.list_video ul li p s{ position:absolute; right:-120px; color:#138ae6; width:120px;text-align: right; text-decoration:none; top:0}

/*排行榜列表*/
.top_list{overflow:hidden}
.top_list ul{ position:relative; margin-bottom:-1px; padding:0 8px;}
.top_list ul li{ border-bottom: 1px solid #dadada; padding-top:20px; padding-left:29px; height:45px; position:relative; vertical-align:top}
.top_list ul li i{ position:absolute; left:8px; bottom:11px; width:21px; height:21px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; display:block; background:#b00008;font-weight: 700; text-indent:5px; line-height:20px; color:#fff;font-size: 14px;}
.top_list ul li p{ font-size: 14px; color:#535353; padding-left:16px;display:inline-block; *display:inline;zoom: 1; vertical-align:bottom;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:182px;}
.top_list ul li .view{ position:absolute; right:0; bottom:14px;background:url(/images/video/cir.png) left center no-repeat; padding-left:15px; width:42px; overflow:hidden;font-size: 12px; color:#535353}
.top_list ul li .title{ }
.top_list ul li div{ padding-right:60px; overflow:hidden;zoom: 1;font-size: 0; white-space:nowrap; line-height:45px;}
.top_list ul li img{ width:0px; height:0px;cursor: pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display:inline-block; *display:inline;zoom: 1; vertical-align:bottom; }
.top_list ul li.hover{ padding-top:8px; padding-left:27px; height:66px; padding-bottom:8px;}
.top_list ul li.hover i{ width:29px; height:29px; left:4px; bottom:8px; line-height:29px;font-size: 18px; text-indent:8px;}
.top_list ul li.hover p{ width:84px;}
.top_list ul li.hover img{ max-width:109px; max-height:61px; object-fit:cover}
.top_list ul li.hover div{ line-height:normal}
.top_list ul li.hover .view{ bottom:7px;}
.top_list ul.yellow i{ background:#ffd71e}
.top_list ul.yellow .view{ background-image:url(/images/video/cir2.png);}
/**/
.Anchor_video{ margin-left:10px; background:#fff; overflow:hidden;padding-top: 45px;}
.Anchor_video_tab{ border-bottom:1px solid #d1d1d1; position:relative; height:37px;margin-bottom: 10px; margin-left:20px; margin-right: 21px;}
.Anchor_video_tab ul li{ font-size: 16px; color:#000;cursor: pointer; padding:0 10px;display:inline-block; *display:inline;zoom: 1; vertical-align:top; line-height:36px; height:36px; margin:0 20px;}
.Anchor_video_tab ul li.on{border-bottom: 2px solid #138ae6; margin-bottom:-1px; position:relative; color:#138ae6}
.Anchor_video_tab .upload_btn{ position:absolute; right:0px; top:0; background:#138ae6; width:112px; height:30px;cursor: pointer; text-align:center; line-height:30px; font-size: 16px; color:#fff;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s;}
.Anchor_video_tab .upload_btn:hover{ background:#0065b6}
.Anchor_video .list_video{border-bottom: 1px solid #f2f2f2;}
.Anchor_video .list_video ul{ margin-left:20px; width:101%}
.Anchor_video .list_video ul li{margin-right: 25px;}
.pageModule{ text-align:right;font-size: 0;padding-top: 15px;padding-bottom: 15px;margin-right: 21px;}
.pageModule ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:top; font-size: 16px; text-align:center; line-height:27px; padding-right:3px; overflow:hidden}
.pageModule ul li a{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:27px; height:27px; background:#138ae6;-webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px; margin-left:2px; margin-right: 3px; color:#fff;}
.pageModule ul li a.on{ color:#aaa; border:1px solid #f2f2f2; width:25px; height:25px; line-height:25px; background:#fff;}
.pageModule ul li input{ width:78px; height:25px; border:1px solid #f2f2f2; line-height:25px; margin-left:2px;}
.pageModule ul li span{ display:block; width:27px; height:27px;cursor: pointer; -webkit-border-radius: 3px;
-moz-border-radius: 3px;border-radius: 3px;}
{}
.pageModule ul li.jump {padding-right: 0;}
.pageModule ul li.prev span{background:#138ae6 url(/images/video/prev.png) center no-repeat; }
.pageModule ul li.next span{background:#138ae6 url(/images/video/next.png) center no-repeat;}
.pageModule ul li.jump span{background:#138ae6 url(/images/video/jump.png) center no-repeat;}
/*视频弹层*/
.upload_video_cover{ width:546px; height:546px; position:fixed; left:50%; top:50%; z-index:20; margin-left:-273px;margin-top:-273px; background:#fff; display:none}
.upload_video_cover em.title{ font-style:normal; display:block; text-indent:36px;font-size: 17px; height:50px; line-height:49px; background:#138ae6; color:#fff}
.upload_video_cover .close{ width:20px; height:20px; position:absolute; right:13px; cursor: pointer; top:15px; background:url(/images/video/close.png) center no-repeat}
.upload_video_cover p.war_txt{ font-size: 15px; color:#138ae6; padding:15px 30px;border-top: 1px solid #efefef;}
.upload_video_cover dt{ float:left; width:94px; text-align:right; font-size: 15px; color:#3f3f3f}
.upload_video_cover dd{ margin-left:107px; margin-bottom:14px; text-indent:0 !important}
.upload_video_cover dd input{ background:#e6e6e6; height:36px; line-height:36px; vertical-align:top; padding-left: 10px; width:262px;}
.upload_video_cover dd input.btn{ background:#138ae6; text-align:center; color:#fff;-webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; cursor: pointer; text-indent:0; width:114px; line-height:normal}
.upload_video_cover dd input.btn:hover{ background:#0065b6}
.upload_video_cover dd input.btn.spe{ width:386px;margin-top: 10px;}
.upload_video_cover dd input.spe{ width:386px;}
.upload_video_cover dl{ line-height:36px;margin-top: 24px;padding-bottom: 48px; position:relative;}
.upload_video_cover dl p.war{ position:absolute; color:#138ae6; bottom:12px; left:0; width:100%; text-align:center}
.upload_video_cover .select{ position:relative; width:180px; white-space:nowrap; z-index:1}
.upload_video_cover .select p{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:170px; background:#e6e6e6; line-height:36px; height:36px;padding-left: 10px;}
.upload_video_cover .select s{display:inline-block; *display:inline;zoom: 1; vertical-align:top; width:49px; height:36px; background:url(/images/video/selectbg.png) left center no-repeat; cursor: pointer; position:relative}
.upload_video_cover .select i{ background:url(https://www.zhibo.tv/images/triangle.png) left -8px no-repeat; display:block; width:16px; height:8px; top:50%; left:50%; margin-left:-10px; margin-top:-4px; position:absolute}
.upload_video_cover .select ul{ position:absolute; left:0; top:36px; width:178px; background:#fff; border:1px solid #e6e6e6; display:none; z-index:2;height:112px; overflow-x:hidden; overflow:auto}
.upload_video_cover .select ul li{cursor: pointer; text-indent:10px; line-height:28px;font-size: 14px;}
.upload_video_cover .select ul li:hover{ color:#138ae6; background:#e6e6e6}
.upload_video_cover .select.on{ z-index:3}
.upload_video_cover .select.on ul{ display:block; z-index:4}
.upload_video_cover .select.on i{ background-position: left top;}
.tools_content .list_video {padding-top: 25px;}
.tools_content .list_video ul li{ margin-left:34px; margin-right:0}
.tools_content .pageModule{ margin-left:34px; margin-right: 34px;border-top: 1px solid #e2e2e2;}
/**/
.video_play{ }
.video_play .box{ width:1172px; margin:0 auto; position:relative}
.video_play em.title{ font-style:normal; display:block; font-size:20px; color:#fff; height:57px; line-height:56px; background:none; text-indent:14px;}
.video_play .video_show_module{box-shadow:0 0 5px #1a284c; height:500px;}
.video_play .video_show{ width:808px; height:500px; background:#000; float:left}
.video_play .video_show .videoInfo{ background:#fff; height:46px; position:relative;}
.video_play .video_show .shareWay{float:left;font-size: 15px; padding-left:15px; color:#999;cursor: pointer;}
.video_play .video_show .shareWay > i{ background:url(/images/video/share.png) left center no-repeat; padding-left:22px;font-style: normal; line-height:46px; display:block}
.video_play .video_show .shareBox{ display:none; position:absolute; z-index:2; left:0; top:50px;}
.video_play .video_show .videoInfo .videoVote{ float:right; color:#999}
.video_play .video_show .videoInfo .videoVote p{ float:left; font-size: 12px; height:16px;margin-top: 15px;}
.video_play .video_show .videoInfo .videoVote .playNum{ background:url(/images/video/icon8.png) left center no-repeat; padding-left:18px;padding-right: 6px; border-right:1px solid #c9c9c9; margin-right:6px;}
.video_play .video_show .videoInfo .videoVote .likeNum{ background:url(/images/video/icon10.png) left center no-repeat; padding-left:18px; margin-right:6px;cursor: pointer;}
.video_play .video_show .videoInfo .videoVote .likeNum:hover,.video_play .video_show .videoInfo .videoVote .likeNum.on{ background-image:url(/images/video/icon9.png);}
.video_play .video_show .videoInfo .videoVote .js-roomReport{ cursor: pointer; padding-left:6px; border-left:1px solid #c9c9c9;padding-right: 6px;}
.video_play .video_show .videoInfo .videoVote .js-roomReport:hover{ color:#000}

.video_play .video_show #altContent{ width:100%; height:0; padding-bottom:56.25%; position:relative}
.video_play .video_show #altContent > div{ position:absolute !important; width:100% !important; height:100% !important;}
.video_play .video_concerned{ width:364px; float:right; height:500px; overflow:hidden; background:#000000}
.video_play .video_concerned .tab{ height:51px; background:#131313; text-align:center; font-size: 0;}
.video_play .video_concerned .tab ul li{display:inline-block; *display:inline;zoom: 1; vertical-align:top; padding:0 30px; margin:0 30px;cursor: pointer;font-size: 15px; color:#878787; line-height:44px;}
.video_play .video_concerned .tab ul li.on{ color:#fff;border-bottom: 3px solid #138ae6;}
.video_play .video_concerned .mCSB_inside > .mCSB_container{margin-right: 0;}
.video_play .video_concerned .mCSB_scrollTools{ width:6px;}
.video_play .video_concerned .list{ overflow:hidden; position:relative; height:404px}
.video_play .video_concerned .list ul li{ margin:0 1px 3px; cursor: pointer; padding:5px 8px; background:#000;font-size: 15px; color:#fff; overflow:hidden; vertical-align:top}
.video_play .video_concerned .list ul li.on{ background:#444;}
.video_play .video_concerned .list ul li .cover{ width:158px; float:left; height:88px; display:table-cell; line-height:88px; *display:block; *font-family:Arial; *font-size:76.824px; margin-right:16px; overflow:hidden}
.video_play .video_concerned .list ul li .cover img{ max-width:158px; vertical-align:middle}
.video_play .video_concerned .list ul li dl{ overflow:hidden;zoom: 1; display:block}
.video_play .video_concerned .list ul li dl dt{font-weight: 700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-bottom: 10px;margin-top: 5px;}
.video_play .video_concerned .list ul li dl dd{ }
.video_play .video_concerned .list ul li dl dd p{padding-top: 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.video_play .video_concerned .list ul li dl dd p img{ vertical-align:middle;margin-right: 5px;margin-bottom: 3px;}
.video_play .video_concerned .list ul li dl dd p i{font-style: normal; padding-left:20px; width:62px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.video_play .video_concerned .list ul li dl dd p i.i1{ background:url(/images/video/icon6.png) left center no-repeat; float:left}
.video_play .video_concerned .list ul li dl dd p i.i2{ background:url(/images/video/icon7.png) left 70% no-repeat; float:right}
.video_play .video_info{ height:62px; background:#fff; position:relative; border-bottom:1px solid #cfcfcf;margin-top: 25px;}
.video_play .video_info .user_head{ width:40px; height:40px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; border:4px solid #ccc; vertical-align:middle;margin-right: 10px; float:left}
.video_play .video_info .L{ padding-right: 230px; font-size: 14px; color:#7d7d7d; height:48px; padding-top: 7px;}
.video_play .video_info .L dl{ overflow:hidden;zoom: 1; display:block; line-height:22px;}
.video_play .video_info .L dt{ white-space:nowrap;  width:100%; overflow:hidden; text-overflow:ellipsis;display:inline-block; *display:inline;zoom: 1; vertical-align:middle; line-height:26px; color:#333}
.video_play .video_info .L dd{font-size: 12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
.video_play .video_info .L span.i1{ background:url(/images/video/icon8.png) left center no-repeat;padding-left: 25px;padding-right: 10px;}
.video_play .video_info .L span.i2{ background:url(/images/video/icon10.png) left center no-repeat;padding-left: 25px;cursor: pointer;}
.video_play .video_info .L span.i2:hover,.video_play .video_info .L span.i2.on{ background-image:url(/images/video/icon9.png);}
.video_play .video_info .R{ position:absolute; right:0; top:50%; white-space:nowrap; margin-top:-18px; line-height:36px;}
.video_play .video_info .R .fans{ color:#a0a0a0;font-size: 12px; padding-right: 10px; float:left}
.video_play .video_info .R .fans span{padding-right: 5px;}
.video_play .video_info .R .Subscribe{ width:90px; height:35px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; background:#138ae6; overflow:hidden; line-height:36px; color:#fff; -webkit-transition: all linear 0.2s;-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;transition: all linear 0.2s; text-align:center;cursor: pointer;}
.video_play .video_info .R .Subscribe:hover{ opacity:0.8}
.video_play .video_info .R .Subscribe.done{ background:#ccc}
.video_play .video_info .R .useAPP{ display:none;  position:relative; background:#fff; height:40px; padding-left:6px;}
.video_play .video_info .R .useAPP span{ display:inline-block; *display:inline;zoom: 1; vertical-align:top; font-size: 0.75em; color:#fff; text-align:center; padding:0px 10px; background:#138ae6;cursor: pointer;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height:30px;line-height:30px;}
.video_play .video_info  .prompt_downAPP{ position:absolute; left:0; top:63px; border:1px solid #cfcfcf; background:#fff; width:100%; z-index:18; box-sizing:border-box; line-height:normal; display:none}
.video_play .video_info  .prompt_downAPP p{ text-align:center; margin:0 4%;font-size: 1em; color:#666; padding:5px 0}
.video_play .video_info  .prompt_downAPP .btn_group{ text-align:center; margin-bottom:5px;}
.video_play .video_info  .prompt_downAPP .btn_group .btn{ width:116px;display:inline-block; *display:inline;zoom: 1; vertical-align:top; margin:0 15px; text-align:center; line-height:26px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.video_play .video_info  .prompt_downAPP .btn_group .jump{  background:#138ae6; color:#fff; padding:2px;}
.video_play .video_info  .prompt_downAPP .btn_group .jump a{ color:#fff; display:block;}
.video_play .video_info  .prompt_downAPP .btn_group .close{ border:2px solid #cfcfcf; color:#ccc}

.video_module .Anchor_list{ width:auto; background:#fff;0}
.video_module .Anchor_list .enter_area {margin-top: 0;}
.video_module .Anchor_list .mes_list{padding-bottom: 0;}
/**/
.mes_list_new .list{ margin-bottom:20px; height:307px; overflow:hidden; position:relative}
.mes_list_new ul{ margin: 0 50px;}
.mes_list_new li{ border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; position:relative; padding-left:32px; padding-top: 10px; padding-bottom:10px;}
.mes_list_new li.spe{ border-bottom: none;}
.mes_list_new li b{ background:url(https://www.zhibo.tv/images/user_center/user_icon.png) left -231px no-repeat; width:31px; height:35px; position:absolute; left:-16px; top:10px; display:block}
.mes_list_new li p.name{ font-size:14px; color:#000;font-weight: 700;}
.mes_list_new li p.text{ font-size:14px; color:#333; line-height:30px; padding-bottom:5px; word-break:break-all}
.mes_list_new li p.text img{ padding:0 1px;vertical-align:middle}
.mes_list_new li p.text img.js-picture{ display:block; max-width:90%; padding:5px 0;}
.mes_list_new li p.text a.attZB{ color:#FF0099;}
.mes_list_new li .other_info{ position:relative; font-size:12px;}
.mes_list_new li .other_info p{ right:0; top:0; position:absolute;  font-size:12px; color:#666666}
.mes_list_new li .other_info p em{font-weight: 400;font-style: normal;font-family:Simsun; padding:0 5px; color:#d5ccd5}
.mes_list_new li .other_info p span { cursor: pointer;}
.mes_list_new li .other_info .date{ color:#888484}
.mes_list_new li .other_info p span i{ font-style: normal; color:#ff0099;}
.mes_list_new li .reply{ background:#f8f8f8; border:1px solid #e8e8e8; padding:10px; font-size:12px; margin-bottom:10px;}
.mes_list_new li .reply p.name{ color:#f09; float:left;font-weight: 400; font-size:12px; padding-right:5px; line-height:30px;}
.mes_list_new li .reply p.text{ font-size:12px;}
/* 分享弹窗 */
.share-ibox{width:284px;padding: 15px 20px;background-color: #f7f7f7;border:1px solid #ccc;box-shadow:inset 0 1px 0 #ececec;z-index: 12;}
.share-ibox .arrow{position:absolute;top:-8px;left:50%;margin-left:-7px;width:14px;height:9px;background:url(/images/room-icons.png) -380px -780px no-repeat;}
.share-ibox .txt{ padding-bottom:10px;font-size: 14px; color:#333}
.share-ibox #bdshare {height: 32px;margin-bottom: 10px; float:none; margin-left:-10px;}
.share-ibox #bdshare a {display: block;float: left;width: 32px;height: 32px;margin-left: 10px;background-image: url(/images/room-icons.png);background-repeat: no-repeat;}
.share-ibox #bdshare .sina {background-position:left 0 !important;}
.share-ibox #bdshare .sina:hover {background-position:left -35px!important;}
.share-ibox #bdshare .sina:active {background-position:left -70px!important;}
.share-ibox #bdshare .qzone {background-position:-35px 0!important;}
.share-ibox #bdshare .qzone:hover {background-position:-35px -35px!important;}
.share-ibox #bdshare .qzone:active {background-position:-35px -70px!important;}
.share-ibox #bdshare .qq {background-position:-70px 0!important;}
.share-ibox #bdshare .qq:hover {background-position:-70px -35px!important;}
.share-ibox #bdshare .qq:active {background-position:-70px -70px!important;}
.share-ibox #bdshare .txwb {background-position:-105px 0!important;}
.share-ibox #bdshare .txwb:hover {background-position:-105px -35px !important;}
.share-ibox #bdshare .txwb:active {background-position:-105px -70px!important;}
.share-ibox #bdshare .dou {background-position:-140px 0!important;}
.share-ibox #bdshare .dou:hover {background-position:-140px -35px!important;}
.share-ibox #bdshare .dou:active {background-position:-140px -70px!important;}
.share-ibox #bdshare .ren {background-position:-175px 0!important;}
.share-ibox #bdshare .ren:hover {background-position:-175px -35px!important;}
.share-ibox #bdshare .ren:active {background-position:-175px -70px!important;}
.share-ibox #bdshare .tieba{background-position:-210px 0!important;}
.share-ibox #bdshare .tieba:hover{background-position:-210px -35px!important;}
.share-ibox #bdshare .tieba:active{background-position:-210px -70px!important;}
.share-ibox .share-cont {font: 14px/20px microsoft yahei;color: #333;}
.share-ibox .info {margin-bottom: 10px;font-size: 14px;color: #666;}
.share-ibox .area_share {overflow: hidden; border-top:1px solid #ececec; padding-top: 10px;}
.share-ibox .area_share .subtitle {display: inline-block;float: left;width: 80px;height: 27px;text-align: left;}
.share-ibox .area_share .ipt-url {float: left;width: 210px;height: 25px;padding: 0 4px;border: 1px solid #dcdcdc;background-color: #fff;line-height: 25px\9;}
.share-ibox .area_share .copy {float: right;width: 53px;height: 25px;border: 1px solid #dcdcdc;background-color: #fff;font: 12px/25px simsun;color: #666;text-align: center;}
.share-ibox .area_share .copy:hover,.share-ibox .area_share .copy:active {color: #138ae6;}
.share-ibox .share-cont .shareTab{ overflow:hidden; line-height:25px;margin-bottom: 10px;}
.share-ibox .share-cont .shareTab p{ float:left; margin-right:10px; font-size: 12px; color:#333; padding:0 10px; line-height:24px; cursor: pointer;}
.share-ibox .share-cont .shareTab p.active{ color:#fff; background:#138ae6}

/*手机*/
@media screen and ( max-width:640px){
.video_play em.title{ display:none}
.video_play .box{ width:100%;}
.video_play .video_show_module{ height:auto}
.video_play .video_concerned .tab ul{ display:-webkit-box}
.video_play .video_concerned .tab ul li{ -webkit-box-flex:1; padding:0; margin:0; display:block}
.video_play .video_info{ margin-top:0; border-top:1px solid #cfcfcf}
.video_play .video_show{ width:100%; height:calc(56.25vw + 46px)}
.video_play .video_concerned{ width:100%; height:100vw}
.video_play .box video{ vertical-align:top}
.video_play .video_info { border-bottom:none}
.video_play .video_info .L{ padding-left:6px; padding-right:0}
.video_play .video_info .R{ right:6px}
.video_play .video_info .R .line{ display:none}
.video_play .video_info .R .useAPP{ display:block}
.video_play .video_info .R .bdsharebuttonbox,.video_play .video_info .R .fans,.video_play .video_info .R .Subscribe{ display:none}
.video_module{ display:none} 
.video_play .video_info .R{ padding-right:0}
}