/* 清除浮动 */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; overflow: hidden; }
.clearfix { zoom: 1; /* for IE6 IE7 */ }
.clear { clear: both; display: block; overflow: hidden; height: 0; line-height: 0; font-size: 0; }

.bold{ font-weight: bolder; }

.head{ width: 6.4rem; height: 3.6rem; margin: 0 auto; }
.pc .head{ width: 640px; height: 360px; }
.container{ width: 6.2rem; margin: 0 auto; margin-bottom: 0.3rem; }
.pc .container{ width: 620px; margin-bottom: 30px; }
.liveInfo{ padding: 0.2rem 0; margin-left: 0.3rem; margin-right: 0.4rem; font-size: 0.22rem; line-height: 0.4rem; }
.pc .liveInfo{ padding: 20px 0; margin-left: 30px; margin-right: 40px; font-size: 22px; line-height: 40px; }
.liveInfo a{ color: #794416; }
.liveInfo a.room:hover{ text-decoration: underline; color: #794416; }

.liveInfo,
.liveCode{ float: left; }
.liveCode{ font-size: 0.18rem; text-align: center; margin-top: 0.2rem; }
.pc .liveCode{ font-size: 18px; margin-top: 20px; }
.liveCode img{ width: 1.53rem; height: 1.53rem; margin-bottom: 0.1rem; }
.pc .liveCode img{ width: 153px; height: 153px; margin-bottom: 10px; }


/*精彩剧照*/
.swipe-container{ position: relative; overflow: hidden; }
.swipe-before,.swipe-after{ position: absolute; display: block; width: 0.17rem; height: 0.35rem; top: 50%;-webkit-transform:translate(0,-50%);margin-top: -0.3rem;}
.swipe-before{ left: 0.16rem;}
.swipe-after{ right: 0.08rem;}
.swipe-wrap{ position: relative; margin: .16rem auto; overflow: hidden; }
.swipe-wrap > .swipe-item{ float: left; width: 100%; height: 100%; position: relative; overflow: hidden;}
.swipe-wrap > .swipe-item > a:after{ display:none; content: attr(data-title); text-align: center; font-size: 0.24rem; background: rgba(0,0,0,0.5); height: 0.46rem; line-height: .46rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%; }
.swipe-wrap > .swipe-item > a,.swipe-wrap > .swipe-item > a > img{ display: block; -webkit-box-sizing:border-box; box-sizing:border-box; }
.swipe-wrap > .swipe-item > a{ position: relative; overflow: hidden; width: 5.46rem; margin: 0 auto; }
.swipe-wrap > .swipe-item > a > img{ display:block; height: 3.5rem; width:5.38rem; margin: 0 auto;}
.swipe-btn{ text-align: center; font-size: 0.18rem; }
.swipe-btn > span{ display: inline-block; }
.swipe-btn > span:last-child:before{ content:'/';margin: 0 6px; }
.img-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;z-index: 1000;display: none;-webkit-box-align: center;-webkit-box-pack: center;}
.img-box img{display: block;-webkit-box-flex:1;width: 100%;}

/*视频*/
.pc .playerWrap{ width: 620px; height: 397px; background-color: #000; }
video{ width: 100%; height: 100%; background-color: #000; }
.videoTitle{ font-size: 0.22rem; padding: 0.2rem 0 0.1rem; }
.pc .videoTitle{ font-size: 22px; padding: 20px 0 10px; }

.title{ font-size: 0.32rem; margin-bottom: 0.1rem; }
.pc .title{ font-size: 32px; margin-bottom: 10px; }
.synopsis{ font-size: 0.26rem; padding: 0.2rem 0.3rem; }
.pc .synopsis{ font-size: 26px; padding: 20px 30px;  }
.synopsis p{ text-indent: 2em; line-height: 0.4rem; }
.pc .synopsis p{ line-height: 40px; }

.review .title{ float: left; }
.review .more{ font-size: 0.2rem; float: right; margin-top: 0.13rem; color: #794416; }
.review .more:hover{ text-decoration: underline; }
.pc .review .more{ font-size: 20px; margin-top: 13px; }

.review{ border-radius: 0.04rem; background-color: #fff; position: relative; margin-top: 0.5rem; padding: 0.2rem 0; }
.review .top{ padding: 0 0.24rem; }
.reviewList{ margin-top: 0.3rem; margin-left: 0.24rem; }
.reviewList li{ width: 5.5rem; height: 1.15rem; margin-bottom: .15rem; }
.reviewList li a{display: block; position: relative; width: 5.5rem; height: 1.15rem; overflow: hidden; }
.reviewList li a img{ width: 1.13rem; height: 1.01rem; float: left; }
.reviewList li a .title{ width: 3.6rem; font-size: 0.18rem; float: left; margin-left: 0.1rem; }
.reviewList li a .p1{ margin-top: 0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reviewList li a .p2{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reviewList li a .reviewArrow{ position: absolute; width: 0.13rem; height: 0.27rem; top: 0.45rem; right: 0; }

/*PC端样式*/
.pc .review{ border-radius: 4px; margin-top: 30px; padding: 20px 0; }
.pc .review .top{ padding: 0 24px; }
.pc	.reviewList{ margin-top: 50px; margin-left: 24px; }
.pc	.reviewList li{ width: 550px; height: 115px; margin-bottom: 15px; }
.pc	.reviewList li a{ width: 550px; height: 115px; }
.pc	.reviewList li a img{ width: 113px; height: 101px; margin-right: 22px; }
.pc	.reviewList li a .title{ width: 360px; font-size: 18px; margin-left: 10px; }
.pc	.reviewList li a .p1{ margin-top: 18px; }
.pc	.reviewList li a .reviewArrow{  width: 13px; height: 27px; top: 45px; right: 0px; }

.pc	.swipe-before,.swipe-after{ width: 0.17rem; height: 0.35rem; margin-top: -.3rem;}
.pc	.swipe-before{ left: 16px;}
.pc	.swipe-after{ right: 8px;}
.pc	.swipe-wrap{ margin: 16px auto; }
.pc	.swipe-wrap > .swipe-item > a:after{ height: 46px; line-height: 46px; }
.pc	.swipe-wrap > .swipe-item > a{ width: 546px; }
.pc	.swipe-wrap > .swipe-item > a > img{ height: 350px; width: 538px; }
.pc	.swipe-btn > span:last-child:before{ content:'/';margin: 0 6px; }

.shareBox{ width: 100%; height: 1px; overflow: hidden; position: fixed; top: -2px; left: 0; opacity: 0;}
/*返回顶部和分享*/
*html{background-image:url(about:blank);background-attachment:fixed;}
.shareTop { width: 36px; position: fixed; right: 0; bottom: 150px; _position:absolute;_bottom:auto;_margin-bottom:150px;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.shareTop a.top{ display: inline-block; width: 36px; height: 36px; margin-bottom: 10px; }
.bdsharebuttonbox  sa{ display: block;float: none;font-size: 14px; height: 76px; }
#bdsharemore{ margin: 0; padding: 0; display: inline-block; width: 36px;height: 76px;}
.shareTop .tecentWeiXin a{ display: inline-block; width: 36px; height: 139px;/* margin-top: 10px;*/ }
.shareTop .tecentWeiXin{ position:relative; }
.shareTop .tecentWeiXin i { position:absolute; display:none; width:148px; height: 150px; left: -148px; top: 0; }
.shareTop .tecentWeiXin:hover i { display: block; }

#miniTop,#footer_link_info,.shareTop{ display: none; }