body{background-color:#eeeeee;}
.viewleft{float:left;width:898px;text-align:left;}
.viewleft .bbsinf{float:left;width:858px;padding:20px;margin:10px 0 0 0;background-color:#fff;}
.viewleft .bbsinf .inf{float:left;width:858px;}
.viewleft .bbsinf .inf li{float:left;}
.viewleft .bbsinf .inf .l1{width:100%;font-size:24px;}
.viewleft .bbsinf .inf .l2{width:50%;margin:12px 0 0 0;}
.viewleft .bbsinf .inf .l2 span{float:left;color:#333;padding:0 5px;margin-right:5px;background-color:#f0f0f0;line-height:20px;}
.viewleft .bbsinf .inf .l3{width:50%;margin:12px 0 0 0;}
.viewleft .bbsinf .inf .l3 span{float:right;margin:0 0 0 13px;line-height:20px;height:20px;}
.viewleft .bbsinf .inf .l3 .s1{background:url(../img/hf.png) left center no-repeat;padding-left:18px;}
.viewleft .bbsinf .inf .l3 .s2{background:url(../img/djl.png) left center no-repeat;padding-left:21px;}
.viewleft .bbsinf .user{float:left;width:828px;background-color:#f2f2f2;padding:15px;margin:19px 0 0 0;}
.viewleft .bbsinf .user li{float:left;}
.viewleft .bbsinf .user .l1{width:56px;}
.viewleft .bbsinf .user .l1 img{width:46px;height:46px;border-radius:46px;}
.viewleft .bbsinf .user .l2{width:500px;color:#999999;line-height:21px;}
.viewleft .bbsinf .user .l2 strong{color:#36a9f5;font-size:13px;}
.viewleft .bbsinf .user .l3{width:272px;}
.viewleft .bbsinf .user .l3 a{float:right;font-size:15px;background-color:#19a094;color:#fff;padding:0 15px;line-height:34px;margin:7px 0 0 0;}
.viewleft .bbsinf .bbstxt{float:left;width:100%;padding:15px 0;font-size:15px;line-height:30px;}

.viewleft .hfinf{float:left;margin:15px 0 0 0;width:858px;background-color:#fff;padding:20px;}
.viewleft .hfinf .hflist{float:left;width:858px;border-bottom:#dfdfdf dotted 1px;}
.viewleft .hfinf .hflist .u1{float:left;width:858px;}
.viewleft .hfinf .hflist .u1 li{float:left;}
.viewleft .hfinf .hflist .u1 .l1{width:56px;}
.viewleft .hfinf .hflist .u1 .l1 img{width:46px;height:46px;border-radius:2px;}
.viewleft .hfinf .hflist .u1 .l2{width:772px;color:#36a9f5;font-size:13px;}
.viewleft .hfinf .hflist .u1 .l3{width:772px;color:#999999;margin:7px 0 0 0;}
.viewleft .hfinf .hflist .hftxt{float:left;width:858px;padding:15px 0;font-size:14px;line-height:30px;}
.viewleft .hfinf .huitie{float:left;width:100%;}
.viewleft .hfinf .huitie a{float:left;margin:20px 0 0 369px;line-height:38px;border-radius:2px;background-color:#19a094;color:#fff;font-size:14px;width:100px;text-align:center;}


/*列表*/
.listleft{float:left;width:898px;text-align:left;}
.listleft .listmain{float:left;width:100%;background-color:#fff;margin:10px 0 0 0;}
.listleft .listmain .u1{float:left;padding:10px 15px;width:868px;border-bottom:#e9e9e9 dotted 1px;}
.listleft .listmain .u1 li{float:left;}
.listleft .listmain .u1 .l1{width:60px;}
.listleft .listmain .u1 .l1 img{width:45px;height:45px;border-radius:2px;}
.listleft .listmain .u1 .l2{width:808px;font-size:16px;}
.listleft .listmain .u1 .l2 a{float:left;max-width:700px;line-height:20px;margin-right:16px;}
.listleft .listmain .u1 .l2 a:hover{color:#009e94;}
.listleft .listmain .u1 .l2 .s1{float:left;background-color:#ff0000;font-size:14px;color:#fff;padding:0 5px;line-height:20px;border-radius:3px;}
.listleft .listmain .u1 .l3{width:808px;color:#999;margin:7px 0 0 0;}
.listleft .listmain .u1 .l3 span{float:left;margin-right:19px;}
.listleft .listmain .u1 .l3 .s4{float:right;background:url(../img/hf.png) left center no-repeat;padding-left:18px;}
.listleft .listmain .u1 .l3 .s5{float:right;background:url(../img/djl.png) left center no-repeat;padding-left:21px;}
.listright{float:right;width:336px;text-align:left;margin-top:10px;}
.listright .type{float:left;width:50%;background-color:#fff;margin:10px 0 0 0;padding:0 0 10px 0;}
.listright .type .s1{float:left;width:100%;}
.listright .type .s1 a{float:left;font-size:15px;margin:10px 10px 0 10px;line-height:40px;width:75%;font-weight:700;border-left:#29ae5f solid 5px;padding-left:12px;background-color:#f1f5f8;}
.listright .type .a1{float:left;background-color:#f5f5f5;line-height:38px;border-radius:3px;margin:13px 5px 0 10px;width:150px;font-size:14px;color:#555;text-align:center;}
.listright .type .a1:hover{color:#fff;background-color:#2eba67;}
.listright .type .a11{color:#fff;background-color:#2eba67;}
.listright .tiecap{float:left;line-height:40px;width:321px;background-color:#f8f8f8;margin:10px 0 0 0;font-size:14px;padding-left:15px;}
.listright .tielist{float:left;background-color:#fff;width:336px;padding:10px 0;}
.listright .tielist .s1{float:left;line-height:28px;margin:0 9px 0 15px;font-size:14px;max-width:240px;}
.listright .tielist .s1 a:hover{color:#777;}
.listright .tielist .s2{float:left;line-height:28px;color:#cccccc;background:url(../img/djl.png) left center no-repeat;padding-left:19px;}
.listright .userinf{float:left;width:336px;text-align:center;background-color:#fff;padding:0 0 21px 0;}
.listright .userinf li{float:left;width:100%;}
.listright .userinf .l1{margin:20px 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:84px;}
.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;margin:0 14px 0 0;}
.listright .userinf .l3 .a2:hover{border:#ff7700 solid 1px;color:#ff7700;}
.listright .userinf .l3 .a3{border:#dddddd solid 1px;}
.listright .userinf .l3 .a3:hover{border:#ff7700 solid 1px;color:#ff7700;}