/********************************* * Table Of Content * * 1. Index 系统首页 * 2. Procurement 采购管理 * 3. Sales 销售管理 * 4. Warehouse 仓库管理 * 5. Report 报表统计 * 6. Data 资料中心 * 7. Set up 系统设置 * **********************************/ /* 默认选项卡 */ .tab-default{margin:10px 0;text-align:left!important} .tab-default .tab-title{position:relative;left:0;/*height:40px;white-space:nowrap;*/font-size:0;border-bottom:1px #e6e6e6 solid;padding: 0 25px; transition:all .2s; -webkit-transition:all .2s;} .tab-default .tab-title li {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;position:relative;line-height:40px;min-width:65px;text-align:center;cursor:pointer; transition:all .2s; -webkit-transition:all .2s;} .tab-default .tab-title li a{display: block;padding: 0 60px;color: #333;} .tab-default .tab-title .active:after {position:absolute;left:0;top:0;content:'';width:100%;height:41px;border-width:1px;border-style:solid;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none} .tab-default .tab-title .active a{color:#3388ff;display: block;} .tab-default .tab-title .active:after {border:none;border-radius:0;border-bottom:2px solid #3388ff} .tab-default .tab-content{} @media (max-width:767px) { .tab-default .tab-title li{width: 100%;} } /* （首选项）选项卡 */ .tab-primary{overflow: hidden;} .tab-primary .tab-nav{float: left;width: 155px;} .tab-primary .tab-nav li{position: relative;line-height: 32px;margin-bottom: 32px;font-size: 16px; transition: all .2s; -webkit-transition: all .2s;} .tab-primary .tab-nav li a{display: block;padding: 0 0 0 15px;color: #333;} .tab-primary .tab-nav li.active{border-left: 4px #3388ff solid;} .tab-primary .tab-nav li.active a{color: #3388ff;} .tab-primary .tab-nav li.active:after{position: absolute;content: '';width: 6px;height: 12px;background: url(../images/pub/pubIcons.png) 0px -75px no-repeat;right: 10px;top: 10px;} .tab-primary .tab-content{margin-left: 170px;overflow: hidden;padding: 10px;} /*************************** Index 系统首页 ***************************/ .index-wrap{background: #e8e9eb;} .index-wrap > .row{margin: 0 -5px;} .index-wrap .panel{margin-bottom: 10px;border: 1px #e3e4e8 solid;} .index-wrap .panel > .panel-heading{background: #fff;border-color: #e3e4e8;color: #a4aeb9;font-size: 16px;padding: 10px 20px;} .index-wrap .panel > .panel-heading .more{float: right;color: #666;} .index-wrap .panel > .panel-heading .more span{vertical-align: middle; cursor: pointer;} .index-wrap .panel > .panel-heading .more .iconfont{font-size: 14px;margin: 0;} .index-wrap .panel > .panel-body{padding: 15px;} .index-wrap .pendingCase{} .index-wrap .pendingCase li:last-child{border-bottom: 0;} .index-wrap .pendingCase li{border-bottom: 1px #ccc dotted;padding: 14px 0;} .index-wrap .pendingCase li span{color: #666;line-height: 20px;} .index-wrap .pendingCase li span.num{float: right;font-size: 20px;} .bg_5867dd{background: #5867dd;} .bg_00a65a{background: #00a65a;} .bg_04c1c4{background: #04c1c4;} .bg_ff7520{background: #ff7520;} .data-bar{padding: 15px;border-radius: 5px;position: relative;margin-bottom: 10px; line-height: 27px;} .data-bar .iconfont{color: #fff;border: 2px #fff solid;border-radius: 32px;width: 32px;height: 32px;display: inline-block;text-align: center;position: absolute;right: 15px;top: 15px;} .data-list{color: #fff;} .data-list label{color: rgba(255, 255, 255, 0.6);} .data-list .txt strong{font-size: 22px;font-weight: normal;} .pending-box{padding: 15px 10px;} .pending-box .col-md-6{border-bottom: 1px #e8e8e8 solid;padding: 30px 0; cursor: pointer;} .pending-box .col-md-6:nth-child(2n){border-left: 1px #e8e8e8 solid;} .pending-box .col-md-6.no-line{border-bottom:0;} .pending-box span{display: block;text-align: center;} .pending-box .num{color: #ea2e49;font-size: 24px;} .pending-box .num.no{color: #a4aeb9;} .pending-box .txt{padding-top: 10px;} .date-box .layui-laydate{width: 100%;box-shadow:none;border: 1px #e3e4e8 solid;} .date-box .layui-laydate .layui-laydate-main{width: 100%;} .date-box .layui-laydate .layui-laydate-main .layui-laydate-content table{width: 100%;} .date-box .layui-laydate .layui-laydate-footer{display: none;} .calendar-info{position: relative;} .calendar-info .date{color: #2e8fea;font-size: 48px;font-weight: bold;} .calendar-info .info{position: absolute;top:8px;left:70px;} .quick-box.row{margin: 0 -5px 0 -5px;} .quick-box .panel > .panel-heading{border-color: #fff;padding: 14px 20px;background: #fff;} .quick-box .panel > .panel-body{padding-bottom: 24px;} .quick-box .operate-process{overflow: hidden;margin: 0 -5px;} .quick-box .operate-process > li a{border:1px solid rgb(245,177,69, 0.32);display: block;text-align: center;padding: 8px 0;border-radius: 10px;} .quick-box .operate-process > li .icons{width: 30px;height: 32px;display: block;background: url(../images/main/operateIcons.png) no-repeat;margin: 0 auto;} .quick-box .operate-process > li .text{padding-top: 10px;display: block;margin: 0px 20px;} .quick-box .operate-process > li[class*="listLi"]{padding-right: 10px;padding-left: 10px;} .quick-box .operate-process > li.listLi1 a{border-color: rgb(245,177,69, 0.32);color: #f5b145;} .quick-box .operate-process > li.listLi1 a .icons{background-position: 0 0;} .quick-box .operate-process > li.listLi2 a{border-color: rgb(69,160,245, 0.32);color: #45a0f5;} .quick-box .operate-process > li.listLi2 a .icons{background-position: 0 -42px;} .quick-box .operate-process > li.listLi3 a{border-color: rgb(245,69,139, 0.32);color: #f5458b;} .quick-box .operate-process > li.listLi3 a .icons{background-position: 0 -84px;} .quick-box .common-menu{overflow: hidden;} .quick-box .common-menu > li{float: left;margin:10px 4px 10px 4px;text-align: center;position: relative;} .quick-box .common-menu > li a{color: #333;width: 86px;height: 80px;display: block;} .quick-box .common-menu > li a .icons, .quick-box .common-menu > li a .cai_icon, .quick-box .common-menu > li a .xiao_icon, .quick-box .common-menu > li a .cang_icon, .quick-box .common-menu > li a .bao_icon{display: block;margin: 0 auto;width: 60px;height: 60px;} .quick-box .common-menu > li a .text{padding-top: 5px;display: block;white-space: nowrap;text-overflow: ellipsis; font-size: 13px; display: block;overflow: hidden;} .quick-box .common-menu > li.more a .icons{background-image: url(../images/main/com_icon_more.png);width: 80px;height: 80px;} .quick-box .common-menu > li .iconfont{width: 25px;height: 25px;line-height: 22px;border-radius: 25px;display: none;position: absolute;right: -8px;top: -8px;background: #3388ff;z-index: 99;color: #fff;cursor: pointer;} .quick-box .common-menu > li .iconfont.erp-icon-jianqu{background: #ea2e49;} .quick-box .common-menu > li.item.gray:hover .iconfont.erp-icon-add{display: block;} .quick-box .common-menu > li.item.gray:hover .iconfont.erp-icon-jianqu{display: none;} .quick-box .common-menu > li.item:hover .iconfont.erp-icon-jianqu{display: block;} .quick-box .common-menu > li a .cai_icon{background: url(../images/main/cai_icon.png) no-repeat;} .quick-box .common-menu > li a .cai_icon1{background-position: 4px 0;} .quick-box .common-menu > li a .cai_icon2{background-position: 2px -66px;} .quick-box .common-menu > li a .cai_icon3{background-position: 0px -134px;} .quick-box .common-menu > li a .cai_icon4{background-position: 0px -200px;} .quick-box .common-menu > li a .cai_icon5{background-position: 2px -266px;} .quick-box .common-menu > li a .cai_icon6{background-position: 0px -328px;} .quick-box .common-menu > li a .cai_icon7{background-position: 3px -395px;} .quick-box .common-menu > li.gray a .cai_icon1{background-position: -67px 0px;} .quick-box .common-menu > li.gray a .cai_icon2{background-position: -69px -66px;} .quick-box .common-menu > li.gray a .cai_icon3{background-position: -71px -134px;} .quick-box .common-menu > li.gray a .cai_icon4{background-position: -71px -200px;} .quick-box .common-menu > li.gray a .cai_icon5{background-position: -69px -266px;} .quick-box .common-menu > li.gray a .cai_icon6{background-position: -71px -328px;} .quick-box .common-menu > li.gray a .cai_icon7{background-position: -68px -395px;} .quick-box .common-menu > li a .bu_icon{ display: block; margin: 0 auto; width: 60px; height: 60px; background: url(../images/main/bu_02.png) no-repeat;} .quick-box .common-menu > li.gray a .bu_icon{background: url(../images/main/bu_01.png) no-repeat;} .quick-box .common-menu > li a .xiao_icon{background: url(../images/main/xiao_icon.png) no-repeat;} .quick-box .common-menu > li a .xiao_icon1{background-position: 0 0;} .quick-box .common-menu > li a .xiao_icon2{background-position: 0 -67px;} .quick-box .common-menu > li a .xiao_icon3{background-position: 0 -135px;} .quick-box .common-menu > li a .xiao_icon4{background-position: 0 -200px;} .quick-box .common-menu > li a .xiao_icon5{background-position: 0 -266px;} .quick-box .common-menu > li a .xiao_icon6{background-position: 0 -334px;} .quick-box .common-menu > li a .xiao_icon7{background-position: 0 -402px;} .quick-box .common-menu > li a .xiao_icon8{background-position: 0 -464px;} .quick-box .common-menu > li.gray a .xiao_icon1{background-position: -70px 0;} .quick-box .common-menu > li.gray a .xiao_icon2{background-position: -70px -67px;} .quick-box .common-menu > li.gray a .xiao_icon3{background-position: -70px -135px;} .quick-box .common-menu > li.gray a .xiao_icon4{background-position: -70px -200px;} .quick-box .common-menu > li.gray a .xiao_icon5{background-position: -70px -266px;} .quick-box .common-menu > li.gray a .xiao_icon6{background-position: -70px -334px;} .quick-box .common-menu > li.gray a .xiao_icon7{background-position: -70px -402px;} .quick-box .common-menu > li.gray a .xiao_icon8{background-position: -70px -464px;} .quick-box .common-menu > li a .cang_icon{background: url(../images/main/cang_icon.png) no-repeat;} .quick-box .common-menu > li a .cang_icon1{background-position: 0 0;} .quick-box .common-menu > li a .cang_icon2{background-position: 0 -60px;} .quick-box .common-menu > li a .cang_icon3{background-position: 0 -120px;} .quick-box .common-menu > li a .cang_icon4{background-position: 0 -183px;} .quick-box .common-menu > li a .cang_icon5{background-position: 0 -247px;} .quick-box .common-menu > li a .cang_icon6{background-position: 0 -315px;} .quick-box .common-menu > li a .cang_icon7{background-position: 0 -383px;} .quick-box .common-menu > li a .cang_icon8{background-position: 0 -450px;} .quick-box .common-menu > li a .cang_icon9{background-position: 0 -516px;} .quick-box .common-menu > li a .cang_icon10{background-position: 0 -581px;} .quick-box .common-menu > li a .cang_icon11{background-position: 0 -645px;} .quick-box .common-menu > li a .cang_icon12{background-position: 0 -709px;} .quick-box .common-menu > li a .cang_icon13{background-position: 0 -774px;} .quick-box .common-menu > li a .cang_icon14{background-position: 0 -839px;} .quick-box .common-menu > li a .cang_icon15{background-position: 0 -905px;} .quick-box .common-menu > li a .cang_icon16{background-position: 0 -970px;} .quick-box .common-menu > li a .cang_icon17{background-position: 0 -1027px;} .quick-box .common-menu > li a .cang_icon18{background-position: 0 -1085px;} .quick-box .common-menu > li a .cang_icon19{background-position: 0 -1153px;} .quick-box .common-menu > li.gray a .cang_icon1{background-position: -70px 0;} .quick-box .common-menu > li.gray a .cang_icon2{background-position: -70px -60px;} .quick-box .common-menu > li.gray a .cang_icon3{background-position: -70px -120px;} .quick-box .common-menu > li.gray a .cang_icon4{background-position: -70px -183px;} .quick-box .common-menu > li.gray a .cang_icon5{background-position: -70px -247px;} .quick-box .common-menu > li.gray a .cang_icon6{background-position: -70px -315px;} .quick-box .common-menu > li.gray a .cang_icon7{background-position: -70px -383px;} .quick-box .common-menu > li.gray a .cang_icon8{background-position: -70px -450px;} .quick-box .common-menu > li.gray a .cang_icon9{background-position: -70px -516px;} .quick-box .common-menu > li.gray a .cang_icon10{background-position: -70px -581px;} .quick-box .common-menu > li.gray a .cang_icon11{background-position: -70px -645px;} .quick-box .common-menu > li.gray a .cang_icon12{background-position: -70px -709px;} .quick-box .common-menu > li.gray a .cang_icon13{background-position: -70px -774px;} .quick-box .common-menu > li.gray a .cang_icon14{background-position: -70px -839px;} .quick-box .common-menu > li.gray a .cang_icon15{background-position: -70px -905px;} .quick-box .common-menu > li.gray a .cang_icon16{background-position: -70px -970px;} .quick-box .common-menu > li.gray a .cang_icon17{background-position: -70px -1027px;} .quick-box .common-menu > li.gray a .cang_icon18{background-position: -70px -1085px;} .quick-box .common-menu > li.gray a .cang_icon19{background-position: -70px -1153px;} .quick-box .common-menu > li a .bao_icon{background: url(../images/main/bao_icon.png) no-repeat;} .quick-box .common-menu > li a .bao_icon1{background-position: 0 0;} .quick-box .common-menu > li a .bao_icon2{background-position: 0 -67px;} .quick-box .common-menu > li a .bao_icon3{background-position: 0 -128px;} .quick-box .common-menu > li a .bao_icon4{background-position: 0 -186px;} .quick-box .common-menu > li a .bao_icon5{background-position: 0 -245px;} .quick-box .common-menu > li a .bao_icon6{background-position: 0 -302px;} .quick-box .common-menu > li a .bao_icon7{background-position: 0 -365px;} .quick-box .common-menu > li a .bao_icon8{background-position: 0 -431px;} .quick-box .common-menu > li a .bao_icon9{background-position: 0 -496px;} .quick-box .common-menu > li a .bao_icon10{background-position: 0 -560px;} .quick-box .common-menu > li a .bao_icon11{background-position: 0 -625px;} .quick-box .common-menu > li a .bao_icon12{background-position: 0 -685px;} .quick-box .common-menu > li a .bao_icon13{background-position: 0 -750px;} .quick-box .common-menu > li a .bao_icon14{background-position: 0 -815px;} .quick-box .common-menu > li a .bao_icon15{background-position: 0 -883px;} .quick-box .common-menu > li a .bao_icon16{background-position: 0 -950px;} .quick-box .common-menu > li.gray a .bao_icon1{background-position: -70px 0;} .quick-box .common-menu > li.gray a .bao_icon2{background-position: -70px -67px;} .quick-box .common-menu > li.gray a .bao_icon3{background-position: -70px -128px;} .quick-box .common-menu > li.gray a .bao_icon4{background-position: -70px -186px;} .quick-box .common-menu > li.gray a .bao_icon5{background-position: -70px -245px;} .quick-box .common-menu > li.gray a .bao_icon6{background-position: -70px -302px;} .quick-box .common-menu > li.gray a .bao_icon7{background-position: -70px -365px;} .quick-box .common-menu > li.gray a .bao_icon8{background-position: -70px -431px;} .quick-box .common-menu > li.gray a .bao_icon9{background-position: -70px -496px;} .quick-box .common-menu > li.gray a .bao_icon10{background-position: -70px -560px;} .quick-box .common-menu > li.gray a .bao_icon11{background-position: -70px -625px;} .quick-box .common-menu > li.gray a .bao_icon12{background-position: -70px -685px;} .quick-box .common-menu > li.gray a .bao_icon13{background-position: -70px -750px;} .quick-box .common-menu > li.gray a .bao_icon14{background-position: -70px -815px;} .quick-box .common-menu > li.gray a .bao_icon15{background-position: -70px -883px;} .quick-box .common-menu > li.gray a .bao_icon16{background-position: -70px -950px;} .quick-box .common-menu > li a .zi_icon{background: url(../images/main/zi_icon.png) no-repeat;} .quick-box .common-menu > li a .zi_icon1{background-position: 0 0;} .quick-box .common-menu > li a .zi_icon2{background-position: 0 -67px;} .quick-box .common-menu > li a .zi_icon3{background-position: 0 -135px;} .quick-box .common-menu > li a .zi_icon4{background-position: 0 -198px;} .quick-box .common-menu > li a .zi_icon5{background-position: 0 -258px;} .quick-box .common-menu > li a .zi_icon6{background-position: 0 -318px;} .quick-box .common-menu > li a .zi_icon7{background-position: 0 -380px;} .quick-box .common-menu > li a .zi_icon8{background-position: 0 -448px;} .quick-box .common-menu > li a .zi_icon9{background-position: 0 -516px;} .quick-box .common-menu > li.gray a .zi_icon1{background-position: -70px 0;} .quick-box .common-menu > li.gray a .zi_icon2{background-position: -70px -67px;} .quick-box .common-menu > li.gray a .zi_icon3{background-position: -70px -135px;} .quick-box .common-menu > li.gray a .zi_icon4{background-position: -70px -198px;} .quick-box .common-menu > li.gray a .zi_icon5{background-position: -70px -258px;} .quick-box .common-menu > li.gray a .zi_icon6{background-position: -70px -318px;} .quick-box .common-menu > li.gray a .zi_icon7{background-position: -70px -380px;} .quick-box .common-menu > li.gray a .zi_icon8{background-position: -70px -448px;} .quick-box .common-menu > li.gray a .zi_icon9{background-position: -70px -516px;} .quick-box .common-menu > li a .xi_icon{background: url(../images/main/xi_icon.png) no-repeat;} .quick-box .common-menu > li a .xi_icon1{background-position: 0 0;} .quick-box .common-menu > li a .xi_icon2{background-position: 0 -67px;} .quick-box .common-menu > li a .xi_icon3{background-position: 0 -135px;} .quick-box .common-menu > li a .xi_icon4{background-position: 0 -202px;} .quick-box .common-menu > li a .xi_icon5{background-position: 0 -272px;} .quick-box .common-menu > li a .xi_icon6{background-position: 0 -340px;} .quick-box .common-menu > li.gray a .xi_icon1{background-position: -70px 0;} .quick-box .common-menu > li.gray a .xi_icon2{background-position: -70px -67px;} .quick-box .common-menu > li.gray a .xi_icon3{background-position: -70px -135px;} .quick-box .common-menu > li.gray a .xi_icon4{background-position: -70px -202px;} .quick-box .common-menu > li.gray a .xi_icon5{background-position: -70px -272px;} .quick-box .common-menu > li.gray a .xi_icon6{background-position: -70px -340px;} .inventory-warn-index .tab-default .panel-heading{padding: 0;position: relative;font-size: 16px;} .inventory-warn-index .tab-default .panel-heading .more{position: absolute;top:0;right: 0;color: #666;z-index: 99;} .inventory-warn-index .tab-default .panel-heading .more span{vertical-align: middle;cursor: pointer;} .common_menu_box{border-top: 1px #e3e4e8 solid;padding: 0 24px;background: #fff;} .common_menu_box.quick-box .panel{margin-bottom: 0;border:0;border-bottom: 1px #e3e4e8 solid;} .common_menu_box.quick-box .panel > .panel-heading{color: #333;font-weight: bold;font-size: 14px;padding: 20px 0 10px 0;} .common_menu_box.quick-box .panel > .panel-body{padding:0 0 10px 0;} .common_menu_box.quick-box .common-menu > li{border: 1px #fff solid;} .common_menu_box.quick-box .common-menu > li a{width: 96px;height: 96px;padding: 8px 0;border-radius: 5px;} .common_menu_box.quick-box .common-menu > li.item a{pointer-events: none;} .common_menu_box.quick-box .common-menu > li.item:hover{background: #f8f8f8;border:1px solid #e3e3e3;} .common_menu_box.quick-box .common-menu > li.item:hover .text{color: #3388ff;} .common_menu_box .modal-footer{display: none;} .flowChart .panel-heading{text-align: center;font-size: 24px;font-weight: bold;padding: 24px;} .flowChart .panel-body{padding-bottom: 60px;} .flowChart .flow-inner .flow-inner-assist .flowchart-btn{position: absolute;cursor: pointer;white-space: nowrap;pointer-events: none;} .flowChart .flow-inner .flow-inner-assist .flowchart-btn:hover{-webkit-box-shadow: 0 0 12px 0 #aaa;box-shadow: 0 0 12px 0 #aaa;} .flowChart .flow-inner .flow-inner-assist .flow-rect, .flowChart .flow-inner .flow-inner-assist .flow-rect-long{-webkit-border-radius: 10px;border-radius: 10px;height: 96px;} .flowChart .flow-inner .flow-inner-assist .flow-rect{width: 96px;} .flowChart .flow-inner .flow-inner-assist .flow-rect.active{pointer-events: auto;} .flowChart .flow-inner .flow-inner-assist .flow-rect.active span.btn{background: #f5b145;} .flowChart .flow-inner .flow-inner-assist .flow-rect-long, .flowChart .flow-inner .flow-inner-assist .flow-rect.flow-rect-long span.btn{width: 192px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span{margin-top: 109px;display: inline-block;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn{margin: 0;position: absolute;width: 96px;background: #ccc;display: inline-block;height: 96px;border-radius: 10px;left: 0;top: 0;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons{width: 60px;height: 60px;display: block;margin: 20px auto 0 auto;background: url(../images/main/flowChart_icon.png) no-repeat;} .flowChart .flow-inner .flow-inner-assist .flow-rect-small{width: 48px;height: 24px;line-height: 24px;border-radius: 24px;background: #999;z-index: 99;} .flowChart .flow-inner .flow-inner-assist .flow-rect-small.active{background: #ff7520;pointer-events: auto;} .flowChart .flow-inner .flow-inner-assist .flow-rect-small span{color: #fff;} .flowPro .flow-inner .flow-inner-assist .flow-rect.active span.btn{background: #f5b145;} .flowSales .flow-inner .flow-inner-assist .flow-rect.active span.btn{background: #45a0f5;} .flowWarehouse .flow-inner .flow-inner-assist .flow-rect.active span.btn{background: #f5458b;} .flowChart .flow-inner{display: inline-block;position: relative;} .flowChart .flow-inner img{display: inline-block;} .flowChart .flow-inner .flow-inner-assist{position: absolute;top:0;left: 0;transform-origin: left top;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon01{background-position: -2px 0;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon02{background-position: -2px -66px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon03{background-position: -2px -132px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon04{background-position: -2px -194px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon05{background-position: -2px -262px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon06{background-position: 0px -330px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon07{background-position: -2px -396px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon08{background-position: -2px -464px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon09{background-position: -2px -530px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon10{background-position: -72px -1px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon11{background-position: -72px -66px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon12{background-position: -72px -130px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon13{background-position: -72px -192px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon14{background-position: -72px -247px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon15{background-position: -70px -300px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon16{background-position: -72px -360px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon17{background-position: -72px -425px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon18{background-position: -72px -492px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon19{background-position: -72px -559px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon20{background-position: -142px 0;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon21{background-position: -142px -66px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon22{background-position: -142px -132px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon23{background-position: -142px -197px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon24{background-position: -142px -264px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon25{background-position: -142px -330px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon26{background-position: -140px -395px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon27{background-position: -142px -462px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon28{background-position: -140px -528px;} .flowChart .flow-inner .flow-inner-assist .flow-rect span.btn .icons.icon29{background-position: -142px -596px;} /*************************** Procurement 采购管理 ***************************/ .procurement-tabList{border-bottom:1px #e8e9eb solid;padding:15px 20px !important;} .procurement-wrap{padding: 0 20px;} /* 订单头部 */ .order-titleBar{position: relative;height: 38px;margin: 5px 0;} .order-titleBar h2{text-align: center;line-height: 38px;font-size: 24px;} .order-titleBar .order-code{position: absolute;left: 0;top:0;} .order-code .form-group {margin: 0 !important;display: inline-block;} .order-code .form-group .input-inline{float: initial;width: auto;} .order-code .form-group .input-inline .form-control{border:1px solid transparent;} .order-code .form-group .input-inline .form-control:hover{border-bottom:1px #ccc solid;} .order-code .form-group .input-inline .form-control:focus{border-bottom-color: #3388ff;} .btn.dropdown-toggle:hover, .input-block input:hover, .input-inline input:hover, .input-search input:hover{border-bottom-color: #3388ff;} @media (max-width: 767px){ .order-titleBar{height:auto} .order-titleBar .order-code{position: initial;} } @media (max-width: 1100px){ .order-titleBar{height:auto} .order-titleBar .order-code{position: initial;} } .accessory-group{display: inline-block;position: relative;cursor: pointer;} .accessory-group .text-node{height: 38px;line-height: 38px;} .accessory-group .popup{position: absolute;background: #fff;z-index: 10;border: 1px #ccc solid;padding: 10px;top: 38px;left: 0;display: none;} .accessory-group:hover .popup{display: block} .accessory-list li { white-space: nowrap;position: relative;padding-right: 35px; margin-bottom: 10px; line-height: 1.3;} .accessory-list li i.erp-icon-close, .accessory-list li i.erp-icon-xiazai { cursor: pointer;position: absolute;right:-5px;top:-2px;display: none;} .accessory-list li:hover i.erp-icon-close, .accessory-list li:hover i.erp-icon-xiazai {display: block} .accessory-list li a, .accessory-list li a:hover, .accessory-list li a:active { color: #333; } .accessory-uploader{position: relative; width: 100px;overflow: hidden;background: #3388ff;color: #fff;height: 30px;line-height: 30px;text-align: center;margin: 0 auto;} .accessory-uploader input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;} .search-report .word-tip{font-size: 14px;vertical-align: top;line-height: 22px;padding: 0 10px;} .search-report-list{overflow: hidden;display: inline-block;} .search-report-list li, .btn.senior-search-btn, .btn.charts-btn{line-height: 22px;margin-right: 10px;margin-bottom: 15px;padding: 0 10px;} .search-report-list li{float: left;border-radius: 22px;cursor: pointer;border:1px solid transparent;} .search-report-list li:hover, .search-report-list li.active{color: #3388ff;border-color: #3388ff;} .search-report-list li:hover .iconfont, .search-report-list li.active .iconfont{color: #3388ff;} .btn.senior-search-btn, .btn.charts-btn{height: auto;vertical-align: top;border:1px #333 solid;background-color: transparent;} .btn.senior-search-btn .erp-icon-downarrow{font-weight: bold;} .btn.senior-search-btn.on, .btn.charts-btn.on{border-color: #3388ff;color: #3388ff;} .btn.senior-search-btn.on .erp-icon-downarrow{color: #3388ff;} .order-search div.form-group { width: auto; padding-right: 35px; margin-left:0 } .order-search div.form-group div.input-inline { width: 205px;} .order-search div.form-group div.input-inline .form-control{width: 100%;} .order-search div.form-group div.input-search { width: 255px; margin-left: 40px; } .order-search div.form-group label.control-label{ width: 105px; padding-left: 0; line-height: 20px; } .order-search div.form-search-button { width: 75px; margin-left: 0px; } .order-search div.form-group label.control-label:first-child { width: auto; margin-left:0;} /* .order-search .form-group .input-inline .form-control:disabled{background: #fff;} */ .order-search div.form-group div.end-select{width:90px;float: left;} .order-search div.form-group div.end-input{width: 95px;} .order-table-tit{padding: 10px 0;} .order-note{} .order-note .control-label{width: auto !important;} .order-note .input-block{margin-left: 90px;} .order-footer{padding: 5px 0;} .order-footer .form-group{display: inline-block;margin: 0;} .order-footer .form-group .control-label{width: auto;} .order-footer .order-amount{display: inline-block;vertical-align: bottom;padding-right: 20px;} .order-footer .order-amount strong{font-size: 24px;font-weight: normal;} .operate-history{} .operate-history li{position: relative;margin-bottom: 15px;} .operate-history li::after, .operate-history li::before{content: '';display: block;background: #3388ff;position: absolute;} .operate-history li::after{width: 15px;height: 15px;border-radius: 15px;top:0;left: 165px;} .operate-history li::before{width:2px;height: 20px;top:15px;left: 171px;} .operate-history li:last-child::before{display: none;} .operate-history li span{padding-right: 15px;} .operate-history li span.time{margin-right: 60px;} /*************************** Report 报表统计 ***************************/ .view-echarts.row{margin: 0;} .echarts-box.panel{border:0;} .echarts-box .panel-heading .panel-title{float: left;line-height: 38px;} .echarts-box .panel-heading .handle{float: right;} .echarts-box .panel-heading .handle .iconfont{cursor: pointer;} .echarts-box .panel-heading .handle .iconfont:hover{color:#3388ff;} .echarts-box .panel-heading .form-group{margin-bottom:0;} .echarts-box .panel-heading .tab-list{float: left;line-height: 30px;margin-left: 20px;border-bottom: 1px #e6e6e6 solid;} .echarts-box .panel-heading .tab-list span{display: inline-block;padding: 0 20px;cursor: pointer;position: relative;} .echarts-box .panel-heading .tab-list span.active{color: #3388ff;} .echarts-box .panel-heading .tab-list span.active::after{border: none;border-radius: 0;border-bottom: 2px solid #3388ff;} .echarts-box .panel-heading .tab-list span::after{position: absolute;left: 0;top: 0;content: '';width: 100%;height: 30px;border:0;box-sizing: border-box;pointer-events: none;} .echarts-box .panel-heading{height:60px;padding: 20px 0 0 0;} .echarts-box .panel-body{background: #eee;} .view-echarts .row{margin: 0 -5px 0 -5px;} .view-echarts .analyzeList{text-align: center;} .view-echarts .analyzeList div[class^="col-md-"] .info{border:1px #eee solid;margin-bottom:15px;padding-bottom: 20px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;} .view-echarts .analyzeList div[class^="col-md-"] .info p{padding-top: 20px;} .view-echarts .analyzeList div[class^="col-md-"] .info p strong{font-size: 24px;font-weight: normal;} .allot-form .form-group{width: 32.33%;} .allot-form .form-group .input-inline{width: 200px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*************************** Data 资料中心 ***************************/ .add-goods{} .add-goods .base-list{} .add-goods .base-list .form-group{ display: inline-block} .add-goods .bootstrap-select > .dropdown-toggle{padding-left: 10px;} /* 图片空间 */ .img-hosting{} .img-hosting .actionsTop{padding: 15px 20px;border-bottom: 1px #e8e9eb solid;line-height: 32px;} .img-hosting .picSidebarTop{border-right: 1px #e8e9eb solid;} .code-inline .input-inline, .input-inline.note-inline{width:auto !important;} .code-inline .input-inline img{width:95px;height: 40px;margin-left: 10px;} /*************************** Set up 系统设置 ***************************/ .system-parameters .form-group .input-inline{width: auto;} .tip-muted{color: #6f85a3;margin-left: 35px;} .tip-muted dt{font-weight: normal;} .system-parameters .word-aux{font-size: 14px;color: #6f85a3;} .system-parameters .input-item{float: left;padding-left: 34px;} .system-parameters label.el-checkbox{display: inline-block;} .input-item .form-control{width: auto;display: inline-block;} .tab-print .tab-nav li{line-height: 25px;height: 25px;margin-bottom: 0;font-size: 14px;} .tab-print .tab-nav li.active:after{display: none;} .tab-print .tab-nav li.active{border-left: 0;} .print-wireframe{ min-width: 640px;min-height: 558px;border: 1px #929292 dotted;} .goods-set .input-inline{height: 38px;} .attribute-box{} .attribute-box .input-inline label.el-checkbox{padding-left: 0;padding-right: 0;} .order-search div.form-group.input-search-group1{width: 660px;} .order-search div.form-group.input-search-group1 .input-search{width: 545px;} .order-search div.form-group.input-search-group2{width: 685px;} .order-search div.form-group.input-search-group2 .input-search{width: 570px;} .order-search div.form-group.input-search-group3{width: 450px;} .order-search div.form-group.input-search-group3 .input-search.input-inline{width: 335px;} .order-search div.form-group.input-search-group4{width: 330px;} .order-search div.form-group.input-search-group4 .input-search.input-inline{width: 215px;} /* 修改密码 */ .panel.change-password{border:0;} .change-password .panel-heading .title{font-size: 14px;border-left: 4px solid #3388ff;padding-left: 10px;} .strength-inline{float: left;} .strength-inline .tip{color: #666;font-size: 12px;margin-top: 5px;} .strength-list{overflow: hidden;margin-top: 5px;width: 325px;} .strength-list li{float: left;width: 24%;height: 25px;line-height:25px;background: #ccc;margin-right:1px;text-align: center;color: #fff;} .strength-list li.on1{background: #ff4444;} .strength-list li.on2{background: #ce642d;} .strength-list li.on3{background: #9f8116;} @media (max-width: 767px){ .strength-list{overflow: hidden;margin-top: 5px;width: 100%;} } /* 自定义宽度 */ .w800{width: 800px !important;} .w665{width: 665px !important;} .w570{width: 570px !important;} .w480{width: 480px !important;} .w430{width: 430px !important;} .w410{width: 410px !important;} .w335{width: 335px !important;} .w280{width: 280px !important;} .w240{width: 240px !important;} .w220{width: 220px !important;} .w160{width: 160px !important;} .w120{width: 120px !important;} .w70{width: 70px !important;} @media (max-width: 767px){ .w800, .w480, .w430, .w410, .w280, .w335, .w240, .w220, .w160, .w120{width: 100% !important;} .tip-dialog.w480{width:auto !important;} } /* 提示柜 */ #tips-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.15); z-index: 15; } #tips-box div.alert-wrap { margin: 20% auto 0; width: 320px; background: #FFF; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); } #tips-box div.alert-wrap h3 { padding: 15px; margin-bottom: 0; font-size: 16px; line-height: 1.5; word-break: break-all;} #tips-box div.alert-wrap p { height: 45px; margin: 0 auto; border-top: solid 1px #dcdcdc; line-height: 45px; color: #1f80e9; font-size: 16px; text-align: center; } #tips-box div.alert-wrap p a { display: block; width: 100%; height: auto; color: #1f80e9; } #tips-box div.alert-wrap p:hover { color: #1f80e9; background: rgba(0,0,0,0.08); } #tips-box div.alert-wrap p:active { color: #1f80e9; background: rgba(0,0,0,0.08); } #tips-box div.alert-wrap p:visited { color: #1f80e9; } #tips-box div.confirm-wrap { margin: 20% auto 0; width: 320px; background: #FFF; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); } #tips-box div.confirm-wrap h3 { padding: 15px; margin-bottom: 0; font-size: 16px; line-height: 1.5; } #tips-box div.confirm-wrap table { width: 100%; } #tips-box div.confirm-wrap table tr td:first-child { border-right: solid 1px #dcdcdc; } #tips-box div.confirm-wrap table tr td { width: 50%; height: 45px; margin: 0 auto; border-top: solid 1px #dcdcdc; line-height: 45px; font-size: 16px; text-align: center; } #tips-box div.confirm-wrap table tr td a { display: block; width: 100%; height: auto; color: #1f80e9; } #tips-box div.confirm-wrap table tr td a:hover { color: #1f80e9; background: rgba(0,0,0,0.08); } #tips-box div.confirm-wrap table tr td a:active { color: #1f80e9; background: rgba(0,0,0,0.08); } #tips-box div.confirm-wrap table tr td a:visited { color: #1f80e9; } #tips-box div.active-box { color: #FFF; } #tips-box div.active-box h2 { text-align: center; } #tips-box div.active-box p { text-align: center; line-height: 2;} #tips-box div.active-box p a { padding: 5px 10px; color: #FFF; background: #79bf3a; border-radius: 5px;} #tips-box div.active-box p a.focus-bingo { margin-right: 3%; background: #fa5858; } #tips-box div.active-box p a,#tips-box div.active-box p a:hover,#tips-box div.active-box p a:active,#tips-box div.active-box p a:visited { color: #FFF; } #tips-box div.loading-wrap { margin: 20% auto 0; width: 55px; height: 55px; padding: 10px; background: #FFF; border-radius: 8px; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); overflow: hidden; } #floating-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 10; } #floating-box div.tips-template-box { position: relative; width: 80%; margin: 20% auto; z-index: 2; } #floating-box div.tips-template-main { position: relative; z-index: 2; } #floating-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #floating-box div.modal-header { cursor: move; } #floating-box div.modal-content { border-width: 0; } #floating-box div.modal-footer { padding-bottom: 10px; } #erp-category-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 12; } #erp-category-box div.tips-template-box { position: relative; width: 80%; margin: 20% auto; z-index: 2; } #erp-category-box div.tips-template-main { position: relative; z-index: 2; } #erp-category-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #erp-category-box div.modal-header { cursor: move; } #erp-category-box div.modal-content { border-width: 0; } #erp-category-box div.modal-footer { padding-bottom: 10px; } /*动态加载层样式*/ #erp-dynamic-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 11; } #erp-dynamic-box div.tips-template-box { position: relative; width: 80%; margin: 20% auto; z-index: 2; } #erp-dynamic-box div.tips-template-main { position: relative; z-index: 2; } #erp-dynamic-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #erp-dynamic-box div.modal-header { cursor: move; } #erp-dynamic-box div.modal-content { border-width: 0; } #erp-dynamic-box div.modal-footer { padding-bottom: 10px; } #erp-dynamic-01-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 12; } #erp-dynamic-01-box div.tips-template-box { position: relative; width: 80%; margin: 20% auto; z-index: 2; } #erp-dynamic-01-box div.tips-template-main { position: relative; z-index: 2; } #erp-dynamic-01-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #erp-dynamic-01-box div.modal-header { cursor: move; } #erp-dynamic-01-box div.modal-content { border-width: 0; } #erp-dynamic-01-box div.modal-footer { padding-bottom: 10px; } #erp-dynamic-02-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 13; } #erp-dynamic-02-box div.tips-template-box { position: relative; width: 80%; margin: 20% auto; z-index: 2; } #erp-dynamic-02-box div.tips-template-main { position: relative; z-index: 2; } #erp-dynamic-02-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #erp-dynamic-02-box div.modal-header { cursor: move; } #erp-dynamic-02-box div.modal-content { border-width: 0; } #erp-dynamic-02-box div.modal-footer { padding-bottom: 10px; } #erp-dynamic-03-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; color: #333; background: rgba(0,0,0,0.45); z-index: 14; } #erp-dynamic-03-box div.tips-template-box { position: relative; width: 80%; margin: 20% auto; background: #FFF; box-shadow: 1px 1px 10px rgba(0,0,0,0.15); z-index: 2; } #erp-dynamic-03-box div.tips-template-main { position: relative; z-index: 2; } #erp-dynamic-03-box div.tips-template-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #erp-dynamic-03-box div.modal-header { cursor: move; } #erp-dynamic-03-box div.modal-content { border-width: 0; } #erp-dynamic-03-box div.modal-footer { padding-bottom: 10px; } /************************** * Table Of Content * * 1. Globals Styles 全局样式 * 2. Reset 重置 Bootstrap * 3. Headers 窗口顶部 * 4. Navigations 左侧栏导航 * 5. Widgets 小部件 * 6. Custom Templates 自定义模板 ***************************/ /*************************** Globals Styles 全局样式 ***************************/ *{ outline: none; } body{ background: #e8e9eb;font-family: "Microsoft YaHei", sans-serif; margin: 0; overflow-x: hidden; color: #333; font-weight: 300; } html{ position: relative;min-height: 100%; } html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } ul, ol { list-style:none; } select, input { vertical-align:middle;} img {border:0; vertical-align:middle; } /* 去掉图片低测默认的3像素空白缝隙，或者用display：block也可以*/ table { border-collapse:collapse; } a:hover, a:focus{ text-decoration: none; } cite, em ,i{font-style:normal;} .fl{float: left;} .fr{float: right;} .pr{position:relative} .pa{position:absolute} .tl{text-align:left} .tc{text-align:center} .tr{text-align:right} .hide{display: none;} .none{ display: none;} input.disabled{cursor: not-allowed;color: #ccc;border-color: #ccc;background-color: #fff !important;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;} input:focus{ box-shadow: none; -webkit-box-shadow: none} /* Headings */ h1,h2,h3,h4,h5,h6 { font-family: "Microsoft YaHei", sans-serif; font-weight: 300; } h1 { font-size: 33px; } h2 { font-size: 27px; } h3 { font-size: 23px; } h4 { font-size: 17px; } h5 { font-size: 13px; } h6 { font-size: 12px; } /* Links */ a { text-shadow: none;color: #5b9bd1; } a:hover { color: #3175af; } a:focus, a:hover, a:active { outline: 0; } /* General utilities 通用实用工具 */ .display-none, .display-hide { display: none; } .hidden { display: none !important; } .primary-font { font-family: "Microsoft YaHei", sans-serif !important; } .bold { font-weight: 700 !important; } .thin { font-weight: 300 !important; } .border-no{border:0 !important;} /* Padding */ .p0{ padding: 0px !important; } .p10{ padding: 10px !important; } .p14{ padding: 14px !important; } .p20{ padding: 20px !important; } .pl_0{ padding-left: 0px !important; } .pl_10{ padding-left: 10px !important; } .pr_0{ padding-right: 0px !important; } .pr_15{ padding-right: 15px !important; } .pt_0{ padding-top: 0px !important; } .pt_10{ padding-top: 10px !important; } .pt_15{ padding-top: 15px !important; } .pt_20{ padding-top: 20px !important; } .pb_0{ padding-bottom: 0px !important; } .pb_10{ padding-bottom: 10px !important; } .pb_20{ padding-bottom: 20px !important; } /* Margin */ .m0{ margin:0px !important; } .ml-5 { margin-left: -5px; } .ml-10 { margin-left: -10px; } .ml-15 { margin-left: -15px; } .ml-20 { margin-left: -20px; } .ml-25 { margin-left: -25px; } .ml-30 { margin-left: -30px; } .ml-40 { margin-left: -40px; } .ml-50 { margin-left: -50px; } .ml_10{ margin-left:10px !important; } .ml_15{ margin-left:15px !important; } .ml_20{ margin-left:20px !important; } .ml_40{ margin-left:40px !important; } .mr_10{ margin-right:10px !important; } .mr_15{ margin-right:15px !important; } .mt-10{ margin-top:-10px; } .mt_10{ margin-top:10px !important; } .mt_15{ margin-top:15px !important; } .mb-5 { margin-bottom: -5px; } .mb-10 { margin-bottom: -10px; } .mb-15 { margin-bottom: -15px; } .mb_0{ margin-bottom:0px !important; } .mb_10{ margin-bottom:10px !important; } .mb_15{ margin-bottom:15px !important; } .mb_20{ margin-bottom:15px !important; } /* Text Colors */ .text-white {color: #ffffff !important; } .text-danger {color: #fc4b6c !important; } /* 危险 */ .text-muted {color: #99abb4 !important; } /* 柔和 */ .text-warning {color: #ffb64d !important; } /* 警告 */ .text-success {color: #3388ff !important; } /* 成功 */ .text-info {color: #ea2e49 !important; } /* 信息 */ .text-inverse {color: #333 !important; } /* 对立 */ .tip-warning, .tip-danger{font-size: 12px;margin-left: 10px;} .tip-warning .tipIcon, .tip-danger .tipIcon{margin-right: 4px;background: url(../images/pub/pubIcons.png) -53px 0 no-repeat;} .tip-warning{color: #ffb64d;} .tip-warning .tipIcon{background-position: -77px 0;} .tip-danger{color: #ff4444;} .tip-danger .tipIcon{background-position: -103px 0;} /********************************* Reset 重置 Bootstrap *********************************/ .label-danger{background-color: #eb2f2f;} /* 按钮 */ .btn{border-radius: 32px;height: 32px;line-height: 32px;padding: 0 20px;border:0;} .btn:focus{-webkit-box-shadow:none; box-shadow:none;} button:focus{outline:none !important;} /* 去除框 */ .btn-primary{background:#3388ff;} .btn-success{background:#2bd9b6;} .btn-info{background:#8bc34a;} .btn-danger{background:#ff4444;} .btn-warning{background:#ffb64d;} .btn-default{background:#ddd;} .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover, .btn-info:hover, .btn-info:focus, .btn-info.disabled:hover, .btn-info.disabled:focus{background-color: #6f9a3e;border-color: #658b39;} .btn-bookkeeping,.btn-returned { width: 96px; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover{border:1px solid #3388ff;color: #3388ff;} .btn-link:focus, .btn-link:hover{background: #3388ff;color: #fff;text-decoration: none;} .btn-select{background: #fff;line-height: 38px;height: 38px;} .btn-group.open .dropdown-toggle{-webkit-box-shadow:none; box-shadow:none;} .dropdown-menu{border-radius: 2px;padding: 0;} .dropdown-menu>li>a{padding: 5px 20px;} /* 表单 */ .form-horizontal .form-group{margin-right: 0; margin-left: 0;} .form-control, .form-control:focus{-webkit-box-shadow: none;box-shadow:none;} .form-control{border-radius: 0;border:0;border-bottom: 1px #ccc solid;padding: 6px 5px;height: 38px;background-color: transparent;overflow: hidden;text-overflow: ellipsis;} .form-inline .form-control{width:100%;} label{color: #999;font-weight: normal;} .input-close{position: relative;} .input-close .erp-icon-close{position: absolute;top:10px;right:0;cursor: pointer;font-size: 16px;} /* .form-group{margin-left:25px;} */ @media (min-width: 768px){ .form-inline .form-group{margin-bottom: 10px;} } @media (max-width: 767px){ .form-group{margin-left:0;} } .form-group:before, .form-group:after{content: " ";display: table;} .form-group:after{clear: both;} .form-group .control-label{float: left;width: 130px;padding: 5px 10px;color: #999;margin-bottom: 0; line-height: 20px; text-align: right;} .order-note .input-block { margin-top: -5px; } .form-group div.tracking-no-box { position: relative } .form-group div.tracking-no-box p { width: 210px; color: #F00; } .form-group div.tracking-no-box i { position: absolute; top: 5px; right: 0; z-index: 2; background: #FFF; } .form-group div.tracking-no-box ul { display: none; position: absolute;top: 5px;left: 0; width: 222px; background: #FFF;padding: 5px 15px;border-radius: 2px;box-shadow: 1px 5px 10px rgba(0,0,0,0.45); } .form-group .input-inline{float: left;width: 240px;} .label-free .control-label{width: auto; padding-left:0;} .input-inline{display: inline-block;vertical-align: middle;} .input-block{margin-left: 130px;min-height: 36px;} @media (max-width: 767px){ .input-block{margin-left: 0;} } /* icheck */ .icheckWrap{ display: inline-block;vertical-align: middle;} .el-switch{margin: 0 5px 0;} label.el-radio, label.el-checkbox{color: #666;} .switch_yes, .switch_no{color: #fff;font-size: 12px;} .switch_yes{padding: 3px 5px 0;display: inline-block;} .inventory-icheck .icheckWrap{display: block;overflow: hidden;} .inventory-icheck .icheckWrap .el-radio{float: left;padding: 9px 10px 9px 0px;} .inventory-icheck .icheckWrap .word-aux{color: #6f85a3;} .inventory-icheck .icheckWrap .input-block{margin-left: 20px;} .inventory-icheck .icheckWrap .radioWrap{overflow:hidden;} .el-radio > input[type="radio"] + .el-radio-style, .el-checkbox > input[type="checkbox"] + .el-checkbox-style{margin-right: 10px;} .el-checkbox .label-txt{vertical-align: middle;} .input-inline label.el-radio, .input-inline label.el-checkbox{padding: 9px 10px;margin-bottom: 0;} .el-checkbox .label-txt{font-size: 14px;} /* Input placeholder font color 占位符输入字体颜色 */ .form-control::-moz-placeholder { color: #ccc; opacity: 1; } /*Firefox*/ .form-control:-ms-input-placeholder { color: #ccc; } /*IE*/ .form-control::-webkit-input-placeholder { color: #ccc; } /*Chrome/Safari*/ /* 提示 */ .word-tip{display: inline-block;padding: 5px 10px;line-height: 20px;margin-right: 10px;color: #6f85a3;font-size: 12px;} .word-aux{float: left;display: block;padding: 5px 10px 5px 0px;line-height: 20px;margin-right: 10px; white-space: nowrap;} .word-aux span.text-inverse { margin-top: -2px; font-size: 14px; } .word-remark-tips { margin-left: 130px; margin-top: 10px; margin-bottom: -20px; } .word-aux.w200{overflow: hidden;width: 200px;white-space: nowrap;} .search-input, .order-search-input{position: relative;display: block !important;overflow: hidden;} .search-input .form-control, .order-search-input .form-control{width: 100%;padding-right: 38px;} .search-input .input-group-btn, .order-search-input .input-group-btn, .order-search-input .input-group-add-btn{position: absolute;right: 0;top: 0;z-index: 9;width: auto;} .search-input .input-group-btn .btn, .order-search-input .input-group-btn .btn, .order-search-input .input-group-add-btn .btn{height: 37px;line-height: 37px;padding: 0 10px;border-radius: 0;background: transparent;} .search-input .input-group-btn .btn:hover, .order-search-input .input-group-btn .btn:hover, .order-search-input .input-group-add-btn .btn:hover{background: #eee;} .search-input .input-group-btn .btn .iconfont, .order-search-input .input-group-btn .btn .iconfont, .order-search-input .input-group-add-btn .btn .iconfont{font-size: 18px;color: #333;} .search-input i.icon-search-clear { position: absolute; top: 10px; right: 38px; display: inline-block; width: 20px; height: 20px; line-height: 20px; color: #FFF; font-family: sans-serif; text-align: center; background: rgba(0,0,0,0.35); border-radius: 20px; z-index: 5; } .search-input i.erp-icon-add { position: absolute; top: 10px; right: 35px; display: inline-block; line-height: 20px; color: #333; font-family: sans-serif; text-align: center; z-index: 5; } .form-group input.input-bg { background: transparent; } .order-search-input .form-control{padding-right: 60px;} .order-search-input .input-group-add-btn{right: 28px;} .order-search-input .input-group-btn .btn, .order-search-input .input-group-add-btn .btn{padding: 0 5px;} .order-search .order-address{width:630px !important;} .order-search .order-address .input-inline{width:500px !important;} .fome-title { margin: 12px 0 16px; padding: 0 10px; line-height: 12px; border-left: 4px solid #3388ff;color: #333; } /* 下拉框 */ .btn.dropdown-toggle{border-bottom: 1px #ccc solid;border-radius: 0;} .caret{width: 10px;height: 10px;border: 0;border-top: 1px solid #666;border-right: 1px solid #666;margin-bottom: 5px; transform: rotate(135deg); -webkit-transform: rotate(135deg); /* background: url(../images/pub/topIcons.png) -72px 0px no-repeat; */ transition: all .3s; -webkit-transition: all .3s;} .open .caret{margin-bottom: 0; -webkit-transform: rotate(315deg); transform: rotate(315deg); margin-top: -3px\9;} .dropup .caret, .navbar-fixed-bottom .dropdown .caret{border:0;} /* bootstrap-select */ .bootstrap-select > .dropdown-toggle{padding-left: 15px;} .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100%;} .bootstrap-select.btn-group .dropdown-toggle .filter-option{text-overflow: ellipsis;} .bootstrap-select.form-control{overflow: visible;} /* 表格 */ .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:12px 8px;text-align: center;} .table-bordered{border-color: #e8e9eb;color: #333;} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border:0;border-right:1px #e8e9eb solid;white-space: nowrap;} .table-bordered tbody tr:nth-child(even){background-color: #f2f2f2;} .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border-bottom-width: 0;} .table-bordered>thead>tr>th{background-color: #e0e0e0;font-weight: normal;vertical-align: middle; border-bottom: 1px #e8e9eb solid;} .table-bordered > tfoot{ border-top:1px #e8e9eb solid; } .table-bordered .iconfont{font-size: 24px;cursor: pointer;} .table-bordered .iconfont:hover{opacity: 0.6;filter: alpha(opacity=60);} .table-bordered .iconfont.disabled{color: #ccc;cursor: not-allowed;} .erp-table-box .iconfont.erp-icon-search,.iconfont.erp-icon-guanlian-copy, .erp-table-box .iconfont.erp-icon-set, .erp-table-box .iconfont.erp-icon-icon-p_dangqiankucun, .erp-table-box .iconfont.erp-icon-fuzhi1, .erp-table-box .iconfont.erp-icon-labelbiaoqian, .erp-table-box .iconfont.erp-icon-peihuo, .erp-table-box .iconfont.erp-icon-shoukuan, .erp-table-box .iconfont.erp-icon-print, .erp-table-box .iconfont.erp-icon-iconfontzhizuobiaozhun22, .erp-table-box .iconfont.erp-icon-dayin1, .erp-table-box .iconfont.erp-icon-xiaoshou, .erp-table-box .iconfont.erp-icon-porderaudit, .erp-table-box .iconfont.erp-icon-navicon-hzsp{color: #3388ff;} .iconfont.erp-icon-bianji1{color: #ffb64d;} .iconfont.erp-icon-iconset0141, .iconfont.erp-icon-web-icon-, .erp-table-box .iconfont.erp-icon-iconfonticonzhongzhitoufang, .erp-table-box .iconfont.erp-icon-quxiao, .erp-table-box .iconfont.erp-icon-quxiaojieshu, .erp-table-box .iconfont.erp-icon-tuihuo1, .erp-table-box .iconfont.erp-icon-ruku{color: #ff4848;} .iconfont.erp-icon-gouxuan, .iconfont.erp-icon-dengji, .erp-table-box .iconfont.erp-icon-dayin2, .erp-table-box .iconfont.erp-icon-sousuoxiangqing{color: #4cddc0;} .iconfont.erp-icon-dkw_shenhezhong, .erp-table-box .iconfont.erp-icon-dayin2, .erp-table-box .iconfont.erp-icon-tiaobo{color: #00bcd4;} .iconfont.erp-icon-shouhuo1, .erp-table-box .iconfont.iconfont.erp-icon-fenxi, .erp-table-box .iconfont.erp-icon-fahuo{color: #8bc34a;} .iconfont.erp-icon-delete1, .iconfont.erp-icon-tongbu, .iconfont.erp-icon-tubiaolunkuo-1, .erp-table-box .iconfont.erp-icon-chuku, .erp-table-box .iconfont.erp-icon-qingchu, .erp-table-box .iconfont.erp-icon-fenbu{color: #e25b5a;} .erp-table-box .iconfont.erp-icon-guanlian-copy { font-size: 22px; } .erp-table-box .iconfont.disenable { color: #CCC; } .tabPic{height: 40px;width: 40px;} .tabInput{text-align: center;width: 80px;margin: 0 auto;height: 32px;display: inline-block} /* .tabInput1{border:0;} */ .tabInput1:disabled{background: #f6f6f6;} .tabInput2{border:1px solid #ccc;border-radius: 32px; padding: 6px 15px;height: 32px;} .tabBtn{font-size: 12px;padding: 0 10px;height: 24px;line-height: 24px;margin-right: 3px;} .orderTxt{margin: 0 10px;} .table-sort{margin-left: 5px;} .table-sort .iconfont{font-size: 12px;margin:0 -2px;} .table-sort .active { color: #3388ff; font-weight: 900; } /* 模态框 */ .modal-content{border-radius: 0;} .modal-header{padding: 10px 15px;background-color: #7d95b8;color: #fff;} .modal-header h4{font-size: 14px;} .close{color: #fff;text-shadow: none;opacity:1;filter:alpha(opacity=100);font-weight: normal;} .modal-footer{border-top: 0;padding-bottom: 25px;} /* 栅格系统 */ .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 5px; padding-left: 5px;} /* 面版 */ .panel{border-radius: 2px;-webkit-box-shadow: none;box-shadow: none;border: 1px #e8e9eb solid;} .panel-heading{padding: 20px 20px 0;} .panel-heading .title{font-size: 16px;} /* Iconfont */ .iconfont{font-size: 18px;vertical-align: middle;color: #333;margin: 0 5px;} /*************************** Headers 窗口顶部 ***************************/ .main-header {position: relative;max-height: 111px;z-index: 9; } .main-header .navbar {margin-bottom:0;margin-left:235px;border:none;min-height:50px;border-radius:0; -webkit-transition:margin-left .3s ease-in-out; -o-transition:margin-left .3s ease-in-out; transition:margin-left .3s ease-in-out;} .main-header .logo {display:block;float:left;height:57px;font-size:16px;line-height:57px;text-align:center;width:235px;padding:0 15px;font-weight:300;overflow:hidden; -webkit-transition:width .3s ease-in-out; -o-transition:width .3s ease-in-out; transition:width .3s ease-in-out;} .main-header .logo img{padding-right: 5px;} .main-header .logo { position: fixed; top:0; left: 0;} .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{right:0;left: auto;border-color: #e3e4e8;box-shadow:none;} .navbar-custom-menu .navbar-nav>li>a{line-height: 27px;color: #666;font-size: 12px;} .nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent;} @media (max-width:767px) { .main-header {position:relative;max-height: initial;} .main-header .logo, .main-header .navbar {width:100% !important;float:none} .main-header .navbar {margin:0} .main-header .navbar-nav .open .dropdown-menu .dropdown-header, .main-header .navbar-nav .open .dropdown-menu>li>a{padding: 15px 0;} .main-header .navbar-nav .open .dropdown-menu.inform_ul{width: 348px;} .main-header .navbar-nav .open .dropdown-menu.inform_ul{width: 100%;} .navbar-custom-menu .navbar-nav>li{position: static;} .navbar-custom-menu>.navbar-nav>li>.dropdown-menu{width: 100%;position:absolute;right:0;left:auto;} .content-wrapper{margin-left: 0 !important;} .mini-sidebar .main-header .navbar{margin-left: 0 !important;} .mini-sidebar .content-wrapper{margin-left: 10px !important;} .main-header .logo span{display: inline-block !important;} } @media (max-width:991px) { .navbar-custom-menu>.navbar-nav {float:right} .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {border:1px solid #ddd;background:#fff} } @media (max-width:991px) { .navbar-custom-menu .navbar-nav>li {float:left} .navbar-custom-menu .navbar-nav {margin:0;float:left} .navbar-custom-menu .navbar-nav>li>a {padding-top:15px;padding-bottom:15px;} } /* 图标 */ .topIcons, .tipIcon{ width: 16px;height: 16px;display: inline-block; background: url(../images/pub/topIcons.png) top left no-repeat;vertical-align: middle; } .icon-indent{ background-position:0 0; } .icon-indent:hover{ background-position: 0 -20px; } .icon-outdent{ background-position: 0 -40px; } .icon-outdent:hover{ background-position: 0 -60px; } .icon-sun{ width:12px;height:12px;display:inline-block;background: url(../images/pub/icon_sun.png) left top no-repeat; } .icon-moon{ width:12px;height:12px;display:inline-block;background: url(../images/pub/icon_moon.png) left top no-repeat; } .icon-fullscreen{ background-position: 0 -80px; } .icon-fullscreen:hover{ background-position: 0 -100px; } .icon-qrcode{ background-position: 0 -175px; } .icon-qrcode:hover{ background-position: 0 -196px; } .icon-phone{ background-position: 0 -217px; } .icon-phone:hover{ background-position: 0 -238px; } .icon-bell{ background-position: 0 -260px; } .icon-bell:hover{ background-position: 0 -282px; } .icon-headphones{ background-position: 0 -304px; } .icon-headphones:hover{ background-position: 0 -324px; } .icon-phone2{ background-position: -36px 0; } .icon-qq{ background-position: -36px -17px; } .icon-weChat{ background-position: -36px -36px; } .icon-buy{ background-position: -36px -56px; } .icon-setUp{ background-position: -36px -77px; } .icon-exit{ background-position: -36px -97px; } .icon-suo{ background-position: -36px -117px; } .icon-search-btn{background: url(../images/pub/searchIcon.png) no-repeat right center;} /* 重置 Reset */ .search-item{margin:9px 15px;position: relative;} .search-item .erp-icon-close{position: absolute;right:0;top:10px;cursor: pointer;font-size: 16px;color: #333;} .app_version img, .qrCode_ul img{width: 128px;height: 128px;} .qrCode_ul{ text-align: center;padding: 0; } .qrCode_ul li{ padding: 23px 23px 0; } .qrCode_ul li p{ font-size: 12px;color:#666; } .app_version{ width: 328px;font-size: 12px;text-align: center;color: #666;margin: 0 auto; } .app_version ul{ list-style: none;padding: 23px 0 0 23px;overflow: hidden; } .app_version ul li{ float: left;padding-right: 23px; } .app_version ul li p{ margin-top:10px; } .inform_ul{ font-size: 12px;width: 348px;padding: 0 15px 15px; } .inform_ul > li > a{ padding: 15px 0;color: #666;overflow: hidden;border-bottom:1px #ccc dotted; } .inform_ul li:nth-last-child(3) a{border-bottom: 0;} .navbar-custom-menu>.navbar-nav>li>.dropdown-menu a:hover{background-color: transparent;} .inform_ul > li > a:hover span{text-decoration: underline;} .inform_ul > li > a span{ width: 230px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left; } .inform_ul > li > a .time{ color: #ccc;float: right;width: auto; } .inform_bottom .color{ color: #2f8deb;font-style: inherit; } .inform_bottom .inform_all{ float: right;padding: 0;border-bottom:0;color: #2f8deb; } .inform_ul .divider{ margin: 0 0 9px; } .inform_label{position: relative;} .inform_label .label{position: absolute;right:7px;top:9px;font-size: 10px;font-weight: normal;padding: 2px 3px;} .kefu_ul{ font-size: 12px;width: 155px;padding: 7px 15px; } .kefu_ul li{ border-bottom:1px #ccc dotted; } .kefu_ul li:last-child{border-bottom: 0;} .kefu_ul > li > a{ padding: 8px 0; } .kefu_ul > li > a i{ vertical-align: middle; } .user-image{width: 24px;height: 24px;border-radius: 100%;display: inline-block;background: url(../images/pub/avatar.png) left top no-repeat;overflow: hidden;vertical-align: middle;position: relative;} .user-image img{width: 100%;height: 100%;position: absolute;top:0;left:0;} /* .caret.arrow{ display: inline-block; margin-bottom: 5px; } */ /* 颜色风格切换 */ .switch_theme{ padding: 15px 10px; } .switch_theme .has-switch.switch-mini{ min-width: 32px;background: #fff;border-color: #666;border-radius: 16px;margin-top: 6px;} .switch_theme .has-switch span.switch-mini, .switch_theme .has-switch label.switch-mini{padding-bottom: 1px;padding-top: 1px;} .switch_theme .has-switch span.switch-primary, .switch_theme .has-switch span.switch-left{background: #666;} .switch_theme .has-switch span.switch-right{background: #666;} .switch_theme .has-switch label{background: #fff;border:0;} @media (max-width:767px) { .switch_theme .has-switch.switch-mini{margin-top: 10px;} } /* sidebar navigation 侧边栏导航 */ .main-sidebar { position: fixed;width: 235px; height: 100%;top:0;padding-top: 70px;z-index: 8;background: #151d29;color: #8fa1b4;border-right:1px #151d29 solid; -webkit-transition:width .3s ease-in-out; -o-transition:width .3s ease-in-out; transition:width .3s ease-in-out;} @media (max-width:767px) { .main-sidebar {padding-top:100px} } .sid-nav-search-box{margin: 20px 15px 0 15px;position: relative;} .sid-nav-search-box .side-nav-search{position: relative;} .sid-nav-search-box .side-nav-search .tabInput2{color: #fff;border-color: #41597d;} .sid-nav-search-box .side-nav-search .iconfont{color: #547bb6;position:absolute;top:2px;right:10px;cursor: pointer;} .sid-nav-search-box .side-nav-search-list{border:1px #41597d solid;color: #abbbcc;position: absolute;width: 90%;top: 31px;left: 5%;z-index: 99;background: #151d29;display: none;} .sid-nav-search-box .side-nav-search-list .itemUl li{padding: 4px 8px;cursor: pointer;} .sid-nav-search-box .side-nav-search-list .itemUl li > span{color: #2e91ee;} .sid-nav-search-box .side-nav-search-list .itemUl li:hover{background: #2e8fea;color: #fff;} .sid-nav-search-box .side-nav-search-list .itemUl li:hover{background: #2e8fea;color: #fff;} .sid-nav-search-box .side-nav-search-list .itemUl li:hover > span{color: #fff;} .scroll-sidebar{ height: 100%;padding-bottom: 60px; } .collapse.in { display: block; } /*************************** Navigations 左侧栏导航 ***************************/ .sidebar-nav{ padding: 15px 0; } .sidebar-nav li{position: relative;} .sidebar-nav a.track{position: absolute;right:25px;top:0;padding: 0;} .sidebar-nav .sidebar-child li .nail{position: absolute;right:0;top:0;padding: 0;font-size: 16px;cursor: pointer;line-height: 40px;display: none;} .sidebar-nav .sidebar-child li:hover .nail, .sidebar-nav .sidebar-child li .nail.active{display: block;} /* .sidebar-nav .track:hover{background-color: transparent;} */ .sidebar-nav li .iconfont{color: #abbbcc;margin-left: 0;} .sidebar-nav li ul li a{background-color: #2a3b52;font-size: 14px;line-height: 40px;height: 40px;} .sidebar-nav li ul li ul{padding-bottom: 10px;background-color: #202c3d;} .sidebar-nav li ul li ul li{height: 40px;} .sidebar-nav li ul li ul li a{ /*color: #9aa6b8;*/background-color: #202c3d;padding-left: 40px;display: inline-block; } .sidebar-nav li ul li ul li a:hover{background-color: transparent} .sidebar-nav li ul li ul li a.active, .sidebar-nav li ul li ul li a.active:hover, .sidebar-nav li ul li ul li a.active:active, .sidebar-nav li ul li ul li a.active:visited { color: #FFF; } .sidebar-nav > ul > li.active > a{ color: #fff;font-weight: 500;} .sidebar-nav > ul > li a:hover, .sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a{ background:#202c3d;color:#fff; } .sidebar-nav > ul > li.active > a i, .sidebar-nav > ul > li.active:hover > a i{ color:#fff; } .sidebar-nav ul li a{ padding: 0 35px 0 15px;display: block;color: #abbbcc;font-size: 16px;line-height: 52px;overflow: hidden; } .sidebar-nav ul li a.active, .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i { color: #2f8deb; } .sidebar-nav li ul li a:hover{ background-color: #2a3b52;} .sidebar-nav .has-arrow{ position: relative; } .sidebar-nav .has-arrow::after{ position: absolute;content: '';width: .55em;height: .55em;border-width: 1px 0 0 1px;border-style: solid;border-color: #607d8b;right:1em;top:47%; -webkit-transform: rotate(-45deg) translate(0,-50%); -ms-transform: rotate(-45deg) translate(0,-50%); -o-transform: rotate(-45deg) translate(0,-50%); transform: rotate(-45deg) translate(0,-50%); transform-origin:top; -webkit-transform-origin:top; -ms-transform-origin:top; -o-transform-origin:top;} .sidebar-nav .active > .has-arrow::after, .sidebar-nav li > .has-arrow.active::after, .sidebar-nav .has-arrow[aria-expanded="true"]::after{ top:45%;width:.58em; -webkit-transform: rotate(-135deg) translate(0, -50%); -ms-transform: rotate(-135deg) translate(0, -50%); -o-transform: rotate(-135deg) translate(0, -50%); transform: rotate(-135deg) translate(0, -50%); } .sidebar-nav > ul > li.active > a:after, .sidebar-nav > ul > li.active:hover > a:after, .sidebar-nav .has-arrow[aria-expanded="true"]::after{ border-color:#fff; } /* 左侧栏 *** 图标 */ .sideIcons{background: url(../images/pub/sideIcons.png) left top no-repeat;margin-right: 5px;width: 18px;height: 18px;display: inline-block;vertical-align: middle;} .sideIcons-01{background-position: 0 0;} .sidebar-nav > ul > li.active > a .sideIcons-01{background-position: 0 -41px;} .sideIcons-02{background-position: 0 -61px;} .sidebar-nav > ul > li.active > a .sideIcons-02{background-position: 0 -101px;} .sideIcons-03{background-position: 0 -121px;} .sidebar-nav > ul > li.active > a .sideIcons-03{background-position: 0 -161px;} .sideIcons-04{background-position: 0 -181px;} .sidebar-nav > ul > li.active > a .sideIcons-04{background-position: 0 -221px;} .sideIcons-05{background-position: 0 -241px;} .sidebar-nav > ul > li.active > a .sideIcons-05{background-position: 0 -281px;} .sideIcons-06{background-position: 0 -301px;} .sidebar-nav > ul > li.active > a .sideIcons-06{background-position: 0 -341px;} .sideIcons-07{background-position: 0 -361px;} .sidebar-nav > ul > li.active > a .sideIcons-07{background-position: 0 -401px;} .sideIcons-08{background-position: 0 -421px;} .sidebar-nav > ul > li.active > a .sideIcons-08{background-position: 0 -461px;} .sideIcons-09{background-position: 0 -481px;} .sidebar-nav > ul > li.active > a .sideIcons-09{background-position: 0 -521px;} .sideIcons-10{background-position: 0 -541px;} .sidebar-nav > ul > li.active > a .sideIcons-10{background-position: 0 -581px;} .sideIcons-11{background-position: 0 -601px;} .sidebar-nav > ul > li.active > a .sideIcons-11{background-position: 0 -641px;} .sideIcons-12{background-position: 0 -678px;} .sidebar-nav > ul > li.active > a .sideIcons-12{background-position: 0 -697px;} /* 当点击侧边栏toggler */ .mini-sidebar .main-sidebar, .mini-sidebar .main-header .logo{ width: 48px; } .mini-sidebar .main-header .logo{padding: 0 5px;} .mini-sidebar .main-header .logo img{padding: 0;} .mini-sidebar .main-header .navbar{margin-left: 48px;} @media (min-width: 768px) { .topbar .container-fluid { padding: 0 15px 0 0; } .mini-sidebar .main-sidebar{ width: 48px; } .mini-sidebar .main-sidebar .sid-nav-search-box{display: none;} .mini-sidebar .scroll-sidebar{ position: absolute; } .mini-sidebar .sidebar-nav{ padding: 5px 0; } .mini-sidebar .sidebar-nav #sidebarnav li{ position: relative; } .mini-sidebar .sidebar-nav #sidebarnav > li > a.has-arrow:after{ display: none; } .mini-sidebar .sidebar-nav #sidebarnav > li > a{ padding: 5px 0;width: 48px; } .mini-sidebar .sidebar-nav #sidebarnav >li:hover{ width: 285px; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a{ background: #202c3d;color: #fff; } .mini-sidebar .sidebar-nav #sidebarnav > li.active > a{ background: #2f8deb; } .mini-sidebar .sidebar-nav #sidebarnav > li > a i{ display: block;margin: 0 auto; } .mini-sidebar .sidebar-nav #sidebarnav > li > a cite{ text-align: center;display: block;font-size: 14px;line-height: 1.5;} .mini-sidebar .sidebar-nav #sidebarnav > li > a .hide-menu{ display: none; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a i{ color: #fff; } .mini-sidebar .sidebar-nav #sidebarnav > li > ul{ position: absolute;left: 60px;top:45px;width: 235px;padding-left: 1px;background: #313b4d;display: none;z-index: 1001; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul{ height: auto !important;overflow: auto; } .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul, .mini-sidebar .sidebar-nav #sidebarnav > li:hover > ul.collapse{ display: block;top:0;left: 48px; } .mini-sidebar .sidebar-nav #sidebarnav > li > ul li{ width: auto; } /* .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li a.has-arrow{ background: #455063; } */ .mini-sidebar .page-wrapper{ margin-left: 60px; } } @media (max-width: 767px) { .topbar .navbar .container-fluid{ display: flex; } .topbar .navbar-collapse{ display: flex;margin: 0 -15px;width: 100%;margin-left: 15px;padding: 0; } .topbar .navbar-nav{ display: flex;margin: 0; } .topbar .navbar-header .navbar-brand{ padding: 5px; } .topbar .navbar-default .navbar-header{ width: 48px; } .topbar .navbar-default .navbar-header .navbar-brand b{ padding: 0; } .switch_theme{ padding: 10px; } .topbar .navbar-right{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } /* .sidebar-nav{ padding: 5px 0; } .sidebar-nav ul li a{padding:5px 0;} .sidebar-nav > ul > li > a i{ display: block;margin: 0 auto; } .sidebar-nav > ul > li > a span{ display: block;text-align: center; } .sidebar-nav .has-arrow::after{display: none;} */ .main-sidebar{ left:0; } .mini-sidebar .main-sidebar{ left:-48px; } } /* 左侧栏 *** 按钮切换 */ .side-nav-tab{position: absolute;bottom: 0;padding: 10px 16px;background: #141d25;left:0;right:0;} .side-nav-tab ul{overflow: hidden;margin:0 auto;border:1px solid #8fa1b4;border-radius: 32px;} .side-nav-tab ul li{float: left;width: 50%;text-align: center;color: #8fa1b4;font-size: 12px;line-height: 32px;cursor: pointer;} .side-nav-tab ul li.current{background-color: #8fa1b4;color: #141d25;} .mini-sidebar .side-nav-tab{padding: 5px;} .mini-sidebar .side-nav-tab ul li{display: none;float: none;} .mini-sidebar .side-nav-tab ul li span{display: none;} .mini-sidebar .side-nav-tab ul li.current{display: block;width: 100%;background-color: #141d25;color: #8fa1b4;} /* 内容 */ .content-wrapper{margin: 10px 10px 10px 245px;background-color: #fff;border-radius: 3px; -webkit-transition:width .3s ease-in-out; -o-transition:width .3s ease-in-out; transition:width .3s ease-in-out;} .mini-sidebar .content-wrapper{margin-left: 58px;} .tab-wrapper{margin: 0 0 0 235px;background-color: #fff;position: relative; -webkit-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .mini-sidebar .tab-wrapper{margin-left: 48px;} /* 标签栏 */ .tab-bar{text-align:left!important;margin: 0 61px 0 31px;overflow: hidden;position: relative;height: 31px;} .tab-bar .tab-title{position:relative;left:0;/*height:40px;*/white-space:nowrap;font-size:0;/*position: absolute;*/top:0;left:0; transition:all .2s; -webkit-transition:all .2s;} .tab-bar .tab-title li {display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;position:relative;line-height:30px;min-width:65px;text-align:center;cursor:pointer;margin:0 2px; transition:all .2s; -webkit-transition:all .2s;} .tab-bar .tab-title li a{display: block;padding: 0 30px 0 20px;color: #333;border-left: 1px #ccc solid;border-right: 1px #ccc solid;border-top: 1px #ccc solid;} .tab-bar .tab-title li .erp-icon-close{position: absolute;top:0;right:0;font-size: 14px;} .tab-bar .tab-title .active{} .tab-bar .tab-title .active a{display: block;background: #e8e9eb;border-color: #aaa;} .tab-wrapper .leftBtn, .tab-wrapper .rightBtn, .tab-wrapper .moreBtn{position: absolute;top:0;height: 31px;width: 31px;line-height: 31px;text-align: center;cursor: pointer;font-weight: bold;} .tab-wrapper .leftBtn:hover, .tab-wrapper .rightBtn:hover, .tab-wrapper .moreBtn:hover, .tab-wrapper .moreBtn.open{background-color: #f4f4f4;} .tab-wrapper .leftBtn, .tab-wrapper .rightBtn, .tab-wrapper .moreBtn { display: none;} .tab-wrapper .rightBtn{right:0px;} .tab-wrapper .moreBtn{right:0;} .tab-wrapper .moreBtn a{display: block;} .tab-wrapper .moreBtn .dropdown-menu>li>a:focus, .tab-wrapper .moreBtn .dropdown-menu>li>a:hover, .tab-close-Popup .dropdown-menu>li>a:focus, .tab-close-Popup .dropdown-menu>li>a:hover{background-color: #3388ff;color: #fff;} .tab-wrapper .moreBtn .dropdown-menu{left: -130px;box-shadow:none;-webkit-box-shadow:none;width: 160px;overflow: hidden;} .tab-close-Popup{position: absolute;} .tab-close-Popup .dropdown-menu{position: initial;-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.175); box-shadow: 0 2px 5px rgba(0,0,0,0.175)} /********************************* Widgets 小部件 *********************************/ /* 搜索 */ .content-box div.form-group { margin-bottom: 10px;} .content-box div.mt_15 { margin-top: 10px!important;} .form-group .input-inline { margin-top: -5px; } .searchMain .dateIcon{display: inline-block; padding-right: 30px;width:100%;} .searchMain .searchInput{padding-left: 35px;width:100%;} .searchMain .form-group .input-inline{float: initial;} .input-search{margin-left: 20px;} .input-search, .input-date{position: relative;} .input-search .iconfont, .input-date .iconfont{position: absolute;} .input-search .iconfont{top:50%;left: 5px;margin-top: -12px;} .input-date .iconfont{top:3px;right: 0;font-size: 24px;} .search-button{width: auto !important;} @media (max-width: 767px){ .searchMain .fr{float: none;} .searchMain .searchInput{width: 100%;} } /*页码*/ .page-list { float: right; text-align: right; color: #333; } .page-list span { padding-left: 16px; } .page-list a{ padding-left: 8px;color: #333; } .page-list a:hover{color: #3388ff; } .page-list .form-control{text-align: center;width: 48px;display: inline-block;} .actions-left { float: left; } .checked-number { margin-right: 10px; } .erp-check-box { display: inline-block; } .erp-check-box .input-inline label.el-checkbox { padding-left: 0;} @media (max-width: 767px){ .page-list{float: left;text-align: left;} } /* 上传图片 */ .fileBox .addImg, .addImg-smal{background: #f3f3f3;display: inline-block;border-radius: 3px;position: relative;text-align: center;cursor: pointer;} .fileBox .erp-icon-jia-01, .addImg-smal .erp-icon-jia-01{display: inline-block;} .fileBox .uploadImg, .addImg-smal .uploadImg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none} .fileBox .fileBtn, .addImg-smal .fileBtn{position: absolute;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;overflow: hidden;} .fileBox{} .fileBox .addImg{width: 160px;height: 160px;} .fileBox .erp-icon-jia-01{font-size: 32px;margin-top: 40px;} .fileBox .word-tip{display: block;font-size: 12px;color: #ff4444;padding: 10px 0;} /* .addImg-small{} */ .addImg-smal{width: 72px;height: 72px;border:1px #ccc solid;font-size: 12px;} .addImg-smal .erp-icon-jia-01{font-size: 16px;margin-top: 12px;} /********************************* Custom Templates 自定义模板 *********************************/ /* 设置 打印 下载 刷新 */ .tabList{ padding:10px 15px; background: #fff; overflow: hidden;line-height: 32px;border-radius: 3px;} .crumbs-con { float: left; font-family: "\5b8b\4f53"; } .crumbs-con span, .crumbs-con a { font-family: "Microsoft YaHei";color: #333; } .crumbs-con a:hover{text-decoration:underline;color: #333;} .pageActions span{ margin:0 5px;} .pageActions .iconfont{ font-size: 24px; line-height: 32px; cursor: pointer;} .pageActions .iconfont:hover{color: #3388ff;} .mainIcons{ width:24px; height:24px;display: inline-block;background-image: url("../images/pub/mainIcons.png");background-repeat: no-repeat;cursor: pointer; vertical-align: middle; margin:0 5px;} .mainIcons.disabled{cursor: not-allowed;} .addCol-icon{ width:16px; height:16px; background-position: 0 0;} .addCol-icon:hover{background-position: -34px 0;} .addCol-icon.disabled{background-position: -68px 0;} /* 弹出框 */ .layui-layer-title{background-color: #7d95b8 !important;color: #fff !important;} /* 弹出框 sweet */ .sweet-alert{padding: 17px;text-align: center;background: #fff;width:480px;margin: 0 auto;} @media (max-width: 767px){ .sweet-alert{width:100%;} } .sweet-alert .title{color: #ff4444;font-size: 24px;font-weight: normal;padding-bottom: 15px;} .sweet-alert p{color: #666;word-break: break-word;} .sweet-alert .modal-footer{text-align: center;padding-top: 25px;} .sweet-alert .sa-icon {width: 80px;height: 80px;border: 4px solid gray;-webkit-border-radius: 40px;border-radius: 40px;border-radius: 50%;margin: 20px auto;padding: 0;position: relative;box-sizing: content-box; } .sweet-alert .sa-icon.sa-success {border-color: #A5DC86;overflow: hidden; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {content: '';-webkit-border-radius: 40px;border-radius: 40px;border-radius: 50%;position: absolute;width: 60px;height: 120px;background: white;-webkit-transform: rotate(45deg);transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before {-webkit-border-radius: 120px 0 0 120px;border-radius: 120px 0 0 120px;top: -7px;left: -33px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 60px 60px;transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after {-webkit-border-radius: 0 120px 120px 0;border-radius: 0 120px 120px 0;top: -11px;left: 30px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transform-origin: 0px 60px;transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder {width: 80px;height: 80px;border: 4px solid rgba(165, 220, 134, 0.2);-webkit-border-radius: 40px;border-radius: 40px;border-radius: 50%;box-sizing: content-box;position: absolute;left: -4px;top: -4px;z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix {width: 5px;height: 90px;background-color: white;position: absolute;left: 28px;top: 8px;z-index: 1;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line {height: 5px;background-color: #A5DC86;display: block;border-radius: 2px;position: absolute;z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {width: 25px;left: 14px;top: 46px;-webkit-transform: rotate(45deg);transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long {width: 47px;right: 8px;top: 38px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } /* Animations */ @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } /* 失败 */ .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative;display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute;height: 5px;width: 47px;background-color: #F27474;display: block;top: 37px;border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } /* 警告 */ .sweet-alert .sa-icon.sa-warning {border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body {position: absolute;width: 5px;height: 47px;left: 50%;top: 10px;-webkit-border-radius: 2px;border-radius: 2px;margin-left: -2px;background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot {position: absolute;width: 7px;height: 7px;-webkit-border-radius: 50%;border-radius: 50%;margin-left: -3px;left: 50%;bottom: 10px;background-color: #F8BB86; } .pulseWarning {-webkit-animation: pulseWarning 0.75s infinite alternate;animation: pulseWarning 0.75s infinite alternate; } .pulseWarningIns {-webkit-animation: pulseWarningIns 0.75s infinite alternate;animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes pulseWarning { 0% {border-color: #F8D486; } 100% {border-color: #F8BB86; } } @keyframes pulseWarning { 0% {border-color: #F8D486; } 100% {border-color: #F8BB86; } } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% {background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% {background-color: #F8D486; } 100% {background-color: #F8BB86; } } /* 树列表结构 */ .smallIcon{width: 16px;height: 16px;display: inline-block;background-image: url("../images/pub/pubIcons.png");background-repeat: no-repeat;vertical-align: middle;cursor: pointer;margin-left: 10px;} .arrowIcon{background-position: -20px 3px} /* .add-icon{background-position: 0 -98px;} .delete-icon-sm{background-position: 0 -123px;} */ .tree-box{ padding: 0 10px; overflow-y: hidden;border:1px #e8e9eb solid;height: 575px;} .tree-list li{color: #333; cursor: pointer;} .tree-list .treeWord{ position: relative;height: 32px; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} .tree-list .treeWord:hover{background-color: #eee;} .tree-list .treeWord .treeEvent{display: none;} .tree-list .treeWord:hover .treeEvent{display: block;} /* .tree-list .treeWord .txt{display: inline-block;} */ .tree-list .treeEvent{position: absolute; right:20px;top:0;} .tree-list li ul.tree-child li{background-color: #fff;padding-left: 30px;} /* .tree-list li ul.tree-child{display:none;} .tree-list li.show .tree-child{display: block;} */ .tree-list .erp-icon-downarrow{position: relative;left:0;top:2px;} .tree-list .iconfont{color: #333;cursor: pointer;font-size: 16px;} .tree-list .erp-icon-downarrow, .tree-list .erp-icon-toparrow{margin-right: 0;} .tree-list .erp-icon-wenjianjia1{color: #f7d672;} .tree-list .erp-icon-add{color: #3388ff;} .tree-list .erp-icon-delete2{color: #e25b5a;} /* 树形菜单 */ .z_treeBox{overflow: auto;border: 1px #e8e9eb solid;height: 575px;} .z_tree li ul{padding: 0 0 0 14px;} .z_tree li ul li{border-left: 1px #aaa solid;} .z_tree li ul li:last-child{border-left-color: transparent;position: relative;} .z_tree li ul li:last-child:after{content: "";background: #aaa;position: absolute;left:-1px;top:0;width: 1px;height: 27px;} .z_treeRow{padding-top: 17px;} .z_tree li span.botton{width: 18px;height: 18px;display: inline-block;vertical-align: middle;cursor: pointer;} .z_tree li span.switchTree{position: relative;} /* .z_tree li .chk_box{margin-bottom:0;} .z_tree li .chk_box input[type="checkbox"]{display: none;} .z_tree li span.chk{background-position: 0 0;margin: 0 5px;} .z_tree li span.chk_part{background-position: 0 -42px;} .z_tree li span.chk_full{background-position: -21px 0;} */ /* .z_tree li span.txt{color: #333;} */ .z_tree li span.explain{color: #6f85a3;display: inline-block;} .z_tree li span.roots_open, .z_tree li span.roots_close{margin-left: 5px;} /* 线 */ .z_tree li span.roots_close:after, .z_tree li span.roots_close:before, .z_tree li span.roots_open:after, .z_tree li span.center_close:after, .z_tree li span.center_open:after, .z_tree li span.center_close i:after, .z_tree li span.center_close i:before, .z_tree li span.center_open i:after, .z_tree li span.bottom_open i:after, .z_tree li span.bottom_close i:before, .z_tree li span.bottom_close i:after, .z_tree li span.bottom_open:after, .z_tree li span.bottom_close:after {content: "";background: #aaa;position: absolute;} .z_tree li span.roots_open, .z_tree li span.roots_close, .z_tree li span.center_close i, .z_tree li span.center_open i, .z_tree li span.bottom_open i, .z_tree li span.bottom_close i{border:1px #aaa solid;border-radius: 2px;} .z_tree li span.roots_close:after, .z_tree li span.roots_open:after, .z_tree li span.center_close i:after, .z_tree li span.center_open i:after, .z_tree li span.bottom_open i:after, .z_tree li span.bottom_close i:after{width: 9px;height: 1px;left:4px;top:50%;} .z_tree li span.roots_close:before, .z_tree li span.center_close i:before, .z_tree li span.bottom_close i:before{width: 1px;height: 9px;left:50%;top:4px;} .z_tree li span.center_close, .z_tree li span.center_open, .z_tree li span.bottom_open, .z_tree li span.bottom_close{width: 25px;} /* 线 */ .z_tree li span.center_close:after, .z_tree li span.center_open:after, .z_tree li span.bottom_open:after, .z_tree li span.bottom_close:after{width: 7px;height: 1px;top:9px;left: 0;} .z_tree li span.center_close i, .z_tree li span.center_open i, .z_tree li span.bottom_open i, .z_tree li span.bottom_close i{width: 18px;height: 18px;display: block;position: relative;margin-left: 7px;} /* 复选框 */ .z_treeRow .el-checkbox{display: inline-block;font-size: 80%;} .z_treeRow .el-checkbox > input[type="checkbox"] + .el-checkbox-style:before{border-radius: 2px;} .el-checkbox > input[type="checkbox"] + .el-checkbox-style{margin: 0 5px;} .z_treeRow .el-checkbox .label-txt{font-size: 14px;} .z_treeRow label{margin-bottom: 0;} /* 侧栏树结构 */ .treeWrap{ } .tree-left{width: 200px;float: left;margin-bottom: 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .tree-left .picSidebarTop { padding: 0 15px; border: 1px #e6e6e6 solid; border-bottom-width: 0; background-color: #e8e9eb; } .tree-left .picSidebarTop h2 { line-height: 30px; font-weight: bolder; } .tree-left .picSidebarTop div.event { top: 0px;} .tree-left .tree-box { height: 505px; padding-bottom: 10px; padding-top: 4px; overflow-y: auto; } .treeWrap .tree-toggle{cursor: pointer;color: #333;padding-bottom: 10px;display: inline-block;} .treeWrap .tree-toggle .hid{display: inline-block;} .treeWrap .tree-toggle .reveal{display: none;} .tree-left .tree-list{ width: auto;} .tree-left .tree-list .treeWord:hover, .erp-category-box .tree-list .treeWord:hover {background: #fff;color: #3388ff;} .tree-left .tree-list div.select, .erp-category-box .tree-list div.select {color: #3388ff;} .category-display-box .tree-list div.select {color: #3388ff;} .table-right{margin-left: 208px; /* -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; */ } /* 收起 */ .mini-tree{} .mini-tree.treeWrap .tree-toggle{color: #3388ff;} .mini-tree.treeWrap .tree-toggle .hid{display: none;} .mini-tree.treeWrap .tree-toggle .reveal{display: inline-block;} .mini-tree .arrowIcon{background-position: -20px -13px;} .mini-tree .tree-left{display: none;} .mini-tree .tree-left .title, .mini-tree .tree-left .tree-box{display: none;} .mini-tree .table-right{margin-left: 0;} @media (max-width: 767px){ .tree-left, .mini-tree .tree-left{width: 100%;} .table-right, .mini-tree .table-right{margin-left: 0;} .mini-tree .tree-left{margin-top: 0;} .tree-left .tree-list{width: auto;} } /* 向导指南 */ .tab-guide{border:1px solid #eee;padding-top: 10px;} .tab-guide .btn .iconfont{color: #fff;} .steps-content{padding: 20px;} .steps-list{display: table;width: 100%;table-layout: fixed;margin: 0;padding: 10px 0;list-style: none;} .steps-list li{ display: table-cell;position: relative;width: auto;vertical-align: top;text-align: center;position: relative; } .steps-list li a{background:#e5e5e5;display: inline-block;line-height: 32px;padding: 0 20px;border-radius: 32px;position: inherit;z-index: 9;color: #333;} .steps-list li:after, .steps-list li:before{content: '';display: block;position: absolute;top: 50%;width: 50%;height: 8px;margin-top: -4px;background-color: #c1deff;} .steps-list li:after{left:0;} .steps-list li:before{right: 0;} .steps-list li:first-child:after, .steps-list li:last-child:before{display: none;} .steps-list li.active a, .steps-list li.done a{background-color: #c1deff;color: #3388ff;} .steps-list li.active:before, .steps-list li.active~li:after, .steps-list li.active~li:before{background-color: #e5e5e5;} @media (max-width: 767px){ /* .steps-list li:first-child:after, .steps-list li:last-child:before{display: block;} */ .steps-list li{display: block;margin-bottom: 10px;} } /* 图片管理器 */ .bg_white{background: #fff;} .bg_base{background: #e8eaed;} .picSidebar{width: 200px;float: left;} .picSidebar .tree-box{min-height:655px;} .picSidebar .tree-list{width: 250px;} .picSidebarTop{position: relative;padding: 12px 15px;} .picSidebarTop h2{font-size: 14px;font-weight: normal; } .picSidebarTop .event{position: absolute;right:10px;top:10px;font-size: 16px;} .picSidebarTop .iconfont{cursor: pointer;} .picSidebarTop .erp-icon-add{color: #3388ff;} .picSidebarTop .erp-icon-delete2{color: #e25b5a;} /* 图片编辑 */ .picList { height: 612px; overflow-y: auto;} .picList li{position: relative;float: left;margin:0 10px 10px 0;width: 128px;height: 128px;text-align: center;border-radius: 6px;overflow: hidden;} .picList.picSet li:hover .picEditor{display: block;} .picList li .picEditor, .picList li .clickLayer{position: absolute;left: 0;top:0;right:0;bottom:0;} .picList li .picEditor{background: rgba(4, 11, 20, 0.75);text-align: center;padding-top: 45px;display: none;} .picList li .picEditor .mainIcons{margin: 0 4px;} .picList li .clickLayer{background: rgba(206, 227, 255, 0.6);border:1px #3388ff solid;border-radius: 6px;text-align: left;cursor: pointer;display: none;} .picList li .clickLayer .el-checkbox{display: inline-block;margin: 7px 0 0 7px;} .picList li .clickLayer .el-checkbox > input[type="checkbox"] + .el-checkbox-style:before{border-radius: 3px;} .picList img{cursor: pointer;} .picList img.folderPic{margin-top: 10px;} .picList .txt{margin-top: 5px;} .picList .iconfont{font-size: 26px;color: #e25b5a;cursor: pointer;margin: 0 4px;} .picList .erp-icon-fangda1{color: #ffb64d;} .picList .erp-icon-bianji{color: #3388ff;} .picList .erp-icon-delete1{color: #e25b5a;} .picMain{margin-left: 205px;overflow: hidden;} .picMain .searchMain{background: #fff;padding: 10px 10px 0 10px;margin-bottom: 10px;} .picMain .center{background: #fff;padding: 15px 20px;min-height:655px;} .picMain .actionsTop, .picMain .fileFolder, .picMain .filePicture{padding: 10px 0;} .picMain .fileFolder, .picMain .filePicture{min-height:655px;} .picMain .filePicture img{width:100%;height: 100%;} /* 文件上传 */ .upload-area{text-align: center;border: 1px dotted #ccc;padding: 20px;} .upload-area .web-uploader{width: 114px;margin: 0 auto;position: relative;height: 32px;line-height: 32px;background: #3388ff;color: #fff;margin-bottom: 10px;} .upload-area .web-uploader .fileBtn{position: absolute;top: 0;left: 0;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;overflow: hidden;} .upload-area .tip{font-size: 12px;color: #ff4444;padding: 5px 0;} .upload-container{border:1px #ccc solid; height: 295px;margin-top: 15px;overflow-y: scroll;} .file-list{ margin-bottom: -10px; overflow: hidden; } .file-list li{float: left;width: 100px;height: 100px;margin: 0 10px 10px 0;position: relative;} .file-list li .info, .file-list li .error, .file-list li .file-panel{position: absolute;left: 0;right: 0;} .file-list li .info{bottom:0;height: 20px;line-height: 20px;text-indent: 5px;background: rgba(0, 0, 0, 0.6);color: white;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;} .file-list li .error{top:0;background: red;color: white;text-align: center;height: 20px;font-size: 14px;line-height: 23px;} .file-list li .progress{position: absolute;top: 50px;height: 5px;width: 100%;background: #fff;} .file-list li .progress span{background: #3388ff;height: 100%;display: block} .file-list li .file-panel{filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;background: rgba( 0, 0, 0, 0.5 );top:0;color: #fff;text-align: right;height:0;line-height: 30px;overflow: hidden;} .file-list li .file-panel .erp-icon-delete1{color: #fff;cursor: pointer;} .file-list li .file-panel .erp-icon-delete1:hover{color: red;} .file-list li:hover .file-panel { height: 30px;} .upload-list li{padding: 0 15px 15px;} .upload-list li:nth-child(2n){background: #f5f5f5;} .upload-list li p{padding: 10px 0;} .upload-list li .upload-progress-box{position: relative;} .upload-list li .upload-progress-box .erp-icon-close{position: absolute; top:-7px; right:0;cursor: pointer;} .upload-list li .upload-progress-box .progress{margin-right: 215px;height: 8px;background: #e5e5e5;-webkit-box-shadow:none;box-shadow:none;margin-bottom: 0;} .upload-list li .upload-progress-box .progress .progress-bar{background-color: #3388ff;} .upload-list li .upload-progress-box .progress .progress-bar.red{background-color: #ff4444;} .upload-list li .upload-progress-box .progress-text-box{width: 200px;position: absolute;top:-7px;right:0;} .upload-list li .upload-progress-box .progress-text-box .progress-text{color: #3388ff} .upload-list li .upload-progress-box .progress-text-box .progress-text.red{color: #ff4444} .red {color: #F00;} .erp-batch-check h3 { padding-top: 10px; padding-bottom: 20px; text-align: center;} .erp-batch-check ul { width: 100%; overflow: hidden; } .erp-batch-check ul li { float: left; width: 50%; text-align: center; line-height: 1.8 } .erp-batch-check ul:last-child li { font-size: 20px; } .erp-batch-check span { display: block; width: 100%; height: 38px; line-height: 38px; margin-top: 15px; color: #FFF; text-align: center; background:#00bcd4; } .erp-batch-check span:last-child { background: #ff4848; } .erp-batch-check p { margin-top: 10px; color: #999; font-size: 12px; } .erp-batch-check em.erp-batch-check-progress { position: relative; width: 273px; background: #CCC; height: 12px; display: inline-block; border-radius: 10px; margin-left: 5px; } .erp-batch-check em.erp-batch-check-progress i { position: absolute; top: 0; left: 0; display: block; width: 0; height: 12px; background: rgba(100, 189, 99,0.85); border-radius: 10px; } /* * author:evanliu2968 * github:https://github.com/EvanLiu2968/el-checkbox * lincense:MIT */ /*checkbox radio component*/ .el-radio, .el-checkbox { position: relative; font-size: 100%; } label.el-radio, label.el-checkbox { display: block; cursor: pointer; } .el-radio > input[type="radio"], .el-checkbox > input[type="checkbox"] { display: none; } .el-radio > input[type="radio"][disabled], .el-checkbox > input[type="checkbox"][disabled] { cursor: not-allowed; } .el-radio > input[type="radio"] + .el-radio-style, .el-checkbox > input[type="checkbox"] + .el-checkbox-style { position: relative; display: inline-block; width: 1.4em; height: 1.4em; vertical-align: middle; cursor: pointer; } .el-radio > input[type="radio"] + .el-radio-style:hover:before, .el-checkbox > input[type="checkbox"] + .el-checkbox-style:hover:before { border-color: #3388ff; } .el-radio > input[type="radio"] + .el-radio-style:before, .el-checkbox > input[type="checkbox"] + .el-checkbox-style:before { position: absolute; top: 0; left: 0; display: inline-block; width: 1.4em; height: 1.4em; content: ''; border: 1px solid #666; } .el-radio > input[type="radio"] + .el-radio-style:after, .el-checkbox > input[type="checkbox"] + .el-checkbox-style:after { position: absolute; display: none; content: ''; } .el-radio > input[type="radio"][disabled] + .el-radio-style, .el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style { cursor: not-allowed; color: #D3DCE6; } .el-radio > input[type="radio"][disabled] + .el-radio-style:hover, .el-radio > input[type="radio"][disabled] + .el-radio-style:before, .el-radio > input[type="radio"][disabled] + .el-radio-style:after, .el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover, .el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before, .el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:after { cursor: not-allowed; } .el-radio > input[type="radio"][disabled] + .el-radio-style:hover:before, .el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:hover:before { border: 1px solid #D3DCE6; animation-name: none; } .el-radio > input[type="radio"][disabled] + .el-radio-style:before, .el-checkbox > input[type="checkbox"][disabled] + .el-checkbox-style:before { border-color: #D3DCE6; } .el-radio > input[type="radio"]:checked + .el-radio-style:before, .el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before { animation-name: none; } .el-radio > input[type="radio"]:checked + .el-radio-style:after, .el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:after { display: block; } .el-radio > input[type="radio"] + .el-radio-style:before { border-radius: 50%; } .el-radio > input[type="radio"] + .el-radio-style:after { top: 0.4em; left: 0.4em; width: 0.6em; height: 0.6em; border-radius: 50%; background: #3388ff; } .el-radio > input[type="radio"]:checked + .el-radio-style:before { border: 1px solid #3388ff; } .el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:before { border: 1px solid #b0d7f5; } .el-radio > input[type="radio"]:checked[disabled] + .el-radio-style:after { background: #b0d7f5; } .el-checkbox > input[type="checkbox"] + .el-checkbox-style:before { border-radius: 100%; } .el-checkbox > input[type="checkbox"] + .el-checkbox-style:after { top: 0.15em; left: 0.5em; box-sizing: border-box; width: 0.4em; height: 0.75em; transform: rotate(45deg); border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .el-checkbox > input[type="checkbox"]:checked + .el-checkbox-style:before { border: #3388ff; background: #3388ff; border-radius: 100%; } .el-checkbox > input[type="checkbox"]:checked[disabled] + .el-checkbox-style:before { border: #b0d7f5; background: #b0d7f5; } /*blue theme*/ .el-radio.el-radio-blue > input[type="radio"] + label:hover:before, .el-checkbox.el-checkbox-blue > input[type="checkbox"] + label:hover:before, .el-radio.el-radio-blue > input[type="radio"]:checked + label:before, .el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked + label:before { border-color: #3388ff; } .el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked + label:before, .el-radio.el-radio-blue > input[type="radio"] + label:after { background: #3388ff; } .el-radio.el-radio-blue > input[type="radio"][disabled] + label:hover:before, .el-checkbox.el-checkbox-blue > input[type="checkbox"][disabled] + label:hover:before { border-color: #D3DCE6; } .el-checkbox.el-checkbox-blue > input[type="checkbox"]:checked[disabled] + label:before, .el-radio.el-radio-blue > input[type="radio"]:checked[disabled] + label:before { border-color: #b0d7f5; } .el-checkbox.el-checkbox-blue > input[type="checkbox"][disabled]:checked + label:before, .el-radio.el-radio-blue > input[type="radio"]:checked[disabled] + label:after { background: #b0d7f5; } /*green theme*/ .el-radio.el-radio-green > input[type="radio"] + label:hover:before, .el-checkbox.el-checkbox-green > input[type="checkbox"] + label:hover:before, .el-radio.el-radio-green > input[type="radio"]:checked + label:before, .el-checkbox.el-checkbox-green > input[type="checkbox"]:checked + label:before { border-color: #13ce66; } .el-checkbox.el-checkbox-green > input[type="checkbox"]:checked + label:before, .el-radio.el-radio-green > input[type="radio"] + label:after { background: #13ce66; } .el-radio.el-radio-green > input[type="radio"][disabled] + label:hover:before, .el-checkbox.el-checkbox-green > input[type="checkbox"][disabled] + label:hover:before { border-color: #D3DCE6; } .el-checkbox.el-checkbox-green > input[type="checkbox"]:checked[disabled] + label:before, .el-radio.el-radio-green > input[type="radio"]:checked[disabled] + label:before { border-color: #a1efc4; } .el-checkbox.el-checkbox-green > input[type="checkbox"][disabled]:checked + label:before, .el-radio.el-radio-green > input[type="radio"]:checked[disabled] + label:after { background: #a1efc4; } /*red theme*/ .el-radio.el-radio-red > input[type="radio"] + label:hover:before, .el-checkbox.el-checkbox-red > input[type="checkbox"] + label:hover:before, .el-radio.el-radio-red > input[type="radio"]:checked + label:before, .el-checkbox.el-checkbox-red > input[type="checkbox"]:checked + label:before { border-color: #ff4949; } .el-checkbox.el-checkbox-red > input[type="checkbox"]:checked + label:before, .el-radio.el-radio-red > input[type="radio"] + label:after { background: #ff4949; } .el-radio.el-radio-red > input[type="radio"][disabled] + label:hover:before, .el-checkbox.el-checkbox-red > input[type="checkbox"][disabled] + label:hover:before { border-color: #D3DCE6; } .el-checkbox.el-checkbox-red > input[type="checkbox"]:checked[disabled] + label:before, .el-radio.el-radio-red > input[type="radio"]:checked[disabled] + label:before { border-color: #f9b3b3; } .el-checkbox.el-checkbox-red > input[type="checkbox"][disabled]:checked + label:before, .el-radio.el-radio-red > input[type="radio"]:checked[disabled] + label:after { background: #f9b3b3; } /*yellow theme*/ .el-radio.el-radio-yellow > input[type="radio"] + label:hover:before, .el-checkbox.el-checkbox-yellow > input[type="checkbox"] + label:hover:before, .el-radio.el-radio-yellow > input[type="radio"]:checked + label:before, .el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before { border-color: #f7ba2a; } .el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked + label:before, .el-radio.el-radio-yellow > input[type="radio"] + label:after { background: #f7ba2a; } .el-radio.el-radio-yellow > input[type="radio"][disabled] + label:hover:before, .el-checkbox.el-checkbox-yellow > input[type="checkbox"][disabled] + label:hover:before { border-color: #D3DCE6; } .el-checkbox.el-checkbox-yellow > input[type="checkbox"]:checked[disabled] + label:before, .el-radio.el-radio-yellow > input[type="radio"]:checked[disabled] + label:before { border-color: #fbeac1; } .el-checkbox.el-checkbox-yellow > input[type="checkbox"][disabled]:checked + label:before, .el-radio.el-radio-yellow > input[type="radio"]:checked[disabled] + label:after { background: #fbeac1; } /*switch component*/ .el-switch, .el-switch-style, .el-switch-style:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .el-switch { display: inline-block; font-size: 100%; height: 1.6em; position: relative; } .el-switch .el-switch-style { height: 1.6em; left: 0; background: #C0CCDA; -webkit-border-radius: 0.8em; border-radius: 0.8em; display: inline-block; position: relative; top: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 3em; cursor: pointer; } .el-switch .el-switch-style:before { display: block; content: ''; height: 1.4em; position: absolute; width: 1.4em; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; left: 0.1em; top: 0.1em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .el-switch > input[type="checkbox"] { display: none; } .el-switch > input[type="checkbox"][disabled] + .el-switch-style { cursor: not-allowed; background-color: #D3DCE6; } .el-switch > input[type="checkbox"]:checked + .el-switch-style { background-color: #3388ff; } .el-switch > input[type="checkbox"]:checked + .el-switch-style:before { left: 50%; } .el-switch > input[type="checkbox"]:checked[disabled] + .el-switch-style { background-color: #b0d7f5; } .el-switch.el-switch-blue > input[type="checkbox"]:checked + .el-switch-style { background-color: #3388ff; } .el-switch.el-switch-blue > input[type="checkbox"]:checked[disabled] + .el-switch-style { background-color: #b0d7f5; } .el-switch.el-switch-green > input[type="checkbox"]:checked + .el-switch-style { background-color: #13ce66; } .el-switch.el-switch-green > input[type="checkbox"]:checked[disabled] + .el-switch-style { background-color: #a1efc4; } .el-switch.el-switch-red > input[type="checkbox"]:checked + .el-switch-style { background-color: #ff4949; } .el-switch.el-switch-red > input[type="checkbox"]:checked[disabled] + .el-switch-style { background-color: #f9b3b3; } .el-switch.el-switch-yellow > input[type="checkbox"]:checked + .el-switch-style { background-color: #f7ba2a; } .el-switch.el-switch-yellow > input[type="checkbox"]:checked[disabled] + .el-switch-style { background-color: #fbeac1; } /*define size*/ .el-radio.el-radio-sm, .el-checkbox.el-checkbox-sm, .el-switch.el-switch-sm { font-size: 85%; } .el-radio.el-radio-lg, .el-checkbox.el-checkbox-lg, .el-switch.el-switch-lg { font-size: 125%; } /** layui-v2.2.6 MIT License By https://www.layui.com */ .layui-inline, img { display:inline-block; vertical-align:middle } h1, h2, h3, h4, h5, h6 { font-weight:400 } .layui-edge, .layui-header, .layui-inline, .layui-main { position:relative } .layui-btn, .layui-edge, .layui-inline, img { vertical-align:middle } .layui-btn, .layui-disabled, .layui-icon, .layui-unselect { -webkit-user-select:none; -ms-user-select:none; -moz-user-select:none } blockquote, body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0, 0, 0, 0) } a:active, a:hover { outline:0 } img { border:none } li { list-style:none } table { border-collapse:collapse; border-spacing:0 } h4, h5, h6 { font-size:100% } button, input, optgroup, option, select, textarea { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; outline:0 } pre { white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word } body { line-height:24px; font:14px Helvetica Neue, Helvetica, PingFang SC, \5FAE\8F6F\96C5\9ED1, Tahoma, Arial, sans-serif } hr { height:1px; margin:10px 0; border:0; clear:both } a { color:#333; text-decoration:none } a:hover { color:#777 } a cite { font-style:normal; *cursor:pointer } .layui-border-box, .layui-border-box * { box-sizing:border-box } .layui-box, .layui-box * { box-sizing:content-box } .layui-clear { clear:both; *zoom:1 } .layui-clear:after { content:'\20'; clear:both; *zoom:1; display:block; height:0 } .layui-inline { *display:inline; *zoom:1 } .layui-edge { display:inline-block; width:0; height:0; border-width:6px; border-style:dashed; border-color:transparent; overflow:hidden } .layui-edge-top { top:-4px; border-bottom-color:#999; border-bottom-style:solid } .layui-edge-right { border-left-color:#999; border-left-style:solid } .layui-edge-bottom { top:2px; border-top-color:#999; border-top-style:solid } .layui-edge-left { border-right-color:#999; border-right-style:solid } .layui-elip { text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .layui-disabled, .layui-disabled:hover { color:#d2d2d2!important; cursor:not-allowed!important } .layui-circle { border-radius:100% } .layui-show { display:block!important } .layui-hide { display:none!important } @font-face { font-family:layui-icon; src:url(../font/iconfont.eot?v=226_rc2); src:url(../font/iconfont.eot?v=226_rc2#iefix) format('embedded-opentype'), url(../font/iconfont.svg?v=226_rc2#iconfont) format('svg'), url(../font/iconfont.woff?v=226_rc2) format('woff'), url(../font/iconfont.ttf?v=226_rc2) format('truetype') } .layui-icon { font-family:layui-icon!important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .layui-icon-duihua:before { content:"\e611" } .layui-icon-shezhi:before { content:"\e614" } .layui-icon-yinshenim:before { content:"\e60f" } .layui-icon-search:before { content:"\e615" } .layui-icon-fenxiang1:before { content:"\e641" } .layui-icon-shezhi1:before { content:"\e620" } .layui-icon-yinqing:before { content:"\e628" } .layui-icon-close:before { content:"\1006" } .layui-icon-close-fill:before { content:"\1007" } .layui-icon-baobiao:before { content:"\e629" } .layui-icon-star:before { content:"\e600" } .layui-icon-yuandian:before { content:"\e617" } .layui-icon-chat:before { content:"\e606" } .layui-icon-logo:before { content:"\e609" } .layui-icon-list:before { content:"\e60a" } .layui-icon-tubiao:before { content:"\e62c" } .layui-icon-ok-circle:before { content:"\1005" } .layui-icon-huanfu2:before { content:"\e61b" } .layui-icon-On-line:before { content:"\e610" } .layui-icon-biaoge:before { content:"\e62d" } .layui-icon-right:before { content:"\e602" } .layui-icon-left:before { content:"\e603" } .layui-icon-cart-simple:before { content:"\e698" } .layui-icon-cry:before { content:"\e69c" } .layui-icon-smile:before { content:"\e6af" } .layui-icon-survey:before { content:"\e6b2" } .layui-icon-tree:before { content:"\e62e" } .layui-icon-iconfont17:before { content:"\e62f" } .layui-icon-tianjia:before { content:"\e61f" } .layui-icon-download-circle:before { content:"\e601" } .layui-icon-xuanzemoban48:before { content:"\e630" } .layui-icon-gongju:before { content:"\e631" } .layui-icon-face-surprised:before { content:"\e664" } .layui-icon-bianji:before { content:"\e642" } .layui-icon-speaker:before { content:"\e645" } .layui-icon-down:before { content:"\e61a" } .layui-icon-wenjian:before { content:"\e621" } .layui-icon-layouts:before { content:"\e632" } .layui-icon-duigou:before { content:"\e618" } .layui-icon-tianjia1:before { content:"\e608" } .layui-icon-yaoyaozhibofanye:before { content:"\e633" } .layui-icon-read:before { content:"\e705" } .layui-icon-404:before { content:"\e61c" } .layui-icon-lunbozutu:before { content:"\e634" } .layui-icon-help:before { content:"\e607" } .layui-icon-daima1:before { content:"\e635" } .layui-icon-jinshui:before { content:"\e636" } .layui-icon-username:before { content:"\e66f" } .layui-icon-find-fill:before { content:"\e670" } .layui-icon-about:before { content:"\e60b" } .layui-icon-location:before { content:"\e715" } .layui-icon-up:before { content:"\e619" } .layui-icon-pause:before { content:"\e651" } .layui-icon-riqi:before { content:"\e637" } .layui-icon-uploadfile:before { content:"\e61d" } .layui-icon-delete:before { content:"\e640" } .layui-icon-play:before { content:"\e652" } .layui-icon-top:before { content:"\e604" } .layui-icon-haoyouqingqiu:before { content:"\e612" } .layui-icon-refresh-3:before { content:"\e9aa" } .layui-icon-weibiaoti1:before { content:"\e605" } .layui-icon-chuangkou:before { content:"\e638" } .layui-icon-comiisbiaoqing:before { content:"\e60c" } .layui-icon-zhengque:before { content:"\e616" } .layui-icon-dollar:before { content:"\e659" } .layui-icon-iconfontwodehaoyou:before { content:"\e613" } .layui-icon-wenjianxiazai:before { content:"\e61e" } .layui-icon-tupian:before { content:"\e60d" } .layui-icon-lianjie:before { content:"\e64c" } .layui-icon-diamond:before { content:"\e735" } .layui-icon-jilu:before { content:"\e60e" } .layui-icon-liucheng:before { content:"\e622" } .layui-icon-fontstrikethrough:before { content:"\e64f" } .layui-icon-unlink:before { content:"\e64d" } .layui-icon-bianjiwenzi:before { content:"\e639" } .layui-icon-sanjiao:before { content:"\e623" } .layui-icon-danxuankuanghouxuan:before { content:"\e63f" } .layui-icon-danxuankuangxuanzhong:before { content:"\e643" } .layui-icon-juzhongduiqi:before { content:"\e647" } .layui-icon-youduiqi:before { content:"\e648" } .layui-icon-zuoduiqi:before { content:"\e649" } .layui-icon-gongsisvgtubiaozongji22:before { content:"\e626" } .layui-icon-gongsisvgtubiaozongji23:before { content:"\e627" } .layui-icon-refresh-2:before { content:"\1002" } .layui-icon-loading-1:before { content:"\e63e" } .layui-icon-return:before { content:"\e65c" } .layui-icon-jiacu:before { content:"\e62b" } .layui-icon-uploading:before { content:"\e67c" } .layui-icon-liaotianduihuaimgoutong:before { content:"\e63a" } .layui-icon-video:before { content:"\e6ed" } .layui-icon-headset:before { content:"\e6fc" } .layui-icon-wenjianjiafan:before { content:"\e624" } .layui-icon-shouji:before { content:"\e63b" } .layui-icon-tianjia2:before { content:"\e654" } .layui-icon-wenjianjia:before { content:"\e7a0" } .layui-icon-biaoqing:before { content:"\e650" } .layui-icon-html:before { content:"\e64b" } .layui-icon-biaodan:before { content:"\e63c" } .layui-icon-cart:before { content:"\e657" } .layui-icon-camera-fill:before { content:"\e65d" } .layui-icon-25:before { content:"\e62a" } .layui-icon-emwdaima:before { content:"\e64e" } .layui-icon-fire:before { content:"\e756" } .layui-icon-set:before { content:"\e716" } .layui-icon-zitixiahuaxian:before { content:"\e646" } .layui-icon-sanjiao1:before { content:"\e625" } .layui-icon-tips:before { content:"\e702" } .layui-icon-tupian-copy-copy:before { content:"\e64a" } .layui-icon-more-vertical:before { content:"\e671" } .layui-icon-zhuti2:before { content:"\e66c" } .layui-icon-loading:before { content:"\e63d" } .layui-icon-xieti:before { content:"\e644" } .layui-icon-refresh-1:before { content:"\e666" } .layui-icon-rmb:before { content:"\e65e" } .layui-icon-home:before { content:"\e68e" } .layui-icon-user:before { content:"\e770" } .layui-icon-notice:before { content:"\e667" } .layui-icon-login-weibo:before { content:"\e675" } .layui-icon-voice:before { content:"\e688" } .layui-icon-download:before { content:"\e681" } .layui-icon-login-qq:before { content:"\e676" } .layui-icon-snowflake:before { content:"\e6b1" } .layui-icon-yemian1:before { content:"\e655" } .layui-icon-template:before { content:"\e663" } .layui-icon-auz:before { content:"\e672" } .layui-icon-console:before { content:"\e665" } .layui-icon-app:before { content:"\e653" } .layui-icon-prev:before { content:"\e65a" } .layui-icon-website:before { content:"\e7ae" } .layui-icon-next:before { content:"\e65b" } .layui-icon-component:before { content:"\e857" } .layui-icon-more:before { content:"\e65f" } .layui-icon-login-wechat:before { content:"\e677" } .layui-icon-shrink-right:before { content:"\e668" } .layui-icon-spread-left:before { content:"\e66b" } .layui-icon-camera:before { content:"\e660" } .layui-icon-note:before { content:"\e66e" } .layui-icon-refresh:before { content:"\e669" } .layui-icon-nv:before { content:"\e661" } .layui-icon-nan:before { content:"\e662" } .layui-icon-password:before { content:"\e673" } .layui-icon-senior:before { content:"\e674" } .layui-icon-theme:before { content:"\e66a" } .layui-icon-tread:before { content:"\e6c5" } .layui-icon-praise:before { content:"\e6c6" } .layui-icon-star-fill:before { content:"\e658" } .layui-icon-template-1:before { content:"\e656" } .layui-icon-loading-2:before { content:"\e66d" } .layui-icon-vercode:before { content:"\e679" } .layui-icon-cellphone:before { content:"\e678" } .layui-main { width:1140px; margin:0 auto } .layui-header { z-index:1000; height:60px } .layui-header a:hover { transition:all .5s; -webkit-transition:all .5s } .layui-side { position:fixed; left:0; top:0; bottom:0; z-index:999; width:200px; overflow-x:hidden } .layui-side-scroll { position:relative; width:220px; height:100%; overflow-x:hidden } .layui-body { position:absolute; left:200px; right:0; top:0; bottom:0; z-index:998; width:auto; overflow:hidden; overflow-y:auto; box-sizing:border-box } .layui-layout-body { overflow:hidden } .layui-layout-admin .layui-header { background-color:#23262E } .layui-layout-admin .layui-side { top:60px; width:200px; overflow-x:hidden } .layui-layout-admin .layui-body { top:60px; bottom:44px } .layui-layout-admin .layui-main { width:auto; margin:0 15px } .layui-layout-admin .layui-footer { position:fixed; left:200px; right:0; bottom:0; height:44px; line-height:44px; padding:0 15px; background-color:#eee } .layui-layout-admin .layui-logo { position:absolute; left:0; top:0; width:200px; height:100%; line-height:60px; text-align:center; color:#009688; font-size:16px } .layui-layout-admin .layui-header .layui-nav { background:0 0 } .layui-layout-left { position:absolute!important; left:200px; top:0 } .layui-layout-right { position:absolute!important; right:0; top:0 } .layui-container { position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box } .layui-fluid { position:relative; margin:0 auto; padding:0 15px } .layui-row:after, .layui-row:before { content:''; display:block; clear:both } .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9, .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9, .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9, .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 { position:relative; display:block; box-sizing:border-box } .layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12, .layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5, .layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 { float:left } .layui-col-xs1 { width:8.33333333% } .layui-col-xs2 { width:16.66666667% } .layui-col-xs3 { width:25% } .layui-col-xs4 { width:33.33333333% } .layui-col-xs5 { width:41.66666667% } .layui-col-xs6 { width:50% } .layui-col-xs7 { width:58.33333333% } .layui-col-xs8 { width:66.66666667% } .layui-col-xs9 { width:75% } .layui-col-xs10 { width:83.33333333% } .layui-col-xs11 { width:91.66666667% } .layui-col-xs12 { width:100% } .layui-col-xs-offset1 { margin-left:8.33333333% } .layui-col-xs-offset2 { margin-left:16.66666667% } .layui-col-xs-offset3 { margin-left:25% } .layui-col-xs-offset4 { margin-left:33.33333333% } .layui-col-xs-offset5 { margin-left:41.66666667% } .layui-col-xs-offset6 { margin-left:50% } .layui-col-xs-offset7 { margin-left:58.33333333% } .layui-col-xs-offset8 { margin-left:66.66666667% } .layui-col-xs-offset9 { margin-left:75% } .layui-col-xs-offset10 { margin-left:83.33333333% } .layui-col-xs-offset11 { margin-left:91.66666667% } .layui-col-xs-offset12 { margin-left:100% } @media screen and (max-width:768px) { .layui-hide-xs { display:none!important } .layui-show-xs-block { display:block!important } .layui-show-xs-inline { display:inline!important } .layui-show-xs-inline-block { display:inline-block!important } } @media screen and (min-width:768px) { .layui-container { width:750px } .layui-hide-sm { display:none!important } .layui-show-sm-block { display:block!important } .layui-show-sm-inline { display:inline!important } .layui-show-sm-inline-block { display:inline-block!important } .layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12, .layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5, .layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 { float:left } .layui-col-sm1 { width:8.33333333% } .layui-col-sm2 { width:16.66666667% } .layui-col-sm3 { width:25% } .layui-col-sm4 { width:33.33333333% } .layui-col-sm5 { width:41.66666667% } .layui-col-sm6 { width:50% } .layui-col-sm7 { width:58.33333333% } .layui-col-sm8 { width:66.66666667% } .layui-col-sm9 { width:75% } .layui-col-sm10 { width:83.33333333% } .layui-col-sm11 { width:91.66666667% } .layui-col-sm12 { width:100% } .layui-col-sm-offset1 { margin-left:8.33333333% } .layui-col-sm-offset2 { margin-left:16.66666667% } .layui-col-sm-offset3 { margin-left:25% } .layui-col-sm-offset4 { margin-left:33.33333333% } .layui-col-sm-offset5 { margin-left:41.66666667% } .layui-col-sm-offset6 { margin-left:50% } .layui-col-sm-offset7 { margin-left:58.33333333% } .layui-col-sm-offset8 { margin-left:66.66666667% } .layui-col-sm-offset9 { margin-left:75% } .layui-col-sm-offset10 { margin-left:83.33333333% } .layui-col-sm-offset11 { margin-left:91.66666667% } .layui-col-sm-offset12 { margin-left:100% } } @media screen and (min-width:992px) { .layui-container { width:970px } .layui-hide-md { display:none!important } .layui-show-md-block { display:block!important } .layui-show-md-inline { display:inline!important } .layui-show-md-inline-block { display:inline-block!important } .layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12, .layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5, .layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 { float:left } .layui-col-md1 { width:8.33333333% } .layui-col-md2 { width:16.66666667% } .layui-col-md3 { width:25% } .layui-col-md4 { width:33.33333333% } .layui-col-md5 { width:41.66666667% } .layui-col-md6 { width:50% } .layui-col-md7 { width:58.33333333% } .layui-col-md8 { width:66.66666667% } .layui-col-md9 { width:75% } .layui-col-md10 { width:83.33333333% } .layui-col-md11 { width:91.66666667% } .layui-col-md12 { width:100% } .layui-col-md-offset1 { margin-left:8.33333333% } .layui-col-md-offset2 { margin-left:16.66666667% } .layui-col-md-offset3 { margin-left:25% } .layui-col-md-offset4 { margin-left:33.33333333% } .layui-col-md-offset5 { margin-left:41.66666667% } .layui-col-md-offset6 { margin-left:50% } .layui-col-md-offset7 { margin-left:58.33333333% } .layui-col-md-offset8 { margin-left:66.66666667% } .layui-col-md-offset9 { margin-left:75% } .layui-col-md-offset10 { margin-left:83.33333333% } .layui-col-md-offset11 { margin-left:91.66666667% } .layui-col-md-offset12 { margin-left:100% } } @media screen and (min-width:1200px) { .layui-container { width:1170px } .layui-hide-lg { display:none!important } .layui-show-lg-block { display:block!important } .layui-show-lg-inline { display:inline!important } .layui-show-lg-inline-block { display:inline-block!important } .layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12, .layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5, .layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 { float:left } .layui-col-lg1 { width:8.33333333% } .layui-col-lg2 { width:16.66666667% } .layui-col-lg3 { width:25% } .layui-col-lg4 { width:33.33333333% } .layui-col-lg5 { width:41.66666667% } .layui-col-lg6 { width:50% } .layui-col-lg7 { width:58.33333333% } .layui-col-lg8 { width:66.66666667% } .layui-col-lg9 { width:75% } .layui-col-lg10 { width:83.33333333% } .layui-col-lg11 { width:91.66666667% } .layui-col-lg12 { width:100% } .layui-col-lg-offset1 { margin-left:8.33333333% } .layui-col-lg-offset2 { margin-left:16.66666667% } .layui-col-lg-offset3 { margin-left:25% } .layui-col-lg-offset4 { margin-left:33.33333333% } .layui-col-lg-offset5 { margin-left:41.66666667% } .layui-col-lg-offset6 { margin-left:50% } .layui-col-lg-offset7 { margin-left:58.33333333% } .layui-col-lg-offset8 { margin-left:66.66666667% } .layui-col-lg-offset9 { margin-left:75% } .layui-col-lg-offset10 { margin-left:83.33333333% } .layui-col-lg-offset11 { margin-left:91.66666667% } .layui-col-lg-offset12 { margin-left:100% } } .layui-col-space1 { margin:-.5px } .layui-col-space1>* { padding:.5px } .layui-col-space3 { margin:-1.5px } .layui-col-space3>* { padding:1.5px } .layui-col-space5 { margin:-2.5px } .layui-col-space5>* { padding:2.5px } .layui-col-space8 { margin:-3.5px } .layui-col-space8>* { padding:3.5px } .layui-col-space10 { margin:-5px } .layui-col-space10>* { padding:5px } .layui-col-space12 { margin:-6px } .layui-col-space12>* { padding:6px } .layui-col-space15 { margin:-7.5px } .layui-col-space15>* { padding:7.5px } .layui-col-space18 { margin:-9px } .layui-col-space18>* { padding:9px } .layui-col-space20 { margin:-10px } .layui-col-space20>* { padding:10px } .layui-col-space22 { margin:-11px } .layui-col-space22>* { padding:11px } .layui-col-space25 { margin:-12.5px } .layui-col-space25>* { padding:12.5px } .layui-col-space30 { margin:-15px } .layui-col-space30>* { padding:15px } .layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button { outline:0; -webkit-appearance:none; transition:all .3s; -webkit-transition:all .3s; box-sizing:border-box } .layui-elem-quote { margin-bottom:10px; padding:15px; line-height:22px; border-left:5px solid #009688; border-radius:0 2px 2px 0; background-color:#f2f2f2 } .layui-quote-nm { border-style:solid; border-width:1px 1px 1px 5px; background:0 0 } .layui-elem-field { margin-bottom:10px; padding:0; border-width:1px; border-style:solid } .layui-elem-field legend { margin-left:20px; padding:0 10px; font-size:20px; font-weight:300 } .layui-field-title { margin:10px 0 20px; border-width:1px 0 0 } .layui-field-box { padding:10px 15px } .layui-field-title .layui-field-box { padding:10px 0 } .layui-progress { position:relative; height:6px; border-radius:20px; background-color:#e2e2e2 } .layui-progress-bar { position:absolute; left:0; top:0; width:0; max-width:100%; height:6px; border-radius:20px; text-align:right; background-color:#5FB878; transition:all .3s; -webkit-transition:all .3s } .layui-progress-big, .layui-progress-big .layui-progress-bar { height:18px; line-height:18px } .layui-progress-text { position:relative; top:-20px; line-height:18px; font-size:12px; color:#666 } .layui-progress-big .layui-progress-text { position:static; padding:0 10px; color:#fff } .layui-collapse { border-width:1px; border-style:solid; border-radius:2px } .layui-colla-content, .layui-colla-item { border-top-width:1px; border-top-style:solid } .layui-colla-item:first-child { border-top:none } .layui-colla-title { position:relative; height:42px; line-height:42px; padding:0 15px 0 35px; color:#333; background-color:#f2f2f2; cursor:pointer; font-size:14px; overflow:hidden } .layui-colla-content { display:none; padding:10px 15px; line-height:22px; color:#666 } .layui-colla-icon { position:absolute; left:15px; top:0; font-size:14px } .layui-card-body, .layui-card-header, .layui-form-label, .layui-form-mid, .layui-form-select, .layui-input-block, .layui-input-inline, .layui-textarea { position:relative } .layui-card { margin-bottom:15px; border-radius:2px; background-color:#fff; box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05) } .layui-card:last-child { margin-bottom:0 } .layui-card-header { height:42px; line-height:42px; padding:0 15px; border-bottom:1px solid #f6f6f6; color:#333; border-radius:2px 2px 0 0; font-size:14px } .layui-bg-black, .layui-bg-blue, .layui-bg-cyan, .layui-bg-green, .layui-bg-orange, .layui-bg-red { color:#fff!important } .layui-card-body { padding:10px 15px; line-height:24px } .layui-card-body[pad15] { padding:15px } .layui-card-body[pad20] { padding:20px } .layui-card-body .layui-table { margin:5px 0 } .layui-card .layui-tab { margin:0 } .layui-panel-window { position:relative; padding:15px; border-radius:0; border-top:5px solid #E6E6E6; background-color:#fff } .layui-bg-red { background-color:#FF5722!important } .layui-bg-orange { background-color:#FFB800!important } .layui-bg-green { background-color:#009688!important } .layui-bg-cyan { background-color:#2F4056!important } .layui-bg-blue { background-color:#1E9FFF!important } .layui-bg-black { background-color:#393D49!important } .layui-bg-gray { background-color:#eee!important; color:#666!important } .layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea { border-color:#e6e6e6 } .layui-timeline-item:before, hr { background-color:#e6e6e6 } .layui-text { line-height:22px; font-size:14px; color:#666 } .layui-text h1, .layui-text h2, .layui-text h3 { font-weight:500; color:#333 } .layui-text h1 { font-size:30px } .layui-text h2 { font-size:24px } .layui-text h3 { font-size:18px } .layui-text a:not(.layui-btn) { color:#01AAED } .layui-text a:not(.layui-btn):hover { text-decoration:underline } .layui-text ul { padding:5px 0 5px 15px } .layui-text ul li { margin-top:5px; list-style-type:disc } .layui-text em, .layui-word-aux { color:#999!important; padding:0 5px!important } .layui-btn { display:inline-block; height:38px; line-height:38px; padding:0 18px; background-color:#009688; color:#fff; white-space:nowrap; text-align:center; font-size:14px; border:none; border-radius:2px; cursor:pointer } .layui-btn:hover { opacity:.8; filter:alpha(opacity=80); color:#fff } .layui-btn:active { opacity:1; filter:alpha(opacity=100) } .layui-btn+.layui-btn { margin-left:10px } .layui-btn-container { font-size:0 } .layui-btn-container .layui-btn { margin-right:10px; margin-bottom:10px } .layui-btn-container .layui-btn+.layui-btn { margin-left:0 } .layui-table .layui-btn-container .layui-btn { margin-bottom:9px } .layui-btn-radius { border-radius:100px } .layui-btn .layui-icon { margin-right:3px; font-size:18px; vertical-align:bottom; vertical-align:middle\9 } .layui-btn-primary { border:1px solid #C9C9C9; background-color:#fff; color:#555 } .layui-btn-primary:hover { border-color:#009688; color:#333 } .layui-btn-normal { background-color:#1E9FFF } .layui-btn-warm { background-color:#FFB800 } .layui-btn-danger { background-color:#FF5722 } .layui-btn-disabled, .layui-btn-disabled:active, .layui-btn-disabled:hover { border:1px solid #e6e6e6; background-color:#FBFBFB; color:#C9C9C9; cursor:not-allowed; opacity:1 } .layui-btn-lg { height:44px; line-height:44px; padding:0 25px; font-size:16px } .layui-btn-sm { height:30px; line-height:30px; padding:0 10px; font-size:12px } .layui-btn-sm i { font-size:16px!important } .layui-btn-xs { height:22px; line-height:22px; padding:0 5px; font-size:12px } .layui-btn-xs i { font-size:14px!important } .layui-btn-group { display:inline-block; vertical-align:middle; font-size:0 } .layui-btn-group .layui-btn { margin-left:0!important; margin-right:0!important; border-left:1px solid rgba(255, 255, 255, .5); border-radius:0 } .layui-btn-group .layui-btn-primary { border-left:none } .layui-btn-group .layui-btn-primary:hover { border-color:#C9C9C9; color:#009688 } .layui-btn-group .layui-btn:first-child { border-left:none; border-radius:2px 0 0 2px } .layui-btn-group .layui-btn-primary:first-child { border-left:1px solid #c9c9c9 } .layui-btn-group .layui-btn:last-child { border-radius:0 2px 2px 0 } .layui-btn-group .layui-btn+.layui-btn { margin-left:0 } .layui-btn-group+.layui-btn-group { margin-left:10px } .layui-btn-fluid { width:100% } .layui-input, .layui-select, .layui-textarea { height:38px; line-height:1.3; line-height:38px\9; border-width:1px; border-style:solid; background-color:#fff; border-radius:2px } .layui-input::-webkit-input-placeholder, .layui-select::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder { line-height:1.3 } .layui-input, .layui-textarea { display:block; width:100%; padding-left:10px } .layui-input:hover, .layui-textarea:hover { border-color:#D2D2D2!important } .layui-input:focus, .layui-textarea:focus { border-color:#C9C9C9!important } .layui-textarea { min-height:100px; height:auto; line-height:20px; padding:6px 10px; resize:vertical } .layui-select { padding:0 10px } .layui-form input[type=checkbox], .layui-form input[type=radio], .layui-form select { display:none } .layui-form[lay-ignore] { display:initial } .layui-form-item { margin-bottom:15px; clear:both; *zoom:1 } .layui-form-item:after { content:'\20'; clear:both; *zoom:1; display:block; height:0 } .layui-form-label { float:left; display:block; padding:9px 15px; width:80px; font-weight:400; line-height:20px; text-align:right } .layui-form-label-col { display:block; float:none; padding:9px 0; line-height:20px; text-align:left } .layui-form-item .layui-inline { margin-bottom:5px; margin-right:10px } .layui-input-block { margin-left:110px; min-height:36px } .layui-input-inline { display:inline-block; vertical-align:middle } .layui-form-item .layui-input-inline { float:left; width:190px; margin-right:10px } .layui-form-text .layui-input-inline { width:auto } .layui-form-mid { float:left; display:block; padding:9px 0!important; line-height:20px; margin-right:10px } .layui-form-danger+.layui-form-select .layui-input, .layui-form-danger:focus { border-color:#FF5722!important } .layui-form-select .layui-input { padding-right:30px; cursor:pointer } .layui-form-select .layui-edge { position:absolute; right:10px; top:50%; margin-top:-3px; cursor:pointer; border-width:6px; border-top-color:#c2c2c2; border-top-style:solid; transition:all .3s; -webkit-transition:all .3s } .layui-form-select dl { display:none; position:absolute; left:0; top:42px; padding:5px 0; z-index:999; min-width:100%; border:1px solid #d2d2d2; max-height:300px; overflow-y:auto; background-color:#fff; border-radius:2px; box-shadow:0 2px 4px rgba(0, 0, 0, .12); box-sizing:border-box } .layui-form-select dl dd, .layui-form-select dl dt { padding:0 10px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .layui-form-select dl dt { font-size:12px; color:#999 } .layui-form-select dl dd { cursor:pointer } .layui-form-select dl dd:hover { background-color:#f2f2f2 } .layui-form-select .layui-select-group dd { padding-left:20px } .layui-form-select dl dd.layui-select-tips { padding-left:10px!important; color:#999 } .layui-form-select dl dd.layui-this { background-color:#5FB878; color:#fff } .layui-form-checkbox, .layui-form-select dl dd.layui-disabled { background-color:#fff } .layui-form-selected dl { display:block } .layui-form-checkbox, .layui-form-checkbox *, .layui-form-switch { display:inline-block; vertical-align:middle } .layui-form-selected .layui-edge { margin-top:-9px; -webkit-transform:rotate(180deg); transform:rotate(180deg); margin-top:-3px\9 } :root .layui-form-selected .layui-edge { margin-top:-9px\0/IE9 } .layui-form-selectup dl { top:auto; bottom:42px } .layui-select-none { margin:5px 0; text-align:center; color:#999 } .layui-select-disabled .layui-disabled { border-color:#eee!important } .layui-select-disabled .layui-edge { border-top-color:#d2d2d2 } .layui-form-checkbox { position:relative; height:30px; line-height:28px; margin-right:10px; padding-right:30px; border:1px solid #d2d2d2; cursor:pointer; font-size:0; border-radius:2px; -webkit-transition:.1s linear; transition:.1s linear; box-sizing:border-box } .layui-form-checkbox:hover { border:1px solid #c2c2c2 } .layui-form-checkbox span { padding:0 10px; height:100%; font-size:14px; background-color:#d2d2d2; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .layui-form-checkbox:hover span { background-color:#c2c2c2 } .layui-form-checkbox i { position:absolute; right:0; width:30px; color:#fff; font-size:20px; text-align:center } .layui-form-checkbox:hover i { color:#c2c2c2 } .layui-form-checked, .layui-form-checked:hover { border-color:#5FB878 } .layui-form-checked span, .layui-form-checked:hover span { background-color:#5FB878 } .layui-form-checked i, .layui-form-checked:hover i { color:#5FB878 } .layui-form-item .layui-form-checkbox { margin-top:4px } .layui-form-checkbox[lay-skin=primary] { height:auto!important; line-height:normal!important; border:none!important; margin-right:0; padding-right:0; background:0 0 } .layui-form-checkbox[lay-skin=primary] span { float:right; padding-right:15px; line-height:18px; background:0 0; color:#666 } .layui-form-checkbox[lay-skin=primary] i { position:relative; top:0; width:16px; height:16px; line-height:16px; border:1px solid #d2d2d2; font-size:12px; border-radius:2px; background-color:#fff; -webkit-transition:.1s linear; transition:.1s linear } .layui-form-checkbox[lay-skin=primary]:hover i { border-color:#5FB878; color:#fff } .layui-form-checked[lay-skin=primary] i { border-color:#5FB878; background-color:#5FB878; color:#fff } .layui-checkbox-disbaled[lay-skin=primary] span { background:0 0!important; color:#c2c2c2 } .layui-checkbox-disbaled[lay-skin=primary]:hover i { border-color:#d2d2d2 } .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top:10px } .layui-form-switch { position:relative; height:22px; line-height:22px; width:42px; padding:0 5px; margin-top:8px; border:1px solid #d2d2d2; border-radius:20px; cursor:pointer; background-color:#fff; -webkit-transition:.1s linear; transition:.1s linear } .layui-form-switch i { position:absolute; left:5px; top:3px; width:16px; height:16px; border-radius:20px; background-color:#d2d2d2; -webkit-transition:.1s linear; transition:.1s linear } .layui-form-switch em { position:absolute; right:5px; top:0; width:25px; padding:0!important; text-align:center!important; color:#999!important; font-style:normal!important; font-size:12px } .layui-form-onswitch { border-color:#5FB878; background-color:#5FB878 } .layui-form-onswitch i { left:32px; background-color:#fff } .layui-form-onswitch em { left:5px; right:auto; color:#fff!important } .layui-checkbox-disbaled { border-color:#e2e2e2!important } .layui-checkbox-disbaled span { background-color:#e2e2e2!important } .layui-checkbox-disbaled:hover i { color:#fff!important } [lay-radio] { display:none } .layui-form-radio, .layui-form-radio * { display:inline-block; vertical-align:middle } .layui-form-radio { line-height:28px; margin:6px 10px 0 0; padding-right:10px; cursor:pointer; font-size:0 } .layui-form-radio * { font-size:14px } .layui-form-radio>i { margin-right:8px; font-size:22px; color:#c2c2c2 } .layui-form-radio>i:hover, .layui-form-radioed>i { color:#5FB878 } .layui-radio-disbaled>i { color:#e2e2e2!important } .layui-form-pane .layui-form-label { width:110px; padding:8px 15px; height:38px; line-height:20px; border-width:1px; border-style:solid; border-radius:2px 0 0 2px; text-align:center; background-color:#FBFBFB; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box } .layui-form-pane .layui-input-inline { margin-left:-1px } .layui-form-pane .layui-input-block { margin-left:110px; left:-1px } .layui-form-pane .layui-input { border-radius:0 2px 2px 0 } .layui-form-pane .layui-form-text .layui-form-label { float:none; width:100%; border-radius:2px; box-sizing:border-box; text-align:left } .layui-form-pane .layui-form-text .layui-input-inline { display:block; margin:0; top:-1px; clear:both } .layui-form-pane .layui-form-text .layui-input-block { margin:0; left:0; top:-1px } .layui-form-pane .layui-form-text .layui-textarea { min-height:100px; border-radius:0 0 2px 2px } .layui-form-pane .layui-form-checkbox { margin:4px 0 4px 10px } .layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch { margin-top:6px; margin-left:10px } .layui-form-pane .layui-form-item[pane] { position:relative; border-width:1px; border-style:solid } .layui-form-pane .layui-form-item[pane] .layui-form-label { position:absolute; left:0; top:0; height:100%; border-width:0 1px 0 0 } .layui-form-pane .layui-form-item[pane] .layui-input-inline { margin-left:110px } @media screen and (max-width:450px) { .layui-form-item .layui-form-label { text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .layui-form-item .layui-inline { display:block; margin-right:0; margin-bottom:20px; clear:both } .layui-form-item .layui-inline:after { content:'\20'; clear:both; display:block; height:0 } .layui-form-item .layui-input-inline { display:block; float:none; left:-3px; width:auto; margin:0 0 10px 112px } .layui-form-item .layui-input-inline+.layui-form-mid { margin-left:110px; top:-5px; padding:0 } .layui-form-item .layui-form-checkbox { margin-right:5px; margin-bottom:5px } } .layui-layedit { border-width:1px; border-style:solid; border-radius:2px } .layui-layedit-tool { padding:3px 5px; border-bottom-width:1px; border-bottom-style:solid; font-size:0 } .layedit-tool-fixed { position:fixed; top:0; border-top:1px solid #e2e2e2 } .layui-layedit-tool .layedit-tool-mid, .layui-layedit-tool .layui-icon { display:inline-block; vertical-align:middle; text-align:center; font-size:14px } .layui-layedit-tool .layui-icon { position:relative; width:32px; height:30px; line-height:30px; margin:3px 5px; color:#777; cursor:pointer; border-radius:2px } .layui-layedit-tool .layui-icon:hover { color:#393D49 } .layui-layedit-tool .layui-icon:active { color:#000 } .layui-layedit-tool .layedit-tool-active { background-color:#e2e2e2; color:#000 } .layui-layedit-tool .layui-disabled, .layui-layedit-tool .layui-disabled:hover { color:#d2d2d2; cursor:not-allowed } .layui-layedit-tool .layedit-tool-mid { width:1px; height:18px; margin:0 10px; background-color:#d2d2d2 } .layedit-tool-html { width:50px!important; font-size:30px!important } .layedit-tool-b, .layedit-tool-code, .layedit-tool-help { font-size:16px!important } .layedit-tool-d, .layedit-tool-face, .layedit-tool-image, .layedit-tool-unlink { font-size:18px!important } .layedit-tool-image input { position:absolute; font-size:0; left:0; top:0; width:100%; height:100%; opacity:.01; filter:Alpha(opacity=1); cursor:pointer } .layui-layedit-iframe iframe { display:block; width:100% } #LAY_layedit_code { overflow:hidden } .layui-laypage { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; margin:10px 0; font-size:0 } .layui-laypage>a:first-child, .layui-laypage>a:first-child em { border-radius:2px 0 0 2px } .layui-laypage>a:last-child, .layui-laypage>a:last-child em { border-radius:0 2px 2px 0 } .layui-laypage>:first-child { margin-left:0!important } .layui-laypage>:last-child { margin-right:0!important } .layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span { border:1px solid #e2e2e2 } .layui-laypage a, .layui-laypage span { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding:0 15px; height:28px; line-height:28px; margin:0 -1px 5px 0; background-color:#fff; color:#333; font-size:12px } .layui-laypage a:hover { color:#009688 } .layui-laypage em { font-style:normal } .layui-laypage .layui-laypage-spr { color:#999; font-weight:700 } .layui-laypage a { text-decoration:none } .layui-laypage .layui-laypage-curr { position:relative } .layui-laypage .layui-laypage-curr em { position:relative; color:#fff } .layui-laypage .layui-laypage-curr .layui-laypage-em { position:absolute; left:-1px; top:-1px; padding:1px; width:100%; height:100%; background-color:#009688 } .layui-laypage-em { border-radius:2px } .layui-laypage-next em, .layui-laypage-prev em { font-family:Sim sun; font-size:16px } .layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-skip { margin-left:10px; margin-right:10px; padding:0; border:none } .layui-laypage .layui-laypage-limits { vertical-align:top } .layui-laypage select { height:22px; padding:3px; border-radius:2px; cursor:pointer } .layui-laypage .layui-laypage-skip { height:30px; line-height:30px; color:#999 } .layui-laypage button, .layui-laypage input { height:30px; line-height:30px; border-radius:2px; vertical-align:top; background-color:#fff; box-sizing:border-box } .layui-laypage input { display:inline-block; width:40px; margin:0 10px; padding:0 3px; text-align:center } .layui-laypage input:focus, .layui-laypage select:focus { border-color:#009688!important } .layui-laypage button { margin-left:10px; padding:0 10px; cursor:pointer } .layui-table, .layui-table-view { margin:10px 0 } .layui-flow-more { margin:10px 0; text-align:center; color:#999; font-size:14px } .layui-flow-more a { height:32px; line-height:32px } .layui-flow-more a * { display:inline-block; vertical-align:top } .layui-flow-more a cite { padding:0 20px; border-radius:3px; background-color:#eee; color:#333; font-style:normal } .layui-flow-more a cite:hover { opacity:.8 } .layui-flow-more a i { font-size:30px; color:#737383 } .layui-table { width:100%; background-color:#fff; color:#666 } .layui-table tr { transition:all .3s; -webkit-transition:all .3s } .layui-table th { text-align:left; font-weight:400 } .layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table[lay-even] tr:nth-child(even) { background-color:#f2f2f2 } .layui-table td, .layui-table th, .layui-table-fixed-r, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] { border-width:1px; border-style:solid; border-color:#e6e6e6 } .layui-table td, .layui-table th { position:relative; padding:9px 15px; min-height:20px; line-height:20px; font-size:14px } .layui-table[lay-skin=line] td, .layui-table[lay-skin=line] th { border-width:0 0 1px } .layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th { border-width:0 1px 0 0 } .layui-table[lay-skin=nob] td, .layui-table[lay-skin=nob] th { border:none } .layui-table img { max-width:100px } .layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th { padding:15px 30px } .layui-table-view .layui-table[lay-size=lg] .layui-table-cell { height:40px; line-height:40px } .layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th { font-size:12px; padding:5px 10px } .layui-table-view .layui-table[lay-size=sm] .layui-table-cell { height:20px; line-height:20px } .layui-table[lay-data] { display:none } .layui-table-box, .layui-table-view { position:relative; overflow:hidden } .layui-table-view .layui-table { position:relative; width:auto; margin:0 } .layui-table-body, .layui-table-header .layui-table, .layui-table-page { margin-bottom:-1px } .layui-table-view .layui-table[lay-skin=line] { border-width:0 1px 0 0 } .layui-table-view .layui-table[lay-skin=row] { border-width:0 0 1px } .layui-table-view .layui-table td, .layui-table-view .layui-table th { padding:5px 0; border-top:none; border-left:none } .layui-table-view .layui-table td { cursor:default } .layui-table-view .layui-form-checkbox[lay-skin=primary] i { width:18px; height:18px } .layui-table-header { border-width:0 0 1px; overflow:hidden } .layui-table-sort { width:10px; height:20px; margin-left:5px; cursor:pointer!important } .layui-table-sort .layui-edge { position:absolute; left:5px; border-width:5px } .layui-table-sort .layui-table-sort-asc { top:4px; border-top:none; border-bottom-style:solid; border-bottom-color:#b2b2b2 } .layui-table-sort .layui-table-sort-asc:hover { border-bottom-color:#666 } .layui-table-sort .layui-table-sort-desc { bottom:4px; border-bottom:none; border-top-style:solid; border-top-color:#b2b2b2 } .layui-table-sort .layui-table-sort-desc:hover { border-top-color:#666 } .layui-table-sort[lay-sort=asc] .layui-table-sort-asc { border-bottom-color:#000 } .layui-table-sort[lay-sort=desc] .layui-table-sort-desc { border-top-color:#000 } .layui-table-cell { height:28px; line-height:28px; padding:0 15px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box } .layui-table-cell .layui-form-checkbox[lay-skin=primary] { top:-1px; vertical-align:middle } .layui-table-cell .layui-table-link { color:#01AAED } .laytable-cell-checkbox, .laytable-cell-numbers, .laytable-cell-space { padding:0; text-align:center } .layui-table-body { position:relative; overflow:auto; margin-right:-1px } .layui-table-body .layui-none { line-height:40px; text-align:center; color:#999 } .layui-table-fixed { position:absolute; left:0; top:0 } .layui-table-fixed .layui-table-body { overflow:hidden } .layui-table-fixed-l { box-shadow:0 -1px 8px rgba(0, 0, 0, .08) } .layui-table-fixed-r { left:auto; right:-1px; border-width:0 0 0 1px; box-shadow:-1px 0 8px rgba(0, 0, 0, .08) } .layui-table-fixed-r .layui-table-header { position:relative; overflow:visible } .layui-table-mend { position:absolute; right:-49px; top:0; height:100%; width:50px } .layui-table-tool { position:relative; width:100%; height:50px; line-height:30px; padding:10px 15px; border-width:0 0 1px } .layui-table-page { position:relative; width:100%; padding:7px 7px 0; border-width:1px 0 0; height:41px; font-size:12px } .layui-table-page>div { height:26px } .layui-table-page .layui-laypage { margin:0 } .layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span { height:26px; line-height:26px; margin-bottom:10px; border:none; background:0 0 } .layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr { padding:0 12px } .layui-table-page .layui-laypage span { margin-left:0; padding:0 } .layui-table-page .layui-laypage .layui-laypage-prev { margin-left:-7px!important } .layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em { left:0; top:0; padding:0 } .layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input { height:26px; line-height:26px } .layui-table-page .layui-laypage input { width:40px } .layui-table-page .layui-laypage button { padding:0 10px } .layui-table-page select { height:18px } .layui-table-view select[lay-ignore] { display:inline-block } .layui-table-patch .layui-table-cell { padding:0; width:30px } .layui-table-edit { position:absolute; left:0; top:0; width:100%; height:100%; padding:0 14px 1px; border-radius:0; box-shadow:1px 1px 20px rgba(0, 0, 0, .15) } .layui-table-edit:focus { border-color:#5FB878!important } select.layui-table-edit { padding:0 0 0 10px; border-color:#C9C9C9 } .layui-table-view .layui-form-checkbox, .layui-table-view .layui-form-radio, .layui-table-view .layui-form-switch { top:0; margin:0; box-sizing:content-box } .layui-table-view .layui-form-checkbox { top:-1px; height:26px; line-height:26px } body .layui-table-tips .layui-layer-content { background:0 0; padding:0; box-shadow:0 1px 6px rgba(0, 0, 0, .1) } .layui-table-tips-main { margin:-44px 0 0 -1px; max-height:150px; padding:8px 15px; font-size:14px; overflow-y:scroll; background-color:#fff; color:#333 } .layui-code, .layui-upload-list { margin:10px 0 } .layui-table-tips-c { position:absolute; right:-3px; top:-12px; width:18px; height:18px; padding:3px; text-align:center; font-weight:700; border-radius:100%; font-size:14px; cursor:pointer; background-color:#666 } .layui-table-tips-c:hover { background-color:#999 } .layui-upload-file { display:none!important; opacity:.01; filter:Alpha(opacity=1) } .layui-upload-drag, .layui-upload-form, .layui-upload-wrap { display:inline-block } .layui-upload-choose { padding:0 10px; color:#999 } .layui-upload-drag { position:relative; padding:30px; border:1px dashed #e2e2e2; background-color:#fff; text-align:center; cursor:pointer; color:#999 } .layui-upload-drag .layui-icon { font-size:50px; color:#009688 } .layui-upload-drag[lay-over] { border-color:#009688 } .layui-upload-iframe { position:absolute; width:0; height:0; border:0; visibility:hidden } .layui-upload-wrap { position:relative; vertical-align:middle } .layui-upload-wrap .layui-upload-file { display:block!important; position:absolute; left:0; top:0; z-index:10; font-size:100px; width:100%; height:100%; opacity:.01; filter:Alpha(opacity=1); cursor:pointer } .layui-code { position:relative; padding:15px; line-height:20px; border:1px solid #ddd; border-left-width:6px; background-color:#F2F2F2; color:#333; font-family:Courier New; font-size:12px } .layui-tree { line-height:26px } .layui-tree li { text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .layui-tree li .layui-tree-spread, .layui-tree li a { display:inline-block; vertical-align:top; height:26px; *display:inline; *zoom:1; cursor:pointer } .layui-tree li a { font-size:0 } .layui-tree li a i { font-size:16px } .layui-tree li a cite { padding:0 6px; font-size:14px; font-style:normal } .layui-tree li i { padding-left:6px; color:#333; -moz-user-select:none } .layui-tree li .layui-tree-check { font-size:13px } .layui-tree li .layui-tree-check:hover { color:#009E94 } .layui-tree li ul { display:none; margin-left:20px } .layui-tree li .layui-tree-enter { line-height:24px; border:1px dotted #000 } .layui-tree-drag { display:none; position:absolute; left:-666px; top:-666px; background-color:#f2f2f2; padding:5px 10px; border:1px dotted #000; white-space:nowrap } .layui-tree-drag i { padding-right:5px } .layui-nav { position:relative; padding:0 20px; background-color:#393D49; color:#fff; border-radius:2px; font-size:0; box-sizing:border-box } .layui-nav * { font-size:14px } .layui-nav .layui-nav-item { position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; line-height:60px } .layui-nav .layui-nav-item a { display:block; padding:0 20px; color:#fff; color:rgba(255, 255, 255, .7); transition:all .3s; -webkit-transition:all .3s } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { position:absolute; left:0; top:0; width:0; height:5px; background-color:#5FB878; transition:all .2s; -webkit-transition:all .2s } .layui-nav-bar { z-index:1000 } .layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a { color:#fff } .layui-nav .layui-this:after { content:''; top:auto; bottom:0; width:100% } .layui-nav-img { width:30px; height:30px; margin-right:10px; border-radius:50% } .layui-nav .layui-nav-more { content:''; width:0; height:0; border-style:solid dashed dashed; border-color:#fff transparent transparent; overflow:hidden; cursor:pointer; transition:all .2s; -webkit-transition:all .2s; position:absolute; top:50%; right:3px; margin-top:-3px; border-width:6px; border-top-color:rgba(255, 255, 255, .7) } .layui-nav .layui-nav-mored, .layui-nav-itemed>a .layui-nav-more { margin-top:-9px; border-style:dashed dashed solid; border-color:transparent transparent #fff } .layui-nav-child { display:none; position:absolute; left:0; top:65px; min-width:100%; line-height:36px; padding:5px 0; box-shadow:0 2px 4px rgba(0, 0, 0, .12); border:1px solid #d2d2d2; background-color:#fff; z-index:100; border-radius:2px; white-space:nowrap } .layui-nav .layui-nav-child a { color:#333 } .layui-nav .layui-nav-child a:hover { background-color:#f2f2f2; color:#000 } .layui-nav-child dd { position:relative } .layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this { background-color:#5FB878; color:#fff } .layui-nav-child dd.layui-this:after { display:none } .layui-nav-tree { width:200px; padding:0 } .layui-nav-tree .layui-nav-item { display:block; width:100%; line-height:45px } .layui-nav-tree .layui-nav-item a { position:relative; height:45px; line-height:45px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .layui-nav-tree .layui-nav-item a:hover { background-color:#4E5465 } .layui-nav-tree .layui-nav-bar { width:5px; height:0; background-color:#009688 } .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover { background-color:#009688; color:#fff } .layui-nav-tree .layui-this:after { display:none } .layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover { color:#fff!important } .layui-nav-tree .layui-nav-child { position:relative; z-index:0; top:0; border:none; box-shadow:none } .layui-nav-tree .layui-nav-child a { height:40px; line-height:40px; color:#fff; color:rgba(255, 255, 255, .7) } .layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover { background:0 0; color:#fff } .layui-nav-tree .layui-nav-more { right:10px } .layui-nav-itemed>.layui-nav-child { display:block; padding:0; background-color:rgba(0, 0, 0, .3)!important } .layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child { display:block } .layui-nav-side { position:fixed; top:0; bottom:0; left:0; overflow-x:hidden; z-index:999 } .layui-bg-blue .layui-nav-bar, .layui-bg-blue .layui-nav-itemed:after, .layui-bg-blue .layui-this:after { background-color:#93D1FF } .layui-bg-blue .layui-nav-child dd.layui-this { background-color:#1E9FFF } .layui-bg-blue .layui-nav-itemed>a, .layui-nav-tree.layui-bg-blue .layui-nav-title a, .layui-nav-tree.layui-bg-blue .layui-nav-title a:hover { background-color:#007DDB!important } .layui-breadcrumb { visibility:hidden; font-size:0 } .layui-breadcrumb>* { font-size:14px } .layui-breadcrumb a { color:#999!important } .layui-breadcrumb a:hover { color:#5FB878!important } .layui-breadcrumb a cite { color:#666; font-style:normal } .layui-breadcrumb span[lay-separator] { margin:0 10px; color:#999 } .layui-tab { margin:10px 0; text-align:left!important } .layui-tab[overflow]>.layui-tab-title { overflow:hidden } .layui-tab-title { position:relative; left:0; height:40px; white-space:nowrap; font-size:0; border-bottom-width:1px; border-bottom-style:solid; transition:all .2s; -webkit-transition:all .2s } .layui-tab-title li { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:14px; transition:all .2s; -webkit-transition:all .2s; position:relative; line-height:40px; min-width:65px; padding:0 15px; text-align:center; cursor:pointer } .layui-tab-title li a { display:block } .layui-tab-title .layui-this { color:#000 } .layui-tab-title .layui-this:after { position:absolute; left:0; top:0; content:''; width:100%; height:41px; border-width:1px; border-style:solid; border-bottom-color:#fff; border-radius:2px 2px 0 0; box-sizing:border-box; pointer-events:none } .layui-tab-bar { position:absolute; right:0; top:0; z-index:10; width:30px; height:39px; line-height:39px; border-width:1px; border-style:solid; border-radius:2px; text-align:center; background-color:#fff; cursor:pointer } .layui-tab-bar .layui-icon { position:relative; display:inline-block; top:3px; transition:all .3s; -webkit-transition:all .3s } .layui-tab-item { display:none } .layui-tab-more { padding-right:30px; height:auto!important; white-space:normal!important } .layui-tab-more li.layui-this:after { border-bottom-color:#e2e2e2; border-radius:2px } .layui-tab-more .layui-tab-bar .layui-icon { top:-2px; top:3px\9; -webkit-transform:rotate(180deg); transform:rotate(180deg) } :root .layui-tab-more .layui-tab-bar .layui-icon { top:-2px\0/IE9 } .layui-tab-content { padding:10px } .layui-tab-title li .layui-tab-close { position:relative; display:inline-block; width:18px; height:18px; line-height:20px; margin-left:8px; top:1px; text-align:center; font-size:14px; color:#c2c2c2; transition:all .2s; -webkit-transition:all .2s } .layui-tab-title li .layui-tab-close:hover { border-radius:2px; background-color:#FF5722; color:#fff } .layui-tab-brief>.layui-tab-title .layui-this { color:#009688 } .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { border:none; border-radius:0; border-bottom:2px solid #5FB878 } .layui-tab-brief[overflow]>.layui-tab-title .layui-this:after { top:-1px } .layui-tab-card { border-width:1px; border-style:solid; border-radius:2px; box-shadow:0 2px 5px 0 rgba(0, 0, 0, .1) } .layui-tab-card>.layui-tab-title { background-color:#f2f2f2 } .layui-tab-card>.layui-tab-title li { margin-right:-1px; margin-left:-1px } .layui-tab-card>.layui-tab-title .layui-this { background-color:#fff } .layui-tab-card>.layui-tab-title .layui-this:after { border-top:none; border-width:1px; border-bottom-color:#fff } .layui-tab-card>.layui-tab-title .layui-tab-bar { height:40px; line-height:40px; border-radius:0; border-top:none; border-right:none } .layui-tab-card>.layui-tab-more .layui-this { background:0 0; color:#5FB878 } .layui-tab-card>.layui-tab-more .layui-this:after { border:none } .layui-timeline { padding-left:5px } .layui-timeline-item { position:relative; padding-bottom:20px } .layui-timeline-axis { position:absolute; left:-5px; top:0; z-index:10; width:20px; height:20px; line-height:20px; background-color:#fff; color:#5FB878; border-radius:50%; text-align:center; cursor:pointer } .layui-timeline-axis:hover { color:#FF5722 } .layui-timeline-item:before { content:''; position:absolute; left:5px; top:0; z-index:0; width:1px; height:100% } .layui-timeline-item:last-child:before { display:none } .layui-timeline-item:first-child:before { display:block } .layui-timeline-content { padding-left:25px } .layui-timeline-title { position:relative; margin-bottom:10px } .layui-badge, .layui-badge-dot, .layui-badge-rim { position:relative; display:inline-block; padding:0 6px; font-size:12px; text-align:center; background-color:#FF5722; color:#fff; border-radius:2px } .layui-badge { height:18px; line-height:18px } .layui-badge-dot { width:8px; height:8px; padding:0; border-radius:50% } .layui-badge-rim { height:18px; line-height:18px; border-width:1px; border-style:solid; background-color:#fff; color:#666 } .layui-btn .layui-badge, .layui-btn .layui-badge-dot { margin-left:5px } .layui-nav .layui-badge, .layui-nav .layui-badge-dot { position:absolute; top:50%; margin:-8px 6px 0 } .layui-tab-title .layui-badge, .layui-tab-title .layui-badge-dot { left:5px; top:-2px } .layui-carousel { position:relative; left:0; top:0; background-color:#f8f8f8 } .layui-carousel>[carousel-item] { position:relative; width:100%; height:100%; overflow:hidden } .layui-carousel>[carousel-item]:before { position:absolute; content:'\e63d'; left:50%; top:50%; width:100px; line-height:20px; margin:-10px 0 0 -50px; text-align:center; color:#c2c2c2; font-family:layui-icon!important; font-size:30px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .layui-carousel>[carousel-item]>* { display:none; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f8f8f8; transition-duration:.3s; -webkit-transition-duration:.3s } .layui-carousel-updown>* { -webkit-transition:.3s ease-in-out up; transition:.3s ease-in-out up } .layui-carousel-arrow { display:none\9; opacity:0; position:absolute; left:10px; top:50%; margin-top:-18px; width:36px; height:36px; line-height:36px; text-align:center; font-size:20px; border:0; border-radius:50%; background-color:rgba(0, 0, 0, .2); color:#fff; -webkit-transition-duration:.3s; transition-duration:.3s; cursor:pointer } .layui-carousel-arrow[lay-type=add] { left:auto!important; right:10px } .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] { right:20px } .layui-carousel[lay-arrow=always] .layui-carousel-arrow { opacity:1; left:20px } .layui-carousel[lay-arrow=none] .layui-carousel-arrow { display:none } .layui-carousel-arrow:hover, .layui-carousel-ind ul:hover { background-color:rgba(0, 0, 0, .35) } .layui-carousel:hover .layui-carousel-arrow { display:block\9; opacity:1; left:20px } .layui-carousel-ind { position:relative; top:-35px; width:100%; line-height:0!important; text-align:center; font-size:0 } .layui-carousel[lay-indicator=outside] { margin-bottom:30px } .layui-carousel[lay-indicator=outside] .layui-carousel-ind { top:10px } .layui-carousel[lay-indicator=outside] .layui-carousel-ind ul { background-color:rgba(0, 0, 0, .5) } .layui-carousel[lay-indicator=none] .layui-carousel-ind { display:none } .layui-carousel-ind ul { display:inline-block; padding:5px; background-color:rgba(0, 0, 0, .2); border-radius:10px; -webkit-transition-duration:.3s; transition-duration:.3s } .layui-carousel-ind li { display:inline-block; width:10px; height:10px; margin:0 3px; font-size:14px; background-color:#e2e2e2; background-color:rgba(255, 255, 255, .5); border-radius:50%; cursor:pointer; -webkit-transition-duration:.3s; transition-duration:.3s } .layui-carousel-ind li:hover { background-color:rgba(255, 255, 255, .7) } .layui-carousel-ind li.layui-this { background-color:#fff } .layui-carousel>[carousel-item]>.layui-carousel-next, .layui-carousel>[carousel-item]>.layui-carousel-prev, .layui-carousel>[carousel-item]>.layui-this { display:block } .layui-carousel>[carousel-item]>.layui-this { left:0 } .layui-carousel>[carousel-item]>.layui-carousel-prev { left:-100% } .layui-carousel>[carousel-item]>.layui-carousel-next { left:100% } .layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left, .layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right { left:0 } .layui-carousel>[carousel-item]>.layui-this.layui-carousel-left { left:-100% } .layui-carousel>[carousel-item]>.layui-this.layui-carousel-right { left:100% } .layui-carousel[lay-anim=updown] .layui-carousel-arrow { left:50%!important; top:20px; margin:0 0 0 -18px } .layui-carousel[lay-anim=updown]>[carousel-item]>*, .layui-carousel[lay-anim=fade]>[carousel-item]>* { left:0!important } .layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] { top:auto!important; bottom:20px } .layui-carousel[lay-anim=updown] .layui-carousel-ind { position:absolute; top:50%; right:20px; width:auto; height:auto } .layui-carousel[lay-anim=updown] .layui-carousel-ind ul { padding:3px 5px } .layui-carousel[lay-anim=updown] .layui-carousel-ind li { display:block; margin:6px 0 } .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this { top:0 } .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev { top:-100% } .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next { top:100% } .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left, .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right { top:0 } .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left { top:-100% } .layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right { top:100% } .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next, .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev { opacity:0 } .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left, .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right { opacity:1 } .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left, .layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right { opacity:0 } .layui-fixbar { position:fixed; right:15px; bottom:15px; z-index:9999 } .layui-fixbar li { width:50px; height:50px; line-height:50px; margin-bottom:1px; text-align:center; cursor:pointer; font-size:30px; background-color:#9F9F9F; color:#fff; border-radius:2px; opacity:.95 } .layui-fixbar li:hover { opacity:.85 } .layui-fixbar li:active { opacity:1 } .layui-fixbar .layui-fixbar-top { display:none; font-size:40px } body .layui-util-face { border:none; background:0 0 } body .layui-util-face .layui-layer-content { padding:0; background-color:#fff; color:#666; box-shadow:none } .layui-util-face .layui-layer-TipsG { display:none } .layui-util-face ul { position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow:0 0 20px rgba(0, 0, 0, .2) } .layui-util-face ul li { cursor:pointer; float:left; border:1px solid #e8e8e8; height:22px; width:26px; overflow:hidden; margin:-1px 0 0 -1px; padding:4px 2px; text-align:center } .layui-util-face ul li:hover { position:relative; z-index:2; border:1px solid #eb7350; background:#fff9ec } .layui-anim { -webkit-animation-duration:.3s; animation-duration:.3s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .layui-anim.layui-icon { display:inline-block } .layui-anim-loop { -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } .layui-trans, .layui-trans a { transition:all .3s; -webkit-transition:all .3s } @-webkit-keyframes layui-rotate { from { -webkit-transform:rotate(0) } to { -webkit-transform:rotate(360deg) } } @keyframes layui-rotate { from { transform:rotate(0) } to { transform:rotate(360deg) } } .layui-anim-rotate { -webkit-animation-name:layui-rotate; animation-name:layui-rotate; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-timing-function:linear; animation-timing-function:linear } @-webkit-keyframes layui-up { from { -webkit-transform:translate3d(0, 100%, 0); opacity:.3 } to { -webkit-transform:translate3d(0, 0, 0); opacity:1 } } @keyframes layui-up { from { transform:translate3d(0, 100%, 0); opacity:.3 } to { transform:translate3d(0, 0, 0); opacity:1 } } .layui-anim-up { -webkit-animation-name:layui-up; animation-name:layui-up } @-webkit-keyframes layui-upbit { from { -webkit-transform:translate3d(0, 30px, 0); opacity:.3 } to { -webkit-transform:translate3d(0, 0, 0); opacity:1 } } @keyframes layui-upbit { from { transform:translate3d(0, 30px, 0); opacity:.3 } to { transform:translate3d(0, 0, 0); opacity:1 } } .layui-anim-upbit { -webkit-animation-name:layui-upbit; animation-name:layui-upbit } @-webkit-keyframes layui-scale { 0% { opacity:.3; -webkit-transform:scale(.5) } 100% { opacity:1; -webkit-transform:scale(1) } } @keyframes layui-scale { 0% { opacity:.3; -ms-transform:scale(.5); transform:scale(.5) } 100% { opacity:1; -ms-transform:scale(1); transform:scale(1) } } .layui-anim-scale { -webkit-animation-name:layui-scale; animation-name:layui-scale } @-webkit-keyframes layui-scale-spring { 0% { opacity:.5; -webkit-transform:scale(.5) } 80% { opacity:.8; -webkit-transform:scale(1.1) } 100% { opacity:1; -webkit-transform:scale(1) } } @keyframes layui-scale-spring { 0% { opacity:.5; transform:scale(.5) } 80% { opacity:.8; transform:scale(1.1) } 100% { opacity:1; transform:scale(1) } } .layui-anim-scaleSpring { -webkit-animation-name:layui-scale-spring; animation-name:layui-scale-spring } @-webkit-keyframes layui-fadein { 0% { opacity:0 } 100% { opacity:1 } } @keyframes layui-fadein { 0% { opacity:0 } 100% { opacity:1 } } .layui-anim-fadein { -webkit-animation-name:layui-fadein; animation-name:layui-fadein } @-webkit-keyframes layui-fadeout { 0% { opacity:1 } 100% { opacity:0 } } @keyframes layui-fadeout { 0% { opacity:1 } 100% { opacity:0 } } .layui-anim-fadeout { -webkit-animation-name:layui-fadeout; animation-name:layui-fadeout } /* 重置 */ a{color: #fff;} a:hover{color: #fff;} .mt_45{ margin-top:45px !important; } .login-box .form-control{border:0;border-bottom:1px solid #b2b5bb;background: transparent;border-radius: 0;height: auto;padding: 15px;color: #fff;} .login-box .form-control, .form-control:focus{-webkit-box-shadow: none;box-shadow:none;} .login-box .form-control:focus{border-color: #3388ff;} input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;} /* Input placeholder font color 占位符输入字体颜色 */ .login-box .form-control::-moz-placeholder { color: #fff; opacity: 1; } /*Firefox*/ .login-box .form-control:-ms-input-placeholder { color: #fff; } /*IE*/ .login-box .form-control::-webkit-input-placeholder { color: #fff; } /*Chrome/Safari*/ .login-box .input-group-addon{border:0;border-radius: 0;background: transparent;color: #fff;border-bottom: 1px #fff solid;padding: 0 12px;} .login-box .btn{border-radius: 48px;font-size: 16px;background: #3388ff;color: #fff;margin:20px 0;} .login-box .btn:hover{color: #fff;background: #66a6ff;} .login-box .btn:focus{background: #006aff;} .login-box .btn.disabled{background: #c2dbff;opacity: 1;} .login-box .code-btn { margin:0; height: 38px; line-height: 38px; } .login-box .iconfont{font-size: 24px;color: #ccc;} /* 登录 */ .login-bg{background: url(../../dist/images/login/login-bg.jpg) center center no-repeat;width:100%;height:100%;background-size: cover;width: 100%;height: 100%;position: fixed;padding: 10% 0;} .login-box{width: 335px;margin:0 auto;color: #fff;} .login-title{font-size: 24px;position: absolute;left: 2%;top: 5%;} .login-title span{padding:0 15px;} .login-title .line{border-right: 1px #fff solid;} .login-logo{text-align: center;margin-bottom: 40px;} .login-logo img{border-radius: 100%;width: 128px;height: 128px;} .login-group, .code-group{position: relative;} .login-group .form-control{padding-left: 60px;} .icon-addon, .icon-eye, .icon-code, .icon-close{position: absolute;} .icon-addon{left:20px;top:10px;} .icon-eye, .icon-close{right:0;top:10px;cursor: pointer;} .icon-eye .iconfont:hover,.icon-close .iconfont:hover{color: #3388ff;} .icon-code{right:0;top:0;} .code-group .form-control{padding-right: 110px;} .forgot-password{text-align: center;opacity: 0.6;filter:Alpha(opacity=60);font-size: 12px;} .forgot-password .go-back{border-right: 1px #fff solid;padding-right: 10px;margin-right: 10px;} .forgot-password .text-info {color: #3388ff !important; } .login-footer{position: absolute;left: 0;bottom:0;text-align: center;width:100%;background: #081829;padding: 15px;} .login-footer a{margin-right: 20px;} .login-box button.login-btn { width: 100%; height: 41px; line-height: 41px; border-radius: 48px; font-size: 16px; background: #3388ff; color: #fff; margin: 20px 0; } .login-box div.form-group { margin: 0 0 15px; } /* 错误提示 */ .error-group .form-control{color: #ff4444;border-color: #ff4444;} .error-group .icon-addon .iconfont{color: #ff4444 !important;} .error-tip{color: #ff4444;padding: 10px 0;text-align: center;} @media (max-width: 768px){ .login-bg{padding: 15% 0;} .login-box{width: 90%;} .login-title{position:static;text-align: center;display: none;} /* .login-logo img{width: 90px;height: 90px;} */ .login-logo{margin-bottom: 20px;} .login-footer{display: none;} } @media (max-width: 320px){ .login-bg{ padding: 5% 0;} } @media (max-width:991px) { /* .login-bg{padding: 12% 0;} */ .login-title{left:50%;margin-left: -227px;top:3%;} } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1051; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1052; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* ====== Newspaper effect ====== */ .mfp-newspaper { /* start state */ /* animate in */ /* animate out */ } .mfp-newspaper .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.5s; transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-newspaper.mfp-removing .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-horizontal effect ====== */ .mfp-move-horizontal { /* start state */ /* animate in */ /* animate out */ } .mfp-move-horizontal .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); } .mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 0.3s; } .mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-horizontal.mfp-removing .mfp-with-anim { transform: translateX(50px); opacity: 0; } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-from-top effect ====== */ .mfp-move-from-top { /* start state */ /* animate in */ /* animate out */ } .mfp-move-from-top .mfp-content { vertical-align: top; } .mfp-move-from-top .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); } .mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; } .mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); } .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateY(-50px); opacity: 0; } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; } /* ====== 3d unfold ====== */ .mfp-3d-unfold { /* start state */ /* animate in */ /* animate out */ } .mfp-3d-unfold .mfp-content { perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; } /* ====== Zoom-out effect ====== */ .mfp-zoom-out { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } /* ====== "Hinge" close effect ====== */ @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { animation-duration: 1s; animation-name: hinge; } .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg { opacity: 0; transition: opacity 0.5s ease-out; } .mfp-with-fade.mfp-ready .mfp-content { opacity: 1; } .mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; } .white-popup-block{ background: #FFF; padding: 20px 30px; text-align: left; max-width: 650px; margin: 40px auto; position: relative;} .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } .erp-table-box { position: relative; /*width: 100%;*/ overflow: hidden; } .erp-table-border { border: 1px #e6e6e6 solid; } .erp-table-box table { display: block; table-layout: fixed; border-collapse: collapse; border-spacing: 0; border-collapse: separate; } .erp-table-box table thead tr th { padding: 2px 0px; box-sizing: border-box; line-height: 26px; font-weight: normal; -webkit-tap-highlight-color: inherit; } .erp-table-box table thead tr th > div { padding: 0 10px; height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } .erp-table-box table thead tr th { border-right: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; } .erp-table-box table thead tr th span { display: inline-block; white-space: nowrap; font-weight: bolder; } .erp-table-box table thead tr th.gutter { padding: 0; } .erp-table-box table thead tr th em.table-sort-icon-box i { font-size: 13px; margin: 0 -2px;} .erp-table-box table thead tr th em.table-sort-icon-box i.active { color: #3388ff; font-weight: bolder; } .erp-table-box table tbody tr:nth-child(odd) { background: #FFF;} .erp-table-box table tbody tr:nth-child(even) { background: #f5f5f5;} .erp-table-box table tbody tr:hover { background: #F2F2F2; } .erp-table-box table tbody tr.erp-tr-hover { background: #F5F5F5; } .erp-table-box table tbody tr td > div { padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } .erp-table-box table tbody tr td > div input { padding: 2px 3px; line-height: 1.8; } .erp-table-box table tbody tr td > div input.tabInput2 { padding: 2px 10px;} .erp-table-box table tbody tr td > div.erp-table-input-box div.form-group { display: none; } .erp-table-box table tbody tr td > div.erp-table-input-box:hover div.form-group { display: block } .erp-table-box table tbody tr td > div.erp-table-input-box:hover div.erp-table-input-show-value { display: none; } .erp-table-box table tbody tr td > div.table-cover-box { position: relative; overflow: inherit;} .erp-table-box table tbody tr td > div.table-cover-box > img { margin-top: -5px; } .erp-table-box table tbody tr td > div.table-cover-box img.table-large-img { display: none; position: absolute; left: 72px; padding:5px; border: solid 1px #CCC; background: #FFF; z-index: 1;} .erp-table-box table tbody tr td > div.table-cover-box:hover img.table-large-img { display: block; } .erp-table-box table tbody tr td .iconfont { display: inline-block; margin-top: -3px; line-height: 1; } .erp-table-box table tbody tr td i.erp-icon-labelbiaoqian { font-size: 22px; } .erp-table-box table tbody tr td { box-sizing: border-box; line-height: 26px; } .erp-table-box table tbody tr td { text-overflow: ellipsis; white-space: normal; word-break: break-all; } .erp-table-box table tbody tr td { border-right: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; } .erp-table-box div.erp-table-head { overflow: inherit; } .erp-table-box div.erp-table-fixed-right { position: relative; } .erp-table-box div.erp-table-fixed-right span.scroll-mask { display: block; position: absolute; top: 0; height: 50px; background: #F2F2F2; } .erp-table-box div.erp-table-fixed-right-footer-mask { position: absolute; right: 0; bottom: 0;} .erp-table-box div.erp-table-fixed-right-footer-mask-inner { position: relative; } .erp-table-box div.erp-table-fixed-right-footer-mask-inner span.scroll-mask { display: none; position: absolute; right: 0; bottom: 0; height: 51px; background: #F2F2F2; border-top: 1px #e6e6e6 solid; border-bottom: 1px #e6e6e6 solid; } .erp-table-box div.erp-table-fixed-left-body, .erp-table-box div.erp-table-fixed-right-body, .erp-table-box div.erp-table-fixed-left-footer, .erp-table-box div.erp-table-fixed-right-footer { overflow: hidden; } .erp-table-box div.erp-table-head, .erp-table-box div.erp-table-fixed-left-head, .erp-table-box div.erp-table-fixed-right-head { background: #e8e9eb;} .erp-table-box div.erp-table-footer tr:first-child , .erp-table-box div.erp-table-fixed-left-footer tr:first-child , .erp-table-box div.erp-table-fixed-right-footer tr:first-child { box-shadow: 0px -4px 8px rgba(0,0,0,.08); } .erp-table-box div.erp-table-footer tr:last-child td, .erp-table-box div.erp-table-fixed-left-footer tr:last-child td, .erp-table-box div.erp-table-fixed-right-footer tr:last-child td { border-bottom-width: 0; } .erp-table-box div.scroll-y { overflow-y: scroll; overflow-x: hidden; } .erp-table-box div.scroll-x { overflow-x: scroll; } .erp-table-box div.erp-table-fixed-left, .erp-table-box div.erp-table-fixed-right, .erp-table-box div.erp-table-fixed-left-footer, .erp-table-box div.erp-table-fixed-right-footer { display: none; } .erp-table-box div.erp-table-fixed-left-body, .erp-table-box div.erp-table-fixed-right-body, .erp-table-box div.erp-table-fixed-right-footer, .erp-table-box div.erp-table-fixed-right-footer { overflow: hidden; } .erp-table-box div.erp-table-cancel-bottom-width tr:last-child td, .erp-table-box div.erp-table-fixed-left-body tr:last-child td, .erp-table-box div.erp-table-fixed-right-body tr:last-child td { border-bottom-width: 0;} .erp-table-box div.erp-table-fixed-left, .erp-table-box div.erp-table-fixed-right { width: auto; position: absolute; top: 0; box-shadow: 0 -1px 8px rgba(0,0,0,.08); } .erp-table-box div.erp-table-fixed-left { left: 0; z-index: 9; } .erp-table-box div.erp-table-fixed-right { right: 0; z-index: 9; } .erp-table-box div.erp-table-fixed-left-footer, .erp-table-box div.erp-table-fixed-right-footer { width: auto; position: absolute; bottom: 0; box-shadow: 0 -1px 8px rgba(0,0,0,.08); } .erp-table-box div.erp-table-fixed-left-footer { left: 0; } .erp-table-box div.erp-table-fixed-right-footer { right: 0; } .erp-table-box label.el-checkbox { margin-bottom: 0; } .erp-table-box div.erp-table-tips { position: absolute; top: 0; left: 0; box-shadow: 0 1px 6px rgba(0,0,0,.1); z-index: 2} .erp-table-box div.erp-table-tips div.erp-table-tips-inner { position: relative; padding: 12px 10px; line-height: 25px; background: #FFF; } .erp-table-box div.erp-table-tips div.erp-table-tips-content { word-wrap: break-word; } .erp-table-box div.erp-table-tips span.erp-table-tips-close { display: block; position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; } .erp-table-box div.erp-table-tips span.erp-table-tips-close { color: #FFF; font-weight: normal; text-align: center; line-height: 24px; border-radius: 24px; background-color: #666; } .erp-table-box .iconfont { font-size: 24px; cursor: pointer; } .erp-table-box .erp-icon-search, .erp-table-box .erp-icon-set, .erp-table-box .erp-icon-plus-set { color: #3388ff; } .erp-table-box .erp-icon-porderaudit, .erp-table-box .erp-icon-ruku, .erp-table-box .erp-icon-chuku { font-size: 22px; } .erp-table-box i.colunm-up, .erp-table-box i.colunm-down, .erp-table-box i.disabled { font-size: 24px;} .erp-table-box i.colunm-up:active, .erp-table-box i.colunm-down:active { color: #66afe9; } .erp-table-box i.disabled { cursor: not-allowed; color: #ccc!important;} .erp-table-box i.disabled:active { color: #ccc; } .erp-table-box i.erp-icon-peihuo { font-size: 22px; } .erp-table-box span.erp-tabel-tips { display: none; position: absolute; left: 3px; bottom: -25px; background: #FFF; border: solid 1px #CCC; padding: 2px 10px; border-radius: 3px; z-index: 2;} .erp-table-box span.erp-tabel-tips { text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} .erp-table-box span.erp-tabel-tips em { display: block; position: relative; } .erp-table-box span.erp-tabel-tips i { position: absolute; top: -12px; left: 8px; border: solid 6px transparent; border-bottom-color: #ccc; } .erp-table-box em.table-question-mark-box { position: relative; margin-right: -1px; color: #F00; font-size: 16px; } .erp-table-box em.table-question-mark-box i.tips-main { display: none; position: absolute; bottom: -2px; right: 35px; background: #FFF; color: #000; font-size: 13px; line-height: 1; padding: 5px 8px; border-radius: 2px; box-shadow: 0px 4px 8px rgba(0,0,0,.08);} .erp-table-box em.table-question-mark-box i.tips-direction { display: none; position: absolute; bottom: 1px; right: 20px; border: solid 8px transparent; border-left-color: #FFF;} .erp-table-box em.table-question-mark-box:hover i.tips-main { display: block; } .erp-table-box em.table-question-mark-box:hover i.tips-direction { display: block; } .webuploader-container { position: relative; } .webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); } .webuploader-pick { position: relative; display: inline-block; cursor: pointer; background: #00b7ee; padding: 10px 15px; color: #fff; text-align: center; border-radius: 3px; overflow: hidden; } .webuploader-pick-hover { background: #00a2d4; } .webuploader-pick-disable { opacity: 0.6; pointer-events:none; }