@import url("base.css");
@import url("common.css"); 
@import url("Pager.css"); 


#nav2{margin:6px; height:30px; line-height:30px; }
#nav2 span,
#nav2 a{font-size:13px; padding:0 10px;}
#nav2 span{color:#E2347B}
#nav2 a{text-decoration:underline; color:#333;}

.photoList{height:140px; overflow:hidden; padding-bottom:20px; background:url(/images/photoList_bg.jpg) no-repeat center 136px; width:940px; margin:0 auto;}
.photoList li{width:105px; height:140px; overflow:hidden; float:left; text-align:center; vertical-align:middle; margin-top:16px;}
.photoList a.img{width:72px; height:88px;  overflow:hidden; background:url( http://image.qingrenw.com/qingrenw.com/images/img_frame.jpg) no-repeat; padding:7px 9px 9px 7px; display:block;}
.photoList a.img:hover{width:92px; height:112px; overflow:hidden; border:4px solid #F80755; background:#fff; padding:0;}
.photoList a.img:hover img{width:92px; }
.photoList img{width:72px; }
.photoList .goleft{width:40px; height:140px; background:url( http://image.qingrenw.com/qingrenw.com/images/left_arrow.jpg) no-repeat left center; cursor:pointer; float:left;}
.photoList .goright{width:40px; height:140px; float:right; background:url( http://image.qingrenw.com/qingrenw.com/images/right_arrow.jpg) no-repeat right center; cursor:pointer;}
 
#uploadFrame .big_photo{text-align:center;}
#uploadFrame .big_photo img{width:335px;}
#uploadFrame .uploadForm{height:27px; line-height:27px; text-align:center; margin-top:20px;}
#uploadFrame .uploadForm label{font-weight:bold; font-size:14px; color:#333;}
#uploadFrame .uploadForm input{height:22px; vertical-align:middle;}
#uploadFrame .uploadForm input.file{height:24px; line-height:24px; background:url(/images/txt_bg.jpg) repeat-x; width:280px; border:1px solid #B5B8C8; }
#uploadFrame .uploadForm input.btn{height:27px; width:67px; border:none; background:url(/images/btn_upload.jpg) no-repeat;}
#uploadFrame .tips{width:317px; height:73px; line-height:22px; background:url(/images/photo_notice_bg.jpg) no-repeat; margin:20px auto 0 auto; padding:13px 20px; }
 

#MyGold{height:30px; line-height:30px; background:#F4F4F4; border:1px solid #DFDFDF; text-indent:2em; font-size:14px;}
#MyGold a{padding:0 30px 0 10px;}
#MyGold span{color:#09f;}

#SelectNum{padding:10px 20px;  background:#F4F4F4; border:1px solid #DFDFDF;   margin:6px 0;}
#SelectNum h3{height:26px; line-height:26px; font-size:14px;}
#SelectNum ul{margin:5px 20px;}
#SelectNum li{font-size:12px; margin:3px 0; width:80px; float:left;}
#SelectNum .a{color:#09f;}
#SelectNum .b{color:#E2347B;} 
#SelectNum .selNum li{line-height:24px; width:220px;}
#SelectNum .seltime li{width:260px;}
#SelectNum h4{height:26px; line-height:26px; font-size:14px; margin:10px 20px;}
#pay dt{height:30px; overflow:hidden; background:url(/images/dot2.jpg) repeat-x left bottom;}
#pay dt li{height:30px; line-height:32px; overflow:hidden; font-weight:bold; font-size:14px; cursor:pointer; float:left; width:100px; background:url(/images/pay_nav.jpg) no-repeat; margin-right:6px; color:#fff; text-align:center;}
#pay dt li.active{background:url(/images/pay_nav.jpg) no-repeat -100px 0; color:#333;}
#pay dd{border:1px solid #D23075; border-top:none; padding:20px; display:none; min-height:360px; _height:360px;}
#pay #pay_panel_1{display:block;}
#pay .bank h3{font-size:14px; color:#333;}
#pay .bank ul{margin-left:20px;}
#pay .bank ul li{height:33px; width:200px;  margin:10px; float:left;}
#pay .bank ul li input{width:24px; height:24px; margin-bottom:10px;}
#pay .bank ul li a{border:1px solid #fff; overflow:hidden; display:inline-block; width:154px; height:33px; background-image:url(/images/bank/bank.jpg); background-repeat:no-repeat;}
#pay .bank ul li a:hover{border:1px solid #f00;}
#pay .BankInfo{ font-size:14px;}
#pay .BankInfo p{height:30px; line-height:30px;}
#pay .BankInfo font.num{font-size:16px; color:red; font-weight:bold;}
#pay .BankInfo font.num span{color:Blue;}
#pay .cardPay li{width:183px; float:left; margin:10px 20px; border:1px solid #fff; text-align:center; padding-bottom:4px; cursor:pointer;}
#pay .cardPay li input{width:24px; height:24px;}
#pay .cardPay li label{font-size:16px; font-weight:bold; color:#666; line-height:20px;}
#pay .cardPay li.active{border:1px solid #e2e2e2; background:#E2347B;}
#pay .cardPay li.active label{color:#fff;}
#pay .dou{line-height:24px;}
.tishi{line-height:24px; border-top:1px dotted #e2e2e2; margin-top:16px;  color:#666;}
.tishi h4{height:26px; line-height:26px; font-weight:bold;}
.tishi p font{font-weight:bold; font-size:14px;}
.kefu{height:50px; line-height:50px; text-align:center; font-size:13px; color:#333;}
.btn_next{width:118px; height:34px; background:url(/images/btn_next.jpg) no-repeat; border:none; vertical-align:middle; cursor:pointer;}
 

#webhelp{width:988px; margin:4px auto;}
#baseinfo #left{width:734px;  float:left; overflow:hidden; height:512px;}
#baseinfo select{vertical-align:middle;}
#baseinfo dl{margin:20px auto; width:575px;}
#baseinfo dt{color:#666; font-weight:bold; font-size:14px; height:26px; line-height:26px;}
#baseinfo dd{height:34px; line-height:34px; overflow:hidden; }
#baseinfo dd span.lb{height:34px; line-height:34px; margin:0; color:#000;}
#baseinfo dd div{width:232px; float:left; height:34px; line-height:34px;}
#baseinfo label{font-size:14px; color:#666; }
#baseinfo label.t{width:90px; display:block; float:left; text-align:right; font-weight:bold;}
#baseinfo span{margin-left:20px; line-height:34px; color:#A4A6A7;}
#baseinfo .btn {padding-left:55px;}
#baseinfo dd select.area,
#baseinfo dd select.city{width:80px;}
#right ul{font-size:14px; line-height:30px; font-weight:bold;}
#right li{line-height:22px; font-size:14px;}
 


.manageFrame{margin:10px; min-height:500px; _height:500px;}
.manageFrame .title{height:24px; line-height:24px; border-bottom:2px solid #e3e3e3;  text-indent:2.6em; background-image:url(/images/manage_sign.gif); background-repeat:no-repeat; }
.manageFrame .title span{font-size:12px; padding-left:20px; font-weight:normal; color:#666;}

.ToUser{margin:20px;}
.ToUser a.simg{float:left;}
.ToUser dt{height:30px; line-height:30px;}
.ToUser dt span{margin-right:160px;}
.ToUser dt a{font-size:13px;}
.ToUser div{float:left;}
.ToUser h3{line-height:22px; margin-top:6px;}
.ToUser p{line-height:22px;} 
.chooseUser dt{height:30px; line-height:30px; text-indent:2em;}
.chooseUser dd{border:1px solid #e3e3e3; min-height:170px; _height:170px; background:#f6f6f6;}
.chooseUser .usercell{float:left; margin:3px 10px; cursor:pointer;}
.chooseUser h3{text-align:center;}
#mypage{margin:0 auto; clear:both;}
#LoveList{display:none;}

#gift .chooseGift{margin-top:10px;}
#gift .chooseGift dt{text-indent:2em; height:30px; line-height:30px;}
#gift .chooseGift ul{background:url(/images/dot4.jpg) repeat-x left bottom; height:31px;}
#gift .chooseGift li{width:65px; height:31px; line-height:31px; font-size:14px; color:#333; text-align:center; font-weight:bold; cursor:pointer; float:left; background:url(/images/btn_tag.jpg) no-repeat; margin:0 6px;}

#gift .chooseGift li.active{background:url(/images/btn_tag.jpg) no-repeat -65px 1px;}
#gift .chooseGift .allgift{min-height:145px;  _height:145px;  display:none; padding-bottom:10px; border:1px solid #9B9B9B; border-top:none;}
#gift .chooseGift .allgift p{ height:31px; line-height:31px; color:#666; text-indent:2em; clear:both;}
#gift #gift_panel_1{display:block;}
#gift .chooseGift .allgift div{width:80px; margin:8px 12px; text-align:center; float:left; cursor:pointer;}
#gift .btn{text-align:center;}
#gift .btn_post{margin:10px 0;}

#gift .giftList .giftcell{width:100px; float:left; height:120px; overflow:hidden; text-align:center; margin:6px 10px;}

 
#friend  dd .user_frame{float:left; width:300px;  margin:15px 10px; _margin-left:6px; overflow:hidden;}

#look dd .user_frame{float:left; width:300px;   margin:15px 10px; _margin-left:6px; overflow:hidden;}

#msg .msgContent{margin-top:10px;}
#msg .msgContent dt{text-indent:2em; height:30px; line-height:30px; }
#msg .msgContent .msgframe{padding:0 20px;}
.tb_msg{width:600px;}
#msg .isvip{display:inline-block; height:20px;  line-height:20px; color:#930; text-align:center; width:60px;  font-size:12px; background:url(/images/vip_bg.gif) no-repeat; }
#msg .btn{text-align:center;}
#msg .btn_post{margin:10px 0;}

#msg .tishi{width:300px; height:43px; background:url(/images/mmts_bg3.gif) no-repeat; float:right; margin:26px 20px 0 0;}
#msg .tishi div{height:43px; line-height:43px; text-indent:4.5em; background:url(/images/tishi.gif) no-repeat 14px 5px;}
a.bgred{color:#CC3467; padding:2px;}
a.bgred:hover{background:#CC3467; color:#fff;}
 
#perfect .txt{height:22px; line-height:22px; background:url(/images/txt_bg.jpg) repeat-x;  border:1px solid #B5B8C8; width:150px; }

#success{border:1px solid #FFCA7E; display:none; background:#FFF6E2 url(/images/star.jpg) no-repeat 10px 12px; height:52px; line-height:58px; color:#BD4D26; font-weight:bold; font-size:14px; text-indent:3em; overflow:hidden;}
#perfect{margin-left:16px; width:900px; overflow:hidden;}
#perfect dt{font-weight:bold; font-size:14px; height:30px; line-height:30px; color:#333; background:url(/images/arr_sign.jpg) no-repeat left center; text-indent:2em; margin-top:10px;}
#perfect dd{line-height:30px; color:#333;}
#perfect dd span{margin:0 0 6px 20px; display:inline-block;}
#perfect dd ul{margin:10px 0;}
#perfect dd li{height:30px; line-height:30px;}
#perfect dd li label{height:30px; line-height:30px; display:inline-block;}
#perfect dd li span{margin:0;}
#perfect dd li h6{font-size:14px; font-weight:normal; display:inline-block; float:left; text-align:right; width:150px;}
#perfect dd h3{font-size:14px; color:#333; text-indent:1em;}
#perfect h3 em{font-size:12px; font-weight:normal; font-style:normal;}
#perfect .middle{vertical-align:middle}
#perfect .Intro{width:860px; background:url(/images/txt_bg.jpg) repeat-x;  border:1px solid #B5B8C8; margin:5px 0 10px 26px;}
#btn{text-align:center;}
#btn input{width:120px; height:35px; border:none; cursor:pointer;}
#btn input.btn_submit{background:url(/images/btn_reg.jpg) no-repeat;}
#btn input.btn_jump{background:url(/images/btn_jump.jpg) no-repeat; margin-left:20px;}

#Image{padding:10px 0 0 10px;}
#Image .imgPhoto{width:212px; height:258px; overflow:hidden; background:url(/images/imagePhoto_bg.jpg) no-repeat; padding:6px 9px 10px 7px; float:left;} 
#Image img{width:212px; }
#Image .nogirlPhoto{background:url(/images/girl_nophoto.jpg) no-repeat; width:212px; height:110px; padding-top:148px; text-align:center; margin-right:16px;}
#Image .uploadhelp{font-weight:bold; color:#c36; height:30px; line-height:30px; background:url(/images/help_sign.jpg) no-repeat 0 6px; text-indent:1.5em;}
#Image .uploadhelp a{font-weight:normal; color:#c36; text-decoration:underline;}
#Image .tips{width:593px; height:164px; line-height:28px;  background:url(/images/regend_tips_bg.jpg) no-repeat; margin-top:20px; padding:10px 20px; }
#Image .tips ul li{height:28px; line-height:28px; color:#999;}

#Image #uploadForm{height:27px; line-height:27px;  margin-top:20px;}
#Image #uploadForm label{font-weight:bold; font-size:14px; color:#333;}
#Image #uploadForm input{height:22px; vertical-align:middle;}
#Image #uploadForm input.file{height:24px; line-height:24px; background:url(/images/txt_bg.jpg) repeat-x; width:280px; border:1px solid #B5B8C8; }
#Image #uploadForm input.btn{height:27px; width:67px; border:none; background:url(/images/btn_upload.jpg) no-repeat; cursor:pointer;}

#Portrait{background:url(/images/uploading.gif) no-repeat; margin-top:10px; height:37px; display:none;}

#delmeself dd{text-align:center; padding:30px 0;}

.publish{margin:10px 0 0 0; width:680px; float:left;}
.publish dt{height:36px; line-height:36px; }
.publish dd .txt{height:22px; line-height:22px; background:url(/images/txt_bg.jpg) repeat-x;  border:1px solid #B5B8C8; width:220px;}
.publish dd span{font-weight:bold; font-size:13px; color:#333;}
.publish dd{line-height:30px; margin:5px 0; }
.publish dd .btn_post{margin-left:300px;}

.Invite{text-align:center; margin-top:20px;}

#Invite dd{line-height:24px; font-size:14px; color:#333;}
#Invite dd h3{height:40px; line-height:40px; margin-top:10px; font-size:14px;}
#Invite dd p,
#Invite dd li{ text-indent:2em;}

.notice{float:left; width:255px; margin:110px 0 0 10px;}
.notice li{line-height:24px; color:#c36;}
.notice li .red{color:Red;}

.table{margin:20px auto; width:500px;}
.table td{height:34px; line-height:34px;}
.table td em{padding-left:20px; color:#999;}
.table td em span{color:Red;}
.table .txt{width:150px;}
.table th{text-align:right;}
 
.tbList{width:100%; margin:10px 0;}
.tbList tr{border-bottom:1px solid #ccc;}
.tbList th{margin:1px; height:21px; line-height:21px; background:url(/images/th_bg.jpg) repeat-x; border:1px solid #ccc; border-left:none;}
.tbList td{border-bottom:1px solid #ccc; height:30px; line-height:30px; text-align:center;}
.tbList td img{width:23px;}



#photo .title{background-position:8px 0;}
#purview .title{background-position:8px -24px;}
#modpw .title{background-position:8px -48px;}
#delmeself .title{background-position:8px -72px;}

#msg .title{background-position:8px -96px;}
#gift .title{background-position:8px -120px;}

#look .title{background-position:8px -144px;}
#article .title{background-position:8px -168px}
#Invite .title{background-position:8px -192px;}
#exchange .title{background-position:8px -216px;}
#payList .title{background-position:8px -240px;}
#costList .title{background-position:8px -264px;}


