﻿
/* 路径 */
.mainpath{ margin:auto; width:1200px; height:40px; line-height:40px; color:#999; text-align:left; }
.mainpath a{ color:#666; }

/* 主体 */
.main1{ margin:auto; width:1200px; height:auto; background-color:#fff; margin-top:0px; }
.play{ float:left; width:885px; height:580px; border:1px #E8E8E8 solid;border-radius:5px; padding-top:0px; position:relative; }
.play .title{ float:left; width:845px; margin:10px 20px; }
.play .title .left{ float:left; width:740px; }
.play .title .left .tit{ float:left; width:740px; height:40px; line-height:40px;  font-size:20px; font-weight:bold; color:#1D3254; }
.play .title .left .time{ float:left; width:740px; height:25px; }
.play .title .left .time span{ float:left; width:auto; line-height:25px; margin-right:25px; color:#868998; font-size:12px; padding-left:18px; }
.play .title .left .time .s1{ background:url(/images/live/icon1.png) left center no-repeat; }
.play .title .left .time .s2{ background:url(/images/live/icon2.png) left center no-repeat; }
.play .title .right{ float:right; width:100px; }
.play .title .right div{ float:right; width:100px; height:30px; line-height:30px; background-color:#FF5C38;border-radius:15px; text-align:center; color:#FFF; margin-top:15px;  }
.play .title .right .r0{ background-color:#E7F3FF; color:#1787FB;  }
.play .title .right .r2{ background-color:#E7F3FF; color:#1787FB;  }


.play .player{ float:left; width:885px; height:450px; }

.play .foot{ float:left; width:845px; height:25px; margin:10px 20px; }
.play .foot .mobile{ float:left; width:400px; height:25px;position: relative; }
.play .foot .mobileMore{ float:left; width:auto; line-height:25px;position: relative; display: block;cursor: pointer;background:url(/images/live/icon3.png) left center no-repeat; color:#868998; font-size:12px; padding-left:15px; }
.play .foot .mobileMore:hover{}
.play .foot .mobileMorecurrent { width:auto;height:25px; }
.play .foot .mobileMoredown { z-index:100; position: absolute; background: #E45B00;top:35px;left:-21px; width:180px; height:auto;background-color:#FFF; border:1px #E8E8E8 solid; padding:10px 0px;border-radius:5px; overflow:hidden; }
.play .foot .mobileMoredown b{ float:left; width:180px; height:auto; padding:0px 0px; text-align:center;}

.play .foot .share{ float:right; width:400px; height:25px;position: relative; }
.play .foot .share a.shareMore{ float:right; width:auto; line-height:25px;position: relative; display: block; background:url(/images/live/icon4.png) left center no-repeat; color:#868998; font-size:12px; padding-left:15px; }
.play .foot .share a.shareMore:hover{ }
.play .foot .share a.shareMorecurrent { width:auto;height:25px; }
.play .foot .share .shareMoredown { z-index: 2; position: absolute; background: #E45B00;top:25px;right:-21px; width:70px; height:30px;background-color:#FFF; border:1px #DDD solid; padding:5px 5px; }
.play .foot .share .shareMoredown .s1 { float:left; width:35px; height:30px; line-height:30px; }
.play .foot .share .shareMoredown .s2 { float:left; width:35px; height:30px; line-height:30px; }
.play .foot .share a.shareMores{ float:left; width:35px; line-height:30px;position: relative; display: block;cursor: pointer; }
.play .foot .share a.shareMores:hover{}
.play .foot .share a.shareMorecurrents { width:70px;height:30px; }
.play .foot .share .shareMoredowns { z-index:100; position: absolute; background: #E45B00;top:40px;left:-85px; width:180px; height:auto;background-color:#FFF; border:1px #DDD solid; padding:10px 0px; overflow:hidden; }
.play .foot .share .shareMoredowns b{ float:left; width:180px; height:auto; padding:0px 0px; text-align:center;}
.play .foot .share .shareMoredowns p{ float:left; width:180px; height:auto; line-height:20px; padding:0px 0px; text-align:center; font-size:12px;color:#999;} 

/* 倒计时 */
.countdown{ position:absolute; top:240px; left:285px; width:300px; height:auto; padding:15px 0px;background-color: rgba(0, 0, 0, 0.3);border-radius:5px; overflow:hidden; }
.countdown .tit{ float:left; width:300px;height:30px; line-height:30px; text-align:center; color:#FFF; }
.countdown .time{ float:left; width:300px;height:40px; line-height:40px; text-align:center; color:#FFF; }
.countdown .time span{ font-size:16px; font-weight:bold; margin:0px 5px; }
.countdown .time b{ font-size:20px; font-weight:bold; margin:0px 5px; }



/* 聊天 */
.chatroom{ float:right; width:295px; height:580px; border:1px #E8E8E8 solid;border-radius:5px; position:relative; }
.chatroom .title{ float:left; width:235px; margin:10px 15px;height:40px; line-height:40px; font-size:16px; color:#1D3254;background:url(/images/live/chat.png) left center no-repeat; padding-left:30px;  }


/* 直播详情 */
.main2{ margin:auto; width:1200px; height:auto; background-color:#fff; margin-top:0px; overflow:hidden; padding-top:15px; }
.main2 .left{ float:left; width:885px; height:auto; border:1px #E8E8E8 solid;border-radius:5px; padding-top:0px; }
.main2 .left .title{ float:left; width:845px; height:40px; margin:10px 20px;border-bottom:1px #E8E8E8 solid; }
.main2 .left .b101 { float:left;width:auto; height:38px; line-height:38px; border-bottom:2px #409EFF solid;color: #409EFF;font-weight:bold; font-size:15px; text-align:center; margin:0px 20px;cursor:pointer}
.main2 .left .b102 { float:left;width:auto; height:38px; line-height:38px; border-bottom:2px #FFFFFF solid;color: #6E7283; font-size:15px; text-align:center; margin:0px 20px;cursor:pointer}

.main2 .left .conte{ float:left; width:845px; margin:0px 20px; margin-bottom:20px; }
.main2 .left .conte .detail{ float:left; width:845px; line-height:30px; }

/* 企业列表 */
.mui-companylist{ float:left; width:845px; }
.mui-companylist ul{ float:left; width:845px; height:auto;border-bottom:1px #EEE solid; padding:15px 0; clear:both; }
.mui-companylist ul li{ float:left; width:845px; height:auto; }
.mui-companylist ul li .c1{ float:left; width:700px; }
.mui-companylist ul li .c1 .image{ float:left; width:65px; }
.mui-companylist ul li .c1 .image img{ width:50px; height:50px;border-radius:50%; }

.mui-companylist ul li .c1 .right{ float:left; width:600px; }
.mui-companylist ul li .c1 .right .r1{ float:left;width:100%;line-height:30px; color:#222; font-size:16px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.mui-companylist ul li .c1 .right .r2{ float:left;width:100%;line-height:25px; color:#999; font-size:12px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.mui-companylist ul li .c1 .right .r3{ float:left;width:100%; height:auto; margin-top:5px; }
.mui-companylist ul li .c1 .right .r3 i{ width:auto; line-height:20px; background-color:#F5F5F5;padding:3px 5px; margin-right:5px; margin-bottom:5px; font-style:normal; font-size:12px; color:#999;border-radius:3px; }

.mui-companylist ul li .c2{ float:right; width:125px; }
.mui-companylist ul li .c2 span{ float:left; width:125px; line-height:30px; text-align:center; color:#999; }
.mui-companylist ul li .c2 p{ float:left; width:125px; height:25px; margin-top:5px;  }
.mui-companylist ul li .c2 p a{ margin:auto; display:block; width:70px; line-height:25px; text-align:center; color:#FFF; background-color:#409EFF;border-radius:15px; }



.nextpage{ float:left;width:100%; height:35px; line-height:35px; text-align:center; color:#aaa; font-size:12px;background-color:#fff; }
.nextpage a{ color:#409EFF; margin:0px 30px; }
.lastpage{ float:left;width:100%; height:35px; line-height:35px; text-align:center; color:#aaa; font-size:12px; }
.seahidden { display:none;}