.font-family{ font-family:Microsoft Yahei;}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}
.clearfix{ *zoom:1;}
.fl{ float:left;}
.bg1{ background:#fff;}
p{ margin: 0; padding: 0;}
input::-ms-clear{display:none;}
input[type=text]::-ms-clear{display: none;}
.required{color: #e7325b;}

/* iview */
.ivu-table td, .ivu-table th{ font-size:12px;}
.ivu-table th{ border-bottom: none; background: #F5F8FC; color: #333;}
.ivu-table td{ height: 40px;}


/* dropdown-menu */
.dropdown-menu{ position: absolute; display: none; background: #fff; border-radius: 3px; padding: 8px 0; box-shadow: 0px 5px 20px rgba(171, 171, 171, 0.35); position: absolute; min-width: 60px; z-index: 99;}
.dropdown-menu .drop-menu{font-size: 12px; padding: 0 15px; line-height: 28px; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dropdown-menu .drop-menu:hover{ cursor: pointer; background: #04bd88; color: #fff;}
.dropdown.open .dropdown-menu{ display: block;}

/* login --------------------- */
.login-wrapper{ width: 980px; height: 620px; overflow: hidden; background: #fff; position: absolute; left: 50%; top: 50%; margin-top: -320px; margin-left: -490px; box-shadow: 0 2px 20px 0 rgba(52,56,88,0.15);}
.wrapcenter{ position: relative; padding-left: 490px; height: 100%; background: url(../images/211552460.jpg) 0 0 no-repeat; background-size: 490px 735px;}
.wrapcenter:before{ content: ''; position: absolute; left: 30px; top: 30px; height: 25px; width: 200px; background: url(../images/logo2.png) 0 0 no-repeat; background-size: contain;}
.login-main{ position: relative; padding: 50px 80px;}
.change-Btn{ position: absolute; right: 0; top: 0; cursor: pointer; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #04bd88;}
.change-Btn:before{ content: ''; position: absolute; right: -70px; top:-70px; background: rgba(0,174,102,.05); width: 140px; height: 140px; transform: rotate(-45deg);}
.change-Btn a{ color: #04bd88; position: relative; z-index: 2;}
.change-Btn:hover:before{background: rgba(0,174,102,.09);}
.login-title{ font-size: 28px; color: #333; margin-bottom: 30px;}
.commonLogin ul li{ position: relative;}
.commonLogin ul li+li{ margin-top: 20px;}
.commonLogin ul li label{ font-size: 14px; color: #666; display: block; margin-bottom: 5px;}
.commonLogin ul li .agree{ font-size:13px; margin-top: 40px; color: rgba(0,0,0,.6);}
.commonLogin ul li .forget-btn{ text-align: right; padding-bottom: 60px;}
.commonLogin ul li .forget-btn a{ font-size: 14px; color: #999;}
.commonLogin ul li .forget-btn a:hover{ color: #04bd88;}
.common-file{ position: relative;}
.common-file input{  border: none; height: 38px; font-size: 14px; color: #333; border-bottom: 1px solid #f0f0f0; width: 100%; padding: 0;}
.common-file .btn{ position: absolute; right: 0; font-size: 12px; width: 92px; text-align: center; height: 32px; line-height: 30px;}
.common-file .btn.disabled{ background: #f0f0f0; color: #666; border-color: #f0f0f0;}
.sign-submit{ width: 100%; height: 40px; line-height: 40px;}
.login-operate{ text-align: center; font-size: 14px; color: #666; padding-top: 30px;}
.login-operate a{ color: #04bd88;}

/* 用户协议 */
.article-wrap{ width: 1000px; margin:0 auto;background: #fff; }
.articel-header{ position: relative; text-align: center; margin:0 56px; border-bottom: 1px solid #eaeaea; padding: 40px 0 20px 0; margin-bottom: 20px;}
.articel-header .articel-title{ font-size: 20px; color: #333; font-weight: bold;}
.articel-text{ padding: 20px 56px; color: #333;font-size: 14px; line-height: 32px; box-sizing: border-box; padding-bottom: 60px;}
.articel-text p{ line-height: 24px;}

.wrapshow { padding: 80px 0 0 0; text-align: center; }
.wrapshow ul li { display: inline-block; width: 300px; height: 300px; margin: 0 32px; vertical-align: top; background: #999; }
.wrapshow ul li img { width: 100%; height: 100%; }
@media screen and (max-width:1600px){
    .wrapshow{ padding:60px 0 0 0;}
    .wrapshow .main img{height:244px;}
}

.sidebar-collapse{ position: relative; border-top: 1px solid rgba(255,255,255,.1); padding: 15px 0; box-sizing: border-box; height: calc(100% - 55px); overflow-y: auto;}
.sidebar-collapse::-webkit-scrollbar{ width: 0;}

.fixed-nav .logo{ padding: 15px 0; text-align: center;}
.fixed-nav .logo img{ height: 26px;}
.fixed-nav{ position: fixed; left: 0; top: 0; bottom: 0; background: #1e2241; width: 180px; box-shadow:0 0 20px 0 rgba(52,56,88,0.50); z-index: 19;}
.fixed-nav ul li{ position: relative; color: rgba(255,255,255,.9);}
.fixed-nav ul li a{ position: relative; color: rgba(255,255,255,.8); font-size: 12px; display: block; line-height: 45px; padding: 0 20px;}
.fixed-nav ul li a i{ font-size: 14px; margin-right: 5px;}
.fixed-nav ul li a .icon-altr-i{ position: absolute; right: 15px; top:50%; margin-top: -5px;transition: all .4s;}
.fixed-nav ul li.active a .icon-altr-i{ transform: rotate(-180deg);}
.fixed-nav ul li a:hover{ color: #fff;cursor: pointer; background: rgba(255,255,255,.05);}
.fixed-nav ul li.active{ background: rgba(0,0,0,.2);}
.fixed-nav ul li a:focus{ background: #04bd88; color: #fff;}
/* .fixed-nav ul li.active a{ color: #04bd88;} */
.fixed-nav ul li li a{ padding-left: 43px;}

.page-wrapper{ position: absolute; left: 180px; top: 55px; right: 0; bottom: 0;}
.J_mainContent{ width: 100%; height: 100%; }


/* header ------------------------- */
.app-fixed{ position:absolute; left:0; top:0; right:0; bottom:0;}
.app-header{ height:55px; background:#fff; position:fixed; left:180px; top:0; right:0; z-index:19; border-radius:0;box-shadow: 0 2px 20px 0 rgba(52,56,88,0.20);}
.app-header .logo{ float: left; width: 60px; text-align: center; height: 55px; line-height: 55px; background: #1e2241; border-bottom: 1px solid #1e2241;}
.app-header .logo img{ width: 36px;}
.navbar-header{ height:55px; line-height: 55px; float:left;}
.navbar-header .location { position: relative; display: flex; align-items: center; cursor: pointer; width: 160px; padding: 0 20px; font-size: 13px; color: #475669; }
.navbar-header .location span { margin-right: 5px; font-size: 13px;}
.navbar-header .location i{ margin-left: 2px; color: #c0ccda;}
.navbar-header .location:after{ content: ''; display: inline-block; height: 20px; border-right: 1px solid #e0e6ed; margin-left: 10px;}
.app-menu{ float: left; }
.app-menu ul li{ position: relative; display: inline-block; vertical-align: top; line-height: 55px; font-size: 14px;}
.app-menu ul li a{ display: block; line-height: 55px; color: #1f2d3d;padding: 0 20px;}
.app-menu ul li:hover a{ color: #04bd88;}
.app-menu ul li.active a{ color: #04bd88; font-weight: bold;}
.app-menu ul li.active:after{ content: ''; position: absolute; left: 50%; bottom: 10px; margin-left: -13px; height: 2px; width: 26px; border-radius: 999rem;  background: #04bd88;}
.app-navbar-head{ height:55px; float: right; padding-right: 10px;}
.app-navbar-right{ float:right;}
.app-navbar-right > ul > li { position: relative; float:left; line-height:55px; border-right:1px solid rgba(255,255,255,0.1);}
.app-navbar-right > ul > li > a { color:#1f2d3d; padding:0 20px; display: flex; align-items: center; line-height: 55px; height: 55px;}
.app-navbar-right > ul > li > a > .name{ line-height: 14px;}
.app-navbar-right > ul > li > a > .name p{ color: #666;}
.app-navbar-right > ul > li > a > img{ width: 28px; height: 28px; border-radius: 999rem; margin-right: 8px;display: inline-block; vertical-align: middle;}
.app-navbar-right > ul > li > a > i{ font-size:20px; vertical-align: middle;}
.app-navbar-right > ul > li > a > .icon-fa-lower{ font-size: 12px; color: #c0ccda;}
.app-navbar-right > ul > li > a:hover{ background: #f5f8fc;}
.app-navbarScroll{ float: right;padding: 17px 20px 18px 0; position: relative;}
.scrollDiv{height: 25px;line-height: 25px;overflow: hidden;}
.scrollDiv li{height: 25px;padding-left: 10px;}
.scrollDiv li a{ color: #c6dcf2;}
.scrollDiv li a:hover{ color: #fff;}
.app-navbar-right > ul > li .dropdown-menu{ right: 0; top: 100%;}
.app-navbar-right > ul > li .dropdown-menu .line{ border-top: 1px solid #eee; margin: 10px 10px;}
.dropdown-placement{ width: 160px;}
.dropdown-menu li{ line-height: 35px;border-radius: 3px;}
.dropdown-menu li > a{ color: #262626; font-size:14px; white-space: nowrap; display: flex; align-items: center; padding: 0 25px 0 20px;}
.dropdown-menu li > a i{ font-size: 16px; margin-right: 8px; color: rgba(0,0,0,.25);}
.dropdown-menu li > a:hover{ background: #f5f5f5;}

.collapse { display: none; }
.collapse.in {display: block;}
.nav.nav-second-level.collapse{ height: auto!important;}
.navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover, .navbar-default .nav>li>a.active { color: #fff; background: #04bd88;}

/* left----------------------- */
.app-box{ position:absolute; left:0; top:0; right:0; bottom:0; min-width:1180px;}
.nav-left{ width:220px; position:absolute; left:0; top:0; bottom:0;  background:#fff; border-right:1px solid #eef3fa; z-index: 9; box-shadow: 0 0 5px rgba(0,0,0,.05); box-sizing:border-box;}
.nav-side { width:220px; position:absolute; left:0; top:92px; bottom:0; overflow:hidden;}
.nav-side-header{ position: relative; display: flex; align-items: center; justify-content: space-between; height: 32px; margin: 0 15px; margin-top: 10px; border-bottom: 1px solid #eaeaea;}
.nav-side-header .title{ font-size: 14px; font-weight: bold; color: #383838;}
.nav-side-header .actions{ position: relative;}
.nav-side-header .actions a{ display: inline-block; margin: 4px 0; color: #fff; padding: 3px 6px; border-radius: 2px; background:#04bd88;}
.nav-side-header .actions a i{margin-right: 5px;}
.nav-side-header .actions .dropdown-menu{ min-width: 120px; left: 0; top: 100%;}
.nav-side-header .actions .dropdown-menu .drop-menu{ font-size: 14px; line-height: 34px; padding: 0 20px;}
.nav-side-estate{line-height: 32px; padding: 0 15px 0 15px; font-size: 14px; color: #383838; margin: 12px 0 10px 0;}
.nav-side-estate i{ margin-right: 10px; color: #04bd88;}
.nav-side-ul{ width:240px; width: 240px; height: 100%; overflow-y: auto; overflow-x: hidden;}
.nav-side-ul .side-tree{ width: 220px;}
.side-tree .tree-item{ position: relative; font-size: 14px; color: #333; padding: 0 15px; line-height: 34px;}
.side-tree .tree-item .tree-arrow{ color: #c0ccda; width: 15px; height: 15px; line-height: 15px; display: inline-block;}
.side-tree .tree-item .acitons{ position: absolute; right: 15px; top: 0; color: #888; font-size: 12px; display: none;}
.side-tree .tree-item .acitons > span{ padding: 0 5px;}
.side-tree .tree-item .acitons .actions-down{ position: absolute; right: -5px; top: 100%; margin-top: -8px; display: none; min-width: 60px; background: #fff; padding: 8px 0; box-shadow: 0 2px 8px rgba(0,0,0,.15); z-index: 10;}
.side-tree .tree-item .acitons .actions-down .drop-menu{ font-size: 12px; padding: 0 15px; line-height: 28px; color: #333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.side-tree .tree-item .acitons .actions-down .drop-menu:hover{ cursor: pointer; background: #04bd88; color: #fff;}
.side-tree .tree-item .acitons:hover .actions-down { display: block;}
.side-tree .tree-item:hover .acitons{ display: block;}
.side-tree .tree-item:hover { cursor: pointer;  background: #f5f5f5;}
.side-tree  ul li ul .tree-item{ padding-left: 34px;}
.side-tree  ul li ul ul li .tree-item{ padding-left: 54px; color: #666;}
.side-tree  ul li .tree-item .icon+.name{ color: #666;}
.side-tree .tree-item .tree-title .icon{ margin-right: 8px; color: #04bd88;}
.side-tree .tree-item.active{ background: #ebf9f3; color: #04bd88;}
.side-tree  ul li .tree-item.active .icon+.name{ color: #04bd88;}
.side-tree  ul ul{ display: none;}
/* .nav-side.over{ top: 54px;} */
.nav-side.over .side-tree .tree-item{ line-height: 36px; padding-left: 30px;}
.nav-side.over .side-tree .tree-item .tree-title .icon{ color: #c0ccda;}

/*-------------------------*/
.app-wrap{ position:absolute; left:0; top:0; right:0; bottom:0; overflow-x: hidden; overflow-y:auto;}
.part-pane{ position: relative; background: #fff; box-shadow: 2px 0 7px 0 rgba(153,170,192,.17); border-radius: 3px; margin: 20px;}
.part-header{ position: relative; border-bottom: 1px solid #eaeaea; line-height: 20px; margin: 0 17px; min-height: 48px; display: flex; align-items: center; justify-content: space-between;}
.part-header h4{ font-size: 14px; color: #383838; margin: 0; line-height: 20px; font-weight: bold;padding: 15px 0 13px 0; }
.part-header h4 span { font-weight: normal; opacity: .5; font-size: 12px;}
.part-header .actions a{color: #999;}
.part-header .actions a:hover{ color: #04bd88;}
.part-content{ padding: 20px;}
.part-content::-webkit-scrollbar{ width: 6px;}
.part-content::-webkit-scrollbar-thumb{ background: #f4f4f4; border-radius: 999rem;}
.app-analyse{ padding-right: 300px;}
.part-header-action{ position: absolute; right: 0; top: 14px; z-index: 9;}
.part-header-action a{ line-height: 28px; border-radius: 2px; background-color: #04bd88; font-size: 13px; color: #fff; padding: 0 12px; display: inline-block;}
.particle-buttons{ position: absolute; right: 0; top: 12px;}
.particle-buttons a{ display: inline-block; line-height: 24px; margin-left: 4px; border: 1px solid #e6e6e6; color: #333; padding: 0 7px; text-align: center;}
.particle-buttons a:hover{ color: #04bd88; border-color: #04bd88;}
.particle-buttons a.active{ background: #04bd88; border-color: #04bd88; color: #fff;}

/* index*/
.base-section{ display: flex; flex-wrap: wrap;}
.base-section .item{ border: 1px solid #eee; background: #fefefe; width:33.33%;  margin-left: -1px; margin-bottom: -1px;}
/* .base-section .item:hover{ box-shadow: 0 2px 10px 0 rgba(155,165,163,.15);} */
/* .base-section .item+.item{ margin-left: 15px;} */
.item-hox{position: relative; padding: 15px 20px 15px 20px;}
.item-hox .icon{ color: #04bd88; font-size: 18px; position: absolute; left: 20px; top: 20px;}
.item-hox .item-info{ display: flex; align-items: center; padding-left: 27px; min-height: 28px;}
.item-hox .item-info h3{ margin: 0; flex: 1; font-size: 16px; color: #383838;}
.item-hox .item-info .number{ font-size: 16px; color: #58666e;}
.base-section .item .actions {display: flex; align-items: center; justify-content: flex-end; height: 36px; padding: 0 5px; padding-bottom:10px; color: #888;}
.base-section .item .actions a{ display: inline-block; line-height: 22px; border-radius:2px; padding: 0 8px; color: #888; margin: 0 5px;}
.base-section .item .actions a:hover{ color: #04bd88;}
.base-section .item .actions a.import:hover{background: #fa5741; color: #fff;}
.usiness-wap{ height: 350px;}
/* .usiness-mark{ position: relative; padding: 25px 0; display: flex;} */
.usiness-mark:last-child{ border-bottom: none;}
.usiness-main{ position: relative; display: flex; align-items: center; min-height: 78px;}
.usiness-main .item { position: relative; flex: 1; padding-left: 30px;}
.usiness-main .item:first-child{ padding-left: 0;}
.usiness-main .item:after{ content: ''; height: 40px; position: absolute; right: 0; top: 50%; margin-top: -20px; border-right: 1px solid #eee;}
.usiness-main .item:last-child:after{ display: none;}
.usiness-main .item:hover{ cursor: pointer;}
.usiness-main .item label{ font-size: 12px; color: #666; margin: 0; line-height: 22px; display: block; cursor: pointer;}
.usiness-main .item span { display: block; font-size: 28px; color: #000; line-height: 45px; font-family: Arial;}
.usiness-main .item .ico{display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; font-size: 24px; color: #fff;}
.usiness-main .item p{font-size: 14px; color: #1f2d3d; line-height: 24px; margin-top: 10px;}
.usiness-main .item span:hover{ color: rgb(53, 104, 255);}
.part-header .tabs li{ position: relative; display: inline-block; line-height: 50px; font-size: 13px; }
.part-header .tabs li.active:after{ content: ''; position: absolute; left: 0; right:0; bottom:0; border-bottom:2px solid #0076fe;}
.part-header .tabs li a{ color: rgba(52,56,88,.7);}
.part-header .tabs li a:hover{ color: #0076fe;}
.part-header .tabs li.active a{ color: #3568ff; font-size: 14px; font-weight: bold;}
.part-header .tabs li+li{ margin-left: 40px;}
.usiness-wrap{ display: flex; padding-bottom: 20px;}
.usiness-mark{ flex: 1; position: relative; border-left: 1px dashed #acacac; padding: 0 30px;}
.usiness-mark:first-child{ border-left: none;}
/* .usiness-mark+.usiness-mark{ margin-left: 20px;} */
.usiness-mark .usiness-head { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 20px 0;}
.usiness-mark .usiness-head p{ font-size: 16px; color: #333; }
.usiness-mark .usiness-head span { width: 40px; height: 40px; border-radius: 999rem; color: #fff;}
.usiness-mark .usiness-head span img{ width: 40px; height: 40px;}
.usiness-mark .usiness-main{}
.flex-wrp{ display: flex; align-items: center; padding:10px 0 40px; }
.reviewed-item{ flex: 1; display: flex; align-items: center; padding: 20px; cursor: pointer; border-radius: 10px; box-shadow: 0 0 5px rgba(0,0,0,.1);}
.reviewed-item+.reviewed-item{ margin-left: 20px;}
.reviewed-item .tit{ font-size: 14px; color: #333; font-weight: bold; flex: 1;}
.reviewed-item .tit p{ font-weight: normal; font-size:12px; margin-top:10px; opacity: .6;}
.reviewed-item .value{ font-size: 22px; color:#ABABC1; margin-right: 10px; font-family: Arial;}
.reviewed-item i{ font-size: 12px; color: #666;}
.reviewed-item.first .tit,.reviewed-item.first .value{ color: #34348e;}
.reviewed-item.second .tit,.reviewed-item.second .value{ color: #25B5A4;}
/* indexSider */
.app-sidebar{ position: absolute; right: 0; top: -20px; width: 320px; z-index: 2;}
.hf-widget-list ul { display: flex; align-items: center; margin: 0 -18px;}
.hf-widget-list ul li{ position: relative; flex: 1; text-align: center;}
.hf-widget-list ul li span { display: inline-block; border-radius: 999rem; background: rgba(4,189,136,.1); color: #04bd88; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center;margin: 0 auto; font-size: 18px;}
.hf-widget-list ul li p{ line-height: 20px; color: #475669; margin-top: 5px;}
.hf-widget-list ul li:hover span{ background: #04bd88; color: #fff;}
/* .hf-widget-list ul li:hover p{ color: #04bd88;} */
.cs-account{ text-align: center; }
.cs-account img{ width: 120px; height: 120px;}
.cs-account p{ color: #04bd88; margin-top: 10px; font-weight: bold;}
.cs-account p span{ display: inline-block; vertical-align: middle; width: 4px; height: 4px; border-radius: 999rem; background: #04bd88; margin: 0 5px;}
.cs-consult{ position: relative; }
.cs-consult img{ display: inline-block; vertical-align: middle; margin:0 10px 0 0; width: 100px; height: 100px;}
.cs-consult-text{ display: inline-block; vertical-align: middle; color: #475669;}
.cs-consult-text p{ font-size: 14px;color: #333; font-weight: bold; }
.cs-consult-text h5{ margin:15px 0 0 0; font-size: 12px; color: #999;}
.cs-consult-text h4{ font-size: 18px; color: #383838; margin-bottom: 15px;}
.cs-consult-text .hotline{ font-size: 12px; color: #888;}
.cs-consult-text .hotline span { font-size: 18px; font-weight: bold; display: block; line-height: 30px; color: #383838;}
.ins-pection-head{ display: flex; align-items: center; border-radius: 999rem; margin-top:-10px; margin-bottom: 5px;line-height: 28px;}
.ins-pection-head .item,.ins-pection-cell .item{ flex: 1; text-align: center;}
.ins-pection-box{ height: 84px; overflow-y: auto; margin-bottom: -5px;}
.ins-pection-cell{ display: flex; align-items: center; line-height: 28px;}
.ins-pection-cell .item{ color: #666;}

.indexs-header{ position: relative; padding:15px 30px; background: #fff;box-shadow: 2px 0 7px 0 rgba(153,170,192,.17);}
.indexs-header .indexes-label{ padding-bottom: 10px;color:#aaa;}
.indexs-header .indexes-label span{ color: #444; line-height: 24px;}
.indexs-header .indexes-label a{ color: #aaa;}
.indexs-header .indexes-label a:hover{ color: #04bd88;}
.indexs-header .indexs-title{font-size: 20px;color: #1f2d3d; margin-right: 40px;}
.indexs-header .indexs-title a, .indexs-header .mark-title a { font-size: 12px; color: #04bd88;}
.indexs-header .indexs-title > span{ color: #999; font-size: 12px; }
.indexs-header .mark-title{ font-size: 20px; color: #484848; font-weight: bold;}
.indexs-header > span { font-size: 12px; color: #778ca2; margin-right:20px;}
.indexs-header.plo{ background: transparent; box-shadow: none; padding: 25px 30px 0 30px;}
.indexs-bread { font-size: 14px; color: #778ca2;}
.indexs-bread a{ position: relative; color: #333; padding: 0 10px;}
.indexs-bread a:hover{ cursor: pointer; color: #04bd88;}
.indexs-bread span { position: relative; font-size: 14px; margin:0 10px;}
.mark-actions { position: absolute; right: 20px; top: 25px;}
.mark-actions .btn{ height: 36px; line-height: 36px; display: inline-block; border-radius: 3px;}
.mark-actions .btn-text{ font-size: 13px; color: #333;}
.mark-actions .btn-text i{ color: #04bd88; margin-right: 10px; font-size:14px;}
/* .indexs-bread span:after{ content: '/'; position: absolute; left: -4px; top: 0; font-size: 14px;} */
.indexs-header .part-tabs{ margin-bottom: -15px; padding-top: 0;}
.index-total{ background: #f5fcfa; padding: 10px 20px; margin:0 20px; border-radius: 0 0 3px 3px;}


/* 统计概览 */
.panel-Xf4PAx{ display: flex; position: relative; align-items: flex-end; padding: 10px;}
.panel-Xf4PAx .img-wrap-34hnLg{ width: 120px; height: 120px; border-radius: 999rem; margin:0 30px 0 20px; border:1px solid #eee;}
.panel-Xf4PAx .img-wrap-34hnLg img{ width: 100%; height: 100%; border-radius: 999rem;}
.app-wrap-3MWhWR{ flex: 1;}
.app-wrap-3MWhWR .site-name-uhqKjK{ font-size: 22px; color: #333;}
.app-wrap-3MWhWR .site-name-uhqKjK img{ width: 24px; margin-left: 5px;}
.app-wrap-3MWhWR .site-label-3hdek { font-size: 13px; color: #ccc; margin-top: 10px;}
.app-wrap-3MWhWR .site-label-3hdek span{ color: #666; padding: 0 10px;}
.app-wrap-3MWhWR .site-label-3hdek span:first-child{ padding-left: 0;}
.site-info-operate{ display: flex; align-items: center; margin-top: 25px;}
.site-info-operate a{ border: 1px solid #04bd88; display: flex; align-items: center; font-size: 13px; padding: 0 13px; border-radius: 3px; line-height: 32px; color: #04bd88; margin-right: 15px;}
.site-info-operate a:hover{ background: rgba(4,189,136,.1);}
.site-info-operate a.disabled{ background-color: #fff; border-color: #eaeaea; color: #ccc; cursor: not-allowed;}
.site-info-operate a i{margin-right: 10px; font-size: 14px;}
.operate-1kVjN{ display: flex;}
.operate-1kVjN .operate-item { position: relative; padding: 0 30px; text-align: right;}
.operate-1kVjN .operate-item:before{ content: ''; position: absolute; left: 0; top: 5px; bottom: 5px; border-left: 1px solid #eee;}
.operate-1kVjN .operate-item:first-child:before{ display: none;}
.operate-1kVjN .operate-item label{ font-size: 13px; color: #999;}
.operate-1kVjN .operate-item span{ font-size: 22px; color: #333; display: block; font-family: Arial, Helvetica, sans-serif; line-height: 30px; margin-top: 10px;}
.section-content-w6x{ display: flex;}
.panel-Xftax{ flex: 1;}
.panel-rftax{ width: 320px; margin-left: -20px;}
.data-item-34aFMy{ display: flex; flex-wrap: wrap;}
.data-item-34aFMy .data-wrap-3Q7--A{ width: 25%; box-sizing: border-box; border-right: 1px dashed #e6e6e6; padding: 0 30px; margin: 20px 0;}
.data-item-34aFMy .data-wrap-3Q7--A:nth-child(4n){ border-right: none;}
.data-title-1jJ6U7{ font-size:13px; color:#333; padding-bottom: 5px;}
.sub-title-3dbwg{ font-size: 30px; color: rgb(53, 104, 255); font-family: Arial, Helvetica, sans-serif; }
.trend-gwofZj{ margin-top:10px; color:#999; font-size:13px;}
.trend-gwofZj a{ color: #999; font-size:12px;}
.trend-gwofZj > i{ color: #e7325b; font-size:16px;}
.common-ul ul{ display: flex; flex-wrap: wrap; margin:-5px 0;}
.common-ul ul li{width: 50%; line-height: 40px;}
.common-ul ul li a{ color: #333; display: flex; align-items: center;}
.common-ul ul li a span { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 999rem;font-size:13px; margin-right: 10px;color: #fff;}
.data-select{ position: absolute; right: 0; top: 10px; z-index: 9;}
.data-select > a{ font-size: 13px;line-height: 30px;}
.data-select .dropdown-menu { right:0;left: auto; max-height: 300px; overflow-y: auto;}
.data-select .dropdown-menu li > a{ font-size: 12px; color: #333;}
.allowance-tip{ position: absolute; right: 20px; top:0; height: 35px; padding: 0 20px; display: flex; align-items: center; width: 300px; background-color: #f9f9f9; border-radius: 999rem;}
.allowance-tip >i { font-size:14px; color: #ffa600; margin-right: 10px;}
.allowance-tip ul{ flex: 1;}
.allowance-tip ul li { display: flex; align-items: center;}
.allowance-tip ul li .raiders-txt{ flex: 1;}
.allowance-tip a{ color:#04bd88;}
.ac-tab{ display: inline-block;}
.ac-tab li{ display: inline-block; color: #333; width: 26px; height: 26px; margin-right: 5px; border-radius: 0; line-height: 24px; border: 1px solid #e2e2e2; text-align: center;}
.ac-tab li:hover{ cursor: pointer; border-color: #04bd88; color: #04bd88;}
.ac-tab li.active{ background-color: #04bd88; border-color: #04bd88; color: #fff;}
.col-md-cell{ display: flex; align-items: center;}
.col-md-hbox{ flex: 1; display: flex; align-items: center;}
.col-md-hbox .chart{ position: relative;}
.col-md-hbox .col-md-info {display: flex; align-items: center;}
.col-md-hbox .col-md-info .item+.item{ margin-left: 50px;}
.col-md-hbox .col-md-info label{ font-size:13px; color: #333;}
.col-md-hbox .col-md-info .number{ font-size:28px; color: #333; margin-top:5px;}
.function-head{ display: flex; justify-content: space-between; margin:20px 0 15px 0;}
.function-head h4{ font-size: 14px; color: #333; padding-left:10px; line-height: 30px;}
.function-tabs{ display: flex;position: relative; z-index: 9;}
.function-tabs .tabs-item{ line-height: 40px; padding: 0 20px; border-radius: 5px 5px 0 0; color: #999; cursor: pointer;}
.function-tabs .tabs-item:hover{ color: #666;}
.function-tabs .tabs-item.active{ box-shadow: 0 -5px 5px rgba(0,0,0,.08); color: #333; font-weight: bold; background: #fff;}
.tabs-wrap{ box-shadow: 0 0 15px rgba(0,0,0,.1); padding: 30px; border-radius: 10px;}
.tabs-wrap table,.ranking-list table{ width: 100%;}
.tabs-wrap table tr th,.ranking-list table tr th{ border-bottom: 1px solid #eaeaea; line-height: 35px;}
.tabs-wrap table tr td,.ranking-list table tr td{ line-height: 35px; border-bottom: 1px solid #eaeaea; text-align: center;}
.ranking-list table tr td a{color:#333; }
.ranking-list table tr td a:hover{text-decoration: underline;}
.pm-col-tab{ display: flex; margin-bottom: 15px;}
.pm-col-tab .tabs{ position: relative; flex: 1;text-align: center; color: #767676; border:1px solid #e6e6e6; margin-left:-1px; line-height: 30px;}
.pm-col-tab .tabs.active { color: #04bd88; border-color: #04bd88; z-index: 9;}
.pm-col-tab .tabs:hover{ cursor: pointer; color: #04bd88;}
.ranking-content{ overflow-y: auto; margin-right:-6px;}
.item-hbox{ display: flex; align-items: center; padding: 25px 0;}
.item-hbox .item-type{ width: 100px; height: 100px; border-right:1px dashed #ddd; text-align: center; margin-right: 20px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #333;}
.item-cell{ flex: 1; display: flex; align-items: center;}
.item-cell .item-ill{ flex: 1; padding: 0 10px; text-align: center; border-right: 1px dashed #ddd;}
.item-cell .item-ill:last-child{ border-right: none;}
.item-cell .item-ill label{ font-size:14px; color: #333;}
.item-cell .item-ill .num{ font-size: 26px; font-family: Arial; color: #000; margin-top: 10px;}
.customer-tj{ font-size: 14px; margin-top: 20px;display: flex; align-items: center; justify-content: center;}
.customer-tj i{ font-size:16px; margin-right: 5px;}
.customer-tj span { font-weight: bold; margin-left:5px;}
/* tabs */
.part-tabs{ padding-top: 10px;}
.part-tabs .part-tabs-item{ position: relative; cursor: pointer; display: inline-block; padding: 12px 16px;margin: 0 10px 0 0; font-size: 14px; color: #1f2d3d;}
.part-tabs .part-tabs-item:hover,.part-tabs .part-tabs-item.active{ color: #04bd88;}
.part-tabs .part-tabs-item.active:after{ content: ''; position: absolute; left: 0; right: 0; bottom: -1px; z-index: 2; height: 2px; background: #04bd88;}
.part-tabs .part-tabs-item span { color: #04bd88;}

/* content */
.part-actions-wrap{ margin-bottom: 15px;}
.actions-operation{ float: left;}
.actions-operation ul li{ position: relative; display: inline-block; margin-right: 4px;}
.actions-operation ul li a{ border: 1px solid #ddd; border-radius: 3px; display: block; padding: 0 16px; color: #1f2d3d; line-height: 30px; transition: all .4s;}
.actions-operation ul li a i{ margin-right: 5px;}
.actions-operation ul li a:hover{ border-color: #04bd88; color: #fff; background: #04bd88;}
.actions-operation ul li:first-child a{ background: #04bd88; color: #fff; border-color: #04bd88;}
.actions-operation ul li .dropdown-menu .drop-menu{ font-size: 14px; line-height: 34px; padding: 0 20px;}
.actions-right{ float: right;}
.actions-right .search{ position: relative; height: 32px; border: 1px solid #e6e6e6; width: 320px; display: inline-block;}
.actions-right .search input{ width: 100%; font-size: 14px; color: #383838; padding: 0 70px 0 10px; height: 30px; border: none;}
.actions-right .search .search-btn{ position: absolute; right: -1px; top: -1px; height: 32px; line-height: 32px; padding: 0 12px; z-index: 9; color: #fff; background: #04bd88; font-size: 13px;}
.actions-right .search .search-btn:hover{ background: #009f5d;}
.actions-right .moreBtn { margin-right: 20px; color: #04bd88; }

.part-screen{ margin-bottom: 15px;}
.part-actions-wrap+.part-screen{ background: #f6f6f6; padding: 5px 10px 5px 20px;}
.screen-item{ position: relative; display: inline-block; vertical-align: top; margin-right: 20px; margin-top:5px; margin-bottom:5px;}
.screen-item label{ font-size: 13px; color: #383838; margin-right: 5px; display: inline-block; vertical-align: top; line-height: 32px;}
.screen-date{ position: relative; display: inline-block; width: 160px; vertical-align: top; cursor: pointer;}
.screen-date .form-control{ width: 100%;}
.screen-date > i{ position: absolute; right: 10px; top: 10px; color: #666; font-size: 14px;}
.screen-item .form-control{ height: 32px; padding: 0 10px; display: inline-block;} 
.screen-item .connect{ font-size: 14px; padding: 0 5px; display: inline-block;  vertical-align: top; line-height: 32px;}
.screen-item:last-child{ margin-right: 0;}

.part-sub-wrap{ position: relative; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.sub-tabs{ padding-bottom: 10px; margin-top: -5px;}
.sub-tabs a{ display: inline-block; line-height: 30px; padding: 0 22px; margin-right: 10px; border-radius: 99rem; background-color: #eee; color: #383838;}
.sub-tabs a:hover{ background: #313640; color: #fff;}
.sub-tabs a.active{ background: #04bd88; color: #fff;}

.cs-upload{ position: relative; display: inline-block;}
.cs-upload a{ border: 1px solid #d2d2d2; display: inline-block; line-height: 32px; padding: 0 20px; color: #333; font-size: 12px;}
.cs-upload a i{ margin-right: 5px;}
.cs-upload:hover a{ border: 1px solid #04bd88; color: #04bd88;}
.upload { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer;}

.tree-list{ padding: 10px 0;}
.tree-list ul li{ position: relative;}
.tree-list > ul > li:before{ content: ''; position: absolute; left: 27px; top: 20px; bottom: -10px; border-left: 1px dotted #ddd;}
.tree-list > ul > li:last-child:before{ bottom: 18px;}
.tree-list ul li .tree-item{ position: relative; line-height: 34px; padding-left: 20px; font-size: 14px;}
.tree-list ul li li .tree-item{ padding-left: 50px;}
.tree-list ul li .tree-item > i{ color: #999;}
.tree-list ul li li:before{ content: ''; position: absolute; left: 27px; top: 50%; border-top: 1px dotted #ddd; width: 15px;}
.tree-list ul li .tree-item .delbtn{ font-size: 12px; margin-left: 10px; color: #999;opacity: 0;}
.tree-list ul li .tree-item .delbtn:hover{ color: #d62a51;}
.tree-list ul li .tree-item:hover{ cursor: pointer;}
.tree-list ul li .tree-item:hover .delbtn { opacity: 1;}

.fuzzy-box{ position: relative; display: inline-block;}
.fuzzy-box .fuzzy-selected{box-shadow: 0px 5px 20px rgba(171, 171, 171, 0.35); max-height: 300px; overflow-y: auto; padding: 8px 0; position: absolute; top: 100%; left:0; min-width: 100%; background: #fff; z-index: 9;}
.fuzzy-box .fuzzy-selected ul li{ line-height: 35px; padding: 0 12px;}
.fuzzy-box .fuzzy-selected ul li:hover{ cursor: pointer; background: #f5f5f5;}

/* 关联小区 */
.rul-search{ border: 1px solid #ccc; border-radius: 3px; position: relative; height: 34px; display: flex; align-items: center; margin-bottom: 20px;}
.rul-search input{ line-height: 30px; border: none; padding: 0 10px; flex: 1;}
.rul-search .searchbtn{ padding: 0 15px; font-size: 13px; color: #bbb;}
.rul-search .searchbtn:hover{ color: #2254f4;}
.relation-list { height: 300px; overflow-y: auto;}
.relation-list dl{ margin-bottom: 10px;}
.relation-list dl dt{ font-size:13px; color:#999; line-height: 30px;}
.relation-list dl dd{ line-height: 28px; padding-left:10px;}
.relation-list dl dd .i-checks{ font-size: 13px;}

/* 房屋详情 */
.info-ul.house li{ float: left; width: 50%;}
.rail-box.flex{ display: flex;}
.rail-box.flex .related-base{flex: 1;}
.rail-box.flex .related-box{ width: 30%; border-left: 1px solid #eee; padding-left: 40px;}
.lou-fee-list li{ position: relative; display: flex; align-items: center; font-size: 14px; line-height: 34px; padding-left: 15px;}
.lou-fee-list li:before{ content: '';  display: inline-block; width: 6px; height: 6px; border-radius: 999rem; background: #666; margin-right: 10px;}
.details-wrap { display: flex; }
.details-wrap .standard{ width: 240px; margin-left: 0;}

/* 删除提示 */
.mask-owners{ text-align: center;}
.mask-owners > img{ height: 100px;}
.mask-owners h3{ font-size: 18px; color: #333; margin-top: 20px;}
.mask-owners p{ font-size: 12px; color: #666; line-height: 24px; margin-top: 20px; padding: 0 40px;}
.verify-code-item{ border: 1px solid #e6e6e6; position: relative; height: 40px; display: flex; margin-top: 15px;}
.verify-code-item input{ flex: 1; border: none; font-size: 14px; color: #333; padding: 0 20px;}
.verify-code-item .verifyimg{ border-left: 1px solid #e6e6e6;width: 100px; display: flex; align-items: center; justify-content: center;}
.verify-code-item .verifyimg img{ max-width: 100%; max-height: 100%;}

/* 商户购买 */
.pos-zoom{ padding:0 20px 20px 20px; text-align: center; }
.pos-zoom .tit{ font-size: 24px;}
.pos-zoom p{ font-size: 12px; color: rgba(0,0,0,.65); margin-top: 5px; line-height: 24px; font-weight: 300;}
.pos-box{ display: flex; justify-content: center; padding-bottom: 30px;}
.pos-item{box-shadow: 0 8px 40px rgba(78,82,126,.23); border-radius: 8px; width: 280px; background: #fff; padding: 30px 30px 40px 30px; margin: 20px 10px;transition: all .5s}
.pos-item:hover{box-shadow: 0 8px 40px rgba(78,82,126,.43);}
.pos-item .pop-title{ position: relative; font-size: 16px; color: #ff5e5b; padding-bottom: 20px; margin-bottom: 20px; font-weight: 600;}
.pos-item .pop-title:after{ content: ''; position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #ddd; width: 40px; box-shadow: 0 2px 3px rgba(0,0,0,.1);}
.pos-item .pop-list ul li{ font-size: 13px; color: rgba(0,0,0,.65); font-weight: 300; line-height: 24px;}
.pos-item  a{ display: block; margin: 40px 0 0 0; width: 180px; font-size: 13px;transition: all .5s; color: #ff5e5b; text-align: center;border: 1px solid #ff5e5b; line-height: 40px; border-radius: 4px;}
.pos-item  a:hover{ color: #fff; background: #ff5e5b;}

/* 物业收费 */
.sycm-box{ display: flex; align-items: center; padding: 10px 0;}
.sycm-item{ flex: 1; border-radius: 3px; border: 1px solid #e6e6e6; background: #fefefe; padding:15px 20px;}
.sycm-item+.sycm-item{ margin-left: 20px;}
.sycm-item .title{ font-size: 13px; color: #333; margin-bottom: 8px;}
.sycm-item .number{ font-size: 20px; color: #333;}
.sycm-ranking{ display: flex; }
.cycm-ranking-box{ flex: 1; padding: 20px 0;}
.cycm-ranking-box+.cycm-ranking-box{ margin-left: 60px;}
.cycm-ranking-header{ position: relative; font-size: 14px; line-height: 28px; margin-bottom: 10px; color: #333;}
.cycm-ranking-list .table th{ font-size: 12px; height: 36px; background: transparent; border-bottom: 1px solid #f5f5f5; background: #F5F8FC;}
.cycm-ranking-list .table td{ text-align: center; height:36px; border-bottom: 1px solid #f5f5f5;}
.cycm-ranking-list .table td .rank-num { display: inline-block; background: #ebf2fc; width: 18px; height: 18px; line-height: 18px; text-align: center; }
.cycm-ranking-list .table tbody tr:first-child td .rank-num,.cycm-ranking-list .table tbody tr:nth-child(2) td .rank-num,.cycm-ranking-list .table tbody tr:nth-child(3) td .rank-num{ background: #04bd88; color: #fff;}

/* 订单详情 */
.stepico{padding-left: 50px; position: relative; padding-bottom: 20px;}
.s_dot{display: block; width: 15px; height: 15px; background: #ccc; border-radius: 50%; position: absolute; left: 20px; top: 2px; z-index: 10; border: 4px solid #fff;}
.step_line{width: 1px; background: #dee5e7; top: 3px; bottom: -3px; left: 27px; position: absolute; z-index: 9;}
.stepico .customer_list { line-height: 20px; display: flex;}
.stepico .customer_list .time{ width: 150px;}
.stepico .customer_list .pic{ display: flex; margin-top: 5px;}
.stepico .customer_list .pic img{ width: 60px; height: 60px; border-radius: 4px; margin-right: 8px;}
.stepico:first-child .s_dot{ background-color: #04bd88; border-color:#e5f8f3;}

/* 巡视详情 */
.rail-box{ position: relative; padding: 30px 0; border-bottom: 1px solid #eee;}
.rail-box:first-child{ padding-top: 5px;}
.rail-box:last-child{ border-bottom: none;}
.rail-header { position: relative; padding: 0 10px;padding-bottom: 10px; }
.rail-header:before{ content: ''; position: absolute; width: 4px; height: 16px; border-radius: 2px; background: #04bd88; left: 0; top: 50%; margin-top: -13px;}
.rail-header .title{ font-size: 14px; color: #333; line-height: 28px; font-weight: bold;}
.rail-actions{ position: absolute; right: 0; top: 0;}
.rail-content{ position: relative;}
.info-ul li{ float: left; box-sizing: border-box; margin: 4px 0; padding-left: 10px;padding-right: 10px; width: 25%; font-size: 13px; }
.info-ul li label{ line-height: 24px; margin-right: 8px; color: #9b9b9b;white-space: nowrap;display: table-cell; font-weight: normal; vertical-align: top;}
.info-ul li .text-value{ line-height: 24px; width: 100%;  color: #343858; display: table-cell;}
.info-ul li .text-value .tag{ color: #333; background: #ffca19; padding: 0 10px; display: inline-block; padding: 0 5px; border-radius: 3px; line-height: 22px; margin-left: 5px;}
.info-ul li .text-value .describe{ padding: 15px; background: #f8f8f8; border-radius: 3px;}
.info-ul li.col-6{ width: 50%;}
.info-ul li.col-12{ width: 100%;}
.info-ul.col3 li{ width: 33.33%;}
.fit-block{ margin: 10px 10px; border: 1px solid #e6e6e6; width: 600px;}
.fit-item{display: flex;  align-items: center; position: relative; border-bottom: 1px solid #e6e6e6;}
.fit-item:last-child{ border-bottom: none;}
.fit-item .title{flex: 1; line-height: 45px;  font-size: 13px; color: #333333; position: relative; padding: 0 20px;}
.fit-item .value { background: #f6f6f6; border-left: 1px solid #e6e6e6; line-height: 45px; width: 200px; position: relative; font-size: 13px; color: #333333; padding: 0 20px; box-sizing: border-box;}
.fit-item.active:after{content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;box-shadow: inset 0 0 4px 0 #fa5741;border: 1px solid #fa5741;z-index: 9;}
.fit-item.active .title,.fit-item.active .value{ color: #fa5741;}
.fit-item.active .value{ background: rgba(250,87,65,.1);}
.explain-cont{ font-size: 14px; color: #333; padding: 0 30px; padding-top: 10px;}
.explain-cont label{ line-height: 24px; margin-right: 8px; color: #fa5741;white-space: nowrap;display: table-cell; font-weight: normal; vertical-align: top;}
.explain-cont .txt{ line-height: 24px; width: 100%;  color: #475669; display: table-cell;}
.pic-upload-list{display: inline-block;border-radius: 3px;width: 120px;height: 80px;position: relative;margin-right: 5px;box-shadow: 0 1px 1px rgba(0,0,0,.2);vertical-align: top;}
.pic-upload-list img{width: 100%;height: 100%;border-radius: 3px;}
.info-ul.clear li{ float: none; width: 100%;}
.rail-content.outdoor .info-ul{ float: left; width: 50%;}
.rail-content.outdoor .report-position { display: flex; width: 50%;}
.rail-content.outdoor .report-position label{ color: #9b9b9b;}
.position-map{ width: 400px; background: #fafafa; height: 300px;}
.auditor-record {display: flex; align-items: center;}
.auditor-record img { border: 1px solid #ffffff; box-shadow: 0 0 7px 0 rgba(0,0,0,0.23); width: 25px; height: 25px; border-radius: 999rem; margin-right: 10px;}
.auditor-record .auditor-name {font-size: 16px;color: #333333;}
.auditor-record .auditor-time{ color: #999; margin-left: 20px;}
.feedback-text {font-size: 14px;color: #888888;line-height: 20px;margin-top: 20px;}


/* 短信群发 */
.top-tips{ background:rgba(4,189,136,.08);font-size: 14px; color: #333; padding: 10px 15px;}
.top-tips  a{ display: inline-block; line-height: 24px; text-shadow: 0 -1px 0 rgba(0,0,0,.12); font-size: 12px; background: #04bd88; padding: 0 10px; border-radius: 2px; color: #fff;}
.iten-content{ background-color: #F5F8FC; padding:10px 20px; font-size: 12px; color: #333; line-height: 20px;}
.upload-btn{border: 1px solid #ddd; display: inline-block;padding: 0 16px;line-height: 30px;}
.upload-btn:hover{ background: #04bd88; color: #fff; border-color: #04bd88;}
.ts-state{ border-radius: 3px; width: 60px; text-align: center; border: 1px solid #e2e2e2; padding: 0 5px; display: inline-block; font-size: 12px; color: #999; line-height: 20px;}
.ts-state.green{color: #04bd88; border-color: #04bd88;}
.ts-state.blue{ color: #40a9ff; border-color: #40a9ff;}
.ts-state.red{color:#e7325b; border-color: #e7325b;}
.label-o{ position: relative;}
.label-o:before{ content: ''; width: 6px; height: 6px; border-radius: 50%; display: inline-block; margin-right: 8px;}
.label-o.green:before{ background: #04bd88;}
.label-o.blue:before{ background: #40a9ff;}
.label-o.gray:before{ background: #ccc;}
.textarea-file { position: relative; height: 150px;}
.textarea-file textarea{ height: 100% !important; width: 100%;}
.textarea-file .unt{font-size: 12px; position: absolute; right: 10px;  bottom: 0; color: #999; }
.no-content{ text-align: center; padding: 20px 0;}
.no-content img{ width: 60px; opacity: .5;}
.no-content p{ margin: 25px; color:#999; font-size: 14px;}
.model-tips{  line-height: 20px; margin-bottom: 20px;}

/* 短信记录 */
.subject-card{ padding: 10px 0;}
.pay-card{ display: inline-block; width: 160px; position: relative;border-radius: 8px;border: 1px solid #e5e5e5; margin: 0 20px 0 0; text-align: center; padding: 20px 0 20px 0; cursor: pointer;}
.pay-card .com-corner{ height: 18px; line-height: 18px;margin: 10px 0;}
.pay-card .com-corner span{ border-radius: 0 6px 0 6px; display: inline-block; font-size: 12px; padding: 0 8px;  background: linear-gradient(130deg,#ffa449,#ff354e); color: #fff;}
.pay-card .com-price{ font-size: 14px;color: rgba(0,0,0,.65);}
.pay-card .com-price span { font-size: 36px; display: block;}
.pay-card .com-price span:first-letter{ font-size: 18px;}
.pay-card .com-price p{ padding-bottom: 15px;}
.pay-card .com-docs{ text-align: center; font-size: 12px; color: rgba(0,0,0,.65); border-top:1px solid #eee; margin: 5px 15px 0 15px; padding: 10px 0 0 0;}
.pay-card .com-docs em{ text-decoration: line-through; color: #9B9B9B; position: relative; font-style: normal; position: relative;}
/* .pay-card .com-docs em:after{content: ''; display: block; width: 1px; height: 10px; right: -7px; top: 0; bottom: 0; position: absolute; background: #9B9B9B; margin: auto;} */
.pay-card:hover{ border: 2px solid #cc995c;}
.pay-card.active{ border: 2px solid #cc995c; }
.pay-card.active .com-price span{ color: #cc995c;}
.pay-card.active:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 34px; height: 34px; background:url("../images/select.png") 0 0 no-repeat; background-size: contain;}
.payment-method{ padding: 30px 0 20px 35px; text-align: center;}
.payment-method .label{ font-size: 14px; color: rgba(0,0,0,.65); font-weight: bold;}
.payment-recharge{ text-align: center; padding: 10px 0 30px 0;}
.wechat-pay{ text-align: center; padding:30px 0 40px 0;}
.wechat-pay .price label{ font-size: 14px; color: rgba(0,0,0,.85);}
.wechat-pay .price span{ font-size: 24px; color: #FF470A; display: inline-block;}
.wechat-pay-code{ margin: 20px auto; width: 200px; height: 200px;}
.wechat-pay-code img{ width: 100%; height: 100%; display: block;}
.wechat-pay-ico{ font-size: 14px;}
.wechat-pay-ico img{ width: 24px; height: 24px; margin-right: 5px; display: inline-block; vertical-align: middle;}
.wechat-pay-other{ text-align: center;border-top: 1px solid #eee;padding-top: 20px;}
.wechat-pay-other a{ color: #04bd88;}

/* 巡查内容 */
.prtoal-list{ padding: 10px 10px 20px 40px;}
.prtoal-list dl dt{ display: flex; align-items: center; line-height: 40px; font-weight: bold; color: #333;}
.prtoal-list dl dt .title{ flex: 1;}
.prtoal-list dl dd{ display: flex; align-items: center; padding: 5px 0;}
.prtoal-list dl dd .value{ flex: 1;}
.prtoal-list dl dd .value a{ color: #04bd88; }
.prtoal-list dl dd .value a+a{ margin-left: 15px;}
.prtoal-list dl dd .value .form-control{ height: 30px; border-radius: 3px; background: #f3f4f8; border: none;}
.prtoal-add a{ color: #04bd88;}
.option-list ul li{ display: flex; align-items: center; line-height:34px; margin: 8px;}
.option-list ul li .ck{ background: #f3f4f8; border-radius: 3px 0 0 3px; padding: 0 10px;}
.option-list ul li input{ border: none; border-top: 1px solid #f3f4f8;border-bottom: 1px solid #f3f4f8; font-size:12px; color:#333;padding:0 15px; height: 36px; flex: 1;}
.option-list ul li .action a{ display: block; background: #f3f4f8; padding: 0 15px; border-radius: 0 3px 3px 0; color: #666;}
.baseAction .btn{ height: 40px;line-height: 38px; border-radius: 3px; padding: 0 30px; display: inline-block;}

/* 收费项目 */
.large-groups{ border-radius: 3px; border: 1px solid #eaeff0; margin-bottom: 20px;}
.large-header{ position: relative; height: 40px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eaeff0;}
.large-header .large-header-name{ font-size: 14px; font-weight: bold; display: flex; align-items: center;}
.large-header .large-header-name img{ height: 16px; margin-right:10px;}
.large-header .header-actions{ font-size: 12px; color: #999; display: flex; align-items: center;}
.large-header .header-actions a{ margin: 0 8px; color: #04bd88;}
.large-header .header-actions .addproject{ line-height: 18px; border-radius: 2px; border: 1px solid #04bd88; padding: 0 5px;}
.large-header .header-actions .addproject:hover{ background: rgba(4,189,136,.1);}
.input-file { position: relative;}
.input-file .form-control{ width: 100%;}
.input-file .unt { position: absolute;right: 10px;top: 0;font-size: 12px;color: #333;line-height: 35px;}
.xm-all { margin: -18px;}
.inport-box{ position: relative; margin: 0 auto;}
.inport-box input{ height: 25px; border: 1px solid #ddd; border-radius: 2px; width: 100%; padding: 0 10px; font-size:12px;}
.inport-box .unit{ position: absolute; top: 1px; right:1px; border-radius: 0 2px 2px 0; display: flex; align-items: center; width: 25px; bottom: 1px; color: #333; background: #f3f4f8; border-left: 1px solid #e0e0e0; justify-content: center;}
.project-header{ padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.project-class{ position: relative; padding: 10px 0; display: flex; align-items: center; border-bottom: 1px solid #f2f2f2;}
.project-class .project-item{ font-weight: bold;}
.project-item{ width:18%; padding: 0 10px; text-align: center;}
.project-item:first-child{ text-align: left; width: 28%;}
.project-detailed{ padding: 5px 0;}
.project-cell{ position: relative; display: flex; align-items: center; padding: 6px 0;}
.project-class .project-item .i-checks{ margin-left: 10px;}
.project-cell .project-item .i-checks{ margin-left: 30px;}
.project-groups{ margin-bottom: 20px;}
.project-groups .project-header .i-checks{ font-size: 14px;}
.footer-center{ text-align: center; padding: 15px;}
.footer-center .btn{ height: 40px; line-height: 40px; display: inline-block; border-radius: 3px; font-size: 14px;}
.factor-list+.factor-list{ margin-top: 10px;}
.hc-groups{display: flex; flex-wrap: wrap; position: relative; padding: 2px 5px;}
.hc-groups .groups-item{border: 1px solid #e2e2e2; border-radius: 3px; cursor: pointer; font-size: 12px; padding: 0 10px; line-height: 24px; color: #222; margin: 3px 5px 3px 0;}
.hc-groups .groups-item a{font-size: 10px; color: #aaa; margin-left: 5px;}
.hc-groups .groups-item a:hover{ color: #e7325b;}
.form-value .standard-list{ border: 1px solid #eaeff0;}
.form-value .standard-list .table th,.form-value .standard-list .table td{background: transparent; font-size:12px; height: 35px; border-bottom: 1px solid #eaeff0; padding: 2px 10px;}
.form-value .standard-list .table tr:last-child td{ border-bottom: none; }
.no-text{ text-align: center; color: #999; padding: 10px;}
.standard-add{ line-height: 28px; border-radius: 3px; border: 1px dashed #ddd; text-align: center; margin-top:10px; font-size: 12px;}
.standard-add:hover{ color: #04bd88; cursor: pointer; border: 1px dashed #04bd88;}
.standard-add a{ display: block;}
.select-wrap{ position: relative;}
.select-wrap > a{ display: block; border-radius: 3px; border: 1px solid #e0e0e0; line-height: 33px; padding: 0 20px; font-size: 12px;}
.select-options{ width: 100%; height: 300px; overflow-y: auto;}
.select-options ul li a{ position: relative; font-size: 12px;}
.select-options ul li li a{ padding-left: 40px;}
.select-options ul li li li a{ padding-left: 60px;}
.select-options ul li a.active:after{ content: '\e917'; font-family: icomoon; position: absolute; right: 10px; top: 0; color: #333; font-size:13px}
.time-section ul li{ position: relative; display: inline-block; line-height: 28px; border-radius: 3px; overflow: hidden; padding: 0 14px; margin: 5px; margin-right: 5px; border: 1px solid #e0e0e0; color: #555;}
.time-section ul li.active{ border-color: #04bd88; color: #04bd88;}
.time-section ul li.active:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 14px; height: 14px; background: url(../images/ck.png) 0 0 no-repeat; background-size: cover;}
.cs-tabs ul{display: table; width: 100%; border-spacing: 0; table-layout: fixed; border-left: 1px solid #e9ede2; margin-bottom:20px;}
.cs-tabs ul li{display: table-cell; float: none; vertical-align: top; position: relative; padding: 20px; border: 1px solid #e9ede2; border-left: none; cursor: pointer;}
.cs-tabs ul li.active:before{content: ""; height: 2px; width: 100%; position: absolute; left: 0; top: 0; right: 0; background: #04bd88;}
.numberinfoTitle{font-size: 18px; color: rgba(0,0,0,.85); padding-bottom: 15px;}
.numberinfo-list{color: rgba(0,0,0,.45); line-height: 24px;}
.numberinfo-list p{ display: flex; align-items: center; justify-content: space-between;}
.numberinfo-list p span { color: #333;}
.numberinfo-list p span.number{ font-size:18px; font-weight: bold; color: #e7325b;}

/* 账户资料 */
.user-head{ width: 80px; height: 80px; position: relative; border-radius: 999rem; overflow: hidden;}
.user-head img{ width: 100%; height: 100%; border-radius: 999rem;}
.change-btn{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; font-size:12px; color: #fff; cursor: pointer;}
.user-head:hover .change-btn{ opacity: 1; }
.value-info{ display: flex; align-items: center; justify-content: space-between;}
.value-info a{ color: #04bd88; width: 80px;}
.binding-box{ width: 700px; margin: 0 auto; padding: 50px 0 0 0; min-height: 550px;}
.code-btn{ line-height: 33px; border-radius: 2px; border: 1px solid #e0e0e0; box-shadow: inset 1px 0 2px rgba(0,0,0,.1); display: inline-block; color: #333; width: 120px; text-align: center;}
.code-btn:hover{ color: #111;}
.code-btn.disabled{ color: #999;}
.binding-success{ text-align: center; padding: 80px;}
.binding-success i{ font-size: 64px; color: #04bd88;}
.binding-success h3{ font-size: 24px; margin-top: 20px; color: #04bd88;}
.binding-success p{ color: #666; padding: 10px 0;}
.binding-success .btn{ line-height: 33px; display: inline-block; height: 35px; margin-top: 20px;}

.ivu-steps-item.ivu-steps-status-finish .ivu-steps-tail>i:after{ background: #04cb94;}
.ivu-steps-item.ivu-steps-status-process .ivu-steps-head-inner{ background: #04bd88; border-color: #04bd88;}
.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner{ border-color: #04bd88;}
.ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner span, .ivu-steps-item.ivu-steps-status-finish .ivu-steps-head-inner>.ivu-steps-icon{ color: #04bd88;}

/* 商户 */
.report-photo{ position: relative; border-radius: 5px; height: 120px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.report-photo .report-photo-add{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction:column;}
.report-photo > img{ width: 100%; height: 100%;}
.report-photo .report-photo-add img{ height: 34px; opacity: .8;}
.report-photo .report-photo-add .txt{ font-size: 13px; color: #999; margin-top: 5px;}
.report-close{ position: absolute; right: -10px; top: -10px; width: 36px; height: 36px; z-index: 9; cursor: pointer;}
.report-close img{ width: 100%; height: 100%;}


/* 微信设置 */
.hp-dialog-3GKOX{ padding: 5px 10px 10px 10px;}
.hp-dialog-title{color: #1f2d3d; font-weight: 500; font-size: 24px; margin: 0 0 5px 0;}
.hp-dialog-text{ font-size: 14px; color: #475669;}
.hp-dialog-text ul li {position: relative; font-size: 13px; padding: 3px 0;}
.hp-dialog-text ul li span { display: inline-flex;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid #e0e3e8;width: 22px;height: 22px;margin-right: 9px;font-size: 12px;color: #04cb94;}
.lg-form{ padding: 40px 20px;}
.lg-form .form-group-item > label{ width: 150px;}
.lg-form .form-group-item .form-value{ flex: 1;}

/* 设置 */
.part-card-body{ padding: 15px 20px; border-bottom: 1px solid #eaeaea;}
.part-card-body h2{color: #1f2d3d; font-weight: 500; font-size: 24px; margin: 5px 0; line-height: 36px;}
.part-card-body .card-text{ color: #475669; font-size: 14px; line-height: 24px;}
.part-card-body .card-text p .buyBtn{background: #04bd88; line-height: 22px; padding: 0 10px; color: #fff; font-size: 12px;  display: inline-block; vertical-align: middle; border-radius: 999rem; margin-left: 10px;}
.part-card-body .card-text p .buyBtn:hover{ background: #009f5d;}

/* 楼长设置 */
.build-list{ display: flex; align-items: center; flex-wrap: wrap; margin-left: -16px; padding: 10px;}
.build-card{ width: 25%; box-sizing: border-box;padding-left: 16px;padding-bottom: 16px;}
.build-card-item{position: relative; background: #f9f9f9; padding: 20px; border-radius: 3px; display: flex; align-items: center; height: 80px;}
.build-card-item .build-icon{ width: 40px; height: 40px; border-radius: 3px; background: #4d91ff; font-size: 20px; margin-right: 20px; color: #fff; display: flex; align-items: center; justify-content: center;}
.build-card-item .build-icon i{background-image: linear-gradient(to bottom,#c0d6ff 0%,#ffffff 40%); -webkit-background-clip: text; color: transparent;}
.config-content{ flex: 1;}
.config-content .config-label{ font-size: 16px; font-weight: 500; color: #1f2d3d;}
.config-content .config-desc{ font-size: 12px; color: #888; margin-top: 4px;}
.build-card-item .opt button{ position: absolute; right: 20px; top: 20px; display: none; height: 22px; line-height: 22px; color: #fff; width: 44px; background: #4d91ff; border-radius: 3px; border-color: #4d91ff; padding: 0; font-size: 12px;text-shadow: 0 -1px 0 rgba(0,0,0,.12); box-shadow: 0 2px 0 rgba(0,0,0,.045);}
.build-card-item:hover .opt button { display: block;}
.build-card-item:hover{ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.11); cursor: pointer;}

/* 底部分页 */
.nge-bottom{ position: relative; padding: 15px 0 5px 0;}
.nge-bottom .nge-actions{ float: left; padding-left: 15px; line-height: 28px;}
.nge-bottom .nage-page{ float: right; margin: 2px 0; }
.nge-bottom .nage-page ul li{ display: inline-block;}
.nge-bottom .nage-page ul li a{ display:block; min-width:28px; height: 28px; color: #383838; font-size: 13px; text-align: center; padding: 0 4px; line-height: 26px; border: 1px solid #ddd;}
.nge-bottom .nage-page ul li a:hover{color: #04bd88; border-color: #04bd88; }
.nge-bottom .nage-page ul li.active a{ border-color: #04bd88; background: #04bd88; color: #fff;}
.nge-bottom .nage-page ul li.prve a,.nge-bottom .nage-page ul li.next a{ border-color: #fff; font-size: 12px;}
.nge-bottom .nage-page ul li.prve a:hover,.nge-bottom .nage-page ul li.next a:hover {color: #04bd88;}
.nge-bottom .nage-page ul li.prve.disabled a{ color: #ababab; cursor: default;}

/* 弹层---------------------- */
.hp-dialog{position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,.5); display: table;}
.hp-dialog-wrap{display: table-cell; vertical-align: middle; text-align: center;}
.hp-dialog-content{display: inline-block; position: relative; border-radius: 5px; margin: 0 auto; min-width: 400px; box-shadow: 0 5px 20px rgba(0,0,0,.1); text-align: left; background: #fff;}
.hp-dialog-content .hp-dialog-cancel{color: #434343; position: absolute; right: 10px; top: 8px; font-size: 14px; z-index: 9;}
.hp-dialog-header{ position: relative; padding: 16px 30px 16px 30px; border-bottom: 1px solid #e8eaec;}
.hp-dialog-header h3{ font-size: 14px; color: #343858; font-weight: bold;}
.hp-dialog-close{ position: absolute; right: 30px; top: 20px; font-size: 12px; color: #999; z-index: 99;}
.hp-dialog-close:hover{ color: #333;}
.hp-dialog-main{ padding: 30px;}
.form-group-item{ position: relative; min-height: 32px; margin-bottom: 20px; display: flex; }
.form-group-item.sm{ margin-bottom: 10px;}
.form-group-item > label{ font-size: 12px; line-height: 35px; color: #343858; width: 120px; padding: 0 15px 0 0; text-align: right;}
.form-group-item > label .required{ margin-right: 5px;}
.form-group-item .form-value{ padding-right: 10px; line-height: 35px; font-size: 13px;}
.form-group-item .form-value .form-control{ height: 35px;font-size: 12px; border: 1px solid #e0e0e0; border-radius: 3px; }
.form-group-item .form-value .form-control:focus{ border-color: #04bd88;box-shadow: inset 0 0 5px rgba(0,174,102,.1);}
.form-group-item .form-value > .i-checks{ line-height: 32px; font-size: 13px; }
.form-group-item .form-value .i-checks{ margin-right: 30px;}
/* .form-group-item .form-value .i-checks+.i-checks{ margin-left: 30px;} */
.form-group-item .form-value .btn{ height: 40px;  line-height: 38px; border-radius: 3px;padding: 0 30px; display: inline-block;}
.form-group-item .form-value .btn+.btn{ margin-left: 10px;}
.form-group-item .form-value .btn-sm{ height: 35px; line-height: 35px; padding: 0 15px;}
.hp-dialog-footer{ padding:0 40px 30px 40px;}
.hp-dialog-footer .btn-primary{ display: block; height: 40px; line-height: 40px; border-radius: 2px; font-size: 14px;}
.cs-list+.cs-list{ margin-top: 10px;}
.wbox{ position: relative;}
.wbox .form-control{ width: 100%;}
.wbox .unit{ position: absolute; right: 1px; top: 1px; font-size: 12px; color: #484848; line-height: 34px; padding: 0 15px; border-radius: 0 3px 3px 0; background: #f3f4f8;border-left: 1px solid #e0e0e0;}
.wbox+.wbox{ margin-left: 5px;}
.cs-v-list li{ line-height: 30px;}
.cs-v-list li .i-checks{ font-size: 13px; }
.form-group-item .form-value .cs-v-list { padding-top: 2px;}
.picture-upload-box .picture-item{ position: relative; display:inline-block; vertical-align: top; text-align: center; color: #484848; width: 60px; height: 60px; border-radius: 3px; border: 1px solid #d2d2d2;}
.picture-upload-box .picture-item i{ display: inline-block; margin: 14px 0 5px 0;}
.picture-upload-box .picture-item p{ line-height: 20px;}
.picture-upload-box .picture-item:hover{ color: #04bd88; border-color: #04bd88;}
.picture-upload-box .picture-item+.picture-item{ margin-left: 5px;}
.picture-upload-box .picture-item img{ width: 100%; height: 100%;}
.picture-actions{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(0,0,0,.5); z-index: 9; line-height: 60px;}
.picture-actions a{color: #fff; display: inline-block; margin:0 5px;}
.picture-upload-box .picture-item:hover .picture-actions{ display: block;}
.household-ul{padding-bottom: 10px;}
.household-ul li{ position: relative; font-size: 13px; color: #333; line-height: 32px; margin-bottom: 5px; min-height: 32px;}
.household-ul li label{ position: absolute; left: 0; top: 0; font-size: 13px; line-height: 32px; color: #333; width: 100px; padding: 0 10px 0 0; text-align: right;}
.household-ul li .value{ padding-left: 110px; padding-right: 10px;}
.success-tip{ background: rgba(0,0,0,.8); border-radius: 2px; box-shadow: 0 5px 15px rgba(0, 0, 0, .2); padding:25px 30px; position: absolute; left: 50%; top: 50%; margin-left: -150px; transform: translateY(-100%); z-index: 9999;}
.success-tip{ text-align: center; display: flex; align-items: center; justify-content: center; min-width: 300px;}
.success-tip i{ font-size: 24px; color: #e7325b; margin-right: 20px;}
.success-tip img{ width: 24px; height: 24px; margin-right: 20px;}
.success-tip  .success-tx{ font-size: 18px; color: #fff;}
/* 创建小区 */
.create-community-left{ float: left; width: 470px;}
.create-header{ font-size: 16px; color: #475669; border-bottom: 1px solid #f0f0f0; line-height: 60px; padding: 0 20px;}
.community-ul{ padding: 0 20px;}
.community-ul li{ position: relative; padding: 15px 0 0 0;}
.community-ul li label{ font-size: 14px; color: #333; display: block; }
.community-ul li .value .form-control{ border: none; font-size: 14px; padding: 15px 0; width: 100%; border-bottom: 1px solid #f0f0f0;}
.community-ul li .value .form-control:focus{ border-color: #04bd88;}
.community-ul li .map-checked { position: absolute; right: 0; top: 15px;}
.community-ul li .map-checked .i-checks{ font-size: 13px; color: #666;}
.create-community-right{ float: right; position: relative; width:470px; padding: 12px; height: 650px;}
.mapbox{ position: relative; width: 100%; height: 100%; background: #f2f2f2; border-radius: 4px;}
.logo-upload{ position: relative; display: inline-block; vertical-align: middle; width: 100px; height: 100px; border: 1px dashed #e2e2e2; margin-top: 15px; text-align: center;}
.logo-upload > i{ font-size: 20px; display: inline-block; margin: 25px 0 10px 0; color: #666;}
.logo-upload p{ font-size: 14px; color: #666;}
.upload-tips{display: inline-block; font-size:13px; margin-top: 20px; color: #999; line-height: 20px; width: 240px; margin-left: 20px; vertical-align: middle;}
.community-footer{ padding: 0 20px; margin-top: 30px;}
.community-footer .btn{ height: 36px;  line-height: 36px; border-radius: 999rem; width: 100px;}
.community-footer .btn+.btn{ margin-left: 10px;}
/* 权限设置 */
.power-list{ padding: 20px 0;}
.power-list dl{ position: relative; min-height: 32px; margin: 12px 0;}
.power-list dl dt{ position: absolute; left: 0; top: 0; line-height: 34px;}
/* .power-list dl dt .i-checks{ font-size: 14px;} */
.power-list dl dt .i-checks .icon{ font-size: 13px; margin:0 5px 0 2px; color: #04bd88;}
.power-list dl dd{ padding-left: 140px; line-height: 34px;}
.power-list dl dd .i-checks{ width: 120px;}
.ngdialog-buttons{ text-align: right;}
.ngdialog-buttons .btn{ display: inline-block; line-height: 36px;height: 36px; border-radius: 2px; padding: 0 20px; font-size: 14px;}
.ngdialog-buttons .btn.btn-text{ padding: 0; margin-right: 20px;}

/* 账户管理 */
.nge-tab{ border-bottom: 1px solid #eee; padding: 10px 0 15px 0; margin:0 20px}
.nge-tab ul li{ display: inline-block; margin-right: 60px;}
.nge-tab ul li a{ color:rgba(52,56,88,.5); font-size: 14px;}
.nge-tab ul li.active a{ color: #333;}
.Payments{ padding: 20px;}
.Payments h3{ font-size: 16px; color: #333; border-bottom: 1px solid #eee; padding: 0 0 10px 0; margin-bottom: 20px;}
.Payments .payment-fal ul li{ font-size: 14px; line-height: 38px; color: #333; display: inline-block; width: 300px;}
.Payments .payment-fal ul li .label{ color: rgba(0,0,0,.45);}
.Payments .buttonWrap { margin-top: 20px;}
.Payments .buttonWrap .btn{ margin-right: 10px;}
.vollage-box{ display: inline-block; vertical-align: top; border-radius: 4px; width: 260px; height: 155px; padding: 20px; border: 1px solid #eaeaea; margin:10px 20px 10px 0; box-shadow: 0 -2px 0 rgba(0,0,0,.1);}
.vollage-box ul li{ font-size: 13px; color: #333; line-height: 25px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.vollage-box ul li .label{ color: rgba(0,0,0,.45);}
.vollage-box .actions{ margin-top: 20px; text-align: right;}
.vollage-box .actions a{position: relative; color: #04bd88; font-size: 13px;}
.vollage-box .actions a:hover:after{ content: ''; position: absolute; left: 0; right:0; bottom:0; height: 6px; background: rgba(4,189,136,.15);}
.des-number{ display: flex; align-items: center;}
.des-number a{ display: flex; width: 26px; height: 26px; border: 1px solid #ddd; border-radius: 999rem; justify-content: center;align-items: center; font-size: 18px; color: #999;}
.des-number a:hover{ border-color: #ff5e5b; color: #ff5e5b;}
.des-number input.form-control{ border: none !important; border-bottom: 1px solid #ddd !important; width: 60px; border-radius: 0 !important; text-align: center; box-shadow: none !important; font-size: 14px !important;}

/* page --------------------- */
.page{ padding:20px 0; text-align:center;}
.page ul li{ display:inline-block;}
.page ul li a { display:block; line-height:34px; padding:0 14px;background:#fff;border:1px solid #dedede;font-family:Microsoft Yahei; font-size:14px; color:#666;}
.page ul li.active a,.page ul li:hover a { background:#5b9ad9; color:#fff; border:1px solid #5b9ad9;}
.page ul li.disabled a{ background:#f0f0f0; color:#bfbfbf; cursor:default; border:1px solid #dedede;}

/* modal后续可删 */
.modal-backdrop{ z-index: 999;}
.modal.in{ display: flex !important; align-items: center; justify-content: center;}
.modal-content{ box-shadow: 0 5px 15px rgba(0, 0, 0, .2); border: none;}
.modal-header{ padding: 15px 20px;}
button.close{ font-size: 14px;}
.modal-header .close{ margin-top: 6px;}
.modal-body{ padding: 30px;}
.modal-title{ font-size: 14px; font-weight: bold; line-height: 25px;}
.modal-body .lg-form{ padding: 20px 0;}

/* 收银台 */
.cashier-search{ position: relative; width: 600px; margin: 0 auto; margin-bottom: 10px;}
.cashier-search .tab { position: relative; z-index: 2;}
.cashier-search .tab ul{ display: flex; align-items: center; }
.cashier-search .tab ul li{ color: #999; border: 1px solid #e6e6e6; padding: 0 10px; padding: 0 15px; line-height: 24px; cursor: pointer;}
.cashier-search .tab ul li.active{ border-color: #04bd88; color: #04bd88;}
.cashier-search-box{ position: relative; margin-top: 2px; display: flex; align-items: center;}
.cashier-search-box input{ height: 40px; border: 1px solid #e2e2e2;width: 100%; font-size: 14px;}
.cashier-search-box a{ position: absolute; right: 0; top: 0; z-index: 9; color: #04bd88; font-size: 16px; display: block; padding: 0 20px; height: 40px; line-height: 40px;}
.cashier-search-box a:hover{ color: #04bd88;}
.cashier-search-box.house input{ padding-left: 100px;}
.cashier-search-box.house .cashier-search-matching{ left: 90px;}
.selected-opt-box{ position: relative; width: 90px;}
.selected-opt-box input{ width: 100%;}
.selected-opt-all{ position: relative; flex: 1;}
.cashier-opt-wrap{ position: absolute; left: 0; top: 100%; width: 90px; background: #fff; z-index: 19; margin-top: 2px; box-shadow: 0px 5px 20px rgba(171, 171, 171, 0.35);}
.cashier-search-matching{ position: absolute; left: 0; top: 100%; right: 0; background: #fff; z-index: 19; margin-top:2px; box-shadow: 0px 5px 20px rgba(171, 171, 171, 0.35); padding: 8px 0;}
.cashier-search-matching ul li,.cashier-opt-wrap ul li{ display: flex; align-items: center; line-height: 35px; font-size: 14px; padding: 0 20px;}
.cashier-search-matching ul li span { flex: 1;}
.cashier-search-matching ul li:hover,.cashier-opt-wrap ul li:hover{background: #f5f5f5; cursor: pointer;}
.cashier-main{ height: calc(100% - 132px); overflow-y: auto; overflow-x: hidden; }
.pay-all{ align-items: center;}
.pay-all .pay-iss{background:#ffffff; padding: 20px; border-bottom:1px solid #eee;}
.pay-all .pay-iss:first-child{ margin-left: 0;}
.pay-all .pay-iss .title{ font-size: 14px; color: #333; font-weight: bold;}
.pay-all .pay-iss .pay-button{ margin-top:20px; box-shadow: 0px 3px 7px 0px rgba(4, 189, 136, 0.55); cursor: pointer; height: 40px; line-height: 40px; display: block; background: #04bd88; font-size: 14px; color: #fff; border-radius: 8px; text-align: center;}
.pay-cycle{ display: flex; align-items: center; justify-content: flex-end;}
.pay-cycle .actions-btn{ border-radius: 999rem; font-weight: bold; width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; color: #999; background: #04bd88; color: #fff; font-size: 16px; cursor: pointer;}
.pay-cycle .actions-btn:hover{ opacity: .8;}
.pay-cycle input{ width:60px; border: none; border-bottom: 1px solid #aaa; margin: 0 10px; font-size: 16px; color: #333; text-align: center;}
.pay-cycle input:focus{ border-bottom-color: #04bd88;}
.pay-cycle span { margin-left: 15px; color: #333;}
.pay-control{ display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}
.cashier-sider {width: 260px; position: absolute; right: 20px; top: 20px; bottom: 20px; background: #fff; overflow-x: hidden; overflow-y: auto;}
.orderDetail{ padding: 20px 40px;}
.orderDetail-list ul li{ display: flex; font-size: 14px; line-height: 34px;}
.orderDetail-list ul li+li{ margin-top: 8px;}
.orderDetail-list ul li label{ color: rgb(91,107,115); width: 100px; }
.orderDetail-list ul li .value{ color: rgb(31,41,46); font-family: Arial, Helvetica, sans-serif;}
.orderDetail-list ul li .value .mList{ color: #787878; font-size:12px; display: flex; border-bottom: 1px dotted #e6e6e6;}
.orderDetail-list ul li .value .mList:first-child{ font-weight: bold; color: rgb(31,41,46);}
.orderDetail-list ul li .value .mList .iis{ width: 200px;}
.orderDetail-list ul li .value .mList .iis:first-child{ width: 260px;}
.detail-top{ display: flex; align-items: center; justify-content: space-between; font-size: 18px; color: #333; margin-bottom: 15px;}
.detail-top img{ width: 50px; height: 50px; margin-right: 20px;}
.detail-top .xm{ display: flex; align-items: center;}
.orderDetail-list{ border: 1px solid #eee; padding: 20px 40px;}
.order-pay{ text-align: right; padding-top: 20px; padding-left:40px; display: flex; align-items: center; justify-content: flex-end;}
.order-pay .price{ font-size: 14px; color: #666; font-family: Arial, Helvetica, sans-serif; margin-right: 40px;}
.order-pay .price .form-control{ height: 35px; font-size:14px;}
.order-pay .price span { font-size: 24px; color: #e7325b;}
.order-pay .btn{ font-size: 14px;}
.account-balance{ text-align: center; margin-bottom: 40px; font-size: 14px;}
.account-balance .price{ font-size: 32px; color: #e7325b; margin-bottom: 5px;}
.remarks-box{ padding-left: 40px; font-size:14px; color: #666;}
.remarks-box textarea{ vertical-align: top;}
.orderDetail.tk { padding: 0;}
.orderDetail.tk .detail-top{ font-size: 14px; font-weight: bold; margin-top:-10px;}
.orderDetail.tk .detail-top img{ width: 40px; height: 40px;}
.orderDetail.tk .orderDetail-list ul li{ line-height: 40px;}
.orderDetail.tk .orderDetail-list ul li label{ color: #333;}
.orderDetail.tk .orderDetail-list{ padding:20px 20px;}
.refund-tx{ padding: 10px; background: rgba(4,189,136,.08);}
.cs-refund-details table{ width: 100%;}
.cs-refund-details table tr th{ background: transparent; color: #333; border-bottom: 1px dashed #ddd;}
.cs-refund-details table tr td{ border: none; color: #333;}
.supptary-add{ padding: 15px 0 0 10px;}
.supptary-add a{ color: #04bd88;font-size:12px;}
.supptary-add a i{ background: #04bd88; color:#fff; font-size: 10px; padding: 4px; margin-right: 10px; border-radius: 3px;}
.explain-list ul{ display: flex; padding-bottom: 20px;}
.explain-list ul li{ font-size: 13px; color:#333; line-height: 24px; margin-right: 60px;}
.explain-list ul li label{ color: #999;}

.cashier-default{ text-align:center; height: calc(100% - 165px); display: flex; align-items: center; justify-content: center;flex-direction:column;}
.cashier-default img{ height: 280px;}
.cashier-default p{ font-size: 16px; margin-top: 60px; }
.image-container{ width: 253px; height: 253px; margin: 0 auto;}
.image-container img{ width: 100%; height: 100%;}
.bingding-footer{ background-color: #f6f7f8; border-top: 1px dashed #dedee4; font-size: 14px; color: #5b6b73; text-align: center;  line-height: 70px;}
.wchat-binding{ color: #333;}
.wchat-binding img{ width: 24px; height: 24px; margin-right: 10px;}
.wchat-binding a{ margin: 0 !important;}
.wchat-binding span{ margin-right: 10px;}
.utip h3{ font-size: 18px; color: #333;}
.utip p{ font-size: 14px; color: #7d8694; margin-top: 10px;}