/****签到 ****/
.signPanl { background-image: url(Sign.png); _background-image: url(Sign.png); width: 425px; height: 474px; position: absolute; z-index: 1001; display: none; top: 40px; left: -230px; }
.signPanl .closeSign { width: 16px; height: 16px; overflow: hidden; float: right; display: inline; background: url(checkIn.png) 0px -90px; margin: 16px 10px 0px 0px; }
.signPanl .closeSign:hover { background-position: 0px -74px; }
.signPanl .dakadate { clear: both; height: 41px; padding: 9px 0 0 40px; width: 335px; }
.signPanl .dakadate .lastyear { width: 31px; height: 31px; overflow: hidden; float: left; background: url(checkIn.png) -32px -107px; margin-top: 5px; }
.signPanl .dakadate .nextyear { width: 31px; height: 31px; overflow: hidden; float: left; background: url(checkIn.png) 0px -107px; margin-top: 5px; }
.signPanl .dakadate .lastyear:hover { background: url(checkIn.png) -32px -139px; }
.signPanl .dakadate .nextyear:hover { background: url(checkIn.png) 0px -139px; }
.signPanl .dakadate .dakedatenow { font-family: 微软雅黑; color: #999999; float: left; font-size: 20px; font-weight: bold; height: 41px; line-height: 41px; text-align: center; width: 270px; }
.signPanl .dakadate .dakedatenow .year { font-family: Arial Black; }
.signPanl .dakadate .dakedatenow .moth { font-family: Arial Black; }
.signPanl .showdada { background-color: #cfedfa; margin-left: 32px; width: 358px; height: 357px; }
.signPanl .showdada .datetable { width: 358px; height: 256px; border-collapse: collapse; border: 1px solid white; }
.signPanl .showdada .datetable tr { overflow: hidden; width: 100px; height: 50px; border: 1px solid white; }
.signPanl .showdada .datetable .week td { color: White; font-size: 18px; font-family: 微软雅黑; background-color: #60c2ef; }
.signPanl .showdada .datetable tr td { width: 50px; height: 50px; position: relative; font-family: Tahoma; color: #60c2ef; font-size: 18px; font-weight: bold; line-height: 50px; text-align: center; border: 1px solid white; }
.signPanl .showdada .datetable tr .dakk { cursor: pointer; }
.signPanl .showdada .datetable .day td:hover { background-color: #7db300; color: White; }
.signPanl .showdada .datetable tr .onday { background: url(checkIn.png) -0px -202px; }
.signPanl .showdada .datetable tr .onday .dakaShow { position: relative; }
.signPanl .showdada .datetable tr .onday:hover { background: url(checkIn.png) -0px -252px; background-color: #7db300; }
/****签到浮动层****/

.dakamessage { position: absolute; z-index: 110; background-image: url(dakaback.png); width: 320px; height: 180px; }
.dakamessage .dakaprize { float: left; margin-left: 180px; margin-top: 80px; width: 100px; height: 30px; overflow: hidden; line-height: 30px; font-size: 25px; color: #EEA801; text-align: left; display: inline; }
.dakamessage .daka_date { float: left; margin-left: 180px; width: 90px; height: 40px; overflow: hidden; font-size: 18px; color: white; font-weight: bold; margin-top: 5px; display: inline; }

#userpanelBody { width: 100%; height: auto; /* background: url(bd02.jpg) no-repeat scroll center top transparent;*/ margin: 0 auto; min-width: 970px; position: relative; z-index: 1; }
/****标题+选项卡样式 ****/
#userpanelBody .topbar { width: 790px; height: auto; float: left; margin-left: 20px; display: inline; }
#userpanelBody .topbar .tabs { float: left; height: 35px; width: 790px; margin-top: 20px; background-color: #F3F3F3; }
#userpanelBody .topbar .tabs .menu0 { float: left; width: auto; height: 35px; }
#userpanelBody .topbar .tabs .menu0 li { float: left; width: 101px; height: 35px; }
#userpanelBody .topbar .tabs .menu0 li a { width: 101px; height: 35px; display: block; line-height: 35px; text-align: center; font-size: 14px; color: #444444; }
#userpanelBody .topbar .tabs .menu0 li.hover a { font-weight: bold; background-color: #ffffff; height: 34px; line-height: 34px; border-top: 2px solid #7DB300; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; }
#userpanelBody .topbar .tabs .tabsRight { float: right; width: 180px; _width: 250px; height: 35px; line-height: 35px; margin-right: 20px; display: inline; }
#userpanelBody .topbar .tabs .tabsRight input { float: left; width: auto; height: 35px; line-height: 35px; margin-left: 10px; display: inline; }
#userpanelBody .topbar .tabs .tabsRight label { float: left; width: auto; height: 35px; line-height: 35px; color: #737373; margin-left: 5px; display: inline; }


/****头部样式 ****/
.content { width: 970px; height: auto; margin: 0 auto; position: relative; }
.content .header { width: 970px; height: 134px; overflow: hidden; }
.content .header .welcome { width: 100%; height: 50px; overflow: hidden; float: left; color: #396DB1; font-family: 微软雅黑; font-size: 24px; line-height: 50px; }
.content .header .spaceurl { width: 100%; height: 30px; overflow: hidden; float: left; color: #ffffff; font-family: 微软雅黑; }
.content .header .spaceurl a { color: #ffffff; font-family: 微软雅黑; }

/****左边菜单栏 ****/
.content .userpanelMenu { float: left; width: 150px; height: auto; overflow: hidden; background: url("bd03.jpg") repeat-y; padding-bottom: 30px; }
.userpanelMenu .userInfo { float: left; width: 130px; height: auto; overflow: hidden; margin: 10px; display: inline; }
.userpanelMenu .userInfo .avatar { float: left; padding: 4px; border: 1px solid #DFE0E0; border-bottom: 0px; width: 120px; height: 120px; }
.userpanelMenu .userInfo .shadow { float: left; width: 130px; height: 7px; overflow: hidden; background: url("bd04.png") no-repeat; }
.userpanelMenu .userInfo .un { color: #0082cb; font-size: 14px; }
.userpanelMenu .userInfo .uInfo { float: left; margin-top: 5px; }
.userpanelMenu .userInfo .uInfo span { float: left; width: 42px; height: 34px; border-left: 1px solid #DFE0E0; text-align: center; }
.userpanelMenu .userInfo .uInfo span b { display: block; width: 42px; height: 17px; line-height: 17px; color: #444544; font-size: 14px; }
.userpanelMenu .userInfo .uInfo span c { display: block; width: 42px; height: 17px; line-height: 17px; color: #737272; }
.userpanelMenu .userInfo .uInfo .sF { border-left: 0; }
.userpanelMenu .userInfo .medalList { float: left; margin-top: 5px; }
.userpanelMenu .userInfo .medalList li { float: left; margin-left: 10px; width: 24px; height: 24px; overflow: hidden; display: inline; }
.userpanelMenu .userInfo .medalList li img { display: block; width: 24px; height: 24px; overflow: hidden; }
.userpanelMenu .userInfo .medalList li.liFisrt { margin-left: 0px; }
.userpanelMenu .menu { float: left; width: 150px; height: auto; overflow: hidden; margin: 5px 0 15px; }
.userpanelMenu .menu li { float: left; height: 22px; width: 130px; overflow: hidden; padding: 4px 10px; }
.userpanelMenu .menu .hover:hover { background-color: #DFE0E0; }
.userpanelMenu .menu a { float: left; padding-left: 30px; line-height: 22px; }
.m101 { background: url("uc.png") no-repeat left top; _background: url("uc.gif") no-repeat left top; }
.m102 { background: url("uc.png") no-repeat left -22px; _background: url("uc.gif") no-repeat left -22px; }
.m103 { background: url("uc.png") no-repeat left -44px; _background: url("uc.gif") no-repeat left -44px; }
.m104 { background: url("uc.png") no-repeat left -66px; _background: url("uc.gif") no-repeat left -66px; }
.m105 { background: url("uc.png") no-repeat left -88px; _background: url("uc.gif") no-repeat left -88px; }
.m106 { background: url("uc.png") no-repeat left -110px; _background: url("uc.gif") no-repeat left -110px; }
.m107 { background: url("uc.png") no-repeat left -132px; _background: url("uc.gif") no-repeat left -132px; }
.m108 { background: url("uc.png") no-repeat left -154px; _background: url("uc.gif") no-repeat left -154px; }
.m109 { background: url("uc.png") no-repeat left -176px; _background: url("uc.gif") no-repeat left -176px; }
.m110 { background: url("uc.png") no-repeat left -198px; _background: url("uc.gif") no-repeat left -198px; }
.m111 { background: url("uc.png") no-repeat left -220px; _background: url("uc.gif") no-repeat left -220px; }
.m112 { background: url("uc.png") no-repeat left -526px; _background: url("uc.gif") no-repeat left -526px; }
.m113 { background: url("uc.png") no-repeat left -484px; _background: url("uc.gif") no-repeat left -484px; }
.m114 { background: url("uc.png") no-repeat left -505px; _background: url("uc.gif") no-repeat left -505px; }
.m115{ background: url("uc.png") no-repeat left -613px; _background: url("uc.gif") no-repeat left -614px;}
.userpanelMenu .menu .focus { background-color: #ffffff; }
.userpanelMenu .menu .focus .m101 { background: url("uc.png") no-repeat left -242px; _background: url("uc.gif") no-repeat left 242px; }
.userpanelMenu .menu .focus .m102 { background: url("uc.png") no-repeat left -264px; _background: url("uc.gif") no-repeat left -264px; }
.userpanelMenu .menu .focus .m103 { background: url("uc.png") no-repeat left -286px; _background: url("uc.gif") no-repeat left -286px; }
.userpanelMenu .menu .focus .m104 { background: url("uc.png") no-repeat left -308px; _background: url("uc.gif") no-repeat left -308px; }
.userpanelMenu .menu .focus .m105 { background: url("uc.png") no-repeat left -330px; _background: url("uc.gif") no-repeat left -330px; }
.userpanelMenu .menu .focus .m106 { background: url("uc.png") no-repeat left -352px; _background: url("uc.gif") no-repeat left -352px; }
.userpanelMenu .menu .focus .m107 { background: url("uc.png") no-repeat left -374px; _background: url("uc.gif") no-repeat left -374px; }
.userpanelMenu .menu .focus .m108 { background: url("uc.png") no-repeat left -396px; _background: url("uc.gif") no-repeat left -396px; }
.userpanelMenu .menu .focus .m109 { background: url("uc.png") no-repeat left -418px; _background: url("uc.gif") no-repeat left -418px; }
.userpanelMenu .menu .focus .m110 { background: url("uc.png") no-repeat left -440px; _background: url("uc.gif") no-repeat left -440px; }
.userpanelMenu .menu .focus .m111 { background: url("uc.png") no-repeat left -462px; _background: url("uc.gif") no-repeat left -462px; }
.userpanelMenu .menu .focus .m112 { background: url("uc.png") no-repeat left -592px; _background: url("uc.gif") no-repeat left -592px; }
.userpanelMenu .menu .focus .m113 { background: url("uc.png") no-repeat left -550px; _background: url("uc.gif") no-repeat left -550px; }
.userpanelMenu .menu .focus .m114 { background: url("uc.png") no-repeat left -573px; _background: url("uc.gif") no-repeat left -573px; }

/****广告位 ****/
.rkrCp01 { float: left; width: 130px; height: 200px; margin-left: 10px; display: inline; overflow: hidden; }
.rkrCp02 { float: left; width: 260px; height: 50px; margin-left: 10px; display: inline; margin-top: 10px; overflow: hidden; }

/****右边内容部分 ****/
.content .mainbox { float: left; width: 820px; height: auto; overflow: hidden; background-color: #ffffff; }
.content .mainbox .main { float: left; width: 540px; height: auto; overflow: hidden; margin-top: 20px; }
.content .mainbox .mainRig { float: left; width: 280px; height: auto; margin-top: 20px; _overflow: hidden; }

.main { background-color: White; width: 820px; height: auto; float: left; margin-bottom: 30px; min-height: 800px; }

.main .showBlog { float: left; width: 480px; height: auto; margin-left: 30px; display: inline; }
.main .showBlog .title { float: left; width: 480px; height: 22px; overflow: hidden; margin-top: 10px; }
.main .showBlog .title .edUnfold { float: left; }
.main .showBlog .title .edUnfold a { float: left; color: #333333; font-weight: bold; width: auto; height: 23px; line-height: 23px; border-top: 2px solid #E0E0E0; }
.main .showBlog .title .edUnfold span { float: left; background: url(blog.jpg) no-repeat left -253px; width: 22px; height: 22px; }
.main .showBlog .title .squareInfo { float: left; margin-left: 10px; display: inline; }
.main .showBlog .title .squareInfo a { float: left; color: #666666; line-height: 29px; }
.main .showBlog .title .siUnfold span { margin-left: 17px; float: left; background: url(blog.jpg) no-repeat left -274px; width: 22px; height: 22px; }
.main .showBlog .title .siUnfold a { float: left; color: #333333; font-weight: bold; width: 370px; height: 20px; line-height: 20px; border-top: 2px solid #E0E0E0; }

/****侧边栏样式 ****/
.mainRig .checkIn { position: relative; float: left; width: 280px; height: 60px; background: #f5f5f5; }
.mainRig .checkIn .dateTime { color: #737272; font-size: 10px; text-align: center; float: left; width: 120px; }
.mainRig .checkIn .dateTime .week { float: left; display: block; width: 100%; font-size: 16px; font-family: "Microsoft YaHei"; padding-top: 13px; color: #737272; }
.mainRig .checkIn .dateTime .date { float: left; font-family: Arial; width: 30px; }
.mainRig .checkIn .dateTime .time { width: 48px; font-family: Arial Unicode MS; }
.mainRig .checkIn .notSign { font-size: 26px; font-family: "Microsoft YaHei"; text-decoration: none; line-height: 60px; color: #A7CB83; cursor: pointer; float: left; width: 74px; height: 100%; overflow: hidden; display: inline; }
.mainRig .checkIn .notSign:hover { color: #7EC436; }
.mainRig .checkIn .checked { font-size: 26px; font-family: "Microsoft YaHei"; text-decoration: none; line-height: 60px; color: #737272; cursor: pointer; float: left; width: 74px; height: 100%; overflow: hidden; display: inline; }
.mainRig .checkIn .dayNum { float: left; font-family: Arial; font-size: 40px; margin-left: 10px; display: inline; width: 45px; text-align: center; line-height: 60px; }
.mainRig .checkIn .dayNum .no { color: #737272; }
.mainRig .checkIn .dayNum .yes { color: #737272; }



.rkrHot { width: 280px; height: auto; overflow: hidden; margin-top: 10px; float: left; }
/****Rkanr  title ****/
.rkrTitle { width: auto; height: 25px; border-bottom: 1px solid #ddd; background: #eee; }
.rkrTitle em { float: left; width: 8px; height: 8px; overflow: hidden; background: #CC0000; margin: 9px 5px 0px 10px; display: inline; }
.rkrTitle span { float: left; width: auto; height: 25px; color: #323232; font: 700 14px Arial, Helvetica, sans-serif; line-height: 26px; vertical-align: middle; }
.rkrTitle .rkrtop { float: right; color: #666; font-size: 12px; margin-top: 4px; width: auto; height: 16px; overflow: hidden; padding-right: 10px; }
.rkrTitle .rkrtop b, .rkrTitle .rkrtop i { display: inline-block; width: 16px; height: 16px; overflow: hidden; }
.rkrTitle .rkrtop b { background-position: 0 -24px; }
.rkrTitle .rkrtop i { padding-left: 4px; width: auto; font-style: normal; }
.rkrboxTitle { width: auto; height: 29px; overflow: hidden; }
.rkrboxTitle .rkrboxTInfo { float: left; width: 664px; height: 26px; border-bottom: 3px solid #ddd; overflow: hidden; }
.rkrboxTitle em { float: left; width: 6px; height: 29px; overflow: hidden; background-position: -118px 1px; }

/****首页侧边栏－今日热点 start ****/
.rkrHotC { width: 280px; height: auto; overflow: hidden; margin-top: 6px; }
.rkrHotC .hotitem { float: left; width: 260px; height: auto; padding: 0 10px; overflow: hidden; margin-top: 9px; }
.rkrHotC .rkrCp { float: left; width: 280px; height: auto; overflow: hidden; margin-top: 9px; }
.rkricon, .rkrboxTitle em, .ico-Article, .ico-Movie, .ico-Video, .ico-Gallery, .rkrtop b { background: url(rkr_icon.jpg) no-repeat; }
/****文字列表  class="rkrTemlate201" templateid="201"  ****/
.rkrTemlate201 li a { font: 12px/22px Arial, Helvetica, sans-serif; }
.rkrTemlate201 li em { color: #676767; font-style: normal; }
.rkrTemlate201 li { float: left; width: 260px; height: 22px; overflow: hidden; }
.rkrTemlate201 li .rkricon { float: left; width: 35px; height: 23px; overflow: hidden; background-position: 0px 0px; color: #9C0015; padding-left: 6px; line-height: 23px; }
.rkrTemlate201 .hotFrist { height: 28px; overflow: hidden; }
.rkrTemlate201 .hotFrist a { float: left; padding-left: 4px; font: 700 14px/24px Arial, Helvetica, sans-serif; color: #343434; white-space: normal; width: 215px; overflow: hidden; }

/****文字列表  class="rkrTemlate202" templateid="202" ****/
.rkrTemlate202 { float: right; width: auto; max-width: 460px; overflow: hidden; }
.rkrTemlate202 a { padding: 0px 2px; line-height: 26px; color: #999999; float: left; display: block; }
.rkrTemlate202 a:hover { color: #1F366A; }
.rkrTemlate202 .rkrMore { color: #666; background: url("red.png") no-repeat scroll center center transparent; margin-right: -25px; width: 60px; display: inline; }
.rkrTemlate202 .rkrMore i { background: url("red.png") no-repeat scroll center center transparent; display: none; float: right; height: 24px; line-height: 24px; width: 10px; }

/****文字列表 class="rkrTemlate203" templateid="203" ****/
.rkrTemlate203 { float: left; width: auto; height: auto; overflow: hidden; margin-top: 10px; }
.rkrTemlate203 li { float: left; width: 260px; height: auto; overflow: hidden; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; margin-left: 10px; display: inline; }
.rkrTemlate203 li em { color: #323232; text-indent: 0em; font-style: normal; }



/****第一种内容切换：鼠标移到标题上，内容跟着变化 ****/
.rkritemTab { float: left; width: 280px; height: auto; overflow: hidden; margin-top: 10px; }
.rkritemTab .tabTitle { float: left; width: 278px; height: 28px; overflow: hidden; position: relative; z-index: 99; border: 1px solid #ddd; border-top: 0px; border-bottom: 0px; }
.rkritemTab .tabTitle li { cursor: pointer; float: left; width: 45px; height: 28px; border-right: 1px solid #ddd; line-height: 28px; color: #666666; font-family: "宋体"; font-size: 12px; text-align: center; padding-top: 1px; }
.rkritemTab .tabTitle li.lastCom { cursor: default; width: auto; overflow: hidden; border-right: 0px; float: right; padding-right: 10px; }
.rkritemTab .tabTitle .last { border-right: 0px; width: 49px; }
.rkritemTab .tabTitle .last.hover { height: 29px; width: 48px; color: #E7001F; background-color: white; }
.rkritemTab .tabTitle .last:hover { height: 29px; width: 48px; color: #E7001F; background-color: white; }
.rkritemTab .tabTitle li.hover { height: 29px; width: 44px; color: #E7001F; background-color: white; }
.rkritemTab .rkrtabBox { float: left; width: 280px; height: auto; overflow: hidden; border-top: 1px solid #ddd; position: relative; top: -1px; }

/**** 大家正在做和精彩影评 ****/
.mpWeDoList { width: 280px; height: 240px; overflow: hidden; }
#dynamicList { width: 280px; height: 440px; float: left; position: relative; overflow: hidden; }
#dynamicTop { width: 280px; margin: 0px auto 0pt; }
.dynamic { width: 260px; height: auto; overflow: hidden; padding: 0 10px; position: relative; margin-top: 18px; }
.dynamic .heroPic { float: left; width: 48px; height: 48px; overflow: hidden; border: 1px solid #CDCDCD; border-radius: 5px; }
.dynamic .headimg { display: block; border-radius: 8px; width: 46px; height: 46px; padding: 1px; overflow: hidden; }
.dynamic .dTime { width: 200px; height: 20px; overflow: hidden; padding-left: 8px; }
.dynamic .dTime a { float: left; width: 80px; overflow: hidden; color: #1F376D; height: auto; text-decoration: none; border: 0px; white-space: nowrap; }
.dynamic .dTime .dynamicTime { float: right; width: 80px; overflow: hidden; color: #999999; }
.dynamic .contents { width: 209px; height: auto; overflow: hidden; float: right; }
.dynamic .sysMsg { color: #666666; float: left; width: 184px; min-height: 20px; max-height: 40px; padding: 5px 6px 5px 8px; position: relative; box-shadow: 1px 2px 3px #EDEAEA; border: 1px solid #CDCDCD; border-radius: 4px; margin-left: 8px; display: inline; line-height: 1.75em; }
.dynamic .sysMsg a { color: #1F376D; }
.dynamic .sysMessage { color: #666666; float: left; font-size: 12px; text-align: left; min-height: 20px; max-height: 40px; width: 184px; word-wrap: break-word; overflow: hidden; }
.dynamic .fillet-border { position: absolute; left: -9px; top: 8px; overflow: hidden; width: 0; height: 0; border-width: 5px; border-style: dashed solid dashed dashed; }
.dynamic .tb-bground { left: -10px; top: 8px; border-color: transparent #CDCDCD transparent transparent; }
.dynamic .tb-border { border-color: transparent white transparent transparent; }
.dynamicCover { background-image: url("Cover.png"); bottom: 0; height: 45px; pointer-events: none; position: absolute; width: 260px; left: 10px; overflow: hidden; }



.mainRig .hotTopic { float: left; width: 260px; height: auto; overflow: hidden; margin: 15px 10px 10px; }
.hotTopic .title { float: left; width: 260px; height: 30px; overflow: hidden; }
.hotTopic .title .txt { float: left; color: #333333; font-family: 微软雅黑; font-size: 14px; height: 17px; width: 60px; margin-top: 13px; }
.hotTopic .title .change { float: right; width: 71px; height: 30px; background: url("homeImg.jpg") no-repeat left -135px; }
.hotTopic .title .change:hover { background: url("homeImg.jpg") no-repeat left -203px; }
.hotTopic .title .beeline { float: right; width: 104px; height: 30px; background: url("bd06.jpg") repeat-x; }
.hotTopic .title .tiltedLine { float: right; width: 20px; height: 30px; background: url("homeImg.jpg") no-repeat left -165px; }
.hotTopic .webTopic { float: left; width: 260px; height: auto; overflow: hidden; margin-top: 15px; }
.hotTopic .webTopic li { float: left; width: 260px; height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hotTopic .webTopic a { float: left; color: #368ACF; height: 28px; line-height: 28px; }
.hotTopic .webTopic a:hover { text-decoration: underline; }
.hotTopic .webTopic .show { position: relative; }
.hotTopic .webTopic .show a { width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hotTopic .webTopic span { float: left; color: #A1A1A1; height: 28px; line-height: 28px; }
.hotTopic .webTopic .show .summary { float: left; width: 258px; height: 48px; border: 1px solid #D0D0D0; }
.hotTopic .webTopic .show .summary p { float: left; width: 248px; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; color: #737373; }
.hotTopic .webTopic .show .summary .num { color: #A1A1A1; }
.hotTopic .webTopic .jianjiao { width: 8px; height: 8px; position: absolute; top: 21px; background: url("homeImg.jpg") no-repeat left -195px; }
.hotTopic .more { float: left; text-align: right; width: 260px; color: #D0D0D0; height: 28px; line-height: 28px; }

.mainRig .interestFolk { float: left; width: 260px; height: auto; overflow: hidden; margin: 0 10px 10px; }
.interestFolk .title { float: left; width: 260px; height: 30px; overflow: hidden; }
.interestFolk .title .txt { float: left; color: #333333; font-family: 微软雅黑; font-size: 14px; height: 17px; margin-top: 13px; }
.interestFolk .title .change { float: right; width: 71px; height: 30px; background: url("homeImg.jpg") no-repeat left -135px; }
.interestFolk .title .change:hover { background: url("homeImg.jpg") no-repeat left -203px; }
.interestFolk .title .beeline { float: right; width: 60px; height: 30px; background: url("bd06.jpg") repeat-x; }
.interestFolk .title .tiltedLine { float: right; width: 20px; height: 30px; background: url("homeImg.jpg") no-repeat left -165px; }
.interestFolk .interestInfo { float: left; width: 260px; height: auto; overflow: hidden; margin-top: 5px; }
.interestFolk .interestInfo li { float: left; width: 260px; height: auto; overflow: hidden; margin-top: 10px; position: relative; }
.interestFolk .interestInfo .heroPic { float: left; width: 50px; height: 50px; overflow: hidden; }
.interestFolk .interestInfo .heroPic img { float: left; width: 50px; height: 50px; overflow: hidden; border-radius: 5px 5px 5px 5px; }
.interestFolk .interestInfo .uInfo { float: left; margin-left: 5px; width: 147px; height: 50px; overflow: hidden; }
.interestFolk .interestInfo .uInfo .uName { float: left; width: 147px; height: 17px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #737373; }
.interestFolk .interestInfo .uInfo .secoAtte { float: left; width: 147px; height: 33px; line-height: 33px; color: #368ACF; }
.interestFolk .interestInfo .uInfo .secoAtte span { float: left; }
.interestFolk .interestInfo .uInfo .secoAtte .arrowUp { background: url("homeImg.jpg") no-repeat -7px -244px; width: 7px; height: 4px; margin-top: 14px; margin-left: 5px; display: inline; }
.interestFolk .interestInfo .uInfo .secoAtte .arrowDown { background: url("homeImg.jpg") no-repeat left -244px; width: 7px; height: 4px; margin-top: 14px; margin-left: 5px; display: inline; }
.interestFolk .interestInfo .btn { float: left; margin-left: 5px; width: 53px; height: 50px; overflow: hidden; }
.interestFolk .interestInfo .btn .close { float: left; width: 12px; height: 11px; background: url("homeImg.jpg") no-repeat left -233px; margin-left: 41px; }
.interestFolk .interestInfo .btn .close:hover { background: url("homeImg.jpg") no-repeat -11px -233px; }
.interestFolk .interestInfo .btn .attention { float: left; height: 20px; width: 53px; background: url("homeImg.jpg") no-repeat left -95px; margin-top: 30px; }
.interestFolk .interestInfo .btn .attention:hover { background: url("homeImg.jpg") no-repeat left -115px; }
.interestFolk .interestInfo .show { float: left; width: 248px; height: auto; border: 1px solid #D0D0D0; line-height: 24px; padding: 0 5px; color: #737373; margin-top: 10px; }
.interestFolk .interestInfo .show a { color: #368ACF; }
.interestFolk .interestInfo .show a:hover { text-decoration: underline; }
.interestFolk .interestInfo .jianjiao { width: 8px; height: 8px; position: absolute; top: 53px; background: url("homeImg.jpg") no-repeat left -195px; }

.mainRig .hotUser { float: left; width: 260px; height: auto; overflow: hidden; margin: 10px 10px; }
.hotUser .title { float: left; width: 260px; height: 30px; overflow: hidden; }
.hotUser .title .txt { float: left; color: #333333; font-family: 微软雅黑; font-size: 14px; height: 17px; margin-top: 13px; }
.hotUser .title .change { float: right; width: 71px; height: 30px; background: url("homeImg.jpg") no-repeat left -135px; }
.hotUser .title .change:hover { background: url("homeImg.jpg") no-repeat left -203px; }
.hotUser .title .beeline { float: right; width: 106px; height: 30px; background: url("bd06.jpg") repeat-x; }
.hotUser .title .tiltedLine { float: right; width: 20px; height: 30px; background: url("homeImg.jpg") no-repeat left -165px; }
.hotUser .userList { float: left; width: 260px; height: auto; overflow: hidden; margin-top: 5px; }
.hotUser .userList li { float: left; width: 130px; height: 50px; margin-top: 10px; overflow: hidden; }
.hotUser .userList .heroPic { float: left; width: 50px; height: 50px; overflow: hidden; }
.hotUser .userList .heroPic img { float: left; width: 50px; height: 50px; overflow: hidden; border-radius: 5px 5px 5px 5px; }
.hotUser .userList .uInfo { float: left; margin-left: 5px; width: 70px; height: 50px; overflow: hidden; }
.hotUser .userList .uInfo .uName { float: left; width: 70px; height: 17px; line-height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #368ACF; }
.hotUser .userList .uInfo .fansNum { float: left; width: 70px; height: 33px; line-height: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #A1A1A1; }
.hotUser .userList .uInfo .attention { float: left; height: 20px; width: 53px; background: url("homeImg.jpg") no-repeat left -115px; margin-top: 6px; }

.mainRig .playGames { float: left; width: 260px; height: auto; overflow: hidden; margin: 10px 10px 30px; }
.playGames .title { float: left; width: 260px; height: 30px; overflow: hidden; }
.playGames .title .txt { float: left; color: #333333; font-family: 微软雅黑; font-size: 14px; height: 17px; margin-top: 13px; }
.playGames .title .change { float: right; width: 71px; height: 30px; background: url("homeImg.jpg") no-repeat left -135px; }
.playGames .title .change:hover { background: url("homeImg.jpg") no-repeat left -203px; }
.playGames .title .beeline { float: right; width: 75px; height: 30px; background: url("bd06.jpg") repeat-x; }
.playGames .title .tiltedLine { float: right; width: 20px; height: 30px; background: url("homeImg.jpg") no-repeat left -165px; }
.playGames .more { float: left; text-align: right; width: 260px; color: #D0D0D0; height: 28px; line-height: 28px; }
.playGames .gamesList { float: left; width: 260px; height: 153px; overflow: hidden; }
/****正在玩的游戏 class="rkrTemlate228" templateid="228" ****/
.rkrTemlate228 { float: left; width: 260px; height: auto; overflow: hidden; margin-top: 5px; }
.rkrTemlate228 li { float: left; width: 130px; height: 64px; margin-top: 10px; overflow: hidden; }
.rkrTemlate228 .gamesPic { float: left; width: 64px; height: 64px; overflow: hidden; }
.rkrTemlate228 .gamesPic img { float: left; width: 64px; height: 64px; overflow: hidden; border-radius: 5px 5px 5px 5px; }
.rkrTemlate228 .gamesInfo { float: left; margin-left: 5px; width: 61px; height: 50px; overflow: hidden; }
.rkrTemlate228 .gamesInfo .gName { float: left; width: 61px; height: 16px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #368ACF; }
.rkrTemlate228 .gamesInfo .playNum { float: left; width: 61px; height: 34px; line-height: 17px; overflow: hidden; color: #A1A1A1; }
.rkrTemlate228 .gamesInfo .playing { float: left; height: 20px; width: 53px; background: url("homeImg.jpg") no-repeat left -248px; margin-top: 6px; }

/****所有提示框共有的样式 ****/
.popUpBox { border: 4px solid #BDBDBD; border-radius: 5px 5px 5px 5px; background-color: #ffffff; position: absolute; z-index: 111111111; }
.popUpBox .divTitle { float: left; border-bottom: 1px solid #E0E0E0; background-color: #efefef; height: 30px; width: 100%; }
.popUpBox .close { float: right; background: url("panel.gif") no-repeat left -153px; width: 10px; height: 10px; margin-right: 12px; margin-top: 10px; display: inline; }
.popUpBox .close:hover { background: url("panel.gif") no-repeat left -163px; }
.popUpBox .divContent { cursor: default; }
.popUpBox .pwdRetrieve { float: left; margin-left: 30px; margin-top: 30px; width: auto; height: auto; overflow: hidden; display: inline; }
.popUpBox .pwdRetrieve p { float: left; font-size: 14px; background: url("panel.gif") no-repeat left -96px; color: #737373; padding-left: 40px; height: 28px; line-height: 28px; font-weight: bold; }
.popUpBox .pwdRetrieve p span { font-size: 12px; font-weight: lighter; }
.popUpBox .pwdRetrieve .inputContent { float: left; padding-left: 40px; margin-top: 15px; }
.popUpBox .pwdRetrieve .inputContent a { float: left; width: 50px; height: 24px; background: url("panel.gif") no-repeat left top; margin-left: 8px; margin-top: 4px; display: inline; }
.popUpBox .pwdRetrieve .inputContent a:hover { background: url("panel.gif") no-repeat left -24px; }
.popUpBox .pwdRetrieve .inputContent input { float: left; width: auto; height: 28px; border: 1px solid #E0E0E0; color: #a1a1a1; font-size: 14px; background-color: #ffffff; }
.popUpBox .pwdRetrieve .errorPoint { float: left; height: 28px; width: auto; border: 1px solid #F0C150; padding: 0 6px; margin-top: 15px; }
.popUpBox .pwdRetrieve .errorPoint font { float: left; background: url("panel.gif") no-repeat left -190px; padding-left: 21px; line-height: 17px; margin-top: 5px; color: #737373; }

/****所有消息框共有的样式 ****/
.informationPanel { width: auto; height: 45px; border: 1px solid #D0D0D0; background-color: #ffffff; overflow: hidden; border-radius: 5px 5px 5px 5px; position: absolute; z-index: 111111111; background: #ffffff url("pbd01.jpg") repeat-x; }

/****是否删除面板的样式 ****/
.isDeleteDiv { width: 300px; height: 143px; overflow: hidden; }
.isDeleteDiv .divContent { float: left; margin-left: 15px; margin-top: 10px; width: 270px; height: auto; min-height: 50px; border-bottom: 1px dashed #E0E0E0; overflow: hidden; display: inline; }
.isDeleteDiv .divContent span { float: left; width: 30px; height: 28px; background: url("panel.gif") no-repeat left -96px; }
.isDeleteDiv .divContent p { float: left; width: 220px; height: auto; line-height: 28px; margin-left: 10px; font-size: 14px; color: #666666; font-weight: bold; display: inline; }
.isDeleteDiv .divClick { float: left; width: 300px; height: 40px; overflow: hidden; margin-top: 10px; }
.isDeleteDiv .divClick .btnDetermine { float: right; margin-right: 10px; display: inline; width: 50px; height: 24px; border: 0px; background-color: transparent; background: url("panel.gif") no-repeat left top; cursor: pointer; }
.isDeleteDiv .divClick .btnDetermine:hover { background: url("panel.gif") no-repeat left -24px; }
.isDeleteDiv .divClick .btnCancel { float: right; margin-right: 10px; display: inline; width: 50px; height: 24px; border: 0px; background-color: transparent; background: url("panel.gif") no-repeat left -48px; cursor: pointer; }
.isDeleteDiv .divClick .btnCancel:hover { background: url("panel.gif") no-repeat left -72px; }

/****操作成功样式 ****/
.operateSuccess p { float: left; width: auto; height: 28px; line-height: 28px; padding-left: 40px; padding-right: 15px; margin-top: 10px; margin-left: 10px; background: url("panel.gif") no-repeat left -124px; font-size: 14px; color: #666666; font-weight: bold; display: inline; }
/****操作失败样式 ****/
.operateFailure p { float: left; width: auto; height: 28px; line-height: 28px; padding-left: 40px; padding-right: 15px; margin-top: 10px; margin-left: 10px; background: url("panel.gif") no-repeat left -209px; font-size: 14px; color: #666666; font-weight: bold; display: inline; }
/****纯文字消息样式 ****/
.textMessages p { width: auto; height: 45px; padding: 0 20px; line-height: 45px; font-size: 14px; color: #666666; font-weight: bold; text-align: center; }

/****创建或修改用户自定义的分类 ****/
.updateCateDiv { width: 300px; height: 143px; overflow: hidden; }
.updateCateDiv .divContent { float: left; margin-left: 15px; margin-top: 10px; width: 270px; height: 57px; overflow: hidden; display: inline; }
.updateCateDiv .divContent p { float: left; font-size: 14px; color: #666666; height: 26px; line-height: 26px; }
.updateCateDiv .divContent input { float: left; width: 268px; height: 28px; border: 1px solid #E0E0E0; color: #a1a1a1; font-size: 14px; line-height: 28px; }
.updateCateDiv .divClick { float: left; width: 300px; height: 40px; overflow: hidden; margin-top: 10px; }
.updateCateDiv .divClick .info { float: left; margin-left: 15px; display: inline; color: #444444; padding-left: 21px; line-height: 17px; }
.updateCateDiv .divClick .warn { background: url("panel.gif") no-repeat left -173px; }
.updateCateDiv .divClick .wrong { background: url("panel.gif") no-repeat left -190px; }
.updateCateDiv .divClick .btnSubmit { float: right; margin-right: 10px; display: inline; width: 50px; height: 24px; border: 0px; background-color: transparent; background: url("panel.gif") no-repeat left top; cursor: pointer; }
.updateCateDiv .divClick .btnSubmit:hover { background: url("panel.gif") no-repeat left -24px; }
.updateCateDiv .divClick .btnCancel { float: right; margin-right: 10px; display: inline; width: 50px; height: 24px; border: 0px; background-color: transparent; background: url("panel.gif") no-repeat left -48px; cursor: pointer; }
.updateCateDiv .divClick .btnCancel:hover { background: url("panel.gif") no-repeat left -72px; }

/****遮罩层 ****/
#dialogDiv { z-index: 1001; position: fixed; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; background-color: #000000; width: 100%; zoom: 1; height: 100%; top: 0px; left: 0px; }

/****手机找回 ****/
.mobileRetrieve { width: 350px; height: 240px; overflow: hidden; }
.mobileRetrieve .pwdRetrieve { width: 320px; height: 180px; }
.mobileRetrieve .pwdRetrieve .mobilePhone input { width: 148px; }
.mobileRetrieve .pwdRetrieve .mobilePhone .getVerificationCode { float: left; color: #3790CF; cursor: pointer; height: 14px; margin-top: 10px; margin-left: 10px; }
.mobileRetrieve .pwdRetrieve .mobilePhone .getVerificationCode:hover { text-decoration: underline; }
.mobileRetrieve .pwdRetrieve .verificationCode input { width: 88px; }
.mobileRetrieve .pwdRetrieve .mobilePhone .errorPoint { float: left; margin-top: 10px; margin-left: 4px; color: #C9001B; border: 0px; height: 14px; }

/****邮箱找回 ****/
.emailRetrieve { width: 350px; height: 200px; overflow: hidden; }
.emailRetrieve .pwdRetrieve { width: 230px; height: 140px; }
.emailRetrieve .pwdRetrieve .inputContent input { width: 188px; }
.emailRetrieve .pwdRetrieve .inputContent a { float: right; margin-top: 20px; }

/****密保找回 ****/
.secretSecurityRetrieve { width: 350px; height: 240px; overflow: hidden; }
.secretSecurityRetrieve .pwdRetrieve { width: 320px; height: 180px; }
.secretSecurityRetrieve .pwdRetrieve .inputContent .encryptQA { width: 188px; }
.secretSecurityRetrieve .pwdRetrieve .inputContent .encryptCode { width: 114px; margin-top: 15px; }
.secretSecurityRetrieve .pwdRetrieve .inputContent a { margin: 19px 0 4px 8px; }

/****分页控件 ****/
.pagesContents { float: left; margin-top: 20px; width: 790px; height: 27px; overflow: hidden; }
.pagesContents .pageCount { float: right; margin-top: 14px; color: #A1A1A1; margin-right: 10px; display: inline; }
.pagesContents .page { float: right; }
.pagesContents .page a { float: left; font-weight: bold; margin-left: 5px; background: url(btnbd01.jpg) repeat-x; border: 1px solid #d0d0d0; height: 25px; line-height: 25px; width: auto; border-radius: 3px 3px 3px 3px; padding: 0 10px; color: #444444; display: inline; }
.pagesContents .page a:hover { border: 1px solid #737373; }
.pagesContents .page strong { float: left; background-color: #78A400; height: 27px; padding: 0 10px; line-height: 27px; color: #ffffff; border-radius: 3px 3px 3px 3px; font-weight: bold; margin-left: 5px; display: inline; }

/****分页控件 ****/
.showBlog .pagesContents { float: left; margin-top: 20px; width: 480px; height: 27px; overflow: hidden; }
.showBlog .pagesContents .pageCount { float: right; margin-top: 14px; color: #A1A1A1; margin-right: 10px; display: inline; }
.showBlog .pagesContents .page { float: right; }
.showBlog .pagesContents .page a { float: left; font-weight: bold; margin-left: 5px; background: url(btnbd01.jpg) repeat-x; border: 1px solid #d0d0d0; height: 25px; line-height: 25px; width: auto; border-radius: 3px 3px 3px 3px; padding: 0 10px; color: #444444; display: inline; }
.showBlog .pagesContents .page a:hover { border: 1px solid #737373; }
.showBlog .pagesContents .page strong { float: left; background-color: #78A400; height: 27px; padding: 0 10px; line-height: 27px; color: #ffffff; border-radius: 3px 3px 3px 3px; font-weight: bold; margin-left: 5px; display: inline; }


/****弹出框 ****/
.messagesFrame { border: 4px solid #b7b7b7; border-radius: 5px 5px 5px 5px; width: auto; height: auto; position: fixed; z-index: 101; top: 30%; left: 30%; }
.messagesFrame .frameHead { width: 100%; height: 31px; border-bottom: 1px solid #dddddd; background-color: #eeeeee; }
.messagesFrame .frameHead a { background: url(frameClose.png) no-repeat 0px -10px; float: right; width: 10px; height: 10px; display: inline; margin: 10px 12px 0px 0px; }
.messagesFrame .frameHead a:hover { background-position: 0px 0px; }

.messagesFrame .frameContent { background: url("warn.png") no-repeat scroll 0 0 white; display: inline; float: left; height: 100%; padding-bottom: 10px; width: 100%; }
.messagesFrame .frameContent .mobileCodeMessages { color: #666666; display: inline; float: left; font-size: 14px; font-weight: bold; margin-left: 53px; margin-top: 10px; width: 247px; }
.messagesFrame .frameContent .mobileCode { border: 1px solid #DDDDDD; clear: both; color: #999999; display: inline; float: left; font-size: 14px; height: 28px; line-height: 28px; margin-bottom: 10px; margin-left: 53px; margin-top: 10px; text-align: center; width: 101px; }
.messagesFrame .frameContent .bindbtn { background-color: #4FB2E7; border: 1px solid #4C92C8; border-radius: 5px 5px 5px 5px; color: white; display: inline; float: left; height: 22px; line-height: 22px; margin-left: 10px; margin-top: 13px; text-align: center; width: auto; padding: 0 5px; }
.messagesFrame .frameContent .bindbtn:hover { background-color: #6cc2ef; }
.messagesFrame .frameContent .maxTime { color: Red; display: none; float: left; height: 22px; width: 48px; line-height: 22px; margin-left: 10px; margin-top: 13px; text-align: center; }

/****上传头像 ****/
.upHeadImg { border: 4px solid #b7b7b7; border-radius: 5px 5px 5px 5px; width: auto; height: auto; position: fixed; z-index: 101; top: 20%; left: 30%; display: none; }

.upHeadImg .frameHead { height: 31px; border-bottom: 1px solid #dddddd; background-color: #eeeeee; line-height: 31px; color: #333333; font-family: 微软雅黑; padding-left: 20px; }
.upHeadImg .frameHead a { background: url(frameClose.png) no-repeat 0px -10px; float: right; width: 10px; height: 10px; display: inline; margin: 10px 12px 0px 0px; }
.upHeadImg .frameHead a:hover { background-position: 0px 0px; }
.upHeadImg .frameContent { background-color: white; display: inline; float: left; height: 100%; padding-bottom: 10px; padding: 26px 40px; }
.upHeadImg .frameContent .headContent { width: 350px; }
.upHeadImg .frameContent h4 { color: #0088cb; font-size: 14px; }
.upHeadImg .frameContent .upFile .updateImg { display: none; }
.upHeadImg .frameContent .userHeadImg { padding: 20px 0px; width: 329px; height: 139px; }
.upHeadImg .frameContent .userHeadImg li { float: left; display: inline; }
.upHeadImg .frameContent .userHeadImg li span { margin-top: 8px; color: #999999; font-size: 12px; float: left; display: inline; text-align: center; width: 100%; }
.upHeadImg .frameContent .userHeadImg .li1 { width: 120px; height: auto; }
.upHeadImg .frameContent .userHeadImg .li2 { width: 50px; height: auto; margin-top: 70px; margin-left: 20px; }
.upHeadImg .frameContent .userHeadImg .li3 { width: 36px; height: auto; margin-top: 90px; margin-left: 20px; }
.upHeadImg .frameContent .userHeadImg .maxHeadImg { width: 120px; height: 120px; }
.upHeadImg .frameContent .userHeadImg .HeadImg { width: 50px; height: 50px; }
.upHeadImg .frameContent .userHeadImg .minHeadImg { width: 30px; height: 30px; margin: 0px 3px; float: left; }
.upHeadImg .frameContent .ajaxuploadplugin { margin-top: 8px; height: 30px; }
.upHeadImg .frameContent .ajaxuploadplugin .ajaxuploadplugin_txtfilename { width: 268px; height: 28px; border: 1px solid #dddddd; }
.upHeadImg .frameContent .ajaxuploadplugin .ajaxuploadplugin_btnupload { width: 48px; height: 22px; overflow: hidden; line-height: 22px; border: 1px solid #dddddd; background-color: #eeeeee; margin-top: 2px; }
.upHeadImg .frameContent .ajaxuploadplugin .thumb { display: none; }
.upHeadImg .frameContent .imgCont { clear: both; margin: 10px 0px 20px; color: #999999; float: left; display: inline; }
.upHeadImg .frameContent .imgList #userImgList { float: left; display: inline; margin-top: 10px; width: 177px; height: 23px; border: 1px solid #7f9db9; }
.upHeadImg .frameContent .saveHead { float: right; display: inline; background-color: #4FB2E7; border: 1px solid #4C92C8; border-radius: 5px 5px 5px 5px; color: white; height: 22px; line-height: 22px; margin-left: 10px; margin-top: 13px; text-align: center; width: 48px; }
.upHeadImg .frameContent .saveHead:hover { background-color: #6cc2ef; }
.upHeadImg .frameContent .userImgList { width: 400px; height: 344px; overflow-x: hidden; overflow-y: auto; float: left; display: inline; }
.upHeadImg .frameContent .userImgList li { float: left; display: inline; width: 84px; height: 94px; margin-left: 10px; overflow: hidden; }
.upHeadImg .frameContent .userImgList li img { overflow: hidden; width: 84px; height: 84px; border: 1px solid #dddddd; padding: 1px; }
/****相册图片列表 ****/
.userImgListShow { width: 340px; height: 280px; overflow-y: scroll; overflow-x: hidden; display: none; }
.userImgListShow li { width: 80px; height: 80px; padding: 2px; border: 1px solid #dddddd; float: left; display: inline; margin-left: 20px; margin-top: 10px; }
.userImgListShow li img { cursor: pointer; width: 80px; height: 80px; overflow: hidden; }

/****上传头像编辑 ****/
.slicingImg { width: 340px; height: 407px; overflow: hidden; }
.slicingImg .slicingImgHead { width: 340px; text-align: right; float: left; display: inline; color: #080101; font-size: 14px; height: 14px; overflow: hidden; line-height: 14px; color: #0088cb; }
.slicingImg .slicingImgPanel { float: left; display: inline; width: 338px; height: 338px; border: 1px solid #eeeeee; margin-top: 15px; overflow: hidden; }
.slicingImg .slicingImgAction { float: left; width: 340px; display: inline; height: 24px; margin-top: 13px; }
.slicingImg .slicingImgAction .slicingSure { cursor: pointer; border: none; margin-left: 100px; background: url(panel.gif) no-repeat 0px 0px; width: 50px; height: 24px; float: left; display: inline; overflow: hidden; }
.slicingImg .slicingImgAction .slicingSure:hover { background-position: 0px -24px; }
.slicingImg .slicingImgAction .slicingCancel { cursor: pointer; margin-left: 10px; background: url(panel.gif) no-repeat 0px -48px; width: 50px; height: 24px; float: left; display: inline; overflow: hidden; }
.slicingImg .slicingImgAction .slicingCancel:hover { background-position: 0px -72px; }
.floatPanel { position: relative; float: left; width: 400px; display: inline; z-index: 101; }
/*表情****/
.wbPhizLayer, .wbImgLayer { top: -10px; position: absolute; -moz-border-radius: 4px; -webkit-border-radius: 4px; z-index: 9999; color: #666; }
.wbPhizLayer .bg, .wbImgLayer .bg { float: left; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: url(/Content/image/HuaTi/layer_bg.png) repeat; }
.wbPhizLayer .wbImgIcons, .wbImgLayer .wbImgIcons { width: 16px; height: 11px; top: 6px; left: 20px; background: url("/Content/image/HuaTi/layerJiao.png") no-repeat; _background: url("/Content/image/HuaTi/layerJiao.gif") no-repeat; position: relative; }
.wbPhizLayer .bg .layoutContent { float: left; background: white; border: 1px solid #C6C6C6; border-radius: 3px; width: 390px; }
.wbPhizLayer .bg .layoutContent .title { float: left; margin-left: 8px; width: 376px; height: 22px; overflow: hidden; margin-top: 6px; display: inline; }
.wbPhizLayer .bg .layoutContent .title span { float: left; width: 44px; height: 22px; background-color: #E8E8E8; color: #333333; text-align: center; line-height: 22px; }
.wbPhizLayer .bg .layoutContent .title a { float: right; background: url("/Content/image/HuaTi/wb.png") no-repeat left -122px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -122px; width: 16px; height: 16px; overflow: hidden; }
.wbPhizLayer .bg .layoutContent .title a:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -138px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -138px; }
.layoutFace { float: left; width: 372px; height: 187px; margin-top: 10px; margin-left: 8px; display: inline; }
.layoutFace li { cursor: pointer; float: left; border: 1px solid #E8E8E8; height: 22px; width: 26px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center; }
.layoutFace li:hover { border: 1px solid #36A400; background: #FFF9EC; position: relative; z-index: 2; }
.wbPhizLayer .bg .layoutContent .paging { float: left; width: 372px; height: 22px; margin-top: 7px; margin-left: 8px; display: inline; margin-bottom: 15px; }
.wbPhizLayer .bg .layoutContent .paging .next { float: right; width: 24px; height: 22px; background: url("/Content/image/HuaTi/wb.png") no-repeat left -154px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -154px; }
.wbPhizLayer .bg .layoutContent .paging .next:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -176px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -176px; }
.wbPhizLayer .bg .layoutContent .paging .nextDisable { float: right; width: 24px; height: 22px; background: url("/Content/image/HuaTi/wb.png") no-repeat left -198px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -198px; }
.wbPhizLayer .bg .layoutContent .paging .previous { float: right; width: 24px; height: 22px; background: url("/Content/image/HuaTi/wb.png") no-repeat left -220px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -220px; margin-right: 5px; display: inline; }
.wbPhizLayer .bg .layoutContent .paging .previous:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -242px; _background: url("wb.gif") no-repeat left -242px; }
.wbImgLayer { left: 50px; }
.wbPhizLayer .bg .layoutContent .paging .previousDisable { float: right; width: 24px; height: 22px; background: url("/Content/image/HuaTi/wb.png") no-repeat left -264px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -264px; margin-right: 5px; display: inline; }
.wbImgLayer .bg .layoutContent { float: left; background: white; border: 1px solid #C6C6C6; border-radius: 3px; width: 292px; height: 84px; }
.wbImgLayer .bg .layoutContent .title { float: left; margin-left: 8px; width: 276px; height: 22px; overflow: hidden; margin-top: 6px; display: inline; }
.wbImgLayer .bg .layoutContent .title a { float: right; background: url("/Content/image/HuaTi/wb.png") no-repeat left -122px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -122px; width: 16px; height: 16px; overflow: hidden; }
.wbImgLayer .bg .layoutContent .title a:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -138px; _background: url("wb.gif") no-repeat left -138px; }
.wbImgLayer .bg .layoutContent .uploadLayout { float: left; width: 276px; height: 56px; overflow: hidden; }
.wbImgLayer .bg .layoutContent .uploadLayout .uploadImg { float: left; background: url("/Content/image/HuaTi/wb.png") no-repeat left -286px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -286px; width: 59px; height: 20px; overflow: hidden; margin-left: 99px; display: inline; }
.wbImgLayer .bg .layoutContent .uploadLayout .uploadImg:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -306px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -306px; }
.wbImgLayer .bg .layoutContent .uploadLayout p { float: left; overflow: hidden; margin-left: 76px; display: inline; margin-top: 10px; color: #A1A1A1; }
.ajaxuploadplugin .deleteImg { float: left; display: inline; margin-left: 10px; line-height: 20px; color: #0078B6; }
/*上传视频****/
.wbImgvidoe { background: url(floatDiv.png) no-repeat 0 -9px; width: 399px; height: 212px; }
.wbImgvidoe .closeLayer { margin: 20px 10px 0px 0px; float: right; background: url("/Content/image/HuaTi/wb.png") no-repeat left -122px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -122px; width: 16px; height: 16px; overflow: hidden; }
.wbImgvidoe .closeLayer:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -138px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -138px; }
.wbImgvidoe .uploadVideo { float: left; background: url("floatDiv.png") no-repeat 0 -701px; _background: url("floatDiv.png") no-repeat 0 -701px; width: 81px; height: 20px; overflow: hidden; margin-left: 148px; display: inline; }
.wbImgvidoe .uploadVideo:hover { background: url("floatDiv.png") no-repeat 0 -731px; _background: url("floatDiv.png") no-repeat 0 -721px; }
.wbImgvidoe .videoMessges { text-align: center; line-height: 20px; color: #999999; clear: both; }
.wbImgvidoe .uploadLayout { width: 360px; clear: both; padding: 20px; float: left; display: inline; }
.wbImgvidoe .videoGuid { width: 298px; height: 28px; border: 1px solid #eeeeee; color: #999999; float: left; display: inline; }
.wbImgvidoe .videoSend { width: 41px; height: 20px; overflow: hidden; background: url("floatDiv.png") no-repeat 0 -781px; float: right; display: inline; margin-top: 5px; }
.wbImgvidoe .videoSend:hover { background-position: 0px -801px; }
.wbImgvidoe .urlFale { display: none; clear: both; float: left; color: Red; text-align: center; width: 300px; margin-top: 5px; }
.wbImgvidoe p { clear: both; font-size: 12px; color: #999999; line-height: 2em; float: left; display: inline; margin-top: 10px; }
.wbImgvidoe i { color: #336699; font-style: normal; font-weight: normal; }
/*话题****/
.wbImgTipo { background: url(floatDiv.png) no-repeat 0 -225px; width: 301px; height: 206px; overflow: hidden; }
.wbImgTipo .uploadLayout { clear: both; border-top: 1px dashed #dddddd; margin: 10px 20px; float: left; display: inline; width: 260px; }
.wbImgTipo .uploadLayout h4 { font-size: 12px; color: #999999; margin-top: 18px; float: left; display: inline; }
.wbImgTipo .uploadLayout ul { clear: both; }
.wbImgTipo .uploadLayout ul li { cursor: pointer; float: left; width: 120px; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #336699; line-height: 26px; }
.wbImgTipo .uploadLayout ul .liRight { margin-left: 10px; }
.wbImgTipo .closeLayer { margin: 20px 10px 0px 0px; float: right; background: url("/Content/image/HuaTi/wb.png") no-repeat left -122px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -122px; width: 16px; height: 16px; overflow: hidden; }
.wbImgTipo .closeLayer:hover { background: url("/Content/image/HuaTi/wb.png") no-repeat left -138px; _background: url("/Content/image/HuaTi/wb.gif") no-repeat left -138px; }
.wbImgTipo .topicSend { margin-left: 110px; clear: both; width: 83px; height: 20px; float: left; display: inline; background: url("floatDiv.png") no-repeat 0px -741px; }
.wbImgTipo .topicSend:hover { background-position: 0 -761px; }
.wbImgTipo .uploadVideo { float: left; background: url("floatDiv.png") no-repeat 0 -701px; _background: url("floatDiv.png") no-repeat 0 -701px; width: 81px; height: 20px; overflow: hidden; margin-left: 148px; display: inline; }
.wbImgTipo .uploadVideo:hover { background: url("floatDiv.png") no-repeat 0 -731px; _background: url("floatDiv.png") no-repeat 0 -721px; }


.topicType { float: left; display: inline; background-color: #f0f0f0; width: 479px; height: 30px; margin-top: 15px; }
.topicType ul li { background: url("floatDiv.png") no-repeat; width: 57px; height: 30px; float: left; display: inline; margin-left: 1px; }
.topicType ul li a { float: left; display: inline; overflow: hidden; width: 57px; height: 30px; }
.topicType ul .all { background-position: -166px -679px; }

.topicType ul .user { background-position: -226px -709px; }

.topicType ul .img { background-position: -226px -739px; }

.topicType ul .video { background-position: -226px -769px; }
/****分页控件 ****/
#pageDiv { float: left; margin-top: 20px; width: 480px; height: 27px; overflow: hidden; }
.rkrpage01 span { cursor: default; }
.rkrpage01 .prev { background-color: #F7F7F7; }
.rkrpage01 a, .rkrpage01 span { cursor: pointer; float: left; font-weight: bold; margin-left: 5px; background: url(btnbd01.jpg) repeat-x; border: 1px solid #d0d0d0; height: 25px; line-height: 25px; width: auto; border-radius: 3px 3px 3px 3px; padding: 0 10px; color: #444444; display: inline; }
.rkrpage01 a:hover { border: 1px solid #737373; }
.rkrpage01 .current, .rkrpage01 .current:hover { float: left; background-color: #78A400; height: 27px; padding: 0 10px; line-height: 27px; color: #ffffff; border-radius: 3px 3px 3px 3px; font-weight: bold; margin-left: 5px; display: inline; background-image: none; }


.upFile .spanButtonflash { float: left; display: inline; overflow: hidden; height: 23px; padding: 0px; margin: 3px 0 0 10px; border: none; }