/** * 第三方库样式 */ @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}