@import "/static/css/vendor.wxss"; .LoadingMask.data-v-294bec65 { position: fixed; display: flex; justify-content: center; align-items: center; background: #fff; height: 100%; width: 100%; z-index: 99999; } .LoadingMask ._img.data-v-294bec65 { height: 40rpx; width: 40rpx; animation: loading 1s steps(12) infinite; } @-webkit-keyframes loading { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .img-box.data-v-294bec65 { display: flex; flex-wrap: wrap; width: 100%; } .img-box >._img.data-v-294bec65, .img-box >._div.data-v-294bec65 { height: 160rpx; width: 160rpx; margin-right: 20rpx; margin-bottom: 20rpx; } .subtitle.data-v-294bec65 { display: flex; padding: 27rpx 40rpx; font: 27rpx/36rpx false; word-wrap: break-word; border-top: 1rpx solid #eee; border-bottom: 1rpx solid #eee; } .greytitle.data-v-294bec65 { padding-left: 30rpx; font: 30rpx/80rpx false; background: #fff; } .para-title.data-v-294bec65 { display: flex; align-items: center; font: bold 32rpx/100rpx false; color: #424242; } .para-title ._div.data-v-294bec65 { margin-right: 20rpx; height: 45rpx; width: 10rpx; background: #aa001a; } .commit.data-v-294bec65 { padding: 30rpx; box-sizing: border-box; } .commit navigator.data-v-294bec65, .commit ._div.data-v-294bec65, .commit ._button.data-v-294bec65 { height: 100%; width: 100%; background: #aa001a; color: #fff; text-align: center; font: 32rpx/80rpx false; border-radius: 10rpx; } .between.data-v-294bec65 { justify-content: space-between; } .list-input.data-v-294bec65 { display: flex; align-items: center; height: 90rpx; width: 100%; font: 30rpx/35rpx false; background-color: #fff; border-bottom: 1rpx solid #dedede; box-sizing: border-box; } .list-input ._span.data-v-294bec65 { margin: 0 30rpx; white-space: nowrap; } .list-input ._input.data-v-294bec65 { flex: 1; margin-right: 30rpx; text-align: right; } .list-input .unset.data-v-294bec65 { color: #9b9b9b; } .list-input navigator.data-v-294bec65 { overflow: hidden; white-space: nowrap; margin-right: 30rpx; color: #757575; } .list-input >._div.data-v-294bec65, .list-input picker.data-v-294bec65 { margin-right: 30rpx; color: #757575; } .fade.data-v-294bec65 { opacity: 0.5; } .hover.data-v-294bec65 { background-color: #d5d5d5 !important; } .hover-shallow.data-v-294bec65 { background-color: #ededed !important; } .hide.data-v-294bec65 { display: none !important; } ._textarea.data-v-294bec65 { padding: 10rpx; } .workplace.data-v-294bec65 { position: absolute; min-height: 100%; width: 100%; background: #f6f6f6; z-index: 1; } .head.data-v-294bec65 { display: flex; align-items: center; padding: 50rpx; position: relative; } .head .photo.data-v-294bec65 { height: 120rpx; width: 120rpx; border-radius: 50%; margin-right: 20rpx; background-color: rgba(255,255,255,0.25); } .head .info.data-v-294bec65 { display: flex; flex-direction: column; height: 120rpx; box-sizing: border-box; color: #fff; } .head .info .name_vip.data-v-294bec65 { display: flex; align-items: center; } .head .info .name_vip .name.data-v-294bec65 { font: 32rpx/32rpx false; } .head .info .name_vip .vip.data-v-294bec65 { height: 46rpx; width: 140rpx; margin-left: 20rpx; } .head .info .status.data-v-294bec65 { margin-top: 15rpx; display: flex; align-items: center; height: 27rpx; font: 27rpx/27rpx false; } .head .info .status ._img.data-v-294bec65 { height: 27rpx; width: 27rpx; } .head .info .status ._img.loading.data-v-294bec65 { animation: loading 1s steps(12) infinite; } .head .info .status ._img.help.data-v-294bec65 { margin-left: 10rpx; } .head .schedule.data-v-294bec65 { margin: 0 0 0 auto; width: 130rpx; border-radius: 50%; font: bold 35rpx/130rpx false; text-align: center; color: #aa001a; background: #fff; } .head ._fade.data-v-294bec65 { opacity: 0.5 !important; } .nav.data-v-294bec65 { margin-bottom: 20rpx; display: flex; justify-content: center; position: relative; height: 180rpx; width: 94%; margin-left: 3%; border-radius: 20rpx; border: 1rpx solid #eee; background: #fff; } .nav .nav-item.data-v-294bec65 { display: flex; justify-content: space-between; align-items: center; flex-direction: column; font: 30rpx/50rpx false; width: 33%; margin: 40rpx 0; } .nav .nav-item.data-v-294bec65:nth-child(2) { border-right: 1rpx solid #eee; border-left: 1rpx solid #eee; border-color: #dedede; } .nav .slide.data-v-294bec65 { position: absolute; bottom: 0; height: 6rpx; width: 27%; margin-left: 0 auto 0 33.495%; transition: transform 0.3s; background: #aa001a; } .nav .moveToOne.data-v-294bec65 { transform: translateX(-123.44%); } .nav .moveToThree.data-v-294bec65 { transform: translateX(123.44%); } .border-right.data-v-294bec65 { border-right: 1rpx solid #eee; } .report.data-v-294bec65 { display: inline-flex; justify-content: center; align-items: center; flex-direction: column; width: 50%; padding: 30rpx 0; margin: 20rpx 0; background: #fff; box-sizing: border-box; font: 30rpx/30rpx false; } .report ._img.data-v-294bec65 { height: 100rpx; width: 100rpx; margin-bottom: 30rpx; } .foot-title.data-v-294bec65 { padding-left: 30rpx; background: #fff; border-top: 1rpx solid #eee; border-bottom: 1rpx solid #eee; font: 30rpx/80rpx false; font-weight: bold; } .title.data-v-294bec65 { font-size: 28rpx; } .foot.data-v-294bec65 { display: inline-flex; justify-content: center; align-items: center; flex-direction: column; width: 25%; padding: 30rpx 0; background: #fff; font: 27rpx/27rpx false; } .foot ._img.data-v-294bec65 { height: 88rpx; width: 88rpx; margin-bottom: 20rpx; } .red-background.data-v-294bec65 { position: absolute; top: 0; height: 348rpx; width: 100%; background: #aa001a; z-index: -99; } .leave.data-v-294bec65 { position: absolute; bottom: 20rpx; left: 185rpx; width: 140rpx; padding: 10rpx 0; background-color: rgba(255,255,255,0.25); border-radius: 6rpx; color: #fff; font-size: 26rpx; text-align: center; } .notice.data-v-294bec65 { width: 100%; height: 90rpx; padding: 20rpx; border-top: 1rpx solid #eee; border-bottom: 1rpx solid #eee; box-sizing: border-box; background-color: #fff; display: inline-flex; } .titicon.data-v-294bec65 { width: 25%; } .titicon ._img.data-v-294bec65 { width: 160rpx; height: 50rpx; } .list.data-v-294bec65 { width: 75%; } .list ._p.data-v-294bec65 { line-height: 50rpx; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .reddot.data-v-294bec65 { display: inline-block; width: 16rpx; height: 16rpx; border-radius: 50%; background-color: #f00; position: absolute; right: -4rpx; top: -4rpx; }