@charset "utf-8";
.reply_box .return_close,.reply_tabs .tab-hd .item .s {background:url(../images/headicon.png) no-repeat 0 0;background-size:100px auto;}
.p_main { bottom:50px;}
.footFixed,.reply_box{background:#fff;position:fixed;width:100%;bottom:0;left:0;z-index:1009; padding:0;}

.reply_box { top:0; z-index:1009; background-color:#f9f9f9;}
.reply_box .ft { padding-left:8px; font-size:14px;}
.reply_box.open { display:block;}
.reply_box .return_close{position:absolute;left:10px;top:11px;width:28px;height:24px;text-indent:-999px;overflow:hidden;background-position:-50px -177px;}
.reply_box .cmt_txt2 { vertical-align:top; word-break:break-all; outline:0;margin:0 0 0 0;border:0 none;font-size:14px;line-height:18px;height:200px;padding:7px; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-top:1px solid #eee; background-color:#fff;overflow:auto; -webkit-overflow-scrolling:touch;-webkit-user-select:auto!important;}
.reply_box .cmt_txt2 img { width:auto!important; display:inline!important;}
.reply_box .rsubmit{position:absolute;right:7px;top:7px; padding:2px 10px;border:1px solid #dddddd;background-color:#ffffff; color:#666;background-position:-102px -60px;overflow:hidden;z-index:8; outline:0; font-size:14px;}
.reply_box .rsubmit_new {position:absolute;right:7px;top:256px; padding:1px 20px;border:0 none; border-radius:3px; background-color:#ff8400; color:#fff;background-position:-102px -60px;overflow:hidden;z-index:8; outline:0; font-size:14px;}

.reply_box .title { display:block; line-height:26px; text-align:center; margin:0 auto; padding:10px 0 9px 0; white-space:nowrap; max-width:8em; overflow:hidden; text-overflow:ellipsis;}
.reply_box .reply_tips { text-align:center; font-size:12px; color:#aaa; margin-top:6px;}


.reply_hd .btn:before,.reply_hd .share:before,.reply_hd .num:before,.reply_hd .baoming:before,.reply_hd .zan:before { background:url(../images/video_sp.png) no-repeat 0 0; background-size:70px auto;}

.reply_hd { padding:0; height:40px; line-height:40px; overflow:hidden; font-size:14px; color:#999; background-color:#fff; box-shadow:0 -1px 2px rgba(0,0,0,.1);}

.reply_hd ul { display:-webkit-box; display:-moz-box; display:box;}
.reply_hd ul li { width:100%; -webkit-box-flex:1; -webkit-flex:1; flex:1; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center; position:relative;}

.reply_hd ul .p20 { width:20%;}
.reply_hd ul .p30 { width:30%;}
.reply_hd ul .p40 { width:40%;}

/*.reply_hd ul li:first-child:after { width:1px; height:20px; background-color:#444; content:' '; display:inline-block; position:absolute; right:0; top:11px;}*/
.reply_hd .btn,.reply_hd .baoming { display:block; background-color:#ffc600; color:#2b2938;}
.reply_hd .baoming { background-color:#15d2b2;}
.reply_hd .replay_louzhu { background-color:#2fe5ce;}



.reply_hd .btn:before,.reply_hd .share:before,.reply_hd .num:before,.reply_hd .zan:before,.reply_hd .baoming:before { display:inline-block; vertical-align:-7px; overflow:hidden; content:' '; width:24px; height:24px; margin-right:6px;}
.reply_hd .share { position:static; padding:0;}
.reply_hd .share:before { background-position:-1px -24px;}
.reply_hd .num:before { background-position:0px -57px;}
.reply_hd .zan:before { background-position:-40px -24px;}
.reply_hd .btn:before { background-position:0px -89px;}
.reply_hd .baoming:before { background-position:0 -173px; width:18px;}


.footFixed_active .reply_hd  { height:50px; line-height:50px;}
.footFixed_active .baoming { background-color:#f7b733;}
.footFixed_active .btn { background-color:#4abdac;}

.footFixed_active .share { display:block; background-color:#ff6f5e; padding-top:7px; height:43px; color:#fff; line-height:24px;}
.footFixed_active .share:before { display:block; background-position:-54px -175px; width:16px; height:18px; margin:0 auto;}
.footFixed_active .btn:before { background-position:-26px -173px; width:20px;}

.black .reply_hd { background-color:#2d2e2d;}
.black .reply_hd .btn { color:#2b2938;}
.black .reply_hd .btn:before { background-position:-1px -89px;}


.reply_tabs {}
.reply_tabs .tab-hd {}
.reply_tabs .tab-hd .item { font-size:12px; position:relative; float:left; margin-left:10px; padding-top:42px; width:30px; text-align:center; color:#aaa;}
.reply_tabs .tab-hd .item .s { display:block; position:absolute; top:13px; left:0; width:30px; height:30px;}
.reply_tabs .tab-hd .current { color:#5cc55c;}
.reply_tabs .tab-hd .item .s_1 { background-position:1px -471px;}
.reply_tabs .tab-hd .item .s_2 { background-position:-47px -472px;}
.reply_tabs .tab-hd .item .s_3 { background-position:0px -510px;}
.reply_tabs .tab-hd .current .s_1 { background-position:1px -549px;}
.reply_tabs .tab-hd .current .s_2 { background-position:-47px -549px;}
.reply_tabs .tab-hd .current .s_3 { background-position:0px -587px;}


 
.reply_tabs .face { overflow-y: scroll; -webkit-overflow-scrolling:touch; height:200px; background-color:#fff; border-top:1px solid #eee;border-bottom:1px solid #eee; margin:8px 0 0 0;}
.reply_tabs .face .ul_0 {}
.reply_tabs .face li { float:left; width:10%; text-align:center;}
.reply_tabs .face_2020 .ul_0 { background:none;}
.reply_tabs .face_2020 li { width:12.125%; padding:5px;}
.reply_tabs .face_2020 li a {display: block; padding-top: 100%; position: relative;}
.reply_tabs .face_2020 li a img { width: 100%; display: block; position: absolute;height: 100%; top: 0; left: 0;}
.reply_tabs .face li img { vertical-align:top; width:100%;}
.reply_tabs .imgcon { margin-top:10px;}



/* scrollbar style for webkit */