
/*Mip-news-pc-details*/
.detaile_top { overflow: hidden; margin: 12px; }
.detaile_top h1 { display: block; line-height: 26px; font-size: 18px; color: #434343;margin-bottom: 12px;}
.detaile_top .info { height:20px; display: flex; width: 100%; }
.detaile_top .info .img { margin-right: 10px; overflow: hidden; }
.detaile_top .info .img, .detaile_top .info .img img { width: 36px; height: 36px; border-radius: 50%; }
.detaile_top .info .txt { flex: 1; height: 20px; font-size: 12px; color: #999; }
.detaile_top .info .txt p { width: 100%; height: 18px; line-height: 18px; margin-top: 2px; }
.detaile_top .info .txt i { font-family: Arial; margin-right: 12px; }
.detaile_top .info .txt span, .detaile_top .info .txt i { height: 16px; line-height: 16px; }
.detaile_top .info .pl { color: #f37569; height: 18px; }
.detaile_top .info2 { overflow: hidden; text-align: center; font-size: 12px; color: #999; line-height: 26px; margin-top: 4px; }
.detaile_top .info2 span { margin-right: 16px; }
.detaile_top .info2 span:before { display: inline-block; content: ' '; background: url(../images/img_c.png) no-repeat; background-size: 25px auto; background-position: 0 -175px; width: 18px; height: 18px; margin: 0 2px -3px 0; }
.detaile_top .info2 .from:before { background-position: 0 -560px; }

.pc-info { overflow: hidden; background: #f2f2f3; padding-bottom: 12px; }
.pc-info .pf { height: 20px; line-height: 20px; margin: 12px; overflow: hidden; }
.pc-info .pf i { width: 20px; height: 18px; float: left; background: url("../images/icon-pc.png") no-repeat; background-size: 18px auto; margin: 2px 6px 0 0; }
.pc-info .pf p { float: left; font-size: 14px; color: #434343; }
.pc-info .pf span { float: left; color: #f0412a; font-family: Arial; }
.pc-info .txt { overflow: hidden; margin: 0 12px; }
.pc-info .txt i { width: 20px; height: 24px; float: left; background: url("../images/icon-pc.png") no-repeat; background-size: 18px auto; margin: 0px 6px 0 0; background-position: 0 -20px; }
.pc-info .txt p { line-height: 24px; color: #434343; font-size: 14px; }

.detaile_cont { margin: 4px 12px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px dashed #e5e5e5; font-size: 14px; color: #434343; }
.detaile_cont img, .detaile_cont table, .detaile_cont embed, .detaile_cont iframe { max-width: 100%; }
.detaile_cont p { margin: 10px 0; line-height: 24px;text-indent: 2em;  }
.detaile_cont img,
.detaile_cont mip-img { width: initial; display: block; margin: 10px auto;min-width: initial; min-height: initial;
    height: initial; max-height: initial }

/*news*/
.related_wrap { border-top: 6px solid #f2f2f3; overflow: hidden; }
.related_wrap .list_tj { border: none; }
.related_wrap .list_tj .wp_b { margin-top: 0; }

.related_cont { background: #1b1b1b; overflow: hidden; display: flex; }
.related_cont .img { margin: 15px; }
.related_cont .img, .related_cont .img img { width: 116px; height: 160px; border-radius: 3px; }
.related_cont .info { flex: 1; margin: 24px  24px 0 0; }
.related_cont .info .name { width: 100%; display: block; float: left; height: 28px; line-height: 28px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; color: #fff; font-weight: bold; }
.related_cont .info .time { font-size: 14px; color: #959595; line-height: 18px; height: 18px; float: left; width: 100%; margin: 5px 0 8px; }
.related_cont .info .pt { width: 100%; float: left; height: 18px; line-height: 18px; font-size: 14px; color: #959595; }
.related_cont .info .score_box { float: left; margin-top: 5px; overflow: hidden; height: 32px; line-height: 32px; width: 100%; }
.related_cont .info .score_box .sc_bg { float: left; margin-top: 6px; }
.related_cont .info .score_box .sc_bg, .related_cont .info .score_box .num { width: 116px; height: 20px; background: url("../images/score_bg.png") no-repeat; background-size: auto 40px; position: relative; }
.related_cont .info .score_box .sc_bg .num, .related_cont .info .score_box .num .num { position: absolute; left: 0; top: 0; background-position: 0 -20px; }
.related_cont .info .score_box .score_num { float: left; color: #f0412a; font-size: 28px; margin-left: 10px; }
.related_cont .info .bq { float: left; width: 100%; overflow: hidden; height: 26px; margin-top: 8px; }
.related_cont .info .bq a { float: left; font-size: 14px; color: #4dc585; height: 24px; line-height: 24px; padding: 0 10px; border-radius: 14px; border: 1px solid #4dc585; margin-right: 6px; }

.list_tj { border-top: 6px solid #f2f2f3; }
.list_tj .lis + .lis { border-top: 1px dashed #e5e5e5; }
.list_tj .lis { margin: 0 12px; padding: 12px 0; }
.list_tj .lis .wp_a { height: 22px; line-height: 22px; font-size: 14px; color: #999; }
.list_tj .lis .wp_a .tx { height: 22px; }
.list_tj .lis .wp_a .tx img { width: 22px; height: 22px; border-radius: 50%; float: left; }
.list_tj .lis .wp_a .tx span { float: left; margin-left: 8px; color: #999; }
.list_tj .lis .wp_a .time { float: right; }
.list_tj .lis .wp_b { display: flex; margin-top: 12px; }
.list_tj .lis .wp_b .txt { flex: 1; }
.list_tj .lis .wp_b .txt .bt { display: block; font-size: 14px; color: #434343; height: 40px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; font-weight: 600; }
.list_tj .lis .wp_b .txt .info { height: 18px; line-height: 18px; margin-top: 14px; color: #999; }
.list_tj .lis .wp_b .txt .info .bq { float: left; font-size: 14px; }
.list_tj .lis .wp_b .txt .info .pl { float: right; font-family: Arial; font-size: 14px; }
.list_tj .lis .wp_b .img { margin-left: 10px; position: relative; }
.list_tj .lis .wp_b .img, .list_tj .lis .wp_b .img img { height: 72px; width: 130px; }
.list_tj .lis .wp_b .img .ico-video { display: block; position: absolute; width: 40px; height: 40px; background: url(../images/icon-d.png) no-repeat; background-size: 40px auto; background-position: 0 -35px; left: 48px; top: 17px; }
.list_tj .lis .wp_c { overflow: hidden; margin-top: 12px; }
.list_tj .lis .wp_c .vid_wrap { display: block; overflow: hidden; position: relative; width: 100%; }
.list_tj .lis .wp_c .vid_wrap .mb { width: 100%; height: 99%; background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; }
.list_tj .lis .wp_c .vid_wrap .btn { position: absolute; left: 40%; top: 30%; left: calc(50% - 35px); top: calc(50% - 35px); width: 70px; height: 70px; background: url("../images/btn_video.png") no-repeat; background-size: 100%; }
.list_tj .lis .wp_c .link { height: 38px; line-height: 50px; display: flex; }
.list_tj .lis .wp_c .link .bt { flex: 1; height: 38px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #434343; }
.list_tj .lis .wp_c .link .pl { margin-left: 12px; }
.list_tj .lis .wp_c .link2 { line-height: 50px; }
.list_tj .lis .wp_c .link2 .bt { height: 38px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color: #434343; }
.list_tj .lis .wp_c .link2 .bq { float: left; font-size: 14px; color: #999; }
.list_tj .lis .wp_c .link2 .pl { float: right; margin-left: 12px; }

.mip-share-container{display: flex;padding: 10px 0;}
.mip-share-container span{margin: 15px;line-height: 20px;font-size: 15px;font-weight: bold}
.mip-share-container .mip-layout-container{flex: 1;margin-right: 10px;}
.mip-fill-content{padding: 0;}
.c-line-clamp1{display: none;}
.c-share-list .c-row{display: block;}
.c-share-list .c-span3{width: 46px;height: 46px;padding: 0;-webkit-box-flex: initial;-webkit-flex: initial;    float: left;margin-right: 10px;}

/* icon */
.icon { display: inline-block; vertical-align: middle; }
.ico_pl, .ico_pl2, .ico_gl { background: url(../images/img_c.png) no-repeat; background-size: 23px auto; background-position: 0 -117px; width: 18px; height: 18px; margin-bottom: 2px; }
.ico_gl { background-position: 0 -180px; }
.ico_pl2 { background-position: 0 -142px; }
.ico_yc, .ico_sp, .ico_sy, .ico_wy, .ico_time { background: url(../images/img_c.png) no-repeat; background-size: 20px auto; background-position: 0 -51px; width: 24px; height: 20px; margin: -2px 2px 0 0; }
.ico_sp { background-position: 0 -79px; }
.ico_sy { background-position: 0 -25px; }
.ico_wy { background-position: 0 1px; }
.ico_time { background-position: 0 -168px; background-size: 24px auto; width: 18px; }
/* 网游视频电竞新闻详情 */
.wy_competi{margin: 0 12px; }
.wy_competi .wrp_box ul{ width: 100%; }
.wy_competi .wrp_box ul li{height: 145px; background: #f6f6f6; display: flex;margin-bottom: 10px;}
.wy_competi .wrp_box ul li a{ display: block;}
.wy_competi .wrp_box ul li .img1{width: 80px;margin: 0px 13px;overflow: hidden;position: relative;}
.wy_competi .wrp_box ul li .img1 mip-img,.wy_competi .wrp_box ul li .img1 img{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 80px;height: 80px;border-radius: 50%;}
.wy_competi .wrp_box ul li .item{ flex: 1; text-align: center; font-size: 14px; color: #1b1b1b; position: relative;}
.wy_competi .wrp_box ul li .item .time{padding-top: 20px;}
.wy_competi .wrp_box ul li .item .bif{width: 100%;height: 60px;line-height: 50px;font-size: 40px;font-weight: bold;color: #313131;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.wy_competi .wrp_box ul li .item .bif span{vertical-align: middle;display: inline-block;margin-top: -2px;font-size: 50px;}
.wy_competi .wrp_box ul li .item .bif span.color1{margin-right: 5px;color: #f04029;}
.wy_competi .wrp_box ul li .item .bif span.color2{margin-left: 5px;color: #18bd7c;}
.wy_competi .wrp_box ul li .item .tex{ margin-top: 70px;}
.wy_competi .wrp_box ul li .item .tex a{color: #1b1b1b;}
.wy_competi .wy_competi_video{padding-bottom: 12px;}
.wy_competi .wy_competi_title{height: 30px; width: 100%; line-height: 30px; padding-bottom:5px;}
.wy_competi .wy_competi_title span{font-size: 14px;font-weight: bold;color:#1b1b1b;}
.wy_competi .wy_competi_title:before{display: inline-block;content: '';width: 4px;height: 18px;background: #f04029;border-radius: 2px; vertical-align: middle;margin: 0 5px 3px 0;}
.wy_competi .wy_competi_title .more{float: right; display: block; width: 60px; color: #535353; font-size: 14px; text-align: right;}
.wy_competi .wy_competi_video iframe{ max-width:100%;} 