@charset "gb2312";
* {margin:0;padding:0;border:0;-webkit-user-select:text}
a,img {-webkit-touch-callout:none}
ol,ul {list-style:none}
*,:after,:before {-webkit-box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,html {text-align:left;width:100%;font-family:Roboto,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1;}
input[type=password],input[type=text],textarea {resize:none;outline:none;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff;}
a {color:#333;text-decoration:none}
img {vertical-align:top}
.clearfix:after,.clearfix:before {content:" ";display:table}
.clearfix:after {clear:both}
body {-webkit-box-pack:center;margin:0 auto;font-family:Hiragino Sans GB,Microsoft Yahei;}


.logo{width: 100%;height: .58rem;background: #e41919;padding-top: 0.02rem;position: relative;}
.logo a{color: #fff;line-height: 0.58rem;padding-left: 0.1rem;}
.logo img{width: 2.1rem;}
.video-logo{display:flex;position: absolute;height: .42rem;right: 0.1rem;top: 0.15rem;}
.video-text{padding:0 .1rem;height:0.36rem;border-radius:.04rem;color: #fff;font-size: 14px;}
.video-icon{width:0.3rem;height:0.3rem;background:url(../images/btn.png) no-repeat;background-size:.3rem .2rem;margin-top:.04rem;}


.video{width: 100%;height: 3.5rem;background: blue;}


.liveTitle h3{margin: 0.30rem 0;text-align: center;font-size: 18px;height: 0.3rem;color: #e41919;}
.liveTitle p{line-height: .46rem;text-indent: 2em;font-size: 12px;margin-bottom: 0.1rem;}

.wrap_tab{height: 1rem;}
.wrap_tab span{display: inline-block;height: .73rem;width: 49%;padding-left: 1rem;line-height: .73rem;text-align: center;background-position: 30% center;cursor: pointer;}
.wrap_tab span.liveBtn{background: url(../images/livebtn.jpg) no-repeat;background-position: 35% center;}
.wrap_tab span.chatBtn{background: url(../images/chatbtn.jpg) no-repeat;background-position: 35% center;}
.wrap_tab span.active{color: #e41919;background-position: 35% center;border-bottom: 1px solid #e41919;padding-bottom: 0.3rem;}
.wrap_tab span.chatBtn.active{background: url(../images/chatbtn1.jpg) no-repeat;background-position: 35% center;}
.wrap_tab span.liveBtn.active{background: url(../images/livebtn1.jpg) no-repeat;background-position: 35% center;}

.wrap{display: flex;width: 100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex-grow:1;}
.wrap_content{display: flex;width: 100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex-grow:1;}
.wrap_content .active{display: flex;}
.wrap_content .tab-panel{display: none;flex-wrap: wrap;width: 100%;}
.live-list,.chat-list{display: flex;width: 100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex-grow:1;}

.section-title{width: 100%;height: .55rem;line-height: .55rem;padding-left: .3rem;background: #ebebeb;color: 666;font-size: 12px;}
.live-list-item{width: 7.05rem;margin:.71rem auto 0;padding-bottom:.2rem;border:1px solid #e5e8ef;position: relative;}
.timeline{position: absolute;top:-0.73rem;left: -1px;}
.time-text{position: absolute;color: red;width:2rem;left:.2rem;top:.23rem;font-size:12px;}
.circle{position: absolute;top:0.3rem;left: -2.5px;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width: 6px;height: 6px;border-radius: 6px;background: red;}
.line{width: 1px;height:0.73rem;border-left:1px solid #dbe0ea;}


.live-list-item header{display:flex;align-items:center;-webkit-box-align:center;padding:.3rem .3rem .2rem;}
.avatar{margin-right:.16rem;width:.4rem;height: .4rem;border-radius:.2rem;}
.name{font-size: 15px;display:flex;color:#7185d0;flex-grow:1;-webkit-box-flex:1;color: red;}
.wrap_content .content p{word-break:break-all;padding:0 .3rem .15rem;color:#1f1f1f;font-weight: normal;line-height:0.46rem;}
.content img{max-width:6.53rem;margin:0 auto;display: block;margin-bottom:5px;}
.content>div{width:6.53rem;margin:0 auto;}
.contentImg{width:6.53rem;text-align:center;padding-bottom:10px;}


.chat-list-item{width: 7.35rem;margin: .33rem auto 0;border-bottom: 1px dashed #e5e5e5;padding-bottom: .3rem;}
.chat-list-item header{display:flex;align-items:center;-webkit-box-align:center;}
.chat-list .hot_p{padding-left: 0.3rem;position: relative;color: red;height: 0.35rem;line-height: 0.35rem;}
.chat-list .hot_p span{width: .08rem;height: 0.35rem;background: red;display: inline-block;position: absolute;left: 0.1rem;top: 0;}

.chat-list-item .name span{color: #dbdbdb;font-size: 12px;display: inline-block;margin-left: .3rem;margin-top: 0.02rem;}
.chat-list-item header{margin-bottom: 0.15rem;}
.chat-list-item .time{color: #dbdbdb;font-size: 12px;}



.sub_box{position:fixed;right:.52rem;bottom:1.2rem;z-index:999;width: .7rem;display: none;}
.back_to_top,.reload{text-align:center;cursor:pointer;display:inline-block;width:.7rem;height:.7rem;line-height:.7rem;background-color:rgba(0,0,0,0.5);color:#fff;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:.2rem 0 0 0;font-weight:bold;font-size:.15rem;cursor: pointer;}
.reload{background:rgba(0,0,0,0.5) url(../images/refresh_icon.png) 0 0 no-repeat;background-size:cover;}

.Comments{width: 7.35rem;margin: .25rem auto .3rem;height: 2rem;position: relative;display: flex;}
.Comment-content{width: 7.32rem;display: flex;border: 1px solid red;height: 1.3rem;left: 0;top: 0;border-radius: 0.1rem;-webkit-border-radius: .1rem;padding: 0.1rem;}
.Comment-content textarea{width: 100%;height: 100%;font-family:Roboto,HelveticaNeue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1;}

.Comment-name,.Comment-workSite{position: absolute;bottom: 0;left: 0;height: 0.4rem;line-height: 0.42rem;font-size: 14px;}
.Comment-name input,.Comment-workSite input[type=text]{width: 1.5rem;display: inline;border: 1px solid red;border-radius: 2px;-webkit-border-radius: 2px;margin-left: 0.1rem;height: .39rem;}
.Comment-workSite{left: 2.8rem;}
.Comment-btn{position: absolute;right: 0.05rem;bottom: 0;height: 0.4rem;line-height: 0.4rem;color: #fff;background: red;width: 1rem;text-align: center;border-radius: 0.1rem;-webkit-border-radius: .1rem;cursor: pointer;font-size: 14px;}


.footer {width: 7.35rem;text-align: center;padding-top: 0.3rem;}
.footer p{font-size: 12px;line-height: 22px;}