@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .content.data-v-1e6f4266 { width: 100%; height: calc(100vh); background-color: #F6F6F6; } .dil.data-v-1e6f4266 { background-color: #F6F6F6; box-sizing: border-box; padding: 45px 12px; } .top-two.data-v-1e6f4266 { width: 100%; display: flex; justify-content: space-between; align-items: center; } .top-left.data-v-1e6f4266 { width: 180px; height: 26px; box-sizing: border-box; border-radius: 50px; background-color: #D1EDFF; display: flex; justify-content: space-between; overflow: hidden; } .left1.data-v-1e6f4266 { width: 50%; background: linear-gradient(87deg, #B6E1FF 0%, #339DFF 100%); font-size: 13px; color: white; font-weight: 400; text-align: center; display: flex; justify-content: center; align-items: center; } .left2.data-v-1e6f4266 { width: 50%; background: #D1EDFF; font-size: 13px; color: #207EFE; font-weight: 400; text-align: center; display: flex; justify-content: center; align-items: center; } .top-right.data-v-1e6f4266 { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #4282D8; } .four-box.data-v-1e6f4266 { margin-top: 15px; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .boxf.data-v-1e6f4266 { margin-top: 6px; height: 84px; width: 49%; overflow: hidden; box-sizing: border-box; border-radius: 6px; padding: 12px; background-image: url("http://www.nuoyunr.com/lananRsc/dzf.png"); background-size: cover; background-position: center; } .boxf1.data-v-1e6f4266 { margin-top: 6px; height: 84px; width: 49%; overflow: hidden; box-sizing: border-box; border-radius: 6px; padding: 12px; background-image: url("http://www.nuoyunr.com/lananRsc/dpq.png"); background-size: cover; background-position: center; } .boxf2.data-v-1e6f4266 { margin-top: 6px; height: 84px; width: 49%; overflow: hidden; box-sizing: border-box; border-radius: 6px; padding: 12px; background-image: url("http://www.nuoyunr.com/lananRsc/zxz.png"); background-size: cover; background-position: center; } .boxf3.data-v-1e6f4266 { margin-top: 6px; height: 84px; width: 49%; overflow: hidden; box-sizing: border-box; border-radius: 6px; padding: 12px; background-image: url("http://www.nuoyunr.com/lananRsc/yyd.png"); background-size: cover; background-position: center; } .zi1.data-v-1e6f4266 { font-size: 16px; font-weight: bold; color: #FFFFFF; } .zi2.data-v-1e6f4266 { width: 100%; text-align: center; font-size: 26px; font-weight: bold; color: #FFFFFF; } .box-tap.data-v-1e6f4266 { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 25px; } .tap-left.data-v-1e6f4266 { display: flex; } .tap-right.data-v-1e6f4266 { display: flex; align-items: center; } .zi3.data-v-1e6f4266 { font-size: 14px; font-weight: 400; color: #666666; } .left-img1.data-v-1e6f4266 { width: 65px; height: 15px; margin-right: 20px; } .left-img1 image.data-v-1e6f4266 { width: 100%; height: 100%; } .gang.data-v-1e6f4266 { width: 60px; height: 5px; border-radius: 50px; margin-top: 6px; background: linear-gradient(87deg, #B6E1FF 0%, #339DFF 100%); } .tap-box.data-v-1e6f4266 { margin-top: 24px; background-color: #F6F6F6; } .boxt.data-v-1e6f4266 { width: 100%; background-color: white; border-radius: 6px; margin-top: 14px; overflow: hidden; display: flex; box-sizing: border-box; padding-bottom: 15px; } .boxt-left.data-v-1e6f4266 { width: 50%; height: 100%; } .left-lan.data-v-1e6f4266 { width: 50px; height: 25px; display: flex; justify-content: center; align-items: center; background-color: #207EFE; font-size: 14px; color: white; border-radius: 0px 0px 6px 0px; } .text1.data-v-1e6f4266 { margin-left: 24px; margin-top: 5px; color: #333333; font-size: 16px; font-weight: bold; color: #333333; } .lanzi.data-v-1e6f4266 { font-weight: bold; color: #4C98FF; } .text2.data-v-1e6f4266 { margin-left: 24px; margin-top: 5px; color: #333333; font-size: 16px; font-weight: 400; color: #333333; } .boxt-right.data-v-1e6f4266 { width: 50%; height: 100%; position: relative; } .zhtai.data-v-1e6f4266 { position: absolute; top: 10px; right: 10px; width: 60px; height: 25px; box-sizing: border-box; background: #FFD7D7; border-radius: 4px; display: flex; justify-content: center; align-items: center; color: #FF4C4C; font-size: 14px; } .dianhua.data-v-1e6f4266 { position: absolute; bottom: -110px; right: 10px; display: flex; font-size: 14px; font-weight: 400; color: #3289FF; } .ticon.data-v-1e6f4266 { width: 12px; height: 13px; margin-right: 5px; } .ticon image.data-v-1e6f4266 { width: 100%; height: 100%; } .yijian.data-v-1e6f4266 { width: 100%; overflow: hidden; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; height: 40px; font-size: 16px; background: #F3BA60; color: #542F0E; margin-top: 22px; } .y-left.data-v-1e6f4266 { display: flex; justify-content: center; align-items: center; width: 70%; height: 100%; border-radius: 10px; background: #FFE3AC; } .y-right.data-v-1e6f4266 { width: 30%; height: 100%; display: flex; justify-content: center; align-items: center; }