@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:1360px;
    float:left;
    margin:10px 0 0;
    padding-bottom:9px;
    background:#FCF0F0 url(http://images.juedui100.cn/images/hot_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/hot_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;
}
.title{
    position:relative;
    width:724px;
    height:26px;
    line-height:26px;
    padding-left:15px;
    border:1px #FBD7DC solid;
    background:url(http://images.juedui100.cn/images/hot_h1.jpg) repeat-x;
}
#right h1{
    color:#B2054D;
    font-size:14px;
    font-weight:bold;
}
b{
    margin:0 5px;
    color:#C30068;
}
.type{
    width:721px;
    height:32px;
    padding-left:20px;
    background-color:#F6F3F2;
    line-height:32px;
}
#job a{
    margin-right:7px;
}
#area a{
    margin-right:9px;
}
.current{
    color:#B2054D;
    font-weight:bold;
}
#show_area, #show_job{
    display:block;
    position:absolute;
    top:4px;
    width:55px;
    height:21px;
    line-height:21px;
    text-align:center;
    text-decoration:none;
}
#show_area{
    left:90px;
}
#show_job{
    left:150px;
}
.on, a.off:hover{
    background:url("http://images.juedui100.cn/images/hot_tab.jpg") no-repeat;
    color:#FFF;
}
.off{
    color:#BD469F;
}
.gender{
    position:absolute;
    top:1px;
    right:118px;
    color:#BD469F;
}
.gender a{
    margin:0 7px;
    color:#BD469F;
    text-decoration:underline;
}
.gender a.now{
    color:#BD469F;
    text-decoration:none;
}
.rank{
    position:absolute;
    top:2px;
    right:28px;
}
.user_list li{
    position:relative;
    float:left;
    width:221px;
    height:137px;
    margin:37px 17px 0 0;
    padding:6px;
    border:1px #E6E4E4 solid;
}
.special{
    background:url("http://images.juedui100.cn/images/hot_ubg.jpg") no-repeat;
}
.user_list li a{
    display:block;
}
.user_icon{
    float:left;
    margin-right:12px;
}
.vip, .dmd, .msg{
    position:absolute;
}
.vip{
    top:-15px;
    left:85px;
}
.dmd{
    top:-17px;
    left:70px;
}
.name{
    width:8em;
    overflow:hidden;
    white-space:nowrap;
    word-break:break-all;
    text-overflow:ellipsis;
    color:#126E7F;
    font-weight:bold;
}
.user p{
    line-height:183%;
}
.msg{
    bottom:8px;
    right:39px;
    width:68px;
    height:19px;
    color:#014391;
}
.bg1{
    background:url("http://images.juedui100.cn/images/hot_ad.gif") no-repeat;
}
.bg1 a{
    display:block;
    height:88px;
    width:738px;
}
.bg2{
    background:url("http://images.juedui100.cn/images/hot_ad3.gif") no-repeat;
}
.bg3{
    background:url("http://images.juedui100.cn/images/hot_ad2.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;
}


