@charset "utf-8";
@-webkit-keyframes fadeIn {
0% {opacity: 0.5;}
20% {opacity: 0.5;}
50% {opacity: 0.7;}
75% {opacity: 0.75;}
100% {opacity: 1;}
}

body{background-color:#f9f9f9;}

.viewleft{float:left;width:1000px;text-align:left;}
.viewleft .proinf.product-container{float:left;margin:10px 0 0 0;text-align:left;width:960px;background: linear-gradient(135deg, #eaeaea 0%, #ffffff 100%);padding:20px;border-radius: 12px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease, box-shadow 0.3s ease;position: relative;overflow: hidden;}
.viewleft .proinf.product-container:hover{transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}
.viewleft .proinf.product-container::after {
  content: "商家推荐";
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 40px;
  background-color: #ff7f0e;
  color: white;
  text-align: center;
  line-height: 40px;
  transform: translate(50px, 0) rotate(45deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.viewleft .proinf .pleft{float:left;width:300px;}
.viewleft .proinf .pleft .protp{float:left;width:300px;}
.viewleft .proinf .pleft .protp.img-container .product-image{width: 100%; height: auto; border-radius: 8px; border: 2px solid #e0e3e9; transition: transform 0.3s ease, border-color 0.3s ease; max-width: 100%;}
.viewleft .proinf .pleft .protp.img-container .product-image:hover{transform: scale(1.1); border-color: #4a90e2; cursor: zoom-in;}
.viewleft .proinf .pleft .u1{float:left;margin-top:10px;border:#f0f1f5 solid 1px;}
.viewleft .proinf .pleft .u1 li{float:left;height:22px;line-height:22px;padding-left:7px;}
.viewleft .proinf .pleft .u1 .l1{width:56px;border-right:#f0f1f5 solid 1px;background-color:#f8f9fc;color:#999;}
.viewleft .proinf .pleft .u1 .l2{width:92px;}
.viewleft .proinf .pleft .u11{float:right;}
.viewleft .proinf .pleft .u11 .l2{width:50px;}
.viewleft .proinf .pleft .laba{float:left;height:25px;color:#ff8400;padding-left:26px;width:272px;margin-top:10px;background:url(img/laba.gif) no-repeat;background-position:9px 7px;line-height:25px;border:#ff8400 solid 1px;}
.viewleft .proinf .pleft .u2{float:left;width:100%;margin:15px 0 0 0;}
.viewleft .proinf .pleft .u2 li{float:left;line-height:20px;}
.viewleft .proinf .pleft .u2 .l1{width:170px;text-align:left;}
.viewleft .proinf .pleft .u2 .l2{width:130px;}
.viewleft .proinf .pleft .u2 .l2 a{float:right;background:url(img/fav.gif) no-repeat;background-position:0 3px;padding:0 0 0 18px;}
.viewleft .proinf .pcenter{float:left;margin:0 10px 0 30px;width:620px;}
.viewleft .proinf .pcenter .tit{float:left;width:100%;font-weight:400;font-size:22px;}
.viewleft .proinf .pcenter .u1{float:left;width:100%;color:#999;margin-top:11px;}
.viewleft .proinf .pcenter .u1 li{float:left;padding-left:14px;padding-right:21px;height:20px;line-height:20px;cursor:default;}
.viewleft .proinf .pcenter .u1 .l1{background:url(img/x1.png) left center no-repeat;}
.viewleft .proinf .pcenter .u1 .l2{background:url(img/x2.png) left center no-repeat;}
.viewleft .proinf .pcenter .u1 .l3{background:url(img/x3.png) left center no-repeat;}
.viewleft .proinf .pcenter .u1 .l4{background:url(img/x4.png) left center no-repeat;}
.viewleft .proinf .pcenter .u1 .l5{float:right;width:150px;padding-right:0;cursor:pointer;}
.viewleft .proinf .pcenter .u1 .l5 .s1{float:right;width:150px;text-align:right;color:#ff0000;}
.viewleft .proinf .pcenter .u1 .l5 .s2{float:right;width:147px;position:relative;margin:10px 0 0 0;z-index:8;}
.viewleft .proinf .pcenter .u1 .l5 .s2 img{border:#ddd solid 1px;}
.viewleft .proinf .pcenter .xianshi{float:left;width:100%;margin-top:10px;background:url(img/hdbg.png) no-repeat;height:57px;color:#fff;overflow:hidden;}
.viewleft .proinf .pcenter .xianshi li{float:left;}
.viewleft .proinf .pcenter .xianshi .l1{font-size:18px;line-height:57px;padding:0 10px 0 17px;}
.viewleft .proinf .pcenter .xianshi .l2{height:17px;border-left:#fff solid 1px;margin:20px 0;}
.viewleft .proinf .pcenter .xianshi .l3{font-size:14px;line-height:57px;padding-left:10px;}
.viewleft .proinf .pcenter .xianshi .l4{float:right;}
.viewleft .proinf .pcenter .xianshi .l4 a{float:left;border:#fff solid 1px;width:54px;height:24px;background:url(img/huang.png) no-repeat;padding-left:26px;background-position:8px 7px;line-height:24px;color:#fff;margin:15px 15px 0 0;}
.viewleft .proinf .pcenter .u2{float:left;width:100%;height:50px;line-height:50px;margin-top:16px;background-color:#c9c9c9;font-size:14px;}
.viewleft .proinf .pcenter .u2 li{float:left;}
.viewleft .proinf .pcenter .u2 .l1{background:url(img/zz.png) no-repeat;background-position:23px 19px;padding-left:41px;color:#666;}
.viewleft .proinf .pcenter .u2 .l2{background:url(img/dian.png) left center no-repeat;padding-left:9px;margin-left:18px;color:#999;}
.viewleft .proinf .pcenter .u2 .l2 span{cursor:default;}
.viewleft .proinf .pcenter .u3{float:left;width:100%;margin:15px 0 5px 0;}
.viewleft .proinf .pcenter .u3 li{float:left;}
.viewleft .proinf .pcenter .u3 .l1{color:#ef1c2b;}
.viewleft .proinf .pcenter .u3 .l1 span{float:left;}
.viewleft .proinf .pcenter .u3 .l1 .s1{margin-top:11px;}
.viewleft .proinf .pcenter .u3 .l1 .s2{font-size:25px;}
.viewleft .proinf .pcenter .u3 .l1 .s3{margin:10px 0 0 5px;font-size:14px;}
.viewleft .proinf .pcenter .u3 .l2{color:#ef1c2b;margin:12px 0 0 10px;}
.viewleft .proinf .pcenter .u3 .l2 span{color:#505050;}
.viewleft .proinf .pcenter .u3 .l3{margin:12px 0 0 10px;}
.viewleft .proinf .pcenter .u3 .l3 a{color:#ef1c2b;}
.viewleft .proinf .pcenter #vipmoney{float:left;width:300px;border:#ddd solid 1px;border-top:0;background-color:#fff;}
.viewleft .proinf .pcenter #vipmoney .djmcap{float:left;width:300px;height:27px;background-color:#f2f2f2;font-weight:700;}
.viewleft .proinf .pcenter #vipmoney .djmcap li{float:left;padding:5px 0 0 0;}
.viewleft .proinf .pcenter #vipmoney .djmcap .l1{width:90px;padding-left:10px;}
.viewleft .proinf .pcenter #vipmoney .djmcap .l2{width:100px;}
.viewleft .proinf .pcenter #vipmoney .djmcap .l3{width:100px;}
.viewleft .proinf .pcenter #vipmoney .djm{float:left;width:300px;height:27px;border-bottom:#E5E5E5 solid 1px;}
.viewleft .proinf .pcenter #vipmoney .djm li{float:left;padding:5px 0 0 0;}
.viewleft .proinf .pcenter #vipmoney .djm .l1{width:90px;padding-left:10px;}
.viewleft .proinf .pcenter #vipmoney .djm .l2{width:100px;}
.viewleft .proinf .pcenter #vipmoney .djm .l3{width:100px;}
.viewleft .proinf .pcenter #vipmoney .djkt{float:left;width:300px;}
.viewleft .proinf .pcenter #vipmoney .djkt li{float:left;}
.viewleft .proinf .pcenter #vipmoney .djkt .l1{width:280px;padding:10px 10px 0 10px;height:30px;}
.viewleft .proinf .pcenter #vipmoney .djkt .l1 a{float:left;font-size:14px;width:280px;color:#fff;border-radius:4px;padding:5px 0 0 0;height:25px;background-color:#EC3A34;text-align:center;}
.viewleft .proinf .pcenter #vipmoney .djkt .l1 a:hover{text-decoration:none;}
.viewleft .proinf .pcenter #vipmoney .djkt .l2{padding:10px;}
.viewleft .proinf .pcenter .utc{float:left;width:618px;padding-top:5px;border:#fff solid 1px;font-size:14px;}
.viewleft .proinf .pcenter .utc li{float:left;}
.viewleft .proinf .pcenter .utc .l1{width:47px;padding:1px 0 0 9px;line-height:33px;}
.viewleft .proinf .pcenter .utc .l2{width:562px;}
.viewleft .proinf .pcenter .utc .l2 a{text-align:center;float:left;min-width:10px;height:33px;line-height:33px;border:1px solid #dedede;padding:0 10px 0 13px;color:#333;margin:0 10px 5px 0;}
.viewleft .proinf .pcenter .utc .l2 a:hover{color:#E8393C;text-decoration:none;}
.viewleft .proinf .pcenter .utc .l2 .a1{min-width:10px;border:1px solid #E52222;color:#E8393C;text-decoration:none;}
.viewleft .proinf .pcenter .utc1{border:#fb1016 solid 1px;border-radius:2px;}
.viewleft .proinf .pcenter .u6{float:left;width:45px;height:35px;margin:10px 0 0 0;border:#DEE3E9 solid 1px;}
.viewleft .proinf .pcenter .u6 li{float:left;}
.viewleft .proinf .pcenter .u6 .l1{width:29px;}
.viewleft .proinf .pcenter .u6 .l1 input{float:left;width:29px;height:28px;padding:7px 0 0 0;border:0;text-align:center;font-weight:700;font-size:16px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.viewleft .proinf .pcenter .u6 .l1 input{height:35px;padding:0 0 0 0;}
}
.viewleft .proinf .pcenter .u6 .l2{width:15px;height:35px;border-left:#dee3e9 solid 1px;font-family:Arial, Helvetica, sans-serif;}
.viewleft .proinf .pcenter .u6 .l2 a{float:left;width:15px;height:17px;text-align:center;}
.viewleft .proinf .pcenter .u6 .l2 .a1{background-color:#F3F4F9;border-bottom:#dee3e9 solid 1px;}
.viewleft .proinf .pcenter .u6 .l2 .a2{background-color:#F3F4F8;}
.viewleft .proinf .pcenter .u6 .l2 a:hover{text-decoration:none;}
.viewleft .proinf .pcenter .buydiv{float:left;margin:10px 0 0 10px;width:563px;}
.viewleft .proinf .pcenter .buydiv a{float:left;border-radius: 6px;margin-right:13px;height:37px;padding:0 20px 0 41px;line-height:37px;font-size:15px;font-weight: 500;transition: all 0.3s ease;}
.viewleft .proinf .pcenter .buydiv .buy{background:url(img/buy1.png) no-repeat;background-position:22px 13px;background-color:#4a90e2;color:#fff;}
.viewleft .proinf .pcenter .buydiv .buy:hover{background-color:#357abd;transform: translateY(-2px);}
.viewleft .proinf .pcenter .buydiv .ysweb{background:url(img/ys.png) no-repeat;background-position:22px 14px;background-color:#6a5acd;color:#fff;}
.viewleft .proinf .pcenter .buydiv .ysweb:hover{background-color:#594aaf;transform: translateY(-2px);}
.viewleft .proinf .pcenter .buydiv .car{background:url(img/carbg.png) no-repeat;background-position:22px 12px;background-color:#ff9800;color:#fff;}
.viewleft .proinf .pcenter .buydiv .car:hover{background-color:#e68a00;transform: translateY(-2px);}

.viewleft .viewmain{float:left;text-align:left;width:1000px;margin:20px 0 0 0;}
.viewleft .viewmain .ucap{float:left;width:1000px;height:59px;background: linear-gradient(180deg, #f8f9fa 0%, #e9eceff5 100%);border-bottom: 2px solid #4a90e2;overflow: hidden; border-radius: 8px 8px 0 0;}
.viewleft .viewmain .ucap li{float:left;border-right: 1px solid #d1d5db;height:41px;padding:18px 45px 0 45px;font-size:16px;cursor:pointer;transition: all 0.3s ease; margin-bottom: 10px;}
.viewleft .viewmain .ucap li:hover{background-color: #f1f5f9;transform: translateY(-2px);}
.viewleft .viewmain .ucap .l1{background-color: #4a90e2;color: #fff;font-weight:700;box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);}
.viewleft .viewmain .ucap li strong{color:#ff6600;font-weight:100;}
.viewleft .viewmain .ucap .l2{border-right:0;padding:0;float:right;display:none;}
.viewleft .viewmain .ucap .l2 a{float:left;border-radius:3px;margin:11px 11px 0 0;height:37px;padding:0 20px 0 41px;line-height:37px;font-size:15px;background:url(img/buy1.png) no-repeat;background-position:22px 13px;background-color:#fb1016;color:#fff;}
.viewleft .viewmain .fixednav{position:fixed;top:0px;background-color:#F7F7F7;border-bottom:#e5e5e5 solid 1px;}
.viewleft .viewmain .fixednav .l2{display:block;}
.viewleft .viewmain .ucapH{float:left;width:100%;height:60px;display:none;}
.viewleft .viewmain .viewtxt{float:left;width:960px;padding:20px;line-height:25px;border-top:0;font-size:14px;background-color:#fff;text-align:left;}
.viewleft .viewmain .viewtxt .txtad{float:left;width:960px;}
.viewleft .viewmain .viewtxt img{max-width:960px;}
.viewleft .viewmain .viewtxt .probqm{float:left;width:958px;margin:0 0 15px 0;}
.viewleft .viewmain .viewtxt .probq{float:left;border: 1px solid #e0e0e0;font-size:14px;margin:10px 0 0 0;border-radius: 8px;background-color: #fefefe;}
.viewleft .viewmain .viewtxt .probq li{float:left;border-bottom: none;padding:0 15px;height:62px;border-right: none;line-height:62px;overflow:hidden;background: linear-gradient(180deg, #f8f9fa 0%, #f0f2f5 100%);transition: all 0.3s ease;}
.viewleft .viewmain .viewtxt .probq li:hover{background: linear-gradient(180deg, #f0f2f5 0%, #e9ecef 100%);transform: translateY(-2px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}
.viewleft .viewmain .viewtxt .probq .l1{width:92px;background-color: transparent;color:#4a90e2;font-weight: 600;}
.viewleft .viewmain .viewtxt .probq .l2{width:185px;cursor:default;border-radius: 4px;}
.viewleft .viewmain .viewtxt .clear{float:left;width:100%;}
.viewleft .viewmain .videomain{float:left;width:960px;padding:0 20px 20px 20px;background-color:#fff;}
.viewleft .viewmain .videofr{float:left;width:821px;height:470px;background-color:#fff;border:#e5e5e5 solid 1px;border-right:0;}
.viewleft .viewmain .videolist{float:left;width:137px;background-color:#E3F7F5;text-align:left;height:470px;border:#e5e5e5 solid 1px;border-left:0;overflow-y:scroll;}
.viewleft .viewmain .videolist a{float:left;width:104px;padding:8px;}
.viewleft .viewmain .videolist a:hover{text-decoration:none;}
.viewleft .viewmain .videolist .a1{background-color:#fff;color:#16A495;}
.viewleft .viewmain .bqcap{float:left;width:1000px;background-color:#fff;padding:25px 0 10px 0;margin:10px 0 0 0;}
.viewleft .viewmain .bqcap li{float:left;}
.viewleft .viewmain .bqcap .l1{width:1000px;height:45px;background:url(img/capbg1.gif) center top no-repeat;font-weight:700;font-size:25px;color:#424242;text-align:center;}

.viewleft .viewmain .pjcap{float:left;width:1000px;background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);padding:15px 0;border-bottom: 2px solid #4a90e2;border-radius: 4px;}
.viewleft .viewmain .pjcap li{float:left;}
.viewleft .viewmain .pjcap .l2{border-right: 1px solid #d1d5db;width:120px;margin:10px 0;height:40px;text-align:center;color:#4b5563;line-height:20px;transition: all 0.3s ease;}
.viewleft .viewmain .pjcap .l2:hover{transform: translateY(-2px);}
.viewleft .viewmain .pjcap .l2 strong{font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#4a90e2;}
.viewleft .viewmain .pjcap .l3{width:486px;}
.viewleft .viewmain .pjcap .l3 a{float:right;margin:10px 0 0 0;color:#fff;background-color:#4a90e2;width:150px;font-size:14px;height:29px;text-align:center;padding:10px 0 0 0;border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.viewleft .viewmain .pjcap .l3 a:hover{background-color:#357abd;transform: translateY(-2px);}

.viewleft .viewmain .wenda1{float:left;width:1000px;background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%);padding:20px 0;border-radius: 4px;text-align:center;font-size:14px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.viewleft .viewmain .wenda1:hover{transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
.viewleft .viewmain .wenda1 a{color:#4a90e2;border: 1px solid #4a90e2;padding:7px 20px;border-radius: 4px;text-align:center;transition: all 0.3s ease;}
.viewleft .viewmain .wenda1 a:hover{background-color:#4a90e2;color:#fff;transform: translateY(-2px);}
.viewleft .viewmain .wdlist{float:left;width:960px;padding:15px 20px;border-bottom: none;font-size:14px;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);text-align:left;border-radius: 8px;margin-bottom: 15px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.viewleft .viewmain .wdlist:hover{transform: translateY(-3px);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}
.viewleft .viewmain .wdlist .u1{float:left;width:960px;}
.viewleft .viewmain .wdlist .u1 li{float:left;}
.viewleft .viewmain .wdlist .u1 .l1{width:25px;margin:0px 0 0 0;}
.viewleft .viewmain .wdlist .u1 .l1 span{float:left;color:#fff;background-color:#ff9911;width:19px;height:19px;border-radius:50%;text-align:center;padding:0;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.viewleft .viewmain .wdlist .u1 .l2{width:730px;font-weight:700;color:#374151;}
.viewleft .viewmain .wdlist .u1 .l3{width:205px;color:#6b7280;text-align:right;}
.viewleft .viewmain .wdlist .u2{float:left;width:960px;margin:15px 0 0 0;}
.viewleft .viewmain .wdlist .u2 li{float:left;}
.viewleft .viewmain .wdlist .u2 .l1{width:25px;margin:0px 0 0 0;}
.viewleft .viewmain .wdlist .u2 .l1 span{float:left;color:#fff;background-color:#84cc16;width:19px;height:19px;border-radius:50%;text-align:center;padding:0;display: flex;align-items: center;justify-content: center;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.viewleft .viewmain .wdlist .u2 .l2{width:730px;font-weight:700;color:#374151;}
.viewleft .viewmain .wdlist .u2 .l3{width:205px;color:#6b7280;text-align:right;}

.viewleft .viewmain .pjlist{float:left;width:960px;background-color:#fff;padding:0 20px 20px 20px;}
.viewleft .viewmain .pjlist .pj{float:left;width:960px;margin:20px 0 0 0;background-color:#fff;padding:5px 0 5px 0;}
.viewleft .viewmain .pjlist .pj .u1{float:left;text-align:center;width:100px;}
.viewleft .viewmain .pjlist .pj .u1 li{float:left;}
.viewleft .viewmain .pjlist .pj .u1 .l1{width:100px;padding:0 0 5px 0;}
.viewleft .viewmain .pjlist .pj .u1 .l1 img{border-radius:50px;}
.viewleft .viewmain .pjlist .pj .u1 .l2{width:100px;color:#999;}
.viewleft .viewmain .pjlist .pj .u2{float:left;text-align:left;width:730px;}
.viewleft .viewmain .pjlist .pj .u2 li{float:left;}
.viewleft .viewmain .pjlist .pj .u2 .l1{border-bottom:#DBDBDB dotted 1px;font-size:16px;padding:0 0 5px 0;line-height:25px;width:730px;}
.viewleft .viewmain .pjlist .pj .u2 .l1 img{border:#f2f2f2 solid 1px;margin:5px 5px 0 0;}
.viewleft .viewmain .pjlist .pj .u2 .l2{padding:10px 0 0 0;line-height:20px;width:730px;font-size:14px;color:#AF874D;}
.viewleft .viewmain .pjlist .pj .u2 .l3{padding:10px 0 0 0;width:730px;color:#999;}
.viewleft .viewmain .pjlist .pj .d2{float:right;color:#FFD600;font-size:16px;width:130px;text-align:right;}
.viewleft .viewmain .pjlist .pj .d2 span{float:left;padding:0 30px 0 0;width:100px;}
.viewleft .viewmain .pjlist .pj .d2 .s1{background:url(img/pj1.gif) right center no-repeat;}
.viewleft .viewmain .pjlist .pj .d2 .s2{background:url(img/pj2.gif) right center no-repeat;}
.viewleft .viewmain .pjlist .pj .d2 .s3{background:url(img/pj3.gif) right center no-repeat;}
.viewleft .viewmain .pjlist .pj .d3{float:right;width:80px;height:28px;padding:8px 0 0 50px;}
.viewleft .viewmain .pjlist .pj .d3 .img1{float:left;}
.viewleft .viewmain .pjlist .pj .d3 .pf{float:left;margin-top:-15px;height:15px;overflow:hidden;}
.viewleft .viewmain .pjlist .pj1{border-left:#FFAC13 solid 2px;}
.viewleft .viewmain .pjlist .pj2{border-left:#83C44E solid 2px;}
.viewleft .viewmain .pjlist .pj3{border-left:#2196F3 solid 2px;}
.viewleft .viewmain .allpj{float:left;width:1000px;background-color:#fff;padding:0 0 15px 0;}
.viewleft .viewmain .allpj a{color:#999;border:#dedede solid 1px;padding:7px 0 0 0;height:27px;margin-left:425px;float:left;font-size:14px;width:148px;border-radius:5px;text-align:center;}
.viewleft .viewmain .allpj a:hover{background-color:#f2f2f2;}

.viewright{float:right;width:237px;text-align:left;margin-top:10px;}
.viewright .userinf{float:left;width:235px;background-color:#fff;border:#f0f0f0 solid 1px;padding-bottom:15px;}
.viewright .userinf {border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s, box-shadow 0.3s;}
.viewright .userinf:hover {transform: translateY(-5px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
.viewright .userinf .u1{float:left;width:235px;background: linear-gradient(135deg, #ccca0c 0%, #7cd3c4 100%);height: auto;border-radius: 8px 8px 0 0;box-shadow: none;}

.viewright .userinf .u1 li{float:left;}
.viewright .userinf .u1 .l1{width:35px;padding:2px;border:#eeeeee solid 1px;margin:9px 0 0 12px;}
.viewright .userinf .u1 .l1 img{width:35px;height:35px;float:left;border-radius: 50%;}
.viewright .userinf .u1 .l2{width:170px;margin:9px 0 0 12px;}
.viewright .userinf .u1 .l2 a{font-size:13px;font-weight:700;float:left;width:100%;height:20px;overflow:hidden;line-height:20px;}
.viewright .userinf .u1 .l2 .s1{float:left;margin-top:4px;}

.viewright .userinf .u6 .l1 a {background-color: #ff7f0e;color: white;border: none;border-radius: 4px;transition: all 0.3s;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}

.viewright .userinf .u6 .l1 a:hover {background-color: #d96b0b;transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.viewright .userinf .u1 .l1{width:35px;padding:2px;border:#eeeeee solid 1px;margin:9px 0 0 12px;}
.viewright .userinf .u1 .l1 img{width:35px;height:35px;float:left;border-radius: 50%;}
.viewright .userinf .u1 .l2{width:170px;margin:9px 0 0 12px;}
.viewright .userinf .u1 .l2 a{font-size:13px;font-weight:700;float:left;width:100%;height:20px;overflow:hidden;line-height:20px;}
.viewright .userinf .u1 .l2 .s1{float:left;margin-top:4px;}
.viewright .userinf .u2{float:left;width:209px;margin:13px 13px 0 13px;border-bottom:#ededed solid 1px;}
.viewright .userinf .u2 li{float:left;}
.viewright .userinf .u2 .l1{width:60px;height:26px;}
.viewright .userinf .u2 .l2{width:149px;height:26px;}
.viewright .userinf .u3{float:left;width:209px;margin:10px 13px 0 13px;border-bottom:#ededed solid 1px;padding-bottom:10px;}
.viewright .userinf .u3 li{float:left;}
.viewright .userinf .u3 .l1{font-size:15px;font-weight:700;background:url(img/lx.gif) left center no-repeat;padding-left:24px;width:185px;line-height:25px;height:25px;}
.viewright .userinf .u3 .l2{line-height:30px;height:30px;padding-left:24px;width:185px;background:url(../../img/qqsmall.png) left center no-repeat;}
.viewright .userinf .u3 .l3{line-height:20px;height:20px;padding-left:24px;width:185px;background:url(../../img/wxsmall.gif) left center no-repeat;}
.viewright .userinf .u4{float:left;width:209px;margin:3px 13px 0 13px;border-bottom:#ededed solid 1px;}
.viewright .userinf .u4 li{float:left;}
.viewright .userinf .u4 .l1{font-size:15px;font-weight:700;background:url(img/sj.gif) left center no-repeat;padding-left:24px;width:185px;line-height:36px;height:36px;}
.viewright .userinf .u4 .l2{width:149px;height:26px;}
.viewright .userinf .u5{float:left;width:212px;margin:10px 0 0 11px;}
.viewright .userinf .u5 li{float:left;width:70px;color:#999999;border-right:#ededed solid 1px;height:37px;padding-top:1px;text-align:center;line-height:19px;}
.viewright .userinf .u5 .l0{border-right:0;}
.viewright .userinf .u5 li span{color:#ff6600;}
.viewright .userinf .u6{float:left;width:235px;}
.viewright .userinf .u6 li{float:left;}
.viewright .userinf .u6 .l1{width:235px;}
.viewright .userinf .u6 .l1 a{float:left;width:63px;height:30px;border:#e5e5e5 solid 1px;color:#666;margin:10px 0 0 15px;line-height:30px;padding-left:29px;}
.viewright .userinf .u6 .l1 .a1{background:url(img/shop1.gif) no-repeat;background-position:8px 8px;}
.viewright .userinf .u6 .l1 .a2{background:url(img/shop1.gif) no-repeat;background-position:8px 8px;}
.viewright .userinf .u6 .l1 a:hover{color:#000;}
.viewright .userinf .dub{float:left;background:url(img/bao.gif) no-repeat;background-position:10px 10px;width:173px;padding-left:30px;border:#c6f6bc solid 1px;height:35px;color:#2e8a11;margin:10px 0 0 15px;font-size:13px;background-color:#f6fdf4;line-height:35px;}
.viewright .userinf .dub strong{font-size:15px;font-weight:500;color:#ff6600;}
.viewright .ulist1{float:left;width:233px;border:#E5E5E5 solid 1px;margin:10px 0 0 0;background-color:#fff;}
.viewright .ulist1 li{float:left;width: 100%;margin-bottom: 10px; /* 增加 li 之间的间距 */}
.viewright .ulist1 .l1{font-size:14px;font-weight:700;background: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%); /* 美化状态栏背景 */height:35px; /* 增高状态栏 */width:223px;padding:10px 0 0 10px;border-radius: 4px 4px 0 0; /* 增加圆角 */box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* 增加阴影 */border-bottom: 2px solid #4a90e2; /* 新增下划线 */}
.viewright .ulist1 .l2 {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.viewright .ulist1 .l2:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}
.viewright .ulist1 .l2 img {
  width: 100%;
  height: 222px; /* 进一步增加图片高度 */
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  border: none;
  padding: 0;
}
.viewright .ulist1 .l2 .a1 {
  padding: 12px 8px;
  font-size: 14px;
  color: #247FBD;
  width: calc(100% - 16px); /* 确保宽度减去左右内边距 */
  height: auto;
  margin: 5px 8px 0 8px; /* 左右添加 8px 间隙，和左侧一致 */
}
.viewright .ulist1 .l2 .a1:hover {
  color: #ff6600;
}
.viewright .ulist1 .l2 strong {
  position: absolute;
bottom: 86px;
    right: 5px;
  background-color: #ff7f0e;
  color: white;
  padding: 4px 8px;
  border-radius: 4px 0 0 0;
  font-size: 14px;
  margin-left: 0;
}