.main_btn{flex:1;width:100%;height:36px;border-radius:5px;color:#fff;background:#f56c6c;text-align:center;line-height:36px;padding:0 15px;cursor:pointer}.main_btn.noclick{background:#dcdcdc}.main_btn.main_btn_qx{background:#efefef;color:#888}.main_btn.main_btn_change{background:#ebd075}.main_btn.main_btn_small{padding:0 10px;height:30px;line-height:30px;font-size:.9em}.main_btn.main_btn_ok{background:#32cd32}.main_btn.main_btn_sub{background:#1e90ff}.onlinemsgbox{display:flex;flex-direction:column;background:#fafafa;max-width:800px;position:relative}.onlinemsgbox .msgconbox{flex:1;overflow:auto;height:100%}.onlinemsgbox .msgconbox .msgcon2box{padding:10px 15px}.onlinemsgbox .msgconbox .li{display:flex;flex-direction:row;margin-bottom:15px}.onlinemsgbox .msgconbox .li .msgcon{flex:1}.clear:after{clear:both;content:"";display:table}.onlinemsgbox .msgconbox .li .msgcon.left{margin-right:50px}.onlinemsgbox .msgconbox .li .msgcon.right{margin-left:50px}.onlinemsgbox .msgconbox .li .msgcon .userinfo{position:relative}.onlinemsgbox .msgconbox .li .msgcon.right .userinfo{text-align:right}.onlinemsgbox .msgconbox .li .msgcon .userinfo .time{font-size:11px;color:#999}.onlinemsgbox .msgconbox .li .msgcon.right .userinfo .me{margin-left:10px}.onlinemsgbox .msgconbox .li .msgcon.left .userinfo .me{margin-right:10px}.onlinemsgbox .msgconbox .li .msgmain{padding-top:5px;display:flex;flex-direction:row}.onlinemsgbox .msgconbox .li .msgmain .con{min-width:50px;position:relative;padding:10px;width:auto;border-radius:4px}.onlinemsgbox .msgconbox .li .msgmain .con:after{content:"";position:absolute;width:0;height:0;top:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff}.onlinemsgbox .msgconbox .li .msgcon.right .con{background:#95eb6c;margin-left:auto}.onlinemsgbox .msgconbox .li .msgcon.left .con{background:#fff;margin-right:auto}.onlinemsgbox .msgconbox .li .msgcon.left .con:after{left:20px}.onlinemsgbox .msgconbox .li .msgcon.right .con:after{border-bottom-color:#95eb6c;right:20px}.onlinemsgbox .msgconbox .li .msgcon .con.con2{background:none}.onlinemsgbox .msgconbox .li .msgmain .con.con2:after{display:none}.onlinemsgbox .msgconbox .li .msgcon .content_img{flex:1}.onlinemsgbox .msgconbox .li .msgcon .content_img .imgli{width:80px;margin:5px 1%}.onlinemsgbox .msgconbox .li .msgcon .content_img .imgli .img{width:100%}.onlinemsgbox .hdtop{padding:10px 20px;border-bottom:1px solid #eaeaea}.onlinemsgbox .hdtop .uname{color:#1e90ff;font-size:1.4em}.onlinemsgbox .btntoolbox{display:flex;flex-direction:row;align-items:center;position:relative;z-index:8;background:#f1f1f1;border-top:1px solid #e3e3e3;padding:3px 10px}.onlinemsgbox .btntoolbox .upimgbtn{margin-right:10px;cursor:pointer}.onlinemsgbox .btntoolbox .upimgbtn .bn{width:26px;height:26px}.onlinemsgbox .btntoolbox .ipt{flex:1;margin-right:10px}.onlinemsgbox .btntoolbox .ipt .input{background:#fff;color:#333;border-radius:2px;width:100%;padding:5px 10px;height:32px;min-height:32px;max-height:150px;overflow:auto}.onlinemsgbox .btntoolbox .sendbtn{background:#0fcb81;color:#fff;border-radius:4px;padding:8px 20px;font-size:12px;cursor:pointer}.onlinemsgbox .btntoolbox .sendbtn.sendbtn2{background:#888}.onlinemsgbox .selimgbox{position:absolute;z-index:10;bottom:0;left:0;right:0;background:#fff;padding:10px;border:1px solid #e4e4e4}.onlinemsgbox .selimgbox .ul{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid #e4e4e4}.onlinemsgbox .selimgbox .ul .li{width:90px;height:60px;position:relative;margin:10px 1%}.onlinemsgbox .selimgbox .ul .li .upim{width:100%;height:60px}.onlinemsgbox .selimgbox .ul .li .delbtn{cursor:pointer;position:absolute;right:0;top:-8px;font-size:20px;color:red}.olmsgbox .pdt_10{padding-top:10px}.olmsgbox .mr_10{margin-right:10px}.olmsgbox .userleft{width:240px;margin-right:20px;background:#fafafa;border-radius:4px;padding:10px;overflow-y:auto;height:100%}.olmsgbox .userlist .li{border:1px solid #fafafa;background:#fff;position:relative;margin-bottom:10px;border-radius:4px}.olmsgbox .userlist .li .el-badge__content.is-dot{width:12px;height:12px;right:8px}.olmsgbox .userlist .li.cur{background:#a1d48a}.olmsgbox .userlist .li:last-child{margin-bottom:0}.olmsgbox .userlist .li .user{padding:10px 15px;position:relative;padding-left:35px}.olmsgbox .userlist .li .user i{position:absolute;left:12px;top:13px;font-size:20px}.olmsgbox .userlist .li .user b{font-size:1.2em;font-weight:400}.olmsgbox .userlist .li .time{padding:0 15px 6px 15px;font-size:12px;color:#999}.olmsgbox .userlist .li .dhbtn{position:absolute;right:15px;bottom:6px}