box-mp/fastshop/app.wxss

/**
 * 第三方库样式
 */
@import 'style/weui.wxss';
@import "vant/common/index.wxss";
/**
 * 全局样式表
 */
::-webkit-scrollbar{width: 0;height: 0;color: transparent;}
page{font-size: 28rpx;color: #333;background-color: #f2f3f5;-webkit-font-smoothing: antialiased;font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;}
page,.page{height: 100%}
.weui-panel:before{border-top:0rpx}
.weui-panel:after{border-bottom:0rpx}
.weui-footer{padding: 10px 0px}
button{border-radius: 2px;}
button[type=primary]{color: #FFF;background-color: #07C160;border-color: #07C160;}
.button-hover[type=primary] {color: #FFF;background-color: #06AD56;}
/*辅助项*/
.left{float: left}.right{float: right}
.tac{text-align: center}.tar{text-align: right}
.loading{margin:auto}
.title{margin: 0;font-weight: 400;font-size: 14px;color: rgba(69,90,100,.6);padding:20px 15px 15px;}
.red{color: #E91E63}
.f12{font-size: 12px}.f16{font-size: 16px}.f18{font-size: 18px}
.gray{color: #F3F3F3}
.mt5{margin-top: 5px!important}
.hide{display: none}
/*底部*/
.weui-loadmore__tips_in-line{background:#f2f3f5}
.weui-loadmore__tips_in-line image{width:40rpx;margin:0px 5px}
.weui-loadmore_line {margin-top:2em;}
.weui-loadmore{margin-bottom: 0px;}
/*友情提示*/
.error{margin: 130rpx 100rpx;}
.error .img{width: 220rpx;margin: auto;text-align: center}
.error .img image {width: 80%;}
.error .msg{display: block;text-align: center;font-size:25rpx;color: #999;margin-top: 10rpx;}
/*导航推荐*/
.icon_row{overflow: hidden;font-size: 28rpx;text-align: center;flex-wrap: wrap;
flex-direction: row;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.icon_row .icon_col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;float: left;width:20%;min-width:20%; max-width:20%;box-sizing:border-box;padding:10px 0px}
.icon_row image{width: 100%;min-width: 80rpx;min-height:80rpx;max-height: 100rpx;max-width: 100rpx}
.icon_row .icon_title {color: #7d7e80;display: block;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/* 虚拟系统栏 */
#navigation{z-index:666;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#ffffff;position:fixed;top: 0px;right: 0px;left: 0px;}
#navigation .appname{font-size:36rpx;font-weight:500;padding-left: 20px}
/**弹幕*/
.barrage-fly{z-index:200;height:20px;position: absolute;top: 0;display:flex;background: #464c5b;border-radius: 10px;line-height: 20px;font-size: 12px;opacity:0.80;max-width:300px;min-width: 50px;white-space:nowrap;color:#FFF}
.barrage-fly .face{width: 20px;height: 20px;border-radius: 10px}
.barrage-fly .face image{width: 20px;height: 20px;border-radius: 10px}
.barrage-fly .text{padding:0px 5px;}
@keyframes first{from{left: 100%;}to{left: -100%;}}
/* 抢购推荐 */
.cardbg {margin:5px 5px 0;background: #fff;border-top-left-radius: 6px;border-top-right-radius: 6px;padding:2px;}
.card{position: relative;display: inline-block;box-sizing: border-box;border-radius: 10px;background-color: #FFFFFF;white-space: normal;width: 100%;padding:0 10px 10px 10px;}
.card .item-title{height:30px;padding:10px 5px 5px 5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:30px;}
.card .item-title .item-name{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-overflow: ellipsis;overflow: hidden;font-weight:600}
.card .item-title .item-price{color:#f23030;text-align: right;padding-left:10px}
.card .item-title .item-price .number{font-size:40rpx;}
.card .item-img{margin-top:5px;display: -webkit-box;display: -webkit-flex;display: flex;}
.card .item-img .item-grid{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;width: 33.33333333%;box-sizing: border-box;padding-left:10px;}
.card .item-img .item-grid:first-child{padding-left:0px;}
.card .item-img .item-grid image{width: 100%;vertical-align:middle;border-radius:9.936px;}
.card .item-img .item-grid .grid-name{text-overflow: ellipsis;overflow: hidden;font-size: 26rpx;line-height: 35rpx;max-height:70rpx;margin-top: 5px}
.card .item-img .item-grid .price{font-size:12px;color:#999;margin-top: 5px}
.card .item-img .item-grid .number{font-size:28rpx;text-decoration:line-through;}
.card .item-info {height:30px;line-height:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.card .item-info .item_state{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.card .item-info .van-tag{border-radius: 10px!important;margin: 0px 3px!important}
.card .item-info .more{float: right;}
.card .progress{width:200rpx;margin-top:15px}