| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- .jkitem{
- position: relative;
- margin: .4rem;
- border-radius: .2rem;
- background: #FFF url(../images/jkListBj.png) no-repeat 92% bottom;
- background-size: 1.3rem;
- }
- .jkmsg{
- padding: .22rem 2rem .22rem .38rem;
- }
- .jkmsgTop{
- letter-spacing: 0.04rem;
- border-bottom: 1px dashed #777;
- padding-bottom: .2rem;
- line-height: .5rem;
- margin-bottom: .2rem;
- }
- .jkmsgBottom{
- letter-spacing: .1rem;
- font-size: .22rem;
- }
- .blue >div{
- background: #21b2e7;
- }
- .blue{
- color: #21b2e7;
- }
- .pink{
- color: #f77b7b;
- }
- .pink >div{
- background: #f77b7b;
- }
- .jkmsgBottom >div{
- display: inline-block;
- width: .4rem;
- height: .4rem;
- border-radius: 50%;
- line-height: .38rem;
- overflow: hidden;
- text-align: center;
- vertical-align: middle;
- margin-right: .1rem;
- }
- .jkmsgBottom >div >img{
- width: 51%;
- }
- .circleBj{
- position: absolute;
- right: -.17rem;
- top: 0;
- bottom: 0;
- width: .3rem;
- }
- .circleBj div{
- width: .3rem;
- height: 0.22rem;
- border-radius: .1rem;
- background: #efeff4;
- margin: .14rem 0;
- }
- /*jk详情*/
- .bottomCtrl{
- background: url(../images/jkctrl.png) no-repeat center;
- }
|