@charset "utf-8";
@import url(layout.css);
.video_wrapper{max-width: 640px;margin: 0 auto;overflow: hidden;position: relative;padding-top: 55px;}
.video_cont{ position:relative;}
.video_cont .v_top{ height:50px; width:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0;z-index: 999;}
.video_cont .v_top .back_up{width:30px;height:50px;padding: 0 10px;display:block;float:left;background: url(../images/video/back.png) center no-repeat;background-size:30px;}
.video_cont .v_top span{ display:block; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; height:50px; line-height:50px; color:#fff; font-size:20px;}
.video_cont img{ width:100%; height:auto;display:block}
.video_cont .imglogo{position: absolute;height: 25px;width: 100px;background:url(../images/video/v_logo.png) no-repeat center;background-size: 100px 25px;right: 0.5rem;top: 1.5rem;z-index: 99;}
.v_danmu{ width:100%;height: 35px;padding: 8px 0;position:relative;background:#1c1c1c;}
.v_danmu .fl .danmu{ display:block; width:25px; height:50px; background-size:30px; background:url(../images/video/danmu.png) center no-repeat; }
.v_danmu .fl{ margin-left:10px;}
.v_danmu .danmu_icon{ display:block; height:35px; width:30px; background:url(../images/video/danmu.png) center no-repeat; background-size:30px;}
.v_danmu .danmu_icon_off{ display:block; height:35px; width:30px; background:url(../images/video/tanmu_off.png) center no-repeat; background-size:30px;}

.v_danmu .com_input{margin: 0 100px 0 50px;height:35px;background:#303030;border-radius:40px;padding:0 15px;}
.v_danmu .com_input input[type="text"]{ color:#999; height:35px; width:100%; font-size:16px;background:#303030; }
.v_danmu .fr{width: 80px;padding:0 10px;}
.v_danmu .fr .send{display:block;height:35px;text-align:center;line-height:35px;background:#454545;border-radius:40px; color:#999;}

.v_detail .title{width:100%;font-size:16px;text-align:center;border-bottom:1px solid #ddd;position: fixed;background: #fff;top: 0;}
.v_detail .title span{display:inline-block;font-size:14px;color:#999;/* width:20%; */text-align:center;font-size:16px;line-height:50px;margin: 0 10%;padding: 0 5px;}
.v_detail .title span.cur{ font-size:18px; color:#ff7a9a; border-bottom:3px solid #ff7a9a; line-height:50px; font-weight: bold}
.line-info{line-height: 28px;font-size: 15px;}
.v_detail .h_left span ,.header .h_right span{ width:50px; display:inline-block;}
.content{  margin: 15px 15px 0;}
.content h1{ font-size:20px; line-height:30px; margin-top:15px;}
.content .date{ display:block; line-height:22px; color:#999; font-size:13px;}
.content .date em{ color:#ff7b9a;}
.v_jianjie .date img{width: 16px;}
.share{ font-size:13px; padding:10px; border-top: 1px solid  #f1f1f1;margin-top: 12px; text-align:center;}
.share i{display:block;line-height:32px;margin-bottom: 5px;font-size: 15px;}
.share a{ display:inline-block; width:28px; height:28px; background-size:28px;  margin:0 5px; }
.share a.share_qq{ background-image:url(../images/qq_icon1.png);}
.share a.share_qzone{ background-image:url(../images/qzone_icon1.png);}
.share a.share_link{ background-image:url(../images/link_icon1.png);}
.share a.share_weixin{ background-image:url(../images/wx_icon1.png);}
.share a.share_friends{ background-image:url(../images/friends_icon1.png);}
.share a.share_sina{ background-image:url(../images/sina_icon1.png);}
.content .content_info p{ line-height:30px; font-size:16px;}
.content .content_info img{ width:100%; height:auto; margin:10px 0;}
.about_news h2 ,.about_vote h2 ,.v_com h2{color:#ff7a9a;font-size:16px;font-weight:normal;height:20px;line-height:20px;margin: 0 10px;}
.about_news{ margin-top:15px;}
.about_news h2{border-left:3px solid #ff7b9a;padding-left: 10px;}
.about_news .about_newsmain{padding: 0 5px;}
.about_news .about_newsmain .about_newslist li{ float:left; width:50%;}
.about_news .about_newsmain .about_newslist li a{margin: 15px 5px 0;display:block;}
.about_news .about_newsmain .about_newslist li a img{ width:100%; height:auto;}
.about_news .about_newsmain .about_newslist li a span{ display:block; height:40px; overflow:hidden; line-height:20px; margin-top:5px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.about_news .about_newsmain .about_newslist li a .imgbox{width: 100%;position: relative;font-size: 0;}
.about_news .about_newsmain .about_newslist li a .imgbox img{ width:100%; height:auto;}
.about_news .about_newsmain .about_newslist li a .imgbox .mc{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);position: absolute;top: 0px;left: 0px;background: none;}
.about_news .about_newsmain .about_newslist li a .imgbox .mc .btn{display: block;width:35px;height: 35px;background: url(../images/video/zanting.png) no-repeat center;background-size: 35px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;  }
.about_vote h2{ background:url(../images/vote_icon2.png) no-repeat 0 0; background-size:20px; padding-left:25px;}
.about_vote .about_votelist_main{ margin:20px 10px;}/**/
.about_vote ul.about_votelist{ width:100%;}/**/
.about_vote ul.about_votelist li{ float:left; width:16.6%; text-align:center; -webkit-tap-highlight-color:rgba(0,0,0,0);}/**/
.about_vote ul.about_votelist li em{ font-size:12px; margin-top:5px; display:inline-block; color:#999; line-height:14px;}
.about_vote ul.about_votelist li span{ display:block; width:36px; margin:0 auto;}
.about_vote ul.about_votelist li span.vote_1{ height:150px; position:relative;}
.about_vote ul.about_votelist li span.vote_2{ background:#eee; position:absolute; bottom:0; left:0; width:36px;}
.about_vote ul.about_votelist li span.vote_2 i{ margin-top:-20px; font-size:12px; display:inline-block; position:absolute; width:36px; text-align:center; left:0;}
.about_vote ul.about_votelist li.cur span.vote_2{ background:#ffc333;}
.about_vote ul.about_votelist li.cur span.vote_2 i{ color:#ffc333;}


.v_com{ margin:0 15px;}
.v_com li{ padding:15px 0; border-bottom:1px solid #eee;}
.v_com li .com_user{ height:45px; position:relative;}
.v_com li .com_user .com_cz{ position:absolute; right:0; top:5px;}
.v_com li .com_user .com_cz em.zan{ line-height:22px; font-size:12px; float:left;}
.v_com li .com_user .com_cz em.zan1{ color:#999;}
.v_com li .com_user .com_cz em.zan2{ color:#ff7b9a;}
.v_com li .com_user .com_cz em.zan i{ background-size:20px; height:20px; width:20px; float:right; display:inline-block; margin-left:3px;}
.v_com li .com_user .com_cz em.zan1 i{ background-image:url(../images/zan_icon1.png);}
.v_com li .com_user .com_cz em.zan2 i{ background-image:url(../images/zan_icon2.png);}
.v_com li .com_user .com_cz em.com{ background:url(../images/com_icon.png) no-repeat 0 0; background-size:20px; height:20px; width:20px; display:inline-block;float:left; margin-left:10px;}
.v_com li .com_user img{ width:45px; height:45px; border-radius:45px; float:left; margin-right:10px;}
.v_com li .com_user strong{ font-weight:normal; display:block; padding:5px 0; vertical-align:middle;}
.v_com li .com_user strong i{ vertical-align:middle; margin-left:2px;}
.v_com li .com_user strong i img{ width:100%; height:auto;}
.v_com li .com_user span{ font-size:12px; color:#999; display:block;}
.v_com li p{ margin:10px 0 0 55px;}
.tag{ margin:10px 15px;}
.tag a{ display:inline-block; padding:0 10px; margin-right:5px; height:28px; line-height:28px; background:#dbcfff; color:#666; border-radius:3px; }
.tag a:nth-child(3){ background-color:#ffd8e1;}
.barrage{position: absolute;-webkit-text-stroke: 0.1px #000; font-size: 20px; }
.qd_done{height: 40px;  line-height: 40px;  color: #fff;  text-align: center;  padding: 0 10px;  position: fixed;  background: rgba(0,0,0,0.8);  border-radius: 5px;  z-index: 55;  }