@charset "utf-8";
body{background-color:#F8F8F8;}

.mytop{margin:10px 0 0 0;border-top:#E2E2E2 solid 1px;border-bottom:#E2E2E2 solid 1px;background-color:#F3F3F3;height:35px;}
.mytop a{float:left;padding:6px 20px 0 20px;height:29px;font-size:14px;}
.mytop a:hover{text-decoration:none;background-color:#ECECEC;}
.mytop .a1{background-color:#ECECEC;font-weight:700;}

.myleft{float:left;width:255px;text-align:left;}
.myleft .u1{float:left;border:#DDDDDD solid 1px;border-radius:6px;width:253px;margin:20px 0 0 0;background-color:#fff;text-align:center;}
.myleft .u1 li{float:left;width:100%;}
.myleft .u1 .l1{margin:34px 0 0 0;}
.myleft .u1 .l1 img{width:100px;height:100px;border-radius:50px;}
.myleft .u1 .l2{font-weight:700;font-size:18px;margin:10px 0 0 0;}
.myleft .u1 .l3{font-size:15px;padding:8px 0 20px 0;color:#666;}
.myleft .u2{float:left;border:#DDDDDD solid 1px;border-radius:6px;width:253px;margin:10px 0 0 0;background-color:#fff;text-align:left;}
.myleft .u2 li{float:left;width:100%;}
.myleft .u2 .l1{font-size:17px;padding:12px 0 0 20px;height:36px;width:233px;border-bottom:#DDDDDD solid 1px;}
.myleft .u2 .l2{font-size:15px;padding:22px 0 0 0;}
.myleft .u2 .l2 span{float:left;padding-left:48px;width:205px;height:43px;}
.myleft .u2 .l2 .s1{background:url(../img/left1.gif) no-repeat;background-position:19px 3px;}
.myleft .u2 .l2 .s2{background:url(../img/left2.gif) no-repeat;background-position:19px 2px;}
.myleft .u2 .l2 .s3{background:url(../img/left3.gif) no-repeat;background-position:19px 2px;}
.myleft .u2 .l2 .s4{background:url(../img/left4.gif) no-repeat;background-position:19px 2px;}

.myright{float:right;width:985px;text-align:left;}
.myright .myjs{float:left;border:#DDDDDD solid 1px;border-radius:6px;width:983px;margin:20px 0 0 0;background-color:#fff;}
.myright .myjs li{float:left;}
.myright .myjs .l1{font-size:17px;padding:12px 0 0 20px;height:36px;width:963px;border-bottom:#DDDDDD solid 1px;}
.myright .myjs .l2{padding:12px 20px;width:943px;font-size:14px;line-height:23px;}
.myright .myinflist{float:left;border:#DDDDDD solid 1px;border-radius:6px;width:983px;margin:10px 0 0 0;background-color:#fff;padding:0 0 20px 0;}
.myright .myinflist .u1{float:left;width:983px;border-bottom:#DDDDDD solid 1px;height:48px;}
.myright .myinflist .u1 li{float:left;}
.myright .myinflist .u1 .l1{}
.myright .myinflist .u1 .l1 a{float:left;padding:12px 0 0 0;margin:0 20px;height:36px;font-size:17px;}
.myright .myinflist .u1 .l1 a:hover{text-decoration:none;}
.myright .myinflist .u1 .l1 .a1{border-bottom:#666 solid 2px;height:34px;}
.myright .myinflist .u3{float:left;width:943px;margin:0 20px;border-bottom:#dddddd dotted 1px;padding:15px 0;}
.myright .myinflist .u3 li{float:left;}
.myright .myinflist .u3 .l1{width:81px;}
.myright .myinflist .u3 .l1 img{width:71px;height:71px;}
.myright .myinflist .u3 .l2{width:862px;}
.myright .myinflist .u3 .l2 .a1{float:left;font-size:15px;clear:both;font-weight:700;}
.myright .myinflist .u3 .l2 .a1:hover{text-decoration:none;color:#ff6600;}
.myright .myinflist .u3 .l2 .s1{float:left;width:854px;font-size:13px;color:#999;padding:10px 0 2px 8px;}
.myright .myinflist .u3 .l2 .s2{float:left;padding-left:8px;width:854px;font-size:13px;color:#999;line-height:23px;}
.myright .myinflist .u2{float:left;width:943px;margin:0 20px;}
.myright .myinflist .u2 li{float:left;}
.myright .myinflist .u2 .l1{width:800px;font-size:15px;font-weight:700;margin:15px 0 0 0;}
.myright .myinflist .u2 .l1 a:hover{text-decoration:none;color:#ff6600;}
.myright .myinflist .u2 .l2{width:143px;text-align:right;padding:17px 0 0 0;font-size:13px;color:#999;}
.myright .myinflist .u2 .l3{width:943px;font-size:13px;padding:10px 0 15px 0;line-height:23px;color:#999;border-bottom:#dddddd dotted 1px;}
.myright .myinflist .u2 .l3 a{color:#999;}
.myright .myinflist .u2 .l3 a:hover{text-decoration:none;color:#777;}
.myright .myinflist1{margin-top:20px;}
.myright .myinflist .npa{margin-right:17px;}

/* ========== 个人主页 view.php（.my-view-page）========== */
body.my-view-page{background:#eef1f6;}
.my-view-page .yjcode{padding-bottom:32px;}
.my-view-page .myleft .u1{
 border:1px solid #e2e7ef;box-shadow:0 8px 24px rgba(15,23,42,.06);
 border-radius:12px;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fafbfd 100%);
}
.my-view-page .myleft .u1 .l1{margin-top:28px;}
.my-view-page .myleft .u1 .l1 img{
 width:108px;height:108px;border-radius:50%;object-fit:cover;
 box-shadow:0 4px 14px rgba(255,102,0,.15);border:3px solid #fff;
}
.my-view-page .myleft .u1 .l2{
 font-size:19px;color:#1f2937;margin-top:12px;line-height:1.45;
 word-break:break-word;white-space:normal;padding:0 14px;box-sizing:border-box;
}
.my-view-page .myleft .u1 .l3{font-size:13px;color:#6b7280;padding-bottom:22px;}
.my-view-page .myleft .u2{
 border:1px solid #e2e7ef;border-radius:12px;box-shadow:0 4px 16px rgba(15,23,42,.04);
 margin-top:14px;
}
.my-view-page .myleft .u2 .l1{
 font-size:15px;font-weight:700;color:#374151;border-bottom:1px solid #eef1f6;
 padding:14px 0 12px 20px;height:auto;background:#fafbfd;
}
.my-view-page .mytop{
 border-top:1px solid #e2e7ef;border-bottom:1px solid #e2e7ef;
 background:linear-gradient(180deg,#fff,#f6f8fb);height:auto;min-height:40px;
}
.my-view-page .mytop a{
 padding:11px 22px 10px;height:auto;border-radius:0;font-size:14px;color:#4b5563;
}
.my-view-page .mytop a:hover{background:rgba(255,102,0,.08);color:#ff6600;}
.my-view-page .mytop .a1{
 background:linear-gradient(180deg,#fff8f3,#fff);color:#ff6600;font-weight:700;
 box-shadow:inset 0 -3px 0 #ff8222;
}

.my-view-intro{
 float:left;width:100%;box-sizing:border-box;margin:20px 0 0 0;
 background:#fff;border:1px solid #e2e7ef;border-radius:12px;
 box-shadow:0 6px 22px rgba(15,23,42,.05);overflow:hidden;
}
.my-view-intro-hd{
 display:flex;align-items:center;gap:10px;padding:14px 20px;
 border-bottom:1px solid #f0f2f5;background:linear-gradient(90deg,#fff8f3 0%,#fff 40%);
}
.my-view-intro-ico{
 width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,#ff9a4d,#ff6600);
 flex-shrink:0;
}
.my-view-intro-tit{margin:0;font-size:17px;font-weight:700;color:#1f2937;}
.my-view-intro-bd{padding:18px 22px 20px;}
.my-view-intro-txt{
 margin:0;font-size:14px;line-height:1.75;color:#4b5563;letter-spacing:.02em;
}
.my-view-more{
 display:inline-block;margin-top:14px;padding:6px 16px;font-size:13px;border-radius:20px;
 color:#fff !important;text-decoration:none !important;
 background:linear-gradient(180deg,#ff9a4d,#ff6600);
 box-shadow:0 4px 12px rgba(255,102,0,.28);
}
.my-view-more:hover{filter:brightness(1.06);color:#fff !important;}

.my-view-tabbar{
 float:left;width:100%;box-sizing:border-box;margin:14px 0 0 0;padding:0 8px;
 background:#fff;border:1px solid #e2e7ef;border-radius:12px;
 box-shadow:0 4px 16px rgba(15,23,42,.04);display:flex;flex-wrap:wrap;gap:4px;
}
.my-view-tab{
 float:none;padding:13px 18px 12px;font-size:15px;color:#6b7280;text-decoration:none !important;
 border-radius:8px 8px 0 0;margin:4px 0 0 0;cursor:pointer;border:none;background:transparent;
}
.my-view-tab:hover{color:#ff6600;background:#fff8f3;}
.my-view-tab--on{
 color:#ff6600 !important;font-weight:700;background:#fff8f3;
 box-shadow:inset 0 -3px 0 #ff8222;
}

.my-view-panel{
 float:left;width:100%;box-sizing:border-box;margin:12px 0 0 0;padding:8px 0 24px;
 background:#fff;border:1px solid #e2e7ef;border-radius:12px;
 box-shadow:0 6px 22px rgba(15,23,42,.05);
}
.my-view-list{
 list-style:none;margin:0;padding:0 18px;float:left;width:100%;box-sizing:border-box;
}
.my-view-list--feed .my-view-card{
 margin:0;padding:16px 14px;border:1px solid #eef1f6;border-radius:10px;background:#fafbfd;
 margin-top:12px;transition:border-color .15s,box-shadow .15s;
}
.my-view-list--feed .my-view-card:first-child{margin-top:4px;}
.my-view-list--feed .my-view-card:hover{
 border-color:#ffd8bf;box-shadow:0 4px 14px rgba(255,102,0,.08);background:#fff;
}
.my-view-card-hd{
 display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;
}
.my-view-card-tit{
 font-size:16px;font-weight:700;color:#1f2937;text-decoration:none;line-height:1.45;
 flex:1;min-width:200px;
}
.my-view-card-tit:hover{color:#ff6600;text-decoration:none !important;}
.my-view-card-time{font-size:12px;color:#9ca3af;white-space:nowrap;padding-top:2px;}
.my-view-card-excerpt{
 margin:10px 0 0;font-size:13px;line-height:1.65;color:#6b7280;
}
.my-view-card-excerpt a{color:#6b7280;text-decoration:none;}
.my-view-card-excerpt a:hover{color:#ff6600;}
.my-view-card-excerpt--plain{margin-top:10px;}

.my-view-list--pj .my-view-pj{
 display:flex;gap:16px;margin-top:14px;padding:16px;border:1px solid #eef1f6;border-radius:10px;
 background:#fafbfd;transition:border-color .15s,box-shadow .15s;
}
.my-view-list--pj .my-view-pj:first-child{margin-top:4px;}
.my-view-list--pj .my-view-pj:hover{border-color:#ffd8bf;box-shadow:0 4px 14px rgba(255,102,0,.08);background:#fff;}
.my-view-pj-thumb{flex-shrink:0;width:76px;height:76px;border-radius:10px;overflow:hidden;border:1px solid #e8ecf1;background:#fff;}
.my-view-pj-thumb img{width:100%;height:100%;object-fit:cover;}
.my-view-pj-body{flex:1;min-width:0;}
.my-view-pj-tit{
 display:block;font-size:15px;font-weight:700;color:#1f2937;text-decoration:none;line-height:1.45;
}
.my-view-pj-tit:hover{color:#ff6600;text-decoration:none !important;}
.my-view-pj-meta{font-size:12px;color:#9ca3af;margin-top:8px;}
.my-view-pj-txt{font-size:13px;color:#6b7280;line-height:1.65;margin-top:8px;word-break:break-word;}