@charset "utf-8";
/*基础制作页面组件*/

html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, input, textarea, label, ul, ol, dl, li, dt, dd, .clearfix:after { margin: 0; padding: 0; }
html, body { height: 100%;-webkit-text-size-adjust:100% !important;/*解决ios版微信调整字体大小导致页面样式混乱的问题*/}
body {background:#FFF;font-size:0.45rem;padding: 0; margin: 0;
font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", STHeitiSC-Light, simsun, "宋体", "WenQuanYi Zen Hei", "WenQuanYi Micro Hei", sans-serif;box-sizing: border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:640px) {body {background-image:-webkit-linear-gradient(left,#FFF,#fff,#FFF);}}
h1, h2, h3, h4 { font-weight: normal; }
li { list-style-type: none; }
a { text-decoration: none; outline: none; color: #333; }
a:hover { text-decoration: none;color:#2D8BDE; }
table { border-collapse: collapse; border-spacing: 0; }
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
iframe, img { border: 0; }
img { vertical-align: middle; }
input{outline: none}
.clear{clear: both; }
.clearfix { display: block; #zoom:1;}
.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; }
.forcedellipsis{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.forcedellipsis2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.forcedellipsis3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.left { float: left; }
.right { float: right; }
.debug{width:100%;height:1.5rem;}

.container {width:10rem;margin:0 auto;background-color:#fff;overflow:hidden;}
.main {width:10rem;margin:0 auto;background-color:#F1F1F1;overflow:hidden;}

/*-------------------- 直播内页 --------------------*/

/*---------- ad ----------*/
.ad {width:10rem;padding:0.07rem 0 0.05rem 0;height:auto;}

/*---------- column ----------*/
.column {width:10rem;margin:0 auto;background-color:#fff;}

/*---------- video ----------*/
.videomain {width:10rem;height:auto;position:relative;}
.nolive{width:100%;height:5.625rem;}
.nolive img{width:100%;height:5.625rem;}
.onlive{width:100%;height:auto;}
.pageviewsbox{position:relative;text-align:center;}
.pageviews{background-color:rgba(0,0,0,.5);border-radius:5px;line-height:0.5rem;position:absolute;top:0.3rem;left:0.2rem;z-index:9999}
.onlivelogo{height:0.2rem;}
.onlivelogo img{margin:0 auto;vertical-align:middle;}
.persontime{font-size:0.3rem;color:#fff;padding:0 0.15rem 0 0.15rem;margin:0 auto;vertical-align:middle;}

/*---------- 向左循环滚动 ----------*/
#scrollleft {overflow:hidden;width:9rem;background-color:#f5f5f5;padding:0 0.5rem 0 0.5rem;margin:0.05rem auto;}
#inscrollleft {float:left;width:100000%;font-size:0.35rem;color:#3B3B3B;line-height:0.65rem;}
#scrollleft1 {float:left;}
#scrollleft2 {float:left;}

/*---------- 直播内页选项卡 ----------*/
.liveslideTxtBox{width:10rem;height:0.7rem!important;margin:0 auto;}
.liveslideTxtBox .hd{width:10rem;height:0.7rem!important;line-height:0.9rem; padding:0 0;}
.liveslideTxtBox .hd ul{width:100%;height:0.9rem!important;display:flex;}
.liveslideTxtBox .hd ul li{width:31%;height:0.7rem!important;text-align:center;cursor:pointer;font-size:0.4rem;}
.liveslideTxtBox .hd ul li:last-child {width:38%;height:0.7rem!important;text-align:center;cursor:pointer;font-size:0.4rem;}
.liveslideTxtBox .hd ul li.on{color:#3875F6;}
.liveslideTxtBox .bd ul{margin:0 auto 0 auto;}
.liveslideTxtBoxbdul{height:300px;width:10rem;position:absolute;margin:0 auto;}
.liveslideTxtBoxbdulcon{z-index:999;width:10rem;top:0;bottom:0;overflow-y:scroll;}

/*---------- 动态 ----------*/
.liveinfobox{width:10rem;margin:0 auto;background-color:#fff;}
.livetitle{width:9rem;margin:0 auto;}
.livetitle h1{line-height:0.7rem;font-size:0.45rem;margin:0 auto;padding:0.2rem 0 0.1rem 0;}
.liveinfo{width:9rem;margin:0 auto;}
.livelogo{width:0.5rem;height:0.5rem;margin-bottom:0.3rem;}
.livelogo img {width:100%;}
.livename{width:4rem;margin-left:0.2rem;font-size:0.35rem;line-height:0.7rem;}

/** 转发 **/
.liveforwardbtn{margin-right:0;}
.liveforwardbtn button{height:0.6rem;line-height:0.65rem;padding:0 0.3rem;color:#fff;font-size:0.35rem;background-color:#34B3FC;border:none;cursor:pointer;border-radius:5px;}
.liveshare{position:fixed;width:100%;height:100%;left:0;top:0;-moz-opacity:.9;opacity:.9;filter:alpha(opacity=90);-webkit-opacity:.9;background-color:#000;display:none;z-index:9999;}
.share1{display:block;width:55.8%;height:auto;float:right;padding:8% 10% 0% 0;}
.share2{display:block;width:73.8%;height:auto;margin:0 auto;}
.share3{display:block;width:26.2%;height:auto;margin:20% auto;}

/** 关注 **/
.livefollowbtn{margin-right:0.5rem;}
.livefollowbtn button{height:0.6rem;line-height:0.65rem;padding:0 0.3rem;color:#fff;font-size:0.35rem;background-color:#F48C23;border:none;cursor:pointer;border-radius:5px;}
.livefollow{width:7rem;height:7rem;position:fixed;right:0;left:0;bottom:0;top:30%;margin:0 auto;display:none;z-index:9999;background:url(../images/livefollowbg.png) no-repeat;background-size:100% 100%;}
.livefollow .livefollowerwei{width:3rem;height:3rem;margin:0.4rem auto 0 auto;}
.livefollow .livefollowerwei img{width:3rem;height:3rem;}
.livefollow #livefollowclose{width:0.6rem;height:0.6rem;line-height:0;position:absolute;right:0.3rem;top:0.3rem;text-align:center;cursor:pointer;}
.livefollow #livefollowclose img{width:0.6rem;height:0.6rem;margin-top:0;}
.livefollowbg{width:100%;height:100%;left:0;top:0;-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80);-webkit-opacity:.8;background-color:#000;background-size:100% 100%;display:none;position:fixed;z-index:9999;}

/** 直播回放 **/
.liveplaybackbox{background:#fff;width:9rem;margin:0.2rem auto 0 auto;padding-bottom:0.3rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.liveplaybackbox li{width:4.3rem;margin-top:0.3rem;}
.liveplaybackbox li a img{width:100%;}

.liveintroducedebug{width:100%;height:0.2rem;background-color:#F1F1F1;}

/** 直播简介 **/
.liveintroducebox{font-size:0.4rem;background:#fff;width:9rem;margin:0rem auto 0 auto;padding: 0.4rem 0.5rem 0.1rem 0.5rem;}
.liveintroducebox p{margin-bottom:0.1rem;line-height:0.6rem;}
.liveintroducebox p img{width:50%;text-align:center;}

/** 直播倒计时 **/
.livecountdownbox{width:10rem;height:3.2rem;margin:0.2rem auto 0 auto;background-color:#fff;}
.livecountdown{border:1px #EAEAEA solid;width:9.4rem;height:2.7rem;margin:0.2rem auto;background-color:#F5F5F5;border-radius:7.5px;}
.livecountdown .livecountdowninfo{border-bottom:1px #BCBBBB dashed;width:8rem;height:0.9rem;line-height:0.95rem;margin:0 auto;font-size:0.35rem;text-align:center;}
.livecountdown .livecountdownlogo{margin:0.15rem auto 0.2rem auto;text-align:center;}
.livecountdown .livecountdownlogo img{width:2rem;}
.livecountdown .livecountdowntime{width:7rem;margin:0 auto;font-size:0.35rem;color:#fff;display:flex;justify-content:space-between;}
.livecountdown .livecountdowntime span{width:1.3rem;height:0.6rem;line-height:0.65rem;background:#3085F6;border-radius:5px;margin-left:0.3rem;text-align:center;}
.livecountdown .livecountdowntime span:last-child{width:1.3rem;height:0.6rem;line-height:0.65rem;background:#3085F6;border-radius:5px;margin-right:0.3rem;text-align:center;}
/**.livecountdown .livecountdowntime span{width:1.3rem;height:0.6rem;line-height:0.65rem;background:#CB0C00;border-radius:5px;margin-left:0.3rem;text-align:center;}
.livecountdown .livecountdowntime span:last-child{width:1.3rem;height:0.6rem;line-height:0.65rem;background:#CB0C00;border-radius:5px;margin-right:0.3rem;text-align:center;}**/

/** 直播图文 **/
.livepicstextbox{width:10rem;margin:0.2rem auto 0 auto;background-color:#fff;}
.livepicstext{width:10rem;margin:0.2rem auto;}
.livepicstext .livepicstextinfo{width:9rem;height:0.6rem;line-height:0.6rem;margin:0 auto;padding:0 0 0.2rem 0;}
.livepicstext .livepicstextinfo span{font-size:0.35rem;color:#1B88EE;padding-right:0.2rem;}
.livepicstext .livepicstexttitle{width:9rem;line-height:0.6rem;font-size:0.4rem;margin:0 auto;padding:0 0 0.2rem 0;}
.livepicstext .livepicstextonepic{margin:0 auto;width:9rem;}
.livepicstext .livepicstextonepic img{width:100%;}
.livepicstext .livepicstextmorepic{width:9.4rem;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.livepicstext .livepicstextmorepic:after{content:'';width:9.4rem;}
.livepicstextmorepicempty{width:4.3rem;height:0px;}
.livepicstext .livepicstextmorepic p{margin:0 auto;width:4.3rem;height:3.225rem;padding:0 0 0.4rem 0;}
.livepicstext .livepicstextmorepic p:last-child{margin:0 auto;width:4.3rem;height:0;padding:0 0 0.4rem 0;}
.livepicstext .livepicstextmorepic p img{width:4.3rem;height:3.225rem;object-fit:cover;}

/*---------- 互动 ----------*/
.liveinteraction {background-color:#fff;}
.liveinteraction li{padding:0.3rem 0.5rem;}
.liveinteraction li:first-child{padding:0.3rem 0.5rem 0.1rem 0.5rem;border-top:none;}
.liveinteraction .liveinteractionlogo {width:1rem;height:1rem;margin-right:0.2rem;margin-top:0.05rem;}
.liveinteraction .liveinteractionlogo img {width:100%;border-radius:0.6rem;}
.liveinteraction .liveinteractioninfo {width:7.5rem;}
.liveinteraction .liveinteractioninfo .liveinteractionname{width:7.5rem;font-size:0.4rem;color:#1B88EE;}
.liveinteraction .liveinteractioninfo .liveinteractiontime{width:7.5rem;height:0.6rem;line-height:0.6rem;float:left;font-size:0.35rem;color:#B4B4B4;}
.liveinteraction .liveinteractioninfo .liveinteractioncon{width:7.5rem;margin-top:0.1rem;font-size:0.4rem;color:#333;}
.liveinteraction .liveinteractioninfo .liveinteractioncon p img{width:50%;margin-top:0.15rem;}
.liveinteraction .liveinteractioninfo .liveinteractionconemoji{width:7.5rem;margin-top:0.1rem;font-size:0.4rem;color:#333;}
.liveinteraction .liveinteractioninfo .liveinteractionconemoji p {word-wrap:break-word;}
.liveinteraction .liveinteractioninfo .liveinteractionconemoji p img{vertical-align:middle;}

/** 评论框 **/
.livecommentbox{position:fixed;bottom:0px;width:10rem;height:1.5rem;z-index:9999;background:#F0F1F1;box-shadow:0 -1px 5px #ccc;}
.livecommentbox .livecommentcon{padding:0 0.2rem;width:6rem;height:0.9rem;line-height:0.9rem;margin:0.3rem 0.5rem 0 0.2rem;border-radius:5px;font-size:0.45rem;font-family:"微软雅黑";border:1px solid #eee;}
.livecommentbox .livecommentemoji{width:0.9rem;height:0.9rem;line-height:0.9rem;margin-top:0.3rem;background:url(../images/livecommentemoji.png) no-repeat;background-size:100% 100%;border:none;cursor:pointer;}
.livecommentbox .livecommentpicbox{width:0.9rem;height:0.9rem;margin-top:0.3rem;margin-right:0.5rem;background:url(../images/livecommentpic.png) no-repeat;background-size:100% 100%;border:none;cursor:pointer;position:relative;}
.livecommentbox .livecommentpicbox .livecommentpic{width:0.9rem;height:0.9rem;cursor:pointer;opacity:0;filter:alpha(opacity=0);overflow:hidden;}

/** 弹出遮罩层 **/
.livemask{position:fixed;top:25%;left:50%;margin-top:-80px;margin-left:-135px;width:270px;height:auto;border-radius:5px;background-color:#fff;color:#000;text-align:center;}
.livemask p{line-height:20px;font-size:14px;text-align:center;}
.livemask p img{width:270px;height:auto;border-radius:5px;}
.livemaskinside{width:270px;min-height:305px;max-height:450px;height:305px;overflow:none;display:block;}
.livemaskoverfloat{position:fixed;top:0;left:0;z-index:999999;display:none;width:100%;height:100%;background-color:rgba(1,1,1,.5)}

/*-------------------- 直播列表 --------------------*/

/*---------- 直播预告 ----------*/
.livelistlivenoticebox{width:10rem;margin:0 auto 0.3rem auto;background-color:#fff;}
.livelistlivenotice{border:1px #EAEAEA solid;width:9.4rem;margin:0.5rem auto;background-color:#F5F5F5;border-radius:7.5px;}
.livelistlivenotice .livelistlivenoticelogobox{border-right:2px #EBEBEB solid;width:3rem;margin-top:0.3rem;text-align:center;}
.livelistlivenotice .livelistlivenoticelogo{width:2rem;margin:0.3rem auto 0 auto;}
.livelistlivenotice .livelistlivenoticelogo img{width:2rem;margin-top:0.3rem;}
.livelistlivenotice .livelistlivenoticescene{margin:0.2rem auto 0.55rem auto;font-size:0.3rem;text-align:center;} 
.livelistlivenotice .livelistlivenoticescene font{color:#3875F5;padding-right:0.1rem} 
.livelistlivenotice .livelistlivenoticeinfo{width:5.7rem;margin:0.5rem 0.2rem 0.5rem 0;overflow:hidden;position:relative;}
.livelistlivenotice .livelistlivenoticeinfo .bd{}
.livelistlivenotice .livelistlivenoticeinfo .bd ul{overflow:hidden;zoom:1;}
.livelistlivenotice .livelistlivenoticeinfo .bd ul li{text-align:center;zoom:1;}
.livelistlivenotice .livelistlivenoticeinfo .bd ul li .livelistlivenoticetitle{height:1.2rem;line-height:0.6rem;font-size:0.45rem;text-align:left;}
.livelistlivenotice .livelistlivenoticeinfo .bd ul li .livelistlivenoticetime{height:0.6rem;line-height:0.7rem;font-size:0.35rem;color:#3875F5;text-align:left;}

/*---------- 正在直播 ----------*/
.livelistonlivebox{width:10rem;margin:0 auto 0.3rem auto;background-color:#fff;}
.livelistonliveheader {text-align:center;padding-top:0.4rem}
.livelistonliveheader .line {width:0.4rem;margin:0 0.1rem 0.15rem 0.1rem;display:inline-block;border-top:2px solid #A6A6A6;border-radius:2px;vertical-align:middle;}
.livelistonliveheader .content {color:#333333;font-size:0.5rem;line-height:1rem;font-weight:bold;}
.livelistonliveinfo {color:#A6A6A6;font-size:0.35rem;line-height:0.5rem;text-align:center;/*padding-bottom:0.4rem*/}
.livelistvideomain {width:9rem;height:auto;position:relative;}
.livelistonlive{width:9rem;height:5.05rem;}
.livelistonlive img{width:9rem;height:5.05rem;border-radius:5px;}
.livelistpageviews{background-color:rgba(0,0,0,.5);border-radius:5px;line-height:0.5rem;position:absolute;top:0.2rem;right:0.2rem;z-index:9999;}
.livelistonlivelogo{height:0.2rem;}
.livelistonlivelogo img{margin:0 auto;vertical-align:middle;}
.livelistpersontime{font-size:0.3rem;color:#fff;padding:0 0.15rem 0 0.15rem;margin:0 auto;vertical-align:middle;}
.livelistonlivetitle{width:9rem;margin:0 auto;}
.livelistonlivetitle h1{line-height:0.7rem;font-size:0.45rem;margin:0 auto 0.3rem auto;padding:0.2rem 0;}

/*---------- 直播列表选项卡 ----------*/
.livelistslideTxtBox{width:10rem;height:1.2rem;margin:-0.2rem auto 0 auto;}
.livelistslideTxtBox .hd{width:100%;height:1.2rem;line-height:1.2rem;padding:0 0;position:relative;overflow:hidden}
.livelistslideTxtBox .hd ul{width:50%;height:1rem;margin:0 auto;}
.livelistslideTxtBox .hd ul li{width:20%;margin-left:9%;float:left;text-align:center;cursor:pointer;font-size:0.45rem;}
.livelistslideTxtBox .hd ul li:last-child {width:20%;margin-right:9%;float:right;text-align:center;cursor:pointer;font-size:0.45rem;}
.livelistslideTxtBox .hd ul li.on{width:20%;height:1rem;color:#3875F6;position:relative;}
.livelistslideTxtBox .hd ul li.on:before{content: '';position:absolute;width:35%;left:34%;bottom:-5px;text-align:center;border-bottom:5px #1777FE solid;border-radius:5px;}
.livelistslideTxtBox .bd ul{margin:0 auto 0 auto;height:auto;}

/*---------- 心理学直播回放列表选项卡 ----------*/
.livexlxlogo{width:10rem;margin:0rem auto 0 auto;}
.livexlxlogo img{width:100%;margin:0rem auto 0 auto;}
.livexlxlistslideTxtBox{width:10rem;height:1.2rem;margin:0rem auto 0 auto;}
.livexlxlistslideTxtBox .hd{width:100%;height:1.2rem;line-height:1.2rem;padding:0 0;position:relative;overflow:hidden}
.livexlxlistslideTxtBox .hd ul{width:100%;height:1rem;margin:0 auto;display:flex;justify-content:space-around;}
.livexlxlistslideTxtBox .hd ul li{text-align:center;cursor:pointer;font-size:0.45rem;}
.livexlxlistslideTxtBox .hd ul li:last-child {text-align:center;cursor:pointer;font-size:0.45rem;}
.livexlxlistslideTxtBox .hd ul li.on{height:1rem;color:#3875F6;position:relative;}
.livexlxlistslideTxtBox .hd ul li.on:before{content: '';position:absolute;width:35%;left:34%;bottom:-5px;text-align:center;border-bottom:5px #1777FE solid;border-radius:5px;}
.livexlxlistslideTxtBox .bd ul{margin:0 auto 0 auto;height:auto;}


/*---------- 直播回顾 ----------*/
.livelistlivereviewbox{width:10rem;margin:0 auto 0 auto;background-color:#fff;}
.livelistlivereview{width:9rem;height:auto;margin:0.3rem auto 0 0.5rem;list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.livelistlivereview:after{content:'';width:9.4rem;}
.livelistlivereviewempty{width:4.3rem;height:0px;}
.livelistlivereview li{width:4.3rem;margin-bottom:0.5rem;overflow:hidden;background-color:#fff;box-shadow:0px 1px 5px #ccc;border-radius:5px;position:relative;}
.livelistlivereview li span{width:4.3rem;height:2.4rem;overflow:hidden;}
.livelistlivereview li span a img{width:4.3rem;height:2.4rem;}
.livelistlivereview li p{width:3.9rem;line-height:0.6rem;margin:0.2rem auto;padding:0 0.2rem}

/*---------- 更多直播 ----------*/
.more-show {width:3rem;height:0.8rem;line-height:0.9rem;margin:0 auto 0.8rem auto;font-size:0.35rem;text-align:center;background-color:#EEEEEE;border-radius:35px;}
.more-show a {color:#A6A6A6!important;}
.more-show a:hover {color:#2D8BDE!important;}

/*---------- 我是有底线的 ----------*/
.wrapper {text-align:center;}
.wrapper .line {width:30%;display:inline-block;border-top:1px solid #ddd;vertical-align: middle;}
.wrapper .content {color:#ccc;font-size:0.1rem;line-height:1rem;}

/*---------- 返回顶部 ----------*/
.backToTop{display:none;width:28px;height:37px;background:url(../images/up.png) no-repeat;position:fixed;_position:absolute;right:10px;bottom:2rem;font-size:0px;z-index:999; text-indent:-2000px;_bottom:"auto";cursor:pointer;}