/*������*/
.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:#F1F1F1;padding:0 0 20px 0;}
.hy{float:left;width:1150px;text-align:left;margin:10px 0 0 0;}
.hy .d0{float:left;width:420px;border-radius:12px;height:164px;background: linear-gradient(135deg, #6e48aa 0%, #9d50bb 100%);box-shadow: 0 4px 15px rgba(0,0,0,0.2);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;}
.hy .d0:hover{transform: translateY(-10px) scale(1.02);box-shadow: 0 12px 28px rgba(0,0,0,0.25);}
.hy .d0:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #ff8a00, #e52e71);}
.hy .d0 .a1,.hy .d0 .a2{background:linear-gradient(to right, #ff8a00, #e52e71);border:none;color:white;font-weight:bold;text-shadow:0 1px 2px rgba(0,0,0,0.2);box-shadow:0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.hy .d0 .a1:hover,.hy .d0 .a2:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.3);}
.hy .d0:hover{transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.hy .d0 .a1{text-align:center;background: linear-gradient(to right, #FF8C00, #FF6620);float:left;width:110px;height:32px;line-height:32px;border-radius:16px;font-size:14px;margin:65px 0 0 80px;color:#fff;box-shadow: 0 2px 5px rgba(255,102,32,0.3);transition: all 0.3s ease;}
.hy .d0 .a2{text-align:center;background: linear-gradient(to right, #87A100, #6B8E23);float:left;width:110px;height:32px;line-height:32px;border-radius:16px;font-size:14px;margin:65px 0 0 20px;color:#fff;box-shadow: 0 2px 5px rgba(135,161,0,0.3);transition: all 0.3s ease;}
.hy .d0 a:hover{text-decoration:none;transform: translateY(-2px);box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.hy .d0 .a1:hover{background: linear-gradient(to right, #FF6620, #FF4500);}
.hy .d0 .a2:hover{background: linear-gradient(to right, #6B8E23, #556B2F);}
.hy .d1{float:left;width:420px;border-radius:12px;height:164px;background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);box-shadow: 0 4px 15px rgba(0,0,0,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(-10px) scale(1.02);box-shadow: 0 12px 28px rgba(0,0,0,0.25);}
.hy .d1:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #00d2ff, #3a7bd5);}
.hy .d1 .u1{float:left;width:420px;background-color:#fff;height:95px;}
.hy .d1 .u1 li{float:left;}
.hy .d1 .u1 .l1{width:93px;height:77px;padding:12px 0 0 12px;}
.hy .d1 .u1 .l2{width:315px;font-size:14px;padding:8px 0 0 0;line-height:22px;}
.hy .d1 .u1 .l2 .s1{float:left;width:315px;height:50px;}
.hy .d1 .u1 .l2 .s1 span{font-size:12px;}
.hy .d1 .u1 .l2 .s1 img{float:left;margin:4px 0 0 0;}
.hy .d1 .u1 .l2 .s1 span{float:left;margin:4px 30px 0 5px;}
.hy .d1 .u1 .l2 .a1{float:left;color:#fff;width:41px;height:22px;background-color:#FF6620;text-align:center;margin:5px 0 0 0;}
.hy .d1 .u1 .l2 .a2{float:left;color:#fff;width:41px;height:22px;background-color:#87A100;margin:5px 0 0 10px;text-align:center;}
.hy .d1 .u1 .l2 a:hover{text-decoration:none;}
.hy .d1 .u2{float:left;width:420px;height:68px;background-color:#f8f8f8;}
.hy .d1 .u2 li{float:left;}
.hy .d1 .u2 .l1{margin:8px 0 0 0;height:52px;border-right:#DDDDDD dotted 1px;text-align:center;width:95px;}
.hy .d1 .u2 .l1 .s1{float:left;width:100%;color:#666695;font-size:15px;margin:4px 0 0 0;}
.hy .d1 .u2 .l1 .s2{float:left;width:100%;font-size:18px;margin:5px 0 0 0;}
.hy .d1 .u2 .l0{border-right:0;}
.hy .d1 .u2 .l2{width:132px;}
.hy .d2{float:left;width:322px;border-radius:12px;height:136px;background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);box-shadow: 0 4px 15px rgba(0,0,0,0.2);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden;color:white;padding:15px;}
.hy .d2:hover{transform: translateY(-10px) scale(1.02);box-shadow: 0 12px 28px rgba(0,0,0,0.25);}
.hy .d2:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #4b6cb7, #182848);}
.hy .d2 .u1{list-style:none;margin:0;padding:0;}
.hy .d2 .u1 .cap{font-size:18px;font-weight:bold;margin-bottom:10px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.3);}
.hy .d2 .u1 .mo{position:absolute;top:15px;right:15px;}
.hy .d2 .u1 .mo a{color:#fff;text-decoration:none;font-size:12px;}
.hy .d2 .u1 .mo a:hover{text-decoration:underline;}
.hy .d2 .u1 .l1,.hy .d2 .u1 .l2{display:inline-block;width:48%;margin-bottom:5px;}
.hy .d2 .u1 .l1 a{color:#fff;text-decoration:none;transition:all 0.2s ease;}
.hy .d2 .u1 .l1 a:hover{color:#ffcc00;text-decoration:underline;}
.hy .d2 .u1 .l2{color:#cce0ff;font-size:12px;text-align:right;}
.hy .d3{float:left;width:375px;border-radius:12px;height:164px;overflow:hidden;box-shadow: 0 4px 15px rgba(0,0,0,0.2);transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);}
.hy .d3:hover{transform: translateY(-10px) scale(1.02);box-shadow: 0 12px 28px rgba(0,0,0,0.25);}
.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: center;
 width: 92%;
 float: left;
 margin: 20px 0;
 padding: 15px;
 background: linear-gradient(135deg, #f9f9f9, #ffffff);
 border-radius: 8px;
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 box-sizing: border-box;
}

.step-item {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 margin: 0 20px;
 position: relative;
 width: 160px;
 transition: all 0.3s ease;
}

.step-item:hover {
 transform: translateY(-5px);
}

.step-number {
 width: 36px;
 height: 36px;
 border-radius: 50%;
 background: linear-gradient(135deg, #38B549, #2A9D3E);
 color: white;
 font-size: 18px;
 font-weight: bold;
 display: flex;
 align-items: center;
 justify-content: center;
 margin-bottom: 10px;
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.step-icon {
 font-size: 24px;
 margin-bottom: 10px;
 color: #38B549;
}

.step-text {
 font-size: 14px;
 color: #333;
 text-align: center;
}

.step-arrow {
 width: 30px;
 height: 30px;
 position: relative;
 margin: 0 5px;
}

.step-arrow::before {
 content: '';
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
 height: 2px;
 background: #38B549;
}

.step-arrow::after {
 content: '';
 position: absolute;
 top: calc(50% - 5px);
 right: 0;
 width: 10px;
 height: 10px;
 border-top: 2px solid #38B549;
 border-right: 2px solid #38B549;
 transform: rotate(45deg);
 background: white;
}

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

 .step-item {
  margin: 10px;
 }

 .step-arrow {
  display: none;
 }

 .step-item:not(:last-child)::after {
  content: '→';
  position: absolute;
  top: 30px;
  right: -20px;
  color: #38B549;
  font-size: 16px;
 }
}

@media (max-width: 480px) {
 .steps-container {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 30px;
 }

 .step-item {
  flex-direction: row;
  margin: 10px 0;
  width: 100%;
 }

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

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

 .step-item:not(:last-child)::after {
  content: '↓';
  top: 50px;
  right: 50%;
  transform: translateX(50%);
 }
}

/* 步骤图标样式 */
.icon-register::before {
 content: '📝';
}

.icon-auth::before {
 content: '🆔';
}

.icon-publish::before {
 content: '📤';
}

.icon-review::before {
 content: '👀';
}

.icon-success::before {
 content: '✅';
}










