pfhwyigou/mobile/web/modules/live/css/broadcastdetails.css

body{background:#FFF;}
/*头部*/
.detailsctitle{border-bottom:1px solid #E9E9E9;padding:15px;display:flex;align-items:center;}
.detailsctitle a{display:block;width:40px;height:16px;}
.detailsctitle img{display:block;width:8px;height:14px;float: left;}
.detailsctitle p{float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:1.05rem;color:#191919;font-weight:600;}

/*推送*/
.push{margin-top:12px;padding:0 15px;}
.push i{position:relative;display:block;float: left;height:25px;padding:0 8px;display:flex;align-items:center;font-size:0.9375rem;color:#FFF;background:#536C8E;line-height:25px;border-radius:3px;}
.push i.on:before {content:"";width:4px;height:4px;background:#FFF;display:block;float: left;border-radius:100px;margin-right:3px;}
.push i.on {background:#FC002A;}
.push .push_pm{float:left;margin-left:10px;width:70%;overflow:hidden;}
.push .push_pm .tempWrap{width:100% !important ;}
.push .push_pm ul li{line-height:25px;white-space:nowrap;float: left;margin-right:20px;}
.push .push_pm ul li a{font-size:1rem;color:#191919;}
.push .aimg{display:block;float: right;width:17px;height:25px;}
.push .aimg img{width:17px;height:17px;position:relative;top:2px;}
@media screen and (min-width: 300px) and (max-width: 374px) { 
.push p{width:66%;}
}

/*视频*/
.m_video{width:100%;height:240px;position:relative;margin-top:12px;}
.m_videobj{width:100%;height:100%;display:none;}
.m_videobj img{width:100%;height:100%;}
.m_video_img{width:100%;position:absolute;top:0;left:0;height:100%;}
.m_video_img .img{width:55px;display:block;position:absolute;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px;}
.m_video_img i{font-size:0.8125rem;color:#FFF;border-radius:50px;background:#333;padding:5px 14px;position:absolute;top:19px;left:0px;}
.m_video_img i img{width:13px;margin-right:5px;margin-top:-2px;}

/*扫码*/
.sweepcode_box{margin-top:15px;padding:0 15px;}
.sweepcode_title span{float: left;display:block;font-size:0.9375rem;color:#666;line-height:25px;display:flex;align-items:}
.sweepcode_title span img{width:19px;height:25px;margin-right:10px;}
.sweepcode_title i{display:block;float: right;font-size:0.8125rem;color:#4292F1;border:1px solid #4292F1;border-radius:100px;padding:4px 9px;}
.sweepcode_title i.sq{display:none;}
.sweepcode_switch{margin-top:15px;}
.sweepcode_switch .zb .microcode{border:1px solid #AAA;display:block;float: left;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:5px;width:24%;}
.sweepcode_switch .zb .microcode img{width:100%;display:block;}
.sweepcode_switch .zb .img{display:block;float: left;width:60%;margin-top:20px;margin-left:5%;}
.sweepcode_switch .gzh{text-align:center;padding:15px 0;display:none;}
.sweepcode_switch .gzh img{width:110px;height:110px;display:block;margin:auto;}
.sweepcode_switch .gzh i{display:block;font-size:0.875rem;color:#747E88;margin-top:7px;}


/*户型 、详情、评论*/
.Exemption{display:none;}
.m_album_box{height:100%;}
/*切换头部*/
.m_album_title{margin-top:15px;}
.m_album_title span{border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;font-size:0.875rem;color:#999;width:50%;height:40px;float:left;display:flex;align-items:center;justify-content:center;}
.m_album_title span.on{color:#fff;
  background: linear-gradient(left, #6DBBFE, #4A8AFF);
  background: -webkit-linear-gradient(left, #6DBBFE, #4A8AFF);
  background: -o-linear-gradient(left, #6DBBFE, #4A8AFF);
  background: -moz-linear-gradient(left, #6DBBFE, #4A8AFF);
}
.m_album_title span i{width:15px;height:14px;margin-right:5px;position: relative;top: -1px;}
.m_album_title span:nth-child(1) i{display:block;background:url(../image/zb010.png) no-repeat 0 0/ 100% 100%;}
.m_album_title span:nth-child(2) i{display:block;background:url(../image/zb010.png) no-repeat 0 0/ 100% 100%;}
.m_album_title span:nth-child(3) i{display:block;background:url(../image/zb011.png) no-repeat 0 0/ 100% 100%;}

.m_album_title span.on:nth-child(1) i{display:block;background:url(../image/zb10.png) no-repeat 0 0/ 100% 100%;}
.m_album_title span.on:nth-child(2) i{display:block;background:url(../image/zb10.png) no-repeat 0 0/ 100% 100%;}
.m_album_title span.on:nth-child(3) i{display:block;background:url(../image/zb11.png) no-repeat 0 0/ 100% 100%;}

/*切换盒子*/
.qhshow_box{height:350px;;overflow:auto;}

/*户型图片*/
.m_album_l{width:24%;height:100%;background:#F8F8F8;position:relative;float: left;}
.m_album_l_title{border-right:1px solid #EEE;position:absolute;top:0;left:0;width:100%;height:100%;}
.m_album_l_title span{width:100%;height:55px;line-height:55px;text-align:center;font-size:1rem;color:#666;display: block;border-top:1px solid #EEE;}
.m_album_l_title span.on{background:#FFF;color:#333;}

.m_album_r{width:76%;height:100%;float:right;
/*max-height:550px;
overflow:auto;
-webkit-overflow-scrolling : touch;  
-moz-overflow-scrolling : touch;
-o-overflow-scrolling : touch;*/
}
.m_album_r_lsit{width:89%;height:auto;margin:auto;margin-top:10px;}
.m_lsitImg{border-bottom:1px solid #EEE;border-radius:2px;overflow:hidden;padding:15px 0;}
.m_album_r_lsit .m_lsitImg:last-child{border-bottom:0;}
.m_lsitImg img{width:43%;height:80px;display:block;float:left;border:1px solid #EEE;border-radius:5px;}
.m_lsitImg .m_lsittext{float:left;width:53%;height:100%;margin-left: 4%;}
.m_lsitImg .m_lsittext em{font-size:0.875rem;color:#333;margin-top:7px;font-weight:600;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_lsitImg .m_lsittext span{font-size:0.6875rem;color:#666;margin-top:9px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_lsitImg .m_lsittext i{font-size:0.6875rem;color:#666;margin-top:9px;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#cnzz_stat_icon_1260633409{position:absolute;bottom:0;left:0;}

/*详情*/
.m_xqswitch{padding:0 15px;}
.m_xqswitch .title{font-size:1.125rem;color:#333;font-weight:600;margin-top:20px;}
.m_xqswitchtext{ margin-top: 15px; font-size: 1rem; color: #333; line-height: 25px;}
.m_xqswitchtext p{ padding: 5px 0;}
.m_xqswitchtext img{ padding: 3px 0;}
.qhshow{display:none;}



/*相册弹窗*/
.none{display:none !important;}
html, body {position: relative;height: 100%;}
.m_swiper_xc{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#000;display:none;}
.m_swiper_ajax{width:100%;height:100%;}
.m_tcswiper_box{width:100%;height:100%;position:relative;
  display:flex;
  display:-webkit-flex;
  display:-moz-flex;
  display:-o-flex;
  align-items:center;
}
.m_swiper{width: 100%;height:80%;}
.m_swiper_ul{width:100%;height:100%;}
.m_swiper_li{overflow: hidden;height:100%;}
.m_swiper_li img{width:100%;object-fit: fill;}
.m_swiper_gb{position:absolute;top:20px;right:20px;z-index:10;width:17px;}
.m_swiper_gb img{width:100%;display:block;}

.m_tcswiper_box .swiper-button-prev{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex3.png) no-repeat 6px  17px/ 10px 16px;border-radius:0 3px 3px 0;left:0;}
.m_tcswiper_box .swiper-button-next{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex4.png) no-repeat 10px 17px/ 10px 16px;border-radius:3px 0 0 3px;right:0;}
.swiper_text{border:1px solid;position: absolute;bottom:17px;width: 100%;padding:0 16px;}
.m_swiper_head{height:10%;position:absolute;top:0;width:100%;}
.m_swiper_head .m_swiper_fh{float:left;height:100%;position:relative;z-index:10;}
.m_swiper_head .m_swiper_fh img{width:12px;margin-top:20px;margin-left:20px;}
.m_swiper_qb{float:right;margin-top:20px;margin-right:20px;position:relative;z-index:10;}
.m_swiper_qb a{font-size:1.0625rem;color:#FFF;}
.m_tcswiper_box .swiper-pagination{color: #FFF; z-index: 1;font-size:1rem;top:20px;}


/*评论*/
.m_comment_box{}
/*信息*/
.m_comment{height:290px;overflow:auto;}
.comment_time {display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.comment_time span {display: inline-block;font-size: 12px;padding: 2px 4px;border-radius: 3px;line-height: 12px;background: #D9D9D9;color: #fff;}
.comments {position: relative;}
.comments li.comment {border-bottom: none;padding-bottom: 12px;min-height: 16px;}
.comment, .gifts {padding-left: 55px;padding-bottom: 6px;padding-top: 6px;margin: 0 10px;border-bottom: solid 1px rgba(0, 0, 0, 0.05);position: relative;}
.comments > li .avatar {border-radius: 3px;}
.comment .avatar, .gifts .avatar {width: 40px;height: 40px;margin-left: -52px;border-radius: 50%;float: left;margin-top: 3px;}
.comment .username {max-width: none !important;margin-left: 1px;}
.comment .username, .gifts .username {color: #406580;font-size: 13px;overflow: hidden;white-space: nowrap;max-width: 60%;height: 22px;text-overflow: ellipsis;}
.comments .comment .username p {
    color: #999;
}
.comment .username p {display: inline-block;float: left;max-width: 125px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.comments .comment .time {display: none;}
.comment .time, .gifts .time {position: absolute;right: 0;top: 8px;color: #888;font-size: 10px;}
.comments > li .content {margin-left: 8px;position: relative;left: -5px;max-width: 225px;font-size: 16px;background: #fff;padding: 9px 8px 7px 8px;display: inline-block;border: 1px solid #E6E6E6;word-break: break-all;word-wrap: break-word;border-radius: 5px;}
.comment .content, .gifts .content {display: block;min-height: 21px;color: #333;font-size: 14px;word-break: break-all;word-wrap: break-word;}
.comments > li .content:after {top: 15px;content: '';background: #fff;border-left: 1px solid #e6e6e6;position: absolute;border-bottom: 1px solid #e6e6e6;left: -5px;width: 7px;height: 7px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.comment .official {font-size: 10px;padding: 2px 2px 1px;}
.official {color: #fff;background-color: #20a0ff;border-radius: 2px;font-size: 12px;padding: 2px 3px;margin-left: 5px;}





/*发送消息*/
.bottom-bar {position: fixed;bottom: 0;left: 0;width: 100%;height: 54px;box-shadow: 0 0 2px 1px rgba(0, 0, 0, .05);z-index: 8;background-color: #f5fbff;}
.bar-box{ width: 100%;height: 100%;padding: 8px 10px;background-color: #fcfafa;}
.bottom-bar textarea {-webkit-appearance: none;resize: none; border: 1px solid #eee;background-color: #fff;height: 37px;line-height: 25px;padding: 5px 10px;width: 76%;font-size: 15px;outline: none;float: left;border-radius:3px;}
.bottom-bar textarea:focus {background-color: #fff;}
.bottom-bar .u-send {float:right;background:#20a0ff;border-radius:3px;height:36px;width:20%;text-align:center;line-height:35px;}
.u-send span {font-size: 0.95rem;color:#FFF;}


.y_reduced2{display: none; width: 90%; height: 274px; background: #fff; z-index: 6;  border-radius: 4px;overflow:hidden; position: fixed; left: 50%;top: 50%; margin-top: -137px; margin-left: -45%;}
.y_reduced2_main{position:relative; width: 100%; height: 100%;}
.m_reduced_r2{width:100%;height:100%; position: relative; padding-bottom: 20px;}
.y_reduced2_gb{ width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; z-index: 1;}
.y_reduced2_gb a{display: block; text-align: center; line-height: 25px;}
.y_reduced2_gb img{ width: 20px; height: 20px; display: inline-block; line-height: 20px;}
.m_reduced_r_title2{width: 80%; margin: 0 auto; padding-top:20px;}
.m_reduced_r_title2 em{display:block;font-size:1.125rem;color:#333; font-weight: bold;}
.m_reduced_r_title2 span{font-size:0.875rem;color:#999;display:block;margin-top:10px;}
.m_reduced_r2 form{width:80%; display:block; margin: 15px auto 10px;}
.y_reduced2_bg{ display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 5; background: rgba(0,0,0,0.5);}

.y_reduced_left2 p.zhanghao{ position: relative; margin-bottom: 20px;}
.y_reduced_left2 p.zhanghao span{display: block; width: 12px; height: 20px; position: absolute; left: 15px; top: 10px;}
.y_reduced_left2 p.zhanghao input.in-text{ font-size: 0.875rem; color: #666; width:100%; height: 40px; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; padding-left:36px; }
.y_reduced_left2 p.zhanghao a{position: absolute; display: none; right: 16px; top: 14px; width: 17px; height: 17px;}
.y_reduced_left2 p.zhanghao span img{ width: 100%; height: 100%;}
.y_reduced_left2 p.zhanghao a img{width: 100%;  height: 100%;}
.y_reduced_left2 p.zhanghao b.hint-text{ font-size: 12px; font-weight: normal; color: #FF3F3F; display: none; position: absolute; left: 3px; bottom: -17px;}
.y_reduced_left2 p.zhanghao input.in-text.on{border-color: #FF3F3F;}

.y_reduced_left2 p.mima{ width: 100%; position: relative;}
.y_reduced_left2 p.mima em{ display:inline-block; width: 64%; position: relative; height: 40px;}
.y_reduced_left2 p.mima em span{display: inline-block; position: absolute; left: 12px; top: 11px; width: 15px; height: 13px;}
.y_reduced_left2 p.mima em span img{width: 100%; height: 100%;}
.y_reduced_left2 p.mima em input.in-text{ width: 100%; font-size: 0.875rem; color: #666; height: 40px; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; padding-left:36px;}
.y_reduced_left2 p.mima input.btn{ width: 32%; height: 40px; color: #999; border-radius: 3px; border:1px solid #CBCBCB; background: #fff; font-size: 0.75rem;}
.y_reduced_left2 p.mima input.btn.on{ color: #2DB1FB; border-color:#2DB1FB; }
.y_reduced_left2 p.mima input.btn:hover{ color: #2DB1FB; border-color:#2DB1FB; }

.y_reduced_left2 p.mima b.hint-text{ font-size: 0.75rem; color: #FF3F3F; font-weight: normal; display: none; position: absolute; left: 3px; bottom: -17px;}
.y_reduced_left2 p.mima em input.in-text.on{border-color: #FF3F3F;}
.m_reduced_r2 form #buttom_m{width:100%;height:40px;background:#3072F6;text-align: center; line-height: 40px; display:block;border:0;margin-top:20px;font-size:0.925;color:#FFF;border-radius:4px;}
.m_reduced_r2 form #buttom_m:hover{background: #1C5BDA;}