@charset "utf-8";
/*text type*/
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{font-family:Tahoma,Helvetica,Arial,sans-serif; font-size:12px; line-height:1.5; color:#444444}
textarea{ overflow:auto}
/*clear clearfix*/
.clearfix:after {content: "\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
.clear{clear:both;}
.fr{float:right;}
.fl{float:left;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
/*links*/
a:link,a:visited{color:#0071DB;text-decoration:none;}
a:hover{color:#0071DB;text-decoration:underline;}
a.prominent-link:link,a.prominent-link:visited{color:#E61D42;text-decoration:none;}
a.prominent-link:hover{color:#E61D42;text-decoration:underline;}
a.blue-link:link,a.blue-link:visited{color:#E61D42;text-decoration:none;}
a.blue-link:hover{color:#E61D42;text-decoration:underline;}
a.gray-link:link,a.gray-link:visited{color:#888888;text-decoration:none;}
a.gray-link:hover{color:#888888;text-decoration:none;}
a.gray-l:link,a.gray-l:visited{color:#888888;text-decoration:underline;}
a.gray-l:hover{color:#888888;text-decoration:none;}
a.gray-2:link,a.gray-2:visited{color:#888888;text-decoration:none;}
a.gray-2:hover{color:#888888;text-decoration:underline;}
h3.h3-title{border-bottom:1px solid #CFDDE3;font-size:12px;height:30px;line-height:30px;}
h3.h3-title-nobor{font-size:12px;height:30px;}
h3.h3-title-14{border-bottom:1px solid #CFDDE3;font-size:14px;height:30px;line-height:30px;}
.txt-red{ color:#F60E45}
/*bg*/
#search,#site-nav li.on,#site-nav li.on a,#sns-header,#sns-header .sns-nav li.on,#sns-header .sns-nav li span,#footer,.tab-title .tab-box li,.tab-title .tab-box li a,.page-title,.filter-class li.on,.filter-class li.on a,.share-album .album-thumbnail,#sns-header .sns-nav li strong,#sns-header .sns-nav li strong em,.introduction .intr,.col-sub .feedback a,#header-nav .sns-nav li strong,#header-nav .sns-nav li strong em,.tab-nav-b li.on,.tab-nav-b li.on span,.tab-nav-b .tab-nav-b-wrap,.tab-nav-b ul{ background-image:url(../img/bg.png); background-repeat:no-repeat; }
/*ico*/
#search .sel-class,.sel-down,.col-sub .app-manage a,.tab-title .more-app .sel-class,.tab-title .more-app .sel-class-on,.tab-title .more-app .setting,.movement-comment li .close,.pull-down,.toponym .point-ico,span.tip-right,span.tip-error,.u-com-list .com-item a.close,.sel-down-w,.new-reg a.close{background-image:url(../img/ico.png); background-repeat:no-repeat;}
.sel-down{padding-right:10px;background-position: right -675px;}
.sel-down-w{padding-right:10px;background-position: right -3396px;}
.buttoms{background-color:#E1E7EC;color:#666666; border:1px solid #A7AFC7; cursor:pointer;font-size:12px;text-align:center; width:50px; height:20px;}
.pull-down{background-position:right -1152px;cursor:pointer; }
/*container*/
#container{background-color:#F8F8F8;}
/*header ---old*/
#header {background-repeat:repeat-x;height:58px;  }
#header .header-box{width: 970px; margin:0 auto; padding:0 10px }
#header h1{float:left; }
#header a:link,#header a:visited{color:#555555;text-decoration:none;}
#header a:hover{color:#1A7CBC;text-decoration:underline;}

.header-new{ width:990px; margin:0 auto 10px; height:36px; background:url(../img/header-bg.png) 10px 0 no-repeat;}
.header-new h1{ float:left; width:150px; overflow:hidden; height:36px; position:relative; text-indent:-500px}
.header-new h1 img{ position:absolute;top:0; left:0}
#search{background-position:right -183px; float:right; height:30px; width:320px; margin-left:20px; margin-top:18px;border:1px solid #CCCCCC;}
#search .sel-class{float:left; width:45px; height:30px; line-height:30px; font-size:14px; color:#999; padding-left:8px; cursor:pointer;}
#search .sel-down{background-position: right -668px;padding-right:0px;}
#search .sch-txt{color:#999; vertical-align:middle; float:left; font-size:14px; padding:3px 0 0 5px; border:0; margin-top:3px; width:225px;}
#search .sch-btn{float:right; height:26px; width:30px; display:inline; margin-top:2px; margin-right:2px; border:0; background:none; text-indent:-9999px; overflow:hidden;cursor:pointer;}

#site-nav{float:right; margin-top:31px;}
#site-nav li{float:left; font-size:14px; height: 35px; padding-left:15px;background-position:-870px -110px; line-height:35px; }
#site-nav li a{float:left;padding-right:15px; display:block;height: 35px; width:56px; text-align:center}
#site-nav li.on{background-position:-870px -110px;}
#site-nav li.on a{background-position:right -110px; font-weight:700; color:#FFFFFF!important; }

#header-nav{height: 36px; margin-left:170px;  background-position:10px 0; position:relative; z-index:1; }
#header-nav a:link,#header-nav a:visited{color:#FFFFFF;text-decoration:none;}
#header-nav a:hover{color:#FFFFFF;text-decoration:underline;}
#header-nav .sns-nav{float:left;}
#header-nav .sns-nav li{float:left;height: 36px; padding:0 8px;}
#header-nav .sns-nav li strong{ display:inline-block; height:18px; padding-right:3px; vertical-align:middle; margin:0 0 0 2px; background-position:right -41px}
#header-nav .sns-nav li strong em{ display:inline-block; float:left; padding-left:3px;background-position:-872px -41px; height:18px; font-size:10px; color:#E31950; line-height:12px; font-weight:700}
#header-nav .sns-nav li a.dress-link{text-decoration:underline;margin-left:10px;}
#header-nav .sns-nav li span{float:left;height:21px; display:block; padding-top:8px;*padding-top:9px; *height:20px;color:#FFFFFF; font-size:14px}
#header-nav .sns-nav li.on{background:url(../img/header-bg.png) no-repeat left -36px;}

#header-nav .sns-func{ position:absolute; top:9px; right:15px; z-index:100;}
#header-nav .sns-func li.func-list{float:left; padding:0 8px;line-height:20px; font-family:"\5b8b\4f53"}
#header-nav .sns-func li.sns-setting{ border:1px solid #D1D6E2;padding:0 7px; border-bottom:none; background-color:#FFFFFF; position:relative; z-index:100 }
#header-nav .sns-func .sns-setting-box{position:absolute; top:20px; right:28px; width:66px; border:1px solid #DE0E4E; background-color:#FFFFFF; z-index:99;}
#header-nav .sns-func .sns-setting-box li.on a{background-color:#F60B42;color:#FFFFFF;}
#header-nav .sns-func .sns-setting-box a:link,#header-nav .sns-func .sns-setting-box a:visited{ display:block; height:17px; color:#555555;text-decoration:none; padding:5px 0 0 7px; line-height:1}
#header-nav .sns-func .sns-setting-box a:hover{background-color:#F74959;color:#FFFFFF;text-decoration:none;}
/*sns-header ---old*/
#sns-header{width: 830px; height: 33px; margin:0 auto;  background-position:10px 0; position:relative; z-index:1; padding-left:160px}
#sns-header a:link,#sns-header a:visited{color:#FFFFFF;text-decoration:none;}
#sns-header a:hover{color:#FFFFFF;text-decoration:underline;}
#sns-header .sns-nav{float:left;}
#sns-header .sns-nav li{float:left;height: 33px; padding-left:15px; background-position:-870px -154px; position:relative;}
#sns-header .sns-nav li strong{ position:absolute; top:-15px; left:18px; display:block; height:18px; padding-right:3px; background-position:right -41px}
#sns-header .sns-nav li strong em{ display:block; float:left; padding-left:3px;background-position:-872px -41px; height:18px; font-size:10px; color:#FFFFFF; line-height:1.2; font-weight:700}
#sns-header .sns-nav li a.dress-link{text-decoration:underline;margin-left:10px;}
#sns-header .sns-nav li span{float:left;height: 21px; display:block; padding-top:12px;*padding-top:13px; *height:20px;padding-right:15px;background-position:right -109px;color:#FFFFFF; line-height:1}
#sns-header .sns-nav li span.last{ background:none}
#sns-header .sns-nav li.on{background-position:-702px -68px; left:-1px}
#sns-header .sns-nav li.on span{background-position:right -68px;font-weight:700;color:#666666;}
#sns-header .sns-nav li.on a{font-weight:700;color:#666666;}
#sns-header .sns-func{ position:absolute; top:9px; right:10px; z-index:100;}
#sns-header .sns-func li.func-list{float:left; padding:0 8px;line-height:20px; font-family:"\5b8b\4f53"}
#sns-header .sns-func li.sns-setting{ border:1px solid #D1D6E2;padding:0 7px; border-bottom:none; background-color:#FFFFFF; position:relative; z-index:100 }
#sns-header .sns-func .sns-setting-box{position:absolute; top:20px; right:28px; width:66px; border:1px solid #CDCDCD; background-color:#FFFFFF; z-index:99;}
#sns-header .sns-func .sns-setting-box li.on a{background-color:#CFDDE3;}
#sns-header .sns-func .sns-setting-box a:link,#sns-header .sns-func .sns-setting-box a:visited{ display:block; height:17px; color:#555555;text-decoration:none; padding:5px 0 0 7px; line-height:1}
#sns-header .sns-func .sns-setting-box a:hover{background-color:#CFDDE3;color:#555555;text-decoration:none;}
/*content*/
#content{width: 990px; margin:0 auto; background:url(../img/bg-main.png) repeat-y;}
/*app-ico*/
.album-ico,.journal-ico,.record-ico,.share-ico,.music-ico,.gift-ico,.organization-ico,.news-ico,.activity-ico,.parent-ico,.treasure-ico,.video-ico,.url-ico,.setting-ico,.integral-ico,.grade-ico,.lv1-ico,.lv2-ico,.lv3-ico,.lv4-ico,.invite-ico,.siteLetter-ico,.task-ico,.experience-ico,.inform-ico,.gradeup-ico,.property-ico,.send-msg-ico,.del-n-ico,.read-ico,.tip-ico,.gold-ico,.friend-ico,.man-ico,.woman-ico,.school-ico,.online-ico,.publisher .status-attachments li,.publisher .status-attachments li a,.add-friend-btn,.del-friend-btn,.girl-ico,.leave-ico,.up-picture-ico,.manage-ico,.light-ico,.delete-ico,.add-ico{background-image:url(../img/ico.png); background-repeat:no-repeat;vertical-align:middle;  margin-right:3px;  }
.add-friend-btn{background-position: 0 -2840px;}
.del-friend-btn{background-position: 0 -640px;}
.album-ico{background-position: 0 0px;}
.journal-ico{background-position: 0 -40px;}
.record-ico{background-position: 0 -80px;}
.share-ico{background-position: 0 -120px;}
.music-ico{background-position: 0 -160px;}
.gift-ico{background-position: 0 -200px;}
.organization-ico{background-position: 0 -240px;}
.news-ico{background-position: 0 -280px;}
.activity-ico{background-position: 0 -320px;}
.parent-ico{background-position: 0 -360px;}
.treasure-ico{background-position: 0 -400px;}
.video-ico{background-position: 0 -1120px;}
.url-ico{background-position: 0 -1080px;}
.setting-ico{background-position: 0 -480px;}
.integral-ico{background-position: 0 -520px;}
.grade-ico{background-position: 0 -560px;}
.invite-ico{background-position: 0 -1480px;}
.siteLetter-ico{background-position: 0 -1758px;}
.task-ico{background-position: 0 -1842px;}
.experience-ico{background-position: 0 -1876px;}
.inform-ico{background-position: 0 -1920px;}
.gradeup-ico{background-position: 0 -1960px;}
.property-ico{background-position: 0 -2040px;}
.send-msg-ico{background-position: 0 -2080px;}
.read-ico{background-position: 0 -2120px;}
.tip-ico{background-position: 0 -1240px;}
.gold-ico{background-position: 0 -2158px;}
.friend-ico{background-position: 0 -2240px;}
.man-ico{background-position: 0 -2400px;}
.woman-ico{background-position: 0 -2360px;}
.school-ico{background-position: 0 -2520px;}
.online-ico{background-position: 0 -2800px; margin-right:0}
.girl-ico{background-position: 0 -3000px;}
.leave-ico{background-position: 0 -3439px;}
.light-ico{background-position: 0 -3280px;}
.up-picture-ico{background-position: 0 -880px;}
.manage-ico{background-position: 0 -480px;}
.delete-ico{background-position:-3px -636px;}
.add-ico{background-position: 0 -440px;}
/*ico-an*/
.reply-ico,.lucky-ico, .lucky28-ico,.no-sound-ico, .girl-unshow, .girl-unshow-on, .mall-ico, .error-tip-ico,.zone-ico,.validate-ico,.follow-me-ico,.view-info-ico,.commend-ico,.edit-info-ico,.data-analysis-ico,.journal-abstract-ico,.journal-title-ico,.journal-abstract-ico-on,.journal-title-ico-on,.L28-hhj-ico,.L28-gamegold-ico,.L28-notice-ico,.ico-right-gray,.ico-right-yellow,.ico-right-green,.helps-ico,.medal-ico,.small-cutpage a,.unfollow-ico,.allow-big,.write-active-ico,.top-ico,.Ypange-ico,.Ypage-honorary,.mapMark-add-ico,.mapMark-del-ico,.mapMark-save-ico,.mapMark-zoomin-ico,.mapMark-zoomout-ico,.new-ico,.quotation-marks-a-ico,.quotation-marks-b-ico,.payCentre-ico,.pic-slide-ico,.pic-slide-ico-off,.pic-list-ico,.pic-list-ico-off,.gift-want-ico,.reg-prize-ico{background-image:url(../img/ico-an.png); background-repeat:no-repeat; vertical-align:middle;  margin-right:3px;}
.reply-ico{ background-position:0 -40px }
.lucky-ico{ background-position:0 -2px }
.lucky28-ico{ background-position:0 -120px }
.no-sound-ico{background-position:0 -80px}
.girl-unshow{background-position:0 -160px}
.girl-unshow-on{background-position:0 -200px}
.mall-ico{background-position:0 -240px}
.error-tip-ico{background-position:0 -480px}
.L28-notice-ico{background-position:0 -520px}
.zone-ico{background-position:0 -600px}
.validate-ico{background-position:0 -640px}
.follow-me-ico{background-position:0 -680px;}
.view-info-ico{background-position:0 -720px;}
.commend-ico{background-position:0 -760px;}
.edit-info-ico{background-position:0 -800px;}
.data-analysis-ico{background-position:0 -840px;}
.journal-abstract-ico{background-position:0 -880px; margin-right:0}
.journal-title-ico{background-position:0 -920px;margin-right:0}
.journal-abstract-ico-on{background-position:0 -960px;margin-right:0}
.journal-title-ico-on{background-position:0 -1000px;margin-right:0}
.L28-gamegold-ico{ background-position:0 -1040px }
.L28-hhj-ico{ background-position:0 -1080px }
.ico-right-gray{background-position:0 -1119px;}
.ico-right-yellow{background-position:0 -1159px;}
.ico-right-green{background-position:0 -1199px;}
.helps-ico{background-position:0 -1240px;}
.medal-ico{background-position:0 -1280px;}
.unfollow-ico{background-position:0 -1360px;}
.allow-big{background-position:0 -1400px;}
.write-active-ico{background-position:0 -1440px;}
.top-ico{background-position:0 -1480px;}
.Ypange-ico{background-position:0 -1560px;}
.Ypage-honorary{background-position:0 -1600px;}
.mapMark-add-ico{background-position:0 -1640px;}
.mapMark-del-ico{background-position:0 -1680px;}
.mapMark-save-ico{background-position:2px -1718px;}
.mapMark-zoomout-ico{background-position:0 -1800px;}
.mapMark-zoomin-ico{background-position:0 -1760px;}
.new-ico{background-position:0 -1840px; vertical-align:text-top; margin-top:2px;}
.quotation-marks-a-ico{background-position:0 -1880px;}
.quotation-marks-b-ico{background-position:0 -1920px;}
.payCentre-ico{background-position:0 -1960px;}
.pic-slide-ico{background-position:0 -2000px;}
.pic-list-ico{background-position:0 -2040px;}
.pic-slide-ico-off{background-position:0 -2080px;}
.pic-list-ico-off{background-position:0 -2120px;}
.gift-want-ico{background-position:0 -2160px;}
.reg-prize-ico{background-position:0 -2200px;}
/*tip-box*/
.tip-box{ padding:10px 30px;background-color:#FEF8E0; border:1px solid #EEE7CA; }
.tip-box-s {background-color:#FEF8E0;border:1px solid #EEE7CA;line-height:1;margin-top:10px;padding:5px;}
/*col-sub*/
.col-sub{padding-bottom:50px; }
.col-sub .sns-app{padding-top:10px;}
.col-sub .sns-app li{height: 30px;  font-size:14px; position:relative; }
.col-sub .sns-app a.q-link{position:absolute; top:0px; right:7px;}
.col-sub .sns-app a.q-link:link, .col-sub .sns-app a.q-link:visited{color:#555555;text-decoration:none;font-size:12px; float:right; }
.col-sub .sns-app a.q-link:hover{color:#3366CC;text-decoration:underline;}
.col-sub .app-manage{margin-top:30px; border-top:1px solid #D1D6E2;padding-top:10px; }
.col-sub .app-manage a {display:inline-block; height: 25px;  }
.col-sub .app-manage .add{padding-left:16px;background-position: 0 -439px;}
.col-sub .app-manage .setting{padding-left:16px;background-position: 0 -479px;margin-left:10px;}
.col-sub .friend-func{padding-top:10px; padding-bottom:10px;}
.col-sub .friend-func h3 a{font-weight:400}
.col-sub .invite{margin-top:15px; border-bottom:1px solid #D1D6E2; }
.col-sub .feedback{padding-top:10px; padding-bottom:10px;}
.col-sub .feedback a{ display:inline-block; width:87px; height:23px; padding-left:39px; background-position: 0 -310px; padding-top:7px; line-height:18px; font-family:"\5b8b\4f53"}
/*col-extra*/
.col-extra{}

/*foot*/
#footer{height: 60px; background-position: 0 -469px; background-repeat:repeat-x; background-color:#FCFCFC; text-align:center; padding-top:30px; color:#777777;  }
#footer a:link, #footer a:visited{color:#777777;text-decoration:none;}
#footer a:hover{color:#777777;text-decoration:underline;}
#footer a{ margin-right:20px}

.user-avatar{width: 50px; height: 50px; margin:0 auto;position:relative;   }
.user-avatar a{ display:block;-webkit-transition: all 0.3s ease-out;}
.user-avatar a:hover{-webkit-transform: scale(1.3);}
.user-avatar img{display:block;}
.user-avatar span.cr-box-bor{width: 50px; height: 50px;position:absolute; top:0; left:0;background:url(../img/cr-box-bor.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://css.sodao.com/home/img/cr-box-bor.png',sizingMethod='crop'); cursor:pointer}
.user-avatar-big{width:75px; height: 75px; margin:0 auto;position:relative;   }
.user-avatar-big img{display:block;}
.user-avatar-big span.cr-box-big{width:75px; height: 75px;position:absolute; top:0; left:0;background:url(../img/cr-box-big.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://css.sodao.com/home/img/cr-box-big.png',sizingMethod='crop'); cursor:pointer}
.user-avatar-small{width:32px; height: 32px; margin:0 auto;position:relative;   }
.user-avatar-small img{display:block;}
.user-avatar-small span.cr-box-small{width:32px; height: 32px;position:absolute; top:0; left:0;background:url(../img/cr-box-small.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://css.sodao.com/home/img/cr-box-small.png',sizingMethod='crop'); cursor:pointer}
.user-avatar-biger{width:100px; height: 100px; margin:0 auto;position:relative;   }
.user-avatar-biger img{display:block;}
.user-avatar-biger span.cr-box-biger{width:100px; height: 100px;position:absolute; top:0; left:0;background:url(../img/cr-box-biger.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://css.sodao.com/home/img/cr-box-biger.png',sizingMethod='crop'); cursor:pointer}

.title{height: 30px; background-color:#F0F4F7;position:relative;}
.title h3{line-height:30px;padding-left:10px; }
.title a{position:absolute; top:5px; right:10px;}
.title a:link, .title a:visited{color:#3366CC;text-decoration:none;}
.title a:hover{color:#3366CC;text-decoration:underline;}
.date{color:#888888; }
.relation-name{color:#888888; text-align:center;display:block; }
/*tab-title*/
.tab-title{height: 28px; position:relative; z-index:1}
.tab-title .tab-box{}
.tab-title .tab-box a:link,.tab-title .tab-box a:visited{color:#555555;text-decoration:none;}
.tab-title .tab-box a:hover{color:#1A7CBC;text-decoration:underline;}
.tab-title .tab-box li{float:left; height:28px; margin-right:4px; padding-left:15px;background-position:-700px -227px; line-height:28px; }
.tab-title .tab-box li a{float:left;padding-right:15px; display:block;height: 28px;background-position:right -227px;star:expression_r(this.onFocus=this.blur());outline: none;}
.tab-title .tab-box li.on{background-position:-700px -274px;}
.tab-title .tab-box li.on a{background-position:right -274px; font-weight:700;}
.tab-title .more-app{ position:absolute; top:0; right:0 }
.tab-title .more-app .sel-movent-class{ position:absolute;top:20px; left:0; width:58px; border:1px solid #CDCDCD; background-color:#FFFFFF; z-index:99;}
.tab-title .more-app .sel-movent-class li.on a{background-color:#CFDDE3;}
.tab-title .more-app .sel-movent-class a:link,.tab-title .more-app .sel-movent-class a:visited{ display:block; height:17px; color:#555555;text-decoration:none; padding:5px 0 0 5px; line-height:1}
.tab-title .more-app .sel-movent-class a:hover{background-color:#CFDDE3;color:#555555;text-decoration:none;}
.tab-title .more-app .sel-class{float:left; width:25px; height:14px; background-position:5px -840px;display:block;padding-right:5px; margin-top:5px; font-size:0px; line-height:0px; text-indent:-9999px;border-right:1px solid #CDCDCD;  }
.tab-title .more-app .sel-class-on{float:left; width:25px; height:20px; background-position:5px -836px;display:block;padding-right:5px; margin-top:0px; font-size:0px; line-height:0px; text-indent:-9999px;border:1px solid #CDCDCD; border-bottom:none; position:relative; background-color:#FFFFFF; z-index:100}
.tab-title .more-app .setting{float:left; width:20px; height: 14px;background-position: 5px -480px;display:block;padding-right:5px;margin-top:5px;text-indent:-9999px; }
.tab-title .tab-box-more{float:left; text-indent:-9999px; overflow:hidden; height:15px; width:8px;}
.tab-title .tab-select-box{position:relative; float:left;}
.tab-title .tab-select-box ul{position:absolute; background:#fff; border:1px solid #CFDDE3; left:16px; width:7em;}
.tab-title .tab-select-box ul li a:link,.tab-select-box ul li a:visited{color:#555; display:block; padding-left:5px; height:24px; line-height:24px;}
.tab-title .tab-select-box ul li a:hover{background:#CFDDE3; text-decoration:none;}
/*page-content*/
.page-content{padding:10px 10px 50px }
/*tab-nav*/
.tab-nav{height: 28px; position:relative;border-bottom:1px solid #CFDDE3; }
.tab-nav .tab-box a:link,.tab-nav .tab-box a:visited{color:#555555;text-decoration:none;}
.tab-nav .tab-box a:hover{color:#1A7CBC;text-decoration:underline;}
.tab-nav li{float:left; height:26px; margin-right:5px; padding:0 10px; border:1px solid #CFDDE3; background-color:#F0F4F7; line-height:26px; position:relative; top:1px }
.tab-nav li.on{ border:1px solid #CFDDE3;background-color:#FFFFFF; border-bottom:1px solid #FFFFFF; font-weight:700 }
.tab-nav .more-app{float:right;padding-top:6px;  }
.tab-nav .show-sm{float:right;padding:4px 10px 0 0; }
.tab-nav .show-sm strong{color:#F60E45; }
.tab-nav .more-act{float:left; margin:6px 0 0 10px;}
.tab-nav .tab-box{float:left;}
.tab-nav .tab-nav-right{float:right}
.tab-nav .tab-nav-right img,.tab-nav .tab-nav-right input{ vertical-align:middle}
/*publisher*/
.publisher{margin-top:10px; height:90px; position:relative; z-index:10;}
.publisher .user-avatar{float:left;}
.publisher .user-avatar .chg-photo{display:block; text-align:center; line-height:25px; }
.publisher .user-avatar a.chg-photo:link,.publisher .user-avatar a.chg-photo:visited {color:#0071DB;text-decoration:none;}
.publisher .user-avatar a.chg-photo:hover {color:#0071DB ;text-decoration:underline;}
.publisher .publisher-show{ margin-left:60px; _margin-left:57px; width:490px; position:relative}
.publisher .publisher_statusInput{ width:480px; padding:5px; background-color:#EFEFEF;  position:absolute; top:0; left:0; }
.publisher .publisher-bar{  padding-top:5px;}
.publisher .publisher-bar .expression{ float:left}
.publisher .publisher-bar .tip-num{ float:right; color:#999999; }
.publisher .publisher-bar .sel-down{ display:inline-block; width:10px; height:24px; padding:0; background-position: right -670px;}
.publisher .publisher-box{ border:1px solid #DBDBDB; background-color:#FFFFFF;}
.publisher .publisher-box .publisher-txt{ width:440px; height:26px; font-size:14px;line-height:18px; background-color:#FFFFFF; border:0;  padding-top:12px;*padding-top:10px; padding-left:8px;  color:#888888;}
.publisher .want-box,.publisher .doing-box{clear:both; padding-top:5px;  }
.publisher span.do-tit{display:block; width:40px; height: 18px; text-align:right;float:left; padding-right:5px;   }
.publisher span.input-texts{display:block;overflow:hidden; zoom:1; background-color:#FFFFFF; border:1px solid #DBDBDB;padding:5px;  }
.publisher .submit-btns{clear:both; text-align:right; padding-top:5px;  }
.publisher .publisher_tools{ padding-top:50px;}
.publisher .publisher_tools p{float:left; line-height:25px;}
.publisher .publisher_tools p img{ vertical-align:middle}

.publisher .status-attachments{float:right;}
.publisher .status-attachments li{float:left; margin-left:3px; padding-left:17px; padding-top:4px;*padding-top:6px; line-height:18px; font-family:"\5b8b\4f53"}
.publisher .status-attachments li a{background-position:right -960px;padding-right:6px;}
.publisher .status-attachments li.list-last{margin-right:-4px; }
.publisher .status-attachments li.list-last a{ background:none}
.publisher .status-attachments li.partake{background-position: 0 -114px;}
.publisher .status-attachments li.journal{background-position: 0 -35px;}
.publisher .status-attachments li.photo{background-position: 0 -874px;}
.publisher .publisher-bar .expression-box{ top:53px; left:8px}
.expression-box{background-color:#F5F7F9; width:244px; position:absolute;}
.expression-box table{border: 1px solid #D1D6E2;border-collapse:collapse;}
.expression-box table td{border: 1px solid #D1D6E2; background-color:#FFFFFF;}
.expression-box .expression-list{position:relative; top:-2px; left:-2px}
.expression-box .cut-p{background-color:#FFFFFF;border:1px solid #D1D6E2; border-top:none; height:25px;text-align:right; line-height:25px; padding-right:5px;   }
/*filter-class*/
.filter-class{margin-top:20px; }
.filter-class .sel-class{float:left; margin-right:200px; }
.filter-class .sel-time{float:left; }
.filter-class li{float:left;height:22px;  padding-left:10px;}
.filter-class li a{float:left;padding-right:10px; display:block;height: 22px;line-height:22px; }
.filter-class li a:link,.filter-class li a:visited{color:#777777;text-decoration:none;}
.filter-class li a:hover{color:#777777;text-decoration:underline;}
.filter-class li.on{background-position:-870px -310px;}
.filter-class li.on a{background-position:right -310px; font-weight:700;}

/*movement-comment*/
.movement-comment{width:400px; }
.movement-comment span.angle{ display:block; margin-left:10px;  width:0; height:0; border:7px solid #FFFFFF; font-size:0;line-height:0;border-bottom:7px solid #F4F7F9; border-top:none  }
.movement-comment ul{ background-color:#FFFFFF;zoom:1}
.movement-comment li{background-color:#F4F7F9; padding:3px; margin-bottom:1px; position:relative; zoom:1 }
.movement-comment .user-avatar-small{float:left; margin-right:10px; _margin-right:7px; margin-left:0!important }
.movement-comment li p{overflow:hidden; zoom:1; padding-right:20px;  word-wrap: break-word; word-break: normal;  }
.movement-comment li p img{ vertical-align:middle}
.movement-comment li.mor-link{padding-left:48px; }
.movement-comment li .close{width:16px; height:16px;display:block; position:absolute; top:6px; right:6px; font-size:1px; line-height:16px; text-indent:-9999px;background-position: -4px -638px; overflow:hidden}
.movement-comment .input-normal,.movement-comment .input-show{zoom:1}
.movement-comment .input-normal .user-avatar-small,.movement-comment .input-normal .comment-expression,.movement-comment .input-normal .comment-submit{display:none}
.movement-comment .input-normal .com-input{width:388px; height:18px;line-height:18px;  padding:3px 0 0 3px; color:#888888;border:1px solid #ddd; overflow:hidden }
.movement-comment .input-show .comment-box{overflow:hidden; zoom:1 }
.movement-comment .input-show .com-input{width:339px; height:32px;line-height:16px; padding:3px 0 3px 3px; color:#888888; border:1px solid #ddd; }
.movement-comment .comment-expression{float:left; padding-top:3px; }
.movement-comment .comment-expression a{float:left; display:block; }
.movement-comment .comment-expression a.sel-down{width:6px; height:16px; padding-right:4px; margin-top:6px;  }

.movement-comment .comment-submit{float:right;padding-top:5px;  }
.movement-comment .comment-submit input{vertical-align:middle; }
.movement-comment .comment-submit label{margin-right:5px; }


/*page-title*/
.page-title{height:35px; background-position: 0 -418px; position:relative }
.page-title h2{padding-left:15px;padding-top:8px; font-size:14px; float:left;}
.page-title h2 img{margin-top:-1px;_margin-top:3px; }
.page-title a.back{ position:absolute; top:8px; right:10px}
.title-search{ width:185px; height:22px; background:url(../img/title-search.png) left top no-repeat; float:right;  padding:0 10px 0 4px; position:relative}
.title-search .title-search-txt{width:155px; float:left; border:0; margin-top:4px; _margin-top:2px; height:17px; color:#888;}
.title-search .title-search-btn{border:0; float:right; width:22px; height:22px; text-indent:-9999px; background:none; overflow:hidden; cursor:pointer;}
.title-search .title-search-tip{ position:absolute; top:21px; left:0; border:1px solid #669BB7; padding:2px 5px; background-color:#FFFFFF; width:180px}
/*cutPage*/
.cutPage{ height:40px; clear:both; padding-top:15px;font-size:12px;overflow:hidden;zoom:1; line-height:18px; text-align:center; font-family:"\5b8b\4f53" }
.cutPage b{display:inline-block;padding:0 8px;background-color:#fff;margin-right:3px; color:#FF0000}
.cutPage a{display:inline-block;text-decoration:none;padding:0 6px;border:1px solid #D0DEFF;background-color:#fff;margin-right:3px; }
.cutPage a:link,.cutPage a:visited{color:#555555;text-decoration:none;}
.cutPage a:hover{color:#1A7CBC;text-decoration:underline;}
.cutPage .page_go{float:right}
.cutPage .page_go .page_go_inp{ border:1px solid #D0DEFF; width:30px;height:18px;}
.cutPage .page_go .page_togo{border:1px solid #D0DEFF; background-color:#FFFFFF; height:20px;position:relative;margin:0; padding:0 5px; font-size:12px}
.cutPage .page_go input{ vertical-align:middle}
/*cutPage*/
.cutPage-left{ height:40px; clear:both; padding-top:15px;font-size:12px;overflow:hidden;zoom:1; line-height:18px; text-align:right; font-family:"\5b8b\4f53" }
.cutPage-left .cutPage-statistics{ padding-right:10px}
.giftpage{height:30px;padding-top:5px;}
/*button*/
.submit2,.submit-gray2,.submit4,.submit3,.submit5-b,.submit6,.submit7,.submit8,.submit-gray4,.submit-gray7{background-color:transparent; border:0; background-image:url(../img/btn.png);color:#FFFFFF; cursor:pointer;  background-repeat:no-repeat; display:inline-block; vertical-align:middle}
.submit2{ width:50px; height:22px; background-position: 0 0;}
.submit4{ width:75px;height:22px; background-position: 0 -50px;}
.submit3{ width:63px;height:22px; background-position: 0 -75px;}
.submit5-b{ width:104px; height:32px;background-position: 0 -100px; font-size:14px; font-weight:700;}
.submit5{ width:112px;height:22px; background-position: 0 -135px;}
.submit7{ width:112px;height:22px; background-position: 0 -135px;}
.submit6{ width:92px;height:22px; background-position: 0 -212px;}
.submit8{ width:130px;height:22px; background-position: 0 -160px; }
.submit-gray2{width:50px; height:22px;  background-position: 0 -25px; color:#555555;}
.submit-gray4{width:75px;height:22px;background-position: 0 -185px; color:#555555;}
.submit-gray7{ width:112px;height:22px; background-position: 0 -240px; color:#555555;}
.a-submit{ text-align:center; padding-top:3px; height:19px}
a.a-submit:link, a.a-submit:visited{color:#FFFFFF;text-decoration:none;}
a.a-submit:hover{color:#FFFFFF;text-decoration:none;}
a.submit-gray2:link, a.submit-gray2:visited{color:#555555;text-decoration:none;}
a.submit-gray2:hover{color:#555555;text-decoration:none;}

span.btn button{  width:50px; height:22px;background-color:transparent; border:0; background-image:url(../img/btn.png);color:#FFFFFF; cursor:pointer;  background-repeat:no-repeat; display:inline-block; vertical-align:middle}


/*input-text*/
.input-text-s, .input-text-ss, .input-text-m,.input-text-b,.input-text-t,.input-district,.input-telphone{height: 19px;padding-top:3px; padding-left:3px; background-color:#FFFFFF; border:1px solid #BBBBBB; }
input.gray{color:#888;}
.input-text-s{width:180px;}
.input-text-ss{width:80px;}
.input-text-m{width:250px;}
.input-text-b{width:450px;}
.input-text-t{width:320px;}
.input-district{width:50px; }
.input-telphone{width:120px; }
.input-file{height:20px;}
.inp-txt-40,.inp-txt-90,.inp-txt-190,.inp-txt-300,.inp-txt-150,.area-txt-60-300{height: 20px; padding-left:3px; line-height:20px;background-color:#FFFFFF; border:1px solid #BBBBBB;}
.inp-txt-40{width:40px;}
.inp-txt-90{width:90px;}
.inp-txt-150{width:150px;}
.inp-txt-190{width:190px;}
.inp-txt-300{width:300px;}
.area-txt-60-300{width:300px; height:54px}
/*table*/
table.s-table th,table.s-table td{padding-left:15px; }
table.s-table th{height:25px; background-color:#F9FBFC; }
table.s-table td{height:35px;border-bottom:1px solid #CFDDE3; }
table.s-table td span{color:#888888;padding-left:10px;}

.toponym-box{ width:642px; background-color:#F7F7FA;  position:absolute }
.toponym-box .point-ico{display:block;width:15px; height:6px; font-size:1px; line-height:1px; background-position:0 -2440px;position:relative; top:-6px }
.toponym-box .toponym{border:1px solid #D1D6E2;background-color:#F9FBFC; padding:0 6px 0;  position:relative; top:-3px; left:-3px; }
.toponym .address{border:1px solid #D1D6E2;margin-bottom:8px; background-color:#FFFFFF;padding:6px;line-height:14px; overflow:hidden;zoom:1   }
.toponym .address a{margin:0 2px; padding:2px; border:1px solid #FFFFFF; display:block; white-space:nowrap; float:left; }
.toponym .address a:link,.toponym .address a:visited {color:#333333;text-decoration:none; }
.toponym .address a:hover {color:#333333;text-decoration:underline;}
.toponym .address a.on:link,.toponym .address a.on:visited{background:#FEF8E0; color:#F60E45;  border:1px solid #FF9933;}
.toponym .address a.on:hover {color:#F60E45;text-decoration:underline;}
.toponym .sure-btn{text-align:right; height:30px; }
.toponym .sure-btn .people-num{ float:left; line-height:26px}
.toponym .university{border:1px solid #D1D6E2; height:130px; margin:6px 0; overflow:auto; overflow-y:scroll;overflow-x:hidden; padding:5px;  }
.toponym .university li{width:195px; float:left; line-height:22px; color:#999999;   }
.write-box li.form-list input.pull-down,.selector ol.tokenList li span a.x,.selector a.toggle-d,.selector a.toggle-u{background-image:url(../img/ico.png); background-repeat:no-repeat; }
.write-box h3{margin-bottom:10px; }
.write-box li.form-list{padding:10px 0;position:relative;}
.write-box li.addressee{position:relative; }
.write-box li.form-list input,.write-box li.form-list img,.write-box li.form-list label,.write-box li.form-list select,.write-box li.form-list .user-n{vertical-align:middle;}
.write-box li.form-list .lables{ width: 80px; text-align:right; display:inline-block}
.write-box li.form-list .user-n{float:left; padding:1px 0 0 5px;}
.write-box li.form-list .lables-fl{ width: 80px; text-align:right; display:block; float:left;padding-top:3px;  }
.write-box li.form-list .lablesup{vertical-align:top; }
.write-box li.form-list input.pull-down{ background-position:right -1152px; cursor:pointer; }
.write-box li.form-list input.input-text-m{width: 323px; }
.write-box li.form-list textarea{width: 323px;height:80px; border:1px solid #BBBBBB; padding:2px 0 0 3px }
.write-box li.form-list .tip-right,.write-box li.form-list .tip-normal,.write-box li.form-list .tip-error{vertical-align:top; margin-top:-3px}
.write-box li.form-list .poa-wz{ position:absolute; top:10px; left:416px;*left:418px;_left:416px}
.write-box li.submit-btns{padding-left:84px; _padding-top:10px; position:relative; }

.user-sch-box{width:326px; position:absolute; background-color:#FFFFFF;border:1px solid #CFDDE3; }
.user-sch-box div{padding:3px;}
.user-sch-box li{padding:3px; border-top:1px solid #CFDDE3; cursor:pointer; line-height:1.4;}
.user-sch-box li.on{background-color:#669CB6; color:#FFFFFF; }

.che-friend{width:326px; position:absolute; background-color:#FFFFFF;border:1px solid #CFDDE3; }
.che-friend .che-tit{ height:26px; padding:4px 10px 0; background-color:#F0F4F7; border-bottom:1px solid #CFDDE3;  }
.che-friend .che-tit span{float:left;}
.che-friend .che-tit select{ float:right;}
.che-friend .che-friend-list{height:140px;  overflow-y:scroll; padding-left:5px; }
.che-friend .che-friend-list li{width:90px; height:24px; padding-top:3px; margin-right:8px; float:left; border-bottom:1px solid #EEEEEE;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsi}
.che-friend .che-school-list{height:168px;  overflow-y:scroll; padding-left:5px; }
.che-friend .che-school-list h4{ font-size:12px; padding-top:6px}
.che-friend .che-school-list ul{ overflow:hidden;zoom:1; border-bottom:1px solid #EEEEEE;}
.che-friend .che-school-list li{width:48%; height:24px; padding-top:3px; float:left; }
.che-friend input,.che-friend label{vertical-align:middle; }
.che-friend .cut-p{height:26px; position:relative;   padding:4px 10px 0;background-color:#F0F4F7; border-top:1px solid #CFDDE3; margin-top:-1px;  }
.che-friend .cut-p input{}
.che-friend .cut-p span{float:left; margin-top:2px;}
.write-box .comment-expression{padding-left:84px;padding-top:5px;  overflow:hidden; zoom:1 }
.write-box .comment-expression a{float:left;}
.write-box .comment-expression .sel-down{display:block;width:6px; height:16px; padding-right:4px; margin-top:6px;}
.selector{width:301px; border:1px solid #CDCDCD; padding:0px 23px 2px 2px;   position:relative; float:left; margin-left:4px; }
.selector a.toggle-d,.selector a.toggle-u{background-color:#FFFFFF;  bottom:1px; cursor:pointer; display:block; height:20px; overflow:hidden; position:absolute; right:1px; text-indent:-9999px; width:21px; z-index:2;}
.selector a.toggle-d:hover,.selector a.toggle-u:hover{background-color:#CCCCCC; border:1px solid #BBBBBB;}
.selector a.toggle-d{background-position: 6px -2636px;}
.selector a.toggle-d:hover{background-position: 6px -2676px;}
.selector a.toggle-u{background-position: 6px -2716px;}
.selector a.toggle-u:hover{background-position: 6px -2756px;}
.selector ol.tokenList{position:relative;background:#FFFFFF none repeat scroll 0 0;cursor:text;overflow: hidden; zoom:1}
.selector ol.tokenList li{float:left; margin:2px 2px 0 0;height: 20px;padding-left:5px; height:20px;background-color:#F0F4F7; border:1px solid #CFDDE3; }
.selector ol.tokenList li span{ display:inline-block; height:17px; line-height:1;padding-top:3px; line-height\**\:22px\9; background-image:url(bg.png); background-repeat:no-repeat; background-position:right 0; padding-right:5px; white-space:nowrap;}
.selector ol.tokenList li span a.x{display:inline-block;_display:inline; width:9px;height:9px;vertical-align:middle;cursor:pointer; margin-left:5px;font-size:1px; line-height:1px; zoom:1;background-position: 0 -2600px;}
.selector ol.tokenList li span a.x:hover{background-position: 0 -2560px;}
.selector ol.tokenList li.input-li{float:left; margin:2px 2px 0 0;height: 20px;padding-left:0; height:20px;background-color:transparent; border:none; }
.selector ol.tokenList li.input-li input{width:80px;height:18px;margin:0;padding:0;border:0;outline:0;}
.write-box .send-chack{ float:left;padding-top:3px; margin-left:5px}

span.tip-normal,span.tip-right,span.tip-error{ display:inline-block; height:17px; margin:3px 0 05px; line-height:1; vertical-align:middle; padding-top:7px}
span.tip-normal{color:#888888}
span.tip-right{ padding-left:18px; background-position: 0 -2954px;_background-position: 0 -2952px; color:#54903F}
span.tip-error{ padding-left:18px; background-position: 0 -2915px;_background-position: 0 -2913px; color:#FF3333}

.introduction{ position:absolute; width:360px; border:4px solid #B2BBCE; background-color:#FFFFFF; padding:15px 20px; z-index:9999}
.introduction .intr{ display:inline-block; position:absolute; font-size:0; line-height:1px}
.introduction em{ position:absolute; top:0px; right:6px; color:#888888}
.i-right .intr{ width:13px; height:18px;top:10px; left:100%; background-position:0 -40px  }
.i-left .intr{ width:13px; height:18px; top:10px; right:100%; background-position:-20px -40px  }
.i-top .intr{ width:18px; height:13px; bottom:100%; left:10px; background-position:-40px -40px  }
.i-bottom .intr{ width:18px; height:13px; top:100%; left:10px; background-position:-60px -40px  }
.introduction .txt-info{ padding-bottom:10px; border-bottom:1px solid #D1D6E2}
.introduction .txt-info p{ font-size:14px}
.introduction .btns{ padding-top:10px; text-align:right}
.introduction .btns a{ float:left}
/**/
.share-album .album-thumbnail{width:136px; height:121px; float:left; margin-right:10px; background-position:-46px -150px ;}
.share-album .album-thumbnail img{display:block; margin-top:22px;margin-left:7px;   }
.share-summary{padding:3px 0; clear:both;  word-wrap:break-word; word-break:normal;}

.img-thumbnail{ float:left; margin-right:10px}
.share-music a:link,.share-music a:visited{ color:#666666;width:56px; height:20px; background:url(../img/share-play.png) no-repeat; padding:10px 0 0 33px; line-height:1; display:block;}
.share-music a:hover{color:#666666;text-decoration:none;background:url(../img/share-play.png) 0 -30px no-repeat;}

/*friend-win*/
.friend-win{}
.friend-win .user-avatar{float:left; margin-right:10px; _margin-right:7px; }
.friend-win p strong{ color:#F8466F; line-height:22px;}
.friend-win .fri-inspect{overflow:hidden; zoom:1}
.friend-win .fri-inspect textarea{width:260px; height:48px; padding:2px 0 0 3px; border:1px solid #D1D6E2;}
.friend-win .win-txt{line-height:25px;  }
.friend-win .del-tip{ margin:10px 0}
.friend-win .del-tip span{ color:#999999}
.friend-win .select-friend-class{ background-color:#F9FBFC; border:1px solid #D1D6E2; padding:5px;  clear:both}
.friend-win .friend-class-list li{ float:left; width:33%; line-height:22px}
.friend-win .friend-class-list li input,.friend-win .friend-class-list li label{ vertical-align:middle}
.friend-win .creat-gr-box{margin-top:10px;}
.friend-win .win-creat-gr{padding-left:15px;background-image:url(../img/ico.png); background-repeat:no-repeat;background-position:0 -2835px; margin-left:3px; padding-top:5px; font-family:\5b8b\4f53 }
.friend-win .creat-gr-input{ _margin-left:1px}
.friend-win .creat-gr-tip{padding:5px; margin-top:10px;background-color:#FEF8E0; border:1px solid #EEE7CA; }
.friend-win .win-creat-gr a{line-height:1; }
.friend-win .gr-input{width:100px; height:16px; padding:2px 0 0 3px;border:1px solid #D1D6E2;}
.friend-win .creat-gr-input input{vertical-align:middle; }
.friend-win .right-ico{ background-image:url(../img/ico.png); background-repeat:no-repeat; background-position: 0 -1040px; width:20px}

.share-win li{ clear:both; padding-bottom:8px}
.share-win li .lables{ width: 60px; text-align:right; display:block; float:left}
.share-win li textarea{ width:253px; height:65px; background-color:#FFFFFF; border: 1px solid #B6B6B6}
.share-win li .share-ti{ background-color:#EAF0F4;width:245px; float:left; overflow:hidden;zoom:1; padding:5px; position:relative; _left:2px}
.share-win li .share-ti p{ margin-top:5px; word-wrap:break-word; word-break:normal;}
.share-win li .share-ti input{ height:18px;  background-color:#FFFFFF; border: 1px solid #B6B6B6; width:240px; padding:2px 0 0 3px}
/*tab-nav-a*/
.tab-nav-a{height:23px; border-bottom:1px solid #D1D6E2; margin-bottom:10px;}
.tab-nav-a ul{margin-left:10px;border-left:1px solid #D1D6E2;}
.tab-nav-a li{float:left;}
.tab-nav-a li a:link,.tab-nav-a li a:visited{float:left; height:22px; line-height:22px; padding:0 18px; color:#444; border:solid #D1D6E2; border-width:1px 1px 0 0;}
.tab-nav-a li.on a:link,.tab-nav-a li.on a:visited{background:#F73A67; color:#fff;}

.share-ico-box img { width:15px; height:15px; background:url(../img/gtv2-ico.png) left top no-repeat; vertical-align:middle; float:left; margin:3px 5px; }
.share-ico-box h5{display:inline; font-size:14px; color:#666; float:left;}
.share-ico-box img.kaixin-ico { background-position:left -40px; }
.share-ico-box img.renren-ico { background-position:left -80px; }
.share-ico-box img.qzone-ico { background-position:left -120px; }
.share-ico-box img.sohubai-ico { background-position:left -160px; }
.share-ico-box img.douban-ico { background-position:left -200px; }
.share-ico-box img.sina-ico { background-position:left -240px; }

.share-win h4{font-size:14px; color:#666;}
.share-win .share-site-form{margin:10px 0;}
.share-win .share-site-form .share-text{height:16px; line-height:16px; padding:2px; border:1px solid #ccc; background:#F5F5F5; vertical-align:middle; width:310px;}

.user-list .list{padding:10px 4px 0;}
.user-list .list li{width: 74px;height: 108px;float:left;  }
.user-list .list li span.u-name{display:block;text-align:center; line-height:18px; padding-top:6px; height:18px;font-family:\5b8b\4f53;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;width: 74px;}
.user-list .list li span.relation-name{ line-height:18px; padding-top:6px; height:18px;font-family:\5b8b\4f53;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;width: 74px;}
.user-list .list li a:link,.user-list .list li a:visited{color:#3366CC;text-decoration:none;}
.user-list .list li a:hover{color:#3366CC;text-decoration:underline;}
.user-list .list li span.follow-link a:link,.user-list .list li span.follow-link a:visited{color:#888888;}
.user-list .list li span.follow-link a:hover {color:#888888;text-decoration:underline;}
.user-list .list li span.date{ text-align:center; line-height:18px;display:block;}
.user-list .list li span.follow-link{ text-align:center; line-height:18px;padding-top:6px;display:block;}

/*comment*/
.u-comment{ margin-top:10px}
.u-comment .comment-from{width:362px; margin-top:15px}
.u-comment .comment-from textarea{width:350px; height: 50px;padding:5px; border:1px solid #E4E4E4; background-color:#FFFFFF; }
.u-comment .comment-from .comment-expression{float:left; margin-top:5px;  }
.u-comment .comment-from .comment-expression a{float:left; }
.u-comment .comment-from .comment-expression a.sel-down {display:block;float:left;height:16px;margin-top:6px;padding-right:4px;width:6px;}
.u-comment .comment-from .comment-submit {float:right;padding-top:5px;}
.u-comment .comment-from .comment-submit input,.u-comment .comment-from .comment-submit label{ vertical-align:middle}
.u-com-list{margin-top:20px; }
.u-com-list .com-item{margin-top:10px;padding-bottom:10px; position:relative; overflow:hidden; zoom:1;border-bottom:1px solid #E4E4E4; }
.u-com-list .com-item .user-avatar{float:left; margin-right:10px;_margin-right:7px; }
.u-com-list .com-box{overflow:hidden; zoom:1}
.u-com-list .com-box p{ word-wrap: break-word; word-break: normal; padding-right:30px;}
.u-com-list .com-box p img{ vertical-align:middle}
.u-lists li{width:33%;float:left;height:100px;margin-bottom:10px;    }
.u-lists li .user-avatar{margin:0 auto; }

.u-com-list .com-item a.close{width:16px; height:16px;display:block; position:absolute; top:6px; right:6px; font-size:1px; line-height:16px; text-indent:-9999px;background-position: -4px -638px; overflow:hidden}
.u-com-list .com-item a.com-floor{position:absolute; top:3px; right:25px;}

.new-reg li{width: 78px;float:left;  }
.new-reg li span.u-name{display:block; text-align:center; line-height:18px; padding-top:6px; height:18px;font-family:\5b8b\4f53; overflow:hidden;word-wrap: break-word; word-break: normal; }
.new-reg li span.u-address{display:block; text-align:center; line-height:18px;height:18px;overflow:hidden;word-wrap: break-word; word-break: normal; color:#999999}
.new-reg a.close{width:16px; height:16px;display:block; position:absolute; top:5px; right:2px; font-size:1px; line-height:16px; text-indent:-9999px;background-position: -4px -638px; overflow:hidden}

.l-preview-msg{ border:#CDCDCD 1px solid; padding:10px; background-color:#F0F4F7}
.l-preview-msg h3{ border-bottom:1px #CDCDCD solid; padding-bottom:5px; margin-bottom:10px}
.l-preview-msg .user-avatar{ float:left; margin-right:10px}
.l-preview-msg .l-msg-info{ overflow:hidden; zoom:1}
.l-preview-msg .l-msg-info .msg-tit{ margin-bottom:10px}
.l-preview-msg .l-msg-info .l-msg-btn{ margin-top:10px}
.l-preview-msg .l-msg-info .application-info{ color:#7E7E7E}
.l-preview-msg .l-msg-info .l-user-msg{ margin-bottom:5px}

.header-no-login{padding-left:20px !important; width:970px !important;}

/*select-box*/
.select-box{border:1px solid #CDCDCD; position:absolute;}
.select-box ul li{cursor:pointer; line-height:22px; background:#fff; padding:0 3px; height:22px; overflow:hidden;}
.select-box ul li.on{background:#CFDDE3;}

/*small-cutpage*/
.small-cutpage{padding:10px 0; overflow:hidden; zoom:1; }
.small-cutpage a{width:5px; height:9px; float:left;line-height:9px; text-indent:-9999px; font-size:0; margin:0 5px;}
.small-cutpage a.up{background-position:left -1320px;}
.small-cutpage a.down{background-position:-11px -1320px;}

/*tab-nav-b*/
.tab-nav-b{margin-top:10px;}
.tab-nav-b-wrap{height:26px; float:left; background-position:-290px top; padding-left:5px;}
.tab-nav-b-wrap ul{height:26px; float:left; background-position:right top; padding-right:5px; padding-top:2px;}
.tab-nav-b li{float:left; height:22px; line-height:22px; padding-left:10px;}
.tab-nav-b li span{float:left; height:22px; line-height:22px; padding-right:10px; }
.tab-nav-b li.on{background-position:-690px -75px;}
.tab-nav-b li.on span{background-position:right -75px; color:#fff;}

/*map-box*/
.map-box{border:1px solid #CFDDE3; background:#F0F4F7;}
.map-box .map-box-title{padding:5px; overflow:hidden; zoom:1;}
.map-box .map-box-title span{float:left; margin:0 5px;}
.map-box .map-box-title span.right{float:right;}

.gift-image-small{width:100px; height:100px; position:relative; border:1px solid #ddd; overflow:hidden;}
.gift-image-small .gold-gift{position:absolute; width:45px; height:45px; left:0; top:0; z-index:100; text-indent:-9999px; background:url(http://css.sodao.com/home/img/giftv2-bg.png) -542px -209px no-repeat;;}