﻿@charset "utf-8";
/* CSS Document */
* {word-wrap:break-word; margin:0; padding:0;}
div{ border-radius:3px;}

a,input,button{ outline:none; }
::-moz-focus-inner{ border:0px;}

body{font:normal 14px/24px Arial, sans-serif SimSun, "宋体", sans-serif; color:#333; background-color:#efefef;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:14px;}
a {text-decoration:none;color:#333;}
a:hover {text-decoration:none; color:#0082cb;}
ul,li{ list-style:none; }
dl,dt,dd{ font-weight:normal; margin:0; padding:0;}
i{ font-style: normal;}
img{ border:none;}
.fl { float: left; }
.fr { float: right; }
.pst { position: relative; }
.clear{ clear:both;}
.color_9{ color:#999;}
.color_3{ color:#333;}
.color_c{ color:#ccc;}
.color_f60{ color:#f60;}
.color_082{ color:#0082CB;}
.color_080{ color:#008000;}
.mr_8{ margin-right:8px;}
.ml_8{ margin-left:8px;}
.mb_8{ margin-bottom:8px;}
.mb_16{ margin-bottom:16px;}
.mb_30{ margin-bottom:30px;}
.ml_16{ margin-left:16px;}

.customer_16{ margin-left:16px;}


.mt_8{ margin-top:8px;}
.mt_16{ margin-top:16px;}
.mt_40{ margin-top:40px;}
.mtb_8{ margin:8px 0;}
.mlr_8{ margin:0 8px;}
.plr_16{ padding:0 16px;}
.p_10{ padding:10px;}
.pt_8{ padding-top:8px;}
.fz_12{ font-size:12px;}
.fw_n{ font-weight:normal;}
.stickUp{top:0;}

.ui_btn{ display: inline-block; line-height: 30px; height: 30px; min-width: 32px; width: auto; margin-bottom: 0;vertical-align: middle; font-size: 14px; text-align: center; white-space: nowrap; cursor: pointer; background-image: none; border: 0;padding: 0 10px;border-radius:3px;}
.ui_btn_blue{ background:#1db1dd; color:#fff; border:1px #1db1dd solid;}
.ui_btn_blue:hover{ background:#059fcc; color:#fff; border:1px #059fcc solid;}
.ui_btn_green{ background:#4ca36f; color:#fff;  border:1px #4ca36f solid;}
.ui_btn_green:hover{  background:#358957; color:#fff; border:1px #358957 solid;}
.ui_btn_default{ color:#555; border:1px #dfdfdf solid; background:#fff;}
.ui_btn_default:hover{ color:#444; border:1px #ccc solid; background:#f1f1f1;}
.ui_btn_blue_selected{ background:#80c7dc; color:#e1e1e1; border:1px #80c7dc solid;}
.ui_btn_blue_selected:hover{ background:#80c7dc; color:#e1e1e1; border:1px #80c7dc solid;}


.ui_textarea{ min-height:60px; border: none; color: #555; outline: 0; font-size: 12px; width:100%; resize: none; word-wrap: break-word; }

.container{ width:100%;height:42px; line-height:42px; margin:0 auto; }
.head_bg{ width: 100%; background: #1db1dd;  box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); height:42px; z-index: 99; border-radius:0;}
.head { width: 1150px; height: 42px; line-height:42px; margin: 0 auto;  color:#fff;}
.company_info{ float:left; min-width:220px; height:42px; line-height:42px; font-size:16px;}
.main_menu{ float:left; margin-left:20px;}
.main_menu li{ float: left;}
.main_menu li a{ display:block; color:#fff; padding:0 20px;  }
.main_menu li a:hover{ background:#059fcc;  }
.main_menu li .selected{ background:#059fcc; }
.logout{ float: right;}
.logout a{ float:left; color:#fff; font-size:12px; display:block;}
.logout span{ float:left; margin:0 10px; font-size:10px;}

.main_wrap{ width:1150px; margin:16px auto;  }
.tpl_l,.tpl_c,.tpl_r{ float:left; }
.tpl_l{ width:220px; }
.profile{ padding:16px; background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9);}
.profile a{ display:block; color:#0082CB;}
.profile a img{ float:left;}
.profile span{ margin-left:10px; margin-top:-30px;}
.side_bar{ margin-top:16px; background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9);border-radius:3px; }
.side_bar li{ height:40px; line-height:40px;}
.side_bar li:hover{ background:#ededed; cursor: pointer;}
.side_bar li a{ display:block; padding:0 16px; position:relative;}
.side_bar li a i{ float:left; font-style: normal; }
.side_bar .selected{  background:#ededed; cursor: pointer;}
.side_bar li a:hover{ color:#333; }
.num_tip{ position:absolute; left:100px; top:10px; background:#f7541b; border-radius:20px; text-align:center; line-height:16px; font-size:12px; color:#fff; padding:2px 6px;}
.ui_all_out,.ui_undo_out,.ui_my_out,.ui_done_out{ display:block; float:left; background-image:url(../images/icon_jxt.png); background-repeat:no-repeat; width:16px; height:16px; margin-top:12px; margin-right:10px;}
.ui_all_out{ background-position:0 0;}
.ui_undo_out{ background-position:0 -24px;}
.ui_my_out{ background-position:0 -48px; }
.ui_done_out{  background-position:0 -72px; }

.tpl_c{ width:648px; margin:0 16px; margin-left:236px;}
.publish_stream{ background:#fff; padding:16px 16px 4px 16px; padding-top:8px; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); }
.new_tab li{ float:left; margin:0 16px; position:relative;}
.new_tab li a{ display:block; color:#0082CB; padding-bottom:10px;}
.new_tab li a:hover{ color:#f60;}
.new_tab li .selected{ color:#f60;}
.tab_trigger{ position:absolute; left:20px; bottom:0;  background:url(../images/i_on.png) no-repeat center bottom;}
.form_thumb{ border: 1px solid #ebebeb; cursor:text; margin-top:-1px;}
.form_thumb:hover{ border: 1px solid #d1d1d1; cursor:text; margin-top:-1px;}
.input_empty_text{ height: 30px; line-height: 30px; color: #999; font-size:12px; padding-left: 10px;}
.publish_stream_wrap{ position:relative;}
.publish_input_wrap{ border:1px #ebebeb solid; background:#fff; border-top:none; margin-top:-31px;}
.publish_input_wrap fieldset{ display: block; padding:6px; border:none;padding-right:16px}
.btn_close{ position: absolute; right: 6px; top: 0px; cursor: pointer; color: #ccc; font-weight: 700;font-size: 16px; font-family:"微软雅黑";}
.publish_add_wrap{ border:1px #ebebeb solid; border-top:none; background:#f5f5f5; height:30px; line-height:30px; }
.publish_add_wrap li{ float:left; text-align:center; margin:4px 10px;}
.publish_add_wrap01{ border:1px #ebebeb solid;border-left:none;border-right:none;background:#f5f5f5; height:30px; line-height:30px;  padding:0 16px; }
.publish_add_pic{ border:1px #ebebeb solid; padding:8px; border-top:none;}
.publish_add_pic li{ float:left; margin-right:8px; position:relative;}
.publish_add_pic li a{ display:block;}
.publish_add_pic li a img{ width:60px; height:36px; overflow:hidden;}
.remove_pic{ position:absolute; top:0; right:0; height:16px; line-height:16px; text-align:center; width:16px; background:#666; color:#fff; cursor: pointer; font-family:"微软雅黑";}
.remove_pic:hover{ background:#4bc07b;}
.pic_add_btn{ background:url(../images/icon_jxt.png) no-repeat -48px 0; width:36px; height:36px;}
.pic_add_btn:hover{ background:url(../images/icon_jxt.png) no-repeat -48px -48px; width:36px; height:36px;}


.btn_add_pic{ border:none; background:url(../images/icon_jxt.png) no-repeat 0 -144px; width:24px; height:24px; cursor: pointer; margin-right:10px; margin-top:4px;}
.btn_add_pic:hover{ border:none; background:url(../images/icon_jxt.png) no-repeat 0 -168px; width:24px; height:24px; cursor: pointer; margin-top:4px; }
.btn_add_time{ border:none; background:url(../images/icon_jxt.png) no-repeat 0 -192px; width:24px; height:24px; cursor: pointer; margin-top:4px; margin-right:10px; margin-left:-10px; }
.btn_add_time:hover{ border:none; background:url(../images/icon_jxt.png) no-repeat 0 -216px; width:24px; height:24px; cursor: pointer; margin-top:4px; }
.btn_add_face{ border:none; background:url(../images/icon_jxt.png) no-repeat -48px -72px; width:24px; height:24px; cursor: pointer}
.btn_add_face:hover{ border:none; background:url(../images/icon_jxt.png) no-repeat -48px -48px; width:24px; height:24px; cursor: pointer;}
.select_user{ margin-top:16px; border:1px #ebebeb solid; padding: 10px;}
.select_customer{ margin-top:16px; border:1px #ebebeb solid; padding: 10px;}
.user_list .group_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #09acdc; color: #fff; cursor: pointer;border-radius:2px;}
.user_list .group_li:hover{ background: #0796c0; }
.user_list .user_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #55c3ae; color: #fff; cursor: pointer;border-radius:2px;}
.user_list .user_li:hover{ background: #169e84; color:#fff;}
.user_list .epr_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #09acdc; color: #fff; cursor: pointer;border-radius:2px;}
.user_list .epr_li:hover{ background: #0796c0; }

.customer_list .group_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #09acdc; color: #fff; cursor: pointer;border-radius:2px;}
.customer_list .group_li:hover{ background: #0796c0; }
.customer_list .user_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #55c3ae; color: #fff; cursor: pointer;border-radius:2px;}
.customer_list .user_li:hover{ background: #169e84; color:#fff;}
.customer_list .epr_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #09acdc; color: #fff; cursor: pointer;border-radius:2px;}
.customer_list .epr_li:hover{ background: #0796c0; }

.lookuser_list .group_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #09acdc; color: #fff; cursor: pointer;border-radius:2px;}
.lookuser_list .group_li:hover{ background: #0796c0; }
.lookuser_list .user_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #55c3ae; color: #fff; cursor: pointer;border-radius:2px;}
.lookuser_list .user_li:hover{ background: #169e84; color:#fff;}
.lookuser_list .epr_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #09acdc; color: #fff; cursor: pointer;border-radius:2px;}
.lookuser_list .epr_li:hover{ background: #0796c0; }
.user_name{ font-size:12px;}
.user_close{ margin-left:8px; color: #daf2fc; font-family:"微软雅黑"; padding-left: 3px; font-weight: 700;}
.btn_select_user{  cursor: pointer; color:#0082CB;}
.btn_select_user a{ color:#0082CB;}
.prefix{ margin: 0 3px; padding-left: 2px; font-weight: 700;}
.approvel_cat_list{ border-bottom:1px #ebebeb solid;}
.approvel_cat_list li{ float:left; margin:8px; font-size:12px;}
.approvel_cat_list li a{ display:block; padding:0px 10px; background:#e1e1e1; color:#666;}
.approvel_cat_list li a:hover{ background:#09acdc; color:#fff;}
.approvel_cat_list li .selected{background:#09acdc; color:#fff;}
.select_time{ margin-top:16px; border:1px #ebebeb solid; color:#666;}
.select_time li{ padding:8px;}
.time_begin{ border-bottom:1px #ebebeb solid;}
.date_input{ float:left;}
.ipt_style{ border:1px #ebebeb solid; padding-left:4px;}
.ipt_style:hover{ border:1px #dedede solid;}
.ipt_date{ width:160px; height:28px; line-height:28px; color:#666;}
.droplist_wrap{  margin-top:16px; border:1px #ebebeb solid; padding: 10px; color:#666; }
.select_style{ width:120px; height:28px;}
.label_wrap{ margin-top:8px; padding:6px 10px; line-height:30px; line-height: 30px; border: 1px solid #ebebeb;}
.label_list{ float:left;}
.label_list li{ float:left;}
.label_on{ margin-right:10px; padding:6px 10px; background:#09acdc; color:#fff; font-size:12px;}
.label_out{ margin-right:10px; padding:6px 10px;  font-size:12px; cursor: pointer}
.label_for{ float:left; color:#666; font-size:12px; vertical-align:middle;}
.label_for input{vertical-align: middle; margin-right: 5px;}
.ico_arrow_down{ position:absolute; top:12px; right:8px; background:url(../images/icon_jxt.png) no-repeat -48px -96px; width:8px; height:6px;}

.cat_stream{ margin:16px 0; background:#fff; padding:0 16px; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); border-radius:3px;}

.cat_stream li{ float:left; margin:0 20px;}
.cat_stream li a{ color:#0082CB; display:block; padding-top:5px; padding-bottom:5px; border-bottom:4px #fff solid; margin-bottom:4px;}
.cat_stream li a:hover{ color:#f60; border-bottom:4px #f60 solid;}
.cat_stream li .selected{ color:#f60; border-bottom:4px #f60 solid;}

.stream_item{ background:#fff; padding:16px; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); margin-bottom:16px;}
.item_face {float: left; width: 45px; height: 45px; position: relative; margin-right: 8px;}
.item_face img{ width:45px; height:45px; overflow:hidden;}
.item_face_reply {float: left; width: 30px; height: 30px; position: relative; margin-right: 8px;}
.item_face_reply img{ width:30px; height:30px; overflow:hidden;}
.item_info{ float:left; position:relative;}
.item_name a{color:#666; cursor:default; }
.item_time { color: #969696; font-size:12px;}
.item_staus{ float:right; padding:0 10px; border-radius:30px; font-size:12px; color:#fff;}
.item_staus_grey{  background:#e5e5e5; color:#666;}
.item_staus_red{ background:#ff795a; }
.item_staus_green{ background:#24c565; }
.item_detail{ word-break: break-all; margin-top:16px;  margin-bottom:-18px;}
.info_all_content p{ line-height:24px;}
.icon_msg{ position:absolute; right:12px; bottom:3px; background:url(../images/icon_jxt.png) no-repeat 0 -96px; width:20px; height:17px;}
.stream_staus{ color:#999; font-size:12px; padding-bottom:8px; margin-bottom:16px;}
.stream_staus a{ position:relative; color:#0082cb;}
.stream_staus a:hover .ico_point{ position:absolute; right:20px; top:25px; background:url(../images/i_on.png) no-repeat; width:14px; height:8px;}
.stream_staus .selected .ico_point{ position:absolute; right:20px; top:25px; background:url(../images/i_on.png) no-repeat; width:14px; height:8px;}
.stream_users{ color:#999; font-size:12px; }
.stream_users a{ color:#0082cb;}
.user_detail_layer{ background:#fff; height:auto; padding:16px; margin-bottom:16px; border:1px #ebebeb solid;}

.record_wrap {border-top:1px #ebebeb solid; padding-top:16px; margin-top:-16px;}
.record_wrap h2{ font-size:15px; margin-top:12px; position:relative; padding-top:10px; border-top:1px #ebebeb solid;}
.record_wrap h3{ border-top:1px #ebebeb solid; padding-top:10px; margin-top:12px; font-weight: bold; color:#666;}
.item_step_time{float: right; font-size:12px;}
.item_step_job{ float:left; color:#999; font-size:12px;}
.item_step_time a{ color:#0082cb;}
.ico_tel{ float:left; margin-left:16px; margin-top:3px; background:url(../images/icon_jxt.png) no-repeat 0 -120px; width:16px; height:16px;}
.record_list{ border-bottom:1px #ebebeb dashed; padding:8px 0 16px 0;}
.reply_detail{ word-break: break-all; margin:6px 34px 0 34px; color:#666; font-size:13px;}
.my_approve a{ margin-right:8px;}
.my_reply{ margin-top:8px; text-align:right;}
.my_reply a{ margin-left:8px;}
.input_textarea{  border:1px #ebebeb solid; background:#fff; height:72px; margin-top:-24px;}
.input_textarea fieldset { display: block; padding:6px; border:none; }
.reply_wrap{ margin:6px 32px;}
.reply_input_textarea { float:left; border:1px #ebebeb solid; background:#fff; height:72px; width:512px; position:relative;}
.reply_input_textarea fieldset { display: block; padding:6px; margin-top:20px; border:none; } 
.at_name{ position:absolute; top:0; left:6px; color:#999; font-size:12px;}
.task_receive_btn{ position:absolute; top:0px; right:100px;}


.tpl_r{ width:250px;}
.address_wrap{ margin-bottom:16px; background:#1db1dd; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); height:40px; line-height:40px; padding:0 16px;}
.address_wrap:hover{ background:#059fcc;}
.address_wrap a{ display:block; color:#fff;}
.ico_arrow_right{ float:right;  background: url(../images/icon_jxt.png) no-repeat -24px -120px; width:9px; height:15px; margin-top:12px; }
.ico_address{ background:url(../images/icon_jxt.png) no-repeat -24px 0; width:24px; height:24px; margin-top:8px; margin-right:8px;}
.sub_wrap{ margin-bottom:16px; background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9);}
.sub_wrap p{ height:40px; line-height:40px; border-bottom:1px #ebebeb solid;}
.ico_horn{ background:url(../images/icon_jxt.png) no-repeat -24px -24px; width:25px; height:24px; margin:8px 10px 0 16px;}
.ico_notice{ background:url(../images/icon_jxt.png) no-repeat -24px -240px; width:24px; height:24px; margin:8px 10px 0 16px;}
.publise_notice{ float: right; margin-right:16px; color:#0082cb;}
.ico_customer{ background:url(../images/icon_jxt.png) no-repeat -24px -48px; width:24px; height:24px; margin:8px 10px 0 16px;}
.sub_info_list{ padding:16px; padding-top:0; color:#666;}
.sub_info_list dl{ border-bottom:1px #ebebeb dashed; color:#444; padding-bottom:8px; padding-top:6px;}
.sub_info_list dt{ margin-bottom:6px; color:#999;}
.label_event{ border:1px #d1d1d1 solid; background:#ebebeb; padding:3px 6px; font-size:12px; font-style: normal; font-weight:normal;}
/*查看大图和下载样式*/
.img_list{ margin-top:10px;}
.sigle_pic { width:150px; height:90px; overflow:hidden; margin-right:10px; position:relative;}
.sigle_pic img { position:absolute; top:0; left:0; width:100%;}
.sigle_pic .mask_layer { position:absolute; right:0; top:0; }
.sigle_pic .mask_layer a{ display:block; float:left; width:30px; text-align: center; background:#000; filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;}
.sigle_pic .mask_layer a:hover{ display:block; float:left; width:30px; text-align: center; background:#000; filter: alpha(opacity=60);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); opacity:0.60;}
.download_ico,.view_ico{ display: inline-block; line-height: 100px; padding-bottom:4px; vertical-align: middle;background: url(../images/icon_jxt.png) no-repeat;}
.download_ico {width: 14px; height: 14px; margin-top:4px;  background-position: -24px -96px; text-indent: -9999px; cursor: pointer; overflow: hidden;}
.view_ico { width: 14px; height: 14px; margin-top:4px;  background-position: -24px -72px; text-indent: -9999px; cursor: pointer; overflow: hidden; }
.map_img img{ width:516px; height:100px; overflow:hidden;}
/*page*/
.table_page{ background:#e9e9e9; padding:2px 0;}
.page{ float: right; margin-bottom:16px; font-size:12px;}
.page li{ float:left; margin-left:8px;}
.page li a{ display:block; border:1px #d1d1d1 solid; padding:1px 8px; background:#fff;}
.page li a:hover{ background:#1db1dd; color:#fff; border:1px #1db1dd solid;}
.page li .selected{ background:#1db1dd; color:#fff; border:1px #1db1dd solid;}
.mb_0{ margin-bottom:0;}
.load_more{ font-size:12px; color:#666; background:#fbffe5; border:1px #fecca3 solid; padding:4px 0 ; margin-top:6px; text-align:center;0}
.load_more i{ color:#f00; margin:0 3px;}
.load_more a{ color:#0082cb; margin-left:10px;}
/*客户管理*/
.col2_right{ float:right; width:914px;margin-bottom:16px;}
.col2_right_all{ float:right; width:914px; min-height:768px; margin-bottom:16px; background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); }
.filter_bar{ background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); padding:16px;  }
.filter_bar h2{ color:#666;}
.filter_bar .ipt_search{ height:30px; line-height:30px; padding:0 3px; border:1px #ddd solid;}
.filter_bar select{ height:30px; line-height:30px; border:1px #ebebeb solid;}
.filter_bar select:hover{ border:1px #d1d1d1 solid;}
.chart_info .ipt_search{ height:30px; line-height:30px; padding:0 3px; border:1px #ddd solid;}
.chart_info select{ height:30px; line-height:30px; border:1px #ebebeb solid;}
.chart_info select:hover{ border:1px #d1d1d1 solid;}
.ico_search{ float:left; display:block; background: url(../images/icon_jxt.png) no-repeat -24px -168px; width:14px; height:14px; margin-top:8px;}
.top_customer_btn{ margin:10px 0 5px 0; padding:10px 0;}
.filter_bar h1{ font-size:24px;}
.toolbar{ margin-top:16px;}
.state_wrap{ font-size:12px; float:left;}
.state_wrap a{ display:block; padding:0 6px;  border:1px #ebebeb solid; height:26px; line-height:26px; width:100px; color:#666; position:relative;}
.state_wrap a:hover{ color:#333; border:1px #d1d1d1 solid;}
.table_wrap,.base_info_wrap{ background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); padding:16px;}
.group_select{ height:32px; line-height:32px;  padding-bottom:8px;}
.group_select_title{ float:right; height:26px; line-height:26px; font-size:12px;}
.group_select_title a{ display:block; color:#666;}
.group_select_title a:hover{ color:#333;}
.manage_group_link{ float: right; font-size:12px; height:26px; line-height:26px; margin-right:16px;}
.manage_group_link a{ color:#0082cb;}
.manage_group_link a:hover{ color:#f60;}
.ico_arrow_grey{ position:absolute; top:10px; right:6px; background:url(../images/icon_jxt.png) no-repeat -72px -96px; width:8px; height:6px;}
.ico_map{ position:absolute; top:7px; left:10px; background:url(../images/icon_jxt.png) no-repeat -24px -192px; width:16px; height:16px;}
.base_info_wrap h2{ font-size:14px; border-bottom:1px #ebebeb solid; padding-bottom:10px; color:#666;}
.base_info_wrap h2 a{ color:#0082cb;}
.base_info_wrap h2 a:hover{ color:#f60;}
.base_info{ border-bottom:1px #ebebeb dashed; margin-top:10px; }
.base_info dl{ height:40px; line-height:40px; margin-left:20px;}
.base_info dt,.base_info dd{ float:left;}
.base_info dt{ width:120px; color:#999;}
.base_info dd .ipt_style{ border:1px #ebebeb solid; height:30px; line-height:30px; width:260px;}
.base_info dd .ipt_style:hover{ border:1px #d1d1d1 solid;}
.base_info dd  select{ border:1px #ebebeb solid; height:30px; line-height:30px;}
.coop_status{ margin-top:10px; height:30px; line-height:30px;}
.coop_status select{ border:1px #ebebeb solid; height:30px; line-height:30px;}
.notes_list{ border-top:1px #ebebeb solid;}
.status_bg{ font-size:12px; color:#fff;  font-weight: normal; border-radius:20px; width:80px; text-align:center;}
.status_bg_blue{  background:#70d0f6;}
.status_bg_green{  background:#24c565;}
.status_bg_red{  background:#ff795a;}
.status_bg_yellow{ background:#fdc24f;}
.note_top_info{ position: relative; }
.note_con{ padding:10px 0; color:#666;}
.note_con a{ color:#0082cb;}
.note_con a:hover{ color:#f60;}
.ico_time_tip{ display:block; background:url(../images/icon_jxt.png) no-repeat 0 -240px; width:24px; height:24px; }
.time_tip{ position:absolute; top:0px; left:300px;}
.border_top_none{ border-top:none; }
.ipt_search_date{line-height: 30px; width: 120px; border: 1px solid #ebebeb; height: 30px; padding:0 3px;}
.datepicker{ position:absolute; top:0px; *top:24px; right:10px; background:url(../images/icon_jxt.png) no-repeat 0 -264px; width:16px; height:16px;}
.customer_name{ font-size:14px; margin-bottom:10px; font-weight:700; color:#666;}
/*弹出层样式*/
.ui_dialog{ background: #f5f5f5; padding: 0; border: 1px solid #cdcdcd; -moz-box-shadow: 0 0 30px #b6b6b6; -webkit-box-shadow: 0 0 30px #b6b6b6; box-shadow: 0 0 30px #b6b6b6;}
.ui_dialog h1{ text-align:right; height:40px; line-height:40px; background:#fff; border-bottom:1px #e5e5e5 solid; padding:0 10px; font-size:14px; color:#666; font-weight:bold;}
.ui_dialog h1 span{ float: left; text-align:left;}
.ui_dialog h1 a{ float:right; display:block; width:40px; text-align:center; height:32px; line-height:32px; margin-top:4px; color:#999;}
.ui_dialog h1 a:hover{ background:#ebebeb; color:#333;}
.creat_info_wrap{ margin-top:10px;}
.creat_info_wrap dl{ height:30px; line-height:30px; margin-bottom:10px;}
.creat_info_wrap dt,.create_info_wrap dd{ float:left;}
.creat_info_wrap dt{ width:120px; color:#666; text-align:right; margin-right:10px;}
.creat_info_wrap dd .ipt_txt{ border:1px #ebebeb solid; height:30px; padding-left:6px; line-height:30px; width:280px; font-size:14px;}
.creat_info_wrap dd .ipt_txt:hover{ border:1px #d1d1d1 solid;}
.creat_info_wrap h2{ margin:0 80px; height:30px; line-height:30px; margin-bottom:10px; border-bottom:1px #e1e1e1 solid; font-size:14px;}
.add_info_btn{ position:absolute; top:-40px; right:236px; font-size:30px; color:#666; cursor: pointer;}
.add_info_btn:hover{ color:#0082cb;}
.close_info_btn{ position:absolute; top:-40px; right:236px; font-size:24px; color:#666; cursor: pointer;}
.close_info_btn:hover{ color:#0082cb;}
.creat_info_wrap select{ width:288px; height:30px; line-height:30px; border:1px #ebebeb solid;}
.layer_btn_wrap{ background:#fff; padding:10px 8px; border-top:1px #ebebeb solid; text-align:right;}
.layer_btn_import{ position: absolute; bottom:0; width:100%; background:#fff; height:50px; border-top:1px #ebebeb solid; line-height:50px; text-align:center; padding-top:10px;}
.layer_user_list{ margin:0 22px;}
.layer_user_list li{ float:left;}
.layer_user_list li a{ display:block; width: 126px; height: 50px; line-height:50px;border: 1px #d8d8d8 solid; margin-right: 15px; margin-bottom: 15px; cursor: pointer; background-color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.layer_user_list li a:hover{ border:1px #0082cb solid;}
.layer_user_list li a img{ float:left; width:50px; height:50px; overflow:hidden;}
.layer_user_list li a i{ float: left; margin:0 10px; width:56px; text-align:left; overflow:hidden;}
.layer_search{ margin-bottom:20px; margin-left:20px;}
.layer_search .ipt_search{ height:30px; line-height:30px; border:1px #e5e5e5 solid; padding:0 6px; width:260px;}
.layer_page{ margin-right:38px; margin-bottom:10px;}
.layer_page ul{ float:right;}
.layer_page li{ float:left; margin-left:6px;}
.layer_page li a{ display: block; padding:0 8px; color:#666; background:#ebebeb; border:1px #d1d1d1 solid;}
.layer_page li a:hover{ background:#0082cb; color:#fff; border:1px #0082cb solid;}
.layer_page li .selected{ background:#0082cb; color:#fff; border:1px #0082cb solid;}
.layer_group_list{ margin:0 22px; margin-bottom:16px;}
.layer_group_list li{ float:left; margin-right:8px; margin-bottom:8px;}
.group_name{ display:block; border:1px #ebebeb solid; width:150px; text-align:center; padding:0 6px; height:30px; line-height:30px; overflow: hidden; color:#666; background:#fff; margin-bottom:4px;}
.group_name:hover{ color:#333; border:1px #d1d1d1 solid;}
.btn_name{ border:none; background:none; color:#0082cb;}
.btn_name:hover{ color:#f60;}
/*附加 from li*/
.uploadF{width: 24px; height:24px; overflow: hidden; cursor: pointer; opacity: 0;filter:alpha(opacity=0);}
.uploadAnnex{width: 24px; height:24px; overflow: hidden;  cursor: pointer; opacity: 0;filter:alpha(opacity=0);}
/*统计报表*/
.table_layer_wrap{ margin:10px; border-bottom:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; background:#fff; }
.show_select_panel{ position: absolute; right:0px;  *top:17px; top:-20px\9;  width: 30px; height:32px; border-left:1px #ddd solid; cursor: pointer;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .show_select_panel {position: absolute;
    right: 0px;
    width: 30px;
    height: 32px;
    top:-9px;
    border-left: 1px solid #DDD;
    cursor: pointer;}}
.ico_select_panel{ display:block; background:url(../images/icon_jxt.png) no-repeat -72px -96px; width:8px; height:6px; margin-top:12px; margin-left:10px;}
.ico_select_panel:hover{ display:block; background:url(../images/icon_jxt.png) no-repeat -96px -96px; width:8px; height:6px; margin-top:12px; margin-left:10px;}
.table_calendar_wrap{ border-collapse: collapse; }
.table_calendar_wrap thead th{ font-size:12px; color:#666;}
.table_calendar_wrap tbody tr{ height:120px;}
.table_calendar_wrap tbody td{ vertical-align:text-top; border:1px #ebebeb solid;}
.event_label_vacate{ position:absolute; top:24px; left:6px; font-size:12px; color:#fff; border-radius:20px; height:24px; background:#ff795a; }
.event_label_outting{ position:absolute; top:54px; left:6px; font-size:12px; color:#fff; border-radius:20px; background:#70d0f6; }
.event_label_vacate_right{ position:absolute; top:24px; left:6px; font-size:12px; color:#fff; height:24px; background:#ff795a; border-top-left-radius:20px; border-bottom-left-radius:20px;}
.event_label_vacate_left{ position:absolute; top:24px; left:6px; font-size:12px; color:#fff; height:24px; background:#ff795a; border-top-right-radius:20px; border-bottom-right-radius:20px;}
.event_label_outting_right{ position:absolute; top:54px; left:6px; font-size:12px; color:#fff; background:#70d0f6; border-top-left-radius:20px; border-bottom-left-radius:20px; }
.event_label_outting_left{ position:absolute; top:54px; left:6px; font-size:12px; color:#fff;background:#70d0f6;  border-top-right-radius:20px; border-bottom-right-radius:20px; }
.enent_label_one{  width:110px;}
.enent_label_two{  width:236px;}
.enent_label_three{  width:360px;}
.enent_label_four{  width:490px;}
.enent_label_five{  width:610px;}
.enent_label_six{  width:740px;}
.enent_label_seven{  width:870px;}
.day_number { float: right; padding: 0 4px; }
.day_content { padding: 2px 2px 1px; position:relative; }
.date_past{ color:#ccc;}
/*from lin*/
.stickUp{top:0;}
.ico_phone_edit{ position:absolute; right:-30px; top:0px; background:url(../images/icon_jxt.png) no-repeat -48px -120px; width:16px; height:16px; border:none; cursor: pointer;}
.ico_phone_edit:hover{ background:url(../images/icon_jxt.png) no-repeat -48px -144px;}
.ico_phone_ok{ position:absolute; right:32px; top:0px; background:url(../images/icon_jxt.png) no-repeat -48px -216px; width:16px; height:16px; border:none; cursor: pointer;}
.ico_phone_ok:hover{background:url(../images/icon_jxt.png) no-repeat -48px -240px;}
.ico_phone_cancel{ position:absolute; right:6px; top:0; background:url(../images/icon_jxt.png) no-repeat -48px -264px; width:16px; height:16px; border:none; cursor: pointer;}
.ico_phone_cancel:hover{ background:url(../images/icon_jxt.png) no-repeat -48px -288px; }
.ico_group_user{  position:absolute; right:6px; top:0; background:url(../images/icon_jxt.png) no-repeat -24px -192px; width:16px; height:16px; border:none; cursor: pointer; }
.ico_group_user:hover{ background:url(../images/icon_jxt.png) no-repeat -24px -216px; }
.keyboard_wrap { margin-left:210px; width: 363px; height: 304px; border: 1px solid #c9cac9;  }
.keyboard_wrap li { float: left; border-right: 1px solid #c9cac9; width: 120px; height: 54px; border-bottom: 1px solid #c9cac9; border-top: 1px solid #fbfbfb; }
.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .number, .zero, .number1 { display: inline-block; zoom: 1; width: 120px; height: 54px; background: url(../images/keyboard.png) no-repeat; overflow: hidden; cursor: pointer; vertical-align: middle; }
.one{ background-position:0 0;}
.one:hover{ background-position: 0 -58px;}
.two { background-position: -125px 0px; }
.two:hover { background-position: -125px -58px; }
.three { background-position: -250px 0px; }
.three:hover { background-position: -250px -58px; }
.four { background-position: 0px -120px; }
.four:hover { background-position: 0px -180px; }
.five { background-position: -125px -120px; }
.five:hover { background-position: -125px -180px; }
.six { background-position: -250px -120px; }
.six:hover { background-position: -250px -180px; }
.seven { background-position: 0px -240px; }
.seven:hover { background-position: 0px -300px; }
.eight { background-position: -125px -240px;}
.eight:hover { background-position: -125px -300px; }
.nine { background-position: -250px -240px; }
.nine:hover { background-position: -250px -300px; }
.number { background-position: 0px -360px; }
.number:hover { background-position: 0px -420px; }
.zero { background-position: -125px -360px; }
.zero:hover { background-position: -125px -420px; }
.number1 { background-position: -250px -360px; }
.number1:hover { background-position: -250px -420px; }
.callkeybord,.calldet { display: inline-block; *display: inline; zoom: 1; width: 181px; height: 81px; background: url(../images/keyboard.png) no-repeat; overflow: hidden; cursor: pointer; vertical-align: middle; float: left; }
.callkeybord { background-position: -190px -480px; width: 182px; }
.callkeybord:hover { background-position: -190px -570px; width: 182px; }
.calldet { background-position: 0px -480px; }
.calldet:hover { background-position: 0px -570px; }
.multi_wrap{ margin-left:80px; margin-bottom:10px;}
.multi_wrap .title{ display:block; float:left; height:30px; color:#666; line-height:30px; width:120px; text-align:right;}
.multi_user{ float: left;}
.multi_user ul{ padding:10px; margin-left:10px; width:420px; border:1px #ebebeb solid; height:200px; overflow:auto; }
.multi_user li{ float:left; margin-right:16px; margin-bottom:16px;}
.multi_user li a{ border:1px #ebebeb solid; padding:6px 15px 6px 6px; position:relative;}
.multi_user li a:hover{ border:1px #0082cb solid;}
.remove_user{ position:absolute; top:-4px; right:-6px; background:url(../images/icon_jxt.png) no-repeat 0 -288px; width:20px; height:20px;}
.voice_wrap{  float: left; margin-left:10px; color:#666; width:440px;}
.voice_tab{ border:1px #ebebeb solid;  background:#f5f5f5;}
.voice_tab li{ float:left; height:40px; line-height:40px; border-right:1px #ebebeb solid; }
.voice_tab li a{ display:block; width:80px; text-align:center; color:#666; }
.voice_tab li a:hover{ background:#fff; border-bottom:1px #fff solid;}
.voice_tab li .selected{ background:#fff; border-bottom:1px #fff solid;}
.voice_content{ border:1px #ebebeb solid; border-top:none; height:auto; }
.msg_content{ border:1px #ebebeb solid; height:auto; }
.common_bolid{ height:40px; line-height:40px; padding:10px; border-bottom:1px #ebebeb solid;}
.keybord_set{ padding:10px; border-top:1px #ebebeb solid;}
.voice_number_input{ width: 20px; height: 22px; border:1px #d1d1d1 solid; text-align: center; margin:0 4px;}
.voice_input { border:1px #d1d1d1 solid; width:200px; height: 22px; line-height:22px;}
.name_input { border:1px #d1d1d1 solid; width:90px; height: 22px; line-height:22px;}
.keybord_set a{ color:#0082cb;}
.keybord_set a:hover{ color:#f60;}
.keybord_set li{ margin:5px 0px;}
.file_wrap{ margin-left:210px; padding:10px; width: 363px;}
.filter_layer{ margin:10px; text-align:right;}
.filter_layer select{ border:1px #ebebeb solid; height:32px; line-height:32px;}
.import_info{ margin:10px; padding:0 10px;}
.import_info a{ color:#0082cb;}
.import_info a:hover{ color:#f60;}
.import_info .ipt_txt{ border:1px #ebebeb solid; width:300px; height:24px; line-height:24px;}
.tip_info_wrap{ margin-left:80px;  position:relative;}
.tip_title{ display:block; float:left; width:120px; text-align:right;}
.tip_title img{ margin-left:4px;}
.tip_content{ display:none; position:absolute; left:118px; bottom:-6px; background:#ffffe0; width:400px; border:1px #f7ce39 solid; text-align:left; padding:6px; font-size:12px; line-height:20px; color:#666;}
.superior_set{ margin:16px;}
.superior_set .select_wrap{ display:block; width: 126px; height: 50px; line-height:50px;border: 3px #d8d8d8 dashed; margin-left:16px; margin-bottom:16px;cursor: pointer; background-color: #f5f5f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center; }
.superior_set a{ color:#0082cb; font-size:12px; }
.table_date_wrap{ margin-top:10px;}
.table_date_wrap li{ float:left;}
.table_date_wrap li a{ display:block; margin-right:-1px;  border:1px #d1d1d1 solid; padding:6px 10px; background:#fff;}
.ico_date_out{ display: inline-block; background:url(../images/icon_jxt.png) no-repeat 0 -264px; width:16px; height:16px;  margin-bottom:-2px;}
.ico_date_on{ display: inline-block; background:url(../images/icon_jxt.png) no-repeat 0 -312px; width:16px; height:16px; margin-bottom:-2px;}
.ico_table_out{ display: inline-block; background:url(../images/icon_jxt.png) no-repeat 0 -360px; width:16px; height:16px;  margin-bottom:-3px;}
.ico_table_on{ display: inline-block;  background:url(../images/icon_jxt.png) no-repeat 0 -336px; width:16px; height:16px;  margin-bottom:-3px;}
.charge_info dl{ height:40px; line-height:40px; margin-left:10px;}
.charge_info dt,.charge_info dd{ float:left;}
.charge_info dt{ width:120px; color:#999;}
.charge_info dd .ipt_txt{ border:1px #d1d1d1 solid; height:24px; line-height:24px; width:60px; margin:0 3px;}
.charge_info dd .ipt_txt_tel{ border:1px #d1d1d1 solid; height:24px; line-height:24px; width:120px; margin:0 3px;}
.charge_info dd .ipt_radio{ margin-top:10px; margin-right:5px; float:left;}
.pay_way{ padding:0 10px;border-bottom:1px #0082cb solid;}
.pay_way li{ float:left; margin-right:10px; }
.pay_way li a{ display:block;  height:30px; line-height:30px;  border:1px #ebebeb solid; border-bottom:none; padding:0 10px;}
.pay_way li a:hover{ border:1px #0082cb solid; height:31px; line-height:31px; margin-bottom:-1px; border-bottom:1px #fff solid; color:#0082cb;}
.pay_way li .selected{ border:1px #0082cb solid; height:31px; line-height:31px; margin-bottom:-1px; border-bottom:1px #fff solid; color:#0082cb;}
.pay_con{ padding:16px 0;}
.pay_con p{ color:#999; width:120px; text-align:right;}
.pay_con ul{ float: left; width:750px;}
.pay_con li{float:left; margin-right:10px; margin-bottom:10px;}
.ipt_radio{ margin-top:10px; margin-right:5px; float:left;}
.table_pay{ border:1px #d1d1d1 solid; border-bottom:none; color:#999; width:340px; font-size:12px;}
.table_pay .title{ border-right:1px #d1d1d1 solid;  border-bottom:1px #d1d1d1 solid; background:#ebebeb; text-align:right; padding-right:10px; }
.table_pay .con_txt{  border-bottom:1px #d1d1d1 solid; padding-left:10px;}
.warm_send{ font-size:12px; color:#999; padding:6px; width: 396px; line-height: 24px; height: auto; border: #ccc 1px solid; background: #eee; }
.table_cost{ border:1px #ebebeb solid;}
.table_cost tr{ height:30px; line-height:30px;}
.table_cost th{ background:#f0f0f0; border-bottom:1px #ebebeb solid;}
.table_cost td{ text-align:center;}
.cost_intro{ border:1px #ebebeb solid; padding:16px; font-size:12px;}
.cost_intro h3{ color:#0082cb; font-size:16px; font-weight:bold;}
.cost_intro li{ border-bottom:1px #ebebeb dashed; padding:10px 0;}
.apply_info_wrap{ margin-top:10px; border:1px #ebebeb solid; margin:10px 60px; padding:10px 20px;}
.apply_info_wrap dl{ height:30px; line-height:30px; margin-bottom:10px;}
.apply_info_wrap dt,.apply_info_wrap dd{ float:left;}
.apply_info_wrap dt{ width:140px; text-align:right; color:#666; margin-right:10px;}
.apply_info_wrap dd .ipt_txt{ border:1px #ebebeb solid; height:30px; padding-left:6px; line-height:30px; width:280px; font-size:14px;}
.apply_info_wrap dd .ipt_txt:hover{ border:1px #d1d1d1 solid;}
.tip_con_none{ text-align:center; color:#a3b4be;}
/*loading*/
.loading_wrap{ width:200px; margin:0 auto;  height:30px; line-height:30px;}
.loading_img{ float:left; background:url(../images/loading.gif) no-repeat;  height:16px; width:16px; margin-top:7px; }
.loading_wrap .txt_tip{ float:left; font-size:12px; color:#666; margin-left:6px;}
.loading_pst{ position:absolute; left:400px; top:0px; background: #fbffe5; border:1px #fecca3 solid; border-radius:6px; height:30px; line-height:30px; padding:0 6px;}
.loading{ float:left;background:url(../images/loading.gif) no-repeat left center; height:16px; width:16px; margin-top:7px;}
.loading_pst .txt_tip{ float:left; font-size:12px; color:#666; margin-left:6px;}
/*添加公告*/
.publish_news_wrap{ margin-top:10px;}
.publish_news_wrap .title{ float:left; width:100px; text-align:right;}
.publish_news_wrap li{ margin-bottom:10px;}
.publish_news_wrap .ipt_txt{  height:30px; line-height:30px; border:1px #ebebeb solid; padding:0 6px; width:480px;}
.publish_input_layer{ float:left; border:1px #ebebeb solid; background:#fff; width:492px;height:150px;}
.publish_input_layer fieldset{ display: block; padding:6px; border:none;}
.select_user_layer{ float:left; width:472px; border:1px #ebebeb solid; padding: 10px; background:#fff;}
.notice_txt{padding: 20px; line-height:30px;}
/*时间轴*/
.time_axis_wrap{ background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); padding:0 30px; }
.time_axis_date{ float:left; width:60px; padding:20px 0;}
.time_axis_date dt{ background:#0082cb; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff; width:60px;}
.time_axis_date dd{ width:60px; text-align:center; height:40px; line-height:40px; background:#e1e1e0; color:#0082cb; font-size:26px;}
.time_axis_con{ width:766px; float:left; margin-left:20px; border-left:2px #90cdef solid; position:relative; }
.time_axis_map{ position:absolute; top:34px; left:-8px; background:url(../images/icon_jxt.png) no-repeat -72px -144px; width:14px; height:16px;}
.time_axis_txt{ padding:12px; border: 1px #d4ddf0 solid; margin:20px 0 20px 30px;}
.ico_right{ position:absolute; top:16px; left:-11px; background:url(../images/i_right.png) no-repeat; width:13px; height:14px; }
.time_axis_txt .time_title{ color:#666; height:24px; line-height:24px; font-size:14px; font-weight:bold;}
.time_axis_txt p{ margin-top:6px; color:#666;}
.time_axis_detail{ padding:0 10px;}
.call_contact{ background:#fff; text-align:center; position:relative; color:#666;}
.call_contact p{ height:30px; line-height:30px; padding:5px 0;}
.close_call{ position:absolute; right:-6px; top:-6px; background:url(../images/icon_jxt.png) no-repeat 0 -288px; width:20px; height:20px; cursor:pointer;}
.ico_call{ display:block; float:left; background:url(../images/icon_jxt.png) no-repeat -24px -312px; width:18px; height:18px; margin-top:5px; margin-left:4px;}
.ico_call:hover{ background:url(../images/icon_jxt.png) no-repeat -24px -336px;}
.ico_msg{ display:block; float:left; background:url(../images/icon_jxt.png) no-repeat -48px -312px; width:18px; height:18px; margin-top:7px; margin-left:4px; }
.ico_msg:hover{ background:url(../images/icon_jxt.png) no-repeat -48px -336px;}
.group_manage{}
.group_manage li{ float:left; margin:0 10px; margin-bottom:10px; border:1px #ebebeb solid; }
.group_manage li a{ float:left; display:block; background:#fff; height:30px; line-height:30px; padding:0 10px;}
.group_manage li a:hover{ color:#333;}
.group_ipt{ margin-left:-10px; margin-right:50px; padding:0 10px; height:30px; line-height:30px; border:none; width: 140px;}
.ico_group_ok{ position:absolute; right:32px; top:8px; background:url(../images/icon_jxt.png) no-repeat -48px -216px; width:16px; height:16px; border:none; cursor: pointer;}
.ico_group_ok:hover{background:url(../images/icon_jxt.png) no-repeat -48px -240px;}
.ico_group_cancel{ position:absolute; right:6px; top:7px; background:url(../images/icon_jxt.png) no-repeat -48px -264px; width:16px; height:16px; border:none; cursor: pointer;}
.ico_group_cancel:hover{ background:url(../images/icon_jxt.png) no-repeat -48px -288px; }
.ico_group_edit{ position:absolute; right:32px; top:8px; background:url(../images/icon_jxt.png) no-repeat -48px -120px; width:16px; height:16px; border:none; cursor: pointer;}
.ico_group_edit:hover{ background:url(../images/icon_jxt.png) no-repeat -48px -144px;}
.ico_group_delete{ position:absolute; right:6px; top:8px; background:url(../images/icon_jxt.png) no-repeat -48px -168px; width:16px; height:16px; border:none; cursor: pointer; }
.ico_group_delete:hover{ background:url(../images/icon_jxt.png) no-repeat -48px -192px;}
.letter_search{ margin-top:10px;}
.letter_search a{ margin:0 3px; padding:3px 5px; color:#999; }
.letter_search a:hover{ background:#1db1dd; color:#fff;}
.letter_search .selected{ background:#1db1dd; color:#fff; }
.msg_none_tip{ margin:10px 0;}
/*公告*/
.sub_info_list li{ border-bottom:1px #ebebeb dashed;}
.sub_info_list li a{  width:268px; height:40px; line-height:40px;  overflow:hidden; display:block;}
.sub_info_list li .selected{ color:#0082cb;}
.notice_page{ margin:-10px 10px 10px 10px; font-size:12px;}
.notice_page li{ float:left; margin-left:10px;}
.notice_page li a{ display:block; color: #666;}
.notice_page li a:hover{ color: #0082cb;}
.notice_con{ padding:16px; padding-bottom:0;}
.notice_con h2{ font-size:14px; font-weight:bold; text-align:center;}
.notice_con h5{ text-align: center; font-size:14px; padding-bottom:10px; border-bottom:1px #ebebeb dashed;}
.notice_con p{ line-height:24px;}
.notice_con img{ width:100%;}
.view_more{ font-size:12px; display:block; margin:0 16px; padding-bottom:10px; color:#0082cb; float:right;}
.sub_info_list dd a{ display:block; width:218px; height:30px; line-height:30px; overflow:hidden; color:#666;}
.sub_info_list dd a:hover{ color:#0082cb;}
.face_layer{ position:absolute; bottom:71px; left:0; background:#fff; width:495px; height: auto; border:1px #ebebeb solid; border-right:none; border-bottom:none;}
.face_layer li{ width:32px; height:32px; float:left; border-right:1px #ebebeb solid; border-bottom:1px #ebebeb solid;}
.face_layer li a{ display:block;}
.face_layer li a img{ margin-top:5px; margin-left:5px;}
.ui_add_num{ background:url(../images/add_btn.png) no-repeat; background-position:0 0; display:block; margin-top:5px; width:20px; height:20px;}
.ui_add_num:hover{ background:url(../images/add_btn.png) no-repeat; background-position:0 -20px; display:block; margin-top:5px; width:20x; height:20px;}
.task_cc{ position:absolute; right:90px; top:2px; background:url(../images/cc_web.png) no-repeat; width:20px; height:20px;} 
/*客户管理模块新增样式*/
.color_060{ color:#060;}
.color_f00{ color:#f00;}
.fw_bold{ font-weight:bold;}
.fw_normal{ font-weight:normal;}
.fz_18{ font-size:18px;}
.overview_box h3{ margin-bottom:10px; font-weight:bold; font-size:14px; color:#666; }
.overview_box h3 .ipt_cb{ vertical-align:middle; margin-right:3px;}
.overview_box ul{ height:30px; line-height:30px;}
.overview_box li{ float: left; width:25%;}
.btn_add_attach{ border:none; background:url(../images/icon_jxt.png) no-repeat -72px -168px; width:24px; height:24px; cursor: pointer; margin-top:4px; }
.btn_add_attach:hover{ border:none; background:url(../images/icon_jxt.png) no-repeat -72px -192px; width:24px; height:24px; cursor: pointer; margin-top:4px; }
.chart_wrap{ margin-top:16px;}
.chart_box{ width:449px; margin-bottom:16px; min-height:200px; float:left; background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9);}
.chart_info{ margin:10px;}
.chart_info p{ color:#999;}
.chart_info h2{ font-size:14px; font-weight: bold; color:#666;}
.rmb_stage{ border-top:1px #dfdfdf solid; color:#666;}
.rmb_stage li{ height:30px; line-height:30px;  margin:10px 0; margin-left:160px;}
.rmb_stage li .ipt_style{ height:30px; line-height:30px; width:120px; border:1px #ebebeb solid; }
.pk_chart{ padding:10px;}
.hopper_wrap{ color:#666; font-size:12px; margin:0 auto; width:500px;}
.hopper_text_sum{ text-align:right; border-bottom:1px #cecece solid; height:26px; line-height:26px;}
.hopper_text_sub{ text-align:right; height:26px; line-height:26px;}
.hopper_text_sum span,.hopper_text_sub span{ margin-left:10px;}
.days_tip{ background:#efefef; height:10px; width:100%; font-size:12px;}
.overdue{ position: absolute; top:0; left:0; height:10px; background:#F90;}
.day_txt_over{ position:absolute; top:10px; left:0; color:#f60;}
.day_txt{ position:absolute; top:10px; right:0;}
.h_50{ height:50px;} 
.align_center{ text-align:center;}
.goal_filter{ padding:0 20px;}
.goal_filter .ipt_style{ height:30px; line-height:30px;}
.goal_info{ padding:0 20px; margin:10px 0; }
.goal_ds{ float:left; background-color: #fff; border: 1px #d8d8d8 solid; width: 228px;}
.goal_ds dl{ height:34px; margin:10px 0;}
.goal_ds dt{ float:left; width:70px; text-align:right; margin-right:5px;}
.goal_ds dd{ float:left; width:140px;}
.goal_ds dd .ipt_style{ height:26px; line-height:26px; border:1px #dfdfdf solid; width:110px;}
.goal_info_wrap{ margin-top:10px; }
.goal_info_wrap select{ height:30px; line-height:30px; border:1px #dfdfdf solid;}
.solid_bb{ border-bottom:1px #dfdfdf solid;}
.time_hm{ font-weight: normal;}
.icon_pin{ border:none; background:url(../images/icon_jxt.png) no-repeat -72px -216px; width:24px; height:24px; cursor: pointer; }
.descript_wrap dt,.descript_wrap dd{ float:left;}
.descript_wrap dd{ margin-left:16px;}
.box_grey,.box_green,.box_orange,.box_red,.box_brown,.box_dark_green,.box_sea_blue,.box_blue,.box_blue_grey,.box_dark_orange{ display:block; margin-top:8px; margin-right:4px; width:10px; height:10px;  }
.box_grey{ background:#ddddee;}
.box_green{ background:#8ecc95;}
.box_orange{ background:#f1a159;}
.box_red{ background:#fe3115;}
.box_brown{ background:#fd8805;}
.box_dark_green{ background:#dac324;}
.box_sea_blue{ background:#277ebf;}
.box_blue{ background:#1ed2dc}
.box_blue_grey{ background:#77abdd}
.box_dark_orange{ background:#ff6600;}
/*漏斗注释*/
.chart_tips{ position:absolute; left:480px; top:100px; border:1px #ccc solid; padding:7px 2px;}
.chart_tips dl{ height:28px; line-height:28px; color:#666;}
.chart_tips dt,.chart_tips dd{ float:left;}
.chart_tips dt{ border:1px #ccc solid; padding:1px; margin-top:8px; margin-right:4px; }
.chart_tips .step_10{ display:block; background:#1ED2DC; width:12px; height:10px; }
.chart_tips .step_30{ display:block; background:#277EBF; width:12px; height:10px; }
.chart_tips .step_50{ display:block; background:#DAC324; width:12px; height:10px; }
.chart_tips .step_80{ display:block; background:#FD8805; width:12px; height:10px; }
.chart_tips .step_100{ display:block; background:#FE3115; width:12px; height:10px; }
/*新版发布公告*/
.notice_publish_wrap{ background:#efefef; padding:30px;}
.notice_publish_wrap dl{ margin-bottom:10px;}
.notice_publish_wrap dt,.notice_publish_wrap dd{ float:left;}
.notice_publish_wrap dt{ width:10%; text-align:right; }
.notice_publish_wrap dt i{ margin-right:16px;}
.notice_publish_wrap dd{ width:90%;}
.notice_publish_wrap .ipt_txt{  height:30px; line-height:30px; border:1px #ebebeb solid; padding:0 6px; width:100%;}
.notice_publish_wrap fieldset{ width:100%; display: block; border:1px #ebebeb solid;  padding:0 6px;}
.select_user_layer{ width:100%; border:1px #ebebeb solid; padding: 6px; background:#fff;}
.fz_14{ font-size:14px;}
.icon_info{ background:url(../images/icon_jxt.png) no-repeat -24px -360px; width:24px; height:24px; display:block;}
.notice_con h4{ text-align: right; font-size:14px; padding-bottom:10px; border-bottom:1px #ebebeb solid;}
.icon_timeout{ position:absolute; top:3px; background:url(../images/icon_jxt.png) no-repeat -48px -360px; width:37px; height:17px;}
.base_info_wrap h3{ font-size:14px; padding-bottom:10px; color:#666;}
.buy_tips{ border-bottom:1px #dfdfdf dashed; padding-bottom:10px; color:#666;}
.superior_set .photo_wrap{ display:block; width: 152px; height: 152px; line-height:50px;border: 1px #d8d8d8 solid; margin-left:16px; margin-bottom:16px;cursor: pointer; background-color: #f5f5f5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:center; }
.superior_set .photo_wrap img{ padding:1px;}
.btn_add_tel{ position:absolute; left:426px; top:6px; background:url(../images/icon_jxt.png) no-repeat -48px 0; width:16px; height:16px; cursor:pointer;}
.btn_add_tel:hover{ background:url(../images/icon_jxt.png) no-repeat -72px 0; cursor:pointer;}
.icon_male{ background:url(../images/icon_jxt.png) no-repeat -72px -72px; width:16px; height:16px; display:block; margin-top:6px; }
.icon_female{ background:url(../images/icon_jxt.png) no-repeat -72px -48px; width:16px; height:16px; display:block; margin-top:6px; }
.icon_arrow_down{ background:url(../images/icon_jxt.png) no-repeat -72px -24px; width:17px; height:15px; display:block; margin-top:8px;}
.contact_list_layer{ position:absolute; top:30px; left:0px; background:#fff; border:1px #dfdfdf solid; border-bottom:none;}
.contact_list_layer li{ padding: 5px; border-bottom:1px #dfdfdf solid;}
.contact_list_layer li a{ color:#666;}
.contact_list_layer li a:hover{ color:#0082cb;}
.contact_list_layer li a .icon_arrow_right{ background:url(../images/icon_jxt.png) no-repeat -96px -120px; width:16px; height:10px; display:block; margin-top:10px; margin-left:3px; }
.contact_list_layer li a:hover .icon_arrow_right{ background:url(../images/icon_jxt.png) no-repeat -96px -144px; width:16px; height:10px; display:block;}

.cor_contact_list_layer{ position:absolute; top:40px; left:0px; background:#fff; border:1px #dfdfdf solid; border-bottom:none;}
.cor_contact_list_layer li{ padding: 5px; border-bottom:1px #dfdfdf solid;}
.cor_contact_list_layer li a{ color:#666;}
.cor_contact_list_layer li a:hover{ color:#0082cb;}
.cor_contact_list_layer li a .icon_arrow_right{ background:url(../images/icon_jxt.png) no-repeat -96px -120px; width:16px; height:10px; display:block; margin-top:10px; margin-left:3px; }
.cor_contact_list_layer li a:hover .icon_arrow_right{ background:url(../images/icon_jxt.png) no-repeat -96px -144px; width:16px; height:10px; display:block;}
/*部门管理*/
.department_wrap{ float:left; font-size:13px; background:#F4F7FA; width:220px; border:1px #dfdfdf solid; }
.hidden{ display:none}
.box_title{ padding-left:7px; line-height:32px;height:32px}
.box_title .btn_unfold{ margin-top:14px}
.box_title .btn_fold{ margin-top:12px}
.pnav_letter{ color:#0082cb; padding:3px 8px;}
.pnav_letter:hover{  background:#c7daeb;}
.btn_unfold{ background:url(../images/icon-tree-expand.png) no-repeat;float:left; width:13px; height:13px}
.btn_fold{ background:url(../images/icon-tree-collapse.png) no-repeat; float:left; width:13px; height:13px}
.box_list li{ padding-left:23px; line-height:25px}
.box_list li a{ color:#0082cb;}
.box_list li .btn_unfold{ margin-top:9px;}
.box_list li .btn_fold{ margin-top:5px}
.box_list h5{ margin-left:13px; font-size:13px;}
.box_list h5 a{padding:3px 8px;}
.box_list h5 a:hover{ background:#c7daeb; color:#0082cb;}
.depart_name{ padding:3px 8px;}
.depart_name:hover{ background:#c7daeb; }
.depart_selected{ background:#c7daeb;}
.depart_oper{ width:200px; margin:10px auto; margin-left:24px;}
.login_contact_list{ float:right; width:644px;}
.login_contact_list .ipt_search{ height:30px; line-height:30px; padding:0 3px; border:1px #ebebeb solid;}
.border_solid{ border: 1px #dfdfdf solid;}
.new_depart_wrap{ margin:10px;}
.new_depart_wrap dl{ margin-bottom:10px;}
.new_depart_wrap dt,.new_depart_wrap dd{ float:left;}
.new_depart_wrap dt{ width:120px; text-align: right;}
.new_depart_wrap dt i{ margin-right:8px;}
.new_depart_wrap dd .ipt_txt{ height:28px; line-height:28px; padding:0 3px; border:1px #d1d1d1 solid;}
.container_tip{ width:100%;height:70px; line-height:70px; margin:0 auto; }
.head_bg_tip{ width: 100%; background: #5bc0de;  box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); height:70px; z-index: 99;}
.head_tip{ width: 1150px; height: 70px; line-height:70px; margin: 0 auto; }
.product_tip_logo{ float:left; background:url(../images/logo_login.png) no-repeat; width:155px; height:57px; margin-top:6px; }
.tpl_tip_l{ width:220px; float:left;}
.item_staus_yellow{ background:#fdc24f;}
/*同一页面的滑动切换*/
.cat_slide_stream{ margin:16px 0; background:#fff; padding:0 16px; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); border-radius:3px;}
.cat_slide_stream li{ float:left; margin:0 10px;}
.cat_slide_stream li a{ color:#0082CB; display:block; padding-top:5px; padding-bottom:5px; border-bottom:4px #fff solid;}
.cat_slide_stream li a:hover{ color:#f60;}
.cat_slide_stream li .selected{ color:#f60; }

/*极讯通新增样式-20150319*/
.icon_file{ border: none; background: url(../images/icon_jxt.png) no-repeat -96px 0; width: 24px; height: 24px; cursor: pointer; margin-top: 4px; margin-right:10px; margin-left:-10px;}
.icon_file:hover{ background: url(../images/icon_jxt.png) no-repeat -96px -24px; }
.attach_box{ margin:4px 0; border:1px #e1e1e1 dotted;}
.attach_box dl{ width:240px; float:left; font-size:12px; margin-bottom:10px; margin-right:6px;}
.attach_box dt{ float:left; width:30px; }
.attach_box dd{ float:left; width:200px; margin-left:10px;  height:60px; word-wrap:break-word; word-break:break-all; }
.attach_box dd p{ height:40px; line-height:20px; overflow:hidden;}
.attach_box dd a{ color:#0082cb; margin-right:10px;}
.attach_box dd a:hover{ color:#f60;}
.btn_packet{ float:right; margin-top:10px; margin-right:10px; width: 24px; height: 24px; display: block; background: url(../images/icon_jxt.png) no-repeat -96px -48px;}
.btn_packet:hover{ background: url(../images/icon_jxt.png) no-repeat -96px -72px;}
.show_more{ display:block; background: url(../images/exact.png) no-repeat; width:78px; height:16px;}
.close_more{ display:block; background:url(../images/simple.png) no-repeat;  width:78px; height:16px;}
.packet_list{ width:500px; float:left; margin:10px;}
.packet_list_add{ width:500px; float:left; margin:10px;}
.more_info{ background:#fafafa; padding:10px 0;}
.more_info a{ display:block;}
.attach_extention{ border:1px #ebebeb solid; border-top:none; margin-top:-1px; margin-bottom:-1px;}
.add_more_attach{ color:#0082cb; font-size:14px;} 
.add_more_attach:hover{ color:#f60;}
.attach_tips{ padding:0 10px; font-size:12px; border-bottom:1px #ebebeb dashed; border-top:1px #ebebeb dashed; height:30px; line-height:30px; }
.btn_add_attach{ border:none; }
.attach_bg{ background:url(../images/attach_bg.png) no-repeat; width:30px; height:30px; position:relative;}
.attach_txt{ position:absolute; bottom:5px; right:-1px; font-size:10px; color:#fff; width:24px; height:13px; line-height:13px; overflow:hidden; text-align:center;}
/*套餐和空间状态样式*/
.space_box{ margin-top:10px; background:#f1f1f1; padding:10px; width:411px; height:320px;}
.space_box h3{ font-weight:bold;}
.next_space{ border-top:1px #e1e1e1 dashed; margin-top:10px; padding-top:10px; }
.p_buy{ position:absolute; right:30px; top:180px;}
.yellow_box{ display:block; background:#d99132; width:12px; height:12px; margin-right:6px; margin-top:6px;}
.blue_box{ display:block; background:#4979c9; width:12px; height:12px; margin-right:6px; margin-top:6px;}
/* PROGRESS */
.progress { background-color: #e5e9eb; height: 5px; position: relative; width: 120px; margin-top:4px;}
.progress-bar { animation-name: width; background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); background-size: 24em 0.25em; height: 100%; width:50%; position: relative;}
.progress_success{ position:absolute; top:-10px; right:-60px; width:40px; height:10px; color:#22ad4c; }
.progress_failure{ position:absolute; top:-10px; right:-60px; width:40px; height:10px; color:#F00; }
/* 抄送人的样式 */
.lookuser_list .group_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #09acdc; color: #fff; cursor: pointer;}
.lookuser_list .group_li:hover{ background: #0796c0; }
.lookuser_list .user_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #55c3ae; color: #fff; cursor: pointer;}
.lookuser_list .user_li:hover{ background: #169e84; color:#fff;}
.lookuser_list .epr_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #09acdc; color: #fff; cursor: pointer;}
.lookuser_list .epr_li:hover{ background: #0796c0; }
/*模拟体验提示*/
.mask_wrap{ position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666666;opacity:0.5;z-index:2147000000;}
.ty_tip{ position:absolute; top:300px; left:50%; width:400px; background:#fff; border-radius:5px; z-index:99999; margin-left:-200px;  box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); padding:20px; text-align:center;z-index:2147000001;}
.ty_tip h3{ font-size:14px;}
.ty_tip h3 span{ color:#f60; font-size:20px;}
/*接收人弹出层*/
.sender_box{ position:absolute; top:38px; left:60px; background:#fff; border:1px #d1d1d1 solid; z-index:99;  box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9);}
.sender_title{ position:absolute; top:-8px; left:24px; background:url(../images/i_on.png) no-repeat; width:14px; height:8px;}
.sender_list{ width:200px; min-height:40px; max-height:300px; overflow: auto; padding:10px; margin-top:10px;}
.sender_list li{ width:180px; height:36px; line-height:36px;}
.sender_list li img,.sender_list li span{ float:left; margin-right:6px; color:#777;}
.sender_num{ background:#fbfbfb; padding:2px 10px; color:#666; z-index:10001}
.member_title{ color:#333;}
.sender_name{ width:120px; height:36px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.mt_0{ margin-top:0;}

/*去电号码申请*/
.apply_success{ padding: 0 30px; padding-left:60px;}
.apply_success a{ float:left; display:block; margin-right:10px; margin-bottom:10px; padding:2px 10px; background:#55c3ae; color:#fff;}
.apply_success a:hover{ background: #169e84; color:#fff;}
.apply_success a span{ margin-left:10px; color:#daf2fc;}
.apply_tel_tips{ margin:20px 60px; margin-top:0; border:1px #ddd solid; padding:10px 20px;}
.apply_tel_tips h3{ font-size:14px; font-weight:bold;}
.apply_tel_tips dl{ margin-bottom:10px;}
.apply_tel_tips dt{ color: #F00; font-size:12px;}
.apply_tel_tips .p_2em{ margin-left:24px;}
.apply_tel_tips p a{ color:#0082cb; text-decoration:underline;}
.apply_tel_tips p a:hover{ color:#f60;}
.apply_kf{ padding:10px 60px;}
.apply_kf a{ color:#0082cb;}
.apply_kf a:hover{ color:#f60;}

/*轨迹地图*/
.track_map{ border:1px #ebebeb solid; padding:1px;}
.stream_item_layer{ background:#fff; padding:16px;}
.ico_map_out{ display: inline-block; background:url(../images/icon_jxt.png) no-repeat -96px -360px; width:16px; height:16px; margin-bottom:-3px;}
.ico_map_on{ display: inline-block; background:url(../images/icon_jxt.png) no-repeat -96px -336px; width:16px; height:16px; margin-bottom:-3px;}
.data_tip{ position:absolute; top:223px; left:339px;}
.table_track_wrap{ margin-top:10px;}
.table_track_wrap li{ float:left;}
.table_track_wrap li a{ display:block; margin-right:-1px;  border:1px #d1d1d1 solid; padding:12px; background:#fff;}



/*关联客户列表*/
.link_customer{  font-size:12px;}
.link_customer h4{ color:#999;  font-size:14px;  }
.link_customer li{ float:left; width:50%; height:26px; line-height:26px; overflow:hidden;}
.link_customer li a{ color:#0082cb;}
.link_customer li a:hover{ color:#f60;}
.stream_work{ width:220px; float:right; border:1px #ebebeb  solid; height:24px; line-height:24px; margin-top:8px; border-radius:0; font-size:12px;}
.stream_work01{ width:132px; float:right; border:1px #ebebeb  solid; height:24px; line-height:24px; margin-top:8px; border-radius:0; font-size:12px;}
.stream_work a{ color:#666;}
.stream_work a:hover{ color:#0082cb;}
.ipt_stream{ border:none; width:120px; margin-left:2px; height:24px; line-height:24px; border-right:1px #ebebeb solid;}
.search_work_btn{ display:block; background:url(../images/search_btn.png) no-repeat 0 0; width:32px; height:24px; border-right:1px #ebebeb solid; margin:0 4px;}
.search_work_btn:hover{ background:url(../images/search_btn.png) no-repeat 0 -24px; }
.search_more{ font-size:12px; }
.search_more dl{ margin:10px 0;}
.search_more dt,.search_more dd{ float:left;}
.search_more dt{ width:60px; text-align:right;}
.search_more dd{ margin-left:10px;}
.search_more .ipt_txt{ border:1px #ebebeb solid; width:316px; height:30px; line-height:30px; padding-left:2px;}
.search_num_wrap{ background:#fffddd; color:#bb861c; border: 1px solid #eade9b; padding:5px 26px 5px 16px; }
.item_staus_blue{ background: #70d0f6}
.ov_c{ width:658px; float:left;  margin-left:16px;}
.ov_r{ width:240px; float:left;}
.chance_list li a{ color:#999; height:40px; font-size:12px; line-height:40px; width: auto; }
.chance_list li a:hover{ color:#666; text-decoration:underline;}
.chance_name{ width:140px; height:40px; line-height:40px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.chance_state{ width:40px;}
.col_one{ width:916px; margin:0 auto;}
.tab_customer{ background:#fff; border-top:1px #ebebeb solid; margin-top:16px;}
.tab_customer li{ float:left; padding:0 20px; height:50px; line-height:50px; border-right:1px #ebebeb solid;}
.tab_customer li a{ border-radius:20px; padding:5px 16px; color:#999;}
.tab_customer li a:hover{ color:#666; background: #f1f1f1; border-radius:20px; padding:5px 16px;  }
.tab_customer li .selected{  background: #43baff; color:#fff; border-radius:20px; padding:5px 16px;}
.customer_bar{ background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); }
.customer_bar h1{ padding:16px;}
.customer_info_one{ padding:0 16px;}
.ico_map_out{ display: inline-block; background:url(../images/icon_jxt.png) no-repeat -96px -360px; width:16px; height:16px; margin-bottom:-3px;}
.ico_map_on{ display: inline-block; background:url(../images/icon_jxt.png) no-repeat -96px -336px; width:16px; height:16px; margin-bottom:-3px;}
.data_tip{ position:absolute; top:223px; left:339px;}
.table_track_wrap{ margin-top:10px;}
.table_track_wrap li{ float:left;}
.table_track_wrap li a{ display:block; margin-right:-1px;  border:1px #d1d1d1 solid; padding:12px; background:#fff;}
.search_set_box{ background:#fefefe; position:absolute; top:42px; right:16px; padding:10px 20px;  border:1px #ebebeb solid; border-radius:0; z-index:9999999; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); color:#666}
/*关联客户*/
.icon_customer{ border: none; background: url(../images/icon_jxt.png) no-repeat -96px -168px; width: 24px; height: 24px; cursor: pointer; margin-top: 4px; margin-right:10px; margin-left:-10px;}
.icon_customer:hover{ background: url(../images/icon_jxt.png) no-repeat -96px -192px;}
.relation_list .group_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #5ea5fc; color: #fff; cursor: pointer; border-radius:2px;}
.relation_list .group_li:hover{ background: #4d93e9; }


/*修改状态弹出层样式*/
.customer_info_one .btn_modify{ background:#09acdc; padding:2px 4px; color:#fff; font-size:12px;}
.state_layer{ position:absolute; top:30px; left:60px;  background:#fefefe; border:1px #ebebeb solid; border-radius:0; z-index:9999999; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); color:#666; width:240px;}
.state_layer h4,.state_layer p{ padding:10px; }
.state_layer h4{ color:#0082cb; font-weight:bold; border-bottom:1px #ebebeb solid;}
.state_layer ul{ padding:0 20px;}
.state_layer li a{ display:block; padding:4px 10px; border-bottom:1px #ebebeb dashed; height:30px; line-height:30px; position:relative; }
.state_layer li .selected{ background:#e6f4f7; color:#0082cb;}
.icon_ok{ position:absolute; top:14px; right:14px; background:url(../images/icon_ok.png) no-repeat; width:13px; height:10px;}
/*快速入门指引*/
.guide_list li{ padding:0 10px; background:#fbfbfb; border:1px #f1f1f1 solid; border-radius:3px; margin-bottom:16px;}
.guide_list li:hover{ background:#f6f6f6; border:1px #ebebeb solid; border-radius:3px;}
.guide_list li a{ height:40px; line-height:40px; display:block; background:url(../images/helper_arrow.png) no-repeat right center; color:#0082cb;}

.txt_two{ position: relative; width: 28px; top: -4px; left: 10px; color: #f60; border-top: 4px #f60 solid;}
.txt_four{ position: relative; width: 56px; top: -4px; left: 10px; color: #f60; border-top: 4px #f60 solid;}

.view_payment_out {
display: inline-block;
*display: inline;
zoom: 1;
margin: 3px 5px;
width: 16px;
height: 16px;
background: url('/images/icon_jxt.png') no-repeat -72px -288px;
line-height: 300;
overflow: hidden;
cursor: pointer;
vertical-align: middle;
}
.view_payment_out:hover {
	 background-position:-72px -312px;
}

/*次导航栏图标*/
.ui_overview,.ui_customers,.ui_chances,.ui_records,.ui_contacts,.ui_subordinate,.ui_charts,.ui_forecast,.ui_web_phone,.ui_multi_phone,.ui_fax,.ui_message,.ui_voice,.ui_cor_rmb,.ui_person,.ui_recharge,.ui_work_statist,.ui_log,.ui_clue,.ui_call_statis,.ui_myinfo,.ui_photo,.ui_mycontact,.ui_header,.ui_phone,.ui_pw,.ui_corp_info,.ui_organization,.ui_attend,.ui_product,.ui_payment,.ui_tel_apply,.ui_label,.ui_project{ display:block; float:left; background-image:url(../images/icon_subbar.png); background-repeat:no-repeat; width:16px; height:16px; margin-top:12px; margin-right:10px;}
.ui_overview{ background-position:0 0;}
.ui_customers{ background-position:0 -16px;}
.ui_chances{ background-position:0 -32px; }
.ui_records{ background-position:0 -48px; }
.ui_contacts{ background-position:0 -64px; }
.ui_subordinate{ background-position:0 -80px; }
.ui_charts{ background-position:0 -96px; }
.ui_forecast{ background-position:0 -112px;}
.ui_web_phone{  background-position:-16px 0; } 
.ui_multi_phone{ background-position:-16px -16px;}
.ui_fax{ background-position:-16px -32px; }
.ui_message{ background-position:-16px -48px; }
.ui_voice{  background-position:-16px -64px; }
.ui_cor_rmb{ background-position:-32px 0px; }
.ui_person{ background-position:-32px -16px; }
.ui_recharge{ background-position:-32px -32px; }
.ui_work_statist{ background-position:-32px -48px; }
.ui_log{ background-position:-32px -64px; }
.ui_clue{ background-position:0 -128px;}
.ui_call_statis{ background-position:0 -144px;}
.ui_myinfo{ background-position:-64px 0;}
.ui_photo{ background-position:-64px -16px;}
.ui_mycontact{ background-position:-64px -32px;}
.ui_header{ background-position:-64px -48px;}
.ui_phone{ background-position:-64px -64px; }
.ui_pw{ background-position:-64px -80px;}
.ui_corp_info{ background-position:-48px 0; }
.ui_organization{ background-position:-48px -16px; }
.ui_attend{ background-position:-48px -32px; }
.ui_product{ background-position:-48px -48px;}
.ui_payment{ background-position:-48px -64px;}
.ui_tel_apply{ background-position:-48px -80px; }
.ui_label{ background-position:-48px -96px; }
.ui_project{ background-position: -64px -96px;}
/*模拟体验快如指引样式*/
.experience_wrap{position: fixed; bottom: 200px; left: 50%; margin-left: 580px;  width: 65px; height:239px;}
.experience_wrap a{ display: inline-block; background:url(../images/face01.png) no-repeat 0 0; width:54px; height:260px;}
.experience_wrap a:hover{ background:url(../images/face01.png) no-repeat -54px 0;}
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon_code.png) no-repeat; position: fixed; bottom: 200px; left: 50%; margin-left: 590px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -196px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -196px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -247px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon_code.png) -4px -3px no-repeat; position:fixed; left: 50%; margin-left:320px; bottom:10px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;z-index:9999}
/*模拟体验快如指引样式*/


/*20150505新增样式*/
.ui_turn_out { display: inline-block; *display: inline; zoom: 1; margin: 3px 5px; width: 16px; height: 16px; background: url(../images/icon_jxt.png) no-repeat -96px -240px; line-height: 300; overflow: hidden; cursor: pointer; vertical-align: middle; }
.ui_turn_out:hover { background-position:-96px -264px; }
.ui_change_out { display: inline-block; *display: inline; zoom: 1; margin: 3px 5px; width: 16px; height: 16px; background: url(../images/icon_jxt.png) no-repeat -96px -288px; line-height: 300; overflow: hidden; cursor: pointer; vertical-align: middle;}
.ui_change_out:hover { background-position:-96px -312px; }
.ui_get_out { display: inline-block; *display: inline; zoom: 1; margin: 3px 5px; width: 16px; height: 16px; background: url(../images/icon_jxt.png) no-repeat -120px -240px; line-height: 300; overflow: hidden; cursor: pointer; vertical-align: middle;}
.ui_get_out:hover { background-position:-120px -264px; }
.ui_recovery { display: inline-block; *display: inline; zoom: 1; margin: 3px 5px; width: 16px; height: 16px; background: url(../images/icon_jxt.png) no-repeat -120px -288px; line-height: 300; overflow: hidden; cursor: pointer; vertical-align: middle;}
.ui_recovery:hover { background-position:-120px -312px; }
/*新增线索的文本域样式*/
.creat_info_wrap .txt_area{ border: 1px #ebebeb solid; padding-left: 6px; width: 280px; font-size: 14px;}

.ui_resource_out { display: inline-block; *display: inline; zoom: 1; margin: 3px 5px; width: 16px; height: 16px; background: url(../images/icon_jxt.png) no-repeat -120px -336px; line-height: 300; overflow: hidden; cursor: pointer; vertical-align: middle; }
.ui_resource_out:hover { background-position:-120px -360px; }

/*工作流更多-删除*/
.more_list{ cursor:pointer; color:#0082cb;float:left; height:24px; line-height:26px;}
.line_grey{ height:16px; background:#ebebeb; width:1px; float: left; margin:4px 10px 0 10px;}
/*设备修改提醒*/
.change_tip{ height:28px; line-height:28px; width:150px; padding-top:3px; border:1px #fba063 dashed; padding-left:6px; color:#f60; font-size:12px;}
/*变更跟进提醒*/
.label_for_tip{ float:right; color:#666; font-size:12px; vertical-align:middle;}
.label_for_tip input{vertical-align: middle; margin-right: 5px;}


.sign_pic_box li{ float:left; margin-left:10px; margin-top:10px;}

/*项目动态样式*/
.user_list .theme_li{ float: left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #4dc2d5; color: #fff; cursor: pointer;  border-radius:2px;}
.user_list .theme_li:hover{ background: #2fadc2; color:#fff;}
.project_wrap{ margin-top:16px; background:#fff; box-shadow: 2px 0 5px rgba(214, 214, 215, 0.9), -2px 0 5px rgba(214, 214, 215, 0.9); }
.project_wrap h2{ height:40px; line-height:40px; padding:0 16px; font-size:14px; border-bottom:1px #ebebeb solid;}
.project_wrap h2 a{ color:#0082cb;}
.theme_list{ padding:10px 0;}
.theme_list li{ height:32px; line-height:32px;}
.theme_list li:hover{  background:#ededed; }
.theme_list .selected{ background:#ededed; }
.theme_list li a{ margin:0 16px; color:#666; display:block;  background:url(../images/arrow_dot.png) no-repeat left center; padding-left:10px; }
.project_new_wrap{ background:#fff;  }
.project_new_wrap h2{ font-size:14px; height:40px; line-height:40px; border-bottom:1px #ebebeb solid; padding:0 16px;}
.project_info{ padding:16px;}
.project_info dl{ height:30px; line-height:30px; margin:16px 0;}
.project_info dt,.project_info dd{ float:left; margin-left:16px; }
.project_info dt{ color:#999; width:120px; text-align:right;}
.project_info .ipt_txt{  font-size:14px; color:#333; height:30px; line-height:30px; border:1px #ebebeb solid; padding-left:4px; width:550px;}
.project_info .area_txt{ height:90px; border:1px #ebebeb solid; padding-left:4px; width:550px; font-size:14px; color:#333; line-height:24px;}
.customer_li{ height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #5ea5fc; color: #fff; cursor: pointer;  border-radius:2px; }
.customer_li:hover{ background: #4d93e9;}
.member_li{ float:left; height:20px; line-height:20px; margin: 0 6px 6px 0; padding: 3px 10px; background: #55c3ae; color: #fff; cursor: pointer;  border-radius:2px; }
.member_li:hover{ background: #169e84;}
.project_news{ padding-bottom:10px; border-bottom:1px #ebebeb dashed; margin-bottom:10px;}
.project_title h3{ padding:0 16px; line-height:28px; padding-top:10px; font-size:14px; color:#333;}
.project_title p{ padding-left:16px; height:30px;}
.icon_pset,.icon_pexit,.icon_pdel{ display:block; float:left; background-image:url(../images/project_icon.png); background-repeat:no-repeat; width:16px; height:16px; margin-top:5px; margin-right:10px; }
.icon_pset{ background-position:0 0;}
.icon_pset:hover{ background-position:-16px 0;}
.icon_pexit{  background-position:-32px 0;}
.icon_pexit:hover{  background-position:-48px 0;}
.icon_pdel{ background-position:-64px 0; }
.icon_pdel:hover{ background-position:-80px 0; }
.project_detail_info{ padding:16px; border-bottom:1px #ebebeb solid;}
.project_detail_info p{ height:auto; border-bottom:none; line-height:30px;}
.project_detail_info p a{ color:#0082cb;}
.project_member{ padding:16px;}
.project_member h3{ font-size:14px;}
.project_users{ margin-top:10px;}
.project_users li{ float:left; margin-right:10px; margin-bottom:10px; position:relative;}
.icon_face{ border: none; background: url(../images/icon_jxt.png) no-repeat -120px 0; width: 24px; height: 24px; cursor: pointer; margin-top: 4px; margin-right:10px; margin-left:-10px;}
.icon_face:hover{ background: url(../images/icon_jxt.png) no-repeat -120px -24px;}
.add_member_btn{ border:none; background-color:#fff; display:block; background-image:url(../images/add_btn.png); background-repeat:no-repeat; background-position:0 0; width:40px; height:40px;}
.add_member_btn:hover{ background-position:-40px 0; }
.del_user_btn{ position:absolute; top:-2px; right:-2px; background:url(../images/delete.png) no-repeat; width:12px; height:12px; cursor:pointer; }
.project_del_tip{ float:left; width: 914px; margin-left:236px;}
.project_del_tip p{ background:#fff; width: 320px; height:40px; line-height:40px; border:1px #fcad78 dashed; border-radius:5px; margin:0 auto; color:#666; margin-top:40px; text-align:center;}
.project_selected{color:#0082cb;}
.member_box{ width:550px;}


/*图片缩放*/
.image_scale{ margin: -6px 0 10px -6px;}
.image_scale li{  border:2px #ebebeb solid; padding:1px;  float: left;  margin: 10px 0 0 10px;}
.image_scale li:hover{ border:2px #F7541B solid;}
.image_scale .scale_box { display: table-cell; vertical-align:middle; max-width:500px; height: 100px; overflow:hidden;border-radius:0px;} 
.image_scale .scale_box img { vertical-align:middle; }

/*联合跟进人样式*/
.p_16{ padding:16px;}
.sender_user_box{ background:#fafafa; height:30px; line-height:30px; border:1px #ebebeb solid; padding:0 10px; margin:6px 0; }
.msg_sender{ width:340px; color:#999; font-size:12px; text-align:right;overflow: hidden;height: 30px;}
.msg_sender a{ color:#0082cb; margin:0 1px;}
.msg_sender img{ margin-bottom:-4px; margin-right:6px;}

/*标签*/
.user_label{ position:absolute; top:1px; left:388px; border-left:1px #ebebeb solid; width:30px; height:30px; border-radius:0;}
.icon_label_arrow{ background: url(../images/label_arrow.png) no-repeat center center; width:30px; height:30px; display:block; cursor: pointer;}
/*标签layer*/
.label_layer{ background:#fff; border:1px #ebebeb solid; border-bottom:none;}
.label_layer li a{ display:block; padding:4px 10px; height:30px; font-size:14px; line-height:30px; border-bottom:1px #ebebeb solid; position:relative;}
.label_layer li a:hover{ background:#fbfbfb;}
