@charset "utf-8";
/* 在线聊天样式表 */

*{
	margin:0;
	padding:0;
}
body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height:200%;
    color:#333;
    background:#F6F3F8 url("http://images.juedui100.cn/images/home_bg.jpg") repeat-x;
}
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dd, dt, ol, form{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    list-style-type: none;
    list-style-position: outside;
}
a{
    color:#333;
    text-decoration:none;
    cursor:pointer;
}
a:hover{
    text-decoration:underline;
}
label{
    cursor:pointer;
    vertical-align:middle;
    margin:0 5px;
}
img {
    border: 0;
    vertical-align:middle;
}
#user_layout{
    margin:0 auto;
    width:1002px;
    background-color:#FFF;
    overflow:hidden;
}
#left{
    position:relative;
    width:200px;
    height:1454px;
    float:left;
    margin:10px 0 0;
    padding-bottom:9px;
    background:#DBEEF0 url(http://images.juedui100.cn/images/online_lbg.jpg) repeat-x;
    overflow:hidden;
}
#left h2{
    width:137px;
    margin:4px 0 0 20px;
    padding:0 0 2px 16px;
    border-bottom:1px #B8E0E4 dashed;
    font-size:14px;
    font-weight:bold;
    color:#017586;
}
.service_list{
    margin:20px 0 20px 40px;
    overflow:hidden;
}
.service_list li{
    margin-bottom:25px;
}
.service_list li a{
    margin-left:10px;
    color:#126E7F;
    font-size:14px;
    text-decoration:none;
}
.service_list li a:hover{
    text-decoration:underline;
}
#left h3{
    height:34px;
    line-height:34px;
    padding:0 0 0 35px;
    background:#DBEEF0 url(http://images.juedui100.cn/images/online_h3.jpg) 1px 0 no-repeat;
    font-size:14px;
    font-weight:bold;
    color:#017586;
}
.text_list{
    margin:18px 0 0 30px;
}
.text_list li{
    margin-bottom:8px;
    width:10em;
    overflow:hidden;
    white-space:nowrap;
    word-break:break-all;
    text-overflow:ellipsis;
}
.more{
    padding:10px 25px 0 0;
    text-align:right;
}
.more a{
    color:#236BFF;
    text-decoration:underline;
}
#callcenter{
    padding:50px 0 0 25px;
}
.calltime{
    padding:10px 0 0 25px;
}
#right{
    width:773px;
    float:right;
    margin:10px 0 0 0;
    background-color:#FFF;
    display:inline;
    overflow:hidden;
}
.ad{
    position:relative;
    height:88px;
    width:738px;
    margin-bottom:14px;
}
.ad_act{
    position:absolute;
    bottom:10px;
    right:60px;
}
.ad_act a{
    margin-right:10px;
    color:#068EFE;
    text-decoration:underline;
}
#right h1{
    position:relative;
    width:724px;
    height:26px;
    padding-left:15px;
    border:1px #B6E0E3 solid;
    background:url(http://images.juedui100.cn/images/online_h1.jpg) repeat-x;
    color:#017586;
    font-weight:bold;
}
#right h1 span{
    position:absolute;
    top:2px;
    right:10px;
    color:#333;
    font-size:12px;
    font-weight:normal;
}
#right h1 i{
    margin-left:20px;
    font-size:12px;
    font-weight:normal;
    font-style:normal;
}
b{
    margin:0 5px;
    color:#C30068;
}
.area{
    width:721px;
    height:32px;
    padding-left:20px;
    background-color:#F6F3F2;
    line-height:32px;
}
.area a{
    margin-right:9px;
}
.current{
    color:#126E7F;
    font-weight:bold;
}
.user_list{
    margin:23px 0 0 0;
    overflow:hidden;
}
.user_list li{
    position:relative;
    float:left;
    width:110px;
    height:187px;
    margin:0 25px 21px 0;
    padding:16px 27px 20px;
    border:1px #DFD0EB solid;
}
.special{
    background:url("http://images.juedui100.cn/images/online_ubg.jpg") no-repeat;
}
.user_list li a{
    display:block;
}
.vip, .dmd, .msg, .chat{
    position:absolute;
}
.vip{
    top:0;
    left:110px;
}
.dmd{
    top:-5px;
    left:85px;
}
.intro{
    width:9em;
    overflow:hidden;
    white-space:nowrap;
    word-break:break-all;
    text-overflow:ellipsis;
    color:#999;
    text-align:center;
    line-height:180%;
}
.msg, .chat{
    bottom:7px;
    width:44px;
    height:18px;
    background:url("http://images.juedui100.cn/images/user_bt_bg.gif") no-repeat;
    color:#014391;
    text-align:center;
    line-height:18px;
}
.msg{
    left:32px;
}
a.msg:hover{
    text-decoration:none;
}
.chat{
    left:92px;
}
.bg1{
    background:url("http://images.juedui100.cn/images/online_ad.gif") no-repeat;
}
.bg1 a{
    display:block;
    height:88px;
    width:738px;
}
.bg2{
    background:url("http://images.juedui100.cn/images/online_ad2.gif") no-repeat;
}
.bg3{
    background:url("http://images.juedui100.cn/images/online_ad3.gif") no-repeat;
}
.suc_user{
    margin:22px 0 0;
    overflow:hidden;
}
.suc_user li{
    display:inline;
    float:left;
    width:69px;
    height:120px;
    margin-left:24px;
}
.uicon{
    display:block;
    width:65px;
    height:80px;
    padding:1px;
    border:1px #CCC solid;
}
.uname{
    display:block;
    color:#333;
    text-align:center;
    width:5em;
    overflow:hidden;
    white-space:nowrap;
    word-break:break-all;
}
.middle{
    padding:20px 0 40px;
    text-align:center;
}