.libaobox { height: .7rem; line-height: .7rem; border-bottom: 1px #e6e6e6 solid; text-align: center; padding: .1rem .2rem; } .libaobox .fxall { font-size: .28rem; color: #999; } .libaobox .fxall:first-child { border-right: 1px #e6e6e6 solid; } .libaobox .fxall .spanon { display: inline-block; padding-bottom: .09rem; border-bottom: .03rem #c61727 solid; color: #c61727; width:100%; } .libao_list { color: #999; font-size: .24rem; } .libao_list ul { padding: .2rem; } .libao_list ul li { padding-bottom: .2rem; } .libao_list ul li img { width: 6rem; height: 4.5rem; } .btn_libao { color: #fff; font-size: .26rem; text-align: center; width: 2rem; height: .5rem; line-height: .5rem; display: inline-block; } .btn_libao:first-child { background-color: #c61727; } .btn_libao:last-child { background-color: #f4d1d3; margin-left: .2rem; } .my_libao { font-size: .24rem; } .my_libao .disfx img { width: 2rem; height: 1.5rem; display: inline-block; } .my_libao .disfx .name { font-size: .24rem; color: #adadad; height: .7rem; line-height: .35rem; overflow: hidden; margin-bottom: .5rem; } /*libaopro*/ .libaopro {} .libaopro img { width: 6.4rem; height: 4.8rem; } .pro_libao { font-size: .28rem; padding: 0 .2rem .2rem; border-bottom: .1rem #eee solid; background-color: #fff; } .pro_libao .name { margin: .1rem 0; font-size: .3rem; line-height: .4rem; color: #333; overflow: hidden; } .lbpro_list { margin-bottom: 1rem; } .lbpro_list ul { width: 100%; } .lbpro_list ul li { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; font-size: 0; text-align: center; height: .8rem; line-height: .8rem; padding: 0 .2rem; } .lbpro_list ul li span { font-size: .26rem; color: #707070; } .lbpro_list ul li .btn_small { margin-top: .125rem; } .lbpro_list ul li:nth-child(2n) { background-color: #fff; } .lbpro_list ul li:nth-child(2n+1) { background-color: #fcfcfc; }