/* reset+css库 */
@charset "utf-8";
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, figure{margin: 0;}
a{ color: #333; text-decoration:none;cursor: pointer;}
body{word-wrap:break-word;color: #333;}
body,input,button{font: 0.24rem/0.48rem "苹方","PingFang","\82f9\65b9","微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
input,button,select,textarea,fieldset{padding: 0;margin: 0;border:none;background: none;outline: none;color: #333;}
input{-webkit-appearance: none;appearance: none;}
textarea{resize: none;}
ul,ol,li,dl{list-style:none;margin:0; padding:0;}
h1,h2,h3,h4,h5{font-weight:normal;}
i,em,b{font-style:normal;font-weight:normal;list-style:none;}
mark{background: none;}
img{display: inline-block;}

/**************以下为评论功能样式*******************/
.pllist{
    background-color: #fff;font-family: "苹方","PingFang","\82f9\65b9","思源黑体","Noto Sans CJK SC","微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";
}
.pllist a{
    text-decoration:none;
}
.container {padding-bottom: 1rem;}

.userPro {
    width: 75px; vertical-align:top;
}
.userPro img {
    width:48px;padding: 2px; border:solid 1px #ddd; background:#FFFFFF;
}
.commentTextList{
    font-size:14px; line-height:24px;
}
.comment {
    border-bottom: 1px solid #DDD;
    padding: 5px;
}
.yinyong {
    background: #F2F2F2;
    margin: 9px 0 5px 0;
    padding: 5px 9px;
    font-size: 12px;
    border: 1px solid #DDD;
}
.info{
    font-size:12px; color:#BBBBBB; width:100%; height:auto; line-height:30px; overflow:hidden; clear:both;
}
.info .right a{
    font-size:10px; letter-spacing: -2px;
}
.info .right .reply{
    font-size:14px !important; letter-spacing: 0 !important;
}

.word{
    word-break:break-all;
    text-indent: 0rem;
    margin: 0;
    padding: 0;
    height:auto;
    overflow:hidden;
}
.word img{
    display:inline-block; height:24px;vertical-align: middle;
}
.light {
    background: white;
}

.login-btn-area{margin-top:10px;color:#2E9FFE;font-size:14px;text-align: center;}
.login-btn-area a{color:inherit;font-size:inherit;}

.user_name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.left {
    float: left;
}
.right {
    float: right;
}
.clearfix {
    clear: both;
}

.dev_info, .dev_info a{
    color: #999 !important;
    text-decoration: none;

    font-size: 12px;
}

.comment-list{margin: 0 .3rem;}
.comment-list>li{position: relative;overflow: hidden;min-height: 1.6rem;padding: .24rem 0 .1rem .86rem;width: 100%;box-sizing: border-box;}
.comment-list>li>span{display: block;position: absolute;left: 0;top: .24rem;width: .72rem;height: .72rem;text-align: center;-webkit-border-radius: 50%;border-radius: 50%;overflow: hidden;}
.comment-list>li>span img{max-width: 100%;max-height: 100%;display: block;position: relative;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-border-radius: 50%;border-radius: 50%;}
.comment-detail .author{line-height: 0.4rem;position: relative;overflow: hidden;margin-bottom: .12rem;}
.comment-detail .author>a{font-size: .28rem;color: #2e9fff;float: left;width: 3rem;}
.comment-detail .author time{float: left;margin-left: .6rem;font-size: .22rem;}
.comment-detail p{font-size: .32rem;line-height: 1.4375rem;}
.comment-detail p img{height: 0.46rem;font-size: .32rem;vertical-align: bottom;}

.top-step{float: right;position: relative;overflow: hidden;}
.top-step b{display: inline-block;padding-left: .46rem;float: left;position: relative;}
.top-step b a{display: block;position: absolute;width: .4rem;height: .4rem;left: 0;top: 0;background-image: url(../../images/pl-icons.png);background-repeat: no-repeat;background-size: 1.2rem .8rem;}
.top-step b a.top-btn{background-position: 0 0;}
.top-step b a.step-btn{background-position: -0.4rem 0;}
.top-step b a:active{opacity: .8;}
.top-step b span{font-size: .24rem;color: #b9b9b9;display: block;font-weight: bold;}
.top-step b.step{margin-left: .3rem;}
.top-step b.on a.top-btn{background-position: 0 -0.4rem;}
.top-step b.on a.step-btn{background-position: -0.4rem -0.4rem;}
.top-step b.on span{color: #ff665c;}

.first-bottom{margin-top: .05rem;position: relative;line-height: .48rem;overflow: hidden;height: .46rem;}
.first-bottom time{font-size: .24rem;float: left;}
.first-bottom span{display: block;width: .4rem;height: 100%;float: left;text-align: center;font-size: .4rem;}
.first-bottom a.reply{display: block;font-size: .22rem;float: left;height: 100%;padding: 0 0.22rem;background: #f2f2f2;-webkit-border-radius: .22rem;border-radius: .22rem;}
.first-bottom a.f-reply{font-size: .22rem;float: left;height: 100%;}
.first-bottom a.inform{display: block;font-size: .22rem;float: right;height: 100%;padding: 0 .22rem;color: #999;margin-right: -.22rem;}
.first-bottom a:active{opacity: .8;}

.comment-title{background: #f8f8f8;margin-bottom: .12rem;padding: 0 .3rem;font-size: .3rem;line-height: .6rem;min-height: .6rem;}
.comment-title .refresh{float: right;color: #2e9fff;}

.load-more{cursor: pointer;margin: .2rem 1rem; text-align: center;font-size: .3rem;line-height: 0.6rem;color: #2e9fff;}

.comment-footer{height: 1rem;position: fixed;width: 100%;left: 0;bottom: 0;padding: 0.18rem 1.2rem 0.18rem 0.3rem;box-sizing: border-box;background: #fff;border-top: solid 1px #ebebeb;z-index: 50;}
.comment-footer .comment-fake{border: solid 1px #ebebeb;background: #f8f8f8;-webkit-border-radius: .3rem;border-radius: .3rem;padding: 0 .24rem;box-sizing: border-box;height: 100%;font-size: 0.3rem;color: #b3b3b3;line-height: 0.62rem;}
.comment-footer .comment-num{padding: 0 0 0.32rem 0.26rem;height: 0.22rem;position: absolute;right: 0.14rem;min-width: .22rem;top: 0.2rem;background: url(../../images/comment-num.png) no-repeat left bottom;background-size: 0.48rem;}
/*.comment-footer .comment-num{width: 0.48rem;height: 0.48rem;position: absolute;right: 0.3rem;top: 0.26rem;background: url(../../images/comment-num.png) no-repeat center;background-size: 100%;}*/
.comment-num span{display: block;font-size: 0.16rem;height: 0.2rem;line-height: 0.22rem;border: solid 1px #fff;padding: 0 0.08rem;background-color: #fa6652;color: #fff;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;max-width: 0.56rem;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}

.c-footer {position: fixed;left: 0;top: 0;right: 0;height: 200%;z-index: 110;background: #f8f8f8;}
.import-head{height: 0.8rem;background: #2e9fff;padding: 0 0.22rem;}
.import-head a.return{display: block;float: left;padding-left: 0.36rem;height: 100%;font-size: 0.28rem;line-height: 0.82rem;color: #fff;background: url(../../images/back.png) no-repeat left;background-size: 0.18rem;}

.login-shade{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 101;}
.footer-bottom{background: #fff;}
.footer-main {overflow: hidden;position: relative;}
.footer-main .c-input {height: 2.98rem;padding: .12rem 0.24rem;}
.c-input .c-content {font-size: .3rem;line-height: 0.52rem;width: 100%;height: 2.98rem;outline: 0;font-family: "苹方","PingFang","\82f9\65b9","思源黑体","Noto Sans CJK SC","微软雅黑","Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
::-webkit-input-placeholder{color: #b3b3b3;}
:input-placeholder{color: #b3b3b3;}
.c-input b {color: #2e9fff;display: block;font-size: .26rem;line-height: 0.36rem;font-weight: normal;margin-bottom: 0.1rem;}
.c-input b + .c-content{height: 2.6rem;}

.comment-control{padding: 0 0.24rem;height: 0.9rem;border-bottom: solid 1px #ebebeb;box-sizing: border-box;}
.comment-control a.toggle{display: block;float: left;width: .4rem;height: .4rem;margin-top: 0.25rem;background-image: url(../../images/pl-icons.png);background-repeat: no-repeat;background-size: 1.2rem .8rem;background-position: -0.8rem 0;}
.comment-control a.toggle.on{background-position: -0.8rem -0.4rem;}
.comment-control a.send {display: block;float: right;width: 1.2rem;height: 0.52rem;font-size: 0.3rem;line-height: 0.54rem;background-color: #2e9fff;color: #fff;text-align: center;margin-top: 0.24rem;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;}

.c-emoji-contain {
  border-top: solid 1px #ebebeb;
  display: none;
}
.c-emoji {
  padding-top: .36rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flex;
  display: flex;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.c-emoji>div{-webkit-flex-shrink: 0;flex-shrink: 0;display: -webkit-box;display: -moz-box;display: -ms-box;display: -webkit-flex;display: flex;}
.c-emoji-list {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 7.5rem;
  padding: 0 .25rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.c-emoji-list li {
  width: .6rem;
  height: .6rem;
  float: left;
  margin: 0 .2rem .36rem;
  position: relative;
  overflow: hidden;
}
.c-emoji-list li img {
  width: 100%;
  display: block;
}
.c-emoji-list li a.c-emoji-delete {
  display: block;
  background: url(../../images/pl-delete.png) no-repeat center;
  background-size: .6rem;
  height: 100%;
}
.c-emoji-type {
  text-align: center;margin-top: -0.4rem;border-bottom: solid 1px #ebebeb;
}
.c-emoji-dotted {
  height: .08rem;
  padding: .16rem 0 .2rem;
}
.c-emoji-dotted ol {
  display: inline-block;
  vertical-align: top;
}
.c-emoji-dotted ol li {
  width: .08rem;
  height: .08rem;
  float: left;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #d8d8d8;
  margin: 0 .1rem;
}
.c-emoji-dotted ol li.on {
  background: #333;
}
.c-emoji-nav {
  height: .6rem;
  line-height: .6rem;
  background: #f8f8f8;
  padding: 0 .1rem;
}
.c-emoji-nav li {
  float: left;
  font-size: .28rem;
  color: #b3b3b3;
  padding: 0 .28rem;
  margin: 0 0.08rem;
}
.c-emoji-nav li.on {
  color: #333;
}
/* 分页提示 */
.c-tips {
  position: relative;
  overflow: hidden;
  text-align: center;
  height: 0.42rem;
  padding: .1rem 0;
  line-height: 0.42rem;
  opacity: 0;
}
.c-tips span {
  color: #aaa;
  font-size: 0.24rem;
  display: inline-block;
  vertical-align: top;
}

.comment-list ul.c-list {
  position: relative;
  overflow: hidden;
  margin-top: .16rem;
  padding-top: .12rem;
}
.comment-list ul.c-list li {
  background-color: #f8f8f8;
  padding: .12rem .2rem;
}
.comment-list ul.c-list.even > li {
  background: #fff;
}
.comment-list ul.c-list .comment-detail {
  padding: 0;
}
.comment-list ul.c-list .comment-detail h3 {
  margin-bottom: 0;font-weight: normal;
}
.comment-list ul.c-list .comment-detail h3 a {
  font-size: .28rem;
  color: #999;
}
.comment-list ul.c-list .comment-detail h3 a.c-name{color: #2e9fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width: 2rem;height: 0.4rem;}
.comment-list ul.c-list .comment-detail h3 a.c-reply,
.comment-list ul.c-list .comment-detail h3 a.c-inform {
  float: right;
  font-size: .22rem;
  margin: 0 .08rem;
}
.comment-list ul.c-list .comment-detail p {
  line-height: 0.46rem;
  font-size: .34rem;
}
.comment-list ul.c-list .comment-detail p a {
  color: #2e9fff;
}
.comment-detail h3 {
  line-height: 0.4rem;
  position: relative;
  overflow: hidden;
  margin-bottom: .14rem;
}
.comment-detail h3 > a {
  font-size: .28rem;
  color: #2e9fff;
  float: left;
}
.comment-detail h3 time {
  float: left;
  margin-left: .13rem;
  font-size: .22rem;
}
.comment-detail p {
  font-size: .34rem;
  line-height: 0.46rem;
}
.comment-detail p img {
  height: 0.46rem;
}
.comment-detail p a {
  color: #2e9fff;
}

/*分房样式*/
#section_4{position:relative;}
/* .sel_room_area{position:absolute;top:0;z-index:8;} */
.sel_room_area{
	position: absolute;right: 0;top: 4rem;z-index: 8;
	width: 1.28rem;
	height: .64rem;line-height: .64rem;
	background: #FEFFFE;
	box-shadow: 0px 2px .1rem 0px rgba(0,0,0,0.1000);
	border-radius: .32rem 0px 0px .32rem;
	background-color: #fff;text-align: center;
}
.sel_room_area .room_content{
	display: inline-block;
	font-size: .28rem;color: #2E9FFF;
}
/* .sel_room_area .room_content{padding:5px 20px 5px 10px;background:#74B5F7;color:white;} */
.sel_room_area .room_content:after{
	content: "";
	position: relative;
	top: 3px;
	left: 3px;
    display: inline-block;
    border-style: solid;
    border-color: #2e9fff transparent transparent transparent;
    border-width: 5px 3px;
}
.room_bg{position:fixed;width:100%;height:100%;top:0;left:0;background:#000;z-index:1000;opacity:0.3;}
.sel_room{position:fixed;top:50%;width:100%;height:230px;margin-top:-100px;z-index:1001;}
.sel_room .content{margin:0 auto;width:80%;max-width:460px;height:auto;background:white;border-radius:8px;padding:10px;}
.sel_room .room_title{text-align:center;}
.sel_room .room_title h2{margin:10px 0;font-size:20px;}
.sel_room .room_title p{color:#bbb;}
/*.sel_room .room_info ul{margin-top:-5px;}*/
.sel_room .room_info ul li{margin-top:5px;background:#eee;border-radius:2px;}
.sel_room .room_info ul li a{display:block;padding:10px 15px;}
.sel_room .room_info ul li.text_align{margin-top:10px;text-align:center;background:#74B5F7;border-radius:5px;}
.sel_room .room_info ul li.text_align a{color:white;}
.room_info ul li .gou{display:none;width:15px;height:15px;vertical-align: middle;float:right;margin-top:5px;}
.room_info ul li .active{display:inline-block;}
/*弹幕*/
#dmbox{display:block;position:fixed;bottom:0;left:0;right:0;height:80px;z-index:9;box-shadow: 0 -1px 20px #ccc;background:#FFFFFF;}
#danmu2{opacity:0.9;background:#fff;}
.box_room{width: 100%; height: 60px;text-align: center;line-height:60px;background:#fff;}
.dm_room1, .dm_room2 {  width: 110px;}
.dm_room1{margin-right:10px;}
.room{ width: 100px; height: 32px; display: inline-block; background: #fff; font-weight: bold; text-align: center; line-height: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #aaa;
}
.room>a{
    color: #555;
    display: block;
    font-size: 14px;
   }
a:hover{color:inherit;}
.dm_tan{position:fixed;right:.3rem;bottom:1.09rem;z-index:10;display:none;}
.dm_tan .tan{display:inline-block;width:.95rem;height:.95rem;text-align:center;border-radius:50%;outline:0;border:none;}
.dm_tan .tan img{width:100%;vertical-align: middle;}
.dm_close{position:fixed;left:.12rem;bottom:56.5px;width:.73rem;height:.73rem;z-index: 10;text-align:center;}
.dm_close a{display:block;width:inherit;height:inherit;border:none;-webkit-border-radius:50%;border-radius:50%;}
.dm_close a img{width:100%;}

.dm_box .reward{position:fixed;right:54px;bottom:50px;width:32px;height:32px;border-radius:50%;text-align:center;line-height:32px;z-index:10;border:none;background:#F96565;cursor:pointer;color:#fff;font-size:18px;}
.reward_area{position:fixed;display:none;bottom:0;width:100%;min-width:320px;background:#fff;z-index:11;}
.reward_area .sel_gold{padding:10px 0 20px 0;overflow:hidden;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.reward_area .sel_gold ul li{float:left;width:33.33%;padding-top:10px;}
.reward_area .sel_gold ul li a{display:block;width:80%;max-width:150px;height:30px;line-height:30px;border-radius:30px;margin:0 auto;text-align:center;border:1px solid #dfdfdf;}
.reward_area .sel_gold ul li a.on{color:#F96565;border:1px solid #F96565;}
.reward_area .balance{height:50px;line-height:50px;text-indent:12px;}
.reward_area .balance .yu_e{padding:5px 20px 5px 0;background:url('//static4style.duoduocdn.com/m_images/jinbi.png') no-repeat;background-position:right center;background-size:16px;}
.reward_area .balance .r_btn{float:right;width:80px;height:30px;text-align:center;text-indent:0;line-height:30px;border-radius:5px;background:#F96565;color:#fff;margin: 10px 12px 0 0;}
.reward_area .balance .rank_btn{background:#fff;color:inherit;border:1px solid #dfdfdf;margin-right:5px;}

.dm_pinglun{position:fixed;right:.12rem;bottom:56.5px;width:.73rem;height:.73rem;z-index: 10;border:none;-webkit-border-radius:50%;border-radius:50%;}
.dm_pinglun img{width:100%;}

.input_area{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1111;padding-top:5px;padding-bottom:5px;height:auto;background:#fff;}
.input_area .input_top{clear:both;background:#74b5f7;overflow:hidden;}
.input_area .close_send{float:left;width:50px;height:40px;line-height:40px;text-align:center;cursor:pointer;background:url(//static4style.oss-cn-hangzhou.aliyuncs.com/txt_m_img%2Ffanhui.png) no-repeat center center;}
.input_area .input_info{height:auto;}
.input_area .input_info textarea{width:100%;height:80px;padding:0;padding-left:5px;outline:0;border:1px solid #e2e2e2;box-sizing:border-box;}
.input_area .send_info{float:right;width:80px;text-align:center;line-height:40px;}
.input_area .send_info a{display:inline;padding: 6px 12px; color: white; border: 1px solid #74b5f7; border-radius: 6px; background: #74b5f7; font-size: 14px;}
section{position:relative;/*max-height:200px;*/}

/*弹窗提示框*/
.alert-box{position:relative;z-index:11;font-size:16px;}
.alert-box .alert-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:8}
.alert-box .alert-ent{position:fixed;top:50%;left:50%;width:280px;z-index:9;background:#fff;padding:0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;
-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
-webkit-border-radius:5px;border-radius:5px;}
.alert-box .alert-mesg{padding:24px 0 20px;text-align: center;font-size:18px;font-weight:inherit;}
.alert-box .alert-info{font-size:15px;margin-bottom:20px;line-height:24px;}
.alert-box .btn-area{position:static;margin:0 -15px;width:auto;}
.alert-box .alert-btn{display:block;height:40px;line-height:40px;margin:0 auto;font-weight:normal;color:#333;text-align: center;border-top:1px solid #f2f2f2;}
.alert-box .cancel,.alert-box .sure{float:left;margin-right:0px;width:50%;height:40px;font-size:15px;line-height:40px;text-align: center;font-weight:normal;border-top:1px solid #f2f2f2;}
.alert-box .cancel{border-right:1px solid #f2f2f2;box-sizing:border-box;-webkit-box-sizing:border-box;}