integrated_traffic_uniapp/colorui/unit.css

1495 lines
20 KiB
CSS
Raw Permalink Normal View History

2024-01-16 17:24:49 +08:00
.saixuan {
margin: 0 20upx;
}
.f20 {
font-size: 20upx
}
.f36 {
font-size: 36upx
}
.f40 {
font-size: 40upx
}
.mr10 {
margin-right: 10upx;
}
.mr20 {
margin-right: 20upx;
}
.f30 {
font-size: 30upx;
}
.f30b {
font-size: 30upx;
font-weight: bold;
}
.mb12 {
margin-bottom: 12upx;
}
.mt4 {
margin-top: 4upx;
}
.mt30 {
margin-top: 30upx;
}
.radiued {
border-radius: 10upx;
}
.bottom-fixed {
display: flex;
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
display: flex;
border-top: 1px solid #eee;
}
.bottom-fixed button {
flex: 1;
border-radius: 0;
height: 80upx;
font-size: 32upx
}
.dy-scroll {
position: relative;
background-color: #FFFFFF;
}
.dy-scroll-nobg {
position: relative;
}
.line {
height: 8upx;
background-color: #f1f1f1;
}
.p20 {
padding: 20upx;
}
.p201 {
padding: 20upx 90upx 20upx 20upx;
}
.top-fixed {
position: fixed;
z-index: 999;
width: 100%;
}
.select-fixed {
position: fixed;
z-index: 1;
width: 100%;
}
/* 抽屉 */
.de-drawer {
padding: 0 0upx;
}
.de-drawer-bottom {
display: flex;
width: 100%;
position: fixed;
bottom: 0;
height: 80upx;
}
.de-drawer-bottom .done-btn {
flex: 3;
}
.de-drawer-bottom .cz-btn {
flex: 1;
}
.de-drawer-bottom .cu-btn {
width: 100%;
font-size: 24upx;
height: 80upx;
flex: 1;
}
.de-drawer-content {
padding: 20upx;
}
.de-drawer-nr .cu-btn {
text-align: left !important;
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 12upx;
height: auto;
line-height: 1.4;
}
/* 时间段搜索固定头部 */
.search-time-box {
display: flex;
align-items: center;
background-color: #fff;
padding: 20upx 20upx 10upx 20upx;
}
.safe-style {
border: 1upx solid #efefef;
padding-left: 10upx;
border-radius: 6upx;
margin-top: 20upx;
}
.time-style {
border: 1upx solid #efefef;
padding-top: 10upx;
padding-bottom: 10upx;
padding-left: 10upx;
border-radius: 6upx;
flex: 1;
}
.time-style input,
.safe-style input {
font-size: 24upx
}
.input-style {
border: 1upx solid #efefef;
padding-top: 10upx;
padding-bottom: 10upx;
padding-left: 20upx;
border-radius: 6upx;
width: 100%;
margin-top: 20upx;
position: relative;
}
.input-style::after {
position: absolute;
right: 15upx;
top: 28upx;
display: block;
content: "";
width: 0;
height: 0;
border: 8upx solid rgba(0, 0, 0, 0);
border-top-color: #888;
}
.bb-default {
border-bottom: 1upx solid #F1F1F1;
}
.fenge {
margin: 0 10upx;
}
/* 用户注册 */
.register {
margin: 60upx 40upx;
display: flex;
flex-direction: column;
}
.register .reg-form {
display: flex;
align-items: center;
margin-bottom: 40upx;
justify-content: space-between;
}
.reg-input {
flex: 1;
}
.reg-btn {
margin-left: 20upx;
}
.reg-btn button {
font-size: 24upx;
height: 56upx;
}
.reg-icon {
margin-right: 20upx;
}
.reg-icon .lg {
font-size: 46upx;
color: #aaa;
}
.reg-input input {
border-bottom: 1px solid #aaa;
width: 100%;
height: 80upx;
}
.code-form {
width: 450upx;
height: 450upx;
margin: 50upx 0;
}
.code-form image {
width: 100%;
height: 100%;
}
/* 定义检查项 */
.check-items-title {
background-color: #FFFFFF;
margin: 40upx 20upx 0upx 20upx;
padding: 36upx 20upx 30upx 20upx;
position: relative;
border-radius: 6upx;
}
.check-items-title .check-items-tag {
position: absolute;
background-color: green;
color: #fff;
top: -20upx;
padding: 2upx 20upx;
border-radius: 6upx;
}
.check-items-text {
font-size: 32upx;
}
.check-items {
background-color: #FFFFFF;
margin: 20upx;
padding: 20upx;
border-radius: 6upx;
}
.check-items .title {
font-size: 30upx;
line-height: 2;
color: #666;
}
.check-items-select .select {
position: relative;
display: flex;
align-items: center;
}
.check-items-select .select text {
font-size: 30upx;
color: #666;
}
.check-items-select .select .unqualified {
position: absolute;
right: -56upx;
top: -10upx;
width: 50upx;
height: 60upx;
}
/* 定义详情 */
.de-card-list {
border-radius: 10upx;
}
.cu-tip {
height: 60upx;
color: #FF5A5F;
padding-left: 30upx;
}
.de-title {
padding: 16upx 10px 10px 28upx;
border-bottom: 1upx solid #F1F1F1;
}
.de-list {
margin: 20upx;
background-color: #fff;
}
.de-sub-title {
width: 150upx;
}
.de-sub-content {
margin-top: 15upx;
line-height: 1.3;
}
.de-item {
position: relative;
display: flex;
padding: 20upx 25upx;
justify-content: space-between;
}
.de-department {
position: relative;
display: flex;
padding: 20upx 25upx;
flex-wrap: wrap;
}
.de-department .cu-tag {
margin-left: 0;
margin-right: 20upx;
margin-bottom: 20upx;
}
.de-item-nopd {
position: relative;
display: flex;
padding: 12upx 25upx;
justify-content: space-between;
}
.de-item-sp {
position: relative;
padding: 20upx 25upx;
}
.de-item:last-child:after,
.de-item-sp:last-child:after {
border: none
}
.de-item:after,
.de-item-nopd:after,
.de-item-sp:after {
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
width: 200%;
height: 200%;
border-bottom: 1upx solid #ddd;
border-radius: inherit;
content: " ";
transform: scale(.5);
transform-origin: 0 0;
pointer-events: none
}
.cu-form-p .nav,
.de-sub-content .nav {
padding-top: 10upx;
}
.cu-form-p .cu-item,
.de-sub-content .nav .cu-item {
display: flex;
flex-direction: column;
display: inline-block;
line-height: 1;
padding: 0;
margin-right: 20upx;
margin-left: 0;
}
.cu-form-p .nav .cu-item .imgs,
.de-sub-content .nav .cu-item .imgs {
width: 240upx;
height: 180upx;
border: 1upx solid #f0f0f0;
}
.cu-form-p .nav .cu-item .imgs image,
.de-sub-content .nav .cu-item .imgs image,
.photos .nav .cu-item .imgs image {
width: 100%;
height: 100%;
}
/* 自定义列表 */
.dy-list {
background: #fff;
margin-top: 2upx;
}
.dy-list-item {
border-bottom: 1upx solid #f1f1f1;
position: relative;
}
.dy-title {
font-size: 30upx;
}
.dy-title-flex {
display: flex;
justify-content: space-between;
font-size: 30upx;
}
.dy-tag {
margin-top: 20upx;
}
.dy-subtitle {
color: #888;
font-size: 26upx;
margin-top: 10upx;
}
.dy-btns .cu-btn {
height: 24px;
font-size: 24upx
}
.dy-subtitle-flex {
display: flex;
justify-content: space-between;
align-items: center;
color: #888;
font-size: 26upx;
margin-top: 10upx;
}
.dy-content {
margin-top: 20upx;
display: flex;
flex-direction: row;
align-items: center;
}
.dy-content view {
margin-right: 20upx;
font-size: 26upx
}
.dy-content .cu-tag {
font-size: 24upx
}
.dy-content.arrow {
padding-right: 90upx
}
.dy-list-item.arrow:before {
position: absolute;
top: 0;
right: 30upx;
bottom: 0;
display: block;
margin: auto;
width: 30upx;
height: 30upx;
color: #b4b4b4;
content: "\e6a3";
text-align: center;
font-size: 34upx;
font-family: cuIcon;
line-height: 30upx
}
/* 暂无数据 */
.dy-null {
padding-top: 50upx;
display: flex;
align-items: center;
flex-direction: column;
}
.dy-null-title {
color: #a6afc0;
}
.dy-null-img {
width: 300upx;
height: 300upx;
}
.dy-null image {
width: 100%;
height: 100%;
}
/* 首页样式 */
.banner {
height: 320upx;
width: 100%;
padding: 20upx;
background: #f7f8f8;
margin-top: 90upx;
}
.banner .search {
z-index: 9999;
position: absolute;
width: 100%;
padding-right: 26upx;
}
.banner .icon-ui {
color: #fff;
font-size: 42upx;
}
.banner_img {
width: 100%;
height: 100%;
border-radius: 20upx;
}
.banner_img image {
width: 100%;
height: 100%;
border-radius: 20upx;
}
.home-apps {
background-color: #fff;
padding: 30upx 10upx;
border-radius: 10upx;
}
.home-work {
margin-top: 20upx;
background-color: #fff;
padding: 20upx;
}
.home-apps-list {
display: flex;
}
.home-apps-list+.home-apps-list {
margin-top: 20upx;
}
.home-apps-item {
/*flex: 1;*/
flex-grow: 0;
width: 25%;
display: flex;
flex-direction: column;
align-items: center;
}
.home-apps-item .text {
margin-top: 10upx;
}
.home-apps-item-img {
width: 80upx;
height: 75upx;
}
.home-apps-item-img image {
width: 100%;
height: 100%;
}
.home-work-title {
margin: 0upx;
display: flex;
justify-content: space-between;
}
.home-work-title .title {
display: flex;
align-items: center;
margin-bottom: 20upx;
}
.home-work-title .title .q_title {
height: 31upx;
width: 8upx;
background-color: #18a3ff;
border-radius: 20upx;
margin-right: 10upx;
}
.home-work-title .this-date {
line-height: 84upx;
}
.work-list .work-box {
display: flex;
flex-wrap: wrap;
}
.work-list .work-box .swiper-item{
width: 31%;
margin-bottom: 20upx;
margin-right: 15upx;
}
.work-border {
border-radius: 20upx;
border: 1px solid #eaeaea;
width: 80upx;
height: 80upx;
text-align: center;
line-height: 80upx;
font-size: 42upx;
}
.job-list{
width: 100%;
background: #fbf9f9;
display: flex;
padding: 10upx;
border-radius: 10upx;
align-items: center;
}
.job-list-img{
width: 60upx;
height: 60upx;
}
.job-list-img image{
width: 60upx;
height: 60upx;
}
.job-list-main{
flex: 1;
padding-left: 20upx;
}
.job-list-num{
font-size: 30upx;
color: #213453;
font-weight: bold;
}
.home-date {
background-color: #fff;
margin-top: 20upx;
padding: 20upx;
}
.home-date-list {}
.home-date-list .qd-date {
display: flex;
align-items: center;
height: 140upx;
border-bottom: 1px solid #F1F1F1;
}
.home-date-list .qd-tag {
display: flex;
flex-direction: column;
color: #fff;
width: 40upx;
font-size: 20upx;
padding-top: 10upx;
padding-bottom: 10upx;
padding-left: 9upx;
}
.home-date-list .qd-date .qd-date-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.home-date-list .qd-date .qd-date-item .date {
font-size: 40upx
}
.home-date-list .qd-date .qd-date-item .name {
color: #9f9f9f;
}
/* 树形选择器 */
.picker-tree-select {
display: flex;
border: 1upx solid #ccc;
padding: 12upx;
margin: 20upx;
border-radius: 6upx;
color: #88;
}
.picker-tree-box {
min-width: 0;
flex: 1;
position: relative;
text-align: right;
}
.picker-tree {
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
text-align: right;
padding-right: 40upx;
}
.cu-form-group .picker-tree::after {
font-family: cuIcon;
display: block;
content: "\e6a3";
position: absolute;
font-size: 17px;
color: #8799a3;
line-height: 50px;
width: 30px;
text-align: center;
top: -15px;
right: -10px;
margin: auto;
}
/* 隐患整改新增 */
.add_pard_box {
padding-top: 20upx;
border-top: 1px solid #F1F1F1;
border-bottom: 1px solid #F1F1F1;
}
.add_pard_btns {
display: flex;
justify-content: flex-end;
}
.add_pard_b {
width: 140upx;
}
.add_pard_item {
border: 1px dashed #dfdfdf;
margin: 0upx 30upx;
margin-top: 30upx;
position: relative;
}
.add_pard_item:nth-child(2) {
margin-top: 20upx;
}
.add_pard_item:last-child {
margin-bottom: 24upx;
}
.add_pard_del {
position: absolute;
top: -24upx;
left: -20upx;
}
/* 检查信息新增 */
.ace-list {
background-color: #FFFFFF;
}
.ace-title {
display: flex;
height: 100upx;
justify-content: space-between;
align-items: center;
padding: 0 30upx;
}
.ace-content {
padding: 20upx;
border-top: 1upx solid #F1F1F1;
}
.acb-content {
padding-bottom: 20upx;
border-top: 1upx solid #F1F1F1;
}
/* 云学堂 */
.sbanner {
width: 100%;
background-color: #3875f6;
padding-top: 10upx;
}
.simgs {
width: 100%;
height: 272upx;
}
.sbanner image {
width: 100%;
height: 100%;
}
.study-apps {
display: flex;
justify-content: space-between;
padding: 24upx 24upx 10upx 24upx;
background-color: #fff;
}
.study-apps-item {
width: 336upx;
height: 147upx;
}
.study-apps-item image {
width: 100%;
height: 100%;
}
.slist-tabs{
padding: 20upx 20upx 24upx 20upx;
background-color: #fff;
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
}
.slist-tabs .cu-item{
font-size: 12px;
vertical-align: middle;
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 8px;
height: 24px;
font-family: Helvetica Neue, Helvetica, sans-serif;
white-space: nowrap;
background-color: #f1f1f1;
border-radius: 6upx;
margin-left: 30upx;
}
.slist-tabs .cur{
background-color: #0081ff;
}
.slist-tabs .cu-item:first-child{
margin-left: 0;
}
.slist {
padding: 0upx 24upx 24upx 24upx;
background-color: #fff;
}
.slist-item {
display: flex;
padding: 18upx 0;
border-bottom: 1upx solid #ccc;
}
.slist-item:first-child {
padding-top: 0;
}
.slist-item:last-child {
border-bottom: 0;
}
.slist-right {
flex: 1;
margin-left: 30upx;
}
.slist-right .slist-title {
font-weight: bold;
line-height: 2;
}
.slist-img {
width: 291upx;
height: 166upx;
}
.slist-img image {
width: 100%;
height: 100%;
}
.sbox {
background-color: #fff;
margin-top: 8upx;
padding-bottom: 20upx;
}
.alltitle {
padding: 20upx;
}
.alltitle .title {
font-size: 30upx;
font-weight: bold;
border-left: 8upx solid #007AFF;
padding-left: 20upx;
}
.alltitle .state {
display: flex;
margin-top: 20upx;
padding-left: 30upx;
}
.textx+.textx {
margin-left: 30upx;
}
.scard {
border: 1upx solid #ccc;
margin: 0 20upx;
border-radius: 8upx;
}
.scard .scard-title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16upx;
border-bottom: 1upx solid #ccc;
}
.scard-content {
display: flex;
align-items: center;
padding: 20upx;
}
.video-study+.video-study {
margin-left: 40upx;
}
.svideol {
background-color: #fff;
margin-top: 8upx;
}
.svideol .sitem {
/* height: 50px;
line-height: 50px; */
display: flex;
align-items: center;
justify-content: space-between;
padding: 30upx;
border-bottom: 1upx solid #ccc;
}
.svideol .sitem:last-child {
border: none;
}
.sleft {
display: flex;
align-items: center;
flex: 1;
}
.sright {
text-align: right;
width: 160upx;
}
.tcl_box{
background-color: #fff;
margin-top: 8upx;
}
.tcl_box .tcl_time{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10upx;
padding-left: 38upx;
}
.tcl_box .tcl_time .tcl_text text{
color: #808080;
}
.tcl_box .tcl_item{
padding: 30upx;
border-bottom: 1upx solid #ccc;
}
/* 首页隐患 */
.home-hidden {
margin-top: 20upx;
background-color: #fff;
padding: 20upx;
}
/* 新增样式表 */
.wui-p20 {
padding: 20upx;
}
.wui-pl10 {
padding-left: 10upx;
}
.wui-mt10 {
margin-top: 10upx;
}
.group-picker {
justify-content: start;
}
.wui-form-list {
background-color: #FFFFFF;
border-radius: 10upx;
margin: 20upx;
}
.wui-form-title {
padding: 30upx;
color: #808080;
border-bottom: 1upx solid #eee;
}
.wui-form-list .cu-form-group .title {
font-weight: bold;
color: #000000;
font-size: 28upx;
height: auto;
2024-01-16 17:24:49 +08:00
/* white-space: nowrap; */
}
.wui-form-list .cu-form-group input {
color: #808080;
font-size: 28upx
}
.wui-form-list .cu-form-group {
color: #808080;
font-size: 28upx
}
.wui-form-list .cu-form-group:first-child {
border-radius: 10upx 10upx 0 0;
}
.wui-form-list .cu-form-group:last-child {
border-radius: 0 0 10upx 10upx;
}
.wui-sub-title {
font-weight: bold;
font-size: 30upx;
line-height: 1.4;
margin-bottom: 0upx;
border-bottom: 1px solid #eee;
padding: 20upx;
}
.wui-sub-title text {
border-left: 8upx solid #1d82fe;
padding-left: 20upx;
}
.wui-form-list .wui-title {
border-left: 8upx solid #1d82fe;
padding-left: 20upx;
font-weight: bold;
font-size: 30upx;
line-height: 1.4;
margin-bottom: 20upx;
}
.wui-table {}
.wui-table .wui-radio-group {
display: flex;
}
.wui-table .wui-radio-col {
flex-direction: column;
}
.group+.group {
margin-left: 10upx;
}
.wui-radio-group radio {
transform: scale(0.9);
}
/* 签字图片 */
.wui-sign {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20upx;
border-bottom: 1upx dashed #eee;
}
.wui-sign .title {
font-weight: bold;
}
.wui-sign-box {
display: flex;
padding: 0 20upx;
align-items: center;
}
.wui-sign-box .sign-title {
width: 300upx;
display: block;
color: #888;
white-space: nowrap;
}
.wui-sign-box .wui-sign-cotent {
/* border: 1px solid green; */
}
.wui-sign-box .wui-sign-cotent .sign-img {
/* border: 1px solid yellow; */
}
.wui-sign-box .wui-sign-cotent .sign-img image {
width: 500upx;
height: 300upx;
}
.cu-form-textarea {
border-bottom: 1px solid #eee;
border-top: 1upx solid #eee;
}
.cu-form-textarea .title,
.cu-form-textarea .cu-form-title {
font-size: 28upx;
font-weight: bold;
padding: 20upx;
padding-left: 30upx;
}
.cu-form-p {
font-size: 28upx;
padding-left: 30upx;
color: #808080;
padding: 0 30upx 30upx 30upx;
}
.cu-form-textarea textarea {
font-size: 28upx;
padding-left: 30upx;
padding-right: 30upx;
color: #808080;
height: 160upx;
min-height: 160upx;
width: 100%;
}
/* 卡片视图 */
.vi-card {
margin: 20upx;
}
.vi-card-items {
background-color: #fff;
border-radius: 16upx;
padding: 20upx 30upx 20upx 30upx;
margin-bottom: 20upx;
line-height: 2;
position: relative;
}
.vi-card-items .vi-card-title {
font-size: 30upx;
font-weight: bold;
}
.vi-card-items .vi-card-content {
font-size: 26upx;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10upx;
}
.vi-card-items .vi-card-foot {
display: flex;
align-items: center;
justify-content: space-between;
}
.cu-form-group .in_title {
padding-right: 30upx;
font-size: 28upx;
line-height: 60upx;
color: #000;
font-weight: bold;
margin: 20upx 0;
}
.wui-border {
/*border: 1px solid #eee*/
}
.cu-form-group .cleared {
position: relative;
top: -20upx;
left: -10upx;
padding: 0 20upx;
border-radius: 100upx;
background-color: #4edab7;
font-size: 20upx;
color: #fff;
display: block;
}
/* 安全承诺 */
.sure-box {
padding: 30upx;
}
.sure-h1 {
font-size: 34upx;
font-weight: bold;
color: #000;
text-align: center;
height: 60upx;
}
.sure-title {
border-left: 8upx solid #1d82fe;
padding-left: 20upx;
font-weight: bold;
font-size: 32upx;
margin: 20upx 0;
}
.sure-form {
border: 1px solid #eee;
padding: 20upx;
font-size: 30upx;
color: #313131;
}
.sure-sub-title {
font-size: 30upx;
line-height: 1.4;
padding: 10upx;
background-color: #F1F1F1;
margin-bottom: 10upx;
}
.sure-content {
margin-bottom: 10upx;
}
.sure-p {
line-height: 1.8;
}
.sure-textarea .sure-mark {
color: #0066CC;
}
.sure-textarea textarea {
height: auto;
font-size: 30upx;
margin-top: 10upx;
}
.sure-p .sure-mark {
color: #0066CC;
padding: 0 10upx;
}
.sure-name {
display: flex;
align-items: center;
margin: 20upx 0;
}
.sure-name .text-grey {
width: 200upx;
}
.sure-name image {
height: 260upx;
}
.ty-group {
padding: 24upx 30upx;
border-bottom: 1px solid #eee;
}
.ty-group:last-child {
border-bottom: none
}
.ty-group .title {
font-weight: bold;
color: #000;
}
.ty-group {
color: #808080;
}
.waring {
background-color: #F43F3B;
color: #fff;
height: 45upx;
line-height: 45upx;
padding-left: 20upx;
}
/* 学习园地 */
.tasks-bg {
position: relative;
margin: 10px 10px 0 10px;
}
.tasks-bg .tasks-content {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
height:80px;
}
.tasks-bg .stripes {
position: absolute;
top: 0;
z-index: -1;
height: 80px;
width: 100%;
background: linear-gradient(to top, #2684ff, #0065ff);
border-radius: 10px;
}
.tasks-top {
display: flex;
justify-content: space-between;
padding: 20upx;
margin: 20upx;
width: 90%;
}
.tasks-top .tasks-nr {
text-align: center;
color: #fff;
}
.tasks-warp {
padding: 20upx;
}
.tasks-warp .tasks-item {
background-color: #fff;
border-radius: 10upx;
padding: 20upx 30upx;
margin-top: 20upx;
}
.tasks-warp .tasks-item:first-child {
margin-top: 0;
}
.tasks-warp .tasks-item .title {
font-size: 30upx;
font-weight: bold;
}
.tasks-warp .tasks-item .flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.tasks-warp .tasks-item .flex .tasks-time {
color: #808080;
}
.tasks-warp .tasks-item .tasks-state {
margin: 16upx 0 10upx 0;
}
.tasks-warp .tasks-item .tasks-state,
.tasks-warp .tasks-item .flex .tasks-time {
color: #808080;
}
2024-04-01 08:33:09 +08:00
.is-required{
position: relative;
}
.is-required::before{
content: '*';
position: absolute;
left: -20upx;
top: 10upx;
color: #f00;
font-size: 36upx;
}
.is-required-cu{
position: relative;
}
.is-required-cu::before{
content: '*';
position: absolute;
left: -20upx;
top: 30upx;
color: #f00;
font-size: 36upx;
}
.is-required-pic{
position: relative;
}
.is-required-pic::before{
content: '*';
position: absolute;
left: -10upx;
top: 20upx;
color: #f00;
font-size: 36upx;
}