@CHARSET "UTF-8";
/*
 * view/layout/common
 */
html,body {height: 100%;}
a{cursor: pointer;}
a:hover{text-decoration:none}
p span,p span b{display: inline-block;}
P,div.p{margin:0.3rem 0;line-height:2rem;position: relative;}
.bg-c-88cc22{background-color:#88cc22 !important;}
.bg-c-f2f2f2{background-color:#f2f2f2 !important;}
.bg-c-ffffff{background-color:#ffffff !important;}
.border{border: 1px solid rgba(0,0,0,.125);}
.border-none{border: none !important;}
.border-t{border-top: 1px solid #e5e5e5;}
.border-t-n{border-top: none !important;}
.border-r{border-right: 1px solid #e5e5e5;}
.border-b{border-bottom: 1px solid #e5e5e5;}
.border-l{border-left: 1px solid #e5e5e5;}
.border-b-d{border-bottom: 1px dashed rgba(0,0,0,.125);}
.border-c009988{border-color: #009988;}
.border-c88cc22{border-color: #88cc22;}
.border-cffbb00{border-color: #ffbb00;}
.border-c55bb77{border-color: #55bb77;}
.clear{clear: both;}
.container-fluid{margin-top:48px;min-width:1280px;}
.c009988{color: #009988 !important;}
.c333333{color: #333333 !important;}
.c334455{color: #334455 !important;}
.c3cb1ff{color: #3cb1ff !important;}
.c55bb77{color: #55bb77 !important;}
.c666666{color: #666666 !important;}
.c88cc22{color: #88cc22 !important;}
.c91c42f{color: #88cc22 !important;}
.c9a83da{color: #9a83da !important;}
.cff5722{color: #ff5522 !important;}
.cff5522{color: #ff5522 !important;}
.cff7477{color: #ff7477 !important;}
.cffbb00{color: #ffbb00 !important;}
.cffffff{color: #ffffff !important;}
.cursor{cursor: pointer;}
.display-i-b{display: inline-block;}
.display-i{display: inline;}
.flex{display: flex;display: -webkit-flex;}
.float-l{float:left !important;}
.float-r{float:right !important;}
.font-s-d6r{font-size:.6rem;}
.font-s-d75r{font-size:.75rem;}
.font-s-d8r{font-size:.8rem;}
.font-s-1r{font-size:1rem !important;}
.font-s-1d2r{font-size:1.2rem;}
.font-s-1d5r{font-size:1.5rem;}
.height-50p{height:50%;overflow-x: hidden;}
.height-90p{height:90%;overflow-x: hidden;}
.height-100p{height:100%;overflow-x: hidden;}
.height-2d5r{height:2.5rem !important;}
.hide{display:none !important;}
.img24{width: 24px;height: 24px;}
.inline-block{display: inline-block;width:100%}
.input-label{display: inline-block;min-width: 5.5rem;text-align: right;margin-right: .5rem;margin-bottom: 0;color:#334455;}
.input-date{position:relative;}
.input-date .layui-icon-date{position: absolute;top: 2px;right: 5px;}
.label-about{display: none;position: absolute;width: 10rem;top: 7rem;left: -6rem;background-color: #fff;border: 1px solid rgba(0,0,0,.125);padding: 1rem;box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.05);font-size: .8rem;line-height: 1.2rem;letter-spacing: 1px;color: #345;}
.layui-nav .layui-this::after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed::after{background-color: #88cc22;}
.layer-shade{position: fixed;pointer-events: auto;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0, 0, 0); opacity: 0.6;z-index:20169900;}
.layui-layers{z-index:20169000; display:none;}
.layui-layer-dialog{z-index:20169999 !important;}
.layui-btn{letter-spacing: 2px;min-width: 6.25rem;background-color: #009988;}
.layui-btn-sm{min-width: 4.75rem;background-color: #009988;}
.layui-btn-xs{min-width: 3.25rem;height: 1.75rem;line-height: 1.75rem;}
.layui-btn-warm{background-color: #FFB800;}
.layui-btn-primary{background-color: #ffffff;}
.layui-btn-primary:hover{border: 1px solid #009988;}
.layui-form-radio{margin:0 !important;}
.layui-form-checkbox span{margin-right: 0 !important;color: #ffffff !important;min-width: 4rem;text-align: center;}
.layui-input, .layui-select, .layui-textarea{height: 1.8rem;display: inline-block;color:#333333;}
.layui-elem-quote{padding:1rem;margin-bottom:1rem;}
.left-0{left: 0 !important;}
.letter-s-0{letter-spacing: 0px;}
.letter-s-1{letter-spacing: 1px;}
.layui-quote-nm{box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.05);}
.line-h-1r{line-height:1rem;display: inline-block;}
.line-h-1d5r{line-height:1.5rem;display: inline-block;}
.line-h-1d8r{line-height:1.8rem;display: inline-block;}
.line-h-2r{line-height:2rem;display: block;}
.line-h-2d1r{line-height:2.1rem;display: inline-block;}
.line-h-40px{line-height:40px;display: inline-block;}
.list-more{position: absolute;top: 0;right: 0;height: 100%;width: 0%;background: #ffffff; opacity:0.95;}
.margin-0{margin-top:0 !important;margin-right:0 !important;margin-bottom:0 !important;margin-left:0 !important;}
.margin-t-0{margin-top:0 !important;}
.margin-t-d3r{margin-top:.3rem;}
.margin-t-d5r{margin-top:.5rem;}
.margin-t-1r{margin-top:1rem;}
.margin-r-0{margin-right:0 !important;}
.margin-r-d5r{margin-right:.5rem;}
.margin-r-1r{margin-right:1rem !important;}
.margin-r-2r{margin-right:2rem !important;}
.margin-r-3r{margin-right:3rem !important;}
.margin-b-d3r{margin-bottom:.3rem;}
.margin-b-1r{margin-bottom:1rem;}
.margin-b-2r{margin-bottom:2rem;}
.margin-b-3r{margin-bottom:3rem;}
.margin-b-4d75rem{margin-bottom:4.75rem;}
.margin-b-5r{margin-bottom:5rem;}
.margin-b-6r{margin-bottom:6rem;}
.margin-l-0{margin-left:0 !important;}
.margin-l-d5r{margin-left:.5rem !important;}
.margin-l-1r{margin-left:1rem !important;}
.margin-l-2r{margin-left:2rem !important;}
.margin-l-3r{margin-left:3rem !important;}
.margin-l-5r{margin-left:5rem !important;}
.margin-x-d5r{margin-left:.5rem; margin-right:.5rem;}
.margin-x-1r{margin-left:1rem; margin-right:1rem;}
.margin-y-d5r{margin-top:.5rem; margin-bottom:.5rem;}
.margin-y-1r{margin-top:1rem; margin-bottom:1rem;}
.mt-20{margin-top:20px;}
.mr-10{margin-right:10px;}
.mb-80{margin-bottom:80px;}
.ml-30{margin-left:30px;}
.ml-100{margin-left:100px;}
.ml-180{margin-left:180px;}
.m-h{min-height:150px;}
.m-h-60p{min-height:60px;}
.m-w-60p{min-width:60px;}
.m-w-100p{min-width:100px;}
.m-w-120p{min-width:120px;}
.m-w-150p{min-width:150px;}
.m-w-8r{min-width:8rem;}
.nav-link{display:inline-block;}
.navbar-brand{font-size:1rem;text-align:center;}
.no-border{border: none !important; }
.normal{font-weight: normal;}
.overflow{overflow:hidden;}
.overflow-x{overflow-x:hidden;}
.overflow-y{overflow-y:hidden;}
.opacity-05{opacity:0.5;}
.pr-20{padding-right:20px;}
.pr-50{padding-right:50px;}
.padding-0{padding-top:0 !important;padding-right:0 !important;padding-bottom:0 !important;padding-left:0 !important;}
.padding-t-d3r{padding-top:.3rem;}
.padding-r-d5r{padding-right:.5rem;}
.padding-r-1r{padding-right:1rem;}
.padding-r-2r{padding-right:2rem;}
.padding-r-4r{padding-right:4rem;}
.padding-r-6r{padding-right:6rem;}
.padding-b-1r{padding-bottom:1rem;}
.padding-l-0{padding-left:0 !important;}
.padding-l-1r{padding-left:1rem;}
.padding-l-2r{padding-left:2rem;}
.padding-x-1r{padding-left:1rem; padding-right:1rem;}
.padding-y-d5r{padding-top:.5rem; padding-bottom:.5rem;}
.padding-y-1r{padding-top:1rem; padding-bottom:1rem;}
.padding-1r{padding:1rem;}
.padding-d6r{padding:.6rem;}
.position-f{position: fixed;}
.position-r{position: relative;}
.remind{display:none; background-color:#fff;position: fixed;min-width: 300px;margin:-25px 0 0 -150px;min-height: 50px;top: 50%;left: 50%;font-style: normal;color: #b40000;text-align: center;line-height: 48px;border: 1px solid rgba(0,0,0,.125);border-radius: 1rem;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);z-index:99999999;}
.s{text-decoration: line-through;color: #b40000;}
.seal{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 187, 0, 0.25);font-size: 6rem;line-height: 13rem;text-align: center;color: rgba(255, 187, 0, 0.5);letter-spacing: 50px;}
a.seal:hover{color: rgba(255, 187, 0, 1);}
.state-0{border-color: rgba(255, 187, 0, .8) !important;}
.state-1{border-color: rgba(154, 131, 218, .8) !important;}
.state-2{border-color: rgba(60, 177, 255, .8) !important;}
.state-3{border-color: rgba(40, 220, 150, .8) !important;}
.text-a-l{text-align:left !important;}
.text-a-r{text-align:right !important;}
.text-a-c{text-align:center !important;}
.viewer-backdrop{z-index:20169001 !important;}
.w-180{width:180px !important;}
.w-100p{width:100% !important;}
.w-85p{width:85% !important;}
.w-40p{width:40% !important;}
.width-3r{width:3rem;}
.width-4d375r{width:4.375rem;min-width:4.375rem;}
.width-6r{width:6rem !important;}
.width-8r{width:8rem !important;}
.width-16r{width:16rem !important;}
.width-32r{width:32rem !important;}
.width-100p{width:100% !important;}
.width-100p-2r{width:calc(100% - 2rem) !important;}
.width-100p-7r{width:calc(100% - 7rem) !important;}
.width-100p-8r{width:calc(100% - 8rem) !important;}
.width-100p-12r{width:calc(100% - 12rem) !important;}
.width-100p-18r{width:calc(100% - 18rem) !important;}
.warn{color:#b40000;}
.tel{position: relative;}
.tel label{position: absolute;top: -10px;font-size: 2rem;left: 110px;padding: 10px 20px;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);border-radius: 2rem;background-color: #fff;z-index: 1;display: none;}
.text-label label{display:inline-block;background-color: #F0F0F0;border-radius: 16px;line-height: 1.5rem;padding: 0 .5rem;cursor: pointer;color: #666666;}
.text-label label.active{background-color: #5FB878;color: #FFFFFF;}
/*
 * view/nolayout
 */
.nolayout-header{background-color: #23262E;height: 64px;z-index: 20168000;position: fixed;top:0;left:0;padding:1rem 1rem 0 1rem;width:calc(100% - 2rem);}
.nolayout-header .border-r,.nolayout-header .border-l{border-color:#393D49;}
.nolayout-body{height: 100%;display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-align: center;-ms-flex-pack: center;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;/* padding-top: 40px;padding-bottom: 40px; */background-color: #23262E;text-align:center;color:#ffffff;/* background:url(../img/welcome.jpg) no-repeat center 0 #a0d2fa; */}
.nolayout-body form{padding:2rem;background-color: #393D49;border-radius: 1rem;box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);}
/*
 * view/layout/admin-area
 */
.admin-area-box{display: inline-block;position: relative;}
.admin-area-select{display:none;position: absolute;background-color: #fff;border: 1px solid rgba(0,0,0,.125);z-index: 1;box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.25);overflow: hidden;}
.admin-area dl{width: 180px;height: 200px;overflow-y: auto;padding: 5px 0;float: left;margin-bottom: 0;}
.admin-area dl dt,.admin-area dl dd{line-height: 36px;padding: 0 10px;white-space:nowrap;cursor: pointer;text-overflow: ellipsis;}
.admin-area dl dt:hover,.admin-area dl dd:hover{background-color: rgba(0,0,0,.125);}
.admin-area dl dt.active,.admin-area dl dd.active{background-color: #55bb77;color: #ffffff;}
/*
 * 谷歌、safari、qq浏览器、360浏览器滚动条样式
 */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar{width: 5px;background-color: #343a40;}  
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #343a40;}    
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #88cc22;}  
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background-color:#88cc22;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.order-submit::-webkit-scrollbar{width: 0;height: 110px;background-color: #ffffff;}  
/*定义滚动条轨道 内阴影+圆角*/  
.order-submit::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #ffffff;}    
/*定义滑块 内阴影+圆角*/  
.order-submit::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #ffffff;}  
/*滑块效果*/
.order-submit::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background-color:#88cc22;}
/*
 * view/layout/header
 */
.layui-header{height: 48px;z-index:20168000;display: flex;flex-wrap: nowrap;}
.layui-layout-admin .layui-logo{width: 11.25rem;line-height: 2.75rem; position: relative;}
.cms-logo{font-family:"Republika III Exp";width: 11.25rem;text-align:center;/* font-size: 2.58rem;line-height: 48px; */color: #88cc22;letter-spacing: 5px;display: inline-table;}
.cms-logo:hover{color: #88cc22;}
.layui-header .layui-nav .layui-nav-item{height:3rem;line-height: 3rem;}
.layui-header .layui-nav .layui-nav-child{top: 3.25rem;left: auto;right: 0;width: 21rem;}
.layui-header .layui-nav .layui-nav-child dd {width:100%;float: left;}
.layui-header .layui-nav .layui-nav-child dd.col2{width:50% !important;}
.layui-header .layui-nav .layui-nav-child dd img{width: 88px;height: 88px;padding: 0 1rem;margin:.5rem 0;float: left;}
.layui-header .layui-nav .layui-nav-child dd span{color: #333333;display: block;width: calc(100% - 128px);float: left;line-height: 30px;}
.layui-header .layui-nav .layui-nav-child dd.col2 span{line-height: 36px;padding:0 20px;}
.layui-header .layui-nav .layui-nav-child dd i,.layui-nav-child dd b{color: #333333;font-style:normal;font-family:Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
.layui-header .layui-nav .layui-nav-child dd.edit{position: absolute;right: 5px;left: auto;width: 30px;text-align: center;height: 30px;line-height: 30px;}
.layui-header form{display:flex; width:100%;color:#b5b5b5;line-height:3rem;}
.layui-header .search-input {padding: .75rem 1rem;border-width: 0;border-radius: 0;width: calc(100% - 35rem);background-color: rgba(255, 255, 255, .1);color: #fff;}
.layui-header .search{color:#b5b5b5;font-size: 1.5rem;cursor: pointer;}
.layui-header .count{line-height:3rem;letter-spacing: 1px;}
.layui-header .mycart a,.layui-header .notice a{font-size: 1.5rem;cursor: pointer;}
.layui-header .search:hover,.layui-header .mycart a:hover,.layui-header .notice a:hover{color:#88cc22 !important;}
.layui-header .mycart,.layui-header .notice{position: relative;display: inline-block;}
.layui-header .mycart i,.layui-header .notice i{position: absolute;top: .25rem;right: .5rem;width: 1rem;height: 1rem;background-color: #88cc22;color: #ffffff;text-align: center;line-height: 1rem;font-size: .7rem;letter-spacing: 0px;font-style: normal;cursor: pointer;border-radius: 1rem;}
.layui-header .notice i{background-color: #ff5522;}
.form-control-dark {color: #fff;background-color: rgba(255, 255, 255, .1);border-color: rgba(255, 255, 255, .1);}
.form-control-dark:focus {border-color: transparent;box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);}
/*
 * view/layout/nav
 */
.layui-side,.layui-nav-tree{width: 180px;z-index:20167000;}
.layui-layout-admin .layui-side{width: 180px;top: 48px;}
.layui-side-scroll{width: 200px;}
.layui-nav-tree .layui-nav-item dd a{padding-left: 2.625rem;}
.footer {letter-spacing: 0px;font-size: 0.6875rem;color: #b5b5b5;text-align: center;width: 100%;position: absolute;bottom: 0;background-color: #393D49;padding-top:.25rem;border-top:solid 5px rgba(0,0,0,.3);z-index: 20167001;}
.footer p{line-height:1rem;}
.footer p.e{letter-spacing: 0px;font-size: 0.55rem;}
/*
 * view/layout/aside
 */
aside{height:100%;width: 20%;min-width: 380px;background-color:#343a40;z-index: 100;position: fixed;top: 49px;bottom: 0;right: 1px;display:none; padding: 1rem 0;}
aside .mycart-list{overflow-x: hidden;overflow-y: auto;height: calc(100vh - 168px); height: -moz-calc(100vh - 168px);height: -webkit-calc(100vh - 168px); }
aside .mycart-list .list .list-img{width: 66px;height:66px;} 
aside .mycart-list .list .img-box{width: 66px;margin: .5rem;} 
aside .mycart-list .list .name{color: #005aa0;font-size: 1rem;letter-spacing: 1px;}
aside .mycart-list .list .detail{position: absolute;left: 80px;}
aside .mycart-list .list .detail i,aside .count i{font-size: .6rem;}
aside .page{position: fixed;right: 1px;bottom: 0;width: 20%;height: 100px;background-color:#343a40;margin-bottom: 0 !important;min-width: 380px;}
aside .page p{width: 100%;margin-top: .5rem !important;}
aside .page p.count{color: #ffffff;}
aside .page p.button{text-align: center;line-height: 32px;margin-top:0;top:auto;bottom:0;}
aside .page p.button a{display: inline-block;letter-spacing: 2px;min-width: 100px;border-radius: 5px;border: none;background-color: #f5f5f5;color: #121212;}
aside .page p input[type="submit"],aside .page p input.submit,aside .page p input[type="button"]{cursor: pointer;letter-spacing: 2px;min-width: 100px;border-radius: 5px;border: none;color:#334455;}
aside .page p input[type="button"]{background-color: #334455;color: #ffffff;margin-right:1rem;}
aside .page p .submit{background-color: #f5f5f5 !important;color: #121212 !important;}
aside .no-product{margin: 5rem 0 0 0;text-align: center;}
aside .no-product img{width: 50%;margin-bottom: 1rem;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.60;}
aside .no-product p{color:#b5b5b5;}

aside .order-submit{top:10%;}
aside .order-submit{overflow-x: hidden;overflow-y: auto;height: calc(90vh - 100px); height: -moz-calc(80vh - 100px);height: -webkit-calc(80vh - 100px); }
aside .order-submit .list .list-img{width: 66px;height:66px;} 
aside .order-submit .list .img-box{width: 66px;margin: .5rem;} 
aside .order-submit .list .name{color: #005aa0;font-size: 1rem;}
aside .order-submit .list .detail{position: absolute;left: 80px;}
aside .order-submit .list .detail p{width: auto;margin: 0.3rem 0;}
aside .order-submit p.button{margin: 1.5rem auto 2rem;}
aside .order-submit h3{margin-bottom: 2rem;}
aside .order-submit .detail i{font-size: .6rem;}
aside .order-submit .customer input{width:120px !important;}

/*
 * view/layout/layui-body
 */
.user-signature-content{position: absolute;overflow: hidden;top:0;left:0;width:100%;height:100%;}
.user-signature-content span{transform: rotate(-15deg);position: absolute;overflow: hidden;z-index: 2016;opacity: 0.15;color: #88cc22;text-align: center;display: block;}
.layui-layout-admin .layui-body{top: 48px;bottom: 0;left: 180px;padding: 1.5rem;z-index: 20166000;min-width: 1300px;}
.staff-training{max-height:676px;overflow-x: hidden;width: calc(100% + 1.5rem);padding-right: .8rem;margin: .5rem 0;}
@-moz-document url-prefix(){.staff-training{max-height:706px;width: calc(100% + 2rem);}}
.staff-appraise{max-height:878px;overflow-x: hidden;width: calc(100% + 1.5rem);padding-right: .8rem;margin: .5rem 0;}
@-moz-document url-prefix(){.staff-appraise{max-height:850px;width: calc(100% + 2rem);}}
.customer-connection{max-height:622px;overflow-x: hidden;width: calc(100% + .8rem);padding-right: 2rem;height:100%;}
@-moz-document url-prefix(){.customer-connection{max-height:594px;width: calc(100% + 1rem);}}
.customer-trace{max-height:1158px;overflow-x: hidden;width: calc(100% + .8rem);padding-right: 2rem;height:100%;}
@-moz-document url-prefix(){.staff-trace{max-height:1130px;width: calc(100% + 2rem);}}
.building{text-align: center;}
.building img{width:40%;}
.building P{font-size:1.6rem;}
.full-search{letter-spacing:2px;}
.full-search ul,.type-search dl{background-color: rgba(255, 255, 255, 0.6);list-style: none;font-size:0.8rem;display:inline-block;margin:.3rem 0;line-height: 2rem;box-shadow: 0 0 1rem 0.1rem rgba(33, 37, 41, 0.05);word-wrap: break-word;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;min-width: 0;border-radius: .25rem;}
.type-search dl{display:inline-block !important;}
.full-search ul li,.type-search dl dd{float:left;margin:0 1rem;/* width:6.25rem; */display:inline-block;}
.full-search ul li.th,.type-search dl dd.th{width:4rem;}
.full-search ul li a,.type-search dl dd a{display:inline-block;color:#666666;}
.full-search ul li a.active,.full-search ul li.active a,.type-search dl dd a.layui-this,.type-search dl dd.layui-this a{color:#88cc22;/* font-size:1rem; */}
.full-search .admim-div span{position: relative;}
.full-search .admim-div span small{letter-spacing: 0;}
.full-search .admim-div input{border: none;background-color: rgba(255, 255, 255, 0.6);list-style: none;font-size:0.8rem;padding-left:1rem;display:inline-block;margin:.3rem 0;line-height: 2rem;box-shadow: 0 0 1rem 0.1rem rgba(33, 37, 41, 0.05);word-wrap: break-word;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;width: 130px;border-radius: .25rem;color: #666666;cursor: pointer;}
.full-search .admim-div label.icon-xialajiantou{position: absolute;top: 0px;right: 12px;color: #aeaeae;cursor: pointer;}
.full-search .admim-div span ul{display: none;position: absolute;width: 146px;left: 0;top: 26px;background-color: #fff;z-index:1;overflow-x: hidden;height: 18rem;}
.full-search .admim-div span ul li{width:calc(100% - 2rem);margin: 0;padding: .25rem 1rem;}
.full-search .admim-div span ul li a{min-width:100px;padding: 0;}
.on{border-color: rgba(136, 204, 34, 1);}
.on .border-l{border-left: 1px solid rgba(145, 196, 47, .5) !important;}
.out{border-color: rgba(255, 187, 0, 0.6);}
.out .border-l{border-left: 1px solid rgba(255, 187, 0, .4) !important;}
.list {display: flex;position: relative;box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.05);word-wrap: break-word;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;min-width: 0;/* background-color: #fff; */background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;letter-spacing:1px;font-size:0.8rem;color:#666666;}
.img-box{position: sticky;top: 0;width:100px;text-align:center;}
.staff-list .img-box{height:160px;margin-top: .5rem;margin-right: 1rem;}
.img-box lable{display: inline-block;width:100px;height:20px;background:url(../img/five-star.png) no-repeat left center;}
.staff-list .img-box lable{position: absolute;left: 0;bottom: 6px;}
.img-box span{display: inline-block;width:100px;height:20px;position: absolute;left: 0;top: 115px;background-color:rgba(0, 0, 0, 0.2);color: #ffffff;}
.list-img-a{display: inline-block;width:100px;height:134px;}
.list-img {border-top-left-radius: calc(.25rem - 1px);border-top-right-radius: calc(.25rem - 1px);border-bottom-left-radius: calc(.25rem - 1px);border-bottom-right-radius: calc(.25rem - 1px); width:100px;height:134px;object-fit: cover;}
.staff-list span{display:inline-block;}
.staff-list .line{border-bottom: 1px solid rgba(0,0,0,.125);}
.staff-list .layui-progress{position: absolute;width: calc(100% + 6px);left: -5px;bottom: -2px;height: 3px;}
.staff-list .layui-progress-bar{height: 3px;}
.staff-list .layui-progress-text{top: -2px;font-size: .6rem;}
p.label{line-height:1.375rem;}
.label span{padding:0 .5rem;margin: .3rem .5rem .3rem 0;min-width: 4.6rem;text-align: center;}
.label .tag-0{/* color:#28dc96; */border: 1px solid rgba(40, 220, 150, .8);border-radius: 12px;color:#ffffff;background-color: rgba(40, 220, 150, .8);}
.label .tag-1{/* color:#3cb1ff; */border: 1px solid rgba(60, 177, 255, .8);border-radius: 12px;color:#ffffff;background-color: rgba(60, 177, 255, .8);}
.label .tag-2{/* color:#9a83da; */border: 1px solid rgba(154, 131, 218, .8);border-radius: 12px;color:#ffffff;background-color: rgba(154, 131, 218, .8);}
.label .tag-3{/* color:#ff7477; */border: 1px solid rgba(255, 116, 119, .8);border-radius: 12px;color:#ffffff;background-color: rgba(255, 116, 119, .8);}
.brief{line-height: 1.5rem;}
.copy{text-align: right;margin-bottom: 1rem;}
.copy .copy-btn{cursor: pointer;border: none;background-color: rgba(0,0,0,0);color: #3cb1ff;line-height: 24px;}
.updatetime{position: absolute;bottom: .25rem;right: .5rem;font-size: .7rem;color: #999999;}
.updatetime a{display: inline-block;}
.updatetime a img{width: 22px;height: 22px;margin: 0 5px;}
.more-r .updatetime{right: 1.5rem;}
.detail .name a{color:#333333;}
a.icon-fangke1, a.icon-fangke2{position: absolute;right:.5rem;bottom:1.5rem;color: #666666;}
a.icon-fangke1{color: #88cc22;}
.more-r a.icon-fangke1,.more-r a.icon-fangke2{right: 1.5rem;}
.label-l{position: absolute;width: 1rem;top: 1rem;left: -1.1rem;font-size: .75rem;text-align: center;padding: .5rem 0 .5rem .1rem;border: 1px solid rgba(0,0,0,.125);border-right: none;background-color: #fff;border-radius: .25rem 0 0 .25rem;color: #999;border-left: 2px solid #8c2;}
.name{font-size:1.5rem;letter-spacing: 2px;min-width:120px;color:#333333;}
.detail .type{min-width:110px;}
.detail .money{font-size:1.5rem;}
.icon-nvxing{color: #ff7477;}
.icon-nanxing{color: #3cbeff;}
.tel{min-width:110px;}
.age{min-width:70px;}
.zodiac{min-width:60px;}
.zodiac i{font-size:1rem !important;}
.page{position: relative;font-size:0.8rem;margin:.3rem 0;height:32px;line-height: 2rem;box-shadow: 0 0 1rem 0.1rem rgba(33, 37, 41, 0.05);-webkit-box-orient: vertical;-webkit-box-direction: normal;border-radius: .25rem;text-align: center;letter-spacing:2px;}
.page p{position: absolute;right:0;top:0;}
.page p .income,.page p .payment{display: inline-block;margin:0 .5rem;font-size:0.75rem;letter-spacing: 1px;font-weight: bold;}
.page p .income{color:#88cc22;}
.page p .payment{color:#ed9920;}
.pagination{margin:0 auto;display:inline-block;color:#666666;}
.pagination li{min-width:40px;margin:0 .3rem;float:left;}
.pagination li a{display:inline-block;min-width:40px;color:#009988;}
.pagination li a:hover{box-shadow: 0 0 .3rem 0.1rem #3cb1ff;}
.pagination li i{font-style:normal;}
.pagination li.disabled span{color:#009988;}
.pagination .active{font-size:1.25rem;color:#88cc22;}
.bottom-fixed{position: fixed;padding: 0;bottom: 0;left: 180px;z-index: 11;max-width: calc(100% - 196px);}
.bottom-fixed .list{border: none;box-shadow: none;}
.bottom-fixed span{position: absolute;top: .75rem;left: 1rem;font-size:.8rem;}
.bottom-fixed label{position: absolute;top: 1rem;right: 0;font-size:.75rem;}
.bottom-fixed span i{position: relative;}
.bottom-fixed span.layui-progress-text{top: .25rem;right: -.5rem;font-size:.6rem;}
.popup{display:none; padding: 2rem;background-color:#fff;position: fixed;width: 40%;min-width: 800px;min-height: 60%;max-height: 80%;overflow-y: auto;top: 10%;left: 30%;border: 1px solid rgba(0,0,0,.125);border-radius: 1rem;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);}
.popup .photo-r{width:100%;height:50%;border-top-left-radius: calc(1rem - -50px);border-top-right-radius: calc(1rem - -50px);border-bottom-left-radius: calc(1rem - -50px);border-bottom-right-radius: calc(1rem - -50px); object-fit: cover;}
.popup h3{text-align: center;}
.popup p span{margin-right: .5rem;color: #333333;}
.popup p span.f4{width: 69px;}
.popup p.button{text-align: center;line-height: 32px;}
.popup p input[type="submit"],.popup p input[type="button"],.popup p input[type="reset"]{cursor: pointer;letter-spacing: 5px;min-width: 100px;border-radius: 5px;border: none;color:#334455;}
.popup p input[type="submit"],.popup p input.submit{background-color: #334455;color: #ffffff;margin-right:1rem;}
.popup p input[type="text"]{color: #333333;border: 1px solid rgba(0,0,0,.125);padding: 0 .5rem;height: 1.6rem;margin-right: .5rem;}
.popup p input[type="radio"]{margin-right: .5rem;}
.popup ul{display: inline-block;}
.popup ul li{display: inline-block;width:100%;}
.popup ul li p{display: block;float: left;}
.popup ul li a{display: inline-block;float: left;margin: 0.3rem 0;}
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text{padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;}
.btn-group, .btn-group-vertical{position: relative;display: inline-flex;vertical-align: middle;}
.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-primary{color: #fff;cursor: pointer;background-color: #28B858;border-color: #28B858;}
.jhy-switch{margin: 0 !important;min-width: 66px;text-align: center;}
.jhy-switch i{background-color: #fff;}
.jhy-switch-l{}
.jhy-switch-r{margin-left: -28px !important;}
.jhy-switch-select{z-index:2;border-color: #5FB878;background-color: #5FB878;}
.jhy-switch-select em{color: #fff !important;}
.jhy-switch-unselect{z-index:1;border: 1px solid #5FB878;background-color: #fff;}
.jhy-switch-unselect em{color: #5FB878 !important;}
/*
 * view/layout/console
 */
.console .console-nav .schedule{border: 1px solid rgba(40, 220, 150,.5);}
.console .console-nav .schedule p span{color: #28dc96;}
.console .console-nav .schedule p i{display:block;color: #28dc96;}
.console .console-nav .schedule p label,.console .console-nav .postrecord label,.console .console-nav .visitor label,.console .console-nav .training label,.console .console-nav .financial label,.console .console-nav .todolist label,.console .console-nav .renewals label,.console .console-nav .return-visit label,.console .console-nav .payment label,.console .console-nav .insurance label{display:block;}
.console .console-nav .postrecord{border: 1px solid rgba(60, 177, 255,.5);}
.console .console-nav .postrecord p span{color: #3cb1ff;}
.console .console-nav .postrecord p i{display:block;color: #3cb1ff;}
.console .console-nav .visitor{border: 1px solid rgba(100, 200, 200,.8);}
.console .console-nav .visitor p span{color: #64c8c8;}
.console .console-nav .visitor p i{display:block;color: #64c8c8;}
.console .console-nav .training{border: 1px solid rgba(0, 153, 136,.5);}
.console .console-nav .training p span{color: #009988;}
.console .console-nav .training p i{display:block;color: #009988;}
.console .console-nav .financial{border: 1px solid rgba(255, 136, 0,.5);}
.console .console-nav .financial p span{color: #ff8800;}
.console .console-nav .financial p i{display:block;color: #ff8800;}
.console .console-nav .todolist{border: 1px solid rgba(140, 50, 235,.5);}
.console .console-nav .todolist p span{color: #8c32eb;}
.console .console-nav .todolist p i{display:block;color: #8c32eb;}
.console .console-nav .renewals{border: 1px solid rgba(180, 0, 0,.5);}
.console .console-nav .renewals p span{color: #b40000;}
.console .console-nav .renewals p i{display:block;color: #b40000;}
.console .console-nav .return-visit{border: 1px solid rgba(255, 116, 119,.5);}
.console .console-nav .return-visit p span{color: #ff7477;}
.console .console-nav .return-visit p i{display:block;color: #ff7477;}
.console .console-nav .payment{border: 1px solid rgba(255, 187, 0,.5);}
.console .console-nav .payment p span{color: #ffbb00;}
.console .console-nav .payment p i{display:block;color: #ffbb00;}
.console .console-nav .insurance{border: 1px solid rgba(154, 131, 218,.5);}
.console .console-nav .insurance p span{color: #9a83da;}
.console .console-nav .insurance p i{display:block;color: #9a83da;}
.console .console-nav ul li{padding:5px 10px;}
.console .console-nav ul li p{line-height: 3rem;height: 50px;}
.console .console-nav ul li p span{font-size: 1.2rem;line-height: 3rem;color: #334455;}
.console .console-nav ul li p a span.iconfont{font-size: 1.5rem;line-height: 3rem;width: 50px;height: 50px;border-top-left-radius: calc(1rem - -50px);border-top-right-radius: calc(1rem - -50px);border-bottom-left-radius: calc(1rem - -50px);border-bottom-right-radius: calc(1rem - -50px);object-fit: cover;border: solid 2px rgba(51, 68, 85, .8);text-align: center;letter-spacing:-1px;}
.console .console-nav ul li p a span.icon-richeng{color: #28dc96;border: solid 2px rgba(40, 220, 150, .8);}
.console .console-nav ul li p a span.icon-gangweifabu{color: #3cb1ff;border: solid 2px rgba(60, 177, 255, .8);}
.console .console-nav ul li p a span.icon-fangke{color: #64c8c8;border: solid 2px rgba(100, 200, 200, .8);}
.console .console-nav ul li p a span.icon-peixun{color: #009988;border: solid 2px rgba(0, 153, 136, .8);}
.console .console-nav ul li p a span.icon-caiwujiesuan{color: #ff8800;border: solid 2px rgba(255, 136, 0, .8);}
.console .console-nav ul li p a span.icon-daiban{color: #8c32eb;border: solid 2px rgba(140, 50, 235, .8);}
.console .console-nav ul li p a span.icon-xufeitixing{color: #b40000;border: solid 2px rgba(180, 0, 0, .8);}
.console .console-nav ul li p a span.icon-huifang{color: #ff7477;border: solid 2px rgba(255, 116, 119, .8);}
.console .console-nav ul li p a span.icon-jiesuanguanli{color: #ffbb00;border: solid 2px rgba(255, 187, 0, .8);}
.console .console-nav ul li p a span.icon-baoxian{color: #9a83da;border: solid 2px rgba(154, 131, 218, .8);}
.console .console-nav ul li p i{display:none;font-style: normal;font-size: 1rem;line-height: 3.6rem;float:right;}
.console .console-nav ul li p label{display:none;position: absolute;top: 15px;right: -53px;width: 24px;height: 24px;padding: 0;margin: 0;border: 1px solid rgba(0,0,0,.125);border-top: none;border-right: none;border-radius: 0 0 0 .125rem;background-color: #fff;z-index: 1;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.console .console-content{}
.console .console-content .layui-tab-title li{min-width: 6rem;}
.console .console-content .layui-tab-title li.layui-this::after{border-bottom: 2px solid #88cc22;}
.console .console-content .layui-tab-title .layui-badge{font-size: .7rem;top: -1px;height: .9rem;line-height: .9rem;padding: 0 .25rem;}
.console .console-content h6{line-height: 2.5rem;margin: .5rem 0;color: #334455;}
.console .console-content h6 a{display: inline-block;width: 1.6rem;text-align: center;}
.console .console-content h6 input[type="text"]{width: 7.5rem;height:1.6rem;padding:0 .5rem;border:1px solid rgba(0,0,0,.125);color: #666666;}
.console .console-content h6 input[type="submit"],.console .console-content h6 input.submit{background-color:#334455;color: #ffffff;border: none;border-radius: 5px;min-width:60px;letter-spacing:2px;height: 26px;line-height: 26px;font-size: .8rem;cursor: pointer;}
.console .console-content .todolist .icon-select,.console .console-content .todolist .icon-selected{cursor: pointer;}
.console .schedule-content p{color: #333333;padding:.5rem 0;}
.console .schedule-content p b{display: inline-block;min-width:20px;text-align: right;font-weight: normal;color: #334455;}
.console .schedule-content p b a{color: #334455;}
.console .schedule-content p i{position: absolute;right: 0;font-size: .7rem;color: #999999;}
.console .schedule-content p a{color: #666666;}
.console .schedule-content p span{line-height: 1.5rem;}
.console .schedule-content p .name,.console .postrecord-content p .name a{display: inline-block;min-width:45px;font-size: .8rem;}
.console .schedule-content .visitor-count a{width:auto !important;color:#334455;}
.console .postrecord-content p{margin-left: 15px;/* border: 1px dashed rgba(0,0,0,0);border-radius: .25rem; */}
.console .postrecord-content li p.active{/* border-color:rgba(0,0,0,.25); */}
.console .postrecord-content p b{display: inline-block;min-width:20px;text-align: right;font-weight: normal;color: #334455;font-style: normal;}
.console .postrecord-content p i{font-size: .75rem;color: #999999;display: inline-block;}
.console .postrecord-content p a{color: #334455;}
.console .postrecord-content p span{line-height: 1.5rem;}
.console .postrecord-content p .name,.console .postrecord-content p .name a{display: inline-block;min-width:45px;font-size: .8rem;}
.console .postrecord-content p .icon-new{margin-left:.6rem;font-size: .6rem;color: rgba(60, 177, 255, .8);}
.console .postrecord-content p .icon-huo{margin-left:.6rem;font-size: .8rem;color: rgba(180, 0, 0, .8);}
.console .postrecord-content p .icon-huo i{font-size: .6rem;color: #b40000;}
.console .postrecord-content p.active i.edit{display: inline-block;}
.console .postrecord-content p i.edit{float:right;font-style: normal; display:none;line-height: 1.5rem;margin-right: 1rem;}
.console .postrecord-content p i.edit a{color: #3cb1ff;cursor: pointer;}
.console .postrecord-content p i.edit a.icon-fabu2{}
.console .postrecord-content p i.edit a.icon-shanchu1{color: #334455;}
.console .postrecord-content p i.edit a.icon-xiayi,.console .postrecord-content p i.edit a.icon-chechu{color: rgba(180, 0, 0, .8);}
.console .postrecord-content p input[type="checkbox"]{margin:0 12px 0 5px;}
.console .postrecord-content .post-btn,.console .postrecord-content .sort-btn{position: fixed;right: 50px;top: 80px;background-color: #3cb1ff;color: #ffffff;z-index: 1;font-size: 1rem;line-height: 1.2rem;width: 2.5rem;height: 2.5rem;padding: 1rem;cursor: pointer;border-top-left-radius: calc(1rem - -50px);border-top-right-radius: calc(1rem - -50px);border-bottom-left-radius: calc(1rem - -50px);border-bottom-right-radius: calc(1rem - -50px);object-fit: cover;text-align: center;}
.console .postrecord-content .post-btn:hover,.console .postrecord-content .sort-btn:hover{color: #ffffff;}
.console .postrecord-content .sort-btn{display:none;background-color: #ffbb00;}
.console .postrecord-content .post-tel-add{line-height: 1.5rem;}
.console .todolist-content p input[type="text"],.console .todolist-content p select,.todolist-edit p select{width: 8rem;height: 1.6rem;padding: 0 .5rem;border: 1px solid rgba(0,0,0,.125);color: #333333;}
.console .todolist-content p input[type="submit"],.console .todolist-content p input.submit{background-color: #334455;color: #ffffff;border: none;border-radius: 5px;min-width: 60px;letter-spacing: 2px;height: 26px;line-height: 26px;font-size: .8rem;cursor: pointer;}
.console .todolist-content .layui-form-switch,.todolist-edit .layui-form-switch{margin:0; padding: 0 10px;}
.console .name{min-width: 90px;}
.console .name a{color: #88cc22 !important;}
.console .vip{color:#ffbb00;}
.console .staff-pay-list ul{padding:5px 15px;}
.console .staff-pay-list ul li{position: relative;display: inline-block;width: 100%;border-bottom: 1px solid rgba(0,0,0,.125);}
.console .staff-pay-list a.icon-caiwujiesuan{position: absolute;top: 12px;right: 0;color: #ed9200;cursor: pointer;}
.console .staff-pay-list a.photo-r-a{width: 60px;float: left;margin: .4rem 0;}
.console .staff-pay-list .photo-r{width:100%;height:50%;border-top-left-radius: calc(1rem - -50px);border-top-right-radius: calc(1rem - -50px);border-bottom-left-radius: calc(1rem - -50px);border-bottom-right-radius: calc(1rem - -50px); object-fit: cover;}
.console .staff-pay-list ul li p{float: left;margin-left: 1rem;}
.console .staff-pay-list ul li p b{font-size: .8rem;}
.console .staff-pay-list ul li p .name{font-size: 1rem;min-width: 55px;letter-spacing: 0;}
.console .staff-pay-list ul li p .name a{display: inline-block;font-size: .8rem;min-width: 40px;color: #88cc22;}
.console .staff-pay-list ul li p span a{color: #666666;}
.console .insurance-list{min-height: 600px;}
.console .insurance-list ul{padding:5px 15px;}
.console .insurance-list ul li{position: relative;display: inline-block;width: 100%;border-bottom: 1px solid rgba(0,0,0,.125);}
.console .insurance-list a.icon-baoxian{position: absolute;top: 12px;right: 0;color: #ed9200;cursor: pointer;}
.console .insurance-list a.icon-shanchu{position: absolute;top: 12px;right: 60px;color: #334455;cursor: pointer;}
.console .insurance-list a.photo-r-a{width: 60px;float: left;margin: .4rem 0;}
.console .insurance-list .photo-r{width:100%;height:50%;border-top-left-radius: calc(1rem - -50px);border-top-right-radius: calc(1rem - -50px);border-bottom-left-radius: calc(1rem - -50px);border-bottom-right-radius: calc(1rem - -50px); object-fit: cover;}
.console .insurance-list ul li p{float: left;margin-left: 1rem;}
.console .insurance-list ul li p b{font-size: .8rem;}
.console .insurance-list ul li p .name{font-size: 1rem;min-width: 55px;letter-spacing: 0;}
.console .insurance-list ul li p .name a{display: inline-block;font-size: .8rem;min-width: 40px;color: #88cc22;}
.console .insurance-list ul li p span a{color: #666666;}
.console .training-records{min-height:calc(100vh - 100px);}
.console .training-records h6{text-align: center;}
.console .training-records h6 b,.console .training-records h6 i,.console .training-records h6 span{font-style: normal;font-weight: normal;cursor: pointer;}
.console .training-records h6 b{font-size: .75rem;}
.console .training-records table{display: inline-block;width: 100%;padding: 5px 0;margin-bottom: .5rem;text-align: center;}
.console .training-records table thead,.console .training-records table tbody,.console .training-records table tr{display: inherit;width: 100%;}
.console .training-records table th,.console .training-records table td{display: inherit;width: 14.28%;text-align: center;min-height: 32px;line-height: 32px;font-weight: normal;padding: 5px 0;}
.console .training-records table td:hover{background-color:#eaeaea;cursor: pointer;}
.console .training-records table td{min-height: 160px;line-height: 28px;vertical-align: text-top;}
.console .training-records table td.active,.console .training-records table td.active:hover{background-color:#009988;color:#ffffff;}
.console .training-records table td label{margin:0;cursor: pointer;}
.console .training-records .training-head a{float: right;color: #009988;}
.console .training-records .training-head input[type="text"]{width: 8rem;height: 1.6rem;padding: 0 .5rem;border: 1px solid rgba(0,0,0,.125);color: #333333;}
.console .training-records .training-head input.l-20p{width: 20%;}
.console .training-records .training-head input.btn-2{min-width: 50px;line-height: 24px;background-color: #009988;color: #ffffff;border: none;border-radius: 5px;cursor: pointer;letter-spacing: 2px;}
.console .training-records .training-head .training-from{display:none;}
.console .todolist-content ul li b{display: inline-block;min-width:20px;text-align: right;}
.console .todolist-content ul li .icon-select,.console .todolist-content ul li .icon-selected{cursor: pointer;}
.console .todolist-content ul li a.edit{color: #334455;font-size:.8rem;}
.console .visitor .list{border-left: none;border-right: none;border-top: none;border-radius: 0;box-shadow: none;}
.console .visitor .visitor-count,.console .schedule-content .visitor-count{float: right;font-size: .8rem;}
.console .visitor .visitor-count .num,.console .schedule-content .visitor-count .num{color: #88cc22;}
.console .visitor .name{min-width:120px;}
.console .visitor .name a{color: #333333 !important;}
.console .visitor .name a.active{color: #88cc22 !important;}
.list-more a{position: absolute;height: 100%;writing-mode: vertical-lr;text-align: center;top: 0;left: -24px;width: 22px;letter-spacing: 4px;border-left: solid 1px #e6e6e6;border-right: solid 1px #e6e6e6;background-color: #ffffff;z-index:999999;}
.list-more label{position: absolute;top: calc(50% - 10px);cursor: pointer;color:#e6e6e6;}
.list-more label.icon-prev{left: -16px;}
.list-more label.icon-next{left: 16px;}
.list-more label:hover{color:#334455 !important;}
.list-more ul{padding:10px 20px;}
.list-more ul li{line-height: 2rem;}
/*
 * view/layout/staff
 */
.staff .surname .layui-form-switch,.staff .tel-check .layui-form-switch{margin-top:0;min-width:3.5rem;}
.staff .list{padding:.5rem 1rem;}
.staff .list p.btn{text-align: center;font-size: .8rem;}
.staff .list p.btn a.button{display: inline-block;background-color: #efefef;min-width: 100px;border-radius: 5px;border: none;color: #334455;}
.staff .list p.title{text-align: center;font-size:1.5rem;color:#88cc22;letter-spacing: 4px;}
.staff .list i input[type="text"]{font-size: 1.25rem;color: #88cc22;border: none;width:5rem;font-style: italic;background-color: #ffffff;}
.staff .list span{margin-right:.5rem;color: #333333;}
.staff .list span.f3{width:55px;}
.staff .list span.f4{width:69px;}
.staff .list input[type="text"],.staff .list input[type="password"],.staff .list select{width: 8rem;height:1.6rem;padding:0 .5rem;border:1px solid rgba(0,0,0,.125);color: #333333;}
.staff .list select{}
.staff .col-md-4 input[type="text"]{width: 70%;}
.staff .col-md-6 input[type="text"]{width: 58%;}
.staff .list input.l-20p{width: 20%;}
.staff .list input.l-30p{width: 30%;}
.staff .list input.l-80p{width: 80%;}
.staff .list input.l-90p{width: 90%;}
.staff .list input[type="radio"]{margin-right:.5rem;}
.staff .list input[type="checkbox"]{display:none;}
.staff .list input.btn-2{min-width:60px;line-height:24px;background-color:#ffbb00;}
.staff .label-tag .label span{min-width: 4.6rem;text-align: center;}
.staff .list .tag-0 span{color:#28dc96;border: 1px solid rgba(40, 220, 150, .8);border-radius: 12px;cursor: pointer;}
.staff .list .tag-0 span.active{color:#ffffff;background-color: rgba(40, 220, 150, .8);}
.staff .list .tag-1 span{color:#3cb1ff;border: 1px solid rgba(60, 177, 255, .8);border-radius: 12px;cursor: pointer;}
.staff .list .tag-1 span.active{color:#ffffff;background-color: rgba(60, 177, 255, .8);}
.staff .list .tag-2 span{color:#9a83da;border: 1px solid rgba(154, 131, 218, .8);border-radius: 12px;cursor: pointer;}
.staff .list .tag-2 span.active{color:#ffffff;background-color: rgba(154, 131, 218, .8);}
.staff .list .tag-3 span{color:#ff7477;border: 1px solid rgba(255, 116, 119, .8);border-radius: 12px;cursor: pointer;}
.staff .list .tag-3 span.active{color:#ffffff;background-color: rgba(255, 116, 119, .8);}
.staff .photo-n {width:90%;height:100%;border-top-left-radius: calc(.25rem - 1px);border-top-right-radius: calc(.25rem - 1px);border-bottom-left-radius: calc(.25rem - 1px);border-bottom-right-radius: calc(.25rem - 1px); object-fit: cover;}
.staff .photo-r,.customer-staff .photo-r{width:100%;height:50%;border-top-left-radius: calc(1rem - -50px);border-top-right-radius: calc(1rem - -50px);border-bottom-left-radius: calc(1rem - -50px);border-bottom-right-radius: calc(1rem - -50px); object-fit: cover;}
.staff .photo-n-a{display: inline-block;width:60%;}
.staff .photo-r-a{display: inline-block;width:35%;}
.check-box .admim-div span{position: relative;}
.check-box .admim-div input{border: none;background-color: rgba(255, 255, 255, 0.6);list-style: none;font-size:0.8rem;padding-left:1rem !important;display:inline-block;margin:.3rem 0;height: 1.8rem !important;line-height: 2rem;box-shadow: 0 0 1rem 0.1rem rgba(33, 37, 41, 0.05);word-wrap: break-word;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;width: 122px !important;border-radius: .25rem;color: #666666;letter-spacing: 2px;cursor: pointer;}
.check-box .admim-div label.icon-xialajiantou{position: absolute;top: 0px;right: 12px;color: #aeaeae;cursor: pointer;}
.check-box .admim-div span ul{display: none;position: absolute;width: 146px;left: 0;top: 26px;background-color: #fff;z-index:1;overflow-x: hidden;height: 18rem;border: 1px solid rgba(0,0,0,.125);}
.check-box .admim-div span ul li{width:calc(100% - 2rem);margin: 0;padding: .25rem 1rem;}
.check-box .admim-div span ul li a{min-width:100px;padding: 0;}
.admim-div-o,.admim-div-n,.admim-div-s{display:none;position: absolute;background-color: #ffffff;border: 1px solid rgba(0,0,0,.125);z-index: 1;box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.25);}
.admim-div-o{top: 38px;left: 92px;}
.admim-div-n{top: 74px;left: 92px;}
.admim-div-s{top: 90px;left: 270px;}
.admim-div ul{width: 180px;height: 200px;overflow-y: auto;padding: 5px 0;float: left;margin-bottom: 0;}
.admim-div ul li{line-height: 24px;padding: 0 5px;white-space:nowrap;cursor: pointer;}
.admim-div ul li:hover,.admim-div ul li.active,.admim-div ul li a.active{background-color: rgba(0,0,0,.125);color: #000000;}
.admim-div .area-btn{position: absolute;bottom: -38px;width: 100%;background-color: #fff;/*! border: 1px solid rgba(0,0,0,.125); */box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.25);text-align: center;}
.admim-div .area-btn a{height: 25px; line-height: 25px; position: relative; z-index: 1;}
.staff .list p .ymd,.staff .list p .qualifications-sel,.customer-job-staff p .ymd{display:none;position: absolute;top: 2rem;left: 6rem;background-color: #ffffff;border: 1px solid rgba(0,0,0,.125);z-index: 2;padding: 5px 8px;box-shadow: 0 0.1875rem 0.375rem rgba(33, 37, 41, 0.25);}
.staff .list p .ymd em,.staff .list p .qualifications-sel em,.customer-job-staff p .ymd em{display: inherit;}
.staff .list p .ymd em i,.staff .list p .qualifications-sel em i,.customer-job-staff p .ymd em i{font-size: inherit;font-style: normal;line-height: inherit;padding: 5px 8px;letter-spacing: 0px;cursor: pointer;}
.staff .list p .ymd em i:hover,.staff .list p .ymd em i.active,.staff .list p .qualifications-sel em i:hover,.staff .list p .qualifications-sel em i.active,.customer-job-staff p .ymd em i:hover,.customer-job-staff p .ymd em i.active{background-color: rgba(0,0,0,.125);}
.staff .list p #ymd_experience em i,.staff .list p .qualifications-sel em i{display: inline-block;min-width: 30px;text-align: center;line-height: 17px;}
.staff .list p .icon-tongbu{display: inline-block;position: absolute;top: -18px;font-size: 1.2rem;cursor: pointer;color: #999999;}
.staff .list p .icon-tongbu:hover{color: #333333;}
.staff-edit .docs-galley .btn-primary{margin: .3rem;}
.staff-edit .layui-input,.staff-edit .layui-textarea{color: #333333;}
.job-staff ul{padding-left:0;}
.job-staff ul label{margin-bottom: 0;}
.job-staff ul .s-0 label{color:#ffbb00;}
.job-staff ul .s-1 label{color:#9a83da;}
.job-staff ul .s-2 label{color:#3cb1ff;}
.job-staff ul .s-3 label{color:#28dc96;}
.job-staff ul li p span a{color: #88cc22;}
.job-staff ul li p .icon-fabu,.job-staff ul li p .icon-shengji{cursor: pointer;}
.job-staff ul li p a{color: #666666;}
.job-staff ul li span.contract{line-height: 24px;}
.job-staff ul li .contract input[type="text"]{height: 26px;border-right: none;float: left;width:180px;}
.job-staff ul li .contract button{height: 26px;border-radius: 0;float: left;line-height: 26px;}
.staff-clash-remind .photo-r{width:96px;height:96px;}
.staff-infocard .surname .layui-form-switch{margin-left:0 !important;}
.staff-infocard .control a,.staff-infocard .control b{color: #334455;font-weight: normal;}
.staff-infocard .control a:hover{color: #88cc22;}
.staff-infocard .control a.icon-jianshao,.staff-infocard .control a.icon-zengjia{font-size: 1rem;}
.staff-infocard .control label{margin:0;cursor: pointer;}
.staff-infocard .staff-infocard-y{max-width:500px;margin: 0 auto;padding:5px 15px 5px 0;}
.staff-infocard .staff-infocard-y .list{border: 1px solid rgba(145, 196, 47, .2);box-shadow: none;}
.staff-infocard .staff-infocard-y .col-md-4{padding-right:0;}
.staff-infocard .staff-infocard-y .photo{width: 100%;height: 100%;/* margin-right: 15px; float: left;*/object-fit: cover;border-radius: 50%;}
.staff-infocard .staff-infocard-y .detail span{min-width:120px;}
.staff-infocard .staff-infocard-y .f4{width:69px;display: inline-block;}
.staff-infocard .staff-infocard-y p label.iconfont{margin-bottom:0;color:#88cc22;font-size:24px;}
.staff-infocard .staff-infocard-y p span{line-height: 24px;}
.staff-infocard .staff-infocard-y .photo-list{overflow: hidden;margin-top: .5rem;}
.staff-infocard .staff-infocard-y .photo-list li{width: 32%;height:0;padding-top: 32%;float: left;margin: 0.6%;overflow: hidden;position: relative;}
.staff-infocard .staff-infocard-y .photo-list li img{width: 100%;height: 100%;position: absolute;top:0;left:0;object-fit: cover;}
.staff-infocard .staff-infocard-y .photo-list li a.del{display: none;position: absolute;top: -30px;right: -30px;width: 60px;height: 60px;line-height: 84px;padding-left: 12px;background-color: rgba(0, 0, 0, .5);border-radius: 50%;color: #fff;text-align: left;cursor: pointer;}
.staff-infocard .staff-infocard-y .photo-list li a.del:hover,.staff-infocard .staff-infocard-y .photo-list li img:hover+.del{display: inline-block;color: #fff;}
.staff-infocard .infocard-record a{display: inline-block;width: 100%;height: 100%;}
.staff-infocard .infocard-record label{width:100px;height:100px;position: absolute;bottom: -32px;left: -112px;background-color: #fff;border: 1px solid rgba(0, 0, 0, .1);}
.staff-infocard .infocard-record label i{width:10px;height:10px;position: absolute;top: 44px;right: -6px;background-color: #fff;border-top: 1px solid rgba(0, 0, 0, .1);border-right: 1px solid rgba(0, 0, 0, .1);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.tel-check .layui-form-onswitch{background-color: #ff5522 !important;border-color: #ff5522 !important;}
.tel-check .layui-form-switch{background-color: #5FB878;border-color: #5FB878;}
.tel-check span.layui-form-onswitch{display: none;}
.error div.layui-form-switch{display: none;}
.error span.layui-form-onswitch{display: inline-block;}
.error span.layui-form-onswitch{position: relative;height: 22px;line-height: 22px;padding: 0 5px;border: 1px solid #ff5522;border-radius: 20px;cursor: pointer;transition: .1s linear;margin-left: 10px;}
.error span.layui-form-onswitch em{position: relative;top: 0;padding: 0 !important;text-align: center !important;font-style: normal !important;font-size: 12px;}
.error span.layui-form-onswitch i{position: absolute;top: 3px;width: 16px;height: 16px;border-radius: 20px;transition: .1s linear;}
.tel-check .layui-form-switch em,.tel-check .layui-form-onswitch em{color: #fff !important;}
.tel-check .layui-form-switch i,.tel-check .layui-form-onswitch i{background-color: #fff !important;}
/*
 * view/layout/staffedit
 */
.staffedit .list{padding:.5rem 1rem;}
.staffedit .list p.btn{text-align: center;}
.staffedit .list p.title{text-align: center;font-size:1.5rem;color:#88cc22;letter-spacing: 4px;}
.staffedit .list i input[type="text"]{font-size: 1.25rem;color: #88cc22;border: none;width:5rem;font-style: italic;background-color: #ffffff;}
.staffedit .list span{margin-right:.5rem;color: #333333;}
.staffedit .list textarea{width:100%;padding:0 .5rem;border-top: none;border-right: none;border-color:rgb(145, 196, 47,0.5);color: #999999;}
.staffedit .list input[type="radio"]{margin-right:.5rem;}
.staffedit .list input[type="checkbox"]{display:none;}
.staffedit .list input[type="submit"],.staffedit .list input.submit{background-color:#334455;color: #ffffff;border: none;border-radius: 5px;min-width:100px;letter-spacing:5px;cursor: pointer;}
.staffedit .list .tag-0 span{color:#28dc96;border: 1px solid rgba(40, 220, 150, .8);border-radius: 12px;cursor: pointer;}
.staffedit .list .tag-0 span.active{color:#ffffff;background-color: rgba(40, 220, 150, .8);}
.staffedit .list .tag-1 span{color:#3cb1ff;border: 1px solid rgba(60, 177, 255, .8);border-radius: 12px;cursor: pointer;}
.staffedit .list .tag-1 span.active{color:#ffffff;background-color: rgba(60, 177, 255, .8);}
.staffedit .list .tag-2 span{color:#9a83da;border: 1px solid rgba(154, 131, 218, .8);border-radius: 12px;cursor: pointer;}
.staffedit .list .tag-2 span.active{color:#ffffff;background-color: rgba(154, 131, 218, .8);}
.staffedit .list .tag-3 span{color:#ff7477;border: 1px solid rgba(255, 116, 119, .8);border-radius: 12px;cursor: pointer;}
.staffedit .list .tag-3 span.active{color:#ffffff;background-color: rgba(255, 116, 119, .8);}
.staffedit .label-l{position: absolute;width: 20px;top: 18px;left: -4px;font-size: 12px;text-align: center;padding: 5px 1px;border: 1px solid rgba(0,0,0,.125);border-right: none;background-color: #fff;border-radius: .25rem 0 0 .25rem;color: #999;}
.staff .schedule .dqdate-prev-m,.staff .schedule .dqdate-next-m{position: absolute;top: 24px;z-index:10;color: #999;font-size: 18px;padding: 0 5px;cursor: pointer;}
.staff .schedule .dqdate-prev-m:hover,.staff .schedule .dqdate-next-m:hover{color: #009988;}
.staff .schedule .dqdate-prev-m{left: 20px;}
.staff .schedule .dqdate-next-m{right: 20px;}
.staff .schedule .dangqi{width:16.6666%;}
.staff .schedule .layui-laydate-static,.staff .schedule .layui-laydate-main,.staff .schedule .layui-laydate-content table{width: 100%;}
.staff .schedule .layui-laydate-header{padding: 10px 0 5px;border-bottom: 1px solid rgba(0,0,0,.05);}
.staff .schedule .layui-laydate-content{padding: 4px;}
.staff .schedule .layui-laydate-content td,.staff .schedule .layui-laydate-content th{width: 14%;height: 24px;padding: 0px;letter-spacing: 0px;}
.staff .schedule .layui-laydate,.staff .schedule .layui-laydate-hint{border: none;box-shadow: 0 0 2px rgba(0,0,0,.12);}
.staff .schedule .layui-laydate-header span{margin-right: 0;cursor: text;}
.staff .schedule .layui-laydate-header i.laydate-prev-m{left: 5px;}
.staff .schedule .layui-laydate-header i.laydate-next-m{right: 5px;}
.staff .schedule .layui-laydate-footer{height: 30px;box-shadow: 0 2px 2px rgba(0,0,0,.12);border-top: none;text-align: center;}
.staff .schedule .laydate-prev-y,.staff .schedule .laydate-next-m,.staff .schedule .laydate-next-y,.staff .schedule .laydate-prev-m{display: none;}
.staff .schedule table td.date-selected{background-color: #5FB878;color: #ffffff;}
.staff .schedule table td.laydate-day-prev,.staff .schedule table td.laydate-day-next,.staff .schedule .laydate-set-ym{pointer-events: none;}
.staff .schedule p.icon-gangweifabu{font-size: 1rem;color: #334455;}
.staff .schedule .dangqi-list{display: block;width: 100%;}
.staff .schedule .dangqi-list li{margin: 0.3rem 1rem 0.3rem;line-height: 1.5rem;color: #334455;list-style: disclosure-closed;width: 30%;float: left;}
.staff .schedule .dangqi-list li a{display: none; margin-left:2rem;color:#FFB800;}
.staff .schedule .dangqi-list li:hover a{display: inline-block;}

.staff .staff-training .layui-elem-quote,.staff .staff-appraise .layui-elem-quote,.customer-trace .layui-elem-quote{width:calc(100% - 3.5rem);}
.staff .staff-training .layui-timeline-item,.staff .staff-appraise .layui-timeline-item,.customer-trace .layui-timeline-item{width:calc(100% - 1rem);}
.staff .staff-appraise h3,.customer-trace h3{color:#334455;}
.staff .staff-appraise h3 a.add-image,.customer-trace h3 a.add-image{float:right;margin-right: 1rem;color:#FFB800;}
.staff .staff-appraise .image-list,.customer-trace .image-list{display: flex;}
.staff .staff-appraise ul.docs-pictures,.customer-trace ul.docs-pictures{display: block;width: 100%;padding:0;}
.staff .staff-appraise ul.docs-pictures li,.customer-trace ul.docs-pictures li{height: 0 !important;margin: 1% !important;float: left;position: relative;}
.staff .staff-appraise ul.docs-pictures li.col2,.customer-trace ul.docs-pictures li.col2{width:46% !important;padding-top: 46%;}
.staff .staff-appraise ul.docs-pictures li.col3,.customer-trace ul.docs-pictures li.col3{width:30% !important;padding-top: 30%;}
.staff .staff-appraise ul.docs-pictures li img,.customer-trace ul.docs-pictures li img{width:100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}

.customer-trace .layui-elem-quote,.customer-connection .layui-elem-quote{width:auto;}
.customer-trace .layui-timeline-item,.customer-connection .layui-timeline-item{width: calc(100% - .5rem);}
.staff .staff-mark{position: absolute;display: inline-block;width:100px;height:32px;background:url(../img/five-star.png) no-repeat left center;}
/*
 * view/layout/jobs
 */
.jobs-list .staff-head{display: inline-block;}
.jobs-list .staff-head img{width:38px;height:38px;border-radius:1.25rem;}
.jobs-list .staff-head img.on{/* border:2px solid rgba(145, 196, 47, 1) !important; */}
.jobs-list .staff-head img.out{opacity:0.5;filter:alpha(opacity=50);border:none!important;}
.jobs-list .staff-head img:hover{opacity:1;filter:alpha(opacity=100);}
.jobs-list p span a{color:#334455;}
.jobs-list .edit{position: absolute;top: .25rem;right: .5rem;color:#3cb1ff;}
.jobs-list .icon-biaoji{/* position: absolute;top: -5px;left: 0px;color:#3cb1ff; */}
.jobs-list .date{position: sticky;top: 0;min-width:100px;margin:.5rem 1rem .5rem .5rem;text-align:center;line-height:20px;}
.jobs-list .date span{display: inline-block;width:100px;height:22px;}
.jobs-list .detail .name{min-width: 90px;font-size: 1.2rem;}
.jobs-list .detail .name a{color: #88cc22;}
.layui-form-checkbox i.dispatch-count{color: #c2c2c2;font-size: 16px;}
.layui-form-checked i.dispatch-count, .layui-form-checked:hover i.dispatch-count{font-size: 16px;color:#5FB878;}

/*
 * view/layout/financial
 */
.financial-list .edit{position: absolute;top: 5px;right: 25px;color:#3cb1ff;}
.financial-list .date span{width: 100px;line-height: 80px;text-align: center;}

/*
 * view/layout/customer
 */
.customer-list .detail .name{min-width: 90px;}
.customer-list .detail .name a{color: #88cc22;}
.customer-list .vip{color:#ffbb00;}
.customer-list .service-time{min-width: 256px;}
.customer-list .state{min-width: 70px;}
.customer-list .label-l{position: absolute;width: 20px;left: -23px;font-size: 12px;text-align: center;padding: 4px 1px;border: 1px solid rgba(0,0,0,.125);border-right: none;border-radius: .25rem 0 0 .25rem;color: #999;cursor: pointer;background:none;line-height:18px;}
.customer-list .customer-details-label{top: 5px;}
.customer-list .customer-jobs-label{top: 55px;}
.customer-list .customer-staff-label{top: 105px;}
.customer-list .on .label-l{border: 1px solid rgba(145, 196, 47, .5) !important;border-right: none !important;}
.customer-list .out .label-l{border: 1px solid rgba(255, 187, 0, .4) !important;border-right: none !important;}
.customer-list .active{background-color: #fff;cursor: auto;color: #666666;}
.customer-list .on .active{border: 1px solid rgba(145, 196, 47, .5) !important;border-right: none !important;}
.customer-list .out .active{border: 1px solid rgba(255, 187, 0, .4) !important;border-right: none !important;}
.customer-list .customer-jobs{padding-right: .5rem;}
.customer-list .customer-jobs p span{/* padding-right: 50px; */}
.customer-list .customer-jobs p span a{color: #666666;}
.customer-edit .pay-list ul{padding-left:0;}
.customer-edit .pay-list ul li{line-height:32px;}
.customer-edit .pay-list ul li span{margin-right: 2rem;min-width:50px;}
.customer-edit a.btn-2,.job-staff a.btn-2{position: absolute;right: 1rem;bottom: 2rem;}
.customer-edit .jobs p span{min-width:180px;}
.customer-edit .jobs p span.fabu{padding-right:60px;}
.customer-edit .jobs p a{color: #334455;}
.customer-edit .jobs p a.edit{position: absolute;right: 0;bottom: 0;}
.customer-edit .jobs p.s-1 span.iconfont,.customer-edit .jobs p.s-2 span.iconfont{color: #88cc22;}
.customer-edit .jobs p.s-3 span.iconfont,.customer-edit .jobs p.s-4 span.iconfont,.customer-edit .jobs p.s-5 span.iconfont,.customer-edit .jobs p.s-6 span.iconfont{color: #ed9200;}
.customer-edit p a.btn-2,.job-staff p a.btn-2{position: unset;text-align: center;}
.customer-edit p a.btn-2:hover,.job-staff p a.btn-2:hover{color:#ffffff;}
.customer-edit .staff p a,.job-staff a.btn-2{float:right;cursor: pointer;}
.customer-edit .staff p a.icon-liebiao2{font-size: 1.25rem;margin-top: .35rem;}
.customer-edit .staff p a.active{color:#ffbb00;}
.customer-edit .staff ul,.customer-list .customer-staff ul{display: inline-block;padding: 0;margin-top: .5rem;}
.customer-edit .staff ul li,.customer-list .customer-staff ul li{padding: 5px;float: left;}
.customer-edit .staff ul.detail li{width:100%;}
.customer-edit .staff ul li p,.customer-list .customer-staff ul li p{display:none;/* float: left; */margin-left: 5rem;}
.customer-edit .staff ul.detail li p{display:block;}
.customer-edit .staff ul a.photo-r-a,.customer-list .customer-staff ul a.photo-r-a{width: 60px;float: left;margin: 0;}
.customer-edit .staff ul.detail a.photo-r-a{margin: .3rem 0;}
.customer-edit .staff ul .s-0 img,.customer-list .customer-staff ul .s-0 img{border: solid 3px rgba(255, 187, 0, .8);}
.customer-edit .staff ul .s-1 img,.customer-list .customer-staff ul .s-1 img{border: solid 3px rgba(154, 131, 218, .8);}
.customer-edit .staff ul .s-2 img,.customer-list .customer-staff ul .s-2 img{border: solid 3px rgba(60, 177, 255, .8);}
.customer-edit .staff ul .s-3 img,.customer-list .customer-staff ul .s-3 img{border: solid 3px rgba(40, 220, 150, .8);}
.customer-job-staff .search-staff{padding: 0;}
.customer-job-staff .search-staff li{display: inline-block;padding: 5px 20px 5px 10px;border-radius:calc(1rem - -50px);margin-bottom: 5px;cursor: pointer;}
.customer-job-staff .search-staff li.layui-this{border: solid 1px rgba(255, 187, 0, .8);border-width:1px 5px 1px 5px;}
.customer-job-staff .search-staff li img{float: left;margin: 0.3rem 0;width: 60px;height: 60px;border-top-left-radius: calc(1rem - -50px);border-top-right-radius: calc(1rem - -50px);border-bottom-left-radius: calc(1rem - -50px);border-bottom-right-radius: calc(1rem - -50px);object-fit: cover;cursor: pointer;}
.customer-job-staff .search-staff li p{float: left;}
.customer-job-staff .staff-search-job{padding:0;margin:1.25rem;}
.customer-job-staff .staff-search-job li{cursor: pointer;}
.customer-job-staff ul .s-1 span b,.customer-job-staff ul .s-2 span b{color: #88cc22;}
.customer-job-staff ul .s-3 span b,.customer-job-staff ul .s-4 span b,.customer-job-staff ul .s-5 span b,.customer-job-staff ul .s-6 span b{color: #ed9200;}

/*
 * view/layout/solove
 */
.product .product-list a{display: inline-block;padding:2rem;}

/*
 * view/layout/solove
 */
.solove .img-box{width: 128px;}
.solove .img-box span{position: relative;top: 0;width: 128px;color:#334455;background-color: rgba(255, 255, 255, 0.2);}
.solove .img-box label{position: absolute;top: 0;left: 0;padding: 2px 8px;border: 1px solid #fff;border-radius: 14px;background-color: #fff;font-weight: bold;}
.solove .img-box label.miffy{font-size: 1rem;color: #e7c44e;}
.solove .img-box label.SOLOVE{color: #004f9c;}
.solove .img-box label.PeppaPig{color: #ff7477;}
.solove-img-a{margin-top: .6rem;}
.solove-img-a,.solove-img{width: 128px;height: 128px;}
.solove .detail .name{font-size: 1.2rem;}
.solove .min-w{min-width:60px;color:#334455;}
.solove .min-wl{min-width:100px;}
.solove input[type="radio"]{display:none;}
.solove .layui-col-md1 p{text-align:right;}
.solove .layui-col-md1 p a{display: inline-block;padding:0.3rem;width:100%}
.solove span i{font-size: 1rem;color:#005aa0;}
.solove .updatetime{bottom: 1rem;}

.solove-stock{display:none;padding: 2rem;background-color:#fff;position: fixed;width: 40%;min-width: 618px;min-height: 60%;top: 10%;left: 30%;border: 1px solid rgba(0,0,0,.125);border-radius: 1rem;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);}
.solove-stock h3{text-align: center;}
.solove-stock p{width: 80%;margin: 1.5rem auto 0;}
.solove-stock p.button{text-align: center;line-height: 32px;}
.solove-stock p input[type="submit"],.solove-stock p input.submit,.solove-stock p input[type="button"]{cursor: pointer;letter-spacing: 5px;min-width: 100px;border-radius: 5px;border: none;color:#334455;}
.solove-stock p input[type="submit"],.solove-stock p input.submit{background-color: #334455;color: #ffffff;margin-right:1rem;}
.solove-stock p input[type="text"]{width: 4rem;text-align: center;margin-left: 1rem;color: #334455;}
.solove-stock p i input[type="text"]{border: none;width: 70%;text-align: left;letter-spacing: 1px;}
.solove-stock p i.s input[type="text"]{width: 4rem;margin-left:0;}
.solove-stock p i.s{font-style: normal;margin-left: 1rem;color: #334455;text-decoration: none;}
.solove-stock .tag-1 input[type="radio"]{display: none;}
.solove-stock .tag-1 span{display: inline-block;padding: 0 .5rem;color: #3cb1ff;border: 1px solid rgba(60, 177, 255, .8);border-radius: 12px;cursor: pointer;line-height: 1.375rem;font-size: 0.8rem;margin: .3rem 0 .3rem .5rem;}
.solove-stock .tag-1 span.active{color: #ffffff;background-color: rgba(60, 177, 255, .8);}

.solove-order .th{color: #005aa0;}
.solove-order i{font-size:.6rem;}

/*
 * view/layout/file-list
 */
ul{list-style:none;padding: 0;}
#container{text-align: center;}
.file-list {overflow: hidden;padding-left: initial; margin-top:1rem;}
.file-list li .file-name {display: none;width:150px;height:60px;text-align: center;align-items: center;justify-content: center;margin:0 auto;font-size: 10px;padding: 5px 5px 5px 5px;}    
.file-list li a {width:100%;text-align: center;display: flex;align-items: center;justify-content: center;margin:0 auto;cursor: pointer;}
.close{background-image: url("__IMG__/add.png");width: 30px;height: 30px;background-size: contain;position: absolute;right: 2%;top: 0;}
.file-list li{/* width: 50%;height:0;padding-top: 50%;float: left; margin: 3px;*/overflow: hidden;position: relative;}
.file-list li img{width: 100%;height: 100%;/* position: absolute;top:0;left:0; */object-fit: cover;}
.file-list li a img {max-width:100%;max-height: 100%;}
.file-list li a.del{display: none;position: absolute;top: -30px;right: -40px;width: 60px;height: 60px;line-height: 84px;padding-left: 12px;background-color: rgba(0, 0, 0, .5);border-radius: 50%;color: #fff;text-align: left;}
.file-list li a.del:hover,.file-list li a:hover+.del{display: inline-block;color: #fff;}
.file-list li i{position: absolute;bottom: 0;right: 0;color: #ffffff;font-size: .75rem;background-color: rgba(0, 0, 0, 0.2);padding: 0 5px;}
.progress{position: absolute;background-color: rgba(255, 255, 255, 0.6);color: #fff;padding: 3px 3px 3px 3px;border-radius: 10%;height: 22px;}
#console{margin-top:1rem;width:100%;}
.docs-pictures li{width: 100% !important;height: 100% !important;margin: 0 0 .5rem 0 !important;}
.docs-pictures li.del-ed a.img{background-color: #b40000;}
.docs-pictures li.del-ed a img{opacity: 0.6;}
.docs-pictures li.del-ed a.ed{position: absolute;top: 45%;color: #fff;}
.docs-pictures li p.change-type{display: inline-block;margin-bottom:2rem;}
.docs-pictures li p.change-type a{display: block;float: left;width: 33%;}
.docs-pictures li p.change-type a:hover{color:#009988;}

/*
 * view/layout/photo-container
 */
.photo-container{display:none;position: fixed;width: 1080px;top: 73px;right:16%;padding: 1rem;background-color: #fff;border: 1px solid rgba(0,0,0,.125);border-radius: .5rem;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);z-index: 10;}
.photo-container .modal-dialog{margin: 6rem auto;}
.photo-container .modal-header .close{padding: 0;margin: 0rem -.5rem 0rem auto;}
.photo-container .btn-close{color: #fff;background-color: #6c757d;border-color: #6c757d;}
.modal-backdrop{z-index: 9;}

/*
 * view/layout/user-info
 */
.user-info .photo-container{right:24%;}
.user-info a.photo-r-a{width: 30%;float: left;margin: 0 1rem;}
.user-info .photo-r{width:100%;height:50%;border-top-left-radius: calc(1rem - -256px);border-top-right-radius: calc(1rem - -256px);border-bottom-left-radius: calc(1rem - -256px);border-bottom-right-radius: calc(1rem - -256px); object-fit: cover;}
.user-info .userinfo a.photo{display: block;width: 50%;margin: 0 auto;}

/*
 * view/layout/recycler
 */
.recycler{}
.recycler ul{padding-left:0;overflow: hidden;}
.recycler ul li{width: 10%;min-width: 150px;float: left;margin: 10px 1.2%;text-align: center;}
.recycler ul li p{display: inline-block;width: 150px;margin: 0 auto;position: relative;overflow: hidden;border: 1px solid rgba(0,0,0,.1);border-radius: .5rem;box-shadow: 0 0 .5rem rgba(33, 37, 41, 0.25);}
.recycler ul li p:hover{border: 1px solid rgba(145, 196, 47, .6);box-shadow: 0 0 .5rem rgba(145, 196, 47, 0.5);}
.recycler ul li p a{display: inline-block;font-size: 14px;cursor: pointer;}
.recycler ul li p a.del,.recycler ul li p a.rec{width: 50%;color: #666666;}
.recycler ul li p a.s-b{width: 100%;}
.recycler ul li p a.del:hover,.recycler ul li p a.rec:hover{background-color: rgba(145, 196, 47, 1);color: #fff;}
.recycler ul li img{width:150px;height:150px;object-fit: contain;}
.recycler ul li span{display: inline-block;width: 100%;font-size: 12px;text-align: center;letter-spacing: 1px;}

/*
 * view/layout/creditcard
 */
.creditcard span.f4 {width: 69px;}
.creditcard .col-md-3 input[type="text"] {width: 60% !important;}
.creditcard h6 a.icon-tianjia{width: 7rem;color: #88cc22;}
.creditcard ul{padding: 5px 15px;}
.creditcard ul li{position: relative;display: inline-block;width: 100%;border-bottom: 1px solid rgba(0,0,0,.125);}
.creditcard ul li p .name{font-size: 1rem;min-width: 55px;letter-spacing: 1;}
.creditcard ul li p .name a{display: inline-block;font-size: 1rem !important;min-width: 40px;}
.creditcard .cardlist-content p span{min-width:160px;}
.cart-edit p select {color: #333333;border: 1px solid rgba(0,0,0,.125);padding: 0 .5rem;height: 1.6rem;margin-right: .5rem;}
.cardlist-content td label{display:none;position: absolute;top: 38px;right: 170px;width: 100px;height: 66px;border: 1px solid #5b7;background-color: #fff;z-index: 1;}
.cardlist-content td label.consume-label{right: 250px;}
.cardlist-content td label input{border: none;}

/*
 * view/layout/round-img-list
 */
.round-img-list{display: inline-block;width: 100%;}
.round-img-list img{border-top-left-radius: calc(1rem - -50px);border-top-right-radius: calc(1rem - -50px);border-bottom-left-radius: calc(1rem - -50px);border-bottom-right-radius: calc(1rem - -50px);object-fit: cover;}
.border-s-3{border: solid 3px rgba(0,0,0,.125);}

/*
 * view/layout/photo-container
 */
.modal-content{width: 50rem;margin: 0 auto;border-radius: 1rem;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);background-color: #fff;}
.modal-header{width: 100%;height: 3rem;text-align: center;line-height: 3rem;font-size: 1.5rem;border-bottom: solid .2rem #009988;letter-spacing: 2px;}
.modal-body{padding: 1rem;}
.modal-footer{width: 100%;background-color: #eee;height: 2.5rem;text-align: center;padding: .5rem 0;}
.modal-footer{text-align:center;}
.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child){border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child){border-top-right-radius: 0;border-bottom-right-radius: 0;	}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text{border-top-left-radius: 0;border-bottom-left-radius: 0;}
.form-control {display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.btn {display: inline-block;cursor: pointer;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;border-radius: 0.25rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.btn-primary:hover {color: #fff;background-color: #5FB878;border-color: #5FB878;}
.btn-primary:focus, .btn-primary.focus {box-shadow: 0 0 0 0.2rem rgba(95, 184, 120, 0.5);}
.btn-success {color: #fff;background-color: #009988;border-color: #009988;}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),.btn-group > .btn-group:not(:last-child) > .btn {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:not(:first-child),.btn-group > .btn-group:not(:first-child) > .btn {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input-group {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;width: 100%;}
.input-group > .form-control,.input-group > .custom-select,.input-group > .custom-file {position: relative;-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;}
.input-group-prepend {margin-right: -1px;}
.input-group-append {margin-left: -1px;}
.input-group-text {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0.375rem 0.75rem;margin-bottom: 0;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #495057;text-align: center;white-space: nowrap;background-color: #e9ecef;border: 1px solid #ced4da;border-radius: 0.25rem;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;outline: 0;}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;}

/*
 * view/layout/photo-container
 */
.cumpany-title .layui-input{font-size:1.2rem;width:20rem;border: none;background-color: unset;}

.system-setting .layui-form-switch{margin:.5rem;height:1.75rem}
.system-setting .layui-form-switch em{width: auto;min-width:3.5rem;display: inline-block;font-size: .875rem;line-height: 1.75rem;margin-right:5px;}
.system-setting .layui-form-onswitch em{margin-right:21px;}
.system-setting .layui-form-switch i{top: 6px;}
.system-authorization .layui-this::after{border: none;border-bottom: 2px solid #88cc22 !important;}

.flow-edit-form .layui-form-checkbox{margin-bottom:.5rem;}

/*
 * view/layout/layui
 */
.layui-timeline .layui-timeline-axis{left: -4px;}

.docs-cropped .modal-body > img, .docs-cropped .modal-body > canvas{max-height: 23rem;}
.layui-form-pane .layui-form-checkbox{margin: 0 .5rem 0 0;}
.layui-form-select dl dd a{display: block;}
.layui-form-select dl dd.layui-this a{background-color: #5FB878;color: #fff;}

/*
 * view/layout/map_marker
 */
.button-group {position: absolute;bottom: 20px;right: 20px;font-size: 12px;padding: 10px;}
.button-group .button {height: 28px;line-height: 28px;background-color: #0D9BF2;color: #FFF;border: 0;outline: none;padding-left: 5px;padding-right: 5px;border-radius: 3px;margin-bottom: 4px;cursor: pointer;}
.button-group .inputtext {height: 26px;line-height: 26px;border: 1px;outline: none;padding-left: 5px;padding-right: 5px;border-radius: 3px;margin-bottom: 4px;cursor: pointer;}
.amap-info-content {font-size: 12px;}
#tip {background-color: #fff;padding-left: 10px;padding-right: 10px;position: absolute;font-size: 12px;right: 10px;top: 20px;border-radius: 3px;border: 1px solid #ccc;line-height: 30px;}
#myPageTop {position: absolute;top: 50px;left: 10px;background: #fff none repeat scroll 0 0;border: 1px solid #ccc;margin: 10px auto;padding:0px;font-family: "Microsoft Yahei", "微软雅黑", "Pinghei";font-size: 14px;width: 360px;max-height: calc(100% - 9rem);overflow-x: hidden;overflow-y: scroll;scrollbar-width: none;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);border-radius: 5px;}
#myPageTop label {color: #334455;font-weight: normal;}
#myPageTop input {width: 286px;border: none;}
#myPageTop .column2{padding-left: 25px;}
#myPageTop .layui-icon-location{font-size: 14px;}
#myPageTop .layui-icon-search,#myPageTop .layui-icon-down,#myPageTop .layui-icon-up{float: right;margin-right: .75rem;font-size: 1.25rem;cursor: pointer;}
#myPageTop .layui-icon-search small,#myPageTop .layui-icon-down small{display:none;}
#myPageTop .layui-icon-up small{display:block;position: absolute;top: 13px;right: 13px;font-size: 8px;}
#myPageTop .layui-icon-close{float: right;margin-right: .75rem;cursor: pointer;}
#myPageTop ul{border-top: 1px solid #ccc;display:none;}
#myPageTop li{cursor: pointer;}
#myPageTop li:hover{background-color:#eeeeee;}
#map_marker #address{position: absolute;left: 20px;bottom: 15px;}
.map-shade{display: none;}
.map-marker{display: block;width: 0;height: 0;position: absolute;z-index: 20169999;left: 10%;top: 8%;background-color: #fff;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);border-radius: 1rem;overflow: hidden;}
.map-marker #container {width: 100%;min-width:40rem;height: calc(100% - 6.5rem);min-height:30rem;}
.input-card .btn {margin-right: 1.2rem;width: 9rem;}
.input-card .btn:last-child {margin-right: 0;}
.info {padding: .75rem 1.25rem;margin-bottom: 1rem;border-radius: .25rem;position: fixed;top: 4rem;background-color: white;width: auto;min-width: 10rem;border-width: 0;right: 1rem;box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);}
.amap-marker-label{position: absolute;z-index: 2;min-width: 48px;padding: 3px 10px;border: none;border-radius: 3px;box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);background-color: #fff;white-space: nowrap;cursor: default;font-size: 12px;line-height: 14px;top: -48px !important;left: -30px !important;}
.amap-icon img{position: relative;	width: 100%;}

/*
 * view/layout/system
 */
.system-user-vip .layui-quote-nm{padding:2rem 2rem 4rem 2rem;}
.system-user-vip .layui-progress{height:0px;}
.system-user-vip .layui-progress input{position: absolute;right: -1rem;top: .5rem;width:4rem;}
.system-user-vip p{margin-top:4rem;padding-right: 2rem;}

/*
 * view/layout/timeline
 */
.timeline-left,.timeline-right{width:calc(50% + 5px);}
.timeline-left{float:left;}
.timeline-left::before{left: auto;right: 5px;}
.timeline-left .layui-timeline-axis{left: auto;right: -5px;}
.timeline-left h3,.timeline-left p,.timeline-right h3,.timeline-right p{overflow:auto;}
.timeline-left h3 span,.timeline-left p span{float:right;}
.timeline-left p span{text-align: right;}
.timeline-left .layui-timeline-content,.timeline-right .layui-timeline-content{padding: 0 25px;}
.timeline-right{float:right;}
.timeline-right::before{left: 4px;}
.timeline-right h3 span,.timeline-right p span{float:left;}

/*
 * view/layout/form-layer
 */
.form-layer{position: fixed;pointer-events: auto;overflow: hidden;top: 50%;left: 50%;margin: 0;padding: 0;z-index:20169999;border-radius: 1rem;box-shadow: 0 0 1rem rgba(33, 37, 41, 0.5);background-color: #fff; display:none;}
.form-layer a.del{position: absolute;top: -30px;right: -30px;width: 68px;height: 68px;line-height: 94px;letter-spacing: 24px;background-color: rgba(0, 0, 0, .5);border-radius: 50%;color: #fff;text-align: center;}
.form-layer a.del:hover,.file-list li a:hover+.del{display: inline-block;color: #fff;}
.form-layer-title{width: 100%;height: 3rem;text-align: center;line-height: 3rem;font-size: 1.5rem;border-bottom: solid .2rem #009988;letter-spacing: 2px;}
.form-layer-content{width: 100%;overflow-y: auto;padding:1rem;}
.form-layer-btn{width: 100%;background-color: #eee;height: 2.5rem;text-align: center;padding:.5rem 0;}
.user-rel-edit .text-label label{width: 60px;text-align: center;margin: 0 .3rem;}