/*----banner-------*/
#warp_2{width:100%; margin:0 auto;height:500px; background:url(https://www.100ppi.com/images/live/banner.jpg) no-repeat center top}
.kandian{ width:300px; height:500px; background:url(https://www.100ppi.com/images/live/kan1.png) repeat; float:right}
.kandian dd{ width:248px; float:left; padding:16px 26px; line-height:34px}
.kandian .on{  float:left; margin-top:35px; color:#fff }
.kandian dd:hover{  display:block; float:left; }
.kandian .on h3{ color:#fff; font-size:24px;}
.kandian dd p{ font-size:16px; color:#fff; margin-top:10px }
.kandian dd p em{ font-style:normal; color:#939393}
.kandian h4{ font-size:16px; color:#fff; font-weight:normal}
.kandian h4 span{ color:#939393}


.kandian .more_2 a{width:120px; height:30px; line-height:30px;  text-align:center; color:#fff;border-radius: 15px; margin-top:30px; color:#fff; font-size:14px; background:url(https://www.100ppi.com/images/live/bofang.png) no-repeat 20px center #2f6cd6; display:block; padding-left:10px }

/*----列表-------*/
#warp_3{width:100%; margin:0 auto;}
#warp_3 .biaoti{ width:1200px; height:78px; border-bottom:2px #e5e5e5 solid; }
#warp_3 .biaoti .ti_h2{ height:60px; line-height:60px; margin-top:19px;font-size:24px; color:#232a47; font-weight:bold; padding-left:22px; width:138px; background:url(https://www.100ppi.com/images/live/line.jpg) no-repeat left bottom;  }
#warp_3 .biaoti .ti_h3{ width:158px;height:60px; line-height:60px; margin-top:19px; font-size:16px }
#warp_3 .content ul li{ width:1134px; height:110px; border-bottom:1px #e5e5e5 solid;font-size:16px; line-height:36px; padding:33px 19px;}
#warp_3 .content ul li .fl{ width:110px; height:110px; overflow:hidden}
#warp_3 .content ul li .fl img{ width:110px; height:auto }
#warp_3 .content ul li .fr{ width:975px}
#warp_3 .content ul li h2{ font-size:20px; font-weight:normal; color:#333333; width:100%; display:block}
#warp_3 .content ul li .xiangxi{ width:685px; float:left; color:#252c48; line-height:30px; margin-top:15px }
#warp_3 .content ul li .xiangxi em{ font-style:normal; color:#757575}
#warp_3 .content ul li .time{ width:100px; margin-top:40px; float:left}
#warp_3 .content ul li .more a{width:120px; height:30px; border-radius: 15px; background:#0f4393; text-align:center; float:right; margin-top:40px; color:#fff; line-height:30px;transition:All 0.4s ease-in-out; font-size:14px}

#warp_4{width:100%; margin:0 auto;height:500px;}
.kandian{ width:300px; height:500px; background:url(https://www.100ppi.com/images/live/kan1.png) repeat; float:right}
.kandian dd{ width:248px; float:left; padding:16px 26px; line-height:34px}
.kandian .on{  float:left; margin-top:35px; color:#fff }
.kandian dd:hover{  display:block; float:left; }
.kandian .on h3{ color:#fff; font-size:24px;}
.kandian dd p{ font-size:16px; color:#fff; margin-top:10px }
.kandian dd p em{ font-style:normal; color:#939393}
.kandian h4{ font-size:16px; color:#fff; font-weight:normal}
.kandian h4 span{ color:#939393}

.qhmwz{width:560px;margin-top:100px;display:inline-block;text-align:center;}
.qhm{font-size:92px;color:white;font-weight:bold;display:inline;}

/*----更多直播间-------*/
#warp_room{width:100%; margin:0 auto;height:1500px;}
#warp_room .biaoti{ width:1200px; height:78px; border-bottom:2px #e5e5e5 solid; }
#warp_room .biaoti .ti_h2{ height:60px; line-height:60px; margin-top:19px;font-size:24px; color:#232a47; font-weight:bold; padding-left:22px; width:138px; background:url(https://www.100ppi.com/images/live/line.jpg) no-repeat left bottom;  }
#warp_room .biaoti .ti_h3{ width:80px;height:60px; line-height:60px; margin-top:19px; font-size:16px }
#warp_room .content_1{ width:300px; height:1420px; border:1px #dde6f5 solid; box-shadow:3px 4px 4px #e7ebf3; margin-top:19px; font-size:16px; line-height:36px }
#warp_room .content_1 .kuang{ width:240px; margin:30px auto}
#warp_room .content_1 .kuang p{ text-indent:28px}
#warp_room .content_1 .kuang span{ text-align:center; width:100%; margin:20px auto; display:block; font-size:14px; color:#757575}
#warp_room .content_1 .kuang img{ width:122px; }

#warp_room .demo{width:880px;margin-top:19px; display:flex; flex-wrap:wrap;justify-content:space-between; display:flex; flex-wrap:wrap;justify-content:space-between;}
#warp_room .box{ width:280px; height:210px; list-style:none; overflow:hidden; border:1px #dcdde1 solid;position: relative;}


#warp_room .box .more a{width:80px; height:30px; border-radius: 15px; background:#0f4393; text-align:center; float:right; margin-top:22px; color:#fff; line-height:30px;transition:All 0.4s ease-in-out; position:absolute;top:65%;right: 10%;}
#warp_room .box .more a:hover{transition:All 0.4s ease-in-out;transform: translate(0,-5px);}

#warp_room .box .diyi2{ width:27px; height:27px; position:absolute; background:url(https://www.100ppi.com/images/live/video.png) no-repeat; left:240px; top:10px; z-index:9}

#warp_room .demo .sp1{ margin-top:30px}
#warp_room .demo .sp2{ margin-left:16px;}
#warp_room .demo .sp3{ margin-right:280px;}