LYGJJ_4.0/Web/Styles/ht.css

 @charset "utf-8";
*{margin:0px; padding:0px;}
body{ font-size:12px; color:#666}
ul{ list-style:none;}
.cl{ clear:both;}
img{ border:0;}
a{ color:#005eac; text-decoration:none;}
a:hover{ color:#F00; }
.m_top10{ margin-top:10px;}
.p_left{padding-left:20px;}
.p_right{padding-right:20px;}
.f_left{ float:left; }
.f_right{ float:right;}
.red{color:#F00;}

/**工作台页面**/
#dl{ width:100%; height:52px; padding:10px;}
#dl p{ height:26px; line-height:26px;  }
#dl p img{ vertical-align:-10%; padding-right:5px;}
#dl p .name{ color:#C00; font-weight:bold;}
#dl .ip{ height:26px; line-height:26px; margin-right:80px;}

#work{ width:100%; height:100%; overflow:hidden;}
#work .w_left{ float:left; margin-right:100px;width:520px;}
#work .w_left .ylsf ,#work .w_right .ylsf{ width:520px; height:340px; margin-left:10px;}
#work .w_left .ylsf h1 ,#work .w_right .ylsf h1{ font-size:16px; font-weight:bold; height:36px; line-height:36px; text-align:center;}
#work .w_left .ylsf .menu ,#work .w_right .ylsf .menu{height:33px; line-height:33px;}
#work .w_left .ylsf .menu ul ,#work .w_right .ylsf .menu ul{list-style:none;}
#work .w_left .ylsf .menu li , #work .w_right .ylsf .menu li{ float:left; text-align:center; margin-right:6px; height:33px; width:117px; background:url(/images/more.png) no-repeat -123px 0px;}
#work .w_left .ylsf .menu li a , #work .w_right .ylsf .menu li a{color:#333; text-decoration:none;}
#work .w_left .ylsf .menu li:hover ,#work .w_left .menu li.curr ,#work .w_right .ylsf .menu li:hover ,#work .w_right .menu li.curr{background:url(/images/more.png) no-repeat -3px 0px;}
#work .w_left .ylsf .menu span ,#work .w_right .ylsf .menu span{background:url(/images/more.png) no-repeat -252px -12px; width:42px; height:22px; display:block; float:right; margin-top:5px;}
.bian1{border-left:1px double #bed5f3; border-bottom:1px solid #bed5f3; border-top:1px solid #bed5f3; text-align:center;}
.bian2{border-bottom:1px solid #bed5f3; border-left:1px solid #bed5f3;text-align:center;}
.bian3{border-right:1px solid #bed5f3;}
.bg{background:#e7f4fd;}

#work .w_right{float:left;}



/**随访页面样式**/
#sf,#lieb,#hfmx,#zxgl,#dx,#ydyf,#ldtp{ width:98%; height:100%; overflow:hidden; padding:10px;}
#sf .s_bl{width:95%; height:220px; }
#sf .s_bl h1 ,#sf .s_hf h1 ,#sf .s_ls h1 ,#hfmx .h_text1 h1 ,#zxgl .z_text1 h1,#dx .d_text1 h1 ,#dx .d_text2 h1 ,#ydyf .y_text1 h1,#ldtp .l_ls h1{border-bottom:1px solid #bed5f3; font-size:14px; height:29px; line-height:29px; background:url(images/lanmu1.png) no-repeat top left; color:#333; padding-left:20px;}
.zi_w{ font-weight:bold;}
.input1{ width:80%; height:18px; line-height:18px; border:1px solid #bed5f3; }
.input2{ width:20%; height:18px; line-height:18px; border:1px solid #bed5f3; }
.input3{ width:5%; height:18px; line-height:18px; border:1px solid #bed5f3; }

.radio1{ vertical-align:-10%;}
.select1{height:22px; line-height:22px; width:80%; border: 1px solid #bed5f3; padding: 2px 3px; }
.select2{height:22px; line-height:22px; width:20%; border: 1px solid #bed5f3; padding: 2px 3px; }
.select3{height:22px; line-height:22px; width:5%; border: 1px solid #bed5f3; padding: 2px 3px; }

#sf .s_hf{width:95%; height:355px; }
.text1{ width:80%; height:90%; border:1px solid #bed5f3;}

#sf .s_ls{width:95%; height:220px;}

/**列表样式**/
#lieb .l_text , #lieb .l_tj ,#hfmx .h_text1 ,#hfmx .h_text2 ,#zxgl .z_text1,#ydyf .y_text1 ,#ldtp .l_nr1 ,#ldtp .l_ls{width:100%; height:auto; overflow:hidden;}
#lieb .l_text .l_dh {height:46px; line-height:46px; border:1px solid #bed5f3; margin-top:6px; background:url(/images/tools_bg.gif) repeat-x;}
.bg2{ background:url(/images/tools_bg.gif) repeat-x 0 -150px; height:26px; line-height:26px;}
.lb_bg1{ background:#f9f9f9;}
.lb_bg1:hover,.lb_bg2:hover{background:#F2F8FB;}
.bian4{border-top:1px solid #bed5f3;}

/**资讯管理**/
#zxgl .z_text2 ul{ list-style:none; padding-top:5px;}
#zxgl .z_text2 li{ height:26px; line-height:26px; text-align:left; padding-left:20px; border-bottom:1px  dotted #CCCCCC; display:block;}


/**短信服务平台**/
#dx .d_text1{ height:260px;}
#dx .d_text2{ height:340px;}
#dx .d_text2 .lie1 ,#dx .d_text2 .lie2{ height:130px;}
.bian5{border-bottom:1px solid #bed5f3; border-left:1px solid #bed5f3; padding-left:20px;}

/**来电弹屏**/
#ldtp .l_lanmu{height:46px; line-height:46px; border:1px solid #bed5f3; margin-top:6px; background:url(/images/tools_bg.gif) repeat-x; width:100%;}
#ldtp .l_lanmu .lm_left{height:46px; line-height:46px;}
#ldtp .l_lanmu .lm_left .l_s1{display:block; width:40px; height:38px; padding:3px 0 0 20px;}
#ldtp .l_lanmu .lm_left .l_s2{ padding-left:20px; font-size:28px; color:#F03; font-family:楷体; }
#ldtp .l_lanmu .lm_right{ padding-right:40px;}
#ldtp .l_nr1 .l_dah {border-bottom:1px solid #bed5f3;  height:29px; line-height:29px; background:url(/images/lanmu1.png) no-repeat top left;  padding-left:20px;}
#ldtp .l_nr1 .l_dah .l_bt{ width:200px; height:29px; line-height:29px; font-size:14px; color:#333; font-weight:bold;}
#ldtp .l_nr1 .l_dah .l_nr1 ,#ldtp .l_nr1 .l_dah .l_nr2{width:200px; height:29px; line-height:29px;}

.bian6{border-bottom:1px solid #bed5f3;}

/**坐席**/
#zx{ width:98%; height:100%; overflow:hidden; padding:10px;}
#zx .z_lanmu{border:1px solid #bed5f3;}
#zx .z_lanmu span{ padding-left:20px;}
#zx .z_nr{ padding-top:8px;}
#zx .z_nr .z_left{ width:8%; height:420px; border:1px solid #bed5f3; padding-top:20px; background:#F2FAFD;}
#zx .z_nr .z_left li{ height:36px; line-height:36px; display:block; padding-left:48px; background:url(/images/zx.png) no-repeat}
#zx .z_nr .z_left li.wj{background-position: 10px -5px;}
#zx .z_nr .z_left li.xs{background-position: 10px -41px; color:#09F;}
#zx .z_nr .z_left li.ms{background-position: 10px -77px; color:#C30;}
#zx .z_nr .z_left li.jt{background-position: 10px -110px; color:#6C0;}
#zx .z_nr .z_right{width:89%; height:420px; border:1px solid #bed5f3;padding:20px 10px; }
#zx .z_nr .z_right .r_h1{ height:100px;}
#zx .z_nr .z_right .r_h1 .h1_l{ width:10%; height:100px;}
#zx .z_nr .z_right .r_h1 .h1_l span ,#zx .z_nr .z_right .r_h2 .h2_text span{ display:block; width:90px; height:90px; margin:0 auto;border:1px solid #bed5f3; background:url(/images/zx_b.png) no-repeat 25px 23px;}
#zx .z_nr .z_right .r_h1 .h1_l span .h_zi1 ,#zx .z_nr .z_right .r_h2 .h2_text span .h2_zi1{ height:28px; line-height:28px; text-align:center;}
#zx .z_nr .z_right .r_h1 .h1_l span .h_zi2 ,#zx .z_nr .z_right .r_h2 .h2_text span .h2_zi2{height:28px; line-height:28px; text-align:center; padding-top:30px;}
#zx .z_nr .z_right .r_h1 .h1_r ul{ list-style:none; width:220px; height:100px;}
#zx .z_nr .z_right .r_h1 .h1_r li{ width:82px; height:30px; line-height:30px; text-align:center;float:left; margin-right:20px; margin-top:10px; display:block; background:url(/images/anniu1.png) no-repeat;}
#zx .z_nr .z_right .r_h1 .h1_r li.hui{ background-position:-90px -5px;}
#zx .z_nr .z_right .r_h1 .h1_r li.jh{background-position:0 -6px;}

#zx .z_nr .z_right .r_h2{height: auto; overflow:hidden; margin-top:10px; border-top:1px solid #bed5f3; padding-top:10px;}
#zx .z_nr .z_right .r_h2 .h2_text{width:10%; height:100px;}


/**录音回放**/
#lyhf{ width:323px; height:150px;background:#f1f8ff;}
#lyhf .ly_lanmu{ height:27px; background:url(/images/ly_01.gif) no-repeat; line-height:27px; padding-left:15px;}
#lyhf .ly_lanmu span{ color:#FFF;}
#lyhf .ly_text{ padding:5px; height:100px; width:280px; margin:0 auto; padding-top:10px;}

/**电话拨号**/
#tel{width:323px; height:271px;background:#f1f8ff;}
#tel .te_lanmu{height:27px; background:url(/images/telphoto_03.gif) no-repeat; line-height:27px; padding-left:15px;}
#tel .te_lanmu span{color:#FFF;}
#tel .te_text{ width:283px; height:211px; background:url(/images/telphoto_07.gif) no-repeat; margin:10px auto 0 auto; padding:6px;}
#tel .te_text .te_sr{ width:260px; height:26px; margin:10px auto 0 auto;}
#tel .te_text .te_sr input{ width:255px; height:26px;}
#tel .te_text .te_menu{width:253px; height:160px; margin:10px auto 0 auto;}
#tel .te_text .te_menu ul{line-height:none;}
#tel .te_text .te_menu li{ float:left; width:52px; height:29px; line-height:29px; margin:0px 6px 10px 5px; background:url(/images/tel_menu2.png) no-repeat; text-align:center;}
#tel .te_text .te_menu li a{ font-size:18px; font-weight:bold;}
#tel .te_text .te_menu li:hover{ background:url(/images/tel_menu1.png) no-repeat;}