mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
1 lines • 1.68 kB
CSS
.md-cashier-channel .choose-text{position:relative;padding:65px 0 25px}.md-cashier-channel .choose-text:after{content:"";display:table;clear:both}.md-cashier-channel .choose-text p{float:left;width:100%;text-align:center}.md-cashier-channel .choose-text p.choose-title{font-size:28px;color:#666f83}.md-cashier-channel .choose-text p.choose-number{margin-top:20px;font-size:80px;font-family:DINPro-Medium,DIN Alternate,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;color:#01080f;letter-spacing:-2px}.md-cashier-channel .choose-text p.choose-describe{font-size:20px;color:#666f83}.md-cashier-channel .choose-channel{max-height:500px;padding:40px 60px;box-sizing:border-box;overflow:auto}.md-cashier-channel .choose-channel:after{content:"";display:table;clear:both}.md-cashier-channel .choose-channel .choose-channel-list{-webkit-transition:all .5s ease-in;transition:all .5s ease-in;overflow:hidden}.md-cashier-channel .choose-channel .choose-channel-list:after{content:"";display:table;clear:both}.md-cashier-channel .choose-channel .choose-channel-more{margin-top:10px;font-size:24px;color:#666f83;text-align:center}.md-cashier-channel .choose-channel .choose-channel-more:after{content:"";position:relative;top:20px;width:0;height:0;margin-left:10px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #858b9c}.md-cashier-channel .choose-channel .choose-channel-more.disabled{visibility:hidden}.md-cashier-channel .choose-channel.active .choose-channel-list .choose-channel-item{display:block}.md-cashier-channel .choose-channel.active .choose-channel-list{max-height:1000px}