.form { --van-notice-bar-background-color: var(--tag-bg-color); --van-notice-bar-text-color: var(--van-tag-primary-color); } .container { background-color: var(--col-background-color); min-height: 100vh; margin: 14px 0; .area { padding: 20px 20px 0; margin-bottom: 12px; } .select { font-size: 14px; padding: 6px 12px; } } .clear-px { padding-left: 0; padding-right: 0; } .rule { font-size: 14px; line-height: 27px; color: var(--tips-color); margin: 0 14px; margin-bottom: 20px; > p > span { color: var(--strong--color); font-weight: bold; } } .button-area { padding: 10px 14px; background-color: var(--white); box-shadow: 0 0 10px var(--box-shadow-color); } .radio-group { display: flex; margin-top: 14px; .radio:first-child { :global { .van-radio__label { margin-left: 0; } } } } .radio { :global { .van-radio__icon { display: none; } .van-tag--large { width: 94px; height: 30px; font-size: 16px; text-align: center; display: flex; align-items: center; justify-content: center; } .van-tag { box-sizing: border-box; } .van-tag--default { color: var(--van-tag-text-default-color); } .van-tag--primary { background-color: var(--tag-bg-color); } } } .tags { margin-right: 5px; margin-bottom: 5px; margin-top: 5px; } .file { display: flex; width: 100%; > div { flex: 1; > span { display: inline-block; margin-left: 5px; } } .delbtn { padding: 0; height: auto; border: none; } } .upbtn { border: 1px solid #cfcfcf; width: 100%; background: #fbfbfb; color: #666666; height: 77px; border-radius: 5px; border-style: dashed; i { font-size: 24px; } } .tips { font-size: 12px; color: #e0945a; line-height: 18px; padding: 15px 11px; background: #fff3eb; border-radius: 10px; margin: 0 14px 12px; .tipsTitle { font-size: 14px; font-weight: 600; color: #e0945a; line-height: 20px; padding-bottom: 6px; } span { color: #5aa9e0; } } .imgContainer { width: 150px; height: 150px; border-radius: 10px; overflow: hidden; margin: 0 0 12px; position: relative; }