@charset "UTF-8"; /** * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量 * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可 * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用 */ page { position: relative; background-color: #F7F7F7; } .scdetail { padding-bottom: 20px; } .scdetail .tab { display: flex; align-items: center; width: 80%; margin: 0 auto; } .scdetail .tab .item, .scdetail .tab .active-item { margin-top: 17px; font-size: 16px; font-family: PingFang SC; font-weight: bold; line-height: 20px; color: rgba(113, 113, 113, 0.43); opacity: 0.43; opacity: 1; flex: 1; text-align: center; } .scdetail .tab .item view, .scdetail .tab .active-item view { display: block; } .scdetail .tab .item .week, .scdetail .tab .active-item .week { padding-bottom: 12px; } .scdetail .tab .item .line, .scdetail .tab .active-item .line { width: 30px; height: 4px; background: #3B7653; opacity: 1; border-radius: 2px; display: block; margin: 0 auto; } .scdetail .tab .active-item { font-size: 18px; font-family: PingFang SC; font-weight: bold; line-height: 20px; color: #3B7653; } .scdetail .tab .active-item .week { padding-bottom: 8px; } .scdetail .info { padding: 15px; } .scdetail .info .title { font-size: 16px; color: #333; } .scdetail .yaoqiu { padding: 15px; } .scdetail .stu { padding: 15px; } .scdetail .detail_info { padding: 15px; background-color: #fff; } .scdetail .detail_info .title { font-size: 16px; font-weight: 550; color: #333; } .scdetail .detail_info .info_wrap { margin-top: 10px; } .scdetail .detail_info .info_wrap .item { color: #666; line-height: 22px; font-size: 14px; } .scdetail .detail_info .info_wrap .num .content { font-weight: 550; color: #3B7653; } .scdetail .jieshao { margin-top: 10px; background-color: #fff; padding: 15px; } .scdetail .jieshao .info_title { padding-bottom: 10px; font-size: 16px; display: flex; align-items: center; } .scdetail .jieshao .info_title .line { display: inline-block; margin-right: 5px; height: 11px; width: 3px; background-color: #3B7653; vertical-align: middle; } .scdetail .jieshao .info_title text { display: inline-block; vertical-align: middle; } .scdetail .jieshao .content { text-align: justify; word-break: break-all; word-wrap: break-word; } .scdetail .zhaosheng .stu_wrap { display: flex; flex-wrap: wrap; margin: 0 -5px; } .scdetail .zhaosheng .stu_wrap .empty { width: 100%; } .scdetail .zhaosheng .stu_wrap .list_content { flex-shrink: 0; background-color: #FFFFFF; border-radius: 5px; padding: 5px; position: relative; } .scdetail .zhaosheng .stu_wrap .list_content .top .headimg { width: 60px; text-align: center; } .scdetail .zhaosheng .stu_wrap .list_content .top .headimg image { height: 44px; width: 44px; border-radius: 50%; } .scdetail .zhaosheng .stu_wrap .list_content .top .headimg .name { display: block; color: #0C0C0C; font-style: normal; font-weight: 500; font-size: 13px; } .scdetail .zhaosheng .stu_wrap .list_content .bottom { border-top: 0.5px solid #DDDDDD; display: flex; height: 63px; line-height: 20px; margin: 6px 15px; padding: 10px 0; } .scdetail .zhaosheng .stu_wrap .list_content .bottom .left { width: 40px; color: #666666; font-size: 13px; opacity: 0.8; } .scdetail .zhaosheng .stu_wrap .list_content .bottom .right { width: 260px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .scdetail .active_btn { position: fixed; bottom: 0; width: 100%; height: 60px; margin-top: 60px; left: 0; background-color: #FFFFFF; line-height: 50px; border-top: solid 1px #DDDDDD; text-align: center; } .scdetail .active_btn .bt { height: 40px; margin-top: 10px; background: #138E57; border-radius: 25px; font-size: 16px; text-align: center; width: 80%; line-height: 40px; display: inline-block; color: #FFFFFF; } .scdetail .active_btn .bt1 { height: 40px; margin-top: 10px; background: #F5F5F5; border-radius: 25px; font-size: 16px; text-align: center; width: 80%; line-height: 40px; display: inline-block; color: #666666; }