|
/* 可能的公用 */
.ipu-pages {
z-index: 10;
}
.pages-content {
padding-bottom: .1rem;
}
.ipu-page {
background-color: #F0F2F5;
}
.page-toolbar-right.ipu-fn-right {
font-size: .16rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
}
.item-value-text {
text-align: right;
font-size: .15rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
}
/* 页面业务 */
.slj-type-list {
margin: 0 .185rem 0 .12rem;
padding-bottom: .2rem;
}
.slj-type-list li {
line-height: .37rem;
border-radius: .02rem;
border: 1px solid rgba(227, 230, 232, 1);
font-weight: 400;
color: rgba(43, 47, 51, 1);
padding: 0 .12rem;
position: relative;
}
.slj-type-list li + li {
margin-top: .12rem;
}
.slj-type-list li.active {
border-color: #3F93F8;
background: url("../img/item-slt.png") right bottom no-repeat;
background-size: .22rem auto;
}
.slj-sb {
background-color: #fff;
margin-top: .08rem;
padding: .16rem .2rem;
}
.slj-sb-title {
font-size: .15rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: 1.1;
}
.slj-sb-desc {
margin-top: .06rem;
font-size: .12rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: 1.1;
}
/* 立户 */
.slj-ly-tips {
line-height: .25rem;
background: rgba(238, 246, 255, .9);
padding: 0 .17rem 0 .17rem;
font-size: .11rem;
font-weight: 400;
color: rgba(63, 147, 248, 1);
}
.pages-content-wrap {
background: linear-gradient(180deg, rgba(63, 148, 248, 1) 0%, rgba(69, 127, 255, 1) 100%) no-repeat;
background-size: 100% 1rem;
}
.biz-steps {
height: .9rem;
padding: 0 .1rem;
}
.biz-step-item {
font-size: .13rem;
font-weight: 500;
color: rgba(136, 188, 255, 1);
line-height: 1;
position: relative;
}
ul.biz-steps li {
counter-increment: biz-steps;
}
ul.biz-steps li:before {
content: counter(biz-steps);
font-size: .15rem;
font-weight: 500;
width: .22rem;
height: .22rem;
margin: 0 auto .1rem;
border: .015rem solid;
border-radius: 50%;
line-height: .2rem;
overflow: hidden;
}
ul.biz-steps li.active {
color: rgba(255, 255, 255, 1);
}
ul.biz-steps li + li:after {
content: "";
width: 60%;
position: absolute;
left: -30%;
top: .33rem;
height: 1px;
background-color: #88BCFF;
}
.form-wrap {
background: rgba(255, 255, 255, 1);
box-shadow: 0px -.03rem .12rem 0px rgba(140, 148, 157, 0.19);
border-radius: .08rem .08rem 0px 0px;
background-color: #fff;
min-height: .08rem;
}
.form-wrap .ipu-form-item {
background-color: transparent;
}
.switch-text {
line-height: .5rem;
padding-left: .08rem;
color: #8C949D;
font-size: .15rem;
}
.switch-text-on {
color: #3F93F8;
}
.switch-text-on,
.switch-text.active .switch-text-off {
display: none;
}
.switch-text.active .switch-text-on {
display: block;
}
.btn-add-conpete {
margin: 0 .2rem;
font-size: .13rem;
font-weight: 400;
text-align: center;
color: rgba(63, 147, 248, 1);
line-height: .39rem;
}
.compete-block {
margin: .0rem .2rem .2rem;
}
.compete-block-head {
padding: .15rem 0;
font-size: .15rem;
font-weight: 400;
color: rgba(92, 96, 102, 1);
}
.compete-input-list {
padding: 0 .16rem;
}
.compete-input {
display: block;
-webkit-appearance: none;
width: 100%;
border-radius: .02rem;
border: 1px solid rgba(225, 228, 232, 1);
line-height: .32rem;
padding: 0 .12rem;
color: #2B2F33;
}
.compete-input.active {
border: 1px solid #3F93F8;
}
.compete-input-wrap + .compete-input-wrap {
margin-top: .12rem;
}
.compete-block-body {
box-shadow: 0px .03rem .06rem 0px rgba(184, 184, 184, 0.1);
border: 1px solid rgba(230, 233, 237, 1);
}
.compete-block-body.item-count-1 .icon-flag-delete {
display: none;
}
.compete-item-title {
position: relative;
font-size: .13rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: 1;
padding: 0 .13rem;
margin: .17rem 0 .16rem;
border-left: .02rem solid rgba(63, 147, 248, 1);
}
.compete-item {
padding-bottom: .2rem;
border-bottom: 1px solid rgba(225, 228, 232, 1);
}
.compete-input::-webkit-input-placeholder {
color: #E1E4E8;
}
.icon-flag-delete {
position: absolute;
right: .06rem;
top: -.16rem;
width: .4rem;
height: .4rem;
background: url("../img/clear-history.png") center center no-repeat;
background-size: .14rem auto;
}
.popage-content-warp {
background: #fff;
border-radius: .08rem .08rem 0 0;
}
.c-poppage-head {
position: relative;
font-size: .16rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
padding: .19rem .15rem .175rem .17rem;
line-height: 1;
border-bottom: 1px solid #E6E9ED;
}
.c-poppage-head-note {
font-size: .13rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: 1;
margin-left: .05rem;
}
.c-poppage-close {
position: absolute;
right: .05rem;
top: .02rem;
width: .44rem;
height: .44rem;
background: url("../img/close.png") center center no-repeat;
background-size: .24rem auto;
}
.c-poppage-bottom {
border-top: 1px solid #E6E9ED;
}
.common-poppage-ver {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.common-poppage-ver.active {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.common-poppage-pd {
padding-top: .32rem;
z-index: 10;
}
.poppage-slt-count {
text-align: center;
font-size: .15rem;
font-weight: 500;
padding: .15rem 0 .15rem;
color: #8E9399;
height: .53rem;
}
.poppage-slt-count.active {
color: rgba(63, 147, 248, 1);
}
.c-btn-wrap {
position: absolute;
width: 1rem;
height: .34rem;
top: .1rem;
right: .25rem;
}
.c-btn-wrap .common-btn {
height: .34rem;
line-height: .34rem;
}
.c-tab-head {
background-color: #F0F2F5;
}
.c-tab-head ul {
width: .98rem;
}
.c-tab-head ul li {
overflow: hidden;
}
.c-tab-head ul li.active {
background-color: #fff;
}
.c-tab-head-title {
margin: .15rem 0 .15rem;
padding-left: .16rem;
font-size: .13rem;
font-weight: 500;
line-height: .19rem;
color: #5C6066;
}
.c-tab-head ul li.active .c-tab-head-title {
border-left: .03rem solid #3F93F8;
color: rgba(43, 47, 51, 1);
}
.c-tab-body > ul > li {
display: none;
}
.c-tab-body > ul > li.active {
display: block;
}
.slt-group {
padding-left: .25rem;
}
.slt-group-title {
font-size: .16rem;
font-weight: 500;
color: #2B2F33;
line-height: 1;
padding: .16rem 0;
}
.slt-group-item-list {
overflow: auto;
}
.slt-group-item-list li {
font-size: .14rem;
line-height: .16rem;
color: #5C6066;
text-align: center;
float: left;
width: 40%;
border: 1px solid #E6E9ED;
height: .57rem;
padding: 0 .1rem;
margin: 0 9% .15rem 0;
}
.c-tab-body {
padding-top: .04rem;
}
.slt-group-item-list li.active {
border-color: #3F93F8;
background: url(../img/item-slt.png) right bottom no-repeat;
background-size: .22rem auto;
}
.biz-step-item.done::before {
content: "";
border: none;
width: .22rem;
height: .22rem;
border-radius: 50%;
background: url(../img/right-circle.png) center center no-repeat;
background-size: contain;
}
ul.biz-steps li + li.active:after {
background: #fff;
}
.display-more-hide .display-more,
.display-more-show .display-more {
padding-bottom: .1rem;
}
.display-more-hide,
.toggle-block .ipu-form-item,
.toggle-block .compete-input-list,
.toggle-block-on .display-more-show {
display: none;
}
.toggle-block-on .compete-input-list,
.toggle-block-on .display-more-hide,
.toggle-block-on .ipu-form-item {
display: block;
}
.customer-decision {
margin-top: .08rem;
background-color: #fff;
}
.customer-decision-head {
position: relative;
overflow: hidden;
}
.customer-decision-title {
position: relative;
font-size: .15rem;
font-weight: 500;
color: #2B2F33;
line-height: .235rem;
padding: 0 .13rem;
margin: .2rem 0 .1rem;
border-left: .035rem solid rgba(63, 147, 248, 1);
}
.customer-decision-head .icon-flag-delete {
top: .08rem;
right: .08rem;
}
.item-key-tips {
font-size: .13rem;
font-weight: 400;
color: rgba(178, 184, 191, 1);
}
.btn-add-customer-decision {
font-size: .14rem;
font-weight: 500;
color: rgba(63, 147, 248, 1);
line-height: .44rem;
text-align: center;
margin-top: .05rem;
}
.common-btn-white-other {
background-color: #fff;
margin-right: .2rem;
}
.common-btn-two.ipu-tiled-space > li:first-child {
padding-right: .1rem;
}
.common-btn-two.ipu-tiled-space > li + li {
padding-left: .1rem;
}
.customer-decisions.item-count-1 .icon-flag-delete {
display: none;
}
.item-value-after {
padding-left: .08rem;
font-size: .15rem;
color: #2B2F33;
}
.pages-slj-step-biz .customer-decisions .customer-decision:first-child {
margin-top: 0;
}
.slj-submit-info {
margin: 0 auto;
padding: 0 .1rem;
width: 1rem;
height: 1rem;
margin-left: -.5rem;
border-radius: .03rem;
background-color: rgba(43, 47, 51, 0.8);;
text-align: center;
color: #fff;
}
.slj-submit-info .slj-submit-icon {
padding-top: .185rem;
font-size: .36rem;
line-height: 1;
}
.slj-submit-info .slj-submit-message {
font-size: .16rem;
font-weight: 400;
line-height: 1;
margin-top: .11rem;
}
.no-modal-over .ipu-modal-overlay {
visibility: hidden;
opacity: 0;
}
/* 商机详情 */
.sj-status-flag {
margin: .075rem auto 0;
width: .36rem;
height: .36rem;
background-color: #eee;
}
.sj-status-text {
padding-top: .06rem;
text-align: center;
font-size: .12rem;
font-weight: 500;
color: rgba(63, 147, 248, 1);
line-height: 1;
max-width: .71rem;
}
.sj-summary-name {
font-size: .16rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: 1.1;
padding-bottom: .03rem;
}
.sj-summary-item {
font-size: .12rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: 1.1;
}
.sj-summary-item label {
color: #8E9399;
margin-right: .08rem;
}
.sj-summary {
padding-left: .2rem;
background-color: #fff;
}
.sj-summary-info {
padding-top: .2rem;
padding-bottom: .2rem;
}
.sj-summary-item {
padding-top: .1rem;
}
.sj-status {
width: 25.9%;
}
.sj-status:before {
content: "";
left: 0;
top: -.05rem;
position: absolute;
width: 1px;
height: .73rem;
background-color: #E6E9ED;
}
.sj-detail-action {
background-color: #fff;
padding: .12rem .2rem;
}
.sj-detail-action .action-item {
text-align: center;
width: .72rem;
height: .27rem;
background: rgba(255, 255, 255, 1);
border-radius: .17rem;
border: 1px solid rgba(230, 233, 237, 1);
font-size: .12rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: .26rem;
}
.sj-detail-action .action-item.active {
background: linear-gradient(180deg, rgba(63, 148, 248, 1) 0%, rgba(69, 127, 255, 1) 100%);
color: #fff;
}
.sj-detail-tab-head ul {
font-size: 0;
position: relative;
white-space: nowrap;
display: block;
width: auto;
overflow: auto;
padding: 0 .1rem;
}
.sj-detail-tab-head ul li {
font-size: .13rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: .15rem;
padding: .15rem .09rem;
position: relative;
text-align: center;
display: inline-block;
vertical-align: top;
white-space: normal;
}
.sj-detail-tab {
margin-top: .08rem;
background-color: #fff;
}
.sj-detail-tab-head ul li.active {
color: #2B2F33;
position: relative;
}
.sj-detail-tab-head ul li.active:after {
content: "";
height: .025rem;
width: .25rem;
position: absolute;
background-color: #3F93F8;
bottom: 0;
left: 50%;
margin-left: -.125rem;
}
.sj-log-date {
font-size: .13rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
}
.sj-log-block {
padding: 0 .2rem 0 .4rem;
position: relative;
padding-bottom: .24rem;
}
.sj-log-item {
padding: .1rem;
box-shadow: 0px .03rem .06rem 0px rgba(184, 184, 184, 0.1);
border: 1px solid rgba(230, 233, 237, 1);
}
.sj-log-item-head {
font-size: .14rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: 1.1;
padding: .01rem 0 .07rem;
}
.sj-log-item-title-tips {
font-size: .1rem;
font-weight: 400;
color: rgba(255, 168, 66, 1);
margin-left: .1rem;
}
.sj-log-item-content {
font-size: .12rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: .16rem;
}
.sj-log-item-time {
font-size: .11rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
}
.sj-log-item-foot {
overflow: auto;
padding-top: .03rem;
line-height: .15rem;
}
.sj-log-detail-link {
font-size: .12rem;
font-weight: 400;
color: rgba(63, 147, 248, 1);
}
.sj-log-item {
margin-top: .1rem;
position: relative;
}
.sj-log-item + .sj-log-item {
margin-top: .12rem;
}
.sj-log-block:before {
position: absolute;
left: .17rem;
top: .06rem;
content: "";
width: .06rem;
height: .06rem;
border-radius: 50%;
z-index: 10;
background-color: #C7CDD3;
}
.sj-log-block.active:before {
background: rgba(63, 147, 248, 1);
}
.sj-log-block:after {
position: absolute;
left: .2rem;
top: .06rem;
content: "";
width: 1px;
bottom: -.06rem;
background: #E6E9ED;
}
.sj-log-list {
padding-top: .27rem;
}
.sj-detail-tab-body ul li:not(.active) {
display: none;
}
.sj-log-item-info {
font-size: .12rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: .18rem;
}
.sj-log-item-label {
color: #8E9399;
padding-right: .05rem;
overflow: auto;
}
.pages-content-basic {
padding: .2rem;
}
.pages-content-basic .sj-log-item-info {
padding: .05rem 0;
}
.c-block {
margin-top: .05rem;
box-shadow: 0px .03rem .06rem 0px rgba(184, 184, 184, 0.1);
border: 1px solid rgba(230, 233, 237, 1);
padding: .14rem 0;
}
.c-block-title {
font-size: .13rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: 1.1;
padding-left: .1rem;
border-left: 3px solid rgba(63, 147, 248, 1);
}
.c-block-body {
padding-top: .1rem;
}
.c-block-body .sj-log-item-info {
padding-left: .1rem;
padding-top: .02rem;
padding-bottom: .02rem;
}
.c-block + .c-block {
margin-top: .12rem;
}
.sj-detail-customer .pages-content-basic > .sj-log-item-info .sj-log-item-label {
min-width: .62rem;
}
.sj-log-item-label .sj-log-split {
font-size: .11rem;
color: #8E9399;
}
.sj-log-item-label .sj-log-split + .sj-log-split {
margin-left: .05rem;
}
.sj-detail-phone {
position: relative;
width: .4rem;
height: .14rem;
background: url("../img/call.png") center center no-repeat;
background-size: .12rem .12rem;
}
.c-block-head {
position: relative;
}
.sj-log-person {
padding-bottom: .03rem;
}
.sj-biz-block {
padding: .05rem 0 0.1rem;
}
.sj-biz-head {
font-size: .14rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: .21rem;
padding-bottom: .04rem;
}
.sj-audit-history {
padding: .2rem .24rem;
}
.sj-audit-date {
font-size: .12rem;
font-weight: 500;
color: rgba(92, 96, 102, 1);
line-height: .18rem;
text-align: right;
}
.sj-audit-time {
font-size: .1rem;
font-weight: 400;
color: rgba(142, 147, 153, .8);
line-height: .15rem;
text-align: right;
}
.sj-audit-title {
font-size: .13rem;
font-weight: 500;
line-height: .2rem;
color: rgba(43, 47, 51, .4);
}
.sj-audit-item.active .sj-audit-title {
color: rgba(43, 47, 51, 1);
}
.sj-audit-user {
padding-bottom: .04rem;
font-size: .12rem;
font-weight: 400;
color: rgba(92, 96, 102, .4);
line-height: .18rem;
}
.sj-audit-item.active .sj-audit-user {
color: rgba(43, 47, 51, 1);
}
.sj-audit-comment {
padding-bottom: .04rem;
font-size: .11rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: .165rem
}
.sj-audit-result {
padding-left: .15rem;
}
.sj-audit-timesatmp {
position: relative;
padding-right: .21rem;
padding-top: .03rem;
}
.sj-audit-timesatmp:before {
content: "";
position: absolute;
right: 0;
top: .06rem;
width: .06rem;
height: .06rem;
border-radius: 50%;
background-color: #C7CDD3;
z-index: 10;
}
.sj-audit-item.active .sj-audit-timesatmp:before {
background: rgba(63, 147, 248, 1);
}
.sj-audit-history .sj-audit-item:not(:last-child) .sj-audit-timesatmp:after {
content: "";
position: absolute;
right: .025rem;
top: .08rem;
width: 1px;
bottom: -.38rem;
background-color: #E6E9ED;
z-index: 1;
}
.sj-audit-item {
padding-bottom: .3rem;
}
.common-poppage-bg {
background: rgba(24, 26, 28, 0.62);
}
.sj-action-block {
}
.sj-action-state {
text-align: center;
font-size: .15rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: 1.1;
padding: .1rem;
}
.sj-action-state-list {
padding: .1rem 0;
background-color: #fff;
border-radius: .04rem .04rem 0 0;
}
.sj-action-cancel {
background-color: #fff;
text-align: center;
font-size: .15rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: 1.1;
padding: .2rem 0;
margin-top: .12rem;
}
.sj-action-state.active {
color: #3F93F8;
}
.sj-action-cancel-wrap {
background-color: rgb(242, 244, 245);
overflow: auto;
}
.c-bg-white {
background-color: #fff;
}
.c-bg-gray {
background-color: #E6E9ED;
}
.pages-sj-customer-edit .customer-decision {
margin-top: 0;
}
.pages-sj-customer-edit .customer-decision + .customer-decision {
margin-top: .08rem;
}
.place-holder-bg {
height: .08rem;
}
.customer-address-block {
border-radius: .04rem .04rem 0 0;
background-color: #fff;
border: 1px solid rgba(151, 151, 151, 1);
}
.customer-address-block {
height: 3.9rem;
}
.customer-address-block-title {
padding: .16rem 0 .12rem;
text-align: center;
font-size: .13rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: .2rem;
}
.address-block-area li {
width: .88rem;
text-align: center;
font-size: .13rem;
font-weight: 400;
color: rgba(92, 96, 102, 1);
line-height: .2rem;
margin: .1rem 0;
}
.address-block-area li.active {
color: #3F93F8;
border-left: .03rem solid #3F93F8;
}
.address-block-street li {
font-size: .14rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: .33rem;
padding-left: .33rem;
margin-right: .18rem;
}
.address-block-street li.active {
color: #3F93F8;
background: url("../img/right.png") right center no-repeat;
background-size: .24rem auto;
}
.address-block-area {
border-right: 1px solid #E6E9ED;
overflow: auto;
}
.address-block-street {
overflow: auto;
}
.pswp--svg .pswp__button.pswp__button--delete {
background: url("../img/clear-history.png") center center no-repeat;
background-size: 18px auto;
}
/* 机房 */
.machine-room-types {
overflow: auto;
padding: .08rem .05rem;
}
.machine-room-type {
float: left;
font-size: .11rem;
font-weight: 400;
color: rgba(92, 96, 102, 1);
background-color: #f5f6f7;
border-radius: .12rem;
line-height: 1.1;
padding: .05rem .1rem;
margin: .05rem;
}
.machine-room-type.active {
background: linear-gradient(264deg, rgba(76, 158, 255, 1) 0%, rgba(63, 123, 253, 1) 100%);
font-weight: 500;
color: #fff;
}
.machine-room-floornum {
font-size: .15rem;
font-family: Roboto-Medium, Roboto;
font-weight: 500;
color: rgba(202, 208, 217, 1);
line-height: .2rem;
}
.machine-room-name {
font-size: .12rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: .18rem;
}
.machine-room-item {
background: rgba(255, 255, 255, 1);
box-shadow: 0px 6px 12px 0px rgba(184, 184, 184, 0.1);
border-radius: .02rem;
border: 1px solid rgba(230, 233, 237, 1);
padding: .09rem .1rem .07rem;
}
.machine-room-item + .machine-room-item {
margin-top: .12rem;
}
.machine-room-info-link {
width: .24rem;
height: .24rem;
background: url(../img/arrow-right.png) center center no-repeat;
background-size: .07rem auto;
}
.machine-room-list {
padding: .06rem .16rem;
}
.machine-room-info {
margin-left: .1rem;
margin-right: .03rem;
}
.machine-room-info-item .label {
margin-right: .05rem;
font-size: .12rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: .18rem;
}
.machine-room-info-item .value {
font-size: .12rem;
font-weight: 500;
color: rgba(63, 147, 248, 1);
line-height: .18rem;
}
.machine-room-info-item .value + .label {
margin-left: .25rem;
}
.machine-room-state {
font-size: .1rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: .15rem;
background: linear-gradient(264deg, rgba(76, 158, 255, 1) 0%, rgba(63, 123, 253, 1) 100%);
padding: .02rem .03rem;
margin-left: .08rem;
}
.tab-body-rjl .machine-room-list {
padding: .2rem .16rem;
}
.tab-body-rjl .machine-room-info-item .value {
padding: 0 .03rem;
}
.tab-body-rjl .machine-room-info {
margin-left: .05rem;
}
.machine-room-state.off {
background-color: #9FA4AB;
background-image: none;
}
.machine-devices-list {
padding: .15rem;
}
.machine-devices-item {
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(230, 233, 237, 1);
padding: .1rem .1rem .1rem .15rem;
}
.machine-devices-head {
font-size: .13rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: .2rem;
}
.machine-devices-state {
font-size: .1rem;
font-weight: 400;
color: rgba(103, 172, 255, 1);
line-height: .15rem;
margin-left: .12rem;
}
.machine-devices-info {
padding: .04rem 0;
}
.machine-devices-info-key {
font-size: .12rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: .18rem;
min-width: .75rem;
padding-right: .1rem;
}
.machine-devices-info-value {
width: 1.41rem;
}
.machine-devices-item-total {
width: 100%;
height: .05rem;
background: rgba(230, 233, 237, 1);
border-radius: .025rem;
}
.machine-devices-info-text {
font-size: .12rem;
font-weight: 400;
color: #8E9399;
line-height: .18rem;
text-align: right;
min-width: .5rem;
padding-left: .1rem;
}
.machine-devices-info-text .percent {
color: rgba(63, 147, 248, 1);
}
.machine-devices-item-percent {
height: .05rem;
background: rgba(63, 147, 248, 1);
border-radius: .025rem;
}
.machine-devices-body {
padding-top: .06rem;
}
.machine-devices-item + .machine-devices-item {
margin-top: .16rem;
}
.net-in-block {
padding: .1rem .2rem;
}
.net-in-block-head {
font-size: .16rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: .24rem;
}
.net-in-block-body {
padding-top: .12rem;
}
.net-in-info-item {
font-size: .12rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: .18rem;
padding: .04rem 0;
}
.net-in-info-item .value {
color: rgba(43, 47, 51, 1);
margin-left: .08rem;
}
.net-in-info-item .link {
font-size: .1rem;
color: rgba(103, 172, 255, 1);
line-height: .15rem;
padding-left: .12rem;
}
.log-task-btn {
padding: 0 .14rem;
line-height: .28rem;
background: linear-gradient(90deg, rgba(253, 153, 1, 1) 0%, rgba(255, 126, 13, 1) 100%);
border-radius: .14rem;
font-size: .12rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
margin-right: .15rem;
}
.log-task-block-head {
font-size: .12rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: 1.1;
padding: .12rem .15rem .0rem;
}
.log-task-item {
background-color: #fff;
margin: .12rem;
margin-top: 0rem;
border-radius: .02rem;
}
.log-task-flag {
width: .28rem;
height: .28rem;
margin: 0 .25rem 0 .23rem;
background: url("../img/log-task-flag.png") center center no-repeat;
background-size: .28rem auto;
}
.log-list-flag {
width: .28rem;
height: .28rem;
margin: 0 .25rem 0 .23rem;
background: url("../img/log-list-flag.png") center center no-repeat;
background-size: .28rem auto;
}
.log-arrow {
width: 0.12rem;
height: 0.12rem;
background: url("../img/arrow-right.png") center center no-repeat;
background-size: .12rem auto;
}
.log-task-company {
margin-top: .12rem;
font-size: .15rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: .225rem;
padding-right: .05rem;
}
.log-task-build {
font-size: .12rem;
font-weight: 500;
color: rgba(142, 147, 153, 1);
line-height: .18rem;
margin-top: .04rem;
}
.log-task-date {
font-size: .12rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: .18rem;
margin-top: .04rem;
margin-bottom: .1rem;
}
.form-item-list + .form-item-list {
margin-top: .08rem;
}
.common-poppage-single .poppage-slt-count-wrap {
display: none;
}
.pages-customer-log .compete-block {
padding-bottom: .2rem;
margin-bottom: 0;
}
.ipu-form-item-upload {
padding: 0 .2rem .1rem;
}
.form-item-upload-wrap .icon-upload {
font-size: .14rem;
}
.form-item-upload-wrap {
text-align: center;
font-size: .12rem;
border: 1px dashed rgba(230, 233, 237, 1);
line-height: .4rem;
height: .42rem;
overflow: hidden;
color: rgba(92, 96, 102, 1);
}
.ipu-form-item-upload-files {
padding: .08rem 0 0;
}
.ipu-form-item-upload-files .file {
font-size: .13rem;
line-height: .18rem;
padding: .04rem 0;
}
.ipu-form-item-upload-files .delete {
color: red;
font-size: .1rem;
margin-left: .1rem;
}
.ipu-form-item .item-key.item-key-local {
line-height: .24rem;
padding: .13rem 0;
margin-right: 0;
}
.lklxr-user-info-item {
padding-right: .2rem;
font-size: .13rem;
color: #444;
}
.lklxr-user-info-item label {
color: #777;
}
.lklxr-user-block.active .lklxr-user-info-wrap {
background: url("../img/right.png") right center no-repeat;
background-size: .24rem auto;
}
.lklxr-user-block.active .person-info-item {
background: url("../img/right.png") right center no-repeat;
background-size: .24rem auto;
}
.kh-search-block {
padding: .12rem;
}
.kh-search-input {
display: block;
width: 100%;
-webkit-appearance: none;
border: 1px solid #ccc;
font-size: .14rem;
line-height: .16rem;
padding: .07rem;
border-radius: .03rem;
height: .32rem;
color: #333;
}
.kh-search-btn {
margin-left: .12rem;
display: block;
width: .56rem;
height: .32rem;
line-height: .32rem;
border-width: 0;
border-radius: .04rem;
background: linear-gradient(180deg, rgba(63, 148, 248, 1) 0%, rgba(69, 127, 255, 1) 100%);
color: rgba(255, 255, 255, 1);
font-size: .15rem;
text-align: center;
font-weight: 500;
}
.customer-sign-location .icon-material {
font-size: .2rem;
line-height: .4rem;
}
.customer-sign-location {
margin-left: .1rem;
color: #3F93F8;
font-size: .15rem;
line-height: .4rem;
}
.pages-income-of-last-month-level3 .income-outline {
padding-bottom: .1rem;
}
.pages-income-of-last-month-level3 .income-outline + .income-outline {
margin-top: .08rem;
}
.income-normal-detail-link {
font-size: .13rem;
font-weight: 400;
color: rgba(63, 147, 248, 1);
line-height: .37rem;
text-align: center;
background-color: #fff;
}
.income-outline-lv3 .income-analysis-table {
height: auto;
position: relative;
min-height: 1.52rem;
}
.income-outline-lv3 .income-analysis-chart {
position: absolute;
left: 0;
top: 0;
}
.income-outline-lv3 .income-analysis-table .circle-center-text {
position: absolute;
top: .63rem;
left: 31%;
}
.income-outline-lv3-list {
margin-left: 62%;
padding-bottom: .1rem;
}
.income-outline-lv3-list .income-outline-lv3-item-name {
font-size: .11rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: .165rem;
}
.income-outline-lv3-list .income-outline-lv3-item-value {
margin-top: .04rem;
}
.income-outline-lv3-list .income-outline-lv3-item-value .num {
font-size: .2rem;
font-family: Roboto-Medium, Roboto;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: .265rem;
}
.income-outline-lv3-list .income-outline-lv3-item-value .unit {
font-size: .09rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: .135rem;
}
.income-outline-lv3-item {
position: relative;
padding-left: .25rem;
}
.income-outline-lv3-item + .income-outline-lv3-item {
margin-top: .18rem;
}
.income-outline-lv3-list .income-outline-lv3-item::before {
content: "";
position: absolute;
width: .08rem;
height: .08rem;
left: 0;
top: .03rem;
background-color: #994CFF;
border-radius: .02rem;
}
.income-outline-lv3-list .income-outline-lv3-item:nth-child(2)::before {
background-color: #FC9317;
}
.income-outline-lv3-list .income-outline-lv3-item:nth-child(3)::before {
background-color: #FF4892;
}
.income-outline-summary .income-outline-lv3-list .income-outline-lv3-item:nth-child(1)::before {
background-color: #3F93F8;
}
.income-outline-summary .income-outline-lv3-list .income-outline-lv3-item:nth-child(2)::before {
background-color: #1BCDB9;
}
.income-overview-detail-link {
font-size: .09rem;
font-weight: 400;
color: rgba(255, 255, 255, .7);
line-height: .15rem;
background: rgba(0, 62, 137, 0.3);
border-radius: .1rem;
text-align: center;
padding: 0 .05rem;
}
.income-overview-detail-link .income-overview-more-btn {
display: inline;
font-size: .1rem !important;
height: auto;
width: .1rem;
line-height: 1.1;
}
.income-overview-year-total .income-overview-detail-link {
margin-left: .03rem;
}
.recognition-result-to-actions {
width: .4rem;
height: .4rem;
background: url("../img/more-btn.png") center center no-repeat;
background-size: .24rem auto;
position: relative;
}
.recognition-result-to-actions ul {
min-width: .82rem;
top: 100%;
left: -.5rem;
position: absolute;
background-color: #fff;
border: 1px solid rgba(230, 233, 237, 1);
box-shadow: 0px .03rem .06rem 0px rgba(184, 184, 184, 0.1);
}
.recognition-result-to-actions ul::before,
.recognition-result-to-actions ul::after {
top: -8px;
right: .1rem;
content: "";
position: absolute;
border-top: none;
border-left: 9px transparent solid;
border-right: 9px transparent solid;
border-bottom: 8px rgba(230, 233, 237, 1) solid;
}
.recognition-result-to-actions ul::after {
border-bottom-color: #fff;
top: -6px;
}
.recognition-result-to-actions ul li {
font-size: .14rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: 1.1;
padding: .11rem .12rem;
}
.recognition-result-to-actions ul li + li {
border-top: 1px solid rgba(230, 233, 237, 1);
}
.pages-scan-result-recognition.del .common-btn-plsc,
.recognition-result-to-actions.active ul,
.pages-scan-result-recognition.action .recognition-result-edit {
display: block;
}
.common-btn-plsc,
.pages-scan-result-recognition.action .recognition-result-to-actions,
.recognition-result-to-actions ul,
.pages-scan-result-recognition.action .common-btn-dbfx,
.recognition-result-edit {
display: none;
}
.pages-scan-result-recognition.action .recognition-result-input.slt {
border-color: #3F93F8;
}
.pages-scan-result-recognition.action.del .recognition-result-input.slt {
background: url("../img/item-slt.png") right bottom no-repeat;
background-size: .22rem auto;
}
div.result-no-record .scan-result-name {
max-width: none;
}
.building-item-wy-item-floor {
font-size: .15rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
margin-left: .34rem;
margin-top: .05rem;
}
.building-item-wy-item {
position: relative;
padding: .12rem .14rem .12rem 0;
box-shadow: 0 .03rem .06rem 0 rgba(184, 184, 184, 0.1);
border-radius: .02rem;
border: 1px solid rgba(230, 233, 237, 1);
margin-top: .12rem;
margin-bottom: .12rem;
overflow: hidden;
}
.building-item-wy-item-name {
font-size: .14rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: .2rem;
}
.building-item-wy-item-concat {
padding-top: .05rem;
font-size: .12rem;
font-weight: 400;
color: rgba(92, 96, 102, 1);
line-height: .18rem;
}
.building-item-wy-item-info {
margin-left: .15rem;
}
.building-item-wy-item-concat-call {
margin-left: .275rem;
padding-left: .2rem;
background: url("../img/left-finger.png") left center no-repeat;
background-size: .15rem auto;
}
.building-item-wy-item-state {
position: absolute;
top: .5rem;
left: -.23rem;
width: 1rem;
line-height: .22rem;
text-align: center;
font-size: .11rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.building-item-wy-item-qtz .building-item-wy-item-state, .building-item-wy-item-xyshz .building-item-wy-item-state {
background: linear-gradient(224deg, rgba(63, 148, 248, 1) 0%, rgba(69, 127, 255, 1) 100%);
}
.building-item-wy-item-yqy .building-item-wy-item-state {
background: linear-gradient(218deg, rgba(69, 205, 75, 1) 0%, rgba(5, 166, 12, 1) 100%);
}
.building-item-wy-item-wjc .building-item-wy-item-state, .building-item-wy-item-wfhz .building-item-wy-item-state {
background: linear-gradient(218deg, rgba(252, 147, 23, 1) 0%, rgba(252, 120, 23, 1) 100%);
}
.building-item-wy-item-qysb .building-item-wy-item-state {
background: linear-gradient(222deg, rgba(255, 87, 111, 1) 0%, rgba(251, 68, 43, 1) 100%);
}
.income-overview-down > div.ipu-flex {
width: 0;
}
.income-overview-down > div.ipu-flex:first-child {
width: auto;
min-width: 33.33%;
padding-right: .1rem;
}
/* 20210125新增 */
.unite-view-block {
padding: .2rem .2rem .18rem;
line-height: 1;
background-color: #fff;
margin-bottom: .08rem;
}
.view-block-head {
line-height: 1;
}
.view-block-title {
font-size: .16rem;
color: #2B2F33;
}
.view-block-head .link-to-more {
font-size: .13rem;
color: #5C6066;
}
.view-block-head .link-to-more .link-to-more-icon {
width: .1rem;
height: .1rem;
background: url("../img/arrow-right4.png") center no-repeat;
background-size: .1rem auto;
}
.view-info-item {
font-size: .12rem;
color: #8E9399;
line-height: .24rem;
}
.view-info-item .item-value {
color: #2B2F33;
margin-left: .08rem;
}
.view-warn-l {
position: relative;
}
.view-warn-flag:before {
content: "";
display: inline-block;
width: .12rem;
height: .12rem;
border-radius: 50%;
background-color: #D92323;
margin-right: .04rem;
margin-left: .08rem;
}
.view-warn-m:before {
background-color: #F07E27;
}
.view-warn-s:before {
background-color: #FBD602;
}
.view-block-title-tips {
margin-left: .07rem;
}
.view-block-body {
margin-top: .09rem;
}
.pages-customer-info-lv3 .view-block-head {
position: relative;
}
.pages-customer-info-lv3 .view-block-head:before {
content: "";
position: absolute;
left: -.2rem;
top: .01rem;
bottom: .01rem;
width: .03rem;
background-color: #3F93F8;
}
/* 2022 add */
.pages-pon-resource-search .common-page-content {
margin: 0 .08rem .1rem .08rem;
border-radius: 8px;
min-height: calc(100% - .2rem);
background-color: #fff;
}
.pon-list-block > ul:before,
.pon-list-block > ul:after {
content: none;
}
.pon-list-block > ul > li:not(:last-child) .ipu-list-item-inner:after {
right: .3rem;
}
.pon-list-block > ul .ipu-list-item {
padding-left: .105rem;
}
.pon-list-block .ipu-list-item-link:after{
right: .12rem;
}
.pon-search-head {
background-color: #fff;
margin: 0.0975rem .0775rem;
padding: .135rem .14rem .13rem .11rem;
border-radius: 0.04rem;
}
.pon-search-head .common-search-input {
background-color: transparent;
}
.pon-search-btn {
padding-right: .05rem;
font-size: .14rem;
color: #3F94F8;
font-weight: 400;
}
.pon-resource-address {
font-size: .13rem;
color: #1A1A1A;
line-height: .165rem;
font-weight: 500;
}
.pon-resource-id {
margin-top: .075rem;
font-size: .11rem;
color: #8E9399;
font-weight: 400;
padding-bottom: .05rem;
line-height: 1;
}
.pon-address-flag {
background-color: #000;
width: .1rem;
height: .1rem;
margin-top: .16rem;
margin-right: .1rem;
background: url('../img/building-address.png') center center no-repeat;
background-size: 100% auto;
}
.pages-house-info .common-page-content {
margin: .0975rem .0775rem;
background-color: #fff;
border-radius: .04rem;
padding-left: .13rem;
padding-right: .095rem;
}
.house-info-list {
margin: .12rem 0 0;
}
.house-info-item {
font-size: .13rem;
color: #8E9399;
line-height: .17rem;
padding: .1rem 0;
}
.pages-house-info .ipu-fn-bd-b:after {
background: #dedede;
}
.house-info-item.ipu-fn-bd-b:after {
opacity: 0.2;
}
.house-info-item-text {
color: #2B2F33;
text-align: right;
}
.house-info-head {
padding: .1875rem 0 .155rem;
}
.house-info-head-label {
font-size: .16rem;
color: #2B2F33;
letter-spacing: 1px;
font-weight: 700;
}
.house-info-head-text {
text-align: right;
}
.pon-list-block .ipu-list-item-inner {
padding-top: .13rem;
padding-right: .4rem;
}
.pon-address-scene {
margin-top: .08rem;
font-size: .11rem;
color: #9B9B9B;
}
.pon-address-scene .split {
border-left: 1px solid #D8D8D8;
height: .085rem;
margin: 0 .0425rem;
}
.pon-address-scene .red {
color: #F6414A;
}
.pon-address-scene .green {
color: #129578;
}
.pon-address-scene .yellow {
color: #FF6503;
}
.pon-address-scene .purple {
color: #BD10E0;
}
.pon-address-slt-title {
font-size: .18rem;
color: #2B2F33;
font-weight: 600;
}
.pon-address-slt-desc {
font-size: .12rem;
color: #7D7E80;
line-height: .165rem;
}
.pon-search-flag {
width: .2rem;
height: .2rem;
background: url(../img/input-search.png) center no-repeat;
background-size: 100% auto;
margin-right: .1rem;
}
.pon-search-input{
display: block;
width: 100%;
line-height:.2rem;
font-size: .14rem;
font-weight: 500;
border-width:0;
color:rgba(43,47,51,1);
border-radius: .08rem;
}
.pon-search-input::-webkit-input-placeholder {
color: #C1C7D1;
font-size: .14rem;
font-weight:500;
}
.pon-address-slt{
padding-bottom: .08rem;
margin-bottom: .17rem;
}
.pages-pon-resource-search .no-result-message{
padding: .1rem;
display: none;
text-align: center;
}
|