body{background-color:#f5f5f5;}

.listleft{float:left;text-align:left;width:985px;margin:10px 0 0 0;}
.listleft .brandtype{float:left;width:985px;background-color:#fff;height:58px;}
.listleft .brandtype li{float:left;}
.listleft .brandtype .l1{width:85px;text-align:right;line-height:58px;}
.listleft .brandtype .l2{width:765px;}
.listleft .brandtype .l2 a{float:left;line-height:26px;margin:16px 10px 0 0;padding:0 10px;}
.listleft .brandtype .l2 .a1{color:#fff;background-color:#419dea;}
.listleft .brandtype .l2 a:hover{color:#fff;background-color:#419dea;}
.listleft .brandtype .l3{width:118px;height:28px;border:#e7eaf1 solid 1px;border-radius:2px;margin:14px 0 0 0;}
.listleft .brandtype .l3 input{float:left;border:0;height:28px;width:91px;}
.listleft .brandtype .l3 img{float:left;margin:5px 5px 0 5px;cursor:pointer;}
.listleft .list{float:left;width:985px;}
.listleft .list .u1{float:left;margin:15px 15px 0 0;width:235px;background-color:#fff;transition: all  .25s  ease-in;}
.listleft .list .u1 li{float:left;}
.listleft .list .u1 .l1{text-align:center;line-height:57px;font-size:16px;font-weight:700;width:100%;}
.listleft .list .u1 .l2{height:161px;border-bottom:#eeeeee dotted 1px;margin:0 10px;width:215px;text-align:center;}
.listleft .list .u1 .l2 img{width:150px;height:150px;}
.listleft .list .u1 .l3{height:75px;width:209px;padding:9px 13px 0 13px;line-height:20px;text-indent: 2em;}
.listleft .list .u0{margin-right:0;}
.listleft .list .u1:hover{transform:translateY(-5px);}

.listright{float:right;width:250px;text-align:left;margin:10px 0 0 0;}
.listright .userinf{float:left;width:250px;text-align:center;background-color:#fff;padding:0 0 31px 0;}
.listright .userinf li{float:left;width:100%;}
.listright .userinf .l1{margin:50px 0 0 0;text-align:center;}
.listright .userinf .l1 img{width:100px;height:100px;border:#fff solid 1px;padding:1px;border-radius:102px;}
.listright .userinf .l2{color:#666666;font-size:14px;line-height:39px;}
.listright .userinf .l3 a{float:left;font-size:14px;height:30px;line-height:30px;text-align:center;border-radius:2px;width:92px;}
.listright .userinf .l3 .a1{color:#fff;border:#ff7700 solid 1px;background-color:#ff7700;margin:0 14px 0 24px;}
.listright .userinf .l3 .a1:hoevr{background-color:#ff8800;}
.listright .userinf .l3 .a2{border:#dddddd solid 1px;}
.listright .userinf .l3 .a2:hover{border:#ff7700 solid 1px;color:#ff7700;}
.listright .remen{float:left;width:250px;border-top:#eeeeee solid 1px;background-color:#fff;padding:0 0 20px 0;}
.listright .remen li{float:left;}
.listright .remen .l1{width:100%;font-size:16px;font-weight:700;line-height:43px;text-align:center;}
.listright .remen .l2{width:100%;}
.listright .remen .l2 a{float:left;width:80px;margin:15px 0 0 15px;height:110px;text-align:center;color:#666666;padding:5px 11px 0 11px;}
.listright .remen .l2 a img{width:80px;height:80px;margin-bottom:5px;border-radius:8px;font-size:14px;}
.listright .remen .l2 a:hover{box-shadow:0px 4px 10px #cecece;border-radius:7px;}

.viewleft{float:left;width:985px;text-align:left;margin:10px 0 0 0;}
.viewleft .brandinf{float:left;width:935px;background-color:#fff;padding:25px;}
.viewleft .brandinf .u1{float:left;width:635px;}
.viewleft .brandinf .u1 li{float:left;}
.viewleft .brandinf .u1 .l1{font-weight:700;height:33px;line-height:33px;font-size:21px;margin-right:22px;}
.viewleft .brandinf .u1 .l2{border-radius:33px;background-color:#fafafa;padding:0 18px;}
.viewleft .brandinf .u1 .l2 a{font-size:14px;margin-right:20px;float:left;line-height:33px;color:#666666;padding-left:24px;}
.viewleft .brandinf .u1 .l2 .a1{background:url(../img/zan.png) left center no-repeat;}
.viewleft .brandinf .u1 .l2 .a2{background:url(../img/sc.png) left center no-repeat;}
.viewleft .brandinf .u1 .l2 .a3{background:url(../img/fx.png) left center no-repeat;}
.viewleft .brandinf .wdes{float:left;width:635px;font-size:14px;margin:10px 0 0 0;}
.viewleft .brandinf .u2{float:left;width:635px;color:#888888;font-size:14px;margin:10px 0 0 0;line-height:30px;}
.viewleft .brandinf .u2 li{float:left;}
.viewleft .brandinf .u2 .l1{width:100%;}
.viewleft .brandinf .u2 .l2{width:100%;}
.viewleft .brandinf .u2 .l2 a{float:left;padding:0 10px;border:#ff4800 solid 1px;border-radius:2px;margin:14px 0 0 0;line-height:27px;color:#ff4800;border-radius:2px;}
.viewleft .brandinf .tp{float:right;margin-top:-62px;}
.viewleft .brandinf .tp img{width:200px;height:200px;border-radius:10px;}
.viewleft .pptype{float:left;height:41px;padding-left:15px;border-bottom:#f0f0f0 solid 1px;width:970px;background-color:#fff;margin:15px 0 0 0;}
.viewleft .pptype a{float:left;padding:0 15px;font-size:15px;line-height:41px;}
.viewleft .pptype .a1{border-bottom:#128bed solid 2px;color:#128bed;}
.viewleft .pptype a span{font-size:12px;color:#999;}
.viewleft .brandtxt{float:left;width:955px;background-color:#fff;line-height:30px;font-size:14px;padding:15px;}
.viewleft .brandtxt .tp{border:#c7c7c7 solid 1px;padding:1px;max-width:951px;margin-top:10px;box-shadow:0px 4px 10px #cecece;}
.viewleft .zctype{float:left;font-size:14px;width:985px;background-color:#fafafa;line-height:59px;height:59px;text-align:center;}
.viewleft .zctype li{float:left;}
.viewleft .zctype .l1{width:240px;}
.viewleft .zctype .l2{width:300px;}
.viewleft .zctype .l3{width:240px;}
.viewleft .zctype .l4{width:105px;}
.viewleft .zclist{float:left;width:985px;color:#666;background-color:#ffffff;line-height:59px;height:59px;text-align:center;border-top:#eeeeee solid 1px;}
.viewleft .zclist li{float:left;}
.viewleft .zclist .l1{width:240px;}
.viewleft .zclist .l2{width:300px;}
.viewleft .zclist .l3{width:240px;}
.viewleft .zclist .l4{width:105px;}
.viewleft .zclist .l4 a{color:#056dae;}