.letter-container .message_wrap{width:100%;height:600px;background:#fff;border:1px solid #ebebeb;border-radius:4px;margin-top:20px;box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1)}.letter-container .message_left{float:left;width:247px}.letter-container .message_right{float:left;width:578px;height:540px;position:relative;padding-top:60px}.letter-container .message_left ul li{height:59px;border-bottom:1px solid #f4f7f9;position:relative;background:#fff}.letter-container .message_left ul li:hover .comment_hover{display:block}.letter-container .message_detail_header img,.letter-container .message_left ul li img{width:36px;height:36px;border-radius:50%;float:left;margin:11px 8px 0 15px}.letter-container .message_detail_header div,.letter-container .message_left ul li div{float:left;margin-top:8px}.letter-container .message_left ul li p{float:right;margin:10px 10px 0 0}.letter-container .message_detail_header span,.letter-container .message_left ul li div span,.letter-container .message_left ul li p span{display:block}.letter-container .message_detail_header span,.letter-container .message_left ul li div span{font:14px/20px 微软雅黑;color:#000}.letter-container .message_left ul li div span em{font-style:normal}.letter-container .message_left .message_brief{font-size:12px;color:#959595;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.letter-container .message_left ul li p span{font:12px/18px 微软雅黑;color:#959595}.letter-container .comment_hover{position:absolute;width:82px;height:59px;right:0;background:url(https://cdn.aigupiao.com/static/pc/img/teacher_livers/message_hover_bg.png) no-repeat;display:none}.letter-container .comment_hover i{position:absolute;width:40px;height:40px;background:url(https://cdn.aigupiao.com/static/pc/img/teacher_livers/message_close.png) no-repeat 50%;top:10px;right:5px;cursor:pointer}.letter-container .message_detail_header{height:59px;border-bottom:1px solid #f4f7f9;position:absolute;top:0;width:100%;background:#f3f5f6}.letter-container .message_detail_header em{margin-left:6px;color:#f27a55;font-size:12px;font-style:normal}.letter-container .message_detail_header .surplus_time{color:#959595;font-size:12px}.letter-container .message_dialogue{max-height:437px;overflow-y:auto}.letter-container .message_dialogue ul{padding-top:30px;padding-bottom:26px}.letter-container .message_dialogue_left img,.letter-container .message_dialogue_right img{width:30px;height:30px;border-radius:50%}.letter-container .message_dialogue_left img{margin:7px 10px 34px 20px;float:left}.letter-container .message_dialogue_left .dialogue_detail{float:left}.letter-container .dialogue_detail span{display:block;font:12px/22px 微软雅黑;color:#969696}.letter-container .message_dialogue_left .dialogue_detail span{text-align:left}.letter-container .dialogue_detail div{position:relative;border:1px solid #d7d7d7;border-radius:4px;padding:7px 12px;max-width:380px;margin-bottom:14px}.letter-container .dialogue_detail div i{position:absolute;width:7px;height:7px;top:5px}.letter-container .message_dialogue_left .dialogue_detail div{float:left}.letter-container .message_dialogue_right .dialogue_detail div{float:right}.letter-container .message_dialogue_left .dialogue_detail div i{background:url(https://cdn.aigupiao.com/static/pc/img/teacher_livers/message_ico1.png) no-repeat;left:-7px}.letter-container .dialogue_detail div p{font:13px/18px 微软雅黑;color:#505050}.letter-container .message_dialogue_right img{margin:7px 20px 34px 10px;float:right}.letter-container .message_dialogue_right .dialogue_detail{float:right}.letter-container .message_dialogue_right .dialogue_detail span{text-align:right}.letter-container .message_dialogue_right .dialogue_detail div i{background:url(https://cdn.aigupiao.com/static/pc/img/teacher_livers/message_ico3.png) no-repeat;right:-7px}.letter-container .message_dialogue::-webkit-scrollbar{width:5px;background:#d7d7d7}.letter-container .message_dialogue::-webkit-scrollbar-thumb{background:#28a8f1}.letter-container .message_left{height:600px;overflow-y:scroll}.letter-container .message_left::-webkit-scrollbar{width:5px;background:#d7d7d7}.letter-container .message_left::-webkit-scrollbar-thumb{background:#28a8f1}.letter-container .voice_left .dialogue_detail div,.letter-container .voice_right .dialogue_detail div{border:1px solid #dc8b27;background:#fd9827}.letter-container .voice_left .dialogue_detail div p,.letter-container .voice_right .dialogue_detail div p{color:#fff}.letter-container .voice_left .dialogue_detail div i{background:url(https://cdn.aigupiao.com/static/pc/img/teacher_livers/message_ico4.png) no-repeat;right:-7px}.letter-container .voice_right .dialogue_detail div i{background:url(https://cdn.aigupiao.com/static/pc/img/teacher_livers/message_ico2.png) no-repeat;right:-7px}.letter-container .dialogue_detail .dialogue_img{padding:3px}.letter-container .dialogue_detail .dialogue_img img{width:150px;height:90px;margin:0;border-radius:0}.letter-container .dialogue_reply_wrap{width:100%;height:102px;border-top:1px solid #d7d7d7;position:absolute;bottom:0}.letter-container .dialogue_reply_wrap textarea{float:left;width:395px;height:82px;padding:10px 15px;resize:none;overflow-y:auto;font:13px/22px 微软雅黑;color:#505050;outline:none}.letter-container .dialogue_reply_wrap textarea::-webkit-scrollbar{width:5px;background:#d7d7d7}.letter-container .dialogue_reply_wrap textarea::-webkit-scrollbar-thumb{background:#989797}.letter-container .reply_btn_box{float:right;margin-top:15px}.letter-container #reply_btn,.letter-container #reply_img{display:block;border-radius:4px;text-align:center;margin:5px 15px 0 15px}.letter-container #reply_img{width:68px;height:20px;font:12px/20px 微软雅黑;color:#aabbbf;position:relative;background:#eff3f4;border:1px solid #d7dfe1}.letter-container #reply_img input{width:68px;height:20px;opacity:0;position:absolute}.letter-container .reply_btn{width:70px;height:30px;font:12px/30px 微软雅黑;color:#fff;background:#1eaaf1;border:1px solid #1c9fdf}.letter-container .rb_active{background:#c7cdd0;border:1px solid #c7cdd0}.letter-container .message_left ul li.message_list{background:#f3f5f6}.letter-container .message_left ul a{float:left;height:59px;width:100%}.letter-container .no_message{display:block;margin:50px 0;text-align:center}.letter-container .pop_layer_review{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}.letter-container .pop_layer_bg{width:100%;height:100%;background:#000;opacity:.5}.letter-container .layer_contain{width:292px;height:200px;background:#fff;position:absolute;left:40%;top:30%;opacity:1;border:1px solid #ccc}.letter-container .layer_contain h4{height:40px;border-bottom:1px solid #f0f0f0;font:12px/40px 微软雅黑;color:#323232;padding-left:10px;font-weight:700}.letter-container .layer_contain_m i{display:block;width:47px;height:53px;background:url(https://cdn.aigupiao.com/static/pc/img/teacher_livers/pop_layer_ico.png) no-repeat;margin:0 auto;margin-top:20px}.letter-container .layer_contain_m p{font:12px/32px 微软雅黑;color:#505050;text-align:center;font-weight:700;margin-bottom:12px}.letter-container .layer_contain_btn{height:27px;padding:8px 0;background:#f2f2f5}.letter-container .layer_contain_btn a{display:inline-block;width:60px;height:25px;border:1px solid #d9d9d9;border-radius:4px;font:12px/25px 微软雅黑;color:#323232;text-align:center;font-weight:700;margin-right:7px}.letter-container .layer_btn_box{width:145px;margin:0 auto}.letter-container #pop_review .active{background:#1eaaf1;border-color:#1eaaf1;color:#fff}.letter-container #pop_delete .active{background:#ed494d;border-color:#ed494d;color:#fff}.letter-container #pop_delete{display:none}.letter-container .w_modal_w{width:350px;height:50px;position:fixed;left:30px;bottom:30px;z-index:99999;background:#333;color:#fff;padding-left:20px;font-size:15px;line-height:50px;border-radius:2px}.letter-container .message_wrap{position:relative;margin-top:40px}.letter-container .message_fresh{position:absolute;top:-37px;width:50px;height:30px;background:#fd9827;border:1px solid #dc8b27;border-radius:3px;color:#fff;text-align:center;line-height:30px}.letter-container .message_dialogue .dialogue_detail img.AGP_face{width:20px;height:20px;vertical-align:sub;margin:0;float:none;border-radius:100%}