|
@import "base-common.css";
@import "base-mzy.css";
@import "base-ghh.css";
@import "base-wk.css";
@import "base-yh.css";
@import "base-hbt.css";
@import "base-zq.css";
@import "base-fzy.css";
/* 首页 */
.navbar-item-icon {
height: .24rem;
width: .24rem;
margin: .08rem auto .02rem;
background: url("../img/index/nav-icon-home.png") center center no-repeat;
background-size: contain;
}
.ipu-navbar-item.ipu-current .navbar-item-icon {
background-image: url("../img/index/nav-icon-home-active.png");
}
.navbar-item-data-list .navbar-item-icon {
background-image: url("../img/index/nav-icon-data-list.png");
}
.ipu-navbar-item.ipu-current.navbar-item-data-list .navbar-item-icon {
background-image: url("../img/index/nav-icon-data-list-active.png");
}
.navbar-item-product .navbar-item-icon {
background-image: url("../img/index/nav-icon-product.png");
}
.ipu-navbar-item.ipu-current.navbar-item-product .navbar-item-icon {
background-image: url("../img/index/nav-icon-product-active.png");
}
.navbar-item-mine .navbar-item-icon {
background-image: url("../img/index/nav-icon-mine.png");
}
.ipu-navbar-item.ipu-current.navbar-item-mine .navbar-item-icon {
background-image: url("../img/index/nav-icon-mine-active.png");
}
/*去除高德地图的logo*/
.amap-logo{
display: none!important;
}
.amap-copyright{
opacity:0;
}
/*高德地图的定位*/
.amap-geolocation-con{
right:.14rem!important;
top: 2.59rem!important;
z-index:150!important;
height: 35px!important;
width: .4rem;
height: .4rem;
border: 1px solid #F0F2F5;
box-shadow: 0px 0px 8px 0px rgba(196,200,204,0.4);
border-radius: .02rem;
background: rgba(255, 255, 255, 1);
padding-bottom: .4rem;
}
.amap-geolocation-con .amap-geo {
margin: .09rem auto 0;
width: .22rem;
height: .22rem;
background-size: contain;
border-width: 0;
}
/*高德地图信息窗体*/
.amap-info>div:last-child{
bottom: -.12rem!important;
}
.amap-info-content{
background: rgba(255, 255, 255, 0);
padding: 0px;
transform: translate(9%,0);
color: #000
}
.amap-info-outer{
box-shadow: none;
}
.amap-info-close {
display: none;
}
.amap-info-sharp {
display: none;
}
.map-block{
width:.4rem;
height:.4rem;
background-color: #fff;
border-radius: .02rem;
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
position: absolute;
right: .14rem;
}
.map-block.ipu-active{
background-color: rgba(240, 242, 245, 1);
}
.map-block.map-block-message{
top: 2.14rem;
}
.map-block.map-block-app-location{
top: 2.59rem;
}
.map-block.map-block-knowledge-lib{
top: 3.04rem;
}
.map-block.map-block-building{
top: 3.49rem;
}
.app-location-icon {
margin: .09rem auto;
width: .22rem;
height: .22rem;
background: url(../img/crosshairs-gps.png) center center no-repeat;
background-size: contain;
}
.map-block-icon {
margin: .05rem auto 0;
width: .2rem;
height: .2rem;
}
.map-block-message .message-count {
min-width: .12rem;
height: .12rem;
background:rgba(252,23,23,1);
border:.01rem solid rgba(255,255,255,1);
border-radius: .06rem;
font-size: .1rem;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
line-height: .1rem;
position: absolute;
top: .025rem;
left: .22rem;
padding: 0 .02rem;
word-break: keep-all;
}
.map-block-message .map-block-icon {
background: url(../img/news.png) center center no-repeat;
background-size: contain;
}
.map-block-knowledge-lib .map-block-icon {
background: url(../img/book.png) center center no-repeat;
background-size: contain;
}
.map-block-building .map-block-icon {
background: url(../img/update-202109/add-building.png) center center no-repeat;
background-size: contain;
}
.map-block-name {
font-size: .09rem;
text-align: center;
color: rgba(43, 47, 51, 1);
font-weight:400;
line-height:.11rem;
}
.latest-notice {
width: 2.71rem;
height:.25rem;
background-color: rgba(228,237,255,0.9);
border-radius: .15rem;
position: absolute;
top: .57rem;
left: .2rem;
}
.latest-notice .notice-icon{
margin-left: .105rem;
width: .12rem;
height: .12rem;
background: url(../img/notice.png) center center no-repeat;
background-size: contain;
}
.latest-notice .notice-title{
margin-left: .07rem;
font-size: .11rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .16rem;
}
.latest-notice .notice-close{
margin-right: .115rem;
width: .08rem;
height: .08rem;
background: url(../img/close2-message.png) center center no-repeat;
background-size: contain;
}
.map-side-page {
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 170;
background: #fff;
/*-webkit-transform: translateY(70%);*/
-webkit-transition: top 300ms ease-out;
/*transform: translateY(70%);*/
transition: top 300ms ease-out;
box-shadow:0 .01rem .05rem 0 rgba(0,0,0,0.1);
border-radius:.08rem .08rem 0 0;
}
.map-side-page.building-side-page.active {
/*-webkit-transform: translateY(15%);*/
/*transform: translateY(15%);*/
/*top: 68%;*/
top: 74%;
}
.map-side-page.customer-side-page.active {
top: 77.5%;
}
.map-side-page.customer-side-page .location-header {
margin-top:.05rem;
}
.map-side-page.customer-side-page .location-header .location-title {
line-height:.19rem;
}
.map-side-page.customer-side-page .location-address {
line-height:.14rem;
}
.map-side-close {
width: .24rem;
height: .24rem;
background: url(../img/close.png) center center no-repeat;
background-size: contain;
position:absolute;
top: .14rem;
right: .15rem;
}
.building-flag {
width: .47rem;
height: .47rem;
background: url(../img/building.png) center center no-repeat;
background-size: contain;
position:absolute;
top: -.235rem;
left: .16rem;
}
.location-header {
margin-left:.2rem;
}
.location-header .location-title{
color: rgba(43, 47, 51, 1);
font-size: .16rem;
line-height: .16rem;
font-weight:bold;
}
.location-id{
color: rgba(142, 147, 153, 1);
font-size: .12rem;
line-height: .12rem;
font-weight:400;
margin-right: .07rem;
}
.location-tag {
margin: .08rem auto 0 .2rem;
}
.location-type span {
font-size: .1rem;
line-height: .15rem;
font-weight:400;
margin-right: .025rem;
padding-left: .045rem;
padding-right: .045rem;
border-radius: .01rem;
}
.location-type .type-high {
color:#FF727C;
background:rgba(255,245,246,1);
}
.location-type .type-normal {
color:#67ACFF;
background:rgba(247,250,255,1);
}
.location-type .type-warning {
color:#FFA842;
background:rgba(255,250,245,1);
}
.location-type .type-safe {
color:#1BCDB9;
background:rgba(243,255,254,1);
}
.location-type .type-edit {
color:#67ACFF;
padding-left: .1rem;
padding-right: .1rem;
background:rgba(247,250,255,1);
border: 1px dashed #67ACFF;
}
.location-address{
margin: .08rem 0 0 .2rem;
color: rgba(92, 96, 102, 1);
font-size: .12rem;
line-height: .12rem;
font-weight:400;
}
.location-description {
margin: .16rem .2rem 0 .2rem;
}
.location-description>div {
height: .18rem;
border-radius: .09rem;
margin-left: .04rem;
}
.available-ports {
background-color: rgba(255, 168, 66, 1);
}
.cable-numbers {
background-color: rgba(27, 205, 185, 1);
}
.route {
background-color: rgba(138, 163, 255, 1);
}
.location-description .description-pic{
width: .12rem;
height:.12rem;
margin-left: .08rem;
}
.location-description .description-name{
color: rgba(255, 255, 255, 1);
font-size: .1rem;
line-height: .125rem;
height: .125rem;
font-weight:400;
margin-left: .04rem;
}
.location-description .description-number{
color: rgba(255, 255, 255, 1);
font-size: .11rem;
line-height: .125rem;
height: .125rem;
font-weight:bold;
margin-right: .08rem;
}
.location-description .available-ports .description-pic{
background: url(../img/ports.png) center center no-repeat;
background-size: contain;
}
.location-description .cable-numbers .description-pic{
background: url(../img/cable.png) center center no-repeat;
background-size: contain;
}
.location-description .route .description-pic{
background: url(../img/route.png) center center no-repeat;
background-size: contain;
}
.location-description .route .description-name{
margin-right: .08rem;
}
.location-button{
margin: .16rem .2rem 0 .2rem
}
.location-button>div{
width: 47.7%;
height: .36rem;
line-height: .36rem;
font-size: .16rem;
border-radius: .025rem;
text-align: center;
font-weight:500;
background-color: rgba(63, 147, 248, 0.04);
border: .015rem solid rgba(63, 147, 248, 0.5);
color: rgba(63, 147, 248, 1);
}
.side-page {
position: absolute;
top: 64%;
left: 0;
right: 0;
bottom: 0;
z-index: 160;
/*background: rgba(0, 0, 0, 0.50);*/
border-radius: .08rem .08rem 0 0;
}
.side-page.animate {
-webkit-transition: top 300ms ease-out;
transition: top 300ms ease-out;
}
.side-page.active {
/*-webkit-transform: translateY(15%);*/
/*transform: translateY(15%);*/
top: .78rem;
border-radius: 0;
}
.side-page-content{
background: #fff;
box-shadow:0 -.015rem .06rem 0 rgba(140,148,157,0.19);
border-radius:.08rem .08rem 0 0;
}
.slide-arrow-up{
position: absolute;
top: -.125rem;
left: 50%;
width: .4rem;
height: .05rem;
background: rgba(43,47,51,.4);
background-size: 100% 100%;
transform:translateX(-50%);
border-radius:1rem;
}
.side-page.active .slide-arrow-up{
width: .35rem;
height: .09rem;
background: url(../img/update-202109/arrow-down3.png) center center no-repeat;
background-size: 100% 100%;
border-radius:0;
}
.side-page.active .task-list-area{
/*display:block;*/
}
.side-page .task-list-area{
/*display:none;*/
}
.building-slide-arrow-up-wrap {
height: .3rem;
width: .5rem;
margin:0 auto;
}
.building-slide-arrow-up{
margin-top:.115rem;
width: .15rem;
height: .04rem;
background: url(../img/arrow-up.png) center center no-repeat;
background-size: 100% 100%;
}
/*首次手势锁*/
.first-visit-slide {
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
background: rgba(24,26,28,0.62);
-webkit-transition: top 300ms ease-out;
transition: top 300ms ease-out;
display: none;
}
.first-visit-slide.active{
top: 0;
display: block;
}
.gesture-lock-area {
padding-top:.24rem;
margin: 40% 9.7% 0;
background:rgba(255,255,255,1);
border-radius:.015rem;
}
.gesture-lock-pic {
width: .62rem;
height: .62rem;
background: url(../img/gesture-lock.png) center center no-repeat;
background-size: contain;
}
.gesture-lock-title {
margin-top: .2rem;
font-size: .2rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.2rem;
}
.gesture-lock-tips {
margin-top: .05rem;
margin-bottom: .23rem;
font-size: .14rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.19rem;
text-align: center;
}
.gesture-lock-btns {
width:100%;
}
.gesture-lock-btns div{
width: 50%;
font-size: .18rem;
font-weight:400;
line-height: .5rem;
text-align: center;
}
.gesture-lock-btns div:first-child{
border-right: 1px solid #E6E9ED;
color:rgba(142,147,153,1);
border-radius: 0 0 0 .015rem;
}
.gesture-lock-btns div:last-child{
color:rgba(63,147,248,1);
border-radius: 0 0 .015rem 0;
}
/* 搜索 */
.search-input-wrap{
position: absolute;
top:.1rem;
left:.1rem;
right: .1rem;
height: .42rem;
background: #FFFFFF;
box-shadow: 0 .02rem .14rem 0 rgba(0,0,0,0.16);
border-radius: .05rem;
padding: .075rem .15rem;
}
.search-input{
display: block;
width: 100%;
line-height:.185rem;
font-size: .13rem;
font-weight: 400;
background-color: rgba(240,242,245,1);
border-width:0;
color: rgba(149,149,149,1);
background-image:url(../img/input-search.png),url(../img/voice.png);
background-repeat:no-repeat;
background-position:left .1rem top 50%,right .1rem top 50%;
background-size:.2rem .2rem, .16rem .16rem;
border-radius: .03rem;
padding: .045rem .315rem .04rem .315rem;
}
.search-input::-webkit-input-placeholder {
color: rgba(196,200,204,1);
font-size: .13rem;
font-weight:400;
}
.search-area {
padding: .08rem .16rem .08rem .2rem;
}
.search-user-btn{
font-size: .16rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height: .4rem;
margin-left: .15rem;
}
.search-back-btn {
width:.2rem;
height: .2rem;
background: url(../img/arrow-left2.png) center center no-repeat;
background-size: contain;
margin-right:.06rem;
}
.search-input-clean{
position: absolute;
top: .12rem;
left: 91%;
width: .18rem;
height: .18rem;
background: url(../img/input-delete.png) center center no-repeat;
background-size: contain;
}
.search-input-voice {
position: absolute;
top: .01rem;
right: 0;
width: .36rem;
height: .4rem;
background: url(../img/voice.png) center center no-repeat;
background-size: .18rem auto;
}
.common-search-input{
display: block;
width: 100%;
line-height:.2rem;
font-size: .15rem;
font-weight: 400;
background-color: rgba(240,242,245,1);
border-width:0;
color:rgba(43,47,51,1);
background-image:url(../img/input-search.png);
background-repeat:no-repeat;
background-position:left .1rem top 50%;
background-size:.2rem .2rem;
border-radius: .08rem;
padding: .1rem .36rem .1rem .36rem;
}
.common-search-input::-webkit-input-placeholder {
color: rgba(142,147,153,1);
font-size: .15rem;
font-weight:400;
}
.search-type-area {
padding: .19rem .2rem 0 .2rem;
}
.search-type-area .search-type-title {
font-size: .14rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .14rem;
margin-bottom: .2rem;
}
.search-type span{
height: .16rem;
font-size: .16rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .16rem;
padding-left: 6%;
padding-right: 6%;
border-left: 1px solid #E6E9ED;
overflow: unset;
}
.search-type span:nth-child(1) {
padding-left: 0;
border-left: 0 solid #E6E9ED;
}
.search-type span:nth-child(5) {
padding-right: 0;
text-align: right;
}
.history-area {
padding: .42rem .12rem 0;
}
.history-area .history-title {
font-size: .14rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .155rem;
margin-left:.08rem;
}
.clear-history{
margin-right:.08rem;
width:.155rem;
height: .155rem;
background: url(../img/clear-history.png) center center no-repeat;
background-size: contain;
}
.history-content {
width: auto;
margin-top: .205rem;
}
.history-content ul {
display: flex;
flex-wrap: wrap;
list-style: none;
}
.history-content li {
height: .39rem;
background-color:rgba(178,184,191,0.13);
border-radius: .055rem;
font-size: .15rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height: .39rem;
text-align: center;
padding-left:.12rem;
padding-right: .12rem;
margin:0 .08rem .17rem;
}
/* 搜索智能提示 */
.smart-search-area {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 100%;
z-index: 170;
background: #fff;
/*-webkit-transform: translateY(70%);*/
-webkit-transition: bottom 300ms ease-out;
/*transform: translateY(70%);*/
transition: bottom 300ms ease-out;
display:none;
}
.smart-search-area.active{
top: .48rem;
bottom: 0;
display:block;
}
.smart-search-wrap {
padding: .04rem .2rem 0 .2rem;
}
.smart-search-item {
font-size: .14rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .46rem;
border-bottom: 1px solid #E6E9ED;
}
/* 搜索结果 */
.ipu-tab-1.ipu-tab-search-result .li-name{
margin-top: .09rem;
margin-bottom: .055rem;
line-height: .14rem;
height: .14rem;
font-size: .14rem;
}
.ipu-tab-1.ipu-tab-search-result .current-flag{
margin-bottom: .085rem;
}
.search-result-content .search-result-content-item:last-child {
border-bottom-width: 0;
}
.search-result-content-item {
padding-left: .2rem;
padding-bottom: .16rem;
border-bottom: 1px solid rgba(230, 233, 237, 1);
}
.search-result-header {
margin-top: .18rem;
}
.material-in-all.search-result-header {
margin-top: .16rem;
}
.result-material-name {
font-size:.15rem;
font-weight:500;
color:rgba(63,147,248,1);
line-height:.15rem;
}
.search-result-title {
font-size: .13rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height:.15rem;
background-color:rgba(240,242,245,1);
padding: .19rem 0 .07rem .2rem;
}
.result-name {
color: rgba(43, 47, 51, 1);
font-size: .15rem;
line-height: .15rem;
font-weight:500;
}
.result-building-id {
color:rgba(43,47,51,1);
font-size: .11rem;
line-height: .11rem;
font-weight:400;
margin-left: .01rem;
margin-right: .01rem;
}
.search-result-header .location-type span{
margin-right:.06rem;
}
.search-result-desc {
margin-top: .08rem;
}
.search-result-desc span{
font-size: .13rem;
line-height: .13rem;
color:rgba(63,147,248,1);
font-weight:500;
margin-left: .04rem;
}
.search-result-desc span:first-child{
font-weight:400;
color:rgba(142,147,153,1);
margin-left: 0;
}
.search-result-more {
height: .46rem;
font-size: .14rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .46rem;
text-align: center;
border-top: 1px solid rgba(230, 233, 237, 1);
}
/*菜单区域*/
.common-menus ul {
display: flex;
flex-wrap: wrap;
background-color: #fff;
}
.common-menus li {
width: 20%;
text-align: center;
padding: 0rem .05rem;
position: relative;
}
.common-menus li.ipu-active {
opacity: .7;
}
.common-menus li a {
display: block;
padding: 0rem .05rem;
}
.common-menus li .menu-name {
margin-top: .08rem;
font-size: .12rem;
color: rgba(43, 47, 51, 1);
line-height: .14rem;
height: .14rem;
min-width: .1rem;
overflow: hidden;
}
.home-menus .common-menus li {
margin-top: .2rem;
}
.menu-icon .iconfont-material.iconfont-blue {
background-image: linear-gradient(to bottom, #3F94F8, #3069E6);
}
.menu-icon .iconfont-material.iconfont-purple {
background-image: linear-gradient(to bottom, #B390FF, #9F68FF);
}
.menu-icon .iconfont-material.iconfont-green {
background-image: linear-gradient(to bottom, #17DF9C, #1CB790);
}
.menu-icon .iconfont-material.iconfont-cerulean {
background-image: linear-gradient(to bottom, #67ACFF, #3F93F8);
}
.menu-icon .iconfont-material.iconfont-orange {
background-image: linear-gradient(to bottom, #FFC937, #FF9F1D);
}
.menu-icon .iconfont-material.iconfont-lilac {
background-image: linear-gradient(to bottom, #DD89FF, #CD6BFF);
}
.menu-icon .iconfont-material.iconfont-cyan {
background-image: linear-gradient(to bottom, #A0DF17, #61B71C);
}
.menu-icon .iconfont-material {
margin: 0 auto;
display: block;
width: .4rem;
height: .4rem;
line-height: .4rem;
border-radius: 50%;
background-color: #e45061;
font-size: .24rem;
position: relative;
text-align: center;
color: #fff;
}
.menu-icon img {
margin: 0 auto;
display: block;
width: .4rem;
height: .4rem;
border-radius: 50%;
position: relative;
}
.task-to-do{
margin-top: .15rem;
}
.task-to-do .task-pic{
margin-left:.2rem;
width: .23rem;
height: .22rem;
background: url(../img/todo-list.png) center center no-repeat;
background-size: contain;
}
.task-to-do .task-name{
margin-left:.075rem;
font-size: .16rem;
font-weight:bold;
color:rgba(43,47,51,1);
line-height: .22rem;
}
.task-to-do .task-num{
font-size: .13rem;
font-weight: bold;
color:rgba(43,47,51,1);
line-height: .15rem;
}
.task-item{
margin: 0 .15rem .1rem;
background:rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
}
.task-info{
margin-top: .15rem;
}
.task-item .task-type-pic{
margin-left:.1rem;
width: .16rem;
height: .16rem;
background: url(../img/money-bag.png) center center no-repeat;
background-size: contain;
}
.task-type-pic.renew-contract{
background: url(../img/money-bag.png) center center no-repeat;
background-size: contain;
}
.task-type-pic.business-pushing{
background: url(../img/money-bulb.png) center center no-repeat;
background-size: contain;
}
.task-type-pic.marketing-publishing{
background: url(../img/gift.png) center center no-repeat;
background-size: contain;
}
.task-item .task-type{
margin-left:.08rem;
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .16rem;
}
.task-desc {
margin-left:.06rem;
padding-left: .05rem;
padding-right: .05rem;
height: .15rem;
border-radius: .01rem;
font-size: .1rem;
font-weight:400;
line-height: .15rem;
text-align: center;
}
.task-desc.task-confirm{
color:rgba(103,172,255,1);
background:rgba(255,245,246,1);
}
.task-desc.task-suggest{
color:rgba(138,163,255,1);
background:rgba(255,245,246,1);
}
.task-desc.task-normal{
color:rgba(27,205,185,1);
background:rgba(243,255,254,1);
}
.task-desc.task-warning{
color:rgba(255,168,66,1);
background:rgba(255,250,245,1);
}
.task-desc.task-danger{
background: rgba(255,255,255,0.11);
border: 1px solid #FF6767;
font-size: .11rem;
color: #F45A5A;
line-height: .16rem;
height: .16rem;
padding-right: .075rem;
}
.task-desc.task-danger::before{
content: '';
width: .025rem;
height: .025rem;
border-radius: 50%;
background: #FF6161;
margin-right: .05rem;
display: inline-block;
vertical-align: middle;
}
.task-item .company-info{
margin:.07rem auto .19rem .34rem;
font-size: .13rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .15rem;
}
.task-item .company-info span:nth-child(2){
color:rgba(230, 233, 237, 1);
}
.task-item .task-btn{
margin-right: .12rem;
width: .64rem;
height: .28rem;
/*color:rgba(255,255,255,1);*/
/*background:linear-gradient(90deg,rgba(253,153,1,1) 0%,rgba(255,126,13,1) 100%);*/
color: #237CFA;
background: #FFFFFF;
border: .01rem solid #237CFA;
border-radius: .14rem;
font-size: .12rem;
font-weight:400;
text-align: center;
line-height:.28rem;
}
.task-btn.ipu-active {
opacity: .7;
}
.normal-customer-item {
background:rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
padding:.16rem .16rem .16rem .12rem;
}
.normal-customer-item:not(:last-child){
margin-bottom:.12rem;
}
.normal-customer-item .business-pic{
width: .16rem;
height: .16rem;
background: url(../img/money-bulb.png) center center no-repeat;
background-size: contain;
align-self: flex-start;
}
.normal-customer-item .different-net-pic{
width: .16rem;
height: .16rem;
background: url(../img/different-net.png) center center no-repeat;
background-size: contain;
align-self: flex-start;
}
.normal-customer-price {
font-size: .1rem;
color: #FFA842;
font-weight:400;
line-height: .12rem;
margin-left:.15rem;
}
.normal-customer-content {
margin-left:.12rem;
overflow: unset;
}
.normal-customer-title {
font-size: .15rem;
font-weight: 400;
color: rgba(43,47,51,1);
line-height: .16rem;
overflow: unset;
}
.normal-customer-desc {
margin-top:.08rem;
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .12rem;
}
.arrow-right-btn {
width: .12rem;
height: .12rem;
background: url(../img/arrow-right3.png) center center no-repeat;
background-size: contain;
margin-left:.15rem;
margin-right:.16rem;
}
/*开发票*/
.pages-invoice-list,.pages-invoice-filling{
background-color: rgba(240, 242, 245, 1);
}
.invoice-tip{
margin: .13rem auto .1rem .2rem;
color: rgba(142, 147, 153, 1);
font-size: .12rem;
text-align: left;
}
.invoice-list li{
margin: .1rem .15rem 0 .15rem;
background-color: rgba(255, 255, 255, 1);
border-left: .02rem solid rgba(63, 147, 248, 1);
}
.invoice-info{
margin-left: .2rem;
}
.invoice-info .company-name{
font-size: .15rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
margin-top: .2rem;
}
.invoice-info .description{
margin: .1rem auto .18rem 0;
font-size: .12rem;
font-weight:400;
color: rgba(92, 96, 102, 1);
}
.invoice-amount{
color: rgba(63, 147, 248, 1);
font-size: .28rem;
margin-right: .15rem;
align-self: center;
}
.invoice-amount span:first-child{
font-size: .12rem;
}
/*新楼宇申请*/
.new-building-content{
padding-left: .2rem
}
.new-building-content .title{
margin-top: .08rem;
font-size: .23rem;
font-family: SourceHanSansCN-Medium;
height: .23rem;
line-height: .23rem;
color: rgba(43, 47, 51, 1);
}
.new-building-content .desc{
margin-top: .09rem;
font-size: .15rem;
font-family: SourceHanSansCN-Regular;
height: .15rem;
line-height: .15rem;
color: rgba(142, 147, 153, 1);
}
.new-building-content .iconfont-material {
display: block;
width: .24rem;
height: .24rem;
line-height: .24rem;
border-radius: 50%;
font-size: .22rem;
position: relative;
text-align: center;
color: #2B2F33;
}
.form-item{
margin-top: .35rem;
}
.form-label .props{
padding-left: .08rem;
color: rgba(92, 96, 102, 1);
font-size: .15rem;
font-family: SourceHanSansCN-Regular;
}
.form-item-required .form-label .props:before {
content: "*";
display: inline-block;
margin-right: .04rem;
line-height: .1rem;
font-size: .1rem;
color: #ff5f5f;
position: relative;
top: -.04rem;
}
.form-value{
margin-top:.12rem;
}
.form-value .map-area{
width: 2.95rem;
height: 1rem;
border-radius: .04rem;
margin-left: .28rem;
}
.map-area-cover{
position: relative;
top: -1rem;
width: 2.95rem;
height: 1rem;
border-radius: .04rem;
background-color: rgba(43, 47, 51, 0.69);
color: rgba(255, 255, 255, 1);
font-size: .16rem;
text-align: center;
line-height: 1rem;
font-family: SourceHanSansCN-Regular;
}
.form-value .input-wrapper{
margin:0 .11rem 0 .28rem;
padding-bottom: .11rem;
border-bottom: 1px solid rgba(178, 184, 191, 1);
}
.form-value .input-wrapper .form-input{
width: 100%;
height: .2rem;
font-size: .16rem;
font-family: SourceHanSansCN-Regular;
border: none;
}
.form-value .input-wrapper .form-input::-webkit-input-placeholder {
color: rgba(178, 184, 191, 1);
opacity: 1;
}
/* 新楼宇选择 */
.select-address-map-wrap {
height: 66%;
}
.select-address-map-container {
width: 100%;
height: 95%;
}
.new-building-search-wrap {
background-color: #FFFFFF;
position: absolute;
bottom: 0;
width:100%;
padding: .16rem .16rem 0;
border-radius: .12rem .12rem 0 0;
}
.new-building-search-input {
display: block;
width: 100%;
line-height:.2rem;
font-size: .14rem;
font-weight: 400;
background-color: rgba(245,245,245,1);
border-width:0;
color: rgba(43,47,51,1);
background-image:url(../img/input-search.png);
background-repeat:no-repeat;
background-position:left .1rem top 50%;
background-size:.2rem .2rem;
border-radius: .08rem;
padding:.1rem .28rem .1rem .36rem;
}
.new-building-search-wrap .search-input-clean{
top: .26rem;
left: 89%;
}
.search-result{
}
.search-item{
padding: .2rem .16rem;
border-bottom: 1px solid #E6E9ED;
}
.search-place-name{
line-height: .16rem;
color: rgba(43, 47, 51, 1);
font-weight:400;
font-size: .16rem;
}
.search-place-info{
margin-top: .08rem;
color: rgba(142, 147, 153, 1);
font-weight:400;
font-size: .12rem;
line-height:.12rem;
}
.check-icon{
width: .25rem;
height: .25rem;
background: url("../img/right.png") center center no-repeat;
background-size:contain;
margin-right: .06rem;
display:none;
}
.search-item.active .check-icon{
display:block;
}
.back-btn{
display: block;
width: .28rem;
height: .28rem;
line-height: .28rem;
border-radius: 50%;
font-size: .16rem;
position: absolute;
text-align: center;
color: #fff;
background-color: rgba(0, 0, 0, 0.4);
top:.2rem;
left:.2rem;
}
/* 客户管理 */
.back-single {
height: .44rem;
width: .6rem;
position: absolute;
left: 0;
top: 0;
z-index: 180;
}
.back-single .left-back {
background: url(../img/arrow-left.png) center center no-repeat;
background-size: contain;
height: .2rem;
width: .2rem;
}
.customer-list-head{
height: .37rem;
padding: 0 .12rem;
}
.customer-total,.business-total {
height: .37rem;
line-height: .16rem;
font-size: .13rem;
font-weight:400;
color:rgba(166,172,179,1);
}
.sort-condition .sort-type{
font-size: .13rem;
font-weight:400;
color:rgba(92,96,102,1);
}
.sort-condition .unfold-status {
margin-left: .04rem;
border-width: .045rem .035rem 0;
border-style: solid;
border-color: rgba(198, 204, 211, 1) transparent transparent;
}
.unfold-status-next {
margin-left: .04rem;
border-width: .045rem .035rem 0;
border-style: solid;
border-color: rgba(198, 204, 211, 1) transparent transparent;
}
.sort-condition.active .sort-type {
color:rgba(63,147,248,1);
}
.sort-condition.active .unfold-status {
border-width: 0 .035rem .045rem;
border-color: transparent transparent rgba(63,147,248,1);
}
.sort-by-others {
margin-left: .12rem;
}
.customer-item-content {
margin:0 .12rem .1rem;
background-color: #fff;
padding:.2rem .1rem .1rem .2rem;
border-radius: .04rem;
position:relative;
height: 1rem;
}
.customer-name{
color: rgba(43, 47, 51, 1);
font-size: .15rem;
font-weight: 500;
line-height: .19rem;
max-width: 2.05rem;
}
.customer-status-flag{
margin-left: .08rem;
font-size: .11rem;
font-weight:500;
color: rgba(255, 255, 255, 1);
line-height: .19rem;
height: .19rem;
padding-left: .05rem;
padding-right: .05rem;
text-align: center;
background-color: rgba(255, 255, 255, 1);
}
.unregister .customer-status-flag{
background-color: rgba(252, 147, 23, 1);
}
.examine .customer-status-flag{
background-color: rgba(63, 147, 248, 1);
}
.reject .customer-status-flag{
background-color: rgba(251, 68, 43, 1);
}
.relation-level{
color: rgba(117, 142, 172, 1);
font-size: .1rem;
font-weight:400;
}
.relation-level.relation-level-1{
color: rgba(117, 142, 172, 1);
}
.relation-level.relation-level-2{
color: rgba(110, 176, 255, 1);
}
.relation-level.relation-level-3{
color: rgba(151, 146, 255, 1);
}
.relation-level.relation-level-4{
color: rgba(194, 120, 27, 1);
}
.relation-level .iconfont-material{
font-size: .12rem;
}
.customer-info{
margin-top: .15rem;
color: rgba(142, 147, 153, 1);
font-size: .12rem;
font-weight:500;
line-height: .17rem;
}
.progress-level{
margin-top: .105rem;
}
.progress{
width: .4rem;
height: .04rem;
border-radius: .02rem;
background: rgba(230, 233, 237, 1);
}
.progress-desc{
line-height: .1rem;
font-size: .1rem;
font-weight:400;
margin-left: .04rem;
}
.progress-level-25 .progress-desc{
color: #3F93F8;
}
.progress-level-50 .progress-desc{
color: #2DAFB3;
}
.progress-level-75 .progress-desc{
color: #24BE8F;
}
.progress-level-100 .progress-desc{
color: #1CCD6C;
}
.bar{
height: .04rem;
border-radius: .02rem;
background: linear-gradient(to right,#1BCD6B, #3F93F8);
}
.progress-level-25 .bar{
width: 25%;
}
.progress-level-50 .bar{
width: 50%;
}
.progress-level-75 .bar{
width: 75%;
}
.progress-level-100 .bar{
width: 100%;
}
.card-action-item {
text-align: center;
width: .42rem;
line-height: 1rem;
font-size: .13rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
background-color: #1BCDB9;
height: 1rem;
}
.card-action-item span {
line-height:.15rem;
}
.pages-business-management .card-action-item {
height: .95rem;
line-height: .95rem;
}
.card-action-item.edit,.card-action-item.record,.card-action-item.follow {
background-color: #3F93F8;
}
.card-action-item.delete,.card-action-item.stop {
background-color: #FB442B;
}
li.card-actions-wrapper {
width: auto;
}
.sort-area{
height: .36rem;
background-color: #fff;
}
.sort-item{
color: rgba(92, 96, 102, 1);
font-size: .13rem;
font-family: SourceHanSansCN-Regular;
width: 33.3%;
align-content: flex-end;
}
.sort-item .arrow-down{
margin-left: .04rem;
border-width: .045rem .035rem 0;
border-style: solid;
border-color: rgba(198, 204, 211, 1) transparent transparent;
}
.sort-item .arrow-down.arrow-up{
border-width: 0 .035rem .045rem;
border-color: transparent transparent rgba(198, 204, 211, 1);
}
.sort-by-time-slide {
position: absolute;
top: .9rem;;
left: 0;
right: 0;
bottom: 100%;
z-index: 180;
background: rgba(24,26,28,0.62);
-webkit-transition: bottom 300ms ease-out;
transition: bottom 300ms ease-out;
}
.sort-by-time-slide.active{
bottom: 0;
}
.sort-by-time-slide.active .time-content-area{
display: flex;
}
.time-content-area {
height:.86rem;
background-color: #fff;
padding: .16rem .23rem .2rem .28rem;
display: none;
}
.chosen-pic {
background: none;
height: .2rem;
width: .2rem;
}
.time-chosen-title {
font-size: .13rem;
font-weight:400;
line-height: .13rem;
color:rgba(92,96,102,1);
}
.time-chosen-item.active .time-chosen-title{
color:rgba(63,147,248,1);
}
.time-chosen-item.active .chosen-pic{
background: url(../img/right.png) center center no-repeat;
background-size: contain;
}
.sort-condition-slide {
position: absolute;
top: .9rem;;
left: 0;
right: 0;
bottom: 100%;
z-index: 180;
background: rgba(24,26,28,0.62);
-webkit-transition: bottom 300ms ease-out;
transition: bottom 300ms ease-out;
}
.sort-condition-slide.active{
bottom: 0;
}
.sort-condition-slide.active .sort-condition-area{
display: block;
}
.sort-condition-area{
background-color: #fff;
display: none;
}
.sort-condition-content-area {
padding: .16rem .12rem .2rem .12rem;
}
.sort-condition-item:not(:first-child){
margin-top: .2rem;
}
.sort-condition-title{
margin-left: .08rem;
font-size: .12rem;
font-weight:500;
color:rgba(178,184,191,1);
line-height: .12rem;
}
.sort-condition-type {
width: auto;
}
.sort-condition-type ul {
display: flex;
flex-wrap: wrap;
list-style: none;
}
.sort-condition-type li {
min-width: .71rem;
height: .24rem;
background-color:rgba(245,245,245,1);
border-radius: .115rem;
font-size: .12rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .24rem;
text-align: center;
padding-left:.12rem;
padding-right: .12rem;
margin-top: .1rem;
margin-left: .08rem;
margin-right: .08rem;
}
.sort-condition-type li.active {
color:rgba(63,147,248,1);
font-weight:500;
background-color:rgba(63,147,248,0.1);
}
.sort-condition-type li.disabled {
background:rgba(178,184,191,1);
color:rgba(255,255,255,1);
}
.sort-condition-buttons {
width: 100%;
height: .4rem;
overflow: unset;
}
.sort-condition-buttons>div {
font-size: .14rem;
font-weight:400;
color:rgba(92,96,102,1);
text-align: center;
line-height: .4rem;
border-top: 1px solid #E6E9ED;
overflow: unset;
}
.sort-condition-buttons>div.confirm-btn {
color: rgba(63,147,248,1);;
border-left: 1px solid #E6E9ED;
}
.add-customer {
width: .48rem;
height: .48rem;
background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
box-shadow:0px 5px 10px 0px rgba(21,84,159,0.49);
border-radius: 50%;
position: absolute;
right: .2rem;
bottom: .5rem;
z-index: 100;
}
.add-customer-icon {
width: .24rem;
height: .24rem;
background: url("../img/add-no-outline.png") center center no-repeat;
background-size:contain;
}
/* 商机管理 */
.business-item-content {
margin:0 .12rem .1rem;
background-color: #fff;
padding:.16rem;
border-radius: .04rem;
}
.business-name {
font-size: .15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .15rem;
}
.business-status-flag {
background:rgba(255,250,245,1);
border-radius: .01rem;
padding-left: .055rem;
padding-right: .055rem;
height:.15rem;
margin-left: .04rem;
text-align:center;
line-height: .15rem;
font-size: .1rem;
font-weight:400;
color:rgba(255,168,66,1);
line-height: .15rem;
}
.business-type-record .business-status-flag {
background:rgba(255,250,245,1);
color:rgba(255,168,66,1);
}
.business-type-found .business-status-flag {
background:rgba(243,255,254,1);
color:rgba(27, 205, 185, 1);
}
.business-type-confirmed .business-status-flag,.business-type-plan .business-status-flag {
background:rgba(246,248,255,1);
color:rgba(138, 163, 255, 1)
}
.business-type-bid .business-status-flag,.business-type-contract .business-status-flag,.business-type-handover .business-status-flag,.business-type-over .business-status-flag {
background:rgba(247,250,255,1);
color:rgba(103, 172, 255, 1)
}
.business-type-record .business-type-img {
background: url("../img/business-type-record.png") center center no-repeat;
background-size:contain;
}
.business-type-found .business-type-img {
background: url("../img/business-type-found.png") center center no-repeat;
background-size:contain;
}
.business-type-confirmed .business-type-img {
background: url("../img/business-type-confirmed.png") center center no-repeat;
background-size:contain;
}
.business-type-plan .business-type-img {
background: url("../img/business-type-plan.png") center center no-repeat;
background-size:contain;
}
.business-type-bid .business-type-img {
background: url("../img/examine.png") center center no-repeat;
background-size:contain;
}
.business-type-contract .business-type-img {
background: url("../img/business-type-contract.png") center center no-repeat;
background-size:contain;
}
.business-type-handover .business-type-img {
background: url("../img/business-type-handover.png") center center no-repeat;
background-size:contain;
}
.business-customer {
font-size:.12rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height:.12rem;
margin-top: .08rem;
margin-bottom: .16rem;
}
.business-desc {
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.12rem;
}
.business-desc>div:not(:first-child){
margin-left: .08rem;
}
.charts-header-time-select {
height: .27rem;
border-radius: .2rem;
background-color: rgba(250,251,252,1);
border:.01rem solid rgba(230,233,237,1);
padding:0 .12rem;
margin: .2rem auto;
width: 1.15rem;
}
.charts-header-time-select .select-time {
font-size: .14rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.27rem;
}
.charts-header-time-select .arrow-down{
margin-left: .04rem;
border-width: .055rem .045rem 0;
border-style: solid;
border-color: rgba(142,147,153,1) transparent transparent;
}
.business-summary{
padding-left: .2rem;
padding-right: .2rem;
}
.business-summary>div{
width:48.2%;
height: .8rem;
padding-top: .22rem;
padding-bottom: .18rem;
}
.transform-rate{
border-top: .02rem solid rgba(63, 147, 248, 1);
background-color: rgba(63, 147, 248, 0.04);
color: rgba(63, 147, 248, 1);
}
.transform-time{
border-top: .02rem solid rgba(27, 205, 185, 1);
background-color: rgba(27, 205, 185, 0.04);
color: rgba(19, 193, 174, 1);
}
.transform-rate div:first-child,.transform-time div:first-child {
font-size: .19rem;
line-height: .19rem;
font-weight:bold;
}
.transform-rate div:last-child,.transform-time div:last-child {
font-size: .12rem;
line-height: .12rem;
font-weight:400;
}
.business-statistics-chart-area {
height:1.94rem;
width: 100%;
}
.business-statistics-chart {
height:1.94rem;
}
.pages-index-work-state {
background-color: rgba(240, 242, 245, 1)!important;
}
.business-op-total {
line-height: .36rem;
color: rgba(178, 184, 191, 1);
font-size: .12rem;
text-align: center;
font-family: SourceHanSansCN-Regular;
}
.resource-type{
color: #1BCDB9;
font-size: .1rem;
font-family: SourceHanSansCN-Regular;
margin-left: .07rem;
}
.resource-type.resource-type-1{
color: #1BCDB9;
}
.resource-type.resource-type-2{
color: #8AA3FF;
}
.resource-type.resource-type-3{
color: #FFA842;
}
.resource-type.resource-type-4{
color: #67ACFF;
}
/* 消息中心 */
.pages-message,.pages-knowledge-lib{
background-color: rgba(240, 242, 245, 1);
}
.message-item{
/*margin: .08rem .15rem 0 .15rem;*/
background-color: rgba(255, 255, 255, 1);
/*box-shadow: 0px 0px 8px 0px rgba(196, 200, 204, 0.4);
border: 1px solid rgba(240, 242, 245, 1);*/
}
.message-item .ipu-flex-col-auto {
border-bottom: 1px solid #E6E9ED;
}
.message-icon{
height: .4rem;
width: .4rem;
margin: .175rem .15rem;
background: url("../img/message.png") center center no-repeat;
background-size:contain;
}
.message-expire{
background: url("../img/message-expire.png") center center no-repeat;
background-size:contain;
}
.message-approval{
background: url("../img/message-approval.png") center center no-repeat;
background-size:contain;
}
.message-lower{
background: url("../img/message-lower.png") center center no-repeat;
background-size:contain;
}
.message-sale{
background: url("../img/message-sale.png") center center no-repeat;
background-size:contain;
}
.message-change{
background: url("../img/message-change.png") center center no-repeat;
background-size:contain;
}
.message-wait-do {
background: url("../img/message-wait-do.png") center center no-repeat;
background-size:contain;
}
.message-tips{
width: .06rem;
height: .06rem;
background-color: rgba(251, 68, 43, 1);
border-radius: .03rem;
position: absolute;
left: .45rem;
top: .2rem;
}
.message-read .message-tips{
display: none;
}
.message-head{
margin: .2rem .15rem .1rem 0;
}
.message-title{
line-height: .15rem;
color: rgba(43, 47, 51, 1);
font-size: .14rem;
font-family: SourceHanSansCN-Medium;
font-weight: bold;
width: 1.6rem;
}
.message-all-already {
padding: 0.01rem 0.05rem;
background:rgba(255,255,255,1);
border-radius:0.08rem;
border:0.02rem solid rgba(230,233,237,1);
}
.message-all-already .sort-type {
font-size: 0.12rem;
}
.message-read .message-title{
color: rgba(92, 96, 102, 1);
}
.message-time{
line-height: .1rem;
color: rgba(178, 184, 191, 1);
font-size: .1rem;
font-family: SourceHanSansCN-Regular;
}
.message-line {
border-bottom: 1px solid #E6E9ED;
width: 100%;
}
.message-info{
line-height: .12rem;
color: rgba(92, 96, 102, 1);
font-size: .12rem;
font-family: SourceHanSansCN-Regular;
}
.ipu-tab-1.ipu-tab-message .ipu-tab-title-link > li {
border-bottom: none;
}
.ipu-tab.ipu-tab-message .li-name {
margin-top: .14rem;
margin-bottom: .02rem;
}
.ipu-tab-1.ipu-tab-message .message-count {
min-width: .2rem;
height: .16rem;
background:rgba(252,23,23,1);
border-radius: .08rem;
color: rgba(255, 255, 255, 1);
font-size: .12rem;
text-align: center;
line-height: .16rem;
position: absolute;
top: .026rem;
left: 50%;
padding: 0 .06rem;
word-break: keep-all;
transform: translate(.18rem,0);
}
.ipu-tab-1.ipu-tab-message .current-flag{
width:.22rem;
background-color: #fff;
margin-bottom: 0;
margin-top: .1rem;
}
.ipu-tab-1.ipu-tab-message .ipu-tab-title-link > li.ipu-current .current-flag{
background-color: #2B2F33;
}
.card-action-delete {
background-color: #FB442B;
}
.card-action-read {
background-color: #3F93F8;
}
.message-read .message-info{
color: rgba(142, 147, 153, 1);
}
.new-message-tip{
width: .06rem;
height: .06rem;
background-color: rgba(251, 68, 43, 1);
border-radius: .03rem;
position: absolute;
left: 0.52rem;
top: .13rem;
}
/* 资料库 */
.lib-item{
margin: .08rem .15rem 0 .15rem;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 8px 0px rgba(196, 200, 204, 0.4);
border: 1px solid rgba(240, 242, 245, 1);
border-radius: .04rem;
}
.lib-pic{
width: 3.44rem;
height: 1.43rem;
background-position:center center;
background-repeat: no-repeat;
background-size: contain;
border-radius: .04rem .04rem 0 0;
}
.lib-title{
margin-left: .2rem;
margin-top: .13rem;
font-size: .16rem;
line-height: .16rem;
font-family: SourceHanSansCN-Medium;
color: rgba(43, 47, 51, 1);
}
.lib-info{
margin: .08rem auto .2rem .2rem;
font-size: .1rem;
line-height: .1rem;
font-family: SourceHanSansCN-Regular;
color: rgba(142, 147, 153, 1);
}
/* 菜单 */
.menu-tips {
border-top: 1px solid rgba(230, 233, 237, 1);
padding-top: .16rem;
font-size: .12rem;
color: rgba(142, 147, 153, 1);
background-color: #fff;
text-align: center;
font-weight:400;
line-height: .18rem;
}
.pages-menu {
background:rgba(240,242,245,1);
}
.index-menus,.recently-used-menus,.all-menus {
background-color: #fff;
}
.index-menus,.recently-used-menus {
padding-bottom: .24rem;
}
.recently-used-menus,.all-menus {
margin-top: .08rem;
}
.index-menus .common-menus li {
margin-top: .24rem;
}
.all-menus .common-menus li {
margin-bottom: .24rem;
}
.menu-type{
padding: .2rem 0 .16rem .2rem;
font-size: .16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.24rem;
}
.empty-icon{
width: .4rem;
height: .4rem;
border:.01rem dashed rgba(190,201,214,1);
border-radius: 50%;
margin: 0 auto;
z-index: -100;
display: none;
}
.remove-menu {
width: .25rem;
height: .25rem;
background: url(../img/minus.png) center center no-repeat;
background-size: contain;
position: absolute;
z-index: 200;
display: none;
top: -.08rem;
right: .08rem;
}
.add-menu {
width: .25rem;
height: .25rem;
background: url(../img/plus.png) center center no-repeat;
background-size: contain;
position: absolute;
z-index: 200;
display:none;
top: -.08rem;
right: .08rem;
}
.edit-mode .empty-icon{
display: block;
}
.edit-mode .remove-menu{
display: block;
}
.edit-mode .add-menu{
display: block;
}
/* 预约 */
.pages-reservation-index{
background-color: rgba(240, 242, 245, 1);
}
.reservation-tip{
margin: .13rem auto .11rem .15rem;
color: rgba(142, 147, 153, 1);
font-size: .12rem;
text-align: left;
}
.reservation-item{
height: 1rem;
border-radius: .04rem;
box-shadow: 0rem .05rem .05rem 0rem rgba(63, 147, 248, 0.3);
margin: 0 .15rem .15rem;
background-image: linear-gradient(to right, #457FFF, #3F94F8);
padding-left: .28rem;
padding-right: .38rem;
}
.reservation-item .iconfont-material {
display: block;
width: .56rem;
height: .56rem;
line-height: .56rem;
font-size: .56rem;
position: relative;
text-align: center;
color: rgba(255, 255, 255, 1);
}
.reservation-type {
height: .16rem;
color: rgba(255, 255, 255, 1);
font-size: .16rem;
font-family: SourceHanSansCN-Medium;
}
/* 我的 */
.pages-index-mine {
background-color: rgba(240,242,245,1)!important;
}
.personal-header{
padding-top: .44rem;
width: 100%;
height: 2.845rem;
background:url(../img/mine-background.png) top center no-repeat;
background-size: 100% 100%;
position: absolute;
top: -.44rem;
}
.set-pic {
margin-right: .25rem;
width: .2rem;
height: .2rem;
background: url(../img/set-icon.png) center center no-repeat;
background-size: contain;
}
.set-pic.ipu-active{
opacity: .6;
}
.personal-info {
margin-top: .37rem;
}
.personal-info .user-avatar {
width: .54rem;
height: .54rem;
border-radius: 50%;
margin-left: .27rem;
box-shadow: 0 0 0 .04rem rgba(167,207,255,0.33);
}
.personal-info .user-detail {
margin-left: .14rem;
overflow: hidden;
}
.user-detail .userAccount {
font-size: .19rem;
font-weight:500;
color:rgba(255,255,255,1);
line-height: .21rem;
text-shadow:0 .01rem .02rem rgba(36,67,147,0.21);
}
.user-detail .position {
margin-top: .06rem;
font-size: .13rem;
font-weight:400;
color:rgba(177,199,255,1);
line-height:.13rem;
text-shadow:0 .01rem .02rem rgba(28,49,75,0.08);
}
.personal-info-more-btn {
display: block;
width: .16rem;
height: .16rem;
line-height: .16rem;
font-size: .16rem !important;
text-align: center;
color: rgba(255, 255, 255, 0.4);
margin-right: .205rem;
margin-top: .18rem
}
.function-area {
padding: .35rem .12rem 0;
}
.personal-function-area {
background:rgba(255,255,255,1);
border-radius: .04rem;
margin-top: .1rem;
width: 100%;
padding: .1rem 0 .12rem;
}
.personal-function-area:first-child {
margin-top: 0;
}
.personal-function-area li.ipu-active {
opacity: .6;
}
.function-area-title {
font-size: .15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.15rem;
margin-left: .12rem;
flex-grow:1;
}
.function-area-more {
width:.2rem;
height:.2rem;
background: url(../img/my-function/more.png) center center no-repeat;
background-size: contain;
margin-right: .12rem;
}
.function-area-more.disabled {
background: url(../img/my-function/more-disabled.png) center center no-repeat;
background-size: contain;
}
ul.common-tool-area {
display: flex;
flex-wrap: wrap;
padding: .12rem .19rem 0;
}
.common-tool-area li {
width: 25%;
flex-direction: column;
align-items: center;
display:none;
margin-top: .2rem;
}
.common-tool-area li:nth-child(1),.common-tool-area li:nth-child(2),.common-tool-area li:nth-child(3),.common-tool-area li:nth-child(4){
display:flex;
margin-top: 0;
}
.active.common-tool-area li{
display:flex;
}
.common-tool-area .tool-pic {
width: .4rem;
height: .4rem;
border-radius: 50%;
}
.common-tool-area .tool-name {
font-size: .13rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.13rem;
margin-top: .075rem;
}
.divide-area {
height: .12rem;
width: 100%;
background-color: #F0F2F5;
}
.circle-center-text{
position:relative;
left:0rem;
top: -1.1rem;
}
.circle-center-text div:first-child {
color: rgba(142, 147, 153, 1);
font-size: .12rem;
text-align: center;
line-height: .12rem;
}
.circle-center-text div:last-child {
color: rgba(43, 47, 51, 1);
font-size: .16rem;
text-align: center;
line-height: .16rem;
margin-top: .05rem;
}
/* 算资费 */
.cost-display-area{
background-image: linear-gradient(to bottom, #3F94F8, #457FFF);
height: 1.3rem;
color: rgba(255, 255, 255, 1);
}
.cost-display-area>div:first-child{
line-height: .13rem;
font-size: .13rem;
font-family: SourceHanSansCN-Regular;
}
.cost-display-area>div:last-child{
margin-top: .08rem;
font-size: .32rem;
font-family: SourceHanSansCN-Medium;
}
.cost-display-area>div:last-child span:first-child{
font-size: .2rem;
}
.condition-area{
padding-top: .16rem;
background-color: rgba(254, 255, 255, 1);
border-top-left-radius: .08rem;
border-top-right-radius: .08rem;
position: relative;
top: -.14rem;
}
/* 登录 */
.app-logo {
width: 1.07rem;
height: 1.085rem;
background: url(../img/cmcc.png) center center no-repeat;
background-size: contain;
position: absolute;
top: -.44rem;
right: 0;
}
.hello-words {
width: auto;
margin: .71rem auto .37rem .3rem;
font-size: .2rem;
font-weight:bold;
line-height:.27rem;
background-image: linear-gradient(225deg,rgba(16,168,255,1) 0%,rgba(7,109,255,1) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
.page-form {
margin: 0 .24rem;
box-shadow:0 .02rem .195rem 0 rgba(62,115,180,0.19);
border-radius: .01rem;
}
.page-form .form-row {
height: .55rem;
border-bottom: .01rem solid rgba(233, 236, 240, 1);
}
.form-row .login-pic{
margin-left: .16rem;
margin-right: .075rem;
width: .18rem;
height: .18rem;
opacity:0.6;
}
.login-pic.username{
background: url(../img/account.png) center center no-repeat;
background-size: contain;
}
.login-pic.password{
background: url(../img/password.png) center center no-repeat;
background-size: contain;
}
.login-pic.verification-code{
background: url(../img/verification-code.png) center center no-repeat;
background-size: contain;
}
.form-input {
-webkit-appearance: none;
display: block;
width: 100%;
background-color: transparent;
border: none;
border-radius: 0;
font-size: .15rem;
color: #061B36;
line-height: .18rem;
padding: .1rem 0;
font-weight:400;
}
.form-input::-webkit-input-placeholder {
font-size: .15rem;
color:rgba(202,208,217,1);
line-height: .18rem;
font-weight:400;
}
.input-clear {
height: .37rem;
width: .37rem;
color: #B3B4C8;
line-height: .37rem;
font-size: .22rem;
text-align: center;
display: none;
}
.send-code {
font-size: .15rem;
color: rgba(63,147,248,1);
line-height: .225rem;
font-weight:400;
margin-left:.2rem;
margin-right:.2rem;
}
.send-code.time-count {
color: #1B1F25;
}
.login-btn-wrap {
margin-top: .195rem;
}
.form-row.form-row-focus {
border-color: rgba(63,147,248,1);
}
.login-tips {
font-size: .14rem;
font-weight:400;
color:rgba(251,68,43,1);
line-height: .16rem;
min-height: .14rem;
margin-top: .135rem;
margin-left: .24rem;
}
/* 录商机-已开户 */
.company-basic-info {
background:rgba(255,255,255,1);
}
.company-basic-info .name {
margin: .24rem auto .2rem;
font-size: .15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .15rem;
text-align: center;
}
.company-basic-info ul {
display: flex;
flex-wrap: wrap;
background-color: #fff;
}
.company-basic-info li {
width: 33.33%;
font-size: .14rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height: .14rem;
text-align: center;
padding: 0rem .05rem;
margin-bottom: .24rem;
}
.company-basic-info .company-key {
color:rgba(178,184,191,1);
}
.company-basic-info .company-value {
margin-top: .08rem;
color:rgba(43,47,51,1);
}
.switch-on {
width: .395rem;
height: .22rem;
background: url(../img/switch-on.png) center center no-repeat;
background-size: contain;
}
.switch-on.switch-off {
background: url(../img/switch-off.png) center center no-repeat;
background-size: contain;
}
/* 立户-基本信息 */
.record-business .open-account-tips {
display:block;
}
.record-business .open-account-form {
top: 1.045rem;
}
.open-account-tips {
font-size: .11rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .25rem;
height: .25rem;
background:rgba(238,246,255,1);
opacity:0.9;
display: none;
}
.open-account-tips .iconfont-material {
margin: 0 .035rem 0 .17rem;
width: .1rem;
height: .1rem;
line-height: .25rem;
border-radius: 50%;
font-size: .1rem;
}
.open-account-steps {
height: 1.005rem;
background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
padding: .175rem .85rem .375rem .85rem;
}
.step-num {
width: .22rem;
height:.22rem;
border:.015rem solid rgba(136,188,255,1);
border-radius: 50%;
font-size: .15rem;
font-weight:500;
color:rgba(136,188,255,1);
line-height: .19rem;
text-align: center;
}
.step-value {
font-size: .13rem;
font-weight:400;
color:rgba(136,188,255,1);
line-height: .13rem;
}
.step-finished .step-num{
border:.015rem solid rgba(255, 255, 255, 1);
color:rgba(255, 255, 255, 1);
}
.step-finished .step-value{
color:rgba(255, 255, 255, 1);
}
.step-finished .step-done-pic{
width: .22rem;
height:.22rem;
border-radius: 50%;
background: url(../img/right-circle.png) center center no-repeat;
background-size: contain;
}
.step-line {
width: 28.5%;
border-bottom: .01rem solid rgba(136, 188, 255, 1);
position: absolute;
top: .28rem;
}
.step1-to-step2 {
left: 34.9%;
}
.step-line.step-line-finished {
border-bottom: .01rem solid rgba(255, 255, 255, 1);
}
.open-account-form {
width: 100%;
padding-top: .02rem;
background-color: #FFFFFF;
position: absolute;
top: .795rem;
border-radius:.08rem .08rem 0 0;
}
.certificate-pic-title {
line-height:.44rem;
}
.certificate-pic-desc {
font-size:.12rem;
color:rgba(142,147,153,1);
font-weight:400;
line-height:.18rem;
}
.certificate-pic {
width: .6rem;
height: .6rem;
border:1px dashed rgba(196,200,204,1);
margin: .16rem 0;
}
.certificate-pic.active .upload-done-status{
display: block;
}
.certificate-pic.active .upload-before-status{
display: none;
}
.upload-done-status{
width: .59rem;
height: .59rem;
object-fit: contain;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display:none;
}
.radio_type{
margin-left: .12rem;
margin-bottom: .03rem;
}
.address-confirm {
float: right;
}
.certificate-pic.card-down {
margin-left: .16rem;
}
.upload-before-status {
padding: .14rem 0;
height: .6rem;
}
.upload-before-status .camera-pic {
width: .16rem;
height: .16rem;
background: url(../img/camera.png) center center no-repeat;
background-size: contain;
}
.upload-before-status .camera-desc {
font-size: .1rem;
font-weight:400;
color:rgba(196,200,204,1);
line-height: .1rem;
}
.display-more {
margin-top:.1rem;
height: .32rem;
}
.display-more-text {
font-size: .12rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height:.32rem;
}
.display-more-arrow {
width: .12rem;
height: .12rem;
background: url(../img/arrow-down2.png) center center no-repeat;
background-size: contain;
}
.display-more.active .display-more-arrow {
background: url(../img/arrow-up2.png) center center no-repeat;
background-size: contain;
}
.upload-pic-popup-slide {
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 180;
background: rgba(24,26,28,0.62);
-webkit-transition: top 300ms ease-out;
transition: top 300ms ease-out;
}
.upload-pic-popup-slide.active{
top: 0;
}
.upload-pic-popup-slide .option-area{
background:rgba(255,255,255,1);
border-radius: .04rem .04rem 0 0;
padding-top: .1rem;
padding-bottom: .04rem;
display: none;
}
.upload-pic-popup-slide.active .option-area{
display: flex;
}
.option-area div:not(.divide-area){
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .35rem;
text-align: center;
width: 50%;
}
.option-area .pic-from-file {
margin-bottom: .1rem;
}
.option-area .take-photo-cancel {
line-height: .39rem!important;
}
.option-area div.ipu-active {
opacity: .7;
}
.upload-pic-popup-slide .contact-area{
background:rgba(255,255,255,1);
border-radius: .04rem .04rem 0 0;
padding-top: .1rem;
padding-bottom: .04rem;
display: none;
}
.upload-pic-popup-slide.active .contact-area{
display: flex;
}
.contact-area .option-item-area {
width:100%;
}
.contact-area .option-item {
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .35rem;
text-align: center;
width:100%;
border-top: 1px solid rgba(230, 233, 237, 1);
}
.contact-area .option-item.ipu-active {
background-color: rgba(63, 147, 248, .1);
}
.contact-area .contacts-head,.contact-area .option-cancel {
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
text-align: center;
width:100%;
}
.contact-area .contacts-head {
color:rgba(142,147,153,1);
line-height: .35rem;
}
.contact-area .option-cancel {
color:rgba(43,47,51,1);
line-height: .39rem;
}
.contact-area .option-cancel.ipu-active {
background-color: rgba(63, 147, 248, .1);
}
/*上传营业执照完成后的slide*/
.upload-pic-done-slide {
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 180;
background: rgba(24,26,28,0.62);
-webkit-transition: top 300ms ease-out;
transition: top 300ms ease-out;
}
.upload-pic-done-slide.active{
top: 0;
}
.upload-pic-done-slide .upload-result-area{
margin-top: .165rem;
background:rgba(255,255,255,1);
border-radius: .08rem .08rem 0 0;
padding-top: .15rem;
display: none;
}
.upload-pic-done-slide.active .upload-result-area{
display: block;
}
.business-license-pic-area {
height: 1.44rem;
width: 100%;
}
.business-license-pic {
width: 1.42rem;
height: 1.42rem;
object-fit: contain;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.upload-done-close-btn{
display: block;
width: .18rem;
height: .18rem;
line-height: .18rem;
font-size: .12rem!important;
position: absolute;
text-align: center;
color: #8E9399;
top:.19rem;
right:.18rem;
}
/* 立户-成功 */
.pages-open-account-success .form-btn {
margin-top: .45rem;
}
.pages-open-account-success .common-btn {
width: 1.9rem;
}
/* 新增客户 */
.work-address span:nth-child(2){
margin-left: .06rem;
margin-right: .06rem;
color:rgba(178,184,191,1);
}
.work-address.active span:nth-child(2){
display:none;
}
.work-address.active span:nth-child(3){
color:rgba(63,147,248,1);
margin-left: .075rem;
}
.search-tips-content-area{
position: absolute;
top:.94rem;;
left:.2rem;
right:.2rem;
background:rgba(255,255,255,1);
box-shadow:0 .02rem .04rem 0 rgba(83,83,83,0.18);
border-radius:1px;
border:1px solid rgba(242,242,242,1);
padding: .1rem .16rem;
display: none;
}
.search-tips-content-area.active{
display: block;
}
.search-tips-item {
font-size: .13rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .13rem;
padding-top: .06rem;
padding-bottom: .06rem;
}
.by-self-title {
padding-left: .2rem;
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .345rem;
background:rgba(240,242,245,1);
}
.custom-edit-btn {
padding: .31rem .2rem .2rem;
}
.custom-edit-btn.by-self-btn {
background-color: rgba(240,242,245,1);
}
/* 新增客户-成功 */
.success-tips .success-pic {
margin-top: .68rem;
width:.63rem;
height:.63rem;
background: url(../img/true.png) center center no-repeat;
background-size: contain;
}
.success-tips .ex-error {
margin-top: .68rem;
width:.63rem;
height:.63rem;
background: url(../img/ex-error.jpg) center center no-repeat;
background-size: contain;
}
.success-tips .success-title {
margin-top: .25rem;
font-size: .18rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .18rem;
}
.success-tips .success-desc {
margin-top: .12rem;
font-size: .15rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.2rem;
text-align: center;
}
.pages-add-customer-success .form-btn,
.pages-resource-exploration-over .form-btn {
margin-top: .64rem;
}
.pages-add-customer-success .common-btn-white,
.pages-resource-exploration-over .common-btn {
width: 1.9rem;
}
.pages-add-customer-success .common-btn {
margin-top: .2rem;
width: 1.9rem;
}
.pages-customer-log-success .common-btn {
margin-top: .64rem;
width: 1.9rem;
}
button.add-others {
margin-top: .2rem;
height: .15rem;
font-size:.15rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .15rem;
background:rgba(255,255,255,1);
border-radius: .025rem;
}
/* 楼宇详情 */
.pages-building-details {
background:rgba(240,242,245,1);
}
.building-info {
padding-top: .2rem;
background-color:rgba(255,255,255,1);
padding-bottom: .16rem;
}
.building-tool-bar .toolbar-title {
max-width: .9rem;
}
.building-tool-bar .arrow-down {
margin-left: .055rem;
width: .12rem;
height:.12rem;
background: url(../img/arrow-down2.png) center center no-repeat;
background-size: contain;
}
.building-tool-bar .arrow-down.arrow-up {
background: url(../img/arrow-up2.png) center center no-repeat;
background-size: contain;
}
.building-info-content {
padding-left: .2rem;
margin-top: .16rem;
}
.renting-info-content {
margin: .16rem .2rem 0;
height:.6rem;
background:rgba(242,248,255,1);
border-radius: .3rem;
}
.renting-logo {
width: .45rem;
height: .45rem;
background: url(../img/renting-logo.png) center center no-repeat;
background-size: contain;
margin-left: .21rem;
}
.go-to-rent {
width: .44rem;
height:.44rem;
background-color:rgba(78,144,224,1);
font-size: .2rem;
font-weight:500;
color:rgba(255,255,255,1);
line-height: .44rem;
text-align: center;
margin-right: .08rem;
border-radius: 50%;
}
.go-to-rent.ipu-active{
opacity: .7;
}
.renting-ad>div:first-child{
font-size: .16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:48px;
}
.renting-ad>div:first-child{
font-size: .16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .16rem;
}
.renting-ad>div:last-child{
font-size: .1rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.1rem;
margin-top: .05rem;
}
.resource-info {
margin-top: .08rem;
background:rgba(255,255,255,1);
padding-top: .16rem;
}
.building-item-title {
font-size: .16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .16rem;
text-align: center;
}
.resource-item {
background:rgba(255,255,255,1);
box-shadow:0 .03rem .06rem 0 rgba(184,184,184,0.1);
border-radius:.01rem;
border:1px solid rgba(230,233,237,1);
margin:0 .14rem .1rem .16rem;
padding: .16rem .12rem .16rem .16rem;
}
.resource-info .resource-item:last-child {
margin-bottom:0;
}
.resource-address {
font-size: .12rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.15rem;
/*超出隐藏*/
max-width: 1.8rem;
}
.type-cover {
margin-left:.08rem;
padding:0 .03rem;
font-size:.1rem;
font-weight:400;
color:rgba(255,255,255,1);
line-height:.15rem;
text-align: center;
height: .15rem;
background:linear-gradient(264deg,rgba(76,158,255,1) 0%,rgba(63,123,253,1) 100%);
}
.type-pon {
margin-left:.08rem;
padding:0 .04rem;
font-size:.1rem;
font-weight:400;
color:rgba(103,172,255,1);
line-height:.15rem;
height: .15rem;
background:rgba(247,250,255,1);
border-radius:.01rem;
}
.resource-item-desc {
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .12rem;
margin-top: .08rem;
}
.resource-item-desc>div:first-child {
margin-right: .06rem;
}
.resource-item-desc .port-number span{
font-weight:500;
}
.resource-item-desc .port-number span:first-child {
color: rgba(63, 147, 248, 1);
}
.resource-item-desc .installer{
color:rgba(43,47,51,1);
}
.resource-check-more {
padding:.12rem .5rem;
font-size:.12rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height:.12rem;
}
.resource-check-more .more-btn {
display: block;
width: .1rem;
height: .1rem;
line-height: .1rem;
font-size: .1rem!important;
text-align: center;
color:rgba(63,147,248,1);
margin-left:.015rem;
}
.building-outline {
margin-top: .1rem;
padding-top:.15rem;
padding-bottom:.03rem;
background-color:rgba(255,255,255,1);
}
.building-outline-tips-icon {
width: .16rem;
height: .16rem;
background: url(../img/question-circle.png) center center no-repeat;
background-size: contain;
position:absolute;
transform: translate(.26rem,0);
}
.building-outline-data {
margin: .135rem .17rem 0;
}
.building-outline-item{
width:30.8%;
height:.605rem;
background:linear-gradient(180deg,rgba(97,169,255,0.2) 0%,rgba(75,154,249,0.09) 58%,rgba(63,147,248,0) 100%);
border-radius: .045rem;
}
/*-------变动开始-------*/
.building-outline-item.active{
border-top:5px solid #3F93F8;
}
.business-outline-tab-body li{
display:none;
}
.business-outline-tab-body li.active{
display:block;
}
.open-business-list-btn {
font-size: .14rem;
color: #3F93F8;
letter-spacing: 0;
text-align: center;
padding-bottom: .2rem;
}
.indicator-area{
height:.37rem;
border-top: 1px solid #E6E9ED;
background-color: #fff;
}
.pages-building-details .ipu-carousel-indicator li.ipu-current {
background-color: #3F93F8;
}
.pages-building-details .ipu-carousel-indicator li {
width: .075rem;
height: .075rem;
background-color: #E6E9ED;
}
.pages-building-details .ipu-carousel-indicator {
right: 50%;
transform: translateX(50%);
}
.no-result .business-rate-table.customer-rate-table .circle-center-text {
top: -.94rem;
left:0;
}
.no-result .customer-rate-table .circle-center-text div:last-child{
color: #8E9399;
}
.no-result .open-business-list-btn {
color: #fff;
}
.building-outline-item>div:first-child {
font-size: .13rem;
font-weight: 500;
color: rgba(92, 96, 102, 1);
line-height: .13rem;
}
.building-outline-item>div:last-child {
margin-top: .055rem;
font-size: .145rem;
font-weight: bold;
color: rgba(63, 147, 248, 1);
line-height: .145rem;
}
.customer-rate-table{
height:2.05rem;
width:100%;
}
.customer-rate-chart {
height:2.05rem;
}
.customer-rate-table .circle-center-text{
position:relative;
left:-22%;
top: -1.16rem;
}
.customer-rate-table .circle-center-text div:first-child {
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .12rem;
}
.customer-rate-table .circle-center-text div:last-child {
font-size: .18rem;
font-weight:bold;
color:rgba(43,47,51,1);
line-height: .21rem;
margin-top: .035rem;
}
.open-customer-list-btn {
font-size: .14rem;
color: #3F93F8;
letter-spacing: 0;
text-align: center;
padding-bottom: .2rem;
}
/*------变动结束------*/
.building-outline-item>div:first-child {
font-size: .12rem;
font-weight: 500;
color: rgba(92, 96, 102, 1);
line-height: .12rem;
}
.building-outline-item>div:last-child {
margin-top: .055rem;
font-size: .145rem;
font-weight: bold;
color: rgba(63, 147, 248, 1);
line-height: .145rem;
}
.customer-rate-table{
height:2.05rem;
width:100%;
}
.customer-rate-chart {
height:2.05rem;
}
.customer-rate-table .circle-center-text div:first-child {
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .12rem;
}
.customer-rate-table .circle-center-text div:last-child {
font-size: .18rem;
font-weight:bold;
color:rgba(43,47,51,1);
line-height: .21rem;
margin-top: .035rem;
}
.open-customer-list-btn {
font-size: .14rem;
color: #3F93F8;
letter-spacing: 0;
text-align: center;
padding-bottom: .2rem;
}
/*------变动结束------*/
.building-outline-item>div:first-child {
font-size: .12rem;
font-weight: 500;
color: rgba(92, 96, 102, 1);
line-height: .12rem;
}
.building-outline-item>div:last-child {
margin-top: .055rem;
font-size: .145rem;
font-weight: bold;
color: rgba(63, 147, 248, 1);
line-height: .145rem;
}
.customer-rate-table{
height:2.05rem;
width:100%;
}
.customer-rate-chart {
height:2.05rem;
}
.customer-rate-table .circle-center-text div:first-child {
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .12rem;
}
.customer-rate-table .circle-center-text div:last-child {
font-size: .18rem;
font-weight:bold;
color:rgba(43,47,51,1);
line-height: .21rem;
margin-top: .035rem;
}
.open-customer-list-btn {
height: .385rem;
font-size: .14rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height:.385rem;
border-top: 1px solid #E6E9ED;
text-align: center;
}
.property-information,.developer-information {
margin-top: .1rem;
padding-top:.15rem;
padding-bottom:.16rem;
background-color:rgba(255,255,255,1);
}
.property-information-content {
padding: 0 .15rem;
}
.property-item {
margin-top: .12rem;
background: rgba(255, 255, 255, 1);
box-shadow: 0 .03rem .06rem 0 rgba(184, 184, 184, 0.1);
border-radius: .01rem;
border: 1px solid rgba(230, 233, 237, 1);
border-left: .02rem solid rgba(63, 147, 248, 1);
padding: .15rem .13rem .14rem .15rem;
}
.add-property {
font-size: .13rem;
font-weight: 500;
color: rgba(63, 147, 248, 1);
line-height: .16rem;
position: absolute;
right: .15rem;
transform: translate(0, -.16rem);
}
.property-item.signed-status {
border-left: .02rem solid rgba(63, 147, 248, 1);
}
.property-item.unsigned-status,
.property-item.talking-status {
border-left: .02rem solid rgba(252, 147, 23, 1);
}
.property-item.uncooperative-status {
border-left: .02rem solid rgba(251, 68, 43, 1);
}
.property-company-info div:nth-child(1){
font-size: .12rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.12rem;
}
.property-company-info div:nth-child(2){
font-size: .11rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height:.13rem;
margin-left: .06rem;
}
.property-signed-status {
padding-left: .05rem;
padding-right: .05rem;
margin-left: .06rem;
height: .15rem;
background-color:rgba(247,250,255,1);
border-radius: .01rem;
font-size: .1rem;
font-weight:400;
color:rgba(103,172,255,1);
line-height:.15rem;
}
.signed-status .property-signed-status {
background-color:rgba(247,250,255,1);
color:rgba(103,172,255,1);
}
.unsigned-status .property-signed-status,
.talking-status .property-signed-status {
background-color:rgba(255,250,245,1);
color:rgba(255, 168, 66, 1);
}
.uncooperative-status .property-signed-status {
background-color:rgba(255,245,246,1);
color:rgba(255, 114, 124, 1);
}
.property-contact-info {
margin-top:.065rem;
font-size: .12rem;
font-weight:400;
line-height:.12rem;
}
.property-contact-info div:nth-child(1) {
color:rgba(43,47,51,1);
min-width: .36rem;
}
.property-contact-info .call-pic {
margin-left: .04rem;
}
.property-contact-info div:nth-child(3) {
color:rgba(142,147,153,1);
margin-left: .15rem;
}
.property-contact-info div:nth-child(4) {
color:rgba(92,96,102,1);
margin-left: .045rem;
}
.property-item-operation div:first-child {
font-size: .12rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .12rem;
margin-right: .02rem;
}
.property-item-operation .sign-arrow {
width: .1rem;
height: .1rem;
background: url(../img/arrow-right2.png) center center no-repeat;
background-size: contain;
}
.developer-item {
margin-top: .12rem;
padding-left: .15rem;
}
.developer-item div{
font-size: .12rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height:.12rem;
}
.developer-item div:last-child{
color:rgba(43,47,51,1);
margin-left: .12rem;
}
.page-bottom {
height: .34rem;
font-size: .1rem;
font-weight:400;
color:rgba(196,200,204,1);
line-height: .1rem;
padding-top: .12rem;
text-align: center;
}
.to-do-list-slide {
position: absolute;
top: .445rem;
left: 0;
right: 0;
bottom: 100%;
z-index: 190;
background: rgba(24,26,28,0.62);
-webkit-transition: bottom 300ms ease-out;
transition: bottom 300ms ease-out;
}
.to-do-list-slide.active{
bottom: 0;
}
.to-do-list-slide .task-list-area{
background:rgba(255,255,255,1);
display: none;
}
.to-do-list-slide.active .task-list-area{
display: block;
}
.to-do-list-slide .ipu-refresh-top {
background:rgba(255,255,255,1);
}
.to-do-list-slide .ipu-refresh-bottom {
background:rgba(255,255,255,1);
}
.to-do-list-slide.active .refresh-content{
background:rgba(255,255,255,1);
padding-top: .15rem;
padding-bottom: .15rem;
}
/* 物业详情 */
.ipu-form-item input.low-floor {
display: block;
width: .29rem;
height: .32rem;
border:.01rem solid rgba(240,242,245,1);
text-align:center;
margin-right: .05rem;
line-height: .32rem;
}
.ipu-form-item input.high-floor {
display: block;
width: .29rem;
height: .32rem;
border:.01rem solid rgba(240,242,245,1);
text-align:center;
margin-left: .05rem;
margin-right: .08rem;
line-height: .32rem;
}
.add-range {
color:rgba(63,147,248,1);
margin-right: .12rem;
}
.delete-range {
color:rgba(178,184,191,1);
margin-right: .12rem;
}
.range-edit {
margin-top: .08rem;
margin-bottom: .08rem;
}
/* 设备列表 */
.device-item {
margin: 0 .16rem .16rem;
padding: .15rem .15rem .16rem;
border:.01rem solid rgba(230,233,237,1);
}
.device-item .device-name {
font-size:.13rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .15rem;
}
.device-item .device-status {
height: .15rem;
background:rgba(238,246,255,1);
border-radius: .025rem;
padding-left: .06rem;
padding-right: .06rem;
font-size: .1rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .15rem;
text-align: center;
margin-left: .08rem;
}
.device-info-more div:first-child {
font-size: .12rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .14rem;
margin-right: .015rem;
}
.device-info-more .arrow-right {
width: .12rem;
height: .12rem;
background: url(../img/arrow-right2.png) center center no-repeat;
background-size: contain;
}
.device-ports {
margin-top: .145rem;
line-height: .12rem;
}
.device-item .device-title {
width:.72rem;
font-size: .12rem;
font-weight:400;
color:rgba(43,47,51,1);
margin-right: .15rem;
}
.device-progress {
width:52%;
height: .05rem;
background-color:rgba(230,233,237,1);
border-radius: .025rem;
}
.device-progress-bar {
height: .05rem;
border-radius: .025rem;
background-color: rgba(63,147,248,1);
width: 0
}
.device-number span{
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
}
.device-number span:first-child{
color:rgba(63,147,248,1);
}
.device-bandwidth {
margin-top: .125rem;
line-height: .12rem;
}
/* 设备详情 */
.pages-device-details {
background-color: rgba(240,242,245,1);
}
.device-info-outline {
background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
height: 1.21rem;
color: rgba(255, 255, 255, 1);
padding-top: .28rem;
}
.device-outline-data span {
font-size: .12rem;
font-weight:400;
line-height: .12rem;
}
.device-outline-data span:first-child {
font-size:.18rem;
font-weight:bold;
line-height:.18rem;
}
.device-outline-data span:nth-child(2) {
margin-left:.025rem;
margin-right:.025rem;
}
.device-outline-text {
font-size: .14rem;
font-weight:400;
line-height:.14rem;
margin-top: .09rem;
}
.device-info-details {
position: absolute;
width: 100%;
top: .965rem;
}
.device-basic-area {
padding: .2rem .36rem .2rem .2rem;
background-color:rgba(255,255,255,1);
border-radius:.08rem .08rem 0 0;
box-shadow:0 -.015rem .06rem 0 rgba(140,148,157,0.19)
}
.device-info-title {
font-size: .14rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.14rem;
margin-bottom: .16rem;
}
.device-info-area {
padding: .2rem .36rem .16rem .2rem;
background-color:rgba(255,255,255,1);
margin-top:.08rem;
}
/* 客户统计 */
.customer-outline {
padding: .2rem;
background-color: rgba(255,255,255,1);
}
.customer-statistics-title {
font-size: .16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.16rem;
}
.customer-statistics-chart-container{
margin-top: .24rem;
height: 1.58rem;
width:100%;
}
.customer-statistics-chart{
height: 1.58rem;
}
.customer-rank-head {
padding: .17rem .2rem .11rem;
}
.customer-rank-head .customer-statistics-title{
line-height: .22rem;
}
.show-value-title {
font-size: .13rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.19rem;
margin-right:.08rem;
}
.customer-rank-item {
padding: .12rem 0 0 .2rem;
background-color: rgba(255,255,255,1);
}
.rank-number {
font-size: .15rem;
font-weight:500;
color:rgba(63, 147, 248, 1);
line-height: .15rem;
margin-right: .08rem;
}
.rank-number.top-three{
color:rgba(252,147,23,1);
}
.customer-rank-item-content {
padding-bottom: .12rem;
border-bottom: 1px solid rgba(230, 233, 237, 1);
}
.rank-customer-name {
font-size: .14rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.15rem;
}
.rank-value {
font-size: .14rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.15rem;
margin-right: .2rem;
}
.rank-value span:first-child {
display:none;
}
.rank-value span:last-child {
display:inline;
}
.customer-rank-list.active .rank-value span:first-child {
display:inline;
}
.customer-rank-list.active .rank-value span:last-child {
display:none;
}
.customer-value-rank .refresh-content {
padding-bottom: .43rem;
background-color: rgba(255,255,255,1);
}
/* 扫描结果-对比结果 */
.pages-scan-result-contrast {
background-color:rgba(240,242,245,1);
}
.scan-result-type {
padding: .05rem .2rem .16rem .2rem;
margin-bottom: .08rem;
background-color: rgba(255,255,255,1);
}
.scan-result-title {
font-size: .17rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .49rem;
}
.scan-result-content-item {
height: .54rem;
padding-left: .14rem;
padding-right: .12rem;
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
margin-bottom: .12rem;
}
.scan-result-content .scan-result-content-item:last-child {
margin-bottom: 0;
}
.result-established .scan-result-content-item {
border-left: .02rem solid rgba(63, 147, 248, 1);
}
.result-unestablished .scan-result-content-item {
border-left: .02rem solid rgba(252, 147, 23, 1);
}
.result-no-record .scan-result-content-item {
border-left: .02rem solid rgba(142, 147, 153, 1);
}
.scan-result-name {
font-size: .14rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .21rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 2.4rem;
}
.result-unestablished .scan-result-name {
max-width: 2.1rem;
}
.result-no-record .scan-result-name {
max-width: 1.9rem;
}
.scan-result-options span {
font-size: .12rem;
font-weight:400;
color:rgba(252,147,23,1);
line-height: .21rem;
margin-left: .08rem;
}
.scan-result-options span.delete-option {
color:rgba(92, 96, 102, 1);
margin-left: 0;
}
/* 扫描结果-分析 */
.scan-result-analysis-pic {
width: .89rem;
height:.89rem;
background: url(../img/analysis.png) center center no-repeat;
background-size: contain;
margin: 35% auto .29rem;
}
.scan-result-analysis-tips {
font-size: .16rem;
font-weight:400;
line-height: .24rem;
color:rgba(43,47,51,1);
text-align: center;
}
/* 扫描结果-识别水牌 */
.recognition-pic-area {
height: 2.31rem;
width: 100%;
background-color: rgba(242,245,249,1);
}
.recognition-pic {
width: 2.15rem;
height: 2.15rem;
object-fit: contain;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.recognition-result-area {
background-color: rgba(255,255,255,1);
padding: .04rem .2rem 0 .2rem;
}
.recognition-result-title {
font-size: .16rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .48rem;
}
.recognition-result-edit {
font-size: .16rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .48rem;
}
.recognition-result-content-item {
margin-bottom: .12rem;
}
.recognition-result-content .recognition-result-content-item:last-child {
margin-bottom: 0;
}
.recognition-result-input {
width: 100%;
height: .45rem;
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .17rem;
padding:.14rem .17rem;
border:1px solid rgba(230,233,237,1);
}
/* 客户详情-未立户 */
.pages-customer-details-unestablished {
background-color:rgba(240,242,245,1);
}
.customer-basic-area {
padding: .2rem 0 .2rem .2rem;
background-color:rgba(255,255,255,1);
}
.details-by-self .customer-basic-area {
padding: .2rem;
}
.customer-contact-area,.customer-establish-area {
margin-top: .08rem;
padding: .2rem;
background-color:rgba(255,255,255,1);
}
.customer-normal-title {
font-size: .16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.16rem;
margin-bottom: .15rem;
}
.customer-content .two-column-box .box-line-value {
margin-left: .08rem;
}
.recommend-product-area {
margin-top:.08rem;
padding: .2rem .15rem 0;
background-color:rgba(255,255,255,1);
}
.product-item{
background:rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border-radius:.04rem;
border:1px solid rgba(240,242,245,1);
margin-bottom: .25rem;
}
.product-pic{
width: 3.45rem;
height: 1.44rem;
background-position:center center;
background-repeat: no-repeat;
background-size: contain;
border-radius: .04rem .04rem 0 0;
}
.product-title{
margin-left: .2rem;
margin-top: .16rem;
font-size: .16rem;
line-height: .16rem;
font-weight:500;
color: rgba(43, 47, 51, 1);
}
.product-info{
margin: .08rem auto .2rem .2rem;
font-size: .1rem;
line-height: .1rem;
font-weight:400;
color: rgba(142, 147, 153, 1);
}
.recommend-product-area .ipu-carousel-indicator {
position: absolute;
bottom: .125rem;
right: 50%;
transform: translateX(50%);
}
.recommend-product-area .ipu-carousel-indicator li {
float: left;
width: .05rem;
height: .025rem;
border-radius: .015rem;
background-color: #C4C8CC;
margin: 0 .02rem;
}
.recommend-product-area .ipu-carousel-indicator li.ipu-current {
background-color: #3F93F8;
width: .1rem;
}
.customer-btns .customer-small-btn {
height: .48rem;
background:rgba(255, 255, 255, 1);
width: 14.4%;
border-top:1px solid #E6E9ED; ;
}
.customer-btns .customer-big-btn {
height: .48rem;
background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
}
.customer-small-btn .btn-pic{
width: .24rem;
height:.24rem;
margin-top:.06rem;
}
.open-account-btn.customer-small-btn .btn-pic{
background: url(../img/account-btn.png) center center no-repeat;
background-size: contain;
}
.write-log-btn.customer-small-btn .btn-pic{
background: url(../img/log-btn.png) center center no-repeat;
background-size: contain;
}
.search-resource-btn.customer-small-btn .btn-pic{
background: url(../img/search-btn.png) center center no-repeat;
background-size: contain;
}
.add-ca-btn.customer-small-btn .btn-pic{
background: url(../img/add-ca-btn.png) center center no-repeat;
background-size: contain;
}
.resource-survey-btn.customer-small-btn .btn-pic{
background: url(../img/resource-survey-btn.png) center center no-repeat;
background-size: contain;
}
.sign-in-btn.customer-small-btn .btn-pic{
background: url(../img/sign-btn2.png) center center no-repeat;
background-size: contain;
}
.record-business-btn.customer-small-btn .btn-pic{
background: url(../img/business-btn.png) center center no-repeat;
background-size: contain;
}
.unsuspend-btn.customer-small-btn .btn-pic{
width: .18rem;
background: url(../img/unsuspend-btn.png) center center no-repeat;
background-size: contain;
}
.suspend-btn.customer-small-btn .btn-pic{
width: .18rem;
background: url(../img/suspend-btn.png) center center no-repeat;
background-size: contain;
}
.delay-btn.customer-small-btn .btn-pic{
width: .18rem;
background: url(../img/delay-btn.png) center center no-repeat;
background-size: contain;
}
.customer-small-btn .btn-text {
font-size: .1rem;
font-weight: 400;
color: rgba(142, 147, 153, 1);
line-height: .1rem;
margin-top: .02rem;
}
.customer-small-btn.ipu-active {
opacity: .7;
}
.customer-small-btn.disabled-btn {
opacity: .5;
}
.customer-big-btn.disabled-btn {
opacity: .5;
background: linear-gradient(180deg,rgb(160, 162, 164) 0%,rgb(0, 0, 0) 100%);
}
.customer-big-btn .btn-pic {
width: .19rem;
height: .19rem;
background: url(../img/sign-btn.png) center center no-repeat;
background-size: contain;
}
.sign-in-btn.customer-big-btn .btn-pic {
background: url(../img/sign-btn.png) center center no-repeat;
background-size: contain;
}
.emergency-btn.customer-big-btn .btn-pic {
background: url(../img/emergency-btn.png) center center no-repeat;
background-size: contain;
}
.edit-submit-btn.customer-big-btn .btn-pic {
background: url(../img/edit-btn.png) center center no-repeat;
background-size: contain;
}
.customer-big-btn .btn-text {
font-size: .16rem;
font-weight:500;
color:rgba(255,255,255,1);
line-height:.16rem;
margin-left: .07rem;
}
.customer-big-btn.ipu-active {
opacity: .7;
}
.calculate-btn {
width: .6rem;
height:.6rem;
background:rgba(255,255,255,1);
box-shadow:0 .025rem .05rem 0 rgba(21,84,159,0.16);
border:1px solid rgba(230,233,237,1);
border-radius: 50%;
position: absolute;
right: .16rem;
bottom: .6rem;
}
.calculate-btn .btn-pic {
width: .2rem;
height: .2rem;
background:rgba(255,255,255,1);
background: url(../img/calculate-btn.png) center center no-repeat;
background-size: contain;
margin-top: .12rem;
}
.calculate-btn .btn-text {
font-size:.1rem;
font-weight:400;
color:rgba(65,140,250,1);
line-height:.1rem;
margin-top: .025rem;
}
.tool-bar-popup-slide {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 180;
background: rgba(24,26,28,0.62);
display: none;
}
.tool-bar-popup-slide.active{
display: block;
}
.tool-bar-popup-wrap {
width: .73rem;
height: .78rem;
position: absolute;
top:.325rem;
right:.125rem;
}
.tool-bar-popup-arrow {
margin-left: .5rem;
width: 0;
height: 0;
border-width: 0 .06rem .08rem;
border-style: solid;
border-color: transparent transparent rgba(255,255,255,1);
}
.tool-bar-popup-item {
height: .35rem;
text-align: center;
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .35rem;
background-color: rgba(255,255,255,1);
}
.tool-bar-popup-item:not(:first-child) {
border-top: 1px solid rgba(230, 233, 237, 1);
}
/* 客户详情-审核-驳回 */
.pages-customer-details-examine {
background-color:rgba(240,242,245,1);
}
.details-status-header {
background-color:rgba(247,251,255,1);
}
.details-status-header.signed-fail-status,
.details-status-header.reject-status,
.details-status-header.after-sales-status.arrears {
background-color:rgba(255,247,246,1);
}
.details-status-header.uncooperative-status,
.details-status-header.unsigned-status {
background-color:rgba(255,252,248,1);
}
.details-status-header.signed-status {
background-color:rgba(248,255,248,1);
}
.details-status-pic {
width: .28rem;
height:.28rem;
margin-top:.16rem;
margin-left:.16rem;
background: url(../img/examine.png) center center no-repeat;
background-size: contain;
}
.details-status-header.talking-status .details-status-pic,
.details-status-header.examine-status .details-status-pic,
.details-status-header.before-sales-status .details-status-pic,
.details-status-header.special-cost-status .details-status-pic {
background: url(../img/examine.png) center center no-repeat;
background-size: contain;
}
.details-status-header.before-sales-status.handling-finished .details-status-pic {
background: url(../img/order.png) center center no-repeat;
background-size: contain;
}
.details-status-header.reject-status .details-status-pic,
.details-status-header.after-sales-status.arrears .details-status-pic {
background: url(../img/reject.png) center center no-repeat;
background-size: contain;
}
.details-status-header.unsigned-status .details-status-pic {
background: url(../img/untouch.png) center center no-repeat;
background-size: contain;
}
.details-status-header.approval-status .details-status-pic {
background: url(../img/business-type-contract.png) center center no-repeat;
background-size: contain;
}
.details-status-header.signed-status .details-status-pic {
background: url(../img/signed.png) center center no-repeat;
background-size: contain;
}
.details-status-header.signed-fail-status .details-status-pic {
background: url(../img/signed-fail.png) center center no-repeat;
background-size: contain;
}
.details-status-header.uncooperative-status .details-status-pic {
background: url(../img/uncooperation.png) center center no-repeat;
background-size: contain;
}
.details-status-desc {
padding: .17rem .16rem .16rem .12rem;
}
.details-status-title {
font-size: .16rem;
font-weight:500;
color:rgba(63,147,248,1);
line-height:.16rem;
}
.details-status-title-sheet{
font-size: .16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.16rem;
}
.details-status-header.reject-status .details-status-title,
.details-status-header.signed-fail-status .details-status-title,
.details-status-header.after-sales-status.arrears .details-status-title {
color:rgba(251, 68, 43, 1);
}
.details-status-header.uncooperative-status .details-status-title,
.details-status-header.unsigned-status .details-status-title {
color:rgba(252,147,23,1);
}
.details-status-header.signed-status .details-status-title {
color:rgba(5,166,12,1);
}
.details-status-content {
margin-top: .09rem;
font-size: .12rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height: .18rem;
}
.urge-btn {
margin-left: .18rem;
}
.left-finger{
width: .15rem;
height:.15rem;
background: url(../img/left-finger.png) center center no-repeat;
background-size: contain;
}
.urge-btn span {
font-size: .1rem;
font-weight:500;
color:rgba(63,147,248,1);
line-height: .15rem;
margin-left: .03rem;
}
.check-pic-small {
width: .12rem;
height:.12rem;
background: url(../img/picture-flag.png) center center no-repeat;
background-size: contain;
margin-left: .04rem;
}
/* 客户详情-立户 */
.pages-customer-details-established {
background-color:rgba(240,242,245,1);
}
.pages-customer-details-established .left-column .box-line-key {
min-width: .6rem;
}
.pages-customer-details-established .right-column .box-line-key {
min-width: .53rem;
}
.customer-more-btn span{
font-size: .13rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height: .13rem;
}
.customer-more-btn .more-btn{
display: block;
width: .13rem;
height: .13rem;
line-height: .13rem;
font-size: .13rem!important;
text-align: center;
color: rgba(92, 96, 102, 1);
}
.customer-normal-head {
margin-bottom: .16rem;
}
.customer-normal-head .customer-normal-title {
margin-bottom: 0;
}
.customer-normal-head .customer-normal-num {
font-size: .12rem;
font-weight: 500;
color: rgba(43, 47, 51, 1);
line-height: .12rem;
margin-left: .04rem;
}
.business-info-area,.special-examining-area,.service-info-area,.order-info-area,.different-nets-info-area {
margin-top:.08rem;
padding: .2rem;
background-color:rgba(255,255,255,1);
}
.special-examining-item {
padding: .15rem 0 .15rem .16rem;
background-color:rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border-width:1px 1px 1px 0;
border-style: solid;
border-color: rgba(240,242,245,1) ;
}
.special-examining-content .special-examining-item:not(:last-child){
margin-bottom: .12rem;
}
.special-examining-item.done-status {
border-left: .025rem solid rgba(27,205,185,1);
}
.special-examining-item.return-status {
border-left: .025rem solid rgba(251, 68, 43, 1);
}
.special-examining-item.close-status {
border-left: .025rem solid rgba(142, 147, 153, 1);
}
.special-examining-item.normal-status {
border-left: .025rem solid rgba(63, 147, 248, 1);
}
.special-examining-title {
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .15rem;
}
.special-examining-desc {
margin-left:.08rem;
font-size: .1rem;
font-weight:400;
color:rgba(103,172,255,1);
line-height: .15rem;
background:rgba(247,250,255,1);
border-radius: .01rem;
padding-left: .045rem;
padding-right: .045rem;
}
.special-examining-item.done-status .special-examining-desc {
color:rgba(27,205,185,1);
background:rgba(243,255,254,1);
}
.special-examining-item.return-status .special-examining-desc {
color:rgba(255,114,124,1);
background:rgba(255,245,246,1);
}
.special-examining-item.close-status .special-examining-desc {
color:rgba(137,141,145,1);
background:rgba(247,248,249,1);
}
.special-examining-item.normal-status .special-examining-desc {
color:rgba(103,172,255,1);
background:rgba(247,250,255,1);
}
.special-examining-line-time {
margin-top: .08rem;
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.12rem;
}
.special-examining-line-time div:last-child {
margin-left: .12rem;
}
.ipu-tab-service.ipu-tab-3 .ipu-tab-title-button > li {
margin-right:0;
}
.ipu-tab-service.ipu-tab-3 .ipu-tab-title-button > li:nth-child(3) {
min-width:.675rem;
}
.before-sales-item {
padding:.16rem 0 .115rem .16rem;
background:rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
}
.before-sales-item-title {
font-size:.15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .15rem;
}
.before-sales-item-tag {
font-size: .1rem;
font-weight:400;
color:rgba(103,172,255,1);
line-height: .15rem;
height:.15rem;
background-color:rgba(247,250,255,1);
border-radius: .01rem;
padding-left: .05rem;
padding-right: .05rem;
margin-left: .08rem;
}
.crm-handling .before-sales-item-tag {
color:rgba(138,163,255,1);
background-color:rgba(246,248,255,1);
}
.zz-handling .before-sales-item-tag {
color:rgba(103,172,255,1);
background-color:rgba(247,250,255,1);
}
.handling-finished .before-sales-item-tag {
color:rgba(137, 141, 145, 1);
background-color:rgba(247,248,249,1);
}
.before-sales-item-desc {
margin-top: .08rem;
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.12rem;
}
.before-sales-item-desc>div:not(:first-child) {
margin-left: .11rem;
}
.before-sales .before-sales-item:not(:last-child) {
margin-bottom: .12rem;
}
.on-sales .before-sales-item:not(:last-child) {
margin-bottom: .12rem;
}
.after-sales-title {
width:100%;
height:.29rem;
background-color:rgba(237,244,253,1);
font-size: .11rem;
font-weight:500;
color:rgba(122,151,184,1);
line-height: .29rem;
margin-bottom:.1rem;
}
.after-sales-title>div:nth-child(1){
margin-left:3.6%;
width:25.3%;
}
.after-sales-title>div:nth-child(2){
width:29.4%;
}
.after-sales-title>div:nth-child(3){
width:20.7%;
}
.after-sales-title>div:nth-child(4){
width:21%;
}
.after-sales-item {
width:100%;
background-color:rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
font-size: .11rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .11rem;
height: .56rem;
padding-top: .14rem;
padding-bottom: .12rem;
}
.after-sales-item>div:nth-child(1){
margin-left:3.6%;
width:25.3%;
}
.after-sales-item>div:nth-child(2){
width:29.4%;
}
.after-sales-item>div:nth-child(3){
width:20.7%;
}
.after-sales-item>div:nth-child(4){
width:21%;
}
.after-sales-item-status{
color:rgba(63,147,248,1);
}
.after-sales-item-status .dot{
width: .03rem;
height:.03rem;
border-radius: 50%;
background-color:rgba(63,147,248,1);
margin-right: .04rem;
}
.after-sales-item-status.invalid {
color:rgba(92,96,102,1);
}
.after-sales-item-status.invalid .dot{
background-color:rgba(92,96,102,1);
}
.after-sales-item:not(:last-child){
margin-bottom:.12rem;
}
.customer-details-charts-area {
width:100%;
background:linear-gradient(180deg,rgba(84,162,255,1) 0%,rgba(70,119,255,1) 100%);
}
.customer-details-chart {
height:1.665rem;
width: 100%;
}
.customer-details-chart-desc {
height:.35rem;
width: 100%;
background:rgba(0,0,0,.04);
font-size:.11rem;
font-weight:400;
color:rgba(255,255,255,1);
line-height:.35rem;
}
.customer-details-chart-desc>div:first-child{
margin-right: .25rem;
}
.customer-health {
z-index: 20;
width: 100%;
font-size: .14rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: .14rem;
text-align: center;
position: absolute;
top: 1.01rem;
}
.loss-risk-level-area {
z-index: 20;
height: .195rem;
width: 100%;
position: absolute;
top: 1.27rem;
}
.loss-risk-level {
padding: 0 .1rem;
background: rgba(27, 205, 185, 1);
line-height: .195rem;
border-radius: .1rem;
font-size: .11rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
height: .195rem;
}
.loss-risk-level.level-warning {
background: rgba(252, 147, 23, 1);
}
.loss-risk-level.level-danger {
background: rgba(251, 68, 43, 1);
}
.customer-health-details {
z-index: 20;
height: .25rem;
width: 100%;
position: absolute;
top: .23rem;
}
.customer-health-details > div {
padding: 0 .085rem 0 .125rem;
background:rgba(36,128,255,1);
border-radius:.5rem 0 0 .5rem;
height:.25rem;
font-size:.11rem;
font-weight:400;
color:rgba(255,255,255,1);
line-height:.25rem;
}
.customer-health-details > div.ipu-active {
opacity:.7;
}
/* 特殊资费审批 */
.pages-special-cost-examine-list {
background-color: rgba(240,242,245,1);
}
.special-cost-examining-list .special-examining-item{
margin: 0 .12rem .12rem;
}
.special-cost-examining-list .special-examining-item:last-child {
margin-bottom:0;
}
.pages-special-cost-examine-list .sort-by-time-slide {
top:.8rem;
}
.pages-special-cost-examine-list .sort-condition-slide {
top:.8rem;
}
.special-details-info-area {
margin-top:.08rem;
padding: .2rem .16rem .2rem .2rem;
background-color:rgba(255,255,255,1);
}
.details-table.ipu-table th {
color:rgba(142,147,153,1);
background-color:rgba(63,147,248,0.07);
}
.details-table.ipu-table td {
color:rgba(43,47,51,1);
background-color: #fff;
}
.details-table.ipu-table tr td:last-child {
font-size: .1rem;
line-height:.12rem;
padding: .08rem .045rem;
text-align: left;
}
.details-table.ipu-table td, .details-table.ipu-table th {
text-align: center;
font-size: .11rem;
font-weight:400;
line-height:.13rem;
padding: .08rem .065rem;
border: 1px solid rgba(230,233,237,1);
}
.bandwidth-level div:last-child{
font-size: .09rem;
color:rgba(142,147,153,1);
line-height: .13rem;
margin-top:.04rem;
}
.approval-line-area{
margin-top:.08rem;
padding: .2rem 0 .2rem .2rem;
background-color:rgba(255,255,255,1);
}
.approval-time-step{
padding-top:.01rem;
padding-right:.09rem;
}
.approval-time-step>div:first-child{
font-size: .12rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height: .12rem;
}
.approval-time-step>div:last-child{
margin-top: .04rem;
margin-right:.01rem;
font-size: .1rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .1rem;
}
.approval-desc-step{
padding-left:.11rem;
}
.approval-desc-step>div:first-child{
font-size:.13rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height:.13rem;
}
.approval-desc-step>div:last-child{
font-size:.12rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height:.12rem;
margin-top: .08rem;
}
.approval-desc-remark {
color:rgba(178,184,191,1);
margin-left:.215rem;
}
.step-item:not(:first-child) {
margin-top: .36rem;
}
.step-item:not(:last-child) .approval-time-step:after{
content: "";
width: .01rem;
height: .69rem;
position: absolute;
top: .035rem;
right:0;
background-color: #E6E9ED;
}
.approval-desc-step:before{
content: "";
width: .1rem;
height: .1rem;
border-radius: 50%;
border: .025rem solid white;
position: absolute;
top: .015rem;
left:-.05rem;
background-color: #C7CDD3;
}
.step-item.active .approval-desc-step:before{
content: "";
width: .1rem;
height: .1rem;
border-radius: 50%;
border: .015rem solid white;
position: absolute;
top: .02rem;
left:-.05rem;
background-color: #3F93F8;
}
.step-item.active .approval-desc-step>div {
color:rgba(43,47,51,1);
}
.step-item.active .approval-desc-step>div:first-child {
font-weight:500;
}
/*客户详情-已立户-查资源*/
.device-list-slide {
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 170;
background: rgba(24,26,28,0.62);
padding-top: 0;
-webkit-transition: top 300ms ease-out;
transition: top 300ms ease-out;
}
.device-list-slide.active{
top: 0;
padding-top: .105rem;
}
.device-list-area {
background:rgba(255,255,255,1);
border-radius:.08rem .08rem 0 0;
border:1px solid rgba(151,151,151,1);
padding-top: .18rem;
}
.map-side-close.device-close-btn{
top: .23rem;
z-index: 170;
}
.device-place-name {
width:62%;
font-size: .16rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .22rem;
text-align:center;
}
.device-list-slide .device-list-area{
display: none;
}
.device-list-slide.active .device-list-area{
display: flex;
}
/* 健康度详情 */
.health-composition {
padding: .2rem .2rem .275rem;
background-color: rgba(255,255,255,1);
}
.health-composition-title {
font-size:.15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.15rem;
margin-bottom: .16rem;
}
.composition-unit {
width: 47.6%;
padding:.155rem .12rem .13rem .13rem;
background-color: rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
}
.composition-unit.active {
box-shadow:0 .02rem .04rem 0 rgba(44,86,136,0.14);
border:.02rem solid rgba(63,147,248,1);
}
.health-title {
font-size: .11rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height: .11rem;
margin-bottom: .08rem;
}
.composition-unit.active .health-title {
color:rgba(43,47,51,1);
}
.health-scores {
font-size: .25rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height:.25rem;
}
.health-scores .sub{
font-size: .125rem;
line-height:.125rem;
}
.composition-unit.active .health-scores {
color:rgba(43,47,51,1);
}
.health-status {
padding-top:.12rem;
}
.health-icon {
width: .14rem;
height: .14rem;
}
.very-healthy .health-icon {
background: url(../img/very-healthy.png) center center no-repeat;
background-size: contain;
}
.healthy .health-icon {
background: url(../img/healthy.png) center center no-repeat;
background-size: contain;
}
.general-healthy .health-icon {
background: url(../img/general-healthy.png) center center no-repeat;
background-size: contain;
}
.sub-healthy .health-icon {
background: url(../img/sub-healthy.png) center center no-repeat;
background-size: contain;
}
.unhealthy .health-icon {
background: url(../img/unhealthy.png) center center no-repeat;
background-size: contain;
}
.health-desc {
font-size: .12rem;
font-weight:400;
color:rgba(43, 135, 245, 1);
line-height:.14rem;
margin-left:.04rem;
}
.very-healthy .health-desc {
color:rgba(42, 182, 15, 1);
}
.healthy .health-desc {
color:rgba(30, 172, 219, 1);
}
.general-healthy .health-desc {
color:rgba(43, 135, 245, 1);
}
.sub-healthy .health-desc {
color:rgba(233, 138, 23, 1);
}
.unhealthy .health-desc {
color:rgba(233, 70, 44, 1);
}
.health-bar-title,.health-bar-status {
font-size:.13rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height:.13rem;
}
.health-bar-title {
margin-bottom: .05rem;
}
.health-bar-status {
color:rgba(43, 47, 51, 1);
margin-left: .14rem;
}
.health-progress {
width:69.4%;
height: .045rem;
background-color:rgba(237,237,237,1);
border-radius: .045rem;
}
.health-progress-bar {
height: .045rem;
border-radius: .045rem;
background:linear-gradient(90deg,rgba(63,147,248,1) 0%,rgba(98,169,255,1) 100%);
width: 0;
}
.group-income {
margin-top: .28rem;
}
.group-product {
margin-top: .205rem;
}
.health-fluctuation-trend-chart {
margin-top: .08rem;
height: 2.96rem;
width:100%;
background-color:rgba(255, 255, 255, 1);
}
/* 客户详情-业务信息列表 */
.ipu-tab-service.ipu-tab-1 .ipu-tab-title {
background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
}
.ipu-tab-service.ipu-tab-1 .ipu-tab-title-link > li.ipu-current {
border-bottom: 0 solid rgba(230, 233, 237, 1);
color: rgba(255,255,255,1);
}
.ipu-tab-service.ipu-tab-1 .ipu-tab-title-link > li {
border-bottom: 0 solid rgba(230, 233, 237, 1);
color: #d7edff;
font-size: .14rem;
}
.ipu-tab-service.ipu-tab-1 .li-name{
margin-top: .15rem;
margin-bottom: .065rem;
line-height: .14rem;
height: .14rem;
}
.ipu-tab-service.ipu-tab-1 .current-flag{
width: .18rem;
height: .02rem;
border-radius: .01rem;
background-color: transparent;
margin-bottom: .175rem;
}
.ipu-tab-service.ipu-tab-1 .ipu-tab-title-link > li.ipu-current .current-flag{
background-color: rgba(255,255,255,1);
}
.service-info-item {
background:rgba(255,255,255,1);
border-radius:.08rem .08rem 0 0;
top: -.07rem;
}
.before-sales-list>li{
padding-left: .155rem;
padding-right: .16rem;
}
.before-sales-list>li:not(:last-child){
margin-bottom: .12rem;
}
.on-sales-list>li{
padding-left: .155rem;
padding-right: .16rem;
}
.on-sales-list>li:not(:last-child){
margin-bottom: .12rem;
}
.after-sales.service-info-item{
padding: .18rem .16rem 0;
}
.after-sales-list>li{
padding-left: .155rem;
padding-right: .16rem;
}
.after-sales-list>li:not(:last-child){
margin-bottom: .12rem;
}
/* 客户详情-业务信息-售前详情 */
.before-sales-customer-info {
padding: .2rem;
background-color:rgba(255,255,255,1);
}
.before-sales-process {
margin-top: .08rem;
padding-top: .22rem;
padding-left: .2rem;
background-color:rgba(255,255,255,1);
}
.track-list ul li{
list-style: none;
}
.time-step {
padding-top:.02rem;
padding-right:.15rem;
}
.time-step>div:first-child{
font-size: .12rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height: .12rem;
width:.72rem;
text-align: right;
}
.time-step>div:last-child{
margin-top: .04rem;
font-size: .1rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .1rem;
}
.desc-step {
padding:.02rem 0 .45rem .17rem;
border-left: .01rem solid #E6E9ED;
}
.desc-step .desc-step-name{
font-size:.13rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height:.13rem;
}
.desc-step .contact{
font-size:.12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.12rem;
margin-top: .08rem;
display:flex;
align-items: center;
}
.desc-step .desc-step-remark{
font-size:.12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.12rem;
margin-top: .08rem;
}
.node-icon{
width: .18rem;
height:.18rem;
background: url(../img/step-done1.png) center center no-repeat;
background-size: contain;
position:absolute;
left: .78rem;
}
.sub-node-icon{
width:.11rem;
height:.11rem;
background-color: #C7CDD3;
border-radius: 50%;
border: .03rem solid #FFFFFF;
position:absolute;
left: .82rem;
top: .03rem;
}
.last-node .desc-step {
border-left: .01rem solid #FFFFFF;
}
.node-item.active .desc-step-name {
font-weight:500;
color:rgba(43,47,51,1);
}
.active .node-icon {
background: url(../img/step-done2.png) center center no-repeat;
background-size: contain;
}
.active.step-done .node-icon {
background: url(../img/step-done2.png) center center no-repeat;
background-size: contain;
}
.active.step-doing .node-icon {
background: url(../img/step-doing.png) center center no-repeat;
background-size: contain;
}
.before-sales-process-btn {
width: .11rem;
height:.11rem;
background: url(../img/arrow-up2.png) center center no-repeat;
background-size: contain;
position:absolute;
top: 2.64rem;
right: .32rem;
z-index: 180;
}
.before-sales-process-btn.fold{
background: url(../img/arrow-down2.png) center center no-repeat;
background-size: contain;
}
.left-arrow-down {
width: .11rem;
height:.11rem;
background: url(../img/arrow-down2.png) center center no-repeat;
background-size: contain;
position:absolute;
right: .32rem;
z-index: 180;
}
.left-arrow-down.fold{
background: url(../img/arrow-up2.png) center center no-repeat;
background-size: contain;
}
/* 客户详情-业务信息-已办理详情 */
.after-sales-customer-info {
padding: .2rem;
background-color:rgba(255,255,255,1);
margin-bottom: .08rem;
}
.after-sales-product {
padding: .16rem;
background-color: rgba(255,255,255,1);
width: 100%
}
.after-sales-product-title {
width:100%;
height:.29rem;
background-color:rgba(63,147,248,0.07);
font-size: .11rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height: .29rem;
margin-bottom:.1rem;
}
.after-sales-product-title>div:nth-child(1){
margin-left:5.9%;
width:37.7%;
}
.after-sales-product-title>div:nth-child(2){
width:29.6%;
}
.after-sales-product-title>div:nth-child(3){
width:26.8%;
}
.after-sales-product-item {
background-color:rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
font-size: .11rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .11rem;
height: .56rem;
padding-top: .09rem;
padding-bottom: .09rem;
}
.after-sales-product-item>div:nth-child(1){
margin-left:5.9%;
width:37.7%;
}
.after-sales-product-item>div:nth-child(2){
width:29.6%;
}
.after-sales-product-item>div:nth-child(3){
width:26.8%;
}
.product-name span{
line-height: .135rem;
width:79%;
}
.effect-time .date{
margin-top: .03rem;
}
.effect-time .time{
font-size: .1rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.1rem;
margin-top: .04rem;
margin-bottom: .03rem;
}
.expire-time .date{
margin-top: .03rem;
}
.expire-time .time{
font-size: .1rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.1rem;
margin-top: .04rem;
margin-bottom: .03rem;
}
.after-sales-product-list>li:not(:last-child){
margin-bottom: .12rem;
}
.pages-after-sales-details .device-list-slide.active{
top: 0;
padding-top: .165rem;
}
.product-details-content {
margin-top:.27rem;
padding-left: .24rem;
}
/*数据看板-上月个人收入分析*/
.pages-income-of-last-month .bubble-tooltip2:before {
left: 10%;
}
.pages-income-of-last-month-level3 .bubble-tooltip2:before {
left: 10%;
}
.income-outline {
padding-top: .2rem;
background:rgba(255,255,255,1);
}
.income-normal-title {
font-size:.16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.16rem;
overflow: unset;
}
.income-outline .income-normal-title {
margin-left:.2rem;
}
.income-analysis-table {
height: 1.52rem;
width:100%;
}
.income-analysis-chart {
height: 1.52rem;
width:100%;
}
.income-analysis-table .circle-center-text{
position:relative;
left:-13.5%;
top: -1.06rem;
}
.income-analysis-table .circle-center-text div:first-child {
font-size: .1rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .1rem;
}
.income-analysis-table .circle-center-text div:last-child {
font-size: .165rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .22rem;
margin-top: .01rem;
}
.income-chart-value span:first-child{
font-size:.2rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.265rem;
}
.income-chart-value span:last-child{
font-size: .09rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.135rem;
margin-left: .04rem;
}
.building-storage {
position:absolute;
left: 67.5%;
top: .80rem;
}
.building-added {
position:absolute;
left: 67.5%;
top: 1.32rem;
}
/*数据看板-楼宇经理*/
.income-rank-header {
padding: .2rem .2rem 0;
}
.income-rank-table-header{
margin: .145rem .08rem 0;
height: .21rem;
background-color:rgba(238,243,250,0.55);
border-radius: .015rem;
font-size: .09rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height: .21rem;
}
.income-rank-table-header>div:nth-child(1){
width: .295rem;
text-align:right;
}
.income-rank-table-header>div:nth-child(2){
margin-left:.14rem;
}
.income-rank-table-header>div:nth-child(3){
width: .61rem
}
.income-rank-table-header>div:nth-child(4){
width: .58rem
}
.income-rank-item-manager,.income-rank-item-director {
height: .52rem;
background-color: rgba(255,255,255,1);
width:100%;
}
.income-rank-item-director .rank-number{
font-size: .16rem;
font-weight:bold;
color:rgba(178,184,191,1);
line-height: .16rem;
margin-left: .2rem;
margin-right: .045rem;
}
.income-rank-number {
width: .43rem;
}
.income-rank-number .rank-number{
font-size: .16rem;
font-weight:bold;
color:rgba(142,147,153,1);
line-height:.19rem;
margin-right: .045rem;
}
.income-rank-number .rank-medal{
width:.2rem;
height:.28rem;
margin-right: .055rem;
}
.income-rank-number .rank-medal.rank-medal-first {
background: url(../img/rank-medal-first.png) center center no-repeat;
background-size: contain;
}
.income-rank-number .rank-medal.rank-medal-second {
background: url(../img/rank-medal-second.png) center center no-repeat;
background-size: contain;
}
.income-rank-number .rank-medal.rank-medal-third {
background: url(../img/rank-medal-third.png) center center no-repeat;
background-size: contain;
}
.income-rank-item-content {
height: .52rem;
padding-left: .085rem;
border-bottom: 1px solid rgba(230, 233, 237, 1);
overflow: unset;
}
.income-rank-item-director .income-rank-item-content {
padding-left: .06rem;
}
.manager-avatar {
width: .28rem;
height: .28rem;
border-radius: 50%;
margin-right: .1rem;
}
.rank-item-name {
font-size: .13rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.19rem;
}
.building-income {
width: .61rem;
text-align: left;
}
.income-rank-item-director .building-income {
width: auto;
margin-right: .24rem;
}
.income-rank-item-director .building-income span:last-child{
margin-left:.02rem;
}
.building-income span:first-child{
font-size: .15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .19rem;
}
.building-income span:last-child{
font-size: .1rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.15rem;
margin-left:.025rem;
}
.income-growth-rate-name{
font-size: .11rem;
font-weight:500;
color:rgba(0,0,0,.8);
line-height: .52rem;
width: 0.75rem;
text-align: left;
}
.income-growth-rate {
font-size: .11rem;
font-weight:500;
color:rgba(27,205,185,1);
line-height: .52rem;
width: .67rem;
text-align: left;
}
.income-growth-rate.negative-number{
color:rgba(251,68,43,1);
}
/*数据看板-楼宇主管*/
.income-rank-top-three {
height: 2.045rem;
padding: 0 .2rem .12rem;
}
.income-rank-content {
background-color:rgba(255,255,255,1);
box-shadow:0 .08rem .275rem 0 rgba(20,46,76,0.1);
border-radius: .055rem;
z-index:4;
}
.income-rank-second .income-rank-content ,.income-rank-third .income-rank-content {
width: 1.02rem;
height: 1.355rem;
}
.income-rank-first .income-rank-content {
width: 1.02rem;
height: 1.505rem;
}
.income-rank-first .building-manager-pic {
width: .5rem;
height: .5rem;
border-radius: 50%;
margin-top: .31rem;
margin-bottom: .12rem;
}
.income-rank-second .building-manager-pic,
.income-rank-third .building-manager-pic {
width: .4rem;
height: .4rem;
border-radius: 50%;
margin-top: .26rem;
margin-bottom: .07rem;
}
.building-manager-name {
font-size: .13rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .13rem;
margin-bottom: .065rem;
}
.income-rank-top-three .income-value span:first-child{
font-size:.19rem;
font-weight:bold;
color:rgba(43,47,51,1);
line-height:.22rem;
}
.income-rank-top-three .income-value span:last-child{
font-size: .1rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.15rem;
margin-left: .04rem;
}
.rank-top-bottom {
width: 1.02rem;
height: .175rem;
background-color:rgba(164,171,214,1);
border-radius: .055rem;
position: absolute;
z-index:2;
}
.income-rank-first .rank-top-bottom {
background-color: rgba(255, 221, 84, 1);
top: -.03rem;
}
.income-rank-second .rank-top-bottom {
background-color:rgba(164,171,214,1);
top:-.025rem;
}
.income-rank-third .rank-top-bottom {
background-color: rgba(255,198,124,1);
top:-.025rem;
}
.income-rank-medal {
width: .28rem;
height: .395rem;
position: absolute;
top: -.245rem;
z-index: 6;
}
.income-rank-first .income-rank-medal {
width: .32rem;
height: .435rem;
background: url(../img/rank-medal-1.png) center center no-repeat;
background-size: contain;
top: -.3rem;
}
.income-rank-second .income-rank-medal {
background: url(../img/rank-medal-2.png) center center no-repeat;
background-size: contain;
}
.income-rank-third .income-rank-medal {
background: url(../img/rank-medal-3.png) center center no-repeat;
background-size: contain;
}
.rank-list-slide {
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 170;
background: rgba(24,26,28,0.62);
padding-top: 0;
-webkit-transition: top 300ms ease-out;
transition: top 300ms ease-out;
}
.rank-list-slide.active{
top: 0;
padding-top: .05rem;
}
.rank-list-area {
background:rgba(255,255,255,1);
border-radius:.08rem .08rem 0 0;
padding-top: .39rem;
}
.map-side-close.device-close-btn{
top: .15rem;
z-index: 170;
}
.rank-list-slide .rank-list-area{
display: none;
}
.rank-list-slide.active .rank-list-area{
display: flex;
}
/*数据看板-二级部门*/
.income-rank-item-department {
margin: 0 .2rem .16rem;
background-color:rgba(255,255,255,1);
box-shadow:0 .03rem .06rem 0 rgba(184,184,184,0.18);
border:1px solid rgba(230,233,237,1);
}
.department-income-desc-area {
height: .65rem;
}
.director-income-desc-area {
padding:0 .4rem;
height: .595rem;
background-color: rgba(250,251,252,1);
display:none;
}
.second-level-department-data .income-rank-number {
width: .42rem;
}
.second-level-department-data .income-rank-number .rank-number{
margin-right: .11rem;
}
.second-level-department-data .income-rank-number .rank-medal{
margin-right: .1rem;
}
.second-level-department-data .income-rank-item-content {
height: .65rem;
padding-left: 0;
border-bottom: 0 solid rgba(230, 233, 237, 1);
}
.income-rank-item-department .building-income {
width: auto;
margin-right: 0;
}
.income-rank-item-department .building-income span:last-child {
margin-left:.02rem;
}
.income-rank-item-department .income-percent {
width:.355rem;
text-align: right;
font-size:.12rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height:.16rem;
}
.department-arrow {
width: .12rem;
height:.12rem;
background: url(../img/arrow-down2.png) center center no-repeat;
background-size: contain;
margin-left: .095rem;
margin-right: .12rem;
}
.income-rank-item-department.active .department-arrow {
background: url(../img/arrow-up2.png) center center no-repeat;
background-size: contain;
}
.income-rank-item-department.active .director-income-desc-area {
display:flex;
}
.director-income-desc .director-name{
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height: .12rem;
margin-bottom: .04rem;
}
.director-income-value span:first-child{
font-size: .13rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .17rem;
}
.director-income-value span:last-child{
font-size: .09rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .13rem;
}
/*数据看板-一级部门*/
.first-level-department-data .income-rank-item-department {
margin: 0 .2rem .12rem;
}
.first-level-department-data .department-income-desc-area {
height: .7rem;
}
.first-level-department-data .income-rank-number {
width: .5rem;
}
.first-level-department-data .income-rank-number .rank-number{
margin-right: .09rem;
}
.first-level-department-data .income-rank-number .rank-medal{
margin-right: .085rem;
}
.first-level-department-data .income-rank-item-content {
height: .7rem;
padding-left: 0;
border-bottom: 0 solid rgba(230, 233, 237, 1);
}
.first-level-department-data .department-arrow {
margin-left: .08rem;
}
.building-percent-rate {
margin-top: .045rem;
height:.105rem;
font-size: .09rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height: .105rem;
}
.building-percent-rate .increase{
color:rgba(7,179,160,1);
margin-left: .04rem;
}
.building-percent-rate .decrease{
color:rgba(251,68,43,1);
margin-left: .04rem;
}
.building-percent-rate .year-on-year-rate{
margin-left: .07rem;
}
.special-line-desc-area {
background-color: rgba(250,251,252,1);
padding: .16rem .18rem 0 .4rem;
display: none;
}
.income-rank-item-department.active .special-line-desc-area {
display:block;
}
.special-line-item {
margin-bottom: .14rem;
}
.special-line-bar {
width:66%;
height: .045rem;
background:transparent;
border-radius: .045rem;
}
.special-line-bar-number {
height: .045rem;
background:linear-gradient(90deg,rgba(65,159,255,1) 0%,rgba(35,143,255,1) 100%);
border-radius: .045rem;
width: 0
}
.special-line-name {
font-size: .12rem;
font-weight:400;
color:rgba(98,123,153,1);
margin-bottom:.03rem;
}
.special-line-price {
height: .17rem;
overflow: unset;
}
.special-line-price span:first-child{
font-size: .13rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .17rem;
height: .17rem;
}
.special-line-price span:last-child{
font-size: .07rem;
font-weight:bold;
color:rgba(43,47,51,1);
line-height: .07rem;
margin-left: .015rem;
}
.special-line-number {
width: .36rem;
text-align: right;
font-size: .11rem;
font-weight:400;
color:rgba(115,121,128,1);
line-height:.11rem;
}
/*数据面板-上月主管业绩分析*/
.pages-income-of-last-month-director .income-normal-title {
margin: .235rem 0 0 .2rem;
}
.pages-income-of-last-month-director .income-rank-top-three {
height: 1.975rem;
padding: 0 .2rem .09rem;
}
/*商机跟进*/
.business-keeping-content {
background-color: #FFFFFF;
}
.business-keeping-reason {
margin-top: .08rem;
background-color: #FFFFFF;
}
.attendees-area {
margin-top: .08rem;
background-color: #FFFFFF;
padding-top:.2rem;
}
.business-keeping-title {
margin-left:.2rem;
font-size: .15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.15rem;
margin-bottom: .08rem;
}
.attendees-area .item-value-after{
color:rgba(142,147,153,1);
}
.btn-add-attendee {
margin: 0 .2rem;
font-size: .14rem;
font-weight: 500;
text-align: center;
color: rgba(63, 147, 248, 1);
line-height: .46rem;
}
.business-keeping-area {
margin-top: .08rem;
background-color: #FFFFFF;
padding:.2rem 0;
}
.business-keeping-title span{
font-size: .12rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height:.12rem;
margin-left: .04rem;
}
/* 跟进详情 */
.business-keeping-details-area {
background-color: #FFFFFF;
padding:.2rem .17rem .2rem .2rem;
}
.business-keeping-details-area:not(:first-child) {
margin-top:.08rem;
}
.pages-business-keeping-details .normal-content-item {
font-size: .13rem;
line-height:.13rem;
}
/* 我的-个人设置 */
.gesture-set-area {
background-color: #FFFFFF;
}
.item-key.gesture-set {
height:.67rem;
padding: .16rem 0;
}
.item-key.gesture-set span:last-child {
font-size:.12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.12rem;
}
.item-key.gesture-set span:first-child {
line-height:.15rem;
}
.login-out-btn {
width: 100%;
font-size:.15rem;
font-weight:400;
color:rgba(251,68,43,1);
line-height:.47rem;
height:.47rem;
background:rgba(255,255,255,1);
border-radius: 0;
}
.ipu-btn.login-out-btn:not(.ipu-disabled):not(:disabled):active, .ipu-btn.login-out-btn.ipu-current {
background-color:rgba(251,68,43,0.5);
}
/* 我的-关于中台 */
.introduce-pages-content {
padding: .23rem .2rem .2rem;
}
.introduce-title {
font-size: .2rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .2rem;
margin-bottom:.12rem;
}
.introduce-content p {
font-size: .14rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.2rem;
}
.introduce-content p:not(:first-child){
margin-top:.16rem;
}
/* 楼宇列表 */
.building-item-content {
margin:0 .12rem .1rem;
background-color: #fff;
padding:.16rem .12rem .12rem .16rem;
border-radius: .02rem;
}
.building-item-content.ipu-active {
opacity: .7;
}
.building-item-content .location-header .location-title{
font-size: .15rem;
line-height: .15rem;
font-weight:500;
}
.location-address-pic {
width:.12rem;
height:.12rem;
background: url(../img/building-address.png) center center no-repeat;
background-size: contain;
}
.building-item-content .location-address{
margin: 0 0 0 .04rem;
color:rgba(142,147,153,1);
font-size: .12rem;
line-height: .12rem;
}
.building-item-content .location-header {
margin-left: 0;
}
.building-item-content .location-tag {
margin-left: 0;
}
/* 资源楼宇列表 */
.resource-time-header {
padding: .12rem .16rem;
font-size: .13rem;
font-weight:400;
color:rgba(166,172,179,1);
line-height: .13rem;
}
.pages-resource-building-list .resource-item {
box-shadow:none;
border-radius:.04rem;
border:0 solid rgba(230,233,237,1);
}
/* 暂时还需要使用 */
.built-content {
padding-left: .2rem;
margin-top: .2rem;
}
.ipu-tab-resource.ipu-tab-1 .ipu-tab-title-link > li.ipu-current {
color: rgba(43, 47, 51, 1);
font-weight: bold;
}
.ipu-tab-resource.ipu-tab-1 .ipu-tab-title-link > li {
color:rgba(178,184,191,1);
font-size: .13rem;
}
.ipu-tab-resource.ipu-tab-1 .li-name{
margin-top: .12rem;
margin-bottom: .105rem;
line-height:.13rem;
height: .13rem;
}
.ipu-tab-resource.ipu-tab-1 .current-flag{
width: .18rem;
height: .02rem;
border-radius: .01rem;
background-color: #fff;
margin-bottom: 0;
}
.ipu-tab-resource.ipu-tab-1 .ipu-tab-title-link > li.ipu-current .current-flag{
background-color: rgba(63, 147, 248, 1);
}
.computer-room-content{
padding: 0 .15rem .16rem;
}
.computer-room-content .computer-room-item:last-child{
margin-bottom: 0;
}
.computer-room-item {
padding: .105rem 0 .12rem 0;
background:rgba(255,255,255,1);
box-shadow: 0 .03rem .06rem 0 rgba(184,184,184,0.1);
border-radius: .01rem;
border:1px solid rgba(230,233,237,1);
margin-bottom: .08rem;
}
.computer-room-floor {
width: .25rem;
height: .15rem;
background-color:rgba(173,192,207,1);
border-radius: .015rem;
font-size: .1rem;
font-weight:500;
color:rgba(255,255,255,1);
line-height:.15rem;
margin-left:.08rem;
text-align:center;
}
.computer-room-name {
font-size: .12rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.12rem;
margin-left: .08rem;
}
.computer-device-info {
margin-top: .08rem;
}
.computer-device-info .device-info{
margin-left: .41rem;
width: .95rem;
}
.computer-device-info .device-info>div:first-child {
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.12rem;
}
.computer-device-info .device-info>div:last-child {
font-size: .12rem;
font-weight:500;
color:rgba(63,147,248,1);
line-height:.12rem;
margin-left: .06rem;
}
.building-status {
padding:.16rem .15rem;
}
.building-process {
border:1px solid rgba(230,233,237,1);
}
.building-device-info {
margin-top: .16rem;
font-size: .12rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.12rem;
}
.building-device-info .device-type{
padding-right: .12rem;
border-right: 1px solid rgba(230, 233, 237, 1);
}
.building-device-info .device-place{
padding-left: .18rem;
}
.building-process-display {
margin-top:.2rem;
margin-bottom:.135rem;
height:.09rem;
}
.process-normal {
width: .05rem;
height:.05rem;
background:rgba(230,233,237,1);
border:.01rem solid rgba(255,255,255,1);
border-radius: 50%;
}
.process-normal.process-finished {
background:rgba(63,147,248,1);
}
.process-normal.process-doing {
width: .09rem;
height:.09rem;
background:rgba(63,147,248,1);
}
.process-line {
width: .75rem;
height:.01rem;
background:rgba(230, 233, 237, 1);
}
.process-line.process-line-finished {
background:rgba(63,147,248,1);
}
.process-name {
font-size: .12rem;
font-weight:400;
color:rgba(196, 200, 204, 1);
line-height: .12rem;
margin-left: .33rem;
}
.process-name:first-child{
margin-left: 0;
}
.process-name.process-name-finished {
color:rgba(43, 47, 51, 1)
}
.process-name.process-name-doing {
color:rgba(63,147,248,1);
}
.builder-name {
font-size: .1rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.1rem;
margin: .08rem auto .04rem 31.3%;
}
.builder-name-id {
margin-bottom: .16rem;
margin-left: 31.3%;
}
.builder-name-id .builder-id {
font-size: .1rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.1rem;
}
.copy-builder-btn {
height: .1rem;
width: .1rem;
margin-left: .03rem;
background: url("../img/copy.png") center center no-repeat;
background-size: contain;
}
/*------------------*/
.ipu-item-search {
width:.2rem;
height:.2rem;
background: url("../img/search.png") center center no-repeat;
background-size: contain;
margin-left:.12rem;
}
.search-build-item {
background-color: #fff;
padding:.16rem .2rem .12rem 0;
border-bottom: 1px solid rgba(230, 233, 237, 1);
}
.search-build-item .location-address-pic {
margin-left: .2rem;
}
.search-build-item .location-address{
margin: 0 0 0 .04rem;
color:rgba(142,147,153,1);
}
.add-customer-address span{
color:rgba(63,147,248,1);
margin-left: .08rem;
}
/*客户搜索*/
.customer-search-area {
padding: .08rem .16rem .16rem .2rem;
background-color: rgba(255,255,255,1);
}
/*消息*/
.business-expiration-details {
margin: .16rem;
background-color: rgba(255,255,255,1);
border-radius: .05rem;
}
.business-expiration-details
.details-title {
text-align: center;
padding: 0.1rem;
border-bottom: 1px dashed #E6E9ED;
}
.business-expiration-details
.details-title p {
font-size: 0.18rem;
font-family:SourceHanSansCN-Medium,SourceHanSansCN;
font-weight:500;
color:rgba(252,147,23,1);
margin-bottom: 0.1rem;
}
.business-expiration-details .details-tit-date {
color: #FC9317;
text-align: center;
font-weight: 600;
}
.business-expiration-details
.details-title .details-time {
font-size: 0.15rem;
font-family:SourceHanSansCN-Medium,SourceHanSansCN;
font-weight:500;
line-height:0.3rem;
display: none;
}
.business-expiration-details .details-content {
padding: 0.2rem;
border-top: 1px dashed #E6E9ED;
}
.business-expiration-details .details-content
ul li {
line-height: 0.3rem;
}
.business-expiration-details .details-content
ul li .details-info {
margin-left: 0.1rem;
color: #2B2F33;
}
.business-expiration-details .details-icon {
background: url(../img/time.png) center center no-repeat;
background-size: contain;
width: 0.4rem;
height: 0.4rem;
margin: 0.2rem auto 0.1rem auto;
}
.business-expiration-details .details-alarm {
background: url(../img/alarm.png) center center no-repeat;
background-size: contain;
width: 0.4rem;
height: 0.4rem;
margin: 0.2rem auto 0.1rem auto;
}
.business-expiration-details .call-pic {
width: .12rem;
height: .12rem;
background: url(../img/call.png) center center no-repeat;
background-size: contain;
margin-left: .08rem;
display: inline-block;
vertical-align: middle;
}
.business-expiration-details .details-success {
background: url(../img/message-success.png) center center no-repeat;
background-size: contain;
width: 0.4rem;
height: 0.4rem;
margin: 0.2rem auto 0.1rem auto;
}
.business-expiration-details .details-cause {
color: #2B2F33;
background: url(../img/message-success.png) center center no-repeat;
background-size: contain;
width: 0.5rem;
height: 0.5rem;
margin: 0.1rem auto;
}
.business-expiration-details .details-cause {
color: #2B2F33;
margin: 0 0.2rem;
display: none;
}
.details-business-date,
.details-time{
text-align: center;
margin-bottom: 0.1rem;
margin-top: 0.1rem;
}
.business-expiration-details .details-tit-success {
color: #05A60C;
text-align: center;
margin-bottom:0.1rem;
font-weight: 600;
}
.business-expiration-details .details-date {
color: #8E9399;
font-size: 0.15rem;
}
.business-expiration-details .details-fail {
background: url(../img/message-failed.png) center center no-repeat;
background-size: contain;
width: 0.4rem;
height: 0.4rem;
margin: 0.2rem auto 0.1rem auto;
display: none;
}
.business-expiration-details .details-tit-fail {
color: #FB442B;
text-align: center;
margin-bottom: 0.1rem;
font-weight: 600;
}
.business-expiration-details .details-title .details-tit-success {
color: #05A60C;
display: none;
}
.business-expiration-details .details-title .details-tit-fail {
color: #FB442B;
display: none;
}
.business-expiration-details .details-content h1 {
font-weight: 600;
font-size: 0.18rem;
color: #2B2F33;
}
.page-message-center .card-action-item {
height: .75rem;
line-height: .75rem;
}
.business-expiration-details .normal-content-item{
font-size: .13rem;
font-weight: 400;
line-height: .13rem;
margin-top: .16rem;
}
.message-details-content {
padding: .2rem;
}
.message-details-title {
font-size:.16rem;
font-weight:bold;
color:rgba(43,47,51,1);
line-height:.16rem;
}
.check-building-btn {
color:rgba(63,147,248,1);
margin-left: .08rem;
}
/*物业详情*/
.property-name {
font-size: .16rem;
font-weight: bold;
color: rgba(43, 47, 51, 1);
line-height: .2rem;
margin-bottom: .21rem;
}
.pages-property-details .normal-content-item {
margin-top: .16rem;
font-size: .13rem;
line-height: .18rem;
}
.property-person-area {
margin-top: .2rem;
}
.property-person-each {
background: rgba(255, 255, 255, 1);
box-shadow: 0 0 .04rem 0 rgba(196, 200, 204, 0.4);
border: 1px solid rgba(214, 220, 226, 1);
}
.property-person-each:not(:first-child) {
margin-top: .16rem;
}
.property-person-title{
width:64%;
height:.19rem;
padding-left: .07rem;
background:linear-gradient(270deg,rgba(37,89,201,0) 0%,rgba(59,102,194,1) 100%);
font-size: .1rem;
font-weight:400;
color:rgba(255,255,255,1);
line-height: .19rem;
}
.property-person-info {
height: .46rem;
}
.contact-information{
width: 80%;
}
.contact-tips {
width: 20%;
}
.property-person-name {
font-size:.15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.15rem;
margin-left:.2rem;
width: .8rem;
}
.property-person-position {
height:.13rem;
font-size:.13rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.13rem;
}
.line-split{
width: 1px;
height: .12rem;
background-color: #8E9399;
margin: 0 .06rem;
}
.property-person-each .call-pic{
width:.15rem;
height:.15rem;
margin-left:0;
}
.contact-text{
font-size: .1rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height:.1rem;
margin-top: .07rem;
}
.contact-tips:before {
content: "";
left: 0;
top: -.025rem;
position: absolute;
width: .01rem;
height: .35rem;
background-color: #E6E9ED;
}
.property-status > div {
width: .72rem;
height: .27rem;
background: rgba(255, 255, 255, 1);
border-radius: .01rem;
border: .01rem solid rgba(230, 233, 237, 1);
font-size: .12rem;
font-weight: 400;
color: rgba(43, 47, 51, 1);
line-height: .27rem;
text-align: center;
}
.property-status > div.active {
color:rgba(63,147,248,1);
border:.01rem solid rgba(63,147,248,1);
}
.property-status > div:not(:first-child){
margin-left: .08rem;
}
.voice-pic {
width: .14rem;
height: .14rem;
background: url(../img/voice2.png) center center no-repeat;
background-size: contain;
}
.voice-text {
font-size: .13rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height:.13rem;
margin-left: .03rem;
}
.voice-input-btn.ipu-active {
opacity: .7;
}
.add-property-contacts {
background-color: #fff;
margin-top:.08rem;
padding-top: .08rem;
padding-bottom: .24rem;
}
.add-property-contacts .compete-block {
margin: 0 .2rem;
}
.add-property-contacts .compete-block-body {
box-shadow: none;
border: 0 solid rgba(230, 233, 237, 1);
}
.add-property-contacts .compete-item {
border-top: 1px solid rgba(225, 228, 232, 1);
border-left: 1px solid rgba(225, 228, 232, 1);
border-right: 1px solid rgba(225, 228, 232, 1);
margin-top: .12rem;
}
.add-property-contacts .btn-add-conpete {
border-bottom: 1px solid rgba(225, 228, 232, 1);
border-left: 1px solid rgba(225, 228, 232, 1);
border-right: 1px solid rgba(225, 228, 232, 1);
margin: 0;
}
.property-select .compete-input {
background-image:url(../img/arrow-right3.png);
background-repeat:no-repeat;
background-position:right .1rem top 50%;
background-size:.12rem .12rem;
padding: 0 .24rem 0 .12rem;
}
/*.compete-input-wrap .compete-input.add-sign {*/
/*background-image:url(../img/add-sign.png);*/
/*background-repeat:no-repeat;*/
/*background-position:right .1rem top 50%;*/
/*background-size:.18rem .18rem;*/
/*padding: 0 .36rem 0 .12rem;*/
/*}*/
.add-sign {
background: url(../img/add-sign.png) center center no-repeat;
background-size: contain;
width: .2rem;
height: .2rem;
margin-left: .1rem;
}
.delete-sign {
background: url(../img/delete-sign.png) center center no-repeat;
background-size: contain;
width: .2rem;
height: .2rem;
margin-left: .1rem;
}
.mobile-input-item .compete-input,.phone-input-item .compete-input {
padding: 0 .36rem 0 .12rem;
/*border-top:none;*/
}
/*.contact-input-item .delete-sign {*/
/*width: .18rem;*/
/*height: .18rem;*/
/*background: url(../img/delete-sign.png) center center no-repeat;*/
/*background-size: contain;*/
/*position: absolute;*/
/*right: .49rem;*/
/*transform: translate(0,-.25rem);*/
/*}*/
.download-btn {
margin-left: .08rem;
width:.3rem;
height:.16rem;
background-color:rgba(248,251,255,1);
border-radius:.01rem;
border:.01rem solid rgba(63,147,248,0.5);
text-align: center;
font-size:.1rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height:.16rem;
}
.leaders-content {
background-color:rgba(255,255,255,1);
border-radius:.075rem .075rem 0 0;
padding-bottom:.2rem;
}
.leader-choose-header.c-poppage-head {
border-radius:.075rem .075rem 0 0;
}
.leader-person-list {
padding: .08rem .2rem;
}
.leader-person-item {
font-size: .16rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height:.24rem;
height: .4rem;
/*overflow: unset;*/
}
.pop-check-icon {
width: .18rem;
height: .18rem;
background: url(../img/unchecked.png) center center no-repeat;
background-size: contain;
}
.leader-person-item.active .pop-check-icon{
background: url(../img/checked.png) center center no-repeat;
background-size: contain;
}
.leader-name{
color:rgba(43,47,51,1)
}
.leader-person-item div:not(:last-child){
margin-right: .08rem;
}
.pop-form-btn-wrap {
margin:.08rem .2rem 0 .2rem;
}
/*----我的----*/
/*商机-一级部门*/
.normal-mine-title {
background-color: rgba(255,255,255,1);
padding:.2rem 0;
border-top: 1px solid rgba(230, 233, 237, 1);
}
.normal-title-mark {
width:.03rem;
height:.15rem;
background-color:rgba(63,147,248,1);
margin-left: .03rem;
margin-right:.14rem;
}
.business-count {
font-size: .13rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.13rem;
margin-left:.2rem;
margin-top: .12rem;
}
.normal-mine-item {
margin: 0 .2rem .17rem;
background-color:rgba(255,255,255,1);
box-shadow:0 .03rem .06rem 0 rgba(184,184,184,0.18);
border:1px solid rgba(230,233,237,1);
}
.business-opportunity-item {
height: .65rem;
}
.item-company-name {
padding-left:.08rem;
padding-right:.08rem;
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .15rem;
overflow: hidden;
}
.item-count {
font-size: .16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .16rem;
}
.item-percent {
margin-left:.13rem;
font-size:.13rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height:.13rem;
width:.45rem;
}
.item-arrow-right {
width: .12rem;
height: .12rem;
background: url(../img/arrow-right3.png) center center no-repeat;
background-size: contain;
margin: 0 .12rem 0 .095rem;
}
/*商机-二级部门*/
.item-arrow-down {
width: .12rem;
height: .12rem;
background: url(../img/arrow-down2.png) center center no-repeat;
background-size: contain;
margin: 0 .12rem 0 .095rem;
}
.director-desc-area {
padding: .14rem .05rem;
background-color:rgba(250,251,252,1);
display: none;
flex-wrap: wrap;
}
.normal-mine-item.active .director-desc-area{
display: flex;
}
.normal-mine-item.active .item-arrow-down{
background: url(../img/arrow-up2.png) center center no-repeat;
background-size: contain;
}
.director-desc-area li {
width: 33%;
text-align: center;
}
.director-desc .director-name {
font-size:.12rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height:.12rem;
}
.director-desc .director-value {
margin-top: .04rem;
font-size:.13rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.185rem;
}
.director-desc-area li{
margin-top:.24rem;
}
.director-desc-area li:nth-child(1),.director-desc-area li:nth-child(2),.director-desc-area li:nth-child(3) {
margin-top:0;
}
/*商机-三级领导*/
.third-level-leader-head {
background-color: #FFFFFF;
}
.my-building-pic {
position: absolute;
width: .57rem;
height: .5rem;
background: url(../img/my-building1.png) center center no-repeat;
background-size: contain;
right:.2rem;
top:.61rem;
}
.my-customer-pic {
position: absolute;
width: .535rem;
height: .47rem;
background: url(../img/my-customer1.png) center center no-repeat;
background-size: contain;
right:.285rem;
top:.63rem;
}
.my-business-pic {
position: absolute;
width: .59rem;
height: .575rem;
background: url(../img/my-business1.png) center center no-repeat;
background-size: contain;
right:.285rem;
top:.555rem;
}
.pages-building-third-level-leader .my-building-pic {
top:.16rem;
}
.pages-business-third-level-leader .my-business-pic {
top:.13rem;
}
.pages-customer-third-level-leader .my-customer-pic {
top:.185rem;
}
.third-leader-tab-head ul {
font-size: 0;
position: relative;
white-space: nowrap;
display: block;
width: auto;
overflow: auto;
}
.third-leader-tab-head ul li {
font-size: .14rem;
font-weight: 400;
color:rgba(142,147,153,1);
line-height: .14rem;
padding: .15rem .2rem;
position: relative;
text-align: center;
display: inline-block;
vertical-align: top;
white-space: normal;
}
.third-leader-tab-head ul li.active {
font-weight:500;
color:rgba(43,47,51,1);
position: relative;
}
.third-leader-tab-head ul li.active:after {
content: "";
height: .025rem;
width: .27rem;
position: absolute;
background-color: rgba(63,147,248,1);
bottom: 0;
left: 50%;
margin-left: -.135rem;
}
.third-leader-tab-body {
background:rgba(255,255,255,1);
padding-top: .05rem;
}
.third-leader-tab-body ul li.third-leader-item:not(.active) {
display: none;
}
.normal-mine-title-2 {
padding: .2rem 0 .1rem .2rem;
border-top: 1px solid rgba(230, 233, 237, 1);
background-color: rgba(255,255,255,1);
}
.normal-mine-title-2 .business-count {
margin-left:0;
margin-top:.08rem;
}
.item-person-name {
font-size:.14rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.14rem;
overflow: unset;
}
.third-leader-item .item-arrow-right{
width: .16rem;
height: .16rem;
background: url(../img/arrow-right3.png) center center no-repeat;
background-size: contain;
margin: 0 .2rem 0 .06rem;
}
.director-normal-title {
font-size:.17rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.17rem;
margin-left: .2rem;
}
.search-option-area {
padding: .16rem .2rem .2rem;
}
.rank-list-slide .business-item-content {
margin: 0 .12rem .12rem;
background-color: #fff;
padding: .16rem;
border-radius: .01rem;
box-shadow:0 .03rem .06rem 0 rgba(184,184,184,0.1);
border:.01rem solid rgba(230,233,237,1);
}
.sort-by-one-condition-slide {
position: absolute;
top: .835rem;;
left: 0;
right: 0;
bottom: 100%;
z-index: 180;
background: rgba(24,26,28,0.62);
-webkit-transition: bottom 300ms ease-out;
transition: bottom 300ms ease-out;
}
.sort-by-one-condition-slide.active{
bottom: 0;
}
.sort-by-one-condition-slide.active .one-condition-area {
display: flex;
}
.one-condition-area {
background-color: #fff;
padding: .1rem .2rem;
display: none;
}
.one-condition-name {
font-size: .13rem;
font-weight:400;
line-height: .13rem;
color:rgba(92,96,102,1);
}
.one-condition-item.active .one-condition-name{
color:rgba(63,147,248,1);
}
.one-condition-item {
padding: .06rem 0;
}
.one-condition-item:not(:first-child) {
margin-top: .08rem;
}
.one-condition-item.active .chosen-pic {
background: url(../img/right.png) center center no-repeat;
background-size: contain;
}
/*写日志-选择协防领导*/
.search-leader-input-wrap {
width:100%;
padding: .12rem .15rem;
}
.search-leader-input {
display: block;
width: 100%;
line-height:.2rem;
font-size: .13rem;
font-weight: 400;
background-color: rgba(255,255,255,1);
border-width:0;
color: rgba(43,47,51,1);
background-image:url(../img/input-search.png);
background-repeat:no-repeat;
background-position:left .1rem top 50%;
background-size:.2rem .2rem;
border-radius: .03rem;
padding:.07rem .28rem .07rem .36rem;
}
.search-leader-input::-webkit-input-placeholder {
font-size: .13rem;
font-weight:400;
color:rgba(196,200,204,1);
line-height:.2rem;
}
.search-leader-input-wrap .search-input-clean{
top: 0.64rem;
left: 89%;
}
.select-leader-area {
padding:0 .07rem .12rem .09rem;
}
.selected-number {
font-size:.13rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height:.13rem;
margin-left: .06rem;
}
.selected-leaders {
display: flex;
flex-wrap: wrap;
}
.selected-leaders li {
margin: .08rem .06rem 0;
padding:0 .08rem;
height: .3rem;
background-color:rgba(255,255,255,1);
border-radius:.02rem;
border:1px solid rgba(202,208,217,1);
}
.selected-leader-name {
font-size:.14rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height:.14rem;
}
.delete-leader {
margin-left: .07rem;
width: .14rem;
height: .14rem;
background: url(../img/input-delete.png) center center no-repeat;
background-size: contain;
}
.compete-leader-list {
background-color:rgba(255,255,255,1);
font-size: .15rem;
font-weight: 400;
color: rgba(154, 159, 166, 1);
line-height: .15rem;
}
.compete-leader-item {
height:.75rem;
background-color:rgba(255,255,255,1);
border-bottom: 1px solid rgba(230, 233, 237, 1);
padding:0 .16rem;
}
.compete-leader-list .leader-name {
margin:.19rem 0 .08rem;
color:rgba(43,47,51,1);
font-size:.16rem;
line-height:.16rem;
}
.compete-leader-item .leader-department {
margin-left: .08rem;
}
.compete-leader-item.active .pop-check-icon{
background: url(../img/checked.png) center center no-repeat;
background-size: contain;
}
.check-position {
margin-top:.19rem;
margin-right: .12rem;
}
/*我的-楼宇-一级领导*/
.customer-list-head .business-count{
margin-left: 0;
margin-top: 0;
}
.building-data-area {
background-color: rgba(255, 255, 255, 1);
}
.building-data-area:not(:first-child) {
margin-top: .08rem;
}
.building-chart-title {
padding: .2rem 0 0;
}
.building-data-area-1 {
min-height: 1.85rem;
height: auto;
width: 100%;
position: relative;
}
.building-data-area-1 .building-chart {
height: 1.85rem;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.first-level-department .circle-center-text div:first-child {
font-size: .13rem;
line-height: .13rem;
}
.first-level-department .circle-center-text div:last-child {
margin-top:.025rem;
font-size: .2rem;
font-weight:bold;
line-height: .235rem;
}
.first-level-department .building-data-area-1 .circle-center-text {
position: absolute;
top: .72rem;
left: 18%;
}
.building-data-area-2 {
min-height: 1.97rem;
height: auto;
width: 100%;
position: relative;
}
.building-data-area-2 .building-chart {
height: 1.97rem;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.first-level-department .building-data-area-2 .circle-center-text {
position: absolute;
top: .78rem;
left: 18.1%;
}
.building-data-area-3 {
min-height: 1.86rem;
height: auto;
width: 100%;
position: relative;
}
.building-data-area-3 .building-chart {
height: 1.86rem;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.first-level-department .building-data-area-2 .circle-center-text {
position: absolute;
top: .78rem;
left: 18.1%;
}
/*-------------*/
.ipu-tab-todo.ipu-tab-1 .ipu-tab-title-link > li.ipu-current {
color: rgba(43, 47, 51, 1);
font-weight: bold;
}
.ipu-tab-todo.ipu-tab-1 .ipu-tab-title-link > li {
color:rgba(178,184,191,1);
font-size: .14rem;
/*border-bottom: none;*/
border-bottom: 1px solid rgba(230, 233, 237, 1);
}
.ipu-tab-todo.ipu-tab-1 .li-name{
margin-top: .13rem;
margin-bottom: .105rem;
line-height:.14rem;
height: .14rem;
}
.ipu-tab-todo.ipu-tab-1 .current-flag{
width: .245rem;
height: .025rem;
border-radius: 0;
background-color: #fff;
margin-bottom: 0;
}
.ipu-tab-todo.ipu-tab-1 .ipu-tab-title-link > li.ipu-current .current-flag{
/*background-color: #fff;*/
background-color: rgba(63, 147, 248, 1);
}
.active .ipu-tab-todo.ipu-tab-1 .ipu-tab-title-link > li {
border-bottom: 1px solid rgba(230, 233, 237, 1);
}
.active .ipu-tab-todo.ipu-tab-1 .ipu-tab-title-link > li.ipu-current .current-flag{
background-color: rgba(63, 147, 248, 1);
}
#refresh-task,#refresh-order{
margin-top: 1.5rem;
}
.task-type-pic.change{
background: url(../img/change.png) center center no-repeat;
background-size: contain;
}
.task-type-pic.delay{
background: url(../img/delay.png) center center no-repeat;
background-size: contain;
}
.task-type-pic.suspect{
background: url(../img/suspend.png) center center no-repeat;
background-size: contain;
}
.order-type {
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .15rem;
margin-left: .1rem;
}
.order-number {
margin-left: .075rem;
font-size:.13rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height:.13rem;
}
.remaining-time {
font-size: .13rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.13rem;
margin-top:.08rem;
margin-left: .355rem;
}
.order-info {
padding:.15rem 0 .18rem;
}
/*上传协议单*/
.upload-pic-content {
padding: 0 0 .2rem .2rem;
background-color: rgba(255, 255, 255, 1);
}
.photo-type {
padding: .175rem .2rem .175rem 0;
border-bottom: 1px solid #E6E9ED;
}
.photo-title {
font-size:.15rem;
font-weight:400;
color:rgba(92,96,102,1);
line-height:.225rem;
}
.photo-remark {
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.18rem;
}
.photo-type .sign-upload-area ul li {
position:relative;
margin-top: .08rem;
}
.delete-pic {
height: .16rem;
width: .16rem;
background: url("../img/delete.png") center center no-repeat;
background-size: contain;
position: absolute;
right:-.08rem;
top:-.08rem;
}
/*电子协议单列表*/
.agreement-sheet-item {
margin: 0 .12rem .12rem;
padding: .08rem .12rem .16rem .15rem;
background-color:rgba(255,255,255,1);
border-radius:.02rem;
}
.sheet-title {
font-size: .15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height: .225rem;
}
.sheet-status {
font-size: .13rem;
font-weight:500;
color:rgba(142,147,153,1);
line-height: .185rem;
margin-top:.04rem;
margin-left: .1rem;
}
.agreement-sheet-list-area .normal-content-item{
font-size: .13rem;
line-height:.13rem;
}
.sheet-option {
margin-top:.23rem;
}
.sheet-option>div{
padding: .06rem .12rem;
font-size: .14rem;
line-height: .14rem;
margin-left:.12rem;
}
.sheet-option .upload-option {
border-radius: .17rem;
border:.015rem solid rgba(63,147,248,1);
font-weight:500;
color:rgba(63,147,248,1);
}
.sheet-option .deal-option {
border-radius: .17rem;
border:.01rem solid rgba(230,233,237,1);
font-weight:400;
color:rgba(92,96,102,1);
}
/*工单首页*/
.work-sheet-content {
padding: .14rem .12rem 0;
}
.work-sheet-area {
background-color:rgba(255,255,255,1);
border-radius:.02rem;
}
.work-sheet-area:not(:first-child) {
margin-top:.22rem;
}
.work-sheet-title {
font-size:.15rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.225rem;
padding: .075rem 0 .1rem .22rem;
border-bottom: 1px solid #E6E9ED;
}
.sheet-menus ul {
display: flex;
flex-wrap: wrap;
background-color: #fff;
}
.sheet-menus li {
width: 25%;
text-align: center;
padding: .13rem .05rem;
position: relative;
}
.sheet-menus li.ipu-active {
opacity: .7;
}
.sheet-menus li .menu-name {
font-size: .14rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .205rem;
margin-top: .1rem;
}
.sheet-menus li .menu-pic {
height: .325rem;
width: .325rem;
}
.menu-pic.resource-survey-sheet {
background: url("../img/resource-survey-sheet.png") center center no-repeat;
background-size: contain;
}
.menu-pic.agreement-sheet {
background: url("../img/agreement-sheet.png") center center no-repeat;
background-size: contain;
}
.menu-pic.change {
background: url("../img/change2.png") center center no-repeat;
background-size: contain;
}
.menu-pic.suspend {
background: url("../img/suspend2.png") center center no-repeat;
background-size: contain;
}
.menu-pic.emergency {
background: url("../img/emergency2.png") center center no-repeat;
background-size: contain;
}
.menu-pic.delay {
background: url("../img/delay2.png") center center no-repeat;
background-size: contain;
}
.menu-pic.group {
background: url("../img/group.png") center center no-repeat;
background-size: contain;
}
.menu-pic.oneclick {
background: url("../img/oneclick.png") center center no-repeat;
background-size: contain;
}
.menu-pic.oneclickquery {
background: url("../img/oneclickquery.png") center center no-repeat;
background-size: contain;
}
.menu-pic.repairQuery {
background: url("../img/repairQuery.png") center center no-repeat;
background-size: contain;
}
.menu-pic.slaSearch {
background: url("../img/slaSearch.png") center center no-repeat;
background-size: contain;
}
.menu-pic.lagquery {
background: url("../img/lagquery.png") center center no-repeat;
background-size: contain;
}
/* 电子协议单详情 */
.sheet-details-head {
padding:.17rem .16rem;
background-color: #FFFFFF;
}
.sheet-detail-pic {
width: .28rem;
height: .28rem;
background: url(../img/sheet-details.png) center center no-repeat;
background-size: contain;
}
.sheet-detail-status {
font-size: .16rem;
font-weight:bold;
color:rgba(43,47,51,1);
line-height: .23rem;
margin-left:.12rem;
}
.sheet-detail-desc {
font-size: .16rem;
font-weight:400;
color:rgba(63,147,248,1);
line-height: .23rem;
}
.sheet-arrow-right{
width: .12rem;
height: .12rem;
background: url(../img/arrow-right2.png) center center no-repeat;
background-size: contain;
margin-left:.2rem;
}
.attachment-item:not(:first-child) {
margin-top:.16rem;
}
.attachment-pic {
width: .13rem;
height: .13rem;
background: url(../img/attachment.png) center center no-repeat;
background-size: contain;
}
.attachment-item>a{
margin-left: .07rem;
font-size:.13rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.18rem;
}
.sj-audit-history.agreement-sheet-approval{
padding:0;
}
.sj-audit-opinion{
font-size: .12rem;
font-weight:400;
color:rgba(178,184,191,1);
line-height: .18rem;
margin-left: .25rem;
}
/*业务处理单下单确认*/
.confirm-option-area {
background-color: rgba(255,255,255,1);
}
.confirm-sheet-content {
margin-top: .12rem;
background-color: rgba(255,255,255,1);
padding:.16rem;
}
.confirm-sheet-item {
padding: .12rem .16rem 0;
background-color: rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
}
.confirm-sheet-item:not(:first-child) {
margin-top:.12rem;
}
.confirm-sheet-no {
font-size:.16rem;
font-weight:bold;
color:rgba(142,147,153,1);
line-height:.19rem;
margin-bottom:.2rem;
}
.confirm-sheet-content .normal-content-item{
line-height:.18rem;
}
.confirm-sheet-content .normal-content-item:not(:first-child){
margin-top:.1rem;
}
.more-contain-area {
margin-top:.1rem;
display:none;
}
.confirm-sheet-item.active .more-contain-area {
display:block;
}
.confirm-sheet-item.active .display-more-arrow {
background: url(../img/arrow-up2.png) center center no-repeat;
background-size: contain;
}
.arrow-wrapper {
padding: .14rem .3rem .07rem;
}
.creat-ca-btn {
position: absolute;
top:0;
left:0;
padding: .19rem .12rem .175rem;
}
.pop-search-item {
margin:0 .12rem .08rem;
background-color:rgba(255,255,255,1);
border-radius:.02rem;
padding: .1rem .16rem;
}
.no-search-result-pic {
margin-top: .65rem;
width: 1.35rem;
height: 1.165rem;
background: url(../img/no-result.png) center center no-repeat;
background-size: contain;
}
.no-search-result-tips {
margin-top: .15rem;
font-size:.15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .225rem;
}
/*业务处理单*/
.not-created-select-icon {
width: .16rem;
height:.16rem;
background: url(../img/unchecked2.png) center center no-repeat;
background-size: contain;
margin-top: .045rem;
margin-right: .1rem;
}
.sheet-header.active .not-created-select-icon{
background: url(../img/checked.png) center center no-repeat;
background-size: contain;
}
.order-option-area {
background:rgba(255,255,255,1);
padding: .12rem .16rem .12rem .12rem;
}
.all-order-select-btn .check-flag{
width: .16rem;
height:.16rem;
background: url(../img/unchecked2.png) center center no-repeat;
background-size: contain;
}
.all-order-select-btn.active .check-flag {
background: url(../img/checked.png) center center no-repeat;
background-size: contain;
}
.all-order-select-btn .select-all-name {
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .225rem;
}
.all-order-select-btn .select-all-name {
margin-left:.1rem;
font-size: .15rem;
font-weight:400;
color:rgba(43,47,51,1);
line-height: .225rem;
}
.btn-order {
width:1rem;
height:.34rem;
background:linear-gradient(180deg,rgba(63,148,248,1) 0%,rgba(69,127,255,1) 100%);
border-radius:.02rem;
font-size:.14rem;
font-weight:400;
color:rgba(255,255,255,1);
line-height:.34rem;
text-align: center;
}
.order-detail-content .normal-content-item{
line-height:.18rem;
}
.order-detail-content .normal-content-item:not(:first-child){
margin-top:.1rem;
}
/*业务信息列表*/
.business-information-area {
margin-top: .18rem;
}
/*协议单审批*/
.sheet-approval-head {
padding: .15rem .16rem .08rem;
background-color: #FFFFFF;
}
.sheet-approval-tips {
margin-left:.12rem;
font-size:.16rem;
font-weight:500;
color:rgba(43,47,51,1);
line-height:.23rem;
}
/*电子协议单消息*/
.sheet-message-head {
padding-bottom:.16rem;
border-bottom: 1px dashed #E6E9ED;
}
.sheet-message-icon {
width: .32rem;
height:.32rem;
background: url(../img/approval-sheet.png) center center no-repeat;
background-size: contain;
margin-top: .24rem;
}
.sheet-message-desc{
margin-top: .04rem;
font-size:.17rem;
font-weight:400;
color:rgba(0,143,255,1);
line-height: .25rem;
}
.sheet-content.under-approval .sheet-message-icon {
background: url(../img/approval-sheet.png) center center no-repeat;
background-size: contain;
}
.sheet-content.sealed .sheet-message-icon {
background: url(../img/sealed.png) center center no-repeat;
background-size: contain;
}
.sheet-content.cancel-sheet .sheet-message-icon {
background: url(../img/cancel-sheet.png) center center no-repeat;
background-size: contain;
}
.sheet-content.temporary .sheet-message-icon {
background: url(../img/temporary.png) center center no-repeat;
background-size: contain;
}
.sheet-content.finish-sheet .sheet-message-icon {
background: url(../img/finish-sheet.png) center center no-repeat;
background-size: contain;
}
.sheet-content.finish-approval .sheet-message-icon {
background: url(../img/finish-approval.png) center center no-repeat;
background-size: contain;
}
.expired-time .sheet-message-icon {
background: url(../img/time.png) center center no-repeat;
background-size: contain;
}
.integrated-resource-finished .sheet-message-icon {
background: url(../img/message-success.png) center center no-repeat;
background-size: contain;
}
.integrated-resource-failed .sheet-message-icon {
background: url(../img/message-failed.png) center center no-repeat;
background-size: contain;
}
.sheet-content.under-approval .sheet-message-desc {
color:rgba(0,143,255,1);
}
.integrated-resource-finished .sheet-message-desc,
.sheet-content.sealed .sheet-message-desc,
.sheet-content.finish-sheet .sheet-message-desc,
.sheet-content.finish-approval .sheet-message-desc {
color:rgba(5,166,12,1);
}
.integrated-resource-failed .sheet-message-desc,
.sheet-content.cancel-sheet .sheet-message-desc {
color:rgba(251,68,43,1);
}
.sheet-content.temporary .sheet-message-desc,.expired-time .sheet-message-desc {
color:rgba(252,147,23,1);
}
.sheet-message-time {
margin-top: .1rem;
font-size: .12rem;
font-weight:400;
color:rgba(142,147,153,1);
line-height:.18rem;
}
.sheet-message-body {
padding:.2rem;
}
.bank-info {
border: 1px dashed rgba(230, 233, 237, 1);
padding:.1rem;
margin-top: .15rem;
border-radius: .02rem;
}
.pay-account-title {
font-size: .14rem;
font-weight: 500;
color: rgba(43,47,51,1);
line-height: .14rem;
}
.special-cost-content {
padding:.16rem;
}
.special-cost-item {
padding: .12rem .16rem;
background-color: rgba(255,255,255,1);
box-shadow:0 0 .04rem 0 rgba(196,200,204,0.4);
border:1px solid rgba(240,242,245,1);
}
.special-cost-item:not(:first-child) {
margin-top:.12rem;
}
.pages-add-ca .display-more {
background-color: rgba(255,255,255,1);
margin-top:0;
height:.42rem;
padding-top:.1rem;
}
.no-result-tips {
padding: 0.1rem;
text-align: center;
font-size: .13rem;
line-height: .15rem;
}
.customer-search-btn {
background: url(../img/customer-search-btn.png) center center no-repeat;
background-size: contain;
width: .26rem;
height: .26rem;
margin-left: .08rem;
}
.pages-customer-details-unestablished .pswp__button--delete,
.pages-customer-details-examine .pswp__button--delete,
.pages-customer-details-established .pswp__button--delete,
.pages-customer-details-customer-info .pswp__button--delete {
display:none;
}
/*勘察单列表*/
.select-search-area {
padding: .08rem .12rem;
background-color: #FFFFFF;
position: relative;
}
.common-search-input.common-select-search-input{
border-radius: .04rem;
padding: .07rem .1rem .07rem .36rem;
}
.common-btn.common-select-search-btn{
width: .44rem;
margin-left: .12rem;
height: .35rem;
line-height: .35rem;
font-size: .14rem;
}
.product-group-mode .normal-tab-head>ul>li{
padding: .16rem .2rem .1rem;
}
.pages-fulfill-product-info .ipu-form-item{
font-size: .13rem;
}
.pages-fulfill-product-info .ipu-form-item .item-key.item-key-60{
max-width: 60%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pages-fulfill-product-info .right-arrow{
width: .13rem;
height: .13rem;
}
.normal-info-tips {
font-size: .12rem;
font-weight: 400;
line-height: .15rem;
text-align: center;
margin-top:.05rem;
}
.normal-info-tips .icon-information-outline {
font-size: .12rem;
color:#67ACFF;
margin-right:.05rem;
}
/*资源预覆盖选址*/
.res-address-item {
margin: 0 .14rem .12rem;
padding: .16rem .17rem .13rem .15rem;
background-color:rgba(255,255,255,1);
border-radius:.02rem;
}
.res-address-index {
font-size: .14rem;
font-weight: bold;
color: #3F93F8;
line-height: .225rem;
margin-right:.11rem;
}
.res-build-name {
color: #2B2F33;
font-size: .16rem;
font-weight:400;
line-height: .225rem;
}
.res-build-id {
font-size: .14rem;
font-weight:400;
color: #9A9FA6;
line-height: .2rem;
margin-top:.05rem;
}
.product-select .c-poppage-head {
border-bottom-width: 0;
}
.product-select .normal-tab-head {
padding-left:.65rem;
padding-right:.65rem;
}
.product-select .normal-tab-head ul {
display: flex;
justify-content: space-between;
}
.product-select .normal-tab-head ul li {
padding: .01rem .1rem .2rem;
}
.product-select .normal-tab-head ul li.active:after {
content: "";
height: .025rem;
width: .24rem;
position: absolute;
background-color: rgba(63,147,248,1);
bottom: 20%;
left: 50%;
margin-left: -.12rem;
}
.product-select .select-search-area {
padding: .16rem .12rem;
border-bottom: 1px solid rgba(230, 233, 237, 1);
}
.product-search-item{
font-size: .14rem;
font-weight:400;
line-height: .18rem;
color: #2B2F33;
padding:.17rem .18rem;
border-bottom: 1px solid rgba(230, 233, 237, 1);
background-color: #FFFFFF;
}
.check-flag{
width: .14rem;
height: .14rem;
background: url("../img/right.png") center center no-repeat;
background-size:contain;
margin-left: .06rem;
display:none;
}
.product-search-item.active .check-flag{
display:block;
}
.product-search-item.active{
color: #3F93F8;
}
/*水牌列表及详情*/
.upload-board-area {
margin:.18rem .2rem;
}
.sign-upload-area.upload-board-area ul li {
width: 46.7%;
margin-top: .2rem;
margin-right: 6.6%;
}
.sign-upload-area.upload-board-area ul li:nth-child(2n) {
margin-right: 0;
}
.sign-upload-area.upload-board-area ul li:nth-child(1),.sign-upload-area.upload-board-area ul li:nth-child(2) {
margin-top: 0;
}
.contract-pic {
object-fit:cover;
}
.upload-sign-pic .add-pic {
width: 36%;
height: 36%;
background: url(../img/add-pic.png) center center no-repeat;
background-size: contain;
}
.pages-board-detail .ipu-btn:not(:first-child) {
margin-left:3.7%;
}
.board-pic-area {
background-color: #FFFFFF;
padding:.2rem;
overflow: hidden;
}
.board-pic {
width:100%;
height:100%;
object-fit:contain;
position:relative;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.resource-select .agreement-sheet-item.active {
background-color: rgba(63, 147, 248, .15);
}
/*施工建设单详情*/
.construction-company-name {
color: #2B2F33;
font-size: .19rem;
font-weight:bold;
line-height: .22rem;
}
.construction-company-address {
margin-top:.1rem;
font-size: .14rem;
font-weight:400;
line-height: .18rem;
color: #5C6066;
}
#service-handling-details.ipu-active {
opacity: .7;
}
.construction-approval-area {
background-color: #FFFFFF;
margin-top:.08rem;
}
.construction-approval-area .normal-tab-head{
padding-left:0;
}
.construction-approval-area .normal-tab-head ul li {
padding: .15rem .17rem;
}
.construction-approval-area .normal-tab-body {
padding-left: .17rem;
padding-right: .17rem;
background-color: #FFFFFF;
}
.construction-approval-area .sj-audit-date,.construction-approval-area .sj-audit-time {
color: #8E9399;
}
.construction-approval-area .sj-audit-item.active .sj-audit-date,.construction-approval-area .sj-audit-item.active .sj-audit-time {
color: #5C6066;
}
.construction-approval-area .sj-audit-title {
font-weight: 600;
font-size: .14rem;
line-height: .22rem;
}
.work-state-detail {
color: #3F93F8;
margin-left: .05rem;
}
.construction-approval-area .sj-audit-user{
margin-top:.04rem;
padding-bottom: 0;
font-size: .13rem;
line-height: .2rem;
}
.sj-audit-reason, .sj-audit-desc {
margin-top: .04rem;
padding-bottom: 0;
font-size: .13rem;
line-height: .2rem;
color: rgba(142, 147, 153, .4);
}
.sj-audit-item.active .sj-audit-reason,.sj-audit-item.active .sj-audit-desc {
color: rgba(142, 147, 153, 1);
}
/*施工建设单列表*/
.construction-list-area .agreement-sheet-item {
padding: .15rem .15rem .2rem;
}
.construction-list-area .construction-company-name {
font-size: .18rem;
line-height: .21rem;
}
.construction-list-area .normal-content-item {
font-size: .13rem;
line-height: .18rem;
}
.construction-company-address .other-tag {
font-size: .1rem;
line-height: .18rem;
font-weight:400;
margin-left: .05rem;
padding-left: .045rem;
padding-right: .045rem;
border-radius: .01rem;
color:#67ACFF;
background:rgba(247,250,255,1);
}
.work-state-area {
padding: .2rem .24rem;
background: #fff;
border-radius: .08rem .08rem 0 0;;
}
.work-state-title {
font-size: .16rem;
color: #2B2F33;
text-align: center;
line-height: .22rem;
}
.select-search-area .bubble-tooltip2 {
padding: .1rem .15rem;
top: .48rem;
right:.03rem;
transform: translate(0, 0);
}
.select-search-area .bubble-tooltip2 > p {
font-size: .13rem;
color: #2B2F33;
font-weight: 400;
line-height: .17rem;
padding-top: .07rem;
padding-bottom: .06rem;
}
.select-search-area .bubble-tooltip2 > p:not(:last-child) {
border-bottom: 1px solid rgba(230, 233, 237, 1);
}
.select-search-area .bubble-tooltip2:before {
left: auto;
right: 0;
}
/*综资售中待办*/
.construction-approval-title {
font-size: .19rem;
color: #2B2F33;
font-weight: Bold;
line-height: .19rem;
}
.construction-sheet-subtitle {
font-size: .14rem;
font-weight: 400;
line-height: .14rem;
color: #5C6066;
}
.construction-sheet-time.construction-sheet-subtitle {
margin-top: .1rem;
}
.business-port-type.construction-sheet-subtitle {
margin-top: .16rem;
}
.location-type .type-normal.change-state {
color:#67ACFF;
background:rgba(247,250,255,1);
margin-right:0;
margin-left:.05rem;
}
.location-type .type-normal.unchange-state {
color:#B2B8BF;
background:rgba(240,242,245,1);
margin-right:0;
margin-left:.05rem;
}
.location-type .type-normal.unchange-state {
color:#B2B8BF;
background:rgba(240,242,245,1);
margin-right:0;
margin-left:.05rem;
}
.construction-approval-title.location-type .type-warning {
color:#FFA842;
background:rgba(255,250,245,1);
margin-right:0;
margin-left:.05rem;
}
.construction-approval-title.location-type .type-safe {
color:#1BCDB9;
background:rgba(243,255,254,1);
margin-right:0;
margin-left:.05rem;
}
/*异网信息列表*/
.net-item-content {
padding:.18rem .2rem;
background-color: #fff;
margin-bottom: 1px;
}
.net-item-content .normal-customer-desc {
font-size: .13rem;
line-height: .13rem;
}
.pages-different-nets-list .card-action-item {
height: .94rem;
line-height: .94rem;
}
.kpi-overview {
margin: .12rem .16rem 0 .16rem;
background: rgba(255, 255, 255, 1);
box-shadow: 0 .04rem .08rem 0 rgba(87, 94, 102, 0.07);
border-radius: .02rem;
border: 1px solid rgba(237, 237, 237, 1);
padding: .16rem .18rem .18rem .16rem;
}
.kpi-overview-img {
width: .16rem;
height: .16rem;
background: url(../img/kpi-logo.png) center center no-repeat;
background-size: contain;
}
.kpi-overview .overview-resource-number{
text-align:right;
}
.kpi-arrow-right{
width: .16rem;
height: .16rem;
background: url(../img/arrow-right3.png) center center no-repeat;
background-size: contain;
margin-left:.1rem;
}
.kpi-item {
padding:.17rem .2rem;
border-bottom: 1px solid #E6E9ED;
background-color: #fff;
color: #2B2F33;
}
.kpi-name {
font-weight: 500;
font-size: .14rem;
line-height: .17rem;
color: #2B2F33;
}
.kpi-value {
font-weight: 500;
font-size: .14rem;
line-height: .19rem;
color: #2B2F33;
text-align: right;
overflow: unset;
}
.kpi-item .building-overview-question-img {
margin-left:.06rem;
margin-right:.1rem;
}
.kpi-item .kpi-arrow-right {
margin-left:.05rem;
}
.kpi-item .bubble-tooltip {
width: 2rem;
transform: translate(-.92rem, .18rem);
}
.kpi-percent {
width: .6rem;
text-align: right;
font-size: .13rem;
font-weight: 500;
color: rgba(142,147,153,1);
line-height: .16rem;
}
.kpi-value-area {
overflow: unset;
}
.income-rank-item-department.active .director-desc-area {
display:flex;
}
.income-rank-item-department.active .item-arrow-down{
background: url(../img/arrow-up2.png) center center no-repeat;
background-size: contain;
}
/*评价*/
.comment-title{
font-size: .14rem;
color: #8E9399;
font-weight: 400;
line-height: .14rem;
text-align: center;
margin-top: .2rem;
position:relative;
}
.comment-title::before{
content:'';
width:35.6%;
height: 1px;
background-color: #E6E9ED;
position:absolute;
left:0;
top:.07rem;
}
.comment-title::after{
content:'';
width:35.6%;
height: 1px;
background-color: #E6E9ED;
position:absolute;
right:0;
top:.07rem;
}
.comment-stars {
margin: .15rem .5rem 0;
}
.comment-stars > li {
width: .4rem;
height: .4rem;
background: url("../img/icon-comment-star-gray.png") center center no-repeat;
background-size: contain;
}
.comment-stars > li.active {
background-image: url("../img/icon-comment-star-yellow.png");
}
.comment-star-desc {
margin-top: .15rem;
font-size: .14rem;
font-weight: 400;
color: #B2B8BF;
line-height: .14rem;
text-align: center;
}
.comment-star-info{
display: flex;
flex-wrap: wrap;
}
.comment-star-info li {
width: 47.3%;
font-weight: 400;
font-size: .14rem;
color: #5C6066;
text-align: center;
line-height: .17rem;
height:.57rem;
border: 1px solid #E6E9ED;
border-radius: 1px;
margin-top: .15rem;
padding:0 .1rem;
}
.comment-star-info > li:nth-child(1),.comment-star-info > li:nth-child(2) {
margin-top: 0;
}
.comment-star-info > li:nth-child(2n) {
margin-left:5.4%;
}
.comment-star-info-list {
margin-top: .21rem;
}
.comment-star-info li.active {
border-color: #3F93F8;
background: url(../img/item-slt.png) right bottom no-repeat;
background-size: .22rem auto;
}
.comment-star-option:not(.current) {
display: none;
}
.comment-reason.ipu-form-item {
margin-top:.18rem;
padding-left: 0;
}
.comment-reason.ipu-form-item>div {
padding-right: 0;
}
/*客户经理/客户主管列表*/
.common-tool-area li.disabled {
opacity:.5;
}
.warn-head {
height: 0.155rem;
width: 100%;
background-color:#F5F5F5 ;
display: none;
}
.warn-list .warn-head {
display: block;
}
.warn-list .customer-list-head {
display: none;
}
/*更新提醒*/
.update-slide {
position: absolute;
top: 100%;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
background: rgba(24,26,28,0.62);
-webkit-transition: top 300ms ease-out;
transition: top 300ms ease-out;
display: none;
}
.update-slide.active{
top: 0;
display: block;
}
.update-content-area {
background:rgba(255,255,255,1);
border-radius:.045rem;
width: 3.05rem;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: .84rem .25rem .21rem;
}
.update-content-title {
background-image: linear-gradient(229deg, #3A93FF 0%, #456DFF 100%);
font-size: .2rem;
font-weight:bold;
line-height:.27rem;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
text-align:center;
}
.update-content-body {
font-size: .13rem;
color: #8E9399;
margin: .25rem .09rem;
}
.update-tips {
margin-top: .2rem;
font-size: .14rem;
color: #8E9399;
text-align: right;
}
.update-tips .ipu-checkbox input[type=checkbox]:checked:before {
background: #3F93F8;
border-color: #3F93F8;
}
.update-content-pic {
position: absolute;
top: 0;
left: 50%;
width: 1.44rem;
height: 1.07rem;
transform: translate(-50%,-50%);
background: url(../img/update.png) center center no-repeat;
background-size: contain;
}
.update-close-btn {
position:absolute;
top: .18rem;
right: .18rem;
color: #8E9399;
}
.update-version {
font-family: SourceHanSansCN-Medium;
font-size: .12rem;
color: #8E9399;
position:absolute;
bottom: 0;
right: .35rem;
}
/*商机补充DICT和5G字段*/
.select-dict-area, .select-5g-area {
margin-left: .15rem;
background: #FFFFFF;
border-style: solid;
border-color: #E6E9ED;
border-width: 0 0 .01rem .01rem;
}
.sub-form-title {
background: rgba(255,171,103,0.90);
height: .25rem;
font-size: .14rem;
line-height: .25rem;
color: #FFFFFF;
text-align: center;
font-weight: 500;
}
.select-dict-area .ipu-form-item {
padding-left:.15rem;
}
.select-dict-area .ipu-form-item .item-key{
color: rgba(92, 96, 102, 1);
height: .5rem;
line-height: .2rem;
margin-right: .2rem;
display: flex;
align-items: center;
}
.select-5g-content {
padding: .15rem .03rem 0 .15rem;
display: flex;
flex-wrap: wrap;
font-size: .15rem;
color: #666666;
}
.select-5g-content>label {
width: 33.3%;
margin-bottom: .2rem;
}
.select-5g-content .ipu-checkbox input[type=checkbox]:checked:before {
background: #3F93F8;
border-color: #3F93F8;
}
.select-5g-content .ipu-checkbox input[type=checkbox] {
margin-right: .075rem;
}
.multiple-btn-area {
border-top: 1px solid #E6E9ED;
padding:.12rem .2rem .09rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.multiple-btn-area .ipu-btn{
height: .34rem;
line-height: .34rem;
width: 1rem;
font-size: .14rem;
}
.common-tag {
line-height: 1.1;
font-size: .15rem;
color: #0079FF;
text-align: center;
font-weight: 400;
}
.common-tag.ipu-active {
opacity: .7;
}
.multiple-select {
padding-top: 50%
}
.multiple-content {
display: flex;
flex-wrap: wrap;
background-color: #fff;
padding: .1rem .2rem .24rem;
}
ul.multiple-content > li {
position:relative;
height: .57rem;
background: #FFFFFF;
border: .01rem solid #E3E6E8;
border-radius: .01rem;
font-size: .14rem;
color: #5C6066;
font-weight: 400;
line-height: 1.2;
width: 48%;
margin-right: 3.5%;
padding-left: .08rem;
padding-right: .08rem;
margin-top: .1rem;
display:flex;
justify-content: center;
align-items: center;
text-align:center;
}
ul.multiple-content > li:nth-child(2n) {
margin-right: 0;
}
ul.multiple-content > li.active {
color: #3F93F8;
border: .01rem solid #3F93F8;
background: url("../img/checked-option.png") bottom right no-repeat;
background-size: .22rem .195rem;
}
/*一键报障*/
.select-type {
padding: .1rem .2rem;
background-color: #fff;
}
.select-title {
font-size: .13rem;
color: #5C6066;
line-height: 1.5;
font-weight: 400;
}
.select-title::before {
content: "*";
color: #FF0000;
}
.select-title::after {
position:absolute;
top: .13rem;
right: .2rem;
content: "";
border-style: solid;
border-width: .055rem .05rem 0;
border-color: #BCBCBC transparent transparent;
}
.select-title.active::after {
border-width: 0.05rem .055rem;
border-color: transparent transparent #BCBCBC;
}
.select-title.active+.select-option{
display: flex;
}
.select-title+.select-option{
display: none;
}
.select-option {
flex-wrap: wrap;
}
ul.select-option > li {
position:relative;
height: .3rem;
background: #FFFFFF;
border: .01rem solid #E3E6E8;
border-radius: .01rem;
font-size: .14rem;
color: #2B2F33;
font-weight: 400;
line-height: .3rem;
width: 47.6%;
margin-right: 4.7%;
padding-left: .14rem;
padding-right: .14rem;
margin-top: .065rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
ul.select-option > li:nth-child(2n) {
margin-right: 0;
}
ul.select-option > li.active {
border: .017rem solid #3F93F8;
}
ul.select-option > li.active::after {
content: '';
position: absolute;
bottom: -.01rem;
right: -.01rem;
width: .22rem;
height: .195rem;
background: url("../img/checked-option.png") center center no-repeat;
background-size: contain;
}
.pages-one-click-repair-list .select-search-area {
padding: 0 .175rem .065rem .2rem;
}
.pages-one-click-repair-list .common-search-input, .pages-repair-sheet-list .common-search-input{
font-size: .13rem;
padding: .07rem .3rem .07rem .36rem;
}
.pages-one-click-repair-list .search-input-clean, .pages-repair-sheet-list .search-input-clean {
display: none;
top: .08rem;
right: .08rem;
left: auto;
}
.pages-one-click-repair-list .common-search-input::-webkit-input-placeholder,
.pages-repair-sheet-list .common-search-input::-webkit-input-placeholder {
font-size: .13rem;
}
.report-item {
margin: 0 .12rem .08rem;
padding: .2rem .16rem;
background-color:rgba(255,255,255,1);
border-radius: .02rem;
box-shadow: 0 0 .04rem 0 rgba(196,200,204,0.5);
}
.report-title {
font-weight:500;
font-size: .15rem;
color: #2B2F33;
}
.report-info{
margin-top: .12rem;
font-size: .12rem;
color: #8E9399;
font-weight: 400;
}
.no-result-content {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.no-result-image {
margin-top: .4rem;
width: 1.155rem;
height: .765rem;
background: url("../img/search-fail.png") center center no-repeat;
background-size: contain;
}
.no-result-tips-title {
margin-top: .75rem;
font-size: .15rem;
color: #2B2F33;
font-weight: 400;
line-height: 1.5;
}
.no-result-tips-title::before {
content: '';
width: calc(50% - .38rem);
height: 1px;
background-color: #D9DDE2;
position: absolute;
left: 0;
top: 2rem;
}
.no-result-tips-title::after {
content: '';
width: calc(50% - .38rem);
height: 1px;
background-color: #D9DDE2;
position: absolute;
right: 0;
top: 2rem;
}
.no-result-tips-content {
margin: .25rem .27rem 0;
font-size: .13rem;
color: #8E9399;
line-height: 1.16;
font-weight: 400;
text-align: left;
}
.pages-repair-sheet-list .select-search-area:nth-child(1) {
padding: .08rem .2rem .025rem .2rem;
}
.pages-repair-sheet-list .select-search-area:nth-child(2) {
padding: .025rem .175rem .1rem .2rem;
}
.pages-repair-sheet-list .report-item {
margin: 0 .12rem .1rem;
padding: .2rem .15rem .14rem;
}
.pages-repair-sheet-list .no-result-tips-content {
text-align: center;
}
.pages-add-repair-sheet-success .common-btn {
margin-top: .64rem;
width: 1.9rem;
}
.customer-small-btn-group {
font-size: 0;
width: 75.4%;
height: .48rem;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
postion: relative;
}
.customer-small-btn-group+.customer-big-btn {
width:24.6%;
}
.customer-btns .customer-small-btn-group .customer-small-btn{
width: 22%;
display: inline-block;
vertical-align: top;
white-space: normal;
}
.customer-btns .customer-small-btn-group .customer-small-btn{
width: 22%;
display: inline-block;
vertical-align: top;
white-space: normal;
}
.customer-btns .customer-small-btn-group .customer-small-btn .btn-pic{
margin-left:auto;
margin-right:auto;
}
.customer-btns .customer-small-btn-group .customer-small-btn .btn-text{
text-align: center;
}
.repair-btn.customer-small-btn .btn-pic{
width: .22rem;
height: .22rem;
background: url(../img/repair.png) center center no-repeat;
background-size: contain;
}
.repair-btn.customer-small-btn .btn-text{
margin-top: .04rem;
}
.query-sheet-btn.customer-small-btn .btn-text{
margin-top: .04rem;
}
.query-sheet-btn.customer-small-btn .btn-pic{
width: .22rem;
height: .22rem;
background: url(../img/request.png) center center no-repeat;
background-size: contain;
}
/*SLA可视查询*/
.sla-search-content {
background-color: #fff;
}
.item-tips {
width: .14rem;
height: .14rem;
background: url(../img/tips.png) center center no-repeat;
background-size: contain;
margin-right: .2rem;
align-self: center;
position: relative;
}
.sla-search-content .bubble-tooltip {
width: 3.25rem;
transform: translate(-30%,0)
}
.sla-search-content .bubble-tooltip:before {
top: 0;
left: 0;
transform: translate(.98rem, -.11rem);
}
.sla-search-btn {
padding:.54rem .93rem .1rem;
}
|
