mand-mobile/lib/cashier/style/channel-item.css

A Vue.js 2.0 Mobile UI Toolkit

.md-cashier-channel-item{float:left;width:100%;position:relative;padding:20px 40px 20px 0;box-sizing:border-box}.md-cashier-channel-item .item-icon,.md-cashier-channel-item .item-image{position:relative;float:left;width:32px;height:32px;margin:6px 0}.md-cashier-channel-item .item-image img{float:left;width:100%}.md-cashier-channel-item .item-label{float:left;margin-left:12px}.md-cashier-channel-item .item-label .title{font-size:30px;color:#41485d}.md-cashier-channel-item .item-label .title .title-active{padding-left:12px;font-size:28px;color:#198cff}.md-cashier-channel-item .item-label .desc{margin-top:8px;font-size:24px;color:#858b9c}.md-cashier-channel-item .item-check-icon{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.md-cashier-channel-item .item-check-icon .md-icon{display:-webkit-box;display:-webkit-flex;display:flex;color:#c5cad5}.md-cashier-channel-item .item-check-icon .md-icon.md-icon-checked{color:#198cff}