﻿@import url("common.css"); 
@import url("float.css");
#main{background-color:#fff;}
.maininfo{width:650px; float:right; padding:20px 20px 0 0; font-size:14px; color:#666; overflow:hidden;}
h3{color:#333; float:left; font-size:16px;}
.rz a{background:url(../images/ii_01.gif) no-repeat; width:20px; height:20px; display:inline-block; margin:0 2px;}
.rz .sp1{ background-position:-20px 0;}
.rz .sj1{ background-position:-40px 0;}
.rz .sfz{ background-position:-60px 0;}
.rz .sp{ background-position:-80px 0;}
.rz .sj{ background-position:-100px 0;}
.myvip1{background-color:#ff8518; color:#fff; padding:0 2px; margin-left:10px; }
.myvip2{background-color:#ff3051; color:#fff; padding:0 2px; margin-left:10px;}
.id{color:#9f9f9f; height:30px; line-height:30px; border:1px solid #e7e7e7; padding:0 10px; margin-top:15px;}
.id i{padding-right:15px; font-size:13px;}

.photo{padding:18px 0 18px 18px; width:300px;  position:relative; min-height:318px;}
.photo .gallery{border:1px solid #dedede; padding:6px; width:260px; height:318px; overflow:hidden;}
.yujing{position:absolute; right:32px; top:25px; width:100px; height:24px; line-height:24px; text-align:center; background-color:#fdcc3c; color:#f00;}
.upphoto{ position:absolute; top:140px; left:18px; background-color:#000; text-align:center; width:260px; background: rgba(0, 0, 0, .4); filter:Alpha(Opacity="0",FinishOpacity="75",Style="2") }
.upphoto a{color:#fff; font-size:16px;  line-height:50px;}
.setfriend{height:25px; line-height:30px; overflow:hidden;}
.setfriend a{background-image:url(../images/ii_03.gif); background-repeat:no-repeat; font-size:14px;  padding-left:20px; margin-left:25px;  text-decoration:underline;}

.info1{margin-top:15px;}
.info1 li{float:left; width:400px; font-size:14px; line-height:26px; color:#666;}
.info1 li.l{width:240px;}
.info1 i{color:#f10574;}

.btnBox{padding-top:20px;}
.btnBox a{width:48px; height:24px; line-height:24px; padding-top:48px; margin:0 10px; text-align:center; float:left; display:block; background:url(../images/i_zx.gif) no-repeat; font-size:14px;}
.btnBox .dzh{background-position:0 -73px;}
.dzh:hover{color:#ffc62b; background-position:0 0;}
.btnBox .slw{background-position:-144px -73px;}
.slw:hover{color:#13c7f7; background-position:-144px 0;}
.btnBox .fhb{background-position:-48px -73px;}
.fhb:hover{color:#f09; background-position:-48px 0;}
.btnBox .xsx{background-position:-96px -73px;}
.xsx:hover{color:#9c0; background-position:-96px 0;}

.btnBox .fhb1{background-position:-197px -73px;}
.fhb1:hover{color:#ed2830; background-position:-197px 0;}
.btnBox .fyh{background-position:-245px -73px;}
.fyh:hover{color:#10caa5; background-position:-245px 0;}
.btnBox .xgs{background-position:-293px -73px;}
.xgs:hover{color:#f0d330; background-position:-293px 0;}
.btnBox .thb{background-position:-341px -73px;}
.thb:hover{color:#ff9242; background-position:-341px 0;}
.btnBox .jbts,.btnBox .wlx{float:right; background:none; padding:0; margin-top:48px;  width:80px; text-decoration:underline;}
.btnBox .wlx{width:120px;}

.yzr{background-position:0 -18px;}
.yzr_active,.yzr:hover{background-position: 0 4px; color:#ff3051;}
.hmd{background-position:0 -60px;}
.hmd_active,.hmd:hover{background-position: 0 -39px; color:#3e3e3e;}

.tag{height:86px; background:#fcfaf1 url(../images/tagbg.png) repeat-x; margin-top:12px;}
.tag div{height:100%;}
.tag .l{background:url(../images/tagleft.png) no-repeat;}
.tag .r{background:url(../images/tagright.png) no-repeat right top; padding:5px 15px; line-height:24px;}
.tag h4{color:#f10574; font-size:14px;}

.left{width:700px; float:left; background-color:#fff; margin-top:12px;}
.pb{padding-top:12px;}
.pb dd{height:140px; width:100%; overflow:hidden; position:relative;}
.pic_list{position:absolute; width:4000px;}
.pic_list div{float:left; margin:12px 5px 0 12px; border:1px solid #d6d6d6; padding:2px;}

.pb .gallery div{float:left; margin:12px 5px 0 12px; width:92px; height:112px; border:1px solid #d6d6d6; padding:2px; position:relative;}
.pb .delphoto{position:absolute; top:5px; right:5px; display:block; width:12px; height:15px; background-image:url(../images/ii_del.gif); cursor:pointer; display:none;}
.pb .delphoto:hover{ background-position:-12px 0;}
.pb .checkphoto{ width:92px; position:absolute; height:20px; line-height:20px; bottom:0; text-align:center; background-color:#ff7878; color:#fff;}

.zl{margin-top:12px;}
.zl dd{padding:15px 22px; font-size:14px; color:#333;}
.zl li{clear:both; line-height:24px; padding:10px 0;}
.zl li i{color:#999; width:120px; text-align:right; display:inline-block; float:left;}
.zl h5{height:40px; line-height:40px; background:url(../images/line_dot.gif) repeat-x left bottom;  font-size:16px;}
.zl li label{margin-right:10px;}
.zl li span{width:425px; display:inline-block; float:right;} 
.zl ul{margin:10px 0 0 110px; line-height:32px;}
.btn_y{background-color:#ffa200; color:#fff; height:28px; line-height:28px; display:inline-block; padding:0 5px;}
.btn_x{background-color:#999;}
.zan,.ping{display:inline-block; height:18px;  padding-left:20px; font-size:9px;}
.zan{background:url(../images/ii_05.gif) no-repeat; color:#ff3051;}
.ping{background:url(../images/ii_04.gif) no-repeat; color:#507ada;}

.right{width:280px; float:right; margin-top:12px; padding-top:12px; background-color:#fff;}
.right1{width:280px; float:right;}
.dt li{margin:10px; background:url(../images/line_dot.gif) repeat-x 0 bottom; padding:5px; color:#9f9f9f;}
.dt li:last-child{background:none;}
.dt em{color:#ff7418;}
.dt label{color:#99cc00;}
.dt .ping{margin-right:20px;}
.dt .btn{text-align:right; padding:5px 0;}
 
.df dt{border-bottom:1px solid #d5d5d5;}
.df dt h4{background-color:#f10574; width:150px; height:34px; line-height:34px; text-align:center; font-size:16px; color:#fff;}
.df dt div{float:right; padding-right:10px; line-height:34px; color:#333;}
.df .a a{background:url(../images/arrow1.gif) no-repeat; width:30px; height:26px; display:block; float:left; margin-right:5px;}
.df .a .r{background-position:-30px 0;}
.df .a .l:hover{background-position:0 -26px;}
.df .a .r:hover{background-position:-30px -26px;}
.df .b a{background:url(../images/dot2.gif) no-repeat; width:7px; height:7px; display:block; float:left; margin:10px 2px 0 0;}
.df .b a.cur{background-position:-7px 0;}

.lw{margin-top:12px;}
.nothing{width:100%; text-align:center; height:100px; line-height:100px; color:#666;}
.gs dd{padding:10px 15px;}
.gs li{background:url(../images/line_dot.gif) repeat-x left bottom;}
.gs h4{height:26px; line-height:26px; overflow:hidden;}
.gs h4 a{color:#0a9bd5; font-weight:bold; text-decoration:underline;}
.gs p{color:#666; height:40px; line-height:20px; font-size:13px; overflow:hidden; text-indent:2em;}
.gs em{background:url(../images/time_sign.png) no-repeat 0 center; padding-left:20px; color:#bdbdbd; line-height:40px;}

.edit{float:right; background:url(../images/edit_bg.gif) no-repeat left center; text-indent:20px; display:inline-block; color:#f10574; text-decoration:underline;}
.zl .post_btn{width:100px; height:30px;}
#xqrz_2 .post_btn{width:60px; height:24px;}
#xqrz_2 .txt_tag{float:left; margin-right:15px; width:542px; height:48px; line-height:24px;}


#EditPhoto{background-color:#fff; display:none; } 
#upbox{padding:0 20px; width:710px; }
.preview-pane{
	width: 260px;  height: 318px; overflow:hidden;  float:right;
  border: 1px rgba(0,0,0,.4) solid;  background-color: white;   -webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px; 
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);}
.icon {	display: inline-block;	*zoom: 1;	*display: inline;	vertical-align: middle;}
.upts{line-height:30px; }
.upleft{width: 420px; height: 420px; overflow:hidden;  position:relative; float:left; background-color: #e7e7e7;}

.loading{background:url(../images/loading.gif) no-repeat top center; padding-top:40px; height:20px; line-height:20px; color:#000; text-align:center;} 
.upsctx,.upscwx{width:155px; height:40px; line-height:20px; color:#fff; background:#383e48; font-size:12px; padding:10px; margin:180px auto;}
.upsctx i,.upscwx i{font-size:60px; height:40px; line-height:30px; display:inline-block; float:left;} 
.upsctx span{color:#999;}
.txpic,.wxpic{opacity:0; filter:alpha(opacity=0); position: absolute; right: 0;top: 0;	z-index: 1000; font-size:420px; cursor:pointer;}
.upbtn{padding:26px; float:left;}
.upbtn .post_btn{width:150px; height:40px; }

.upscwx{margin:120px auto;}
.upWxBox{width:260px; height:320px; overflow:hidden; background-color: #e7e7e7; position:relative; text-align:center;}
 
.addzp{display:block; width:92px; height:112px;  cursor:pointer; overflow:hidden; position:relative; float:left; background:#ededed url(../images/addpic.gif) no-repeat center center; border:1px solid #e2e2e2; padding:2px; margin:12px;}
.zppic{opacity:0; filter:alpha(opacity=0); font-size:92px; height:112px;}
.pb .gallery{width:10000px;}
.zploading{background:url(../images/loading.gif) no-repeat center center; line-height:180px;text-align:center;}

.row{background-color:#fff; margin-top:12px; padding:10px 18px;  color:#666; font-size:14px;}
.dtnum{height:50px;}
.dtnum li{width:80px; float:left; text-align:center; line-height:24px; border-right:1px solid #e2e2e2;}
.dtnum li.nb{border:none;}
.dtnum i{color:#f36; font-size:18px;}
.online{height:40px; line-height:40px;}
.online h5{font-size:16px; float:right; }  
.online i{color:#f36;}
.btn_sign{width:240px; height:45px; line-height:45px; color:#fff; display:block; text-align:center; background-color:#ff5086; border:1px solid #f03f76; border-radius:6px;  font-size:16px; margin:10px 0;}
.btn_sign:hover{background-color:#ff6f9c;}
.credit{line-height:40px;}
.credit dt{color:#333;}
.credit dd{background:url(../images/dashed.png) repeat-x;}
.credit dd a{float:right; background-color:#5a81cc; border-radius:6px; width:56px; text-align:center; display:block; height:26px; line-height:26px; color:#fff; margin-top:8px;}
.credit .ok{ background-color:Green;}
.credit .checking{background-color:yellow; color:Red;}
.credit label{width:60px; display:inline-block; }
    .credit i { 
        width: 120px;
        text-align: center;
        display: inline-block;
    }
    .search dt {
        height: 36px;
        line-height: 36px;
        text-align: center;
    }
.search dd{height:26px; padding:6px 0;}
.search dd label{display:inline-block; width:45px; text-align:right; float:left;}
.search dd a{width:32px; height:26px; background:url(../images/ii_search.gif) no-repeat; display:inline-block;  float:right;}
.search dd input{height:24px; border:1px solid #e71e7b; width:165px; float:left;}
 
.checkbox{width:400px; margin:0 auto; padding-top:30px;}
.checkbox li{height:40px; line-height:40px;}
.checkbox label{width:120px; display:inline-block; text-align:right;}
.checkbox .post_btn{width:120px; height:36px; margin-left:120px;}
.tishi{line-height:60px; text-align:center;}
.getcode{height:24px; border:1px solid #e2e2e2; background-color:#f2f2f2; padding:0 5px; cursor:pointer;}
.txt {
    height: 22px;
    line-height: 22px;
    background: url(../images/txt_bg.jpg) repeat-x;
    width: 180px;
    border: 1px solid #B5B8C8;
   
}

.closed{ background-color:#e35a5a; padding:10px 40px; font-size:16px; color:#fff;}
.closed dt{text-align:center;}
.closed dd{line-height:40px;}
.closed dd a{border:2px solid #fff; text-align:center; width:160px; height:32px; line-height:32px; color:#fff; display:block; margin:0 auto; float:right;}

.null{ text-align:center; padding:20px 0;}
.dt_photo div{ display:inline-block;}

.nav_hd{ background-color:#fff;} 
.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: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; }
.n_dzh span{background-position:0 0;}
.n_yj span{background-position:0 -30px;}
.n_tz span{background-position:0 -60px;}
.n_skgw span{background-position:0 -90px;}
.n_hb span{background-position:0 -120px;}
.n_yh span{background-position:0 -150px;}
.n_gs span{background-position:0 -180px;}
.n_lw span{background-position:0 -210px;}
.n_slxw span{background-position:0 -245px;}
.n_hmd span {
    background-position: 0 -278px;
}
.n_dzh a:hover span{background-position:right 0;}
.n_yj a:hover span{background-position:right -30px;}
.n_tz a:hover span{background-position:right -60px;}
.n_skgw a:hover span{background-position:right -90px;}
.n_slxw a:hover span{background-position:right -245px;}
.n_hb a:hover span{background-position:right -120px;}
.n_yh a:hover span{background-position:right -150px;}
.n_gs a:hover span{background-position:right -180px;}
.n_lw a:hover span{background-position:right -210px;}
.n_hmd a:hover span {
    background-position: right -278px;
} 
.idico{ background:url(../images/idico.png) no-repeat; width:16px; height:16px; display:inline-block;}
.idcredit{ background-position:-17px 0; position:relative;}
#cxDetail{position:absolute; top:20px; border:1px solid #dcd8db; width:100px; background:#f4eaee; padding:5px 10px;}
nav{color:#666;  line-height:20px; font-size:12px;}
.help{padding:10px 12px;} 
.help li{ height:32px; line-height:32px; color:#555; background-image:url(../images/safe_ico.gif); background-repeat:no-repeat; text-indent:20px;}
.help .li2{background-position:0 10px;}
.help .li5{background-position:0 -55px;}
.help .li4{background-position:0 -87px;}
.help .li0{background-position:0 -120px;}
.help .li1{background-position:0 -154px;}
.help .li3{background-position:0 -25px;}
.help li a{color:#555;}
.help li a:hover{ text-decoration:underline;}
.edit-ts{float:right; color:#aaa;   }

.contact-info em { 
    color: #fff;
    font-size: smaller;
    padding: 0 2px;
    margin: 0 2px;
    border-radius:2px;
}
.contact-info .gray {
    background-color:darkgray;
}
.contact-info .green {
    background-color: forestgreen;
}
.contact-info .yellow {
    background-color:burlywood;
}
.contact-info .blue {
    background-color:blueviolet;
}
.contact-info .red {
    background-color:chocolate;
}