@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ .row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; padding: 0 30rpx; height: 110rpx; background: #fff; } .row .tit { -webkit-flex-shrink: 0; flex-shrink: 0; width: 120rpx; font-size: 30rpx; color: #303133; } .row .input { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 30rpx; color: #303133; } .row .iconlocation { font-size: 36rpx; color: #909399; } page, .content { background: #f8f8f8; height: 100%; } .swiper-box { height: 750rpx; } .navbar { display: -webkit-box; display: -webkit-flex; display: flex; height: 40px; padding: 0 5px; background: #fff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06); position: relative; z-index: 10; } .navbar .nav-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; font-size: 15px; color: #303133; position: relative; } .navbar .nav-item.current { color: #5dbc7c; } .navbar .nav-item.current:after { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 44px; height: 0; border-bottom: 2px solid #5dbc7c; } .add-btn { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 690rpx; height: 80rpx; margin: 0 auto; margin-top: 30rpx; font-size: 32rpx; -webkit-border-radius: 10rpx; border-radius: 10rpx; } .add-btn.up { background-color: #5dbc7c; color: #fff; }