@import url("common.css"); 
 
#main{margin-top:15px;}

h3{background-image:url(../images/ss.gif); background-repeat:no-repeat; text-indent:30px; font-size:16px; color:#5d5d5d; font-weight:bold; height:25px; line-height:25px; margin:10px 0;}
.s_msg{background-position:0 -50px;}
.s_sayhi{background-position:0 -125px;}
.s_story{background-position:0 0;}
.s_friend{background-position:0 -25px;}
.s_yuehui{background-position:0 -150px;}
.s_notice{background-position:0 -175px;}
.s_contact{background-position:0 -200px;}
.s_redbag{background-position:0 -225px;}
.s_look{background-position:0 -275px;}
.s_gift{background-position:0 -250px;}

.df dt{border-bottom:1px solid #d5d5d5;  height:38px;}
.df dt h4{display:inline-block; width:110px; float:left;  line-height:38px; text-align:center;  background:url(../images/msgtab_bg.gif) no-repeat right bottom;} 
.df dt a{font-size:16px; color:#333; display:block;} 
.df dt h4.cur a{color:#fff; background-color:#f10574; }

.left{width:690px; float:left; overflow:hidden;}
.df{margin-top:10px;}
.df .img{display:block; width:92px; height:112px; text-align:center; display:block; border:1px solid #d9d9d9; padding:2px; float:left; position:relative;}
.df li{padding:10px; background:#fff url(../images/line_dot.gif) repeat-x left bottom;}
.df li.cur{background-color:#fafafa;}
.df li.cur .del,.df li.cur .mod{display:block;}
.df h5{height:30px; width:550px;  float:right;} 
.df h5 .n{color:#0699d4;  font-size:16px;  line-height:30px;}
.df .m{float:left; padding-left:20px; width:440px;   color:#666; font-size:13px;}
.df .m p{line-height:22px;}
.df .m em{color:#9d9d9d; line-height:20px;}
.df .l{height:44px; overflow:auto;}


.df .op{float:right; text-align:right;}
.op .xsx,.op .yzr{width:80px; height:26px; background-image:url(../images/ii_love.png); background-repeat:no-repeat; line-height:26px; text-align:left; text-indent:28px;  display:block; color:#fff; margin-top:5px;}
.op .xsx{ background-color:#ffa256; background-position:8px -19px;}
.op .yzr{ background-color:#ff9393; background-position:8px 6px;}
.op .xsx:hover{ background-color:#ed9046;}
.op .yzr:hover{ background-color:#f25959;}
.op .new-dot, .op .total-dot {
    font-size: smaller;
    height: 20px;
    line-height: 20px;
    border-radius: 4px;
    background-color: crimson;
    padding: 0 2px;
    color: #fff;
}
.df .setting-right {
    cursor:pointer;
    float: right;
    font-size: 12px;
    line-height:36px;
    color:cadetblue;
}
    .df .setting-right:hover{text-decoration:underline;}
    .op .total-dot {
        background-color: darkgray;
    }
    .df .del, .df .mod {
        padding: 0 2px;
        border: 1px solid #d9d9d9;
        font-size: 12px;
        float: right;
        display: none;
    }
.df .tsdel{ float:right; color:#f00;}
.df .look,.df .reject,.df .agree{width:90px; height:32px; line-height:32px; background-color:#ffa200; display:block; text-align:center; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px;   border-radius:5px; margin-top:20px;}
.df .agree{margin-top:10px;background-color:#9c0;}
.df .reject{margin-top:10px;}

.df .article h5{width:640px; float:none; padding:0 20px;}
.df .article .m{width:550px;} 

.right{float:right; background-color:#fff; width:282px; overflow:hidden;}
.tp{background:#fff url(../images/photo_bg.gif) no-repeat; height:88px; padding:4px 0;}
.tp img{width:88px;}
.tp a{display:block; width:88px; height:88px; -moz-border-radius:44px; -webkit-border-radius:44px; border-radius:44px; overflow:hidden; margin:0 auto;}
h2{text-align:center; line-height:30px; font-size:14px;}
.rzbox{text-align:center;}
.yzrnum{line-height:50px; text-align:center;}
.yzrnum a{width:100px; display:inline-block; color:#666;}
.yzrnum a i{font-size:22px; padding:0 10px;}

.nav_hd li{border-top:1px solid #e7e7e7;}
.nav_hd a{height:50px; line-height:50px; font-size:16px;  padding:0 16px; display:block;}
.nav_hd a.cur,.nav_hd a:hover{background-color:#fcfaf1; color:#db086d;}

.nav_hd span{width:45px; height:34px; margin:8px 0 0 0; display:block; float:left; background:url(../images/msg-icon.gif) no-repeat;}
.nav_hd a i{float:right;  color:#db086d; }
.dzh span{background-position:0 0;}
.yj span{background-position:0 -30px;}
.tz span{background-position:0 -60px;}
.skgw span{background-position:0 -90px;}
.hb span{background-position:0 -120px;}
.yh span{background-position:0 -150px;}
.gs span{background-position:0 -180px;}
.lw span{background-position:0 -210px;}
.slxw span{background-position:0 -245px;}
.hmd span {
    background-position: 0 -278px;
}
.dzh .cur span,.dzh a:hover span{background-position:right 0;}
.yj .cur span,.yj a:hover span{background-position:right -30px;}
.tz .cur span,.tz a:hover span{background-position:right -60px;}
.skgw .cur span,.skgw a:hover span{background-position:right -90px;}
.slxw .cur span,.slxw a:hover span{background-position:right -245px;}
.hb .cur span,.hb a:hover span{background-position:right -120px;}
.yh .cur span,.yh a:hover span{background-position:right -150px;}
.gs .cur span,.gs a:hover span{background-position:right -180px;}
.lw .cur span,.lw a:hover span{background-position:right -210px;}
.hmd .cur span, .hmd a:hover span {
    background-position: right -278px;
}
.miniphoto{width:84px; height:84px; border-radius:42px; overflow:hidden; margin:0 10px;}
.detail{background-color:#fff;}
.detail dt{height:62px; line-height:62px; text-indent:20px; background:url(../images/line_dot.gif) repeat-x left bottom;}
.detail dd{padding:20px 10px;}

.msg_content{border:1px solid #10caa5; background-color:#eef7e6; display:inline-block; padding:2px 5px; position:relative;}
.detail i{display:block; width:9px; height:12px;  position:absolute;  top:2px;}
.msg_box{width:560px; float:left;}
.msg_box em{color:#999; font-size:12px; line-height:26px; display:block; width:560px;}
.msg_left .miniphoto{float:left;}
.msg_right .miniphoto{float:right;}
.msg_right .msg_content{float:right;}
.msg_left i{ left:-9px; background:url(../images/bracket-left.png) no-repeat;}
.msg_right i{left:100%; background:url(../images/bracket-right.png) no-repeat;}
.msg_right em{ text-align:right;}
.xsx_box{margin-top:12px;}
.xsx_box #xsx{ display:block;}