@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { min-height: 100%; background-color: #ffffff; } page .container { width: 100%; padding: 20rpx 40rpx; } .list-box { padding: 30rpx 25rpx; background-image: url(/static/img/img42.png); background-size: 100% 100%; } .list-box .list { padding: 30rpx 0rpx; margin-bottom: 40rpx !important; } .list-box .list .list-tpls .tpls-num { font-weight: bold; color: #333333; font-size: 40rpx; padding-bottom: 30rpx; } .list-box .list .level-box { position: relative; } .list-box .list .level-box image { width: 128rpx; height: 45rpx; } .list-box .list .level-box .level { position: absolute; top: 12rpx; left: 62rpx; font-size: 24rpx; color: #826740; font-weight: bold; } .list-box .list-item { margin-bottom: 15rpx; } .list-box .list-item .item-tpl { text-align: center; background-color: #FFFFFF; padding: 41rpx 0; width: 48%; } .list-box .list-item .item-tpl .name { color: #666666; font-size: 24rpx; } .list-box .list-item .item-tpl .num { font-size: 32rpx; color: #333333; font-weight: bold; padding-top: 10rpx; } .list-box .tols { width: 100% !important; } .list-box .submit-box { margin-top: 50rpx; } .list-box .submit-box .submit { background-color: #5771DF; color: #FFFFFF; font-size: 30rpx; padding: 25rpx 0; width: 48%; text-align: center; border-radius: 50rpx; } .logo-img { width: 100%; height: 208rpx; margin: 40rpx 0rpx; } .item-box { padding: 15rpx 25rpx; } .item-box .item-tile { padding-bottom: 80rpx; } .item-box .item-tile .title { padding-left: 15rpx; font-weight: bold; color: #333333; font-size: 30rpx; } .item-box .item-tile image { width: 44rpx; height: 44rpx; } .item-box .item-list { padding-bottom: 67rpx; } .item-box .item-list .tpl-box .tpl .name { color: #666666; font-size: 24rpx; padding-right: 10rpx; padding-bottom: 15rpx; } .item-box .item-list .tpl-box .tpl image { width: 25rpx; height: 25rpx; } .item-box .item-list .tpl-box .list-tip { font-size: 28rpx; font-weight: bold; color: #333333; } .img-box { width: 550rpx; height: 345rpx; margin: 0 auto; } .img-box image { width: 100%; height: 100%; } .img-box .img-btn-box { height: 50rpx; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: relative; bottom: 55rpx; } .img-box .img-btn-box .img-btn { bottom: 0; width: 50rpx; height: 50rpx; }