@charset "utf-8";body{background-image:url(../images/bg.png)}.main{width:1000px;height:700px;border:1px solid #dadada;background-color:#f4f4f4;border-radius:6px;box-shadow:0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);z-index:0;position:relative;top:50%;left:50%;margin:20px 0 0 -500px;overflow:hidden}.sidebar{width:300px;height:702px;border-radius:6px 0 0 6px;background-color:#1b1a1a;position:relative;top:-1px;overflow:hidden}.sidebar .top_content{list-style:none;width:100%;height:64px;position:relative;top:25px;left:25px}.sidebar .top_content .logo{width:64px;height:64px;background:url(../images/main/content_user_head_portraits.png) no-repeat}.sidebar .top_content .username{font-family:Arial;font-size:18px;color:#fcfcfc;position:absolute;top:10px;left:80px;text-align:right;max-width:155px;overflow:hidden}.sidebar .top_content .status{width:100%;height:18px;line-height:18px;position:absolute;top:40px;left:80px}.sidebar .top_content .status .status_bar{display:inline-block;width:12px;height:12px;background-color:#00abf2}.sidebar .top_content .status .status_name{display:inline-block;font-family:Arial;font-size:16px;color:#00abf2}.sidebar .user_profile{position:absolute;z-index:1;right:12px;top:35px;font-size:14px}.sidebar .user_profile a.set_box{font-size:18px;color:#f4f4f4;display:inline-block;width:14px;height:9px;position:absolute;right:0;top:0}.sidebar .user_profile ul{background:#f4f4f4;padding:0 8px;position:absolute;top:20px;right:0;width:110px;border-radius:3px}.sidebar .user_profile ul li{height:38px;line-height:38px;border-bottom:1px solid #fff;cursor:pointer}.sidebar .user_profile ul li span{margin-left:8px}.sidebar .user_profile ul li i{color:#ccc;font-size:16px}.sidebar .top_content .serch form{position:relative;top:25px}.sidebar .top_content .serch form .serch_input{font-weight:400;font-family:Arial;font-size:18px;color:#fcfcfc;position:relative;outline:0;border-style:none;width:230px;height:40px;background-color:#101010;border-radius:20px;line-height:40px;padding-left:20px}.sidebar .top_content .serch form .serch_ico{display:inline-block;z-index:1;width:21px;height:21px;position:absolute;left:20px;top:10px;background:url(../images/main/home_serch_ico.png) no-repeat}.sidebar .top_content .serch form .serch_text{display:inline-block;z-index:1;font-family:Arial;font-size:18px;color:#5a5a5a;position:absolute;left:51px;top:10px}.sidebar .top_content .nav{line-height:60px;width:100%;height:60px;position:relative;top:35px;left:-25px;border-bottom:1px solid #101010}.sidebar .top_content .nav .dial{text-decoration:none;display:inline-block;width:150px;height:60px;background-color:#1b1a1a}.sidebar .top_content .nav .mid_line{z-index:10;width:1px;height:40px;background-color:#101010;position:relative;top:-74px;left:149px}.sidebar .top_content .nav .msg{text-decoration:none;display:inline-block;width:150px;height:60px;background-color:#1b1a1a;position:relative;top:-124px;left:150px}.sidebar .top_content .nav .dial .dial_ico{display:inline-block;width:100%;height:100%;position:relative;top:19px;left:66px}.sidebar .top_content .nav .msg .msg_ico{display:inline-block;width:100%;height:100%;position:relative;top:20px;left:64px}.sidebar .top_content .nav .dial .dial_ico_def{background:url(../images/main/home_dial_btn_def.png) no-repeat}.sidebar .top_content .nav .msg .msg_ico_def{background:url(../images/main/home_msg_btn_def.png) no-repeat}.sidebar .top_content .nav .dial .dial_ico_pre{background:url(../images/main/home_dial_btn_pre.png) no-repeat}.sidebar .top_content .nav .msg .msg_ico_pre{background:url(../images/main/home_msg_btn_pre.png) no-repeat}.call_list{width:100%;height:478px;position:absolute;top:225px}.call_list .list1_incoming_video{text-decoration:none;display:block;height:50px;width:280px;background-color:#1b1a1a;overflow:hidden;list-style:none;border-bottom:1px solid #101010}.call_list .list1_incoming_video:hover{background-color:#282828}.call_list .list1_incoming_video ul .contact_man{width:100%;height:100%;position:relative;left:25px;top:7px;font-family:Arial;font-size:15px;color:#fcfcfc}.call_list .list1_incoming_video ul .time{width:100%;height:100%;text-align:right;position:relative;right:25px;top:-10px;font-family:Arial;font-size:12px;color:#bababa}.call_list .list1_incoming_video ul .call_type{width:100%;height:100%;text-align:left;position:relative;left:26px;top:-10px}.call_list .list1_incoming_video ul .call_type .call_type_ico{display:inline-block;width:15px;height:10px;position:relative}.call_list .list1_incoming_video ul .call_type .content_text{display:inline-block;width:225px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-family:Arial;font-size:12px;color:#bababa;top:2px}.call_list .list1_incoming_video ul .call_duration{width:100%;height:100%;text-align:right;position:relative;right:25px;top:-25px;font-family:Arial;font-size:12px;color:#bababa}.right_content{width:700px;height:700px;background-color:#f4f4f4;position:relative;left:300px;top:-702px;border:1px 1px 1px 0 solid #dadada;border-radius:0 6px 6px 0;text-align:center}.tel_num_input{border-style:none;display:inline-block;background:0 0;outline:0;width:274px;height:52px;border-bottom:1px solid #00abf2;font-family:Arial;font-size:32px;line-height:52px;color:#00abf2;position:relative;top:102px;text-align:center}.right_content .dialpad{width:308px;height:100%;position:relative;top:141px;left:213px}.right_content .dialpad .dial_num{text-decoration:none;width:52px;height:52px;border-radius:26px;border:1px solid #00abf2;float:left;margin-left:56px;margin-top:15px;text-align:center}.right_content .dialpad .dial_num:hover{opacity:.9;cursor:pointer}.right_content .dialpad .dial_num:active{background:#00abf2;cursor:pointer}.right_content .dialpad .dial_num:active .top_num{color:#fcfcfc;cursor:pointer}.right_content .dialpad .dial_num:active .bottom_num{color:#fcfcfc;cursor:pointer}.xinhao_ico{background:url(../images/main/dialpad_xinhao_def_ico.png) no-repeat}.right_content .dialpad .dial_num:active .xinhao_ico{background:url(../images/main/dialpad_xinhao_pre_ico.png) no-repeat}.jinhao_ico{background:url(../images/main/dialpad_jinhao_def_ico.png) no-repeat}.right_content .dialpad .dial_num:active .jinhao_ico{background:url(../images/main/dialpad_jinhao_pre_ico.png) no-repeat}.video_ico{background:url(../images/main/dialpad_video_def_ico.png) no-repeat}.right_content .dialpad .dial_num:active .video_ico{background:url(../images/main/dialpad_video_pre_ico.png) no-repeat}.audio_ico{background:url(../images/main/dialpad_audio_ico.png) no-repeat}.del_ico{background:url(../images/main/dialpad_del_def_ico.png) no-repeat}.right_content .dialpad .dial_num:active .del_ico{background:url(../images/main/dialpad_del_pre_ico.png) no-repeat}.right_content .dialpad .dial_num .top_num{font-family:Arial;font-size:20px;color:#00abf2;position:relative;top:8px}.right_content .dialpad .dial_num .bottom_num{font-family:Arial;font-size:12px;color:#00abf2;position:relative;top:6px}.right_content .dialpad .dial_num .dial_num_ico{display:inline-block;height:60px;width:60px}.msg_top{position:relative;top:20px;left:4%;width:92%;height:40px;line-height:40px;font-family:Arial;font-size:22px;color:#1b1a1a;border-bottom:1px solid #dadada;text-align:center;background:#f4f4f4;z-index:1}.msg_top .top_btn{display:inline-block;position:absolute;left:82%}.msg_top .top_btn .call_ico{display:inline-block;width:20%;height:38px;margin-right:15px}.sip_name{display:inline-block;width:40%;height:100%;position:absolute;right:28%}.right_content .msg_num{position:relative;top:20px}.right_content .msg_num .tel_num{display:inline-block;width:86%;height:40px;line-height:40px;font-family:Arial;font-size:22px;color:#1b1a1a;outline:0;border-style:none;border-bottom:1px solid #dadada;text-align:center;background:0 0}.right_content .msg_num .tel_num:focus{border-bottom:solid 1px #00abf2}.right_content .msg_num .tel_num::-webkit-input-placeholder{color:#929292;font-family:Arial;font-size:22px}.right_content .msg_num .tel_num::-moz-input-placeholder{color:#929292;font-family:Arial;font-size:22px}.right_content .msg_num .tel_num::-ms-input-placeholder{color:#929292;font-family:Arial;font-size:22px}.right_content .chat_area{z-index:1;width:100%;height:448px;margin-top:20px}.right_content .chat_area .msg_list_sipuser{width:100%;height:auto;position:relative;left:5%;margin-top:20px;text-align:left;padding-top:20px;right:-5%}.right_content .chat_area .msg_list_sipuser .user_name{display:inline-block;width:25%;line-height:18px;height:auto;font-family:Arial;font-size:18px;text-align:left;color:#00ba7b;position:relative;left:15px}.right_content .chat_area .msg_list_sipuser .msg_list_time{display:inline-block;width:40%;height:20px;line-height:20px;font-family:Arial;font-size:12px;color:#5a5a5a;text-align:center;position:absolute;left:26%}.right_content .chat_area .msg_list_sipuser .msg_content{max-width:67%;height:auto;position:relative;font-family:Arial,"微软雅黑";font-size:16px;color:#1b1a1a;text-align:left}.right_content .chat_area .msg_list_sipuser .msg_content div,.right_content .chat_area .msg_list_sipuser .msg_content p span{min-height:30px;background-color:#fcfcfc;padding-left:15px;padding-right:15px;margin-top:10px;text-align:left;display:inline-block;line-height:30px;word-break:break-word}.right_content .chat_area .msg_list_sipuser .msg_content .p1{border-radius:15px 15px 15px 0}.right_content .chat_area .msg_list_sipuser .msg_content .p1 .msg_list_call_ico{display:inline-block;width:24px;height:16px;padding-right:10px;position:relative;top:3px}.right_content .chat_area .msg_list_sipuser .msg_content .p1 .calltype_missed{color:#ff3b30;position:relative;top:2px}.right_content .chat_area .msg_list_sipuser .msg_content .p1 .calltype_call{position:relative;top:2px}.right_content .chat_area .msg_list_sipuser .msg_content .p2{border-radius:0 15px 15px 0}.right_content .chat_area .msg_list_sipuser .msg_content .p3{border-radius:0 15px 15px 15px}.right_content .chat_area .msg_list_me{width:auto;height:auto;position:relative;margin-top:20px;text-align:right;right:5%;padding-top:20px}.right_content .chat_area .msg_list_me .user_name{display:inline-block;width:25%;line-height:18px;height:auto;font-family:Arial;font-size:18px;text-align:right;color:#00ba7b;position:absolute;right:15px}.right_content .chat_area .msg_list_me .msg_list_time{display:inline-block;width:40%;height:20px;line-height:20px;font-family:Arial;font-size:12px;color:#5a5a5a;text-align:center;position:relative;right:24%}.right_content .chat_area .msg_list_me .msg_content{max-width:67%;height:auto;position:relative;right:-33%;font-family:"微软雅黑",Arial;font-size:16px;color:#1b1a1a;text-align:right}.right_content .chat_area .msg_list_me .msg_content div,.right_content .chat_area .msg_list_me .msg_content p span{min-height:30px;background-color:#cdf0ff;padding-left:15px;padding-right:15px;margin-top:10px;text-align:left;display:inline-block;line-height:30px;word-break:break-word}.right_content .chat_area .msg_list_me .msg_content .p1{border-radius:15px 15px 0 15px}.right_content .chat_area .msg_list_me .msg_content .p1 .msg_list_call_ico{display:inline-block;width:24px;height:16px;position:relative;top:2px;text-align:right}.right_content .chat_area .msg_list_me .msg_content .p1 .calltype_cancel{display:inline-block;padding-right:4px}.right_content .chat_area .msg_list_me .msg_content .p2{border-radius:15px 0 0 15px}.right_content .chat_area .msg_list_me .msg_content .p3{border-radius:15px 0 15px 15px}.right_content .edit_area{width:100%;height:170px;border-top:1px solid #dadada;background:0 0;position:relative;top:20px}.text_area{width:94%;height:100px;position:relative;top:20px;background:0 0;outline:0;font-family:"微软雅黑",Arial;font-size:16px;color:#1b1a1a;border-style:none;resize:none}.right_content .edit_area .msg_bottom_sent{width:262px;height:30px;position:absolute;bottom:16px;right:3%;line-height:30px}.sent_btn{font-family:Arial;font-size:16px;color:#1b1a1a;width:90px;height:30px;border:1px solid #dadada;border-radius:4px;background:#fcfcfc;outline:0;position:relative;top:-32px;left:86px}.right_content .edit_area .msg_bottom_sent .tips{display:inline-block;font-family:Arial;font-size:14px;color:#929292;position:relative;left:-55px}.right_content .call_status_bottom_bg{height:702px;width:701px;background-color:#2e2e2e;border-radius:0 6px 6px 0;position:relative;top:-1px;list-style:none}.right_content .call_status_bottom_bg .call_status_top_btn{text-align:left;overflow:hidden;width:auto;height:44px;position:relative;top:30px;left:562px}.right_content .call_status_bottom_bg .call_status_top_btn .call_status_ico{display:inline-block;width:44px;height:44px;background-color:#a5a5a5;border-radius:22px;margin-right:15px}.right_content .call_status_bottom_bg .call_status_top_btn .call_status_ico:hover{background-color:#cbcbcb}#call_status_msg_ico1 .ico_msg{background:url(../images/main/call_status_msg_ico.png) no-repeat;display:inline-block;width:100%;height:100%}#call_status_min_ico1 .ico_min{background:url(../images/main/call_status_min_ico.png) no-repeat;display:inline-block;width:100%;height:100%}.right_content .call_status_bottom_bg .call_status_username{font-family:Arial,"微软雅黑";font-size:30px;color:#fcfcfc;position:relative;top:250px}.right_content .call_status_bottom_bg .call_status_status{font-family:Arial,"微软雅黑";font-size:20px;color:#fcfcfc;position:relative;top:250px}.right_content .call_status_bottom_bg .call_status_bottom_btn{width:100%;height:auto;position:absolute;top:560px;text-align:center}.right_content .call_status_bottom_bg .call_status_bottom_btn .fuction_btn{display:inline-block;width:auto;height:auto;margin-right:15px;margin-left:15px;text-align:center}.right_content .call_status_bottom_bg .call_status_bottom_btn .fuction_text{font-family:Arial,"微软雅黑";font-size:16px;color:#fcfcfc;position:relative;top:8px}#answer_btn{display:inline-block;width:64px;height:64px;background-color:#00abf2;border-radius:32px;text-align:center}.ico_answer{display:inline-block;width:100%;height:100%;background:url(../images/main/call_status_answer_ico.png)}#hangup_btn{display:inline-block;width:64px;height:64px;background-color:#ff3b30;border-radius:32px;text-align:center}.ico_hangup{display:inline-block;width:100%;height:100%;background:url(../images/main/call_status_hangup_ico.png)}.right_content .call_status_bottom_bg .call_status_bottom_btn2{width:auto;height:auto;position:relative;top:460px;left:215px;text-align:left}.right_content .call_status_bottom_bg .call_status_bottom_btn2 .fuction_btn{display:inline-block;width:auto;height:auto;margin-right:35px;text-align:center}.right_content .call_status_bottom_bg .call_status_bottom_btn2 .fuction_text{font-family:Arial,"微软雅黑";font-size:16px;color:#fcfcfc;position:relative;top:8px}#call_status_msg_ico2 .ico_msg{background:url(../images/main/call_status_msg_ico.png) no-repeat;display:inline-block;width:100%;height:100%}#call_status_min_ico2 .ico_min{background:url(../images/main/call_status_min_ico.png) no-repeat;display:inline-block;width:100%;height:100%}#dialpad_btn{display:inline-block;width:64px;height:64px;background-color:#a5a5a5;border-radius:32px;text-align:center}#dialpad_btn:hover{background-color:#cbcbcb}#dialpad_btn .ico_dialpad{display:inline-block;width:100%;height:100%;background:url(../images/main/call_status_dialpad_ico.png)}#pause_btn{display:inline-block;width:64px;height:64px;background-color:#a5a5a5;border-radius:32px;text-align:center}#pause_1:hover{background-color:#cbcbcb}#pause_btn .ico_pause{display:inline-block;width:100%;height:100%;background:url(../images/main/call_status_pause_ico.png)}#hangup_btn{display:inline-block;width:64px;height:64px;background-color:#ff3b30;border-radius:32px;text-align:center}.right_content .call_status_bottom_bg .video_img{width:140px;height:114px;position:absolute;top:550px;left:530px;background-color:#5a5a5a;overflow:hidden}.audio_min_window{width:80px;height:90px;position:relative;background:#fcfcfc;border:1px solid #dadada;box-shadow:0 3px 8px 0 rgba(27,26,26,.15);text-align:center}.audio_min_window .audio_window_enlarge_btn{width:24px;z-index:999;height:24px;display:inline-block;position:relative;right:-28px;top:0;border-radius:12px;background:url(../images/main/audio_window_enlarge_btn.png) no-repeat;opacity:.5}.audio_min_window .audio_window_enlarge_btn:hover{background-color:rgba(203,203,203,.5);opacity:1}.audio_min_window .audio_window_name{font-family:Arial,"微软雅黑";height:15px;width:auto;font-size:14px;color:#00abf2;position:relative;top:-15px}.audio_min_window .audio_window_ico{width:18px;height:18px;background:url(../images/main/audio_window_min_audio_ico.png) no-repeat;position:relative;left:31px;top:12px}.audio_min_window .audio_window_call_status{font-family:Arial,"微软雅黑";font-size:12px;color:#00abf2;position:relative;top:20px}.video_min_window{text-decoration:none;z-index:199;display:inline-block;width:120px;height:140px;border:1px solid #dadada;box-shadow:0 9px 30px -6px rgba(0,0,0,.2),0 18px 20px -10px rgba(0,0,0,.04),0 18px 20px -10px rgba(0,0,0,.04),0 10px 20px -10px rgba(0,0,0,.04);background-color:#5a5a5a;position:relative}.video_min_window .me_video_window{display:inline-block;width:30px;height:35px;background-color:#623F3F;position:absolute;right:10px;bottom:10px;z-index:99999}.video_min_window .video_window_enlarge_btn{display:inline-block;width:40px;height:40px;position:relative;left:40px;top:5px}.video_min_window .video_window_enlarge_btn .video_enlarge_btn{display:inline-block;width:100%;height:100%;background:url(../images/main/video_window_enlarge_btn.png) no-repeat}.video_min_window .video_window_enlarge_btn:hover{background-color:rgba(203,203,203,.5);border-radius:20px}#remoteView{position:absolute;top:0;left:0;z-index:-2;height:702px}#selfView{position:absolute;top:0;left:0;z-index:-2;height:100%}.call_place{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.call_list_msg{display:inline-block;background:url(../images/main/call_list_msg.png) no-repeat}.call_list_audio_outing{display:inline-block;background:url(../images/main/call_list_audio.png) no-repeat}.call_list_audio_coming{display:inline-block;background:url(../images/main/call_list_incoming_audio.png) no-repeat}.call_list_video_outing{display:inline-block;background:url(../images/main/call_list_video.png) no-repeat}.call_list_video_coming{display:inline-block;background:url(../images/main/call_list_incoming_video.png) no-repeat}.msg_list_incoming_video_ico{background:url(../images/main/msg_list_incoming_video_ico.png) no-repeat}.msg_list_video_ico{background:url(../images/main/msg_list_video_ico.png) no-repeat}.msg_list_incoming_audio_ico{background:url(../images/main/msg_list_incoming_audio_ico.png) no-repeat}.msg_list_audio_ico{background:url(../images/main/msg_list_audio_ico.png) no-repeat}.message_place_r{position:absolute;right:-300px;z-index:999;top:0}.copyright{z-index:28;line-height:20px;font-family:"微软雅黑",Arial;font-size:12px;color:#282828;position:fixed;left:50%;top:93%;margin:0 0 0 -176px;text-align:center}.mCSB_inside>.mCSB_container{margin-right:0}.call_list .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#3d3d3d;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.call_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#282828}.call_list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:transparent}.call_list:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#3d3d3d}.call_list .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#3d3d3d}.chat_area .mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.chat_area .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:transparent}.chat_area:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#dadada}.chat_area .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#dadada}