You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1101 lines
14 KiB
Plaintext
1101 lines
14 KiB
Plaintext
@import "./weui.wxss";
|
|
@import "./iconfont.wxss";
|
|
@import "./yicaifont.wxss";
|
|
@import "./iconfont-weapp/iconfont-weapp-icon.wxss";
|
|
/* @font-face {
|
|
font-family: 'webfont';
|
|
font-display: swap;
|
|
src: url('//at.alicdn.com/t/webfont_wu7i6er38ig.eot');
|
|
src: url('//at.alicdn.com/t/webfont_wu7i6er38ig.eot?#iefix') format('embedded-opentype'),
|
|
url('//at.alicdn.com/t/webfont_wu7i6er38ig.woff2') format('woff2'),
|
|
url('//at.alicdn.com/t/webfont_wu7i6er38ig.woff') format('woff'),
|
|
url('//at.alicdn.com/t/webfont_wu7i6er38ig.ttf') format('truetype'),
|
|
url('//at.alicdn.com/t/webfont_wu7i6er38ig.svg#NotoSansHans-DemiLight') format('svg');
|
|
}
|
|
*/
|
|
|
|
page {
|
|
background: #fff;
|
|
--color-ysd: #ff4400;
|
|
--color-hover: #ff4400cc;
|
|
--color-f40h:#ff4400cc;
|
|
--color-be: #ff4400;
|
|
--color-027: #027aff;
|
|
--color-yc: #0dcc91;
|
|
--color-ych: #3dd6a7;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/*view,
|
|
button,
|
|
text {
|
|
font-family:"webfont" !important;
|
|
font-style: normal;
|
|
-webkit-font-smoothing: antialiased;
|
|
-webkit-text-stroke-width: 0.2px;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}*/
|
|
|
|
.dil {
|
|
display: inline;
|
|
}
|
|
|
|
.dib {
|
|
display: inline-block;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
.clb {
|
|
clear: both;
|
|
}
|
|
|
|
.tl {
|
|
text-align: left;
|
|
}
|
|
|
|
.tr {
|
|
text-align: right;
|
|
}
|
|
|
|
.tc {
|
|
text-align: center;
|
|
}
|
|
|
|
.f14 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.f14s {
|
|
font-size: 14px;
|
|
}
|
|
.cf {
|
|
color: #fff;
|
|
}
|
|
|
|
.c6 {
|
|
color: #666;
|
|
}
|
|
.c9 {
|
|
color: #999;
|
|
}
|
|
|
|
.ml8 {
|
|
margin-left: 8px;
|
|
}
|
|
|
|
.mr8 {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.mt8 {
|
|
margin-top: 8px;
|
|
}
|
|
.ml4 {
|
|
margin-left: 4px;
|
|
}
|
|
.mb8 {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.mb4 {
|
|
margin-bottom: 4px;
|
|
}
|
|
.br8 {
|
|
border-radius: 8px;
|
|
}
|
|
.pr16 {
|
|
padding-right: 16px;
|
|
}
|
|
.cccc {
|
|
color: #bbb;
|
|
}
|
|
.pl16 {
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.p016 {
|
|
padding: 0 16px;
|
|
}
|
|
|
|
.p160 {
|
|
padding: 16px 0;
|
|
}
|
|
|
|
.ml10 {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.mr10 {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mt10 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mb16 {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.pl8 {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
.pr8 {
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.pt8 {
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.p16 {
|
|
padding: 16px;
|
|
}
|
|
|
|
.bb1 {
|
|
border-bottom: 1rpx solid #f5f5f5;
|
|
}
|
|
|
|
.bt1 {
|
|
border-top: 1rpx solid #e2e2e2;
|
|
}
|
|
|
|
.f10 {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.f11 {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.va-center {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.display-flex {
|
|
display: flex;
|
|
}
|
|
|
|
.flex-1 {
|
|
flex: 1;
|
|
}
|
|
.flex-2 {
|
|
flex: 2;
|
|
}
|
|
.c085 {
|
|
color: rgba(0, 0, 0, 0.85);
|
|
}
|
|
|
|
.cf085 {
|
|
color: rgba(255, 255, 255, 1);
|
|
}
|
|
|
|
.c065 {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
|
|
.c3 {
|
|
color: #333333 !important;
|
|
}
|
|
|
|
.p10 {
|
|
padding: 10px;
|
|
}
|
|
|
|
.c045 {
|
|
color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
.cgreen {
|
|
color: #39bc8b;
|
|
}
|
|
|
|
.c025 {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.am-icon.c015 {
|
|
color: rgba(0, 0, 0, 0.15);
|
|
}
|
|
|
|
.pl20 {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.pr20 {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.mt20 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.ml20 {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.mr20 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.mt20 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mt24 {
|
|
margin-top: 24px;
|
|
}
|
|
|
|
.mt32 {
|
|
margin-top: 32px !important;
|
|
}
|
|
|
|
.f11 {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.f12 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.f16 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.mt4 {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.mt5 {
|
|
margin-top: 5px;
|
|
}
|
|
.pt20 {
|
|
padding-top: 20px;
|
|
}
|
|
.f18 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.f20 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.p1620 {
|
|
padding: 16px 20px;
|
|
}
|
|
|
|
.p020 {
|
|
padding: 0px 20px;
|
|
}
|
|
|
|
.p200 {
|
|
padding: 20px 0px;
|
|
}
|
|
.weui-cells__group_form .weui-cell {
|
|
padding: 16px 10px;
|
|
}
|
|
.weui-cells__group_form .weui-cell:before,
|
|
.weui-cells__group_form .weui-cells:before,
|
|
.weui-cells__group_form .weui-cells:after {
|
|
left: 10px;
|
|
right: 10px;
|
|
}
|
|
/* .weui-cells:after, .weui-cells:before{
|
|
border-top:0px;
|
|
border-bottom: 0px;
|
|
} */
|
|
.weui-label {
|
|
color: #333;
|
|
}
|
|
|
|
.hcb {
|
|
background-color: #f2f2f2 !important;
|
|
}
|
|
|
|
.lineT {
|
|
height: 1rpx;
|
|
width: calc(100vw - 40px);
|
|
margin: 0 auto;
|
|
background-color: rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.p1020 {
|
|
padding: 16px 16px 15px;
|
|
}
|
|
|
|
.pen {
|
|
pointer-events: none;
|
|
}
|
|
|
|
.pea {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.p1016 {
|
|
padding: 10px 16px;
|
|
}
|
|
|
|
.p20 {
|
|
padding: 20px;
|
|
}
|
|
|
|
.c633 {
|
|
color: #027aff;
|
|
}
|
|
|
|
.tagsLi {
|
|
display: inline-block;
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
color: #353535;
|
|
background: #f1f1f1;
|
|
border-radius: 2px;
|
|
padding: 0 4px 0px;
|
|
line-height: 18px;
|
|
margin-right: 6px;
|
|
margin-bottom: 4px;
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
|
|
.tagsLi.spli {
|
|
color: #ea433a;
|
|
background-color: rgba(234, 67, 58, 0.2);
|
|
}
|
|
|
|
.f00,
|
|
.cf00 {
|
|
color: #027aff !important;
|
|
}
|
|
|
|
.pr {
|
|
position: relative;
|
|
}
|
|
|
|
/* .tagsLi.spli{
|
|
color: #FFFFFF;
|
|
background-color: #027AFF;
|
|
} */
|
|
|
|
.sbLine {
|
|
height: 1px;
|
|
background-color: rgba(0, 0, 0, 0.08);
|
|
/* margin-left: 20px; */
|
|
}
|
|
|
|
.ahover {
|
|
background-color: rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.h2 {
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
line-height: 1;
|
|
/* margin-top:12px; */
|
|
margin-bottom: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.lh1 {
|
|
line-height: 1;
|
|
}
|
|
|
|
.w70 {
|
|
/* width: 100px; */
|
|
white-space: nowrap;
|
|
text-align: right;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.fw500 {
|
|
font-weight: 601;
|
|
}
|
|
|
|
.fw400 {
|
|
font-weight: 400;
|
|
}
|
|
.pt12 {
|
|
padding-top: 12px;
|
|
}
|
|
.pb8 {
|
|
padding-bottom: 8px;
|
|
}
|
|
.pb10 {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.w70 + .c085 {
|
|
line-height: 1.5;
|
|
/* white-space: pre-line; */
|
|
}
|
|
|
|
.fwb {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* .wspl {
|
|
white-space: pre-line;
|
|
} */
|
|
button.weui-btn_primary::after {
|
|
border: 0;
|
|
}
|
|
|
|
button[type="primary"] {
|
|
color: #ffffff;
|
|
background-color: var(--color-yc);
|
|
}
|
|
|
|
.button-hover[type="primary"] {
|
|
color: #ffffff;
|
|
/* opacity: 0.8; */
|
|
background-color: var(--color-ych);
|
|
}
|
|
|
|
button[disabled][type="primary"] {
|
|
background-color: #cccccc;
|
|
}
|
|
|
|
.mt12 {
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.am-button-ghost {
|
|
padding: 8px !important;
|
|
color: #027aff !important;
|
|
box-shadow: inset 0 0 0 1px #027aff !important;
|
|
}
|
|
|
|
.am-button-primary {
|
|
padding: 8px !important;
|
|
background-color: #027aff !important;
|
|
}
|
|
|
|
.w180 {
|
|
width: 184px;
|
|
margin: 0 auto;
|
|
line-height: 42px;
|
|
}
|
|
|
|
.tImage {
|
|
width: 50px;
|
|
height: 50px;
|
|
margin-right: 6px;
|
|
border-radius: 4px;
|
|
/* border: 1rpx solid #ddd; */
|
|
}
|
|
|
|
.row-extra.c025 {
|
|
color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.page-description {
|
|
margin-bottom: 32rpx;
|
|
}
|
|
|
|
.page-section {
|
|
background: #fff;
|
|
}
|
|
|
|
.page-section-title {
|
|
padding: 16rpx 32rpx;
|
|
}
|
|
|
|
.page-section-demo {
|
|
padding: 32rpx;
|
|
}
|
|
|
|
.page-section-btns {
|
|
border-top: 1px solid #ddd;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
|
|
.page-section-btns > view {
|
|
flex: 1;
|
|
height: 84rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
color: #49a9ee;
|
|
}
|
|
|
|
.page-section-btns > view + view {
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
|
|
button {
|
|
margin-top: 20rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.bc_blue {
|
|
background-color: #49a9ee;
|
|
}
|
|
|
|
.bc_red {
|
|
background-color: #f04134;
|
|
}
|
|
|
|
.bc_yellow {
|
|
background-color: #ffbf00;
|
|
}
|
|
|
|
.bc_green {
|
|
background-color: #00a854;
|
|
}
|
|
|
|
.form-row {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 20px;
|
|
height: 44px;
|
|
align-items: center;
|
|
}
|
|
|
|
.form-row-label {
|
|
width: 50px;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
color: #666666;
|
|
line-height: 22px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.form-row-content {
|
|
flex: 1;
|
|
font-size: 16px;
|
|
background: #f4f4f4;
|
|
border-radius: 6px;
|
|
line-height: 50px;
|
|
}
|
|
|
|
.form-line {
|
|
height: 1px;
|
|
background-color: rgba(0, 0, 0, 0.08);
|
|
margin-left: 16px;
|
|
/*margin-left: 30rpx;*/
|
|
}
|
|
|
|
.f13 {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.row-title.f14 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.inlineBlock .am-loading-wrap {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.am-list-content-title {
|
|
font-size: 14px !important;
|
|
}
|
|
|
|
.inlineBlock {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.rightIcon {
|
|
position: relative;
|
|
padding-right: 16px;
|
|
}
|
|
|
|
.rightIcon:after {
|
|
content: " ";
|
|
width: 12px;
|
|
height: 24px;
|
|
-webkit-mask-position: 0 0;
|
|
mask-position: 0 0;
|
|
-webkit-mask-repeat: no-repeat;
|
|
mask-repeat: no-repeat;
|
|
-webkit-mask-size: 100%;
|
|
mask-size: 100%;
|
|
background-color: currentColor;
|
|
color: var(--weui-FG-2);
|
|
-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
|
|
mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -12px;
|
|
-webkit-mask-position-x: 0px;
|
|
-webkit-mask-position-y: 0px;
|
|
-webkit-mask-repeat-x: no-repeat;
|
|
-webkit-mask-repeat-y: no-repeat;
|
|
}
|
|
|
|
.mt16 {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.mb16 {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.mb8 {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.pb8 {
|
|
padding-bottom: 8px;
|
|
}
|
|
|
|
.bgf {
|
|
background-color: #fff;
|
|
}
|
|
|
|
.wx-border-tb {
|
|
border-top: 1rpx solid #ddd;
|
|
border-bottom: 1rpx solid #ddd;
|
|
}
|
|
|
|
.userImg {
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
/* border-radius: 4px; */
|
|
overflow: hidden;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
button::after {
|
|
border: 0;
|
|
}
|
|
|
|
.v-center {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.vsb {
|
|
justify-content: space-between;
|
|
display: flex;
|
|
flex-flow: column;
|
|
}
|
|
|
|
.jobTitle {
|
|
font-size: 22px;
|
|
font-weight: 601;
|
|
color: rgba(0, 0, 0, 0.85);
|
|
line-height: 30px;
|
|
flex: 1;
|
|
}
|
|
|
|
.jobMoney {
|
|
font-size: 18px;
|
|
font-weight: 601;
|
|
color: #ea433a;
|
|
line-height: 20px;
|
|
}
|
|
|
|
[data-title*="null"] {
|
|
display: none;
|
|
}
|
|
|
|
.ui-poptips {
|
|
transform: translateY(-40px);
|
|
transition: all 0.5s;
|
|
padding: 0 30px;
|
|
}
|
|
|
|
.ui-poptips.ui-poptipsTop {
|
|
transform: translateY(0px);
|
|
}
|
|
|
|
.ui-poptips {
|
|
width: 100%;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 99999999;
|
|
padding: 0 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ui-poptips-cnt {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
line-height: 40px;
|
|
height: 40px;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
border-bottom-left-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.ui-poptips {
|
|
transform: translateY(-40px);
|
|
transition: all 0.5s;
|
|
padding: 0 30px;
|
|
}
|
|
|
|
.ui-poptips.ui-poptipsTop {
|
|
transform: translateY(0px);
|
|
}
|
|
|
|
.thover {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.icon-weixuanzhong {
|
|
color: #888;
|
|
padding-right: 8px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.icon-xuanzhong {
|
|
color: #027aff;
|
|
padding-right: 8px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.radioText {
|
|
font-size: 16px;
|
|
color: rgba(0, 0, 0, 0.65);
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
.userName {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.time {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #919191;
|
|
line-height: 16px;
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.ava {
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 4px;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.sm {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
text-align: left;
|
|
color: #333333;
|
|
line-height: 44px;
|
|
}
|
|
|
|
.oneP {
|
|
display: flex;
|
|
padding-bottom: 16px;
|
|
padding-top: 16px;
|
|
box-sizing: border-box;
|
|
border-bottom: 1rpx solid #eee;
|
|
}
|
|
|
|
.loginOut {
|
|
width: 260px;
|
|
height: 42px;
|
|
opacity: 1;
|
|
background-color: var(--color-yc);
|
|
border-radius: 25px;
|
|
font-size: 18px;
|
|
font-weight: 601;
|
|
color: #ffffff;
|
|
padding: 0;
|
|
line-height: 42px;
|
|
margin-top: 100px;
|
|
}
|
|
.loginOut:active,.loginOut:hover,.loginOut:focus{
|
|
background-color: var(--color-ych);
|
|
}
|
|
.staticTitle {
|
|
margin-top: 20px;
|
|
font-size: 22px;
|
|
font-weight: 601;
|
|
text-align: center;
|
|
color: #262626;
|
|
line-height: 30px;
|
|
}
|
|
|
|
.weui-btn_input-clear [class*="weui-icon-"] {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
.weui-btn_input-clear {
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.c9 {
|
|
color: #999;
|
|
}
|
|
|
|
.mr16 {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.ml16 {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
.p2010 {
|
|
padding: 20px 10px;
|
|
}
|
|
|
|
.weui-dialog__title {
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.weui-dialog__bd {
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
text-align: center;
|
|
color: #787878;
|
|
line-height: 22px;
|
|
margin-bottom: 20px;
|
|
/* border-bottom: 1rpx solid #e2e2e2; */
|
|
}
|
|
|
|
.weui-dialog__bd view {
|
|
padding-bottom: 20px;
|
|
|
|
border-bottom: 1rpx solid #e2e2e2;
|
|
}
|
|
|
|
.weui-dialog__hd {
|
|
padding: 32px 24px 20px;
|
|
}
|
|
|
|
.lflex {
|
|
font-size: 18px;
|
|
font-weight: 601;
|
|
text-align: center;
|
|
color: #027aff;
|
|
line-height: 28px;
|
|
/* margin-top: 7px; */
|
|
padding: 0 10px 0 30px;
|
|
}
|
|
|
|
.rflex {
|
|
flex: 1;
|
|
padding: 0 30px 0 10px;
|
|
}
|
|
|
|
.rflex button {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
height: 40px;
|
|
opacity: 1;
|
|
background: #027aff;
|
|
border-radius: 25px;
|
|
font-size: 18px;
|
|
font-weight: 601;
|
|
color: #ffffff;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.pb16 {
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.pb20 {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.btnFlex {
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
line-height: 28px;
|
|
color: #027aff;
|
|
}
|
|
|
|
.lflex.p020 {
|
|
padding: 0 20px;
|
|
}
|
|
.jobOne .weui-btn_primary {
|
|
background-color: #ffffff;
|
|
border: 1px solid #027aff;
|
|
color: #027aff;
|
|
display: flex;
|
|
align-items: center;
|
|
line-height: 1;
|
|
/* line-height: 16px; */
|
|
}
|
|
.fr.f14s.c633.fw400 {
|
|
color: #027aff;
|
|
}
|
|
.rtText,
|
|
.rbText {
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
text-align: right;
|
|
color: #333333;
|
|
line-height: 18px;
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.rbText {
|
|
margin-top: 5px;
|
|
color: #919191;
|
|
}
|
|
.rtText {
|
|
font-size: 16px;
|
|
}
|
|
.db {
|
|
display: block;
|
|
}
|
|
|
|
.steps {
|
|
display: flex;
|
|
margin-top: 30px;
|
|
font-size: 12px;
|
|
padding: 0 19px;
|
|
margin-bottom: 80px;
|
|
}
|
|
.step {
|
|
position: relative;
|
|
flex: 1;
|
|
}
|
|
|
|
.stepNum {
|
|
position: relative;
|
|
z-index: 9;
|
|
width: 18px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
background-color: #e5e5e5;
|
|
border-radius: 50%;
|
|
color: #fff;
|
|
text-align: center;
|
|
display: none;
|
|
}
|
|
.active .stepNum {
|
|
display: block;
|
|
}
|
|
.active .circle {
|
|
display: none;
|
|
}
|
|
.step:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 1px;
|
|
background-color: #e5e5e5;
|
|
top: 9px;
|
|
}
|
|
.circle {
|
|
width: 10px;
|
|
height: 10px;
|
|
background: #e5e5e5;
|
|
border-radius: 50%;
|
|
}
|
|
.stepOne {
|
|
padding-left: 40px;
|
|
}
|
|
.stepOne.active .stepNum,
|
|
.stepTwo.active .stepNum,
|
|
.stepThree.active .stepNum {
|
|
background-color: #027aff;
|
|
}
|
|
.step.stepOne.active:after,
|
|
.step.stepTwo.active:after,
|
|
.step.stepThree.active:after {
|
|
background-color: #027aff;
|
|
}
|
|
|
|
.stepThree {
|
|
padding-right: 40px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
.stepOne:after {
|
|
z-index: 2;
|
|
}
|
|
.stepTwo:after {
|
|
z-index: 3;
|
|
background-color: #e5e5e5;
|
|
}
|
|
.stepThree:after {
|
|
z-index: 1;
|
|
}
|
|
.stepText {
|
|
font-size: 14px;
|
|
color: #333;
|
|
position: absolute;
|
|
top: 22px;
|
|
width: 70px;
|
|
margin: 0 auto;
|
|
}
|
|
.stepThree .stepText {
|
|
width: 56px;
|
|
margin-left: -22px;
|
|
}
|
|
.stepThree.active .stepText {
|
|
margin-left: -18px;
|
|
}
|
|
.active .stepText {
|
|
color: #027aff;
|
|
}
|
|
|
|
.uploadZheng {
|
|
text-align: center;
|
|
margin-top: 30px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.uploadZheng image,
|
|
.uploadFan image {
|
|
width: 313px;
|
|
height: 167px;
|
|
border-radius: 8px;
|
|
}
|
|
.uploadFan {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
}
|
|
.aLink {
|
|
color: #027aff;
|
|
display: inline-block;
|
|
}
|
|
.mt36 {
|
|
margin-top: 36px;
|
|
}
|
|
.p010 {
|
|
padding: 0 10px;
|
|
}
|
|
.mt0 {
|
|
margin-top: 0 !important;
|
|
}
|