.mobile-center { .block-wrap { width: 7.1rem; margin: .3rem auto 0; background: #fff; border-radius: .05rem; } .seek-banner { height: 1.8rem; line-height: 1.8rem; img { max-height: 1.8rem; margin: 0 auto; } /*.s-title { font-size: .42rem; color: #3f84f6; line-height: .38rem; vertical-align: top; margin-top: .5rem; span { color: #494949; } .s-text { font-size: .28rem; color: #999; } }*/ } .seek-operation { min-height: 2.09rem; padding: 0 .24rem; > p { height: .55rem; line-height: .55rem; font-size: .28rem; border-bottom: .01rem solid #d3d3d3; i { display: inline-block; width: .05rem; height: .18rem; background: #3f84f6; margin: 0 .05rem; } } ul { margin-top: .27rem; li { position: relative; display: inline-block; width: 1.48rem; margin-right: 1.05rem; text-align: center; font-size: .28rem; margin-bottom: 0.2rem; color: #666; &:nth-child(3n) { margin-right: 0; } img { width: .8rem; margin-bottom: .05rem; } span.text{ position: absolute; font-size: 0.24rem; color: #fff; background: #e60012; width: 0.40rem; height: 0.40rem; border-radius: 50%; top: -0.2rem; right: 0.21rem; line-height: 0.40rem; text-align: center; } } } } .collect-block { padding: 0.1rem .24rem; .content-line { height: 1.16rem; line-height: 1.16rem; border-bottom: 1px solid #d3d3d3; &:last-child { border-bottom: none; } img { width: .8rem; margin: 0 .28rem; } span { color:#666; font-size: .28rem; color: #666; .text { color: #3f84f6; } } i { float: right; color: #c1c1c6; } } } }