static

base-ghh.css 37KB

    /* 可能的公用 */ .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; }