* {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;background: #f0f0f0;}


.logo{width: 100%;height: .68rem;background: #e41919;padding-top: 0.02rem;position: relative;}
.logo img{width: 2.1rem;}
.logo_l{background: url(../images/logo.png) top left no-repeat;width: 4.5rem;height: .68rem;background-size: 100% auto;}
.video-logo{display:flex;position: absolute;height: .42rem;right: 0.1rem;top: 0.15rem;}
.video-text{padding:0.05rem .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;overflow:hidden;}
#a1,#playbackvideo,#livevideo{width: 100%;height: 3.5rem;}
.shortvideo{width: 6.53rem;margin: 0 auto 0.1rem;display: block;height:auto;}
.shortvideo video{width£º6.53rem;}

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

.wrap_tab{height: 1rem;background: #fff;display:flex;}
.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;background: #f6f6f6;}
.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;background: #fff;}
.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;}


.chat-list-item header,.live-list-item header{display:flex;align-items:center;-webkit-box-align:center;margin: .3rem .3rem .2rem;background: url(../images/red_logo.png) no-repeat;background-size: .4rem .4rem;height: .4rem;padding-left: .5rem;}

.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 0.1rem;display: block;}
.content span{display: block;text-align: center;margin: 0 auto;max-width: 6.53rem;color: #000;word-break:break-all;font-size: 14px;padding-bottom: .2rem;}

.chat-list-item header{background: url(../images/liuyan.png) no-repeat;background-size: .4rem .4rem;}

.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;}


.ValError {
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border-radius: 2px;
  color: #FF0000;
  font-size: 9px;
}

#loadingbar{ 
	display: none;
  bottom:2.2rem;z-index:999;width: 0.5rem;height: 0.5rem;
  margin:0 auto;
  background:url('https://xwfb.gog.cn/images/loading.gif') 0 0 no-repeat;background-size:cover;
}


.hide{
	display: none;
}


.pic_list, .pic_list2, .pic_list3{
    margin-bottom: 2%;
}

.pic_list2>li{
    float: left;
    width: 46%;
    text-align: center;
    /*border: 1px solid #ccc;*/
    padding-top: 21%;
    margin-left: 1%;
    margin-top: 1%;
    position: relative;
}

.pic_list3>li{
    float: left;
    width: 32%;
    text-align: center;
    /*border: 1px solid #ccc;*/
    padding-top: 31%;
    margin-left: 1%;
    margin-top: 1%;
    position: relative;
}
.pic_list2>li>div, .pic_list3>li>div{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.pic_list>li>div>img{
    border-radius:5px;
}

.pic_list2>li>div>img{
    display: inline-block;
    margin-top: 23%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:100%;height:100%;
    border-radius:5px;
}

.pic_list3>li>div>img{
    display: inline-block;
    margin-top: 49%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:100%;height:100%;
    border-radius:5px;
}

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