@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:#f5f5f5;}

.viewleft{float:left;width:1000px;text-align:left;}
.viewleft .proinf{float:left;margin:10px 0 0 0;text-align:left;width:960px;background-color:#fff;padding:20px;}
.viewleft .proinf .pleft{float:left;width:300px;}
.viewleft .proinf .pleft .protp{float:left;width:300px;border-radius:10px;overflow:hidden;}
.viewleft .proinf .pleft .protp img{
  display:block;width:298px;height:auto;
  border:#e9ecf3 solid 1px;border-radius:10px;background:#f5f7fa;
}
.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;background-size:100% 100%;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:#fafbfd;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:5px;margin-right:13px;height:37px;padding:0 20px 0 41px;line-height:37px;font-size:15px;}
.viewleft .proinf .pcenter .buydiv .buy{background:url(img/buy1.png) no-repeat;background-position:22px 13px;background-color:#fb1016;color:#fff;}
.viewleft .proinf .pcenter .buydiv .ysweb{background:url(img/ys.png) no-repeat;background-position:22px 14px;background-color:#7270f3;color:#fff;}
.viewleft .proinf .pcenter .buydiv .car{background:url(img/carbg.png) no-repeat;background-position:22px 12px;background-color:#ff8400;color:#fff;}

.viewleft .viewmain{float:left;text-align:left;width:1000px;margin:20px 0 0 0;}
.viewleft .viewmain .ucap{float:left;width:1000px;height:59px;background-color:#FAFAFA;overflow:hidden;}
.viewleft .viewmain .ucap li{float:left;border-right:#E5E5E5 solid 1px;height:41px;padding:18px 30px 0 30px;font-size:15px;cursor:pointer;}
.viewleft .viewmain .ucap .l1{
	background-color:#fff;color:#2c6bea;font-weight:700;
	border-top:2px solid #2c6bea;padding-top:16px;
}
.viewleft .viewmain .ucap li strong{color:#2c6bea;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-left:#F5F4F4 solid 1px;border-top:#F5F4F4 solid 1px;font-size:14px;margin:10px 0 0 0;}
.viewleft .viewmain .viewtxt .probq li{float:left;border-bottom:#F5F4F4 solid 1px;padding:0 10px 0 10px;height:62px;border-right:#F5F4F4 solid 1px;line-height:62px;overflow:hidden;}
.viewleft .viewmain .viewtxt .probq .l1{width:92px;background-color:#FAFAFA;color:#8F8F8F;}
.viewleft .viewmain .viewtxt .probq .l2{width:185px;cursor:default;}
.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-color:#fff;padding:0 0 10px 0;border-bottom:#F6F5F7 solid 1px;}
.viewleft .viewmain .pjcap li{float:left;}
.viewleft .viewmain .pjcap .l2{border-right:#E5E5E5 dotted 1px;width:120px;margin:10px 0 0 0;height:40px;text-align:center;color:#999;line-height:20px;}
.viewleft .viewmain .pjcap .l2 strong{font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#2c6bea;}
.viewleft .viewmain .pjcap .l3{width:486px;}
.viewleft .viewmain .pjcap .l3 a{float:right;margin:18px 0 0 0;color:#fff;background-color:#2c6bea;width:150px;font-size:14px;height:29px;text-align:center;padding:10px 0 0 0;}

.viewleft .viewmain .wenda1{float:left;width:1000px;background-color:#fff;padding:20px 0 20px 0;text-align:center;font-size:14px;}
.viewleft .viewmain .wenda1 a{color:#999;border:#dedede solid 1px;padding:7px 20px 7px 20px;border-radius:5px;text-align:center;}
.viewleft .viewmain .wenda1 a:hover{background-color:#f2f2f2;}
.viewleft .viewmain .wdlist{float:left;width:960px;padding:15px 20px 15px 20px;border-bottom:#EDEDED solid 1px;font-size:14px;background-color:#fff;text-align:left;}
.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:16px;text-align:center;padding:0 0 0 0;}
.viewleft .viewmain .wdlist .u1 .l2{width:730px;font-weight:700;}
.viewleft .viewmain .wdlist .u1 .l3{width:205px;color:#999;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:#99BB11;width:19px;height:19px;border-radius:16px;text-align:center;padding:0 0 0 0;}
.viewleft .viewmain .wdlist .u2 .l2{width:730px;font-weight:700;}
.viewleft .viewmain .wdlist .u2 .l3{width:205px;color:#999;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:320px;text-align:left;margin-top:10px;}
.viewright .userinf{float:left;width:318px;background-color:#fff;border:#f0f0f0 solid 1px;padding-bottom:15px;}
.viewright .userinf .u1{float:left;width:318px;background:url(img/ubg.gif) repeat-x;height:62px;}
.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;}
.viewright .userinf .u1 .l2{width:250px;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:292px;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:232px;height:26px;}
.viewright .userinf .u3{float:left;width:292px;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:268px;line-height:25px;height:25px;}
.viewright .userinf .u3 .l2{line-height:30px;height:30px;padding-left:24px;width:268px;background:url(img/qqsmall.png) left center no-repeat;}
.viewright .userinf .u3 .l3{line-height:20px;height:20px;padding-left:24px;width:268px;background:url(img/wxsmall.gif) left center no-repeat;}
.viewright .userinf .u4{float:left;width:292px;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:268px;line-height:36px;height:36px;}
.viewright .userinf .u4 .l2{width:149px;height:26px;}
.viewright .userinf .u5{float:left;width:295px;margin:10px 0 0 11px;}
.viewright .userinf .u5 li{float:left;width:98px;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:318px;}
.viewright .userinf .u6 li{float:left;}
.viewright .userinf .u6 .l1{width:318px;}
.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:256px;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:318px;border:#E5E5E5 solid 1px;margin:10px 0 0 0;background-color:#fff;border-radius:8px;overflow:hidden;box-sizing:border-box;}
.viewright .ulist1 li{float:left;}
.viewright .ulist1 .l1{font-size:14px;font-weight:700;background-color:#FAFAFA;height:25px;width:308px;padding:6px 0 0 10px;}
.viewright .ulist1 .l2{width:308px;padding:5px 5px 0 5px;height:61px;line-height:18px;border-top:#E5E5E5 dotted 1px;}
.viewright .ulist1 .l2 img{border:#E5E5E5 solid 1px;padding:2px;float:left;}
.viewright .ulist1 .l2 .a1{color:#247FBD;float:left;overflow:hidden;width:240px;height:38px;margin-left:5px;}
.viewright .ulist1 .l2 .a1:hover{color:#ff6600;}

/* 本站推荐：轻改列表，对齐商家卡风格 */
.viewright .rec-box{
	float:left;width:100%;margin:12px 0 0;box-sizing:border-box;
	background:#fff;border:1px solid #e9ecf3;border-radius:8px;overflow:hidden;
	box-shadow:0 4px 16px rgba(0,64,75,.04);
}
.viewright .rec-hd{
	padding:10px 12px 8px;text-align:center;border-bottom:1px solid #f8f8f8;
}
.viewright .rec-hd span{
	position:relative;display:inline-block;font-size:14px;font-weight:700;color:#222;line-height:20px;
	padding:0 16px;
}
.viewright .rec-hd span:before,
.viewright .rec-hd span:after{
	content:'';position:absolute;top:50%;width:10px;height:1px;background:#c5d0e0;
}
.viewright .rec-hd span:before{left:0;margin-top:-1px;}
.viewright .rec-hd span:after{right:0;margin-top:-1px;}
.viewright .rec-list{padding:8px 10px 10px;}
.viewright .rec-item{
	display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:6px;
	text-decoration:none;color:inherit;transition:background .15s ease;
	text-align:left;
}
.viewright .rec-item + .rec-item{margin-top:4px;border-top:1px solid #f3f5f8;padding-top:14px;}
.viewright .rec-item:hover{background:#f6faff7d;}
.viewright .rec-cover{
	position:relative;flex:0 0 80px;width:80px;height:60px;border-radius:6px;overflow:hidden;
	background:linear-gradient(135deg,#e8f1ff,#f5f7fa);border:1px solid #e9ecf3;
}
.viewright .rec-cover img{
	position:absolute;left:0;top:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;
}
.viewright .rec-ph{
	position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;
	font-size:13px;font-weight:700;color:#7a8eab;letter-spacing:.05em;
}
.viewright .rec-meta{
	flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;
	gap:10px;text-align:left;
}
.viewright .rec-title{
	display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	font-size:14px;line-height:1.35;color:#333;font-weight:600;text-align:left;
}
.viewright .rec-price{
	display:block;width:100%;font-size:13px;font-weight:600;color:#f56c6c;line-height:1;text-align:left;
}


/* 模块/模板详情：卖家卡（仿 ceomax 侧栏，无微信角标） */
.viewright .seller-card{
	float:left;width:100%;box-sizing:border-box;
	background:#fff;border:1px solid #e9ecf3;border-radius:8px;
	overflow:hidden;
}
.viewright .seller-card-ceo{
	background:#f4faff;
	box-shadow:0 4px 16px rgba(0,64,75,.06);
	position:relative;
}
.viewright .seller-card-ceo:before{
	content:'';position:absolute;left:0;top:0;opacity:.3;z-index:0;
	background-image:linear-gradient(44deg,#b5dfff 48%,#f4faff 91%);
	width:60px;height:76px;border-radius:0 0 100% 0;
}
.viewright .seller-ceo-inner{
	position:relative;z-index:1;padding:20px 22px 16px;text-align:center;
}
.viewright .seller-ceo-avatar{
	width:85px;height:85px;margin:4px auto 0;border-radius:50%;overflow:hidden;
	border:5px solid #fff;background:#eef4ff;
	box-shadow:0 6px 18px rgba(2,116,255,.05);
}
.viewright .seller-ceo-avatar img{display:block;width:100%;height:100%;object-fit:cover;}
.viewright .seller-ceo-avatar.is-official img{object-fit:contain;background:#fff;padding:10px;box-sizing:border-box;}
.viewright .seller-ceo-avatar .seller-avatar-ph{
	display:block;width:100%;height:100%;line-height:90px;text-align:center;
	font-size:32px;font-weight:700;color:#2c6bea;background:#eef4ff;
}
.viewright .seller-ceo-name{
	display:block;text-align:center;margin:12px 0 0;line-height:22px;
}
.viewright .seller-ceo-mark{
	display:inline-block;vertical-align:middle;width:18px;height:18px;line-height:18px;
	border-radius:50%;font-size:11px;color:#fff;background:#7b61ff;text-align:center;
	margin-right:6px;
}
.viewright .seller-ceo-mark.is-official{background:#2c6bea;}
.viewright .seller-ceo-name .seller-name{
	display:inline-block;vertical-align:middle;width:auto;max-width:72%;
	font-size:16px;font-weight:700;color:#222;line-height:22px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;
}
.viewright .seller-ceo-name .seller-name:hover{color:#0274ff;}
.viewright .seller-ceo-sub{
	margin:8px 0 0;font-size:12px;line-height:1.5;color:#888;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.viewright .seller-card-ceo .seller-stats{
	display:flex;margin:14px 0 0;padding:10px 0;
	background:rgba(255,255,255,.55);border-radius:4px;
}
.viewright .seller-stat{flex:1;text-align:center;}
.viewright .seller-stat + .seller-stat{border-left:1px solid #e9ecf3;}
.viewright .seller-stat em{display:block;font-style:normal;font-size:18px;font-weight:700;color:#222;line-height:24px;}
.viewright .seller-stat span{display:block;margin-top:2px;font-size:12px;color:#999;}
.viewright .seller-ceo-row{
	display:flex;gap:8px;margin:14px 0 0;
}
.viewright .seller-ceo-btn{
	flex:1;min-width:0;height:32px;line-height:30px;box-sizing:border-box;
	border-radius:4px;font-size:12px;text-align:center;text-decoration:none;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 2px;
}
.viewright .seller-ceo-btn.is-fill{
	background:linear-gradient(90deg,#006eff,#13adff);color:#fff!important;border:0;
	box-shadow:0 4px 10px rgba(16,110,253,.25);
}
.viewright .seller-ceo-btn.is-fill:hover{opacity:.9;color:#fff!important;}
.viewright .seller-ceo-btn.is-line{
	background:#fff;color:#456;border:1px solid #d9e2ef;
}
.viewright .seller-ceo-btn.is-line:hover{border-color:#0274ff;color:#0274ff;}
.viewright .seller-ceo-shop{
	display:block;margin:14px 0 0;height:40px;line-height:38px;box-sizing:border-box;
	border:1px solid #0274ff;border-radius:4px;background:#fff;color:#0274ff!important;
	font-size:14px;text-align:center;text-decoration:none;
}
.viewright .seller-ceo-shop:hover{color:#fff!important;border-color:#0274ff;background:#0274ff;}
.viewright .seller-ceo-kf{
	display:block;margin:12px 0 0;height:40px;line-height:40px;border-radius:4px;
	background:linear-gradient(90deg,#006eff,#13adff);color:#fff!important;font-size:14px;
	text-align:center;text-decoration:none;
	box-shadow:0 5px 10px rgba(16,110,253,.3);
}
.viewright .seller-ceo-kf:hover{opacity:.92;color:#fff!important;}
.viewright .seller-card-ceo .seller-assure{
	margin:12px 0 0;padding:8px 0 0;border-top:1px dashed #d7e6f5;
	font-size:12px;line-height:1.4;color:#5a9a4a;text-align:center;
}

/* 兼容旧类名（其它页面若引用） */
.viewright .seller-hd{display:flex;align-items:center;gap:10px;}
.viewright .seller-avatar{
	flex:0 0 44px;width:44px;height:44px;border-radius:8px;overflow:hidden;
	border:1px solid #eef1f5;background:#f5f7fa;
}
.viewright .seller-avatar img{display:block;width:44px;height:44px;object-fit:cover;}
.viewright .seller-avatar-ph{
	display:block;width:44px;height:44px;line-height:44px;text-align:center;
	font-size:16px;font-weight:700;color:#6b7c93;background:#eef2f7;
}
.viewright .seller-meta{flex:1;min-width:0;}
.viewright .seller-hd .seller-name{
	display:block;font-size:14px;font-weight:700;color:#222;line-height:20px;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;
}
.viewright .seller-badge{
	display:inline-block;margin-top:4px;padding:0 6px;height:18px;line-height:18px;
	font-size:12px;border-radius:3px;font-weight:400;
}
.viewright .seller-badge.is-official{color:#2c6bea;background:#eef4ff;border:1px solid #c5d7fb;}
.viewright .seller-badge.is-dev{color:#0f8a4b;background:#e8f8ef;border:1px solid #b7e6c9;}
.viewright .seller-desc{
	margin:10px 0 0;font-size:12px;line-height:1.55;color:#888;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.viewright .seller-cs-btn{
	display:block;height:34px;line-height:34px;text-align:center;border-radius:4px;
	font-size:13px;text-decoration:none;box-sizing:border-box;
}
.viewright .seller-shop-btn{
	display:block;margin-top:10px;height:34px;line-height:34px;text-align:center;
	border-radius:4px;background:#2c6bea;color:#fff!important;font-size:13px;font-weight:700;
	text-decoration:none;
}
.viewright .seller-acts{display:flex;gap:8px;margin:12px 0 0;}
.viewright .seller-acts a{
	flex:1;height:32px;line-height:30px;text-align:center;box-sizing:border-box;
	border:1px solid #d9e2ef;border-radius:4px;background:#fff;color:#456;font-size:12px;text-decoration:none;
}
.viewright .seller-assure{
	margin:10px 0 0;padding:8px 0 0;border-top:1px dashed #e8ecf1;
	font-size:12px;line-height:1.4;color:#5a9a4a;text-align:center;
}






























/* mtwo 容器：左右栏约 12px（908+12+320=1240）
   proinf 内：pleft300 + margin30 + pcenter528 + margin10 = 868 */
.yjcode{width:1240px;margin:0 auto;overflow:hidden;text-align:left;}
.yjcode .dqwz{float:left;width:100%;margin:8px 0 0;color:#666;font-size:12px;line-height:24px;}
.yjcode .dqwz a{color:#666;}
.yjcode .dqwz span{margin:0 4px;color:#999;}
.yjcode .viewleft{width:908px;}
.yjcode .viewleft .proinf{width:868px;}
.yjcode .viewleft .proinf .pcenter{width:528px;}
.yjcode .viewleft .proinf .pcenter .utc{width:526px;}
.yjcode .viewleft .proinf .pcenter .utc .l2{width:470px;}
/* 数量框(45+边框) + 间距10 + 按钮区：勿写死过宽，否则会换行错位 */
.yjcode .viewleft .proinf .pcenter .buydiv{width:auto;max-width:480px;margin:10px 0 0 0px;}
.yjcode .viewleft .viewmain{width:908px;}
.yjcode .viewleft .viewmain .ucap{width:908px;}
.yjcode .viewleft .viewmain .ucap li{padding-left:28px;padding-right:28px;}
.yjcode .viewleft .viewmain .bqcap{width:908px;}
.yjcode .viewleft .viewmain .bqcap .l1{width:908px;}
.yjcode .viewleft .viewmain .pjcap{width:908px;}
.yjcode .viewleft .viewmain .pjcap .l3{width:394px;}
.yjcode .viewleft .viewmain .viewtxt{width:868px;}
.yjcode .viewleft .viewmain .viewtxt .txtad{width:868px;}
.yjcode .viewleft .viewmain .viewtxt img{max-width:868px;}
.yjcode .viewleft .viewmain .viewtxt .probqm{width:866px;}
.yjcode .viewleft .viewmain .progxmain{width:868px;}
.yjcode .viewleft .viewmain .progx-empty{width:868px;}
.yjcode .viewleft .viewmain .pjlist{width:868px;}
.yjcode .viewleft .viewmain .pjlist .pj{width:868px;}
.yjcode .viewleft .viewmain .pjlist .pj .u2{width:638px;}
.yjcode .viewleft .viewmain .pjlist .pj .u2 li,
.yjcode .viewleft .viewmain .pjlist .pj .u2 .l1,
.yjcode .viewleft .viewmain .pjlist .pj .u2 .l2{width:638px;}
.yjcode .viewleft .viewmain .wdlist{width:868px;}
.yjcode .viewleft .viewmain .wdlist .u1,
.yjcode .viewleft .viewmain .wdlist .u2{width:868px;}
.yjcode .viewleft .viewmain .wenda1{width:908px;}
.yjcode .viewleft .viewmain .allpj{width:908px;}
.yjcode .viewright{width:320px;}
.yjcode .viewright .seller-card{width:320px;}
.yjcode .viewright .ulist1{width:320px;}
.yjcode .viewright .ulist1 .l1{width:310px;}
.yjcode .viewright .ulist1 .l2{width:310px;}
.yjcode .viewright .ulist1 .l2 .a1{width:242px;}

/* 购买按钮兼容 form/button */
.viewleft .proinf .pcenter .buydiv .buy,
.viewleft .proinf .pcenter .buydiv button.buy{
  float:left;border-radius:5px;margin-right:13px;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;
  border:0;cursor:pointer;text-decoration:none;box-sizing:content-box;
}
.viewleft .proinf .pcenter .buydiv .buy.is-owned{background-color:#18a058;background-image:url(img/buy1.png);}
.viewleft .proinf .pcenter .buydiv .buy.is-disabled{background-color:#bbb;cursor:default;}
.viewleft .proinf .pcenter .buydiv .car.is-disabled{opacity:.75;cursor:default;}
/* 已购买：去掉下载/订单/客服按钮左侧图标，左右内边距对称 */
.viewleft .proinf .pcenter .buydiv.owned a,
.viewleft .proinf .pcenter .buydiv.owned button.buy{
  background-image:none !important;
  padding-left:20px;
  padding-right:20px;
}
.viewleft .proinf .pcenter .owned-tag{display:inline-block;margin-left:8px;padding:0 8px;height:22px;line-height:22px;font-size:12px;color:#18a058;background:#e8f8ef;border:1px solid #b7e6c9;vertical-align:middle;font-weight:400;}

/* 升级日志时间轴（来自老站 progxlist） */
.viewleft .viewmain .progxmain{float:left;width:960px;padding:20px;background:#fff;text-align:left;}
.viewleft .viewmain .progxlist{float:left;width:100%;}
.viewleft .viewmain .progxlist .u1{float:left;width:80px;text-align:center;margin:77px 0 0 0;}
.viewleft .viewmain .progxlist .u1 li{width:100%;}
.viewleft .viewmain .progxlist .u1 .l1{color:#4d86cd;font-weight:700;font-size:25px;}
.viewleft .viewmain .progxlist .u1 .l2{font-size:14px;padding:5px 0 0 0;}
.viewleft .viewmain .progxlist .u2{float:left;width:calc(100% - 80px);background:url(img/gx.png) left top no-repeat;min-height:130px;padding-bottom:20px;}
.viewleft .viewmain .progxlist .u2 li{float:left;margin-left:35px;width:calc(100% - 77px);}
.viewleft .viewmain .progxlist .u2 .l1{border:#e8e8e8 solid 1px;border-bottom:0;background-color:#f3f3f3;line-height:50px;padding:0 20px;font-size:20px;color:#4d86cd;}
.viewleft .viewmain .progxlist .u2 .l2{border:#e8e8e8 solid 1px;border-top:0;font-size:14px;line-height:25px;padding:20px;}
.viewleft .viewmain .progxlist .u2 .l2 .rel-dl{margin-top:10px;}
.viewleft .viewmain .progxlist .u2 .l2 .rel-dl a{color:#4d86cd;margin-right:14px;text-decoration:none;}
.viewleft .viewmain .progx-empty{float:left;width:960px;padding:48px 20px;background:#fff;text-align:center;color:#999;font-size:14px;}

/* 商品内开发文档（宽度跟 .viewtxt，勿再设 border-box 否则比 Tab 窄一截） */
.viewleft .viewmain .viewtxt.product-doc{box-sizing:content-box;}
.viewleft .viewmain .product-doc h1,
.viewleft .viewmain .product-doc h2,
.viewleft .viewmain .product-doc h3{margin:1em 0 .5em;font-weight:600;line-height:1.35;color:#333;}
.viewleft .viewmain .product-doc h1{font-size:22px}
.viewleft .viewmain .product-doc h2{font-size:18px}
.viewleft .viewmain .product-doc h3{font-size:16px}
.viewleft .viewmain .product-doc p{margin:.6em 0}
.viewleft .viewmain .product-doc ul,
.viewleft .viewmain .product-doc ol{padding-left:1.4em;margin:.6em 0}
.viewleft .viewmain .product-doc pre{background:#f5f5f5;padding:10px 12px;overflow:auto;border-radius:2px;font-size:13px}
.viewleft .viewmain .product-doc code{font-family:Consolas,Monaco,monospace;font-size:13px;background:#f5f5f5;padding:1px 4px;border-radius:2px}
.viewleft .viewmain .product-doc pre code{background:transparent;padding:0}
.viewleft .viewmain .product-doc table{border-collapse:collapse;width:100%;margin:.8em 0}
.viewleft .viewmain .product-doc th,
.viewleft .viewmain .product-doc td{border:1px solid #e5e5e5;padding:6px 8px;text-align:left}
.viewleft .viewmain .product-doc blockquote{margin:.6em 0;padding:6px 12px;border-left:3px solid #ddd;color:#666;background:#fafafa}
.viewleft .viewmain .product-doc img{max-width:100%}
.viewleft .viewmain .product-doc-buy{
	display:inline-block;padding:8px 18px;background:#ff6a00;color:#fff!important;border-radius:2px;text-decoration:none;font-size:14px;
}
.viewleft .viewmain .product-doc-buy:hover{opacity:.92}

/* 商品文档多文：左目录（对齐 /docs 灰黑导航） */
.viewleft .viewmain .pdoc-layout{
	float:left;width:100%;box-sizing:border-box;display:flex;align-items:stretch;
	background:#fff;border:#e8e8e8 solid 1px;border-top:0;min-height:320px;
}
.viewleft .viewmain .pdoc-side{
	flex:0 0 200px;width:200px;border-right:1px solid rgba(23,23,23,.1);
	padding:14px 10px 24px 12px;box-sizing:border-box;
}
.viewleft .viewmain .pdoc-side-hd{
	padding:8px 8px 6px;margin:0 0 4px;font-size:13px;font-weight:600;color:#171717;line-height:1.4;
}
.viewleft .viewmain .pdoc-nav{display:block;width:100%;}
.viewleft .viewmain .pdoc-nav-item{
	display:flex;align-items:center;gap:6px;
	padding:8px 10px;margin:0 0 8px;border-radius:4px;
	color:#737373;text-decoration:none;font-size:13px;line-height:1.4;font-weight:400;
	box-sizing:border-box;border:0;background:transparent;
}
.viewleft .viewmain .pdoc-nav-item:hover{background:rgba(23,23,23,.04);color:#171717;}
.viewleft .viewmain .pdoc-nav-item.on{background:rgba(23,23,23,.06);color:#171717;font-weight:500;}
.viewleft .viewmain .pdoc-nav-t{
	flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.viewleft .viewmain .pdoc-draft{
	flex:0 0 auto;font-style:normal;font-size:11px;color:#737373;
	padding:0 5px;height:16px;line-height:16px;border:1px solid rgba(23,23,23,.12);border-radius:2px;background:#fff;
}
.viewleft .viewmain .pdoc-main{
	flex:1 1 auto;min-width:0;padding:16px 20px 28px;box-sizing:border-box;position:relative;
}
.viewleft .viewmain .pdoc-main.is-loading .pdoc-body{opacity:.45;pointer-events:none;}
.viewleft .viewmain .pdoc-main-hd{
	display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;
	margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #f0f0f0;
}
.viewleft .viewmain .pdoc-title{
	margin:0;font-size:18px;font-weight:600;color:#222;line-height:1.3;
}
.viewleft .viewmain .pdoc-badge{
	font-size:12px;color:#b45309;background:#fff7ed;border:1px solid #fed7aa;
	padding:1px 6px;border-radius:3px;
}
.viewleft .viewmain .pdoc-meta{font-size:12px;color:#999;margin-left:auto;}
.viewleft .viewmain .pdoc-main .viewtxt.product-doc{
	float:none;width:auto;padding:0;border:0;background:transparent;
}
.viewleft .viewmain .pdoc-loading{
	position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
	color:#999;font-size:13px;pointer-events:none;
}

/* 属性表 */
.viewleft .viewmain .probq .l2{word-break:break-all;}

/* 模块授权：轻量套餐选择（域名改到「我的授权」绑定） */
.owned-tag.is-license{color:#1a6fb5;background:#eaf3fb;border-color:#b7d4ef;}
.viewleft .proinf .pcenter .u3 .pbp-tip-row{float:left;width:100%;margin:4px 0 0;line-height:1.5;clear:both;}
.viewleft .proinf .pcenter .u3 .pbp-tip{display:block;margin:0;font-size:12px;color:#888;font-weight:400;}
.viewleft .proinf .pcenter .u3 .owned-at-row{float:left;width:100%;clear:both;margin:6px 0 0;color:#505050;}
.viewleft .proinf .pcenter .u3 .owned-at-row span{color:#505050;font-size:12px;}
.viewleft .proinf .pcenter .u6.lic-edition-row{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:540px;margin:0 0 12px 10px;float:left;clear:both;}
.viewleft .proinf .pcenter .u6.lic-edition-row .lic-edition-lab{flex:0 0 auto;line-height:32px;color:#666;font-size:13px;white-space:nowrap;width:auto;float:none;}
.viewleft .proinf .pcenter .u6.lic-edition-row .lic-edition-opts{flex:1;display:flex;flex-wrap:wrap;gap:8px;float:none;width:auto;}
.viewleft .proinf .pcenter .lic-chip{
  display:inline-block;min-width:78px;padding:7px 12px;line-height:1.3;text-align:center;
  border:1px solid #d0d7e2;border-radius:4px;color:#333;background:#fff;font-size:13px;text-decoration:none;
}
.viewleft .proinf .pcenter .lic-chip em{display:block;margin-top:2px;font-style:normal;font-size:11px;color:#999;}
.viewleft .proinf .pcenter .lic-chip.on{border-color:#4d86cd;color:#4d86cd;background:#f3f8ff;box-shadow:0 0 0 1px #4d86cd inset;}
.viewleft .proinf .pcenter .lic-chip.on em{color:#4d86cd;}
.viewleft .proinf .pcenter .buydiv .buy.lic-submit{
  background-image:none !important;padding-left:20px;padding-right:20px;
}

/* 扩展组件：归属条 / 列表（仿 Discuz 应用中心） */
.viewleft .proinf .pcenter .addon-parent-bar{
  float:left;width:100%;margin:0 0 8px;padding:0;font-size:13px;line-height:1.5;color:#888;clear:both;
}
.viewleft .proinf .pcenter .addon-parent-bar .addon-parent-lab{
  display:inline-block;padding:1px 6px;margin-right:4px;font-size:12px;color:#1a6fb5;background:#eaf3fb;border:1px solid #b7d4ef;border-radius:2px;vertical-align:1px;
}
.viewleft .proinf .pcenter .addon-parent-bar a{color:#4d86cd;text-decoration:none;}
.viewleft .proinf .pcenter .addon-parent-bar a:hover{text-decoration:underline;}
.owned-tag.is-addon{color:#1a6fb5;background:#eaf3fb;border-color:#b7d4ef;}
.viewleft .viewmain .addon-list{float:left;width:960px;padding:20px;background:#fff;text-align:left;}
.viewleft .viewmain .addon-item{
  float:left;width:100%;padding:18px 0;border-bottom:1px solid #eee;box-sizing:border-box;
}
.viewleft .viewmain .addon-item:last-child{border-bottom:0;}
.viewleft .viewmain .addon-item .addon-main{float:left;width:calc(100% - 200px);padding-right:16px;box-sizing:border-box;}
.viewleft .viewmain .addon-item .addon-title{font-size:16px;color:#333;line-height:1.4;font-weight:600;}
.viewleft .viewmain .addon-item .addon-title a{color:#333;text-decoration:none;}
.viewleft .viewmain .addon-item .addon-title a:hover{color:#4d86cd;}
.viewleft .viewmain .addon-item .addon-ver{margin-left:8px;font-size:13px;font-weight:400;color:#999;}
.viewleft .viewmain .addon-item .addon-summary{margin-top:8px;font-size:13px;line-height:1.6;color:#999;}
.viewleft .viewmain .addon-item .addon-side{float:right;width:180px;text-align:right;padding-top:2px;}
.viewleft .viewmain .addon-item .addon-price{display:block;font-size:18px;color:#ff6a00;line-height:1.3;font-weight:600;}
.viewleft .viewmain .addon-item .addon-price.is-free{color:#2ea043;font-size:15px;font-weight:500;}
.viewleft .viewmain .addon-item .addon-detail{
  display:inline-block;margin-top:8px;padding:5px 14px;font-size:13px;color:#4d86cd;border:1px solid #4d86cd;border-radius:2px;text-decoration:none;background:#fff;
}
.viewleft .viewmain .addon-item .addon-detail:hover{background:#f3f8ff;}
/* 与 .viewtxt / .progxmain 一致：content-box + 868，勿 border-box 否则比 Tab 窄一截 */
.yjcode .viewleft .viewmain .addon-list{width:868px;}