.w980{ width: 980px; } .personalTop{ background: url(../images/userBg_big.png) no-repeat top center; background-size: 100%; overflow: hidden; margin: 20px 0; height: 310px; } .personalTop .tx{ display: block; width: 120px; height: 120px; padding: 5px; background: url(../images/tx_border.png) no-repeat top center; background-size: 100%; margin: 105px auto 0; } .personalTop .btnLists{ width: 300px; text-align: center; margin-top: 2px; } .personalTop .btnLists a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 80px; height: 36px; line-height: 36px; border-radius: 2px; background: #434343; margin: 0 5px; font-size: 12px; text-align: center; } .personalTop .info{ width: 700px; text-align: center; } .personalTop .info .username { text-align: center; font-size: 20px; line-height: 1; padding: 5px 0 4px; font-family: 'Microsoft YaHei',"微软雅黑"; } .personalTop .info .signTxt { font-size: 12px; line-height: 22px; color: #ccc; padding: 0 10px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .personalTop .info .signTxt span{ color: #b3b3b3; } .personalTop .data{ width: 300px; margin-top: -9px; } .personalTop .data .data_lists { overflow: hidden; padding: 3px 20px 0; } .personalTop .data .data_lists li { float: left; width: 83px; height: 53px; border-right: 1px solid #949494; text-align: center; } .personalTop .data .data_lists li span { font-size: 12px; color: #b2b2b2; display: block; line-height: 30px; } .personalTop .data .data_lists li strong{ color: #E5E5E5; font-size: 16px; line-height: 1; } .p_commentArea{ background: #9e9e9e; padding-bottom: 20px; margin-bottom: 30px; border-radius: 4px; overflow: hidden; } .p_commentArea .blockTit { text-align: left; } .p_commentArea .blockTit a{ margin: 0 30px 0 0; color: #4D4D4D; } .p_commentArea .blockTit a:hover{ color: #55ff00; } .p_commentArea .blockTit a.current{ font-weight: bold; } .p_commentArea .blockTit a span{ font-size: 12px; } .p_commentArea ul.commentList { padding: 0 20px; min-height: 500px; } .p_commentArea ul.commentList li { padding: 20px; background: #868686; margin-bottom: 20px; border-radius: 4px; overflow: hidden; position: relative; } .p_commentArea ul.commentList .detailsHref { position: absolute; right: 20px; bottom: 20px; width: 100px; height: 28px; text-align: center; line-height: 28px; background: #515151; font-size: 12px; border-radius: 4px; } .p_commentArea ul.commentList .detailsHref:hover{ text-decoration: underline; } .p_commentArea ul.commentList .cont{ width: 720px; margin-left: 10px; } .p_commentArea ul.commentList .cont .time{ color: #cccccc; } .p_commentArea ul.commentList .replyContent { background: #6b6b6b; padding: 5px 10px 8px; line-height: 22px; margin-top: 10px; font-size: 12px; color: #cccccc; border-radius: 4px; } .p_commentArea .commentList span.time a { color: #fff; } .p_commentArea .commentList span.time a:hover{ color: #55ff00; } .p_commentArea .commentList span.time a.uname{ font-weight: bold; } .p_commentArea .commentList span.time a.uname:hover{ text-decoration: underline; } .p_commentArea .commentList .identity { font-size: 12px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 6px 2px; width: 34px; height: 16px; text-align: center; line-height: 16px; } .p_commentArea .commentList .msg { line-height: 24px; margin: 5px 0 0; color: #ffffff; } .p_commentArea .commentList .msg img{ vertical-align: top; margin-top: 5px; margin-right: 5px; } .p_commentArea .commentList .replyLink a { margin-left: 20px; } .p_commentArea .commentList .replyLink .reportCmtBtn { display: none; color: #b2b2b2; } .p_commentArea .commentList .replyLink .praise_area img { vertical-align: middle; margin-bottom: 3px; } .p_commentArea .bianji { display: none; } .p_commentArea .modify,.p_commentArea .del{ color: #ccc; cursor: pointer; margin-left: 10px; font-size: 12px; } .p_commentArea .modify:hover,.p_commentArea .del:hover{ text-decoration: underline; } .pageNav { text-align: right; padding: 20px 20px 20px; } .pageNav .pageNavByNum { color: #545454; float: right; } .pageNav .pageNavByNum label, .pageNav .pageNavByNum input { float: left; line-height: 40px; margin-left: 10px; } .pageNav .pageNavByNum input.blackTxt { width: 46px; height: 40px; border: none; color: #bfbfbf; padding-left: 10px; background: #6f6f6f; font-size: 16px; border-radius: 2px; } .goBtn { width: 56px; text-align: center; height: 40px; color: #4c4c4c; border: 0; cursor: pointer; font-size: 16px; background: #bfbfbf; border-radius: 2px; } .goBtn:hover { color: #4de600; background-color: #666666 } .pageNav .joggerA { float: left; height: 38px; font-size: 16px; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif } .joggerA a { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; margin: 0 10px 5px 0; color: #4c4c4c; background-color: #bfbfbf; text-decoration: none; border-radius: 2px; } .joggerA b { margin: 0 10px 5px 0; } .joggerA a:hover { color: #4de600; background-color: #666666 } .joggerA a.current { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; margin: 0 10px 5px 0; color: #55ff00; background-color: #545454; } .joggerA span.disabled { display: none } .otherVideoRecom { width: 300px; border-radius: 4px; } .otherVideoRecom h3 { line-height: 44px; border-bottom: 1px solid #808080; position: relative; } .otherVideoRecom .line { position: absolute; left: 0; bottom: -1px; width: 30px; height: 1px; background: #55ff00; } .otherVideoRecom .personal_data { margin-bottom: 20px; background: #666666; padding: 0 10px; border-radius: 4px; } .otherVideoRecom .personal_data ul{ padding: 10px 0 10px 10px; } .otherVideoRecom .personal_data li{ line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .otherVideoRecom .personal_data li label{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 75px; height: 40px; line-height: 40px; } .otherVideoRecom .visitor{ background: #666666; padding: 0 10px; border-radius: 4px; } .otherVideoRecom .visitor .visitor_lists { overflow: hidden; padding: 15px 0 10px; } .otherVideoRecom .visitor .visitor_lists a{ float: left; width: 50px; height: 50px; margin-left: 5px; margin-bottom: 5px; } .otherVideoRecom .visitor .visitor_lists a img{ display: block; width: 100%; height: 100%; } .fans_lists { width: 1280px; overflow: hidden; padding-left: 20px; } .fans_lists li{ float: left; width: 580px; height: 100px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; background: #868686; padding: 20px; } .fans_lists li .tx { width: 100px; height: 100px; margin-right: 10px; } .fans_lists li .tx img{ display: block; width: 100%; height: 100%; } .fans_lists li .cont{ width: 220px; } .fans_lists li .cont .uname{ font-weight:bold ; line-height: 34px; } .fans_lists li .cont .data{ font-size: 12px; color: #b3b3b3; line-height: 20px; } .fans_lists li .cont .data span{ color: #e6e6e6; } .fans_lists li .cont .follow{ display: block; width: 80px; height: 36px; border-radius: 2px; line-height: 36px; text-align: center; background: #434343; margin-top: 10px; font-size: 12px; } .fans_lists li .work{ display: block; width: 201px; height: 100px; margin-right: 10px; } .fans_lists li .work img{ display: block; width: 100%; height: 100%; } .fans_lists li .moreHref{ display: block; width: 30px; height: 82px; background: #666666; border-radius: 2px; color: #b2b2b2; text-align: center; line-height: 16px; padding-top: 18px; font-size: 12px; } .fans_lists li .moreHref:hover{ color: #55ff00; } .recom_follow{ background: #666666; padding: 0 10px; border-radius: 4px; } .recom_follow ul li { padding: 20px 0; margin: 0 10px; border-bottom: 1px solid #808080; overflow: hidden; } .recom_follow ul li:last-child{ border-bottom: none; } .recom_follow ul li .tx{ width: 60px; height: 60px; } .recom_follow ul li .tx img{ display: block; width: 100%; height: 100%; } .recom_follow ul li .nickname{ margin-left: 10px; font-size: 14px; line-height: 30px; } .recom_follow ul li .follow{ margin-left: 5px; font-size: 12px; } .recom_follow ul li .follow[data-type="2"]{ color: #e6e6e6; cursor: default; } .recom_follow ul li .sign{ font-size: 12px; margin-left: 70px; margin-top: 3px; color: #cccccc; }