/*������*/
.tleft{float:left;border:#D6D6D6 solid 1px;text-align:left;width:854px;margin:10px 0;padding:20px 0 0 0;}
.tleft .errts{float:left;margin:10px 0 0 30px;border:#ff4400 solid 1px;width:800px;background-color:#FEFCEE;color:#FF4400;padding:5px 0 0 10px;height:20px;}
.tleft .u1{float:left;width:794px;margin:10px 0 0 30px;clear:both;}
.tleft .u1 li{float:left;}
.tleft .u1 li .inp{float:left;border:#CCCCCC solid 1px;height:32px;padding:0 0 0 5px;font-size:14px;background:url(img/inpbg1.gif) left top repeat-x;}
.tleft .u1 .lf{width:75px;font-size:14px;font-weight:700;height:25px;margin:8px 0 0 25px;}
.tleft .u1 .lf1{width:694px;font-size:14px;font-weight:700;height:25px;margin:8px 0 0 0;}
.tleft .u1 .l1{width:794px;font-size:14px;font-weight:700;height:25px;margin:8px 0 0 0;}
.tleft .u1 .l2{width:769px;padding:0 0 15px 25px;}
.tleft .u1 .l2 select{float:left;height:32px;background:url(img/inpbg1.gif) left top repeat-x;font-size:14px;}
.tleft .u1 .l3{height:450px;width:769px;padding-left:25px;}
.tleft .u1 .l6{width:769px;height:50px;padding-left:25px;margin:20px 0 0 0;}
.tleft .u1 .l6 .btn1{cursor:pointer;float:left;border:0;font-weight:700;color:#fff;background:url(../img/btnbg1.gif) left top no-repeat;width:180px;height:35px;margin-right:10px;}
.tleft .u1 .l6 .btn2{cursor:pointer;float:left;border:0;font-weight:700;color:#fff;background:url(../img/btnbg1.gif) left top no-repeat;width:180px;height:35px;margin-right:10px;}
.tleft .moneycap{float:left;width:600px;margin:10px 0 0 55px;clear:both;}
.tleft .moneycap label{float:left;width:160px;cursor:pointer;font-size:14px;font-weight:700;height:25px;border-bottom:#D6D6D6 solid 1px;border-top:#fff solid 1px;padding:5px 0 0 40px;}
.tleft .moneycap label input{float:left;margin:3px 0 0 0;}
.tleft .moneycap label span{float:left;margin:0 0 0 10px;}
.tleft .moneycap .l1{border:#D6D6D6 solid 1px;border-bottom:#F8F8F8 solid 1px;width:158px;background-color:#F8F8F8;}
.tleft .moneyu{float:left;width:578px;margin:0 0 0 55px;clear:both;background-color:#F8F8F8;border:#d6d6d6 solid 1px;border-top:0;padding:10px;}
.tleft .moneyu li{float:left;}
.tleft .moneyu .l1{width:578px;color:#999;line-height:23px;}
.tleft .moneyu .l1 strong{font-size:14px;}
.tleft .moneyu .l2{width:578px;padding:5px 0 0 0;}
.tleft .moneyu .l2 .s1{float:left;font-weight:700;margin:7px 0 0 0;}
.tleft .moneyu .l2 input{float:left;margin-left:10px;border:#CCCCCC solid 1px;height:32px;padding:0 0 0 5px;font-size:14px;background:url(img/inpbg1.gif) left top repeat-x;width:80px;}
.tleft .moneyu .l2 .s2{float:left;margin:7px 0 0 10px;}
.tleft .jsu{float:left;margin:10px 0 0 55px;width:598px;clear:both;border:#d6d6d6 solid 1px;}
.tleft .jsu li{float:left;}
.tleft .jsu .l1{width:80px;background-color:#F8F8F8;border-right:#d6d6d6 solid 1px;padding:10px 0 0 10px;height:27px;}
.tleft .jsu .l2{width:507px;height:37px;}
.tleft .jsu .l2 input{float:left;margin:7px 0 0 10px;border:#CCCCCC solid 1px;height:22px;padding:0 0 0 5px;font-size:14px;background:url(img/inpbg1.gif) left top repeat-x;width:60px;}
.tleft .jsu .l2 .fd{float:left;margin:10px 0 0 10px;}
.tleft .rwxs{float:left;width:600px;margin:10px 0 0 55px;clear:both;}
.tleft .rwxs label{float:left;width:260px;cursor:pointer;font-size:14px;font-weight:700;height:25px;border-bottom:#D6D6D6 solid 1px;border-top:#fff solid 1px;padding:5px 0 0 40px;}
.tleft .rwxs label input{float:left;margin:3px 0 0 0;}
.tleft .rwxs label span{float:left;margin:0 0 0 10px;}
.tleft .rwxs .l1{border:#D6D6D6 solid 1px;border-bottom:#F8F8F8 solid 1px;width:258px;background-color:#F8F8F8;}
.tleft .rwxsu{float:left;width:578px;margin:0 0 0 55px;clear:both;background-color:#F8F8F8;border:#d6d6d6 solid 1px;border-top:0;padding:10px;}
.tleft .rwxsu li{float:left;}
.tleft .rwxsu .l1{width:578px;color:#999;line-height:23px;}
.tleft .rwxsu .l1 strong{font-size:14px;}
.tleft .rwxsu .l2{width:578px;padding:5px 0 0 0;}
.tleft .rwxsu .l2 .s1{float:left;font-weight:700;margin:7px 0 0 0;}
.tleft .rwxsu .l2 input{float:left;margin-left:10px;border:#CCCCCC solid 1px;height:32px;padding:0 0 0 5px;font-size:14px;background:url(img/inpbg1.gif) left top repeat-x;width:80px;}
.tleft .rwxsu .l2 .s2{float:left;margin:7px 0 0 10px;}

.tleft .zhouqi{float:left;margin:0 0 0 55px;clear:both;border:#d6d6d6 solid 1px;width:598px;}
.tleft .zhouqi .zqu{float:left;width:598px;height:60px;}
.tleft .zhouqi .zqu li{float:left;}
.tleft .zhouqi .zqu .l1{text-align:center;width:40px;border-right:#d6d6d6 solid 1px;line-height:24px;font-weight:700;padding:5px 0 0 0;background-color:#F8F8F8;height:55px;}
.tleft .zhouqi .zqu .l2{width:557px;}
.tleft .zhouqi .zqu .l2 span{float:left;margin:8px 0 0 10px;clear:both;width:547px;}
.tleft .zhouqi .zqu .l2 .s1{}
.tleft .zhouqi .zqu .l2 .s1 label{float:left;margin:0 8px 0 0;cursor:pointer;}
.tleft .zhouqi .zqu .l2 .s2{color:#666;line-height:20px;}
.tleft .zhouqi .zqu .l2 .s2 strong{color:#328DC9;}
.tleft .zhouqi .zqu .l2 .zqt{float:left;width:40px;margin:-3px 0 0 0;}
.tleft .zhouqi .zqu1{height:80px;border-top:#d6d6d6 solid 1px;}
.tleft .zhouqi .zqu1 .l1{height:75px;}
.tleft .lxfs{float:left;margin:0 0 0 55px;clear:both;border:#d6d6d6 solid 1px;width:598px;}
.tleft .lxfs li{float:left;}
.tleft .lxfs .l1{width:598px;text-align:center;padding:5px 0 0 0;height:22px;background-color:#F8F8F8;border-bottom:#d6d6d6 solid 1px;}
.tleft .lxfs .l1 a{text-decoration:underline;}
.tleft .lxfs .l1 a:hover{color:#ff6600;}
.tleft .lxfs .l2{width:130px;padding:5px 0 0 0;height:22px;border-right:#d6d6d6 solid 1px;text-align:center;background-color:#F8F8F8;}
.tleft .lxfs .l21{border-left:#d6d6d6 solid 1px;width:129px;}
.tleft .lxfs .l3{width:168px;height:27px;}
.tleft .lxfs .l3 .xs{float:left;width:158px;height:22px;padding:5px 0 0 10px;cursor:pointer;margin:1px 0 0 0;background:url(img/jf.gif) no-repeat;background-position:150px 8px;}
.tleft .lxfs .l3 .xsm{float:left;width:168px;border:#d6d6d6 solid 1px;border-top:0;background-color:#fff;margin:0 0 0 -1px;position:relative;z-index:9;}
.tleft .lxfs .l3 .xsm a{float:left;padding:5px 0 0 10px;height:22px;width:158px;}
.tleft .lxfs .l3 .xsm a:hover{color:#ff0000;background-color:#FFFEED;text-decoration:none;}
.tleft .fuzhu{float:left;margin:5px 0 0 55px;clear:both;width:598px;}
.tleft .fuzhu label{cursor:pointer;}
.tleft .fuzhu label input{float:left;margin:2px 0 0 0;}
.tleft .fuzhu label span{float:left;margin:0 0 0 5px;}

.xqright{float:left;width:262px;border:#ccc solid 1px;margin:10px 0 0 10px;padding:20px 0 10px 20px;text-align:left;}
.xqright .h2{font-size:16px;float:left;width:262px;}
.xqright .u1{float:left;width:262px;background:url(../img/sup.gif) left top no-repeat;height:171px;padding:14px 0 0 0;margin:15px 0 0 0;}
.xqright .u1 li{font-size:14px;color:#666;height:47px;padding:0 0 0 45px;}
.xqright h3{font-size:14px;float:left;width:262px;margin:30px 0 0 0;}
.xqright .tel{background:url(../img/tel1.gif) left center no-repeat;line-height:25px;color:#999999;padding:0 0 0 70px;float:left;height:50px;margin:15px 0 0 0;}
.xqright .tel strong{font-size:16px;font-weight:700;font-family:Arial, Helvetica, sans-serif;color:#000;}

/* 会员区域样式 */
.bfbtask{background-color:#f5f7fa;padding:0 0 30px 0;}
.hy{display:flex;flex-wrap:wrap;gap:20px;width:100%;max-width:1240px;margin:15px auto 0 auto;justify-content:space-between;}

/* 未登录状态样式 */
.hy .d0{flex:1 1 420px;border-radius:16px;background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);box-shadow: 0 6px 20px rgba(99, 102, 241, 0.2);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.hy .d0:hover{transform: translateY(-8px);box-shadow: 0 12px 30px rgba(99, 102, 241, 0.3);}
.hy .d0:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #ec4899, #8b5cf6);}
.hy .d0 .a1,.hy .d0 .a2{border:none;color:white;font-weight:600;padding:10px 24px;border-radius:20px;transition:all 0.3s ease;cursor:pointer;margin:0 15px;}
.hy .d0 .a1{background: linear-gradient(to right, #ec4899, #db2777);box-shadow: 0 4px 12px rgba(236, 72, 153, 0.3);}
.hy .d0 .a2{background: linear-gradient(to right, #4ade80, #22c55e);box-shadow: 0 4px 12px rgba(74, 222, 128, 0.3);}
.hy .d0 .a1:hover,.hy .d0 .a2:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.15);}
.hy .d0 .a1:hover{background: linear-gradient(to right, #db2777, #be185d);}
.hy .d0 .a2:hover{background: linear-gradient(to right, #22c55e, #16a34a);}
.hy .d0 a{text-decoration:none;}

/* 登录状态样式 */
.hy .d1{flex:1 1 420px;border-radius:16px;height:164px;background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%);box-shadow: 0 6px 20px rgba(2, 132, 199, 0.2);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;color:white;}
.hy .d1:hover{transform: translateY(-8px);box-shadow: 0 12px 30px rgba(2, 132, 199, 0.3);}
.hy .d1:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #06b6d4, #0ea5e9);}
.hy .d1 .u1{display:flex;align-items:center;padding:15px;width:100%;box-sizing:border-box;background-color:#fff;height:95px;}
.hy .d1 .u1 .l1{padding:0 15px;}
.hy .d1 .u1 .l1 img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #e0f2fe;}
.hy .d1 .u1 .l2{flex:1;}
.hy .d1 .u1 .l2 .s1{display:block;margin-bottom:8px;}
.hy .d1 .u1 .l2 .s1 span{color:#475569;font-size:12px;margin-left:5px;}
.hy .d1 .u1 .l2 .s1 img{margin-right:3px;vertical-align:middle;}
.hy .d1 .u1 .l2 .a1,.hy .d1 .u1 .l2 .a2{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-decoration:none;transition:all 0.3s ease;}
.hy .d1 .u1 .l2 .a1{background-color:#f97316;color:#fff;margin-right:8px;}
.hy .d1 .u1 .l2 .a2{background-color:#22c55e;color:#fff;}
.hy .d1 .u1 .l2 .a1:hover,.hy .d1 .u1 .l2 .a2:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.hy .d1 .u2{display:flex;justify-content:space-around;width:100%;background-color:#f8fafc;height:69px;padding:10px 0;box-sizing:border-box;}
.hy .d1 .u2 .l1{text-align:center;flex:1;padding:0 5px;}
.hy .d1 .u2 .l1 .s1{display:block;color:#64748b;font-size:13px;margin-bottom:5px;}
.hy .d1 .u2 .l1 .s2{display:block;font-size:18px;font-weight:600;}
.hy .d1 .u2 .l1:nth-child(1) .s2{color:#f97316;}
.hy .d1 .u2 .l1:nth-child(2) .s2{color:#22c55e;}
.hy .d1 .u2 .l1:nth-child(3) .s2{color:#3b82f6;}
.hy .d1 .u2 .l1:nth-child(4) .s2{color:#8b5cf6;}

/* 网站公告样式 */
.hy .d2{flex:1 1 322px;border-radius:16px;height:164px;background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);box-shadow: 0 6px 20px rgba(30, 64, 175, 0.2);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;color:white;padding:15px;display:flex;flex-direction:column;margin-left:-48px;}
.hy .d2:hover{transform: translateY(-8px);box-shadow: 0 12px 30px rgba(30, 64, 175, 0.3);}
.hy .d2:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #3b82f6, #60a5fa);}
.hy .d2 .u1{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;}
.hy .d2 .u1 .cap{font-size:18px;font-weight:600;margin-bottom:12px;color:#fff;display:flex;justify-content:space-between;align-items:center;}
.hy .d2 .u1 .mo a{color:#bfdbfe;text-decoration:none;font-size:12px;transition:color 0.2s ease;}
.hy .d2 .u1 .mo a:hover{color:#fff;text-decoration:underline;}
.hy .d2 .u1 .gg-list{flex:1;overflow:hidden;}
.hy .d2 .u1 .gg-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(255,255,255,0.2);}
.hy .d2 .u1 .gg-item:last-child{border-bottom:none;}
.hy .d2 .u1 .gg-item a{color:#e0f2fe;text-decoration:none;transition:color 0.2s ease;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;padding-right:10px;}
.hy .d2 .u1 .gg-item a:hover{color:#fff;text-decoration:underline;}
.hy .d2 .u1 .gg-item .date{color:#bfdbfe;font-size:12px;white-space:nowrap;}

/* 广告图片样式 */
.hy .d3{flex:1 1 375px;border-radius:16px;height:164px;overflow:hidden;box-shadow: 0 6px 20px rgba(0,0,0,0.15);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;margin-left:-48px;}
.hy .d3:hover{transform: translateY(-8px);box-shadow: 0 12px 30px rgba(0,0,0,0.2);}
.hy .d3 img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.hy .d3:hover img{transform:scale(1.05);}

/* 响应式设计 */
@media (max-width: 1024px) {
  .hy{flex-direction:column;align-items:center;}
  .hy .d0, .hy .d1, .hy .d2, .hy .d3{width:100%;max-width:500px;}
}

@media (max-width: 576px) {
  .hy .d0 .a1, .hy .d0 .a2{padding:8px 16px;font-size:14px;}
  .hy .d1 .u1 .l2 .s1{font-size:14px;}
  .hy .d1 .u2 .l1 .s1{font-size:12px;}
  .hy .d1 .u2 .l1 .s2{font-size:16px;}
  .hy .d2 .u1 .cap{font-size:16px;}
}
.tasklist{margin:10px 0 0 0;text-align:left;background-color:#fff;float:left;width:1114px;padding:15px 18px;text-align:left;}
.tasklist .tasksel{float:left;border:none;width:1092px;padding:15px;background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all 0.3s ease;}
.tasklist .tasksel .listcap{float:left;width:1092px;border-bottom:1px solid rgba(255,255,255,0.3);padding:10px 0 15px 0;}
.tasklist .tasksel .listcap li{float:left;}
.tasklist .tasksel .listcap .l1{width:90px;padding:3px 0 0 0;}
.tasklist .tasksel .listcap .l2{width:1002px;}
.tasklist .tasksel .listcap .l2 a{float:left;padding:8px 15px;border-radius:20px;margin:0 8px 8px 0;background:rgba(255,255,255,0.7);color:#333;font-weight:500;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.tasklist .tasksel .listcap .l2 a:hover{text-decoration:none;background:#4a80f0;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px rgba(74,128,240,0.3);}
.tasklist .tasksel .listcap .l2 .a1{text-decoration:none;background:#4a80f0;color:#fff;}
.tasklist .tasksel .listcap0{border-bottom:0;}
.tasklist .rwcap{float:left;margin:20px 0 0 0;width:1114px;border-style:solid;border-width:0 0 1px 0;height:36px;}
.tasklist .rwcap li{float:left;}
.tasklist .rwcap .l1{width:90px;height:25px;background-color:#F7F7F7;padding-top:10px;border:#E4E4E4 solid 1px;border-bottom:0;text-align:center;}
.tasklist .rwcap .l1 a{color:#333;}
.tasklist .rwcap .l1 a:hover{text-decoration:none;}
.tasklist .rwcap .l11{width:90px;height:26px;padding-top:10px;border:0;border-bottom:0;text-align:center;}
.tasklist .rwcap .l11 a{color:#fff;}
.tasklist .rwcap .l11 a:hover{text-decoration:none;}
.tasklist .rwcap .l2{width:200px;padding-left:732px;}
.tasklist .rwcap .l2 a{float:left;color:#fff;margin:0 0 0 10px;padding:8px 0 0 30px;width:60px;height:24px;text-align:left;border-radius:5px;}
.tasklist .rwcap .l2 .a1{background:url(img/fb.gif) no-repeat;background-position:5px 3px;background-color:#FF500B;}
.tasklist .rwcap .l2 .a2{background:url(img/sx.gif) no-repeat;background-position:5px 3px;background-color:#87A100;}
.tasklist .rwcap .l2 a:hover{text-decoration:none;}
.tasklist .rwbt{float:left;width:1112px;margin:10px 0 0 0;background:linear-gradient(135deg, #3a7bd5 0%, #00d2ff 100%);border-radius:6px 6px 0 0;height:48px;text-align:center;color:#fff;font-weight:bold;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.tasklist .rwbt li{float:left;padding-top:10px;}
.tasklist .rwbt .l1{width:350px;text-align:left;padding-left:10px;}
.tasklist .rwbt .l2{width:146px;}
.tasklist .rwbt .l3{width:80px;}
.tasklist .rwbt .l4{width:156px;}
.tasklist .rwbt .l5{width:140px;}
.tasklist .rwbt .l6{width:150px;}
.tasklist .rwbt .l7{width:80px;}
.tasklist .ulist{float:left;height:70px;text-align:left;width:1114px;border-bottom:1px solid rgba(0,0,0,0.05);padding:10px 0 0 0;text-align:center;transition:all 0.3s ease;}
.tasklist .ulist:nth-child(odd){background:rgba(245,247,250,0.5);}
.tasklist .ulist:nth-child(even){background:rgba(195,207,226,0.1);}
.tasklist .ulist li{float:left;}
.tasklist .ulist .l1{width:351px;line-height:25px;text-align:left;padding:5px 0 0 10px;}
.tasklist .ulist .l1 a{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:330px;margin:0 auto;}
.tasklist .ulist .l1 a:hover{text-decoration:none;}
.tasklist .ulist .l2{width:128px;padding:20px 0 0 18px;text-align:left;}
.tasklist .ulist .l2 span{float:left;padding:0 0 0 30px;height:30px;width:60px;}
.tasklist .ulist .l2 .s1{background:url(img/yes.png) no-repeat;color:#ff6600;}
.tasklist .ulist .l2 .s2{background:url(img/no.png) no-repeat;color:#666;}
.tasklist .ulist .l3{width:80px;padding:20px 0 0 0;height:50px;}
.tasklist .ulist .l4{width:156px;padding:10px 0 0 0;color:#8194A1;}
.tasklist .ulist .l4 strong{font-size:22px;font-weight:100;}
.tasklist .ulist .l41{width:156px;}
.tasklist .ulist .l41 .s1{float:left;width:156px;text-align:center;}
.tasklist .ulist .l41 .s1 strong{font-size:20px;font-weight:100;color:#FB6E52;}
.tasklist .ulist .l41 .s2{float:left;width:100px;height:5px;background-color:#EEEEF4;margin:5px 28px 0 28px;}
.tasklist .ulist .l41 .s3{float:left;height:5px;background-color:#00AFEB;clear:both;margin:-5px 0 0 28px;}
.tasklist .ulist .l41 .s4{float:left;width:156px;text-align:center;margin:5px 0 0 0;}
.tasklist .ulist .l5{width:140px;padding:15px 0 0 0;color:#ff0000;}
.tasklist .ulist .l5 strong{font-size:22px;font-weight:100;}
.tasklist .ulist .l6{width:131px;padding:14px 0 0 19px;}
.tasklist .ulist .l6 span{float:left;border:#CECECE dotted 1px;padding:5px 0 0 0;height:22px;width:110px;text-align:center;}
.tasklist .ulist .l7{width:71px;padding:14px 0 0 10px;}
.tasklist .ulist .l7 a{float:left;padding:6px 0 0 0;height:23px;width:70px;}
.tasklist .ulist .l7 .a1{background:linear-gradient(to right, #ff8a00, #e52e71);color:#fff;border-radius:5px;padding:-1px 15px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;}
.tasklist .ulist .l7 .a2{background:linear-gradient(to right, #c3cfe2, #f5f7fa);color:#333;border-radius:20px;padding:8px 15px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;}
.tasklist .ulist .l7 a:hover{text-decoration:none;}
.tasklist .ulist:hover{background-color:rgba(58,123,213,0.05);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.05);}

/*����*/
.vleft{float:left;text-align:left;width:866px;}
.vleft .tinf{float:left;width:660px;text-align:left;margin:10px 0 0 0;background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);border-radius:12px;box-shadow: 0 4px 15px rgba(0,0,0,0.1);height:250px;transition: all 0.3s ease;}
.vleft .tinf .d1{float:left;width:620px;padding:20px;font-size:20px;}
.vleft .tinf .d2{float:left;margin:0 20px;width:620px;}
.vleft .tinf .d2 .ujg{float:left;width:620px;height:95px;background:url(img/new1.png) no-repeat;font-size:14px;}
.vleft .tinf .d2 .ujg li{float:left;}
.vleft .tinf .d2 .ujg .l1{width:70px;height:17px;padding:30px 0 0 20px;}
.vleft .tinf .d2 .ujg .l2{width:530px;height:36px;color:#EB0C1C;padding:11px 0 0 0;}
.vleft .tinf .d2 .ujg .l2 strong{font-size:33px;font-weight:100;}
.vleft .tinf .d2 .ujg .l2 span{color:#333;}
.vleft .tinf .d2 .ujg .l4{padding:13px 0 0 20px;color:#666666;}
.vleft .tinf .d2 .ujg .l4 span{color:#ff6600;}
.vleft .tinf .tasjdjs{float:left;width:608px;margin:10px 20px 0 20px;border:none;font-size:15px;padding:15px 0 0 15px;height:40px;background:rgba(255,255,255,0.8);border-radius:8px;box-shadow: 0 2px 8px rgba(0,0,0,0.05);transition: all 0.3s ease;}
.vleft .tinf .ubq{float:left;width:620px;font-size:14px;margin:15px 20px 0 20px;color:#666;}
.vleft .tinf .ubq li{float:left;height:30px;}
.vleft .tinf .ubq .l1{width:350px;}
.vleft .tinf .ubq .l2{width:250px;}
.vleft .tinf .zt{float:left;margin:5px 20px 0 20px;width:620px;border-top:#DDDDDD dotted 1px;padding:15px 0 0 0;}
.vleft .tinf .zt .ztu{float:left;width:620px;background:url(img/ddzt.gif) center top no-repeat;height:50px;padding:40px 0 0 0;}
.vleft .tinf .zt .ztu li{float:left;text-align:center;}
.vleft .tinf .zt .ztu li strong{float:left;text-align:center;width:100%;}
.vleft .tinf .zt .ztu li span{float:left;text-align:center;width:100%;margin:10px 0 0 0;color:#999;}
.vleft .tinf .zt .ztu .l1{width:83px;}
.vleft .tinf .zt .ztu .l2{width:186px;}
.vleft .tinf .zt .ztu .l3{width:83px;}
.vleft .tinf .zt .ztu .l4{width:186px;}
.vleft .tinf .zt .ztu .l5{width:82px;}
.vleft .tinf .zt .ztok{height:38px;float:left;margin:-90px 0 0 30px;background:url(img/ddzt1.gif) left top no-repeat;display:hidden;}
.vleft .lxinf{float:left;width:186px;height:250px;margin:10px 0 0 20px;background: linear-gradient(135deg, #a8c0ff 0%, #b8b5ff 100%);border-radius:12px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);color:#333;position:relative;overflow:hidden;transition:all 0.3s ease;}
.vleft .lxinf:hover .avatar{transform: rotate(360deg);}
.vleft .lxinf .nickname{background: rgba(255,255,255,0.8);padding: 5px 10px;border-radius: 4px;display: inline-block;margin-top: 10px;}
.lxinf:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.2);}
.lxinf:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #667eea, #764ba2);}
.lxinf .d1{float:left;width:100%;margin:25px 0 0 0;text-align:center;font-size:18px;font-weight:bold;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.3);}
.lxinf .d2{float:left;margin:15px 0 0 0;width:100%;text-align:center;}
.lxinf .d2 img{border-radius:50%;border:3px solid rgba(255,255,255,0.3);width:100px;height:100px;object-fit:cover;margin:0 auto;box-shadow:0 5px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.lxinf .d2 img:hover{transform:scale(1.05);border-color:rgba(255,255,255,0.6);}
.lxinf .d3{float:left;width:100%;margin:15px 0 0 0;text-align:center;font-size:16px;}
.lxinf .d3 a{display:inline-block;padding:10px 20px;background:rgba(255,255,255,0.2);border-radius:30px;color:#fff;font-size:14px;text-decoration:none;margin-top:10px;transition:all 0.3s ease;}
.lxinf .d3 a:hover{background:rgba(255,255,255,0.3);transform:translateY(-2px);}
.vleft .lxinf .d4{float:left;width:172px;margin:20px 17px 0 16px;font-size:14px;text-align:left;}
.vleft .lxinf .d4 .s1{float:left;background-color:#EBEBEB;padding:8px 4px 0 4px;color:#333;height:28px;margin:12px 0 0 0;width:164px;}
.vleft .lxinf .d4 .s0{background-color:#fff;margin:0;}
.vleft .taskcp{float:left;width:866px;margin:10px 0 0 0;background-color:#fff;}
.vleft .taskcp li{float:left;}
.vleft .taskcp .l1{font-size:19px;padding:15px 0 0 0;font-weight:700;height:35px;margin:0 0 0 20px;border-bottom:#2C86D2 solid 1px;width:140px;}
.vleft .taskcp .l2{height:50px;border-bottom:#E8E8E8 solid 1px;width:686px;}
.vleft .tasktxt{float:left;padding:20px;width:826px;line-height:19px;font-size:14px;background-color:#fff;}
.vleft .tasktxt img{max-width:100%;}
.vleft .tasktxt .downfj{float:left;clear:both;width:100px;margin:15px 0 0 0;padding:4px 0 0 0;height:24px;text-align:center;color:#fff;background-color:#ff6600;}
.vleft .tasktxt .downfj:hover{text-decoration:none;background-color:#ff4400;}

.vleft .jisuan{float:left;padding:20px;width:826px;background-color:#F5FAFF;margin:10px 0 0 0;text-align:center;font-size:14px;line-height:30px;}
.vleft .baojia{float:left;padding:20px;width:826px;background-color:#F5FAFF;margin:10px 0 0 0;}
.vleft .baojia .u1{float:left;width:826px;}
.vleft .baojia .u1 li{float:left;}
.vleft .baojia .u1 .l1{width:70px;height:26px;padding:4px 0 0 0;}
.vleft .baojia .u1 .l2{width:756px;height:30px;}
.vleft .baojia .u1 .l2 input{float:left;border:#ddd solid 1px;width:50px;height:26px;}
.vleft .baojia .u1 .l2 .fd{float:left;margin:4px 0 0 10px;}
.vleft .baojia .u1 .l3{width:826px;height:30px;margin:8px 0 0 0;}
.vleft .baojia .u1 .l4{width:826px;height:100px;}
.vleft .baojia .u1 .l4 textarea{float:left;width:806px;height:88px;border:#ddd solid 1px;outline:none;}
.vleft .baojia .u1 .l5{width:826px;}
.vleft .baojia .u1 .l5 input{float:left;color:#fff;font-size:14px;border:0;width:87px;height:34px;background-color:#45B6F7;cursor:pointer;}
.vleft .baojia .u1 .l5 input:hover{background-color:#30ADF5;}
.vleft .baojia .u1 .l5 .inp1{color:#000;background-color:#E8E7E7;}
.vleft .baojia .u1 .l5 .inp1:hover{color:#000;background-color:#E8E7E7;}
.vleft .baojia .u1 .l5 .jstj1{float:left;width:804px;text-align:center;color:#FF4C7D;background-color:#FFF6BF;padding:7px 0 0 0;height:27px;font-size:14px;border:#FDD845 solid 1px;}
.vleft .baojia .u1 .l5 .jstj2{float:left;width:804px;padding:20px 0;border:#FDD845 solid 1px;border-top:0;font-size:14px;}
.vleft .baojia .u1 .l5 .jstj2 a{float:left;padding:7px 30px 0 30px;height:27px;margin:0 0 0 20px;background-color:#535353;color:#fff;}
.vleft .baojia .u1 .l5 .jstj2 a:hover{text-decoration:none;background-color:#706F6F;}
.vleft .baojia .u1 .l6{width:826px;padding:0 0 15px 0;}
.vleft .taskhf{float:left;margin:10px 0 0 0;width:866px;background-color:#fff;}
.vleft .taskhf .u1{float:left;width:866px;background-color:#F9F9F9;}
.vleft .taskhf .u1 li{float:left;}
.vleft .taskhf .u1 .l1{width:80px;text-align:center;padding:10px 0;}
.vleft .taskhf .u1 .l2{width:586px;padding:10px 0 0 0;line-height:25px;}
.vleft .taskhf .u1 .l2 strong{font-size:14px;}
.vleft .taskhf .u1 .l3{width:200px;padding:10px 0 0 0;}
.vleft .taskhf .u1 .l3 a{float:right;margin:0 20px 0 0;}
.vleft .taskhf .u1 .l3 .xz{background-color:#F5FAFF;border:#EAF4FC solid 1px;text-align:center;font-size:14px;padding:8px 0 0 0;line-height:21px;width:60px;color:#45B6F7;height:50px;}
.vleft .taskhf .u1 .l3 .xz:hover{background-color:#E2EEFA;text-decoration:none;}
.vleft .taskhf .u1 .l3 .zb{float:right;margin:12px 20px 0 0;}
.vleft .taskhf .hftxt{float:left;width:846px;font-size:12px;background-color:#fff;padding:10px;line-height:28px;}

/*�Ҳ�*/
.listright{float:right;width:370px;text-align:left;}
.listright .d1{float:left;width:254px;background-color:#fff;padding:10px;margin:10px 0 0 0;}
.listright .d1 .u1{float:left;width:254px;}
.listright .d1 .u1 li{float:left;}
.listright .d1 .u1 .l1{width:70px;font-size:15px;height:27px;border-bottom:#ff6600 solid 1px;}
.listright .d1 .u1 .l2{width:184px;border-bottom:#E8E8E8 solid 1px;height:27px;}
.listright .d1 .u2{float:left;width:254px;padding:10px 0;border-bottom:#C9C9C9 dotted 1px;}
.listright .d1 .u2 li{float:left;}
.listright .d1 .u2 .l1{width:254px;padding:0 0 8px 0;}
.listright .d1 .u2 .l2{width:144px;color:#888;}
.listright .d1 .u2 .l3{width:110px;color:#888;text-align:right;}





/* 步骤流程样式 */
.steps-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 30px auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  max-width: 180px;
  position: relative;
  padding: 20px 10px;
  background: linear-gradient(135deg, #ffffff 0%, #f5f7fa 100%);
  border-radius: 12px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.step-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
}

.step-number {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: white;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
  box-shadow: 0 4px 10px rgba(99, 102, 241, 0.3);
  position: relative;
  z-index: 2;
}

.step-icon {
  font-size: 32px;
  margin-bottom: 15px;
  color: #6366f1;
  transition: color 0.3s ease;
}

.step-item:hover .step-icon {
  color: #8b5cf6;
  transform: scale(1.1);
}

.step-text {
  font-size: 16px;
  color: #4b5563;
  text-align: center;
  font-weight: 500;
}

.step-arrow {
  position: relative;
  align-self: center;
  margin: 0 5px;
  height: 2px;
  flex: 1;
  background: linear-gradient(90deg, #c7d2fe 0%, #ddd6fe 100%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.step-arrow::after {
  content: '\f054';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  font-size: 16px;
  color: #8b5cf6;
  background: white;
  padding: 0 8px;
}

/* 响应式设计 */
@media (max-width: 1024px) {
  .steps-container {
    flex-wrap: wrap;
  }

  .step-item {
    flex: 0 0 calc(33.333% - 20px);
    margin-bottom: 30px;
  }

  .step-arrow {
    display: none;
  }

  .step-item:not(:nth-child(3n))::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    color: #8b5cf6;
  }
}

@media (max-width: 768px) {
  .step-item {
    flex: 0 0 calc(50% - 15px);
  }

  .step-item:not(:nth-child(2n))::after {
    content: '\f078';
  }
}

@media (max-width: 576px) {
  .steps-container {
    flex-direction: column;
    align-items: stretch;
  }

  .step-item {
    flex: 0 0 100%;
    max-width: 100%;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    margin-bottom: 15px;
  }

  .step-number {
    margin-right: 15px;
    margin-bottom: 0;
  }

  .step-icon {
    margin-right: 15px;
    margin-bottom: 0;
    font-size: 24px;
  }

  .step-text {
    text-align: left;
  }

  .step-item:not(:last-child)::after {
    content: '\f054';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
    left: auto;
  }
}

/* Font Awesome 图标已在HTML中直接使用，此处无需额外样式定义 */










