|
@@ -769,34 +769,51 @@ max-width:80px;
|
|
|
color:#fff;
|
|
|
border-radius: 30px
|
|
|
}
|
|
|
-.book-list li .avatar.bg-1{
|
|
|
+.avatar-list {
|
|
|
+ padding:0;
|
|
|
+ margin:0 0 0 5px;
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+.avatar-list li{
|
|
|
+ display:inline-block;
|
|
|
+}
|
|
|
+.avatar-list li .avatar{
|
|
|
+ height: 24px;
|
|
|
+ line-height: 24px;
|
|
|
+ width:24px;
|
|
|
+ border-radius: 20px;
|
|
|
+ color:#fff;
|
|
|
+ font-size: 10px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.book-list li .avatar.bg-1,.avatar-list li .avatar.bg-1{
|
|
|
background:rgb(16,109,156)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-2{
|
|
|
+.book-list li .avatar.bg-2,.avatar-list li .avatar.bg-2{
|
|
|
background:rgb(90,146,173)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-3{
|
|
|
+.book-list li .avatar.bg-3,.avatar-list li .avatar.bg-3{
|
|
|
background:rgb(150,164,139)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-4{
|
|
|
+.book-list li .avatar.bg-4,.avatar-list li .avatar.bg-4{
|
|
|
background:rgb(216,202,175)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-5{
|
|
|
+.book-list li .avatar.bg-5,.avatar-list li .avatar.bg-5{
|
|
|
background:rgb(201,192,211)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-6{
|
|
|
+.book-list li .avatar.bg-6,.avatar-list li .avatar.bg-6{
|
|
|
background:rgb(61,89,171)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-7{
|
|
|
+.book-list li .avatar.bg-7,.avatar-list li .avatar.bg-7{
|
|
|
background:rgb(243,203,211)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-8{
|
|
|
+.book-list li .avatar.bg-8,.avatar-list li .avatar.bg-8{
|
|
|
background:rgb(181,196,177)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-9{
|
|
|
+.book-list li .avatar.bg-9,.avatar-list li .avatar.bg-9{
|
|
|
background:rgb(150,84,84)
|
|
|
}
|
|
|
-.book-list li .avatar.bg-0{
|
|
|
+.book-list li .avatar.bg-0,.avatar-list li .avatar.bg-0{
|
|
|
background:rgb(191,191,191)
|
|
|
}
|
|
|
.book-list li .book-body{
|