@import url("../../lib/layui/css/layui.css");
html,body{ width: 100%; height: 100%;background: #f5f5f5;}
img{max-width: 100%; max-height: 100%;}
a{cursor: pointer;}
::-webkit-input-placeholder{color: #a6a6a6;font-weight: normal;font-size: 13px;}
.clear{ height: 0; line-height: 0; clear: both; display: block;}

.margin-left-15{ margin: 0 15px;}
.padding-left-15{padding: 0 15px;}



/*.div-login{ width: 400px; margin:auto; padding-top: 25px;}*/
/*.div-login .log-item{ margin: 15px 0;}*/

.div-right-main::-webkit-scrollbar {width: 6px;}
.div-right-main::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px #999;-webkit-border-radius: 5px;border-radius: 5px;}
.div-right-main::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background: #999;-webkit-box-shadow: inset 0 0 5px #ccc;}
.div-right-main::-webkit-scrollbar-thumb:window-inactive {background: #999;}


.div-left{float: left; width: 130px; background: #222;  height: 100%;overflow-x: hidden;overflow-y: auto;box-shadow: 3px 0px 5px 0px #ccc;position: relative;z-index: 10001}
.div-left::-webkit-scrollbar {width: 0px;}
.div-left .logo{height: 50px;line-height: 50px;margin-bottom: 17px; background: #111;position: relative;}
.div-left .logo img{width: 28px;height: 28px; margin: 0 10px 0 15px; border-radius: 3px;overflow: hidden;}
.div-left .logo p{position: absolute;left: 52px;top: 1.5px; color: #fff;font-size: 18px;letter-spacing: 2px;}
.div-left .logo a{color: #fff;}

.menu-tit{color: #666;font-size: 10px;padding-left: 15px;}

.div-left a{cursor: pointer;}
.div-left .layui-nav-tree .layui-nav-more{right: 20px;}
.div-left .layui-nav .layui-nav-item{margin: 10px 0;}
.div-left .layui-nav-tree .layui-nav-item>a{padding: 5px 25px 5px 30px;}
.div-left .layui-nav-tree .layui-nav-item a{height: 30px; line-height: 30px;}
.div-left .layui-nav.layui-nav-tree{ width: 130px;}
.div-left .layui-nav li a b{ position: absolute;top: 12px;margin-left: 8px; color: #fff;background: #f00;border-radius: 50%;font-size: 12px;width: 18px; height: 18px;line-height: 18px;transform: scale(0.9); overflow: hidden; text-align: center;font-weight: normal;display: none;}
.div-right{float: left; width: calc(100% - 130px);height: 100%;}
.div-right .div-header{box-shadow: 3px 0px 5px 0px #ccc; height: 50px;background: #fff;position: relative; z-index: 1000;}


.float-left{float: left;}
.float-right{float: right;}
.float-right a:hover{cursor: pointer;}
.float-right button{width: 50px; height: 50px;border: none;background: none;font-size: 18px;}
.float-right button.layui-icon-close:hover{background: #f00;}
.float-right button:hover{background: #eee;}


.div-right-main{height:calc(100% - 50px); overflow: auto; position: relative; z-index: 10;}
.div-right-main .content-left-15{ margin: 0 15px;max-height: 100%; overflow-y: auto;}

.type-div{width: 180px;height:calc(100% - 30px); float: left;background: #fff;margin: 15px 0px 15px 15px;box-shadow: 0px 0px 1px 0px #ccc; overflow: auto;}
.type-div::-webkit-scrollbar {width: 0px;}
.type-div .layui-menu em{font-style: normal; color: rgba(0,0,0,.35);font-weight: normal; margin-left: 10px;}
.type-div .layui-menu li{line-height: 22px;font-size: 13px;}
.type-div .layui-menu li b{padding: 0 0 0 0;text-indent: 0; position: absolute;top: 11px;right:15px; color: #fff;background: #f00;border-radius: 50%;font-size: 12px;width: 18px; height: 18px;line-height: 18px;transform: scale(0.9); overflow: hidden; text-align: center;font-weight: normal;display: none;}


/*表单*/
.form-div{height:calc(100% - 10px);}
.form-div .form-div-main{ height: calc(100% - 65px); padding: 5px 35px; overflow: auto;}
.form-div .form-div-but{ padding: 15px 30px;text-align: right;}
.form-div .form-item{ margin: 10px 0;}
.form-div .form-item .form-name{float: left;width: 120px;line-height: 32px;display: inline-block;position: relative;}
.form-div .form-item .form-name i{position: absolute;font-style: normal; margin-left: -12px; color: #f00;top: 2px;font-size: 16px;}
.form-div .form-item .form-name strong{line-height: 35px;display: inline-block;font-weight: normal;}
.form-div .form-item .form-span{float: left;width: calc(100% - 120px);line-height: 32px;display: inline-block;}
.form-div .form-item .form-span input{}
.form-div .form-item .form-span p{line-height: 20px; padding: 4px 0; color: #999;font-size: 12px;}

.layui-input, .layui-select{height: 32px; line-height: 32px;}
.layui-textarea{min-height: 75px;}
.form-div .layui-btn{height: 32px; line-height: 32px;}
.form-div .layui-form-switch{margin-top: 0;}
.form-div .layui-form-switch{min-width: 50px;}
.layui-table .layui-form-switch{margin-top: -4px;}

.form-div .form-div-main::-webkit-scrollbar {width: 6px;}
.form-div .form-div-main::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px #999;-webkit-border-radius: 5px;border-radius: 5px;}
.form-div .form-div-main::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background: #999;-webkit-box-shadow: inset 0 0 5px #ccc;}
.form-div .form-div-main::-webkit-scrollbar-thumb:window-inactive {background: #999;}


/** layui **/
.layui-nav{border-radius: 0;}
.div-right .layui-nav .layui-nav-item{line-height: 50px;}
.layui-bg-gray{background: #fff!important;}
.layui-table-view:after{background-color:inherit;}


/** table **/
.layui-table-tool{ padding: 12px 0;}
.layui-table-tool-self{ right: 0;top: 12px;}
.layui-table-box{background: #fff;}
.layui-table-column{ padding: 8px 0 8px 16px;}

.layui-table-view{border:none;}
.layui-table-tree-flexIcon, .layui-table-tree-nodeIcon{margin-right: 5px;}

/** 左侧导航 **/
.div-left .layui-nav{background-color: #222;}
.div-left .layui-nav em{width: 30px; display: inline-block; font-size: 16px;float: left;}
.div-left .layui-nav span{display: inline-block;float: left;line-height: 31px;}
.div-left .layui-nav dd a{text-indent: 30px;}


/** main **/
.vo-div-left{width: 70%;float: left;}
.vo-div-right{ width: 30%;float: left;}

.vo-div{ padding: 7.5px;}
.vo-div-r-0{padding-right: 0;}
.vo-div-l-0{ padding-left: 0;}

.vo-item{ width:calc(100% - 15px);min-height: 252px; background: #fff;margin: 7.5px;float: left;box-shadow: 0px 0px 1px 0px #ccc;}
.vo-item .h3{ height: 50px; line-height: 50px; font-size: 14px;font-weight: normal; overflow: hidden;}
.vo-item .h3 strong{ font-weight: normal; padding-left: 15px;}
.vo-item .h3 i{ font-style: normal; color: #ccc; margin-left: 10px; font-size: 12px;}
.vo-item .h3 span{ float: right;margin-right: 15px; cursor: pointer;}

.vo-item h2{ height: 50px; line-height: 50px;border-left:solid 3px #16baaa;font-size: 16px;border-bottom: solid 1px #eee;margin-bottom: 20px;}
.vo-item h2 strong{ padding-left: 12px;}
.vo-item h2 span{ float: right;margin-right: 15px;font-weight: normal;font-size: 14px;cursor: pointer;}
.vo-item-float-50{width: calc(50% - 15px); float: left;}
.vo-item-float-60{width: calc(60% - 15px); float: left;}
.vo-item-float-55{width: calc(55% - 15px); float: left;}
.vo-item-float-40{width: calc(40% - 15px); float: left;}
.vo-item-float-45{width: calc(45% - 15px); float: left;}

.vo-kjfs{}
.vo-kjfs ul{padding:0 10px 10px 10px;}
.vo-kjfs ul li{width: calc(33.33333% - 10px);margin: 5px; float: left;text-align: center;background: #f7f7f7;}
.vo-kjfs ul li a{ display: block;}
.vo-kjfs ul li a:hover,.vo-kjfs ul li a:hover span{background: #eee; cursor: pointer;}
.vo-kjfs ul li a i{ padding: 15px 0;display: block;font-size: 30px;height: 27.5px;line-height: 27.5px;}
.vo-kjfs ul li a span{ padding-bottom: 6px; display: block;}

.vo-dbsx{}
.vo-dbsx ul{ padding:0 10px 10px 10px;}
.vo-dbsx ul li{width: calc(33.33333% - 10px);margin: 5px; float: left;background: #f7f7f7;}
.vo-dbsx ul li a{ padding:10px; display:block;}
.vo-dbsx ul li a:hover{background: #eee;cursor: pointer;}
.vo-dbsx ul li span{ display: block;margin-bottom: 10px;}
.vo-dbsx ul li i{ font-size: 28px; color: #666;font-weight: normal;height: 33.5px;line-height: 33.5px;}
.vo-dbsx ul li i.red{color: #f00;}

.vo-ztxx{}
.vo-ztxx h1{font-size: 16px;margin: 15px;}
.vo-ztxx-item{margin:15px 15px; height: 20px; line-height: 20px;}
.vo-ztxx-item strong{ width: 100px;height: 20px; line-height: 20px; font-weight: normal; overflow: hidden; display: inline-block; color: #999;white-space:nowrap;text-overflow: ellipsis;}
.vo-ztxx-item p{ width: calc(100% - 100px);height: 20px; line-height: 20px; display: inline-block;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}

.huikuan{margin:7px 15px 15px 15px; background: #fff;box-shadow: 0px 0px 1px 0px #ccc;padding: 15px;}
.huikuan .huikuan-left{ width: 350px;float: left;}
.leiji{background: #16baaa; padding: 15px; color: #fff;box-shadow: 0px 0px 10px 0px #ccc;}
.leiji h3{font-weight: normal; font-size: 14px; margin-bottom: 10px;padding-left: 5px;}
.leiji .leiji-money{font-weight: bold; font-size: 28px;height: 34px;line-height: 34px;}
.leiji .leiji-money i{font-style: normal;margin-right: 5px;}
.leixin{ padding:18px 15px;}
.leixin .leixin-tit{border-bottom: solid 1px #eee; height: 25px; line-height: 25px; padding: 15px 0; color: #999; overflow: hidden;}
.leixin .leixin-tit:last-child{border-bottom: none; padding-bottom: 5px;}
.leixin .leixin-tit strong{border-left: solid 5px #0033bc; padding-left: 15px; display: inline-block;font-weight: normal;}
.leixin .leixin-tit strong.l{border-left: solid 5px #ff5722;}
.leixin .leixin-tit strong.c{border-left: solid 5px #ffb800;}
.leixin .leixin-tit strong.f{border-left: solid 5px #16baaa;}
.leixin .leixin-tit strong.r{border-left: solid 5px #a233c6;}
.leixin .leixin-tit p{float: right;}
.leixin .leixin-tit p i{ font-style: normal;font-size: 18px; color: #000;margin-right: 5px;font-weight: bold;}
.leixin .leixin-tit p em{font-style: normal;}
.huikuan .huikuan-right{ width: calc(100% - 400px); float: left;background: #f00; margin-left: 50px;}

.customer{height: 90px; padding:10px 20px 15px 20px; overflow: hidden;}
.customer h2{}
.customer h2 span{float: right;font-weight: normal;}
.customer dl{margin-top: 10px; display: inline-block;float: left; padding-right: 100px;}
.customer dl:last-child{ padding-right: 0px;}
.customer dl dt{ font-size: 13px; color: #999; margin: 5px 0;}
.customer dl dd{font-size: 13px;}
.content-left-15 .layui-tab{ margin: 0 0 0 0; height: calc(100% - 90px);}
.content-left-15 .layui-tab .layui-tab-title{ height: 50px;background: #f5f5f5;}
.content-left-15 .layui-tab .layui-tab-title li{line-height: 50px; min-width:inherit; margin: 0 20px; padding: 0 1px 0 1px;}
.content-left-15 .layui-tab-title .layui-this:after{ height: 51px;}
.content-left-15 .layui-tab-content{ padding: 20px; height: 100%;}


.content-left-15 .layui-tab-item{height: 100%;}
.content-left-15 .customerInfo p{ width: 50%;line-height: 35px; float: left; margin:5px 0;}
.content-left-15 .customerInfo p strong{font-weight: normal; width: 110px;float: left; display: inline-block; color: #999;}
.content-left-15 .customerInfo p span{ width: calc(100% - 130px); display: inline-block;float: left; padding-right: 20px;}

.flow{ height: calc(100% - 121px); position: relative;}
.flow .flow-div{width: calc(50% - 20px); height: 100%;float: left; overflow-y: auto; margin-right: 20px;}
.flow .flow-div ul{}
.flow .flow-div ul li{border-bottom: solid 1px #ddd; padding: 15px 0; position: relative;}
.flow .flow-div ul li:hover{background: #f7f7f7; cursor: pointer;}
.flow .flow-div ul li:first-child{padding-top: 0;}
.flow .flow-div ul li:last-child{ padding-bottom: 0;border-bottom: 0px;}
.flow .flow-div::-webkit-scrollbar {width: 0px;}

.flow .flow-con{ width: calc(50% - 21px);float: left; height:100%; padding-left:20px; line-height: 25px; border-left: solid 1px #ddd;}
.flow .flow-con h3{ margin-bottom: 10px;}
/*.flow .layui-flow-more{ display: none;}*/

.flow .task-pic{ width: 42px; height: 42px;float: left;margin-right: 15px;border-radius:5px;}
.flow .task-pic img{border-radius: 5px;}
.flow .task-plan{width: calc(100% - 57px); float: left;font-size: 13px;}
.flow .task-plan .task-plan-tit{ margin-bottom: 5px;}
.flow .task-plan .task-plan-tit h3{height: 22px; line-height: 22px;position: relative;}
.flow .task-plan .task-plan-tit h3 b{ position: absolute; top: -1px;}
.flow .task-plan .task-plan-tit h3 span{float: right;font-weight: normal; color: #999;font-size: 12px;}
.flow .task-plan .task-plan-tit i{ height: 17px; line-height: 18px; font-size: 12px;margin-left: 10px;border-radius: 3px;background: #f7a35c;display: inline-block; padding: 0px 5px;font-weight: normal; color: #fff;font-style: normal;}
.flow .task-plan .task-plan-tit p{ color: #999;line-height: 22px; margin-top: 2px;}
.flow .task-plan .task-plan-con{line-height: 20px;}
.flow .task-plan .task-plan-con strong{font-weight: normal;display: inline-block; color: #999;}
.flow .task-plan .task-plan-con span{color: #2a8edd; }

.layui-upload .layui-table td,.layui-upload .layui-table th{ padding: 10px;}
.layui-table td, .layui-table th{font-size: 13px;}

.class-photos-demo{ height: 100%; overflow-y: auto;}
.class-photos-demo::-webkit-scrollbar {width: 0px;}
.class-photos-demo li{float: left;width: 225px; height: 225px; cursor: pointer; margin: 0 15px 15px 0; position: relative;background: #f5f5f5;}
.class-photos-demo li strong{ position: absolute; left: 5px; top: 8px;font-weight: normal;text-shadow: 0 0 1px #000; color: #fff; z-index: 20;display: none;}
.class-photos-demo li span{ position: absolute; top: 5px; right: 5px;background: #f00; color: #fff; border-radius: 3px; padding: 2px 5px;font-size: 12px;z-index: 20;}
.class-photos-demo li img{ width: 225px; position: absolute;z-index: 10;left: 50%;top: 50%; margin-top: -112px; margin-left: -112px;}
.class-photos-demo li:hover strong{ display: inherit;}

.taskType{width:700px; background: #fff; margin: 15px 0;}
.taskType h3{ height: 25px;line-height: 25px;background: #ccc;}
.taskType a{cursor: pointer;color:#01aaed!important;}
.taskType strong{float: left;font-weight: normal;}
.taskType strong b{color: #ccc;font-weight: normal; margin-right: 8px;}.taskType span a{float: right;margin-left: 10px; font-weight: normal;}
.taskType .taskType-01{float: left; width: 200px;}
.taskType .taskType-02{float: left; width: calc(100% - 200px);}
.taskType .taskType-02 dl{ padding: 5px 0px; border-bottom: solid 1px #eee;}
.taskType .taskType-02 dl:last-child{border-bottom: none;}
.taskType .taskType-02 dl dt{ height: 20px;line-height: 20px; padding-right: 10px;}
.taskType .taskType-02 dl dt b{ font-style: normal;font-weight: normal; color: #f00; margin-left: 5px;}
.taskType .taskType-02 dl dd{ height: 20px;line-height: 20px; padding-right: 10px;}
.taskType .taskType-02 dl dd strong a{cursor: pointer;color:#01aaed!important;}
.taskType .taskType-02 dl dd:hover,.taskType .taskType-02 dl dt:hover{background: #ccc;}

.task-display{ display: none;}
.cowwh3{margin-top: 15px; height:30px;line-height: 30px;text-indent: 12px;font-size: 13px;font-weight: normal;border-left: solid 3px #39f; background: #f5f5f5;}/* 财务 */