锘? { font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "寰蒋闆呴粦", Arial, sans-serif; } body { color: #595959; background-color: #f5f7f9; } .layui-layout-body { overflow: auto; } .layui-layout-admin { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; -webkit-transition: left .3s, right .3s; transition: left .3s, right .3s; } /** header */ .layui-layout-admin .layui-header { position: absolute; top: 0; left: 0; right: 0; height: 50px; background-color: #fff; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .03); z-index: 999; } /* header logo */ .layui-layout-admin .layui-header .layui-logo { color: #ddd; width: 235px; line-height: 50px; background-color: #191a23; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .05); position: relative; vertical-align: top; white-space: nowrap; display: inline-block; -webkit-transition: width .3s; transition: width .3s; overflow: hidden; } .layui-layout-admin .layui-header .layui-logo img { height: 28px; vertical-align: middle; } .layui-layout-admin .layui-header .layui-logo cite { font-style: normal; vertical-align: middle; } /* header nav */ .layui-layout-admin .layui-header .layui-layout-left { padding: 0; vertical-align: top; display: inline-block; position: static !important; } .layui-layout-admin .layui-header .layui-layout-right { padding: 0; } .layui-layout-admin .layui-header .layui-nav .layui-this:after, .layui-layout-admin .layui-header .layui-nav-bar { height: 2px; top: 0 !important; background-color: #191a23; } .layui-layout-admin .layui-header .layui-nav .layui-nav-item { line-height: 50px; vertical-align: top; } .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child { top: 55px; left: -19px; } .layui-layout-admin .layui-header .layui-nav-item .layui-icon { font-size: 16px; } .layui-layout-admin .layui-header a { color: #595959; padding: 0 15px; cursor: pointer; } .layui-layout-admin .layui-header a:hover { color: #595959; } .layui-layout-admin .layui-header .layui-nav-child a { color: #595959; text-align: center; } .layui-layout-admin .layui-header .layui-nav .layui-nav-more { border-color: #8c8c8c transparent transparent; } .layui-layout-admin .layui-header .layui-nav .layui-nav-mored { border-color: transparent transparent #8c8c8c; } .layui-layout-admin .layui-header .layui-nav-img { width: 26px; height: 26px; margin-right: 2px; vertical-align: middle; } .layui-layout-admin .layui-header .layui-nav-img + cite { margin-right: 3px; vertical-align: middle; } .layui-layout-admin .layui-header .layui-badge-dot { right: 8px; margin: -10px 0 0 0; } /** //header end */ /** body */ .layui-layout-admin .layui-body { position: absolute; left: 235px; top: 50px; z-index: auto; overflow: auto; -webkit-transition: left .3s; transition: left .3s; -webkit-overflow-scrolling: touch; } .admin-iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .layui-fluid { padding: 15px; } /* footer */ .layui-layout-admin .layui-footer { position: absolute; left: 235px; background: #fff; box-sizing: border-box; border-top: 1px solid #f5f7f9; -webkit-transition: left .3s; transition: left .3s; overflow: hidden; } .close-footer .layui-layout-admin .layui-footer { display: none; } .close-footer .layui-layout-admin .layui-body { bottom: 0; } /** //body end */ /** side */ .layui-layout-admin .layui-side { position: absolute; top: 50px; width: 235px; background-color: #191a23; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, .05); -webkit-transition: width .3s; transition: width .3s; -webkit-user-select: none; user-select: none; z-index: 1000; } .layui-layout-admin .layui-side .layui-side-scroll { width: 255px; -webkit-transition: width .3s; transition: width .3s; } .layui-layout-admin .layui-side .layui-nav { width: 235px; background-color: transparent; -webkit-transition: width .3s; transition: width .3s; } .layui-layout-admin .layui-side > .layui-side-scroll > .layui-nav:first-child { margin-top: 10px; } .layui-layout-admin .layui-side .layui-nav .layui-nav-item > a { cursor: pointer; padding-top: 5px; padding-bottom: 5px; } .layui-layout-admin .layui-side .layui-nav .layui-nav-item a { -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .layui-layout-admin .layui-side .layui-nav .layui-nav-more { right: 15px; } .layui-layout-admin .layui-side .layui-nav .layui-nav-item > .layui-nav-child { position: static; } .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child a { padding-left: 50px; cursor: pointer; } .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child a { padding-left: 70px; } .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child a { padding-left: 90px; } .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a { padding-left: 110px; } /** //side end */ /** 鎶樺彔鐘舵€佷笅鏍峰紡 */ @media screen and (min-width: 769px) { /* header */ .layui-layout-admin.admin-nav-mini .layui-header .layui-logo { width: 60px; } .layui-layout-admin.admin-nav-mini .layui-header .layui-logo cite { display: none; } .layui-layout-admin.admin-nav-mini .layui-header .layui-icon-shrink-right:before { content: "\e66b"; } /* body銆乫ooter */ .layui-layout-admin.admin-nav-mini .layui-body, .layui-layout-admin.admin-nav-mini .layui-footer { left: 60px; } /* side */ .layui-layout-admin.admin-nav-mini .layui-side, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav { width: 60px; } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a { overflow: visible; } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a > cite, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a .layui-nav-more, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-itemed > .layui-nav-child { display: none !important; } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a { background: rgba(0, 0, 0, .3); } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .layui-nav-item > a > .layui-icon { font-size: 16px; -webkit-transition: font-size .3s; transition: font-size .3s; } /* 鎶樺彔鐘舵€佷笅 side hover */ .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child { position: fixed; top: 60px; left: 60px; padding: 5px; min-width: 150px; display: block !important; background: transparent !important; } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { content: ''; position: absolute; right: 5px; left: 5px; bottom: 0; top: 0; border-radius: 4px; background: #191a23; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1); } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child dd:first-child > .layui-nav-child { margin-top: -5px; } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child dd:last-child > .layui-nav-child.show-top { margin-top: 5px; } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a { padding: 0 20px !important; } /* side hover 绠ご */ .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more { border-color: transparent transparent transparent rgba(255, 255, 255, .7); right: 7px; margin-top: -6px; } /* side hover arrow2銆乤rrow3 */ .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow2 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow3 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more { -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); width: 6px; height: 10px; right: 10px; margin-top: -5px; font-weight: 600; } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow2 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more:before, .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow3 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more:before { content: "\e602"; left: -4px; top: -2px; } .layui-layout-admin.admin-nav-mini .layui-side .layui-nav.arrow3 .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more:before { -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } } /** //鎶樺彔鐘舵€佷笅鏍峰紡end */ /** admin绉诲姩绔牱寮 */ @media screen and (max-width: 768px) { .layui-layout-admin { left: -235px; } .layui-layout-admin .layui-side, .layui-layout-admin .layui-header .layui-logo { box-shadow: none !important; } .layui-layout-admin .layui-header .layui-icon-shrink-right:before { content: "\e66b"; } /* 绉诲姩绔睍寮€ */ .layui-layout-admin.admin-nav-mini { left: 0; right: -235px; position: fixed; } .layui-layout-admin.admin-nav-mini .layui-header .layui-icon-shrink-right:before { content: "\e668"; } .layui-layout-admin.admin-nav-mini .layui-side, .layui-layout-admin.admin-nav-mini .layui-header .layui-logo { box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .05); } /* 绉诲姩绔睍寮€鏃堕伄缃╁眰 */ .layui-layout-admin.admin-nav-mini .site-mobile-shade { position: absolute; top: 0; right: 0; bottom: 0; left: 235px; background-color: rgba(0, 0, 0, .25); -webkit-transition: background-color .3s; transition: background-color .3s; cursor: pointer; z-index: 1000; } } /** //绉诲姩绔牱寮廵nd */ /** side hover 杩涘叆鍔ㄧ敾 */ .ew-anim-drop-in { -webkit-animation: ewTransitionDropIn .3s ease-in-out; animation: ewTransitionDropIn .3s ease-in-out; -webkit-transform-origin: 0 0; transform-origin: 0 0; } @-webkit-keyframes ewTransitionDropIn { from { opacity: 0; -webkit-transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); } } @keyframes ewTransitionDropIn { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } } /** //side hover 杩涘叆鍔ㄧ敾end */ /** layui nav tree */ .layui-nav-tree .layui-nav-bar { display: none; } .layui-nav-tree > .layui-nav-item > a:before { content: ""; position: absolute; top: 0; left: 0; bottom: 100%; width: 4px; background-color: #009688; -webkit-transition: all .3s ease; transition: all .3s ease; } .layui-nav-tree > .layui-nav-item:hover > a:before { bottom: 0; } .layui-nav-tree .layui-nav-item a:hover { background-color: transparent; } .layui-nav-tree .layui-this > a:hover { background-color: #009688; } .layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this { background: transparent; } .layui-nav-tree .layui-nav-item .layui-nav-child { padding: 5px 0; background-color: rgba(0, 0, 0, .3) !important; } /* 灏忎笁瑙掓敼绠ご */ .layui-nav-tree.arrow2 .layui-nav-more { font-family: layui-icon !important; font-size: 12px; font-weight: 600; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; line-height: normal; border: none; margin: -3px 0 0 0; padding: 0; width: 10px; height: 6px; top: 50%; display: inline-block; -webkit-transition: all .3s ease; transition: all .3s ease; } .layui-nav-tree.arrow2 .layui-nav-more:before { content: "\e61a"; position: absolute; right: -1px; top: -4px; } .layui-nav-tree.arrow2 .layui-nav-itemed > a > .layui-nav-more { -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } /* 灏忎笁瑙掓敼鍔犲噺鍙 */ .layui-nav-tree.arrow3 .layui-nav-more { font-family: layui-icon !important; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; line-height: normal; border: none; margin: -5px 0 0 0; padding: 0; width: 10px; height: 10px; top: 50%; display: inline-block; -webkit-transition: all .3s ease; transition: all .3s ease; } .layui-nav-tree.arrow3 .layui-nav-more:before { content: "\e654"; position: absolute; top: -2px; left: -1px; } .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more { -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before { content: ''; width: 8px; height: 2px; background-color: rgba(255, 255, 255, .7); top: 4px; left: 1px; -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /** //layui nav tree end */ /** 澶氭爣绛総ab */ .layui-layout-admin .layui-body > .layui-tab { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-content { position: absolute; left: 0; right: 0; bottom: 0; top: 40px; padding: 0; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item { position: absolute; bottom: 0; right: 0; top: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch; display: block; visibility: hidden; opacity: 0; filter: Alpha(opacity=0); } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item.layui-show { visibility: visible; opacity: 1; filter: Alpha(opacity=100); } .layui-layout-admin.admin-side-flexible .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item { display: none; } /* tab鏍囬 */ .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title { height: 40px; line-height: 40px; padding: 0 80px 0 40px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); position: absolute; top: 0; left: 0; right: 0; border: none; overflow: hidden; -webkit-transition: none; transition: none; z-index: 998; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li { min-width: auto; max-width: 160px; line-height: 40px; padding: 0 30px 0 15px; border-right: 1px solid #f6f6f6; overflow: hidden; text-overflow: ellipsis; vertical-align: top; -webkit-transition: background-color .2s; transition: background-color .2s; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this, .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover { background-color: #f6f6f6; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { height: 2px; border: none; border-radius: 0; background-color: #191a23; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:first-child { padding: 0 15px; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li cite { font-style: normal; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title .layui-tab-bar { display: none; } /* tab鍏抽棴鎸夐挳 */ .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close { width: 16px; height: 16px; line-height: 16px; font-size: 12px; border-radius: 50%; position: absolute; top: 12px; right: 8px; -webkit-transition: background-color .2s, color .2s; transition: background-color .2s, color .2s; } .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:first-child .layui-tab-close { display: none; } /* tab鎿嶄綔鎸夐挳 */ .admin-tabs-control { position: absolute; top: 0; width: 40px; height: 40px; line-height: 40px; background-color: #fff; border-left: 1px solid #f6f6f6; -webkit-transition: background-color .2s; transition: background-color .2s; text-align: center; cursor: pointer; z-index: 998; } .admin-tabs-control:hover { background-color: #f6f6f6; } .admin-tabs-control.layui-icon-prev { left: 0; border-left: none; border-right: 1px solid #f6f6f6; } .admin-tabs-control.layui-icon-next { right: 40px; } .admin-tabs-control.layui-icon-down { right: 0; } .admin-tabs-control > .layui-nav, .admin-tabs-control > .layui-nav .layui-nav-item { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; background: transparent; } .admin-tabs-control > .layui-nav .layui-nav-child { right: 0; top: 40px; left: auto; } .admin-tabs-control > .layui-nav .layui-nav-child a { color: #595959; } .admin-tabs-control > .layui-nav .layui-nav-bar, .admin-tabs-control > .layui-nav .layui-nav-more { display: none; } /** //澶氭爣绛総ab end */ /** 鍗曟爣绛炬爣棰 */ .layui-body-header { padding: 0 20px; height: 40px; line-height: 40px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1); box-sizing: border-box; position: absolute; left: 0; right: 0; z-index: 998; display: none; } .layui-body-header.show { display: block; } .layui-body-header-title { padding-left: 6px; border-left: 4px solid #009688; } .layui-body-header.show + div { position: absolute; left: 0; right: 0; top: 40px; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; } /* 鍏ㄥ眬闅愯棌鍗曟爣绛炬爣棰 */ .hide-body-title .layui-body-header.show { display: none; } .hide-body-title .layui-body-header.show + div { top: 0; } .layui-layout-admin .layui-body > .page-loading, .layui-layout-admin .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item > .page-loading, .layui-layout-admin .layui-body > div > iframe[lay-id] + .page-loading { z-index: 997; } /** //鍗曟爣绛炬爣棰榚nd */ /** 鍙充晶寮圭獥 */ .layui-layer.layui-layer-adminRight { bottom: 0; top: 50px !important; border: none !important; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3) !important; overflow: auto; } .layui-layer.layui-layer-adminRight > .layui-layer-content, .layui-layer.layui-layer-adminRight > .layui-layer-content > iframe { height: 100% !important; } .layui-layer.layui-layer-adminRight > .layui-layer-title + .layui-layer-content { position: absolute; top: 43px; left: 0; right: 0; bottom: 0; height: auto !important; } .layui-anim-rl { -webkit-animation-name: layui-rl; animation-name: layui-rl; } @-webkit-keyframes layui-rl { from { -webkit-transform: translate3d(100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @keyframes layui-rl { from { transform: translate3d(100%, 0, 0); } to { transform: translate3d(0, 0, 0); } } .layui-anim-lr, .layui-anim-rl.layer-anim-close { -webkit-animation-name: layui-lr; animation-name: layui-lr } @-webkit-keyframes layui-lr { from { -webkit-transform: translate3d(0, 0, 0); opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 1 } } @keyframes layui-lr { from { transform: translate3d(0, 0, 0) } to { transform: translate3d(100%, 0, 0) } } /** //鍙充晶寮圭獥end */ /** admin椋庢牸寮圭獥 */ .layui-layer.layui-layer-admin { border: none !important; box-shadow: 1px 1px 50px rgba(0, 0, 0, .3) !important; } .layui-layer.layui-layer-admin .layui-layer-title { color: #fff; height: 50px; line-height: 50px; background-color: #191a23; border: none; } .layui-layer.layui-layer-admin .layui-layer-setwin { top: 17px; } .layui-layer.layui-layer-admin .layui-layer-setwin a { color: #fff; font-size: 16px; font-style: normal; font-family: layui-icon !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 鍏抽棴鎸夐挳 */ .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-close1 { background: none; margin-top: -1px; } .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-close1:before { content: "\1006"; } /* 鏈€灏忓寲鎸夐挳 */ .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite { background-color: #dddddd; } /* 鏈€澶у寲鎸夐挳 */ .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-max { font-size: 14px; padding-top: 1px; background: none; } .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-max:before { content: "\e622"; } .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-maxmin:before { content: "\e758"; } /* 寮圭獥鎸夐挳 */ .layui-layer.layui-layer-admin .layui-layer-btn { padding-bottom: 15px; } .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #009688; background-color: #009688; } .layui-layer.layui-layer-admin .layui-layer-btn a { height: 34px; line-height: 34px; } .layui-layer-admin { max-width: 100%; } .layui-layer-iframe .layui-layer-content { overflow: auto; -webkit-overflow-scrolling: touch; } /* 绉诲姩绔袱杈圭暀绌虹櫧 */ @media screen and (max-width: 768px) { .layui-layer-admin { max-width: 98%; max-width: -webkit-calc(100% - 30px); max-width: -moz-calc(100% - 30px); max-width: calc(100% - 30px); width: max-content; left: 0 !important; right: 0 !important; margin: auto !important; margin-bottom: 15px !important; } .layui-layer-admin[area] { max-width: 100%; margin-bottom: 0 !important; } } /* msg鏍峰紡 */ body .layui-layer-msg { border: none; border-radius: 4px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } body .layui-layer-load { background: transparent; } /** //admin椋庢牸寮圭獥end */ /** loading */ .page-loading { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 19891017; background-color: #fff; } body > .page-loading { position: fixed; background-color: #f5f7f9; } .layui-layout-admin > .layui-body > .layui-tab > .layui-tab-content > .layui-tab-item > .page-loading, .layui-layout-admin > .layui-body > .page-loading, .layui-layout-admin > .layui-body > div > iframe[lay-id] + .page-loading { background-color: #f5f7f9; } .layui-layout-admin > .layui-body > .layui-body-header.show + div + .page-loading { top: 40px; height: auto; } .page-no-scroll { overflow-x: hidden !important; overflow-y: hidden !important; min-height: 80px; } .rubik-loader, .ball-loader, .signal-loader, .layui-loader { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ball-loader > span, .signal-loader > span { background-color: #4aca85; display: inline-block; } .ball-loader > span:nth-child(1), .ball-loader.sm > span:nth-child(1), .signal-loader > span:nth-child(1), .signal-loader.sm > span:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .ball-loader > span:nth-child(2), .ball-loader.sm > span:nth-child(2), .signal-loader > span:nth-child(2), .signal-loader.sm > span:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .ball-loader > span:nth-child(3), .ball-loader.sm > span:nth-child(3), .signal-loader > span:nth-child(3), .signal-loader.sm > span:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } .ball-loader > span:nth-child(4), .ball-loader.sm > span:nth-child(4), .signal-loader > span:nth-child(4), .signal-loader.sm > span:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } /* 榄旀柟loading */ .rubik-loader { width: 64px; height: 64px; background-image: url(img/ic_loading.gif); background-repeat: no-repeat; background-position: center; background-size: contain; } .rubik-loader.sm { width: 50px; height: 50px; } /* 鐞冨舰loading */ .ball-loader > span { width: 20px; height: 20px; margin: 0 3px; border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-animation: 1s ball-load ease-in-out infinite; animation: ball-load 1s ease-in-out infinite; } @-webkit-keyframes ball-load { 0% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(0); } } @keyframes ball-load { 0% { transform: scale(0); } 50% { transform: scale(1); } 100% { transform: scale(0); } } .ball-loader.sm > span { width: 15px; height: 15px; margin: 0 2px; } /* 淇″彿loading */ .signal-loader { width: 50px; height: 22px; } .signal-loader > span { width: 8px; height: 0; position: absolute; bottom: 0; left: 0; margin: 0; -webkit-animation: signal-load 1s infinite; animation: signal-load 1s infinite; } .signal-loader > span:nth-child(2) { left: 14px; } .signal-loader > span:nth-child(3) { left: 28px; } .signal-loader > span:nth-child(4) { left: 42px; } @-webkit-keyframes signal-load { 0% { height: 0; } 50% { height: 22px; } 100% { height: 0; } } @keyframes signal-load { 0% { height: 0; } 50% { height: 22px; } 100% { height: 0; } } /* 淇″彿loading灏忓瀷 */ .signal-loader.sm { width: 32px; height: 15px; } .signal-loader.sm > span { width: 5px; -webkit-animation: signal-load-sm 1s infinite; animation: signal-load-sm 1s infinite; } .signal-loader.sm > span:nth-child(2) { left: 9px; } .signal-loader.sm > span:nth-child(3) { left: 18px; } .signal-loader.sm > span:nth-child(4) { left: 27px; } @-webkit-keyframes signal-load-sm { 0% { height: 0; } 50% { height: 15px; } 100% { height: 0; } } @keyframes signal-load-sm { 0% { height: 0; } 50% { height: 15px; } 100% { height: 0; } } /* 绠€娲侀鏍糽oading */ .layui-loader .layui-icon { font-size: 36px; color: #bbb; } .layui-loader.sm .layui-icon { font-size: 30px; } /** //loading end */ /** 缁勪欢鏍峰紡 */ /* toolbar */ .layui-form.toolbar .layui-form-item, .layui-form.toolbar .layui-form-item .layui-inline > .layui-input-inline { margin-bottom: 0; } .layui-form.toolbar .layui-form-item .layui-inline { margin-bottom: 10px; } .toolbar + .layui-table, .layui-card-body > .layui-table, .toolbar + table + .layui-table-view, .layui-card-body > .layui-table-view, .toolbar + table + .ew-tree-table { margin: 0; } .mr0, .layui-form.toolbar .layui-form-item .layui-inline > .layui-input-inline { margin-right: 0 !important; } .w-auto { width: auto !important; } /* form */ .model-form { padding: 25px 30px 0 0; } .model-form.no-padding { padding: 0; } .model-form .model-form-body { overflow-y: auto; padding: 25px 30px 0 0; max-height: calc(100vh - 180px); } .model-form.no-padding .model-form-footer { padding-top: 10px; padding-right: 30px; } .layui-form.model-form > .layui-form-item:last-child { margin-bottom: 0; padding-bottom: 20px; } .layui-form-required:before { content: "*"; display: inline-block; font-family: SimSun; margin-right: 4px; font-size: 14px; line-height: 1; color: #ed4014; } .layui-input, .layui-textarea { color: #595959; } .layui-form-select .layui-input { padding-right: 0; } .layui-form-select-top .layui-form-select > dl { top: auto; bottom: 42px; } .ew-select-fixed .layui-form-selected dl { position: fixed; min-width: auto; bottom: auto; right: auto; } body .layui-form-checked[lay-skin=primary] i, body .layui-form-checked[lay-skin=primary]:hover i { color: #fff; } body .layui-form-checkbox[lay-skin=primary] span, body .layui-form-checkbox[lay-skin=primary]:hover span { background-color: transparent; } body .layui-form-danger + .layui-form-select .layui-input, body .layui-input.layui-form-danger:focus, body .layui-textarea.layui-form-danger:focus { border-color: #FF5722 !important; } body .layui-laypage input.layui-input { height: 30px; line-height: 30px; } body .layui-table-page .layui-laypage input.layui-input { height: 26px; line-height: 26px; } body .layui-form-onswitch em { margin-left: 3px; margin-right: 18px; } /* button */ .layui-btn { -webkit-transition: background-color .2s; transition: background-color .2s; } body .layui-btn.layui-btn-radius { border-radius: 100px; } .layui-btn-primary { color: #595959; border-color: #e6e6e6; } .layui-btn-primary:hover { border-color: #BBBBBB; } .layui-btn-group .layui-btn-primary:hover { border-color: #e6e6e6; } .layui-btn-group .layui-btn-primary:first-child { border-left: 1px solid #e6e6e6; } body .layui-btn.layui-btn-disabled, body .layui-transfer-active .layui-btn.layui-btn-disabled { background-color: #FBFBFB !important; border-color: #e6e6e6 !important; color: #C9C9C9 !important; } body .layui-btn.layui-btn-primary { background-color: #fff; } body .layui-btn.layui-btn-normal { background-color: #1E9FFF; } body .layui-btn.layui-btn-warm { background-color: #FFB800; } body .layui-btn.layui-btn-danger { background-color: #FF5722; } .layui-btn-group > .layui-btn + .layui-btn { border-radius: 0; } .layui-btn-group > .layui-btn:last-child { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } /* 瑙e喅绌挎妗嗗彈涓婚鐨勫奖鍝 */ body .layui-transfer-active .layui-btn { background-color: #5FB878 !important; border-color: #5FB878 !important; color: #fff !important; } /* 鍦嗗舰鎸夐挳 */ .btn-circle { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #009688; position: fixed; right: 15px; bottom: 15px; color: #ffffff; text-align: center; box-shadow: 0 0 8px rgba(0, 0, 0, .2); cursor: pointer; } .btn-circle:hover { color: #fff; opacity: .8; } .btn-circle .layui-icon { font-size: 24px; } /* 缁勪欢鍔犲浘鏍 */ .icon-date, .date-icon { background-image: url(img/icon_date.png); background-repeat: no-repeat; background-position: right center; padding-right: 28px; } .icon-search { background-image: url(img/icon_search.png); background-repeat: no-repeat; background-position: right center; padding-right: 26px; } span.icon-text > .layui-icon, a.icon-text > .layui-icon, .layui-form-label.icon-text > .layui-icon { font-size: 14px; margin: 0 2px; } .layui-btn.icon-btn { padding: 0 10px; } .layui-btn.layui-btn-sm.icon-btn { padding: 0 6px; } /* 杈呭姪鏍峰紡 */ .bg-white, html.bg-white > body { background-color: white; } [ew-href], [lay-tips] { cursor: pointer; } .inline-block { display: inline-block; } .pull-right { float: right; } .pull-left { float: left; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-primary, .layui-link { color: #009688 !important;; } .text-success { color: #5FB878 !important;; } .text-warning { color: #FFB800 !important;; } .text-danger { color: #FF5722 !important; } .text-info { color: #01AAED !important;; } .text-muted { color: #c2c2c2 !important;; } .layui-text a:not(.layui-btn) { color: #2d8cf0; cursor: pointer; } .layui-text a:not(.layui-btn):hover { text-decoration: none; } .ew-console-wrapper .layui-card { box-shadow: none; border-radius: 4px; } .layui-card-header { color: #595959; } .lay-big-font { font-size: 36px; line-height: 36px; padding: 5px 0 10px; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; } /* 闅愯棌婊氬姩鏉 */ .no-scrollbar { overflow-x: hidden !important; overflow-y: hidden !important; } /* 杈撳叆妗嗙鐢ㄦ牱寮 */ input.layui-disabled, input.layui-disabled:hover, textarea.layui-disabled, textarea.layui-disabled:hover { color: #595959 !important; background-color: #f6f6f6; } .layui-input::-webkit-input-placeholder, .layui-textarea::-webkit-input-placeholder { color: #ccc; } .layui-input::-moz-placeholder, .layui-textarea::-moz-placeholder { color: #ccc; } .layui-input::-ms-input-placeholder, .layui-textarea::-ms-input-placeholder { color: #ccc; } /* 涓嬫媺鑿滃崟 */ .dropdown-menu { display: inline-block; } .dropdown-menu .dropdown-menu-nav { display: none; } .dropdown-menu + .dropdown-menu, .layui-btn + .dropdown-menu, .dropdown-menu + .layui-btn { margin-left: 10px; } /** //缁勪欢鏍峰紡end */ /** 婊氬姩鏉℃牱寮 */ ::-webkit-scrollbar { width: 10px; height: 10px; background: transparent; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #C1C1C1; } ::-webkit-scrollbar-thumb:hover { background-color: #A8A8A8; } .mini-bar::-webkit-scrollbar { width: 6px; height: 6px; } .mini-bar::-webkit-scrollbar-thumb { border-radius: 3px; } @media screen and (max-width: 768px) { ::-webkit-scrollbar { width: 4px; height: 4px; } ::-webkit-scrollbar-thumb { border-radius: 0; } } /** //婊氬姩鏉℃牱寮廵nd */ /** 鍦板浘閫夋嫨浣嶇疆寮圭獥 */ #ew-map-select-map { height: 450px; } #ew-map-select-pois { height: 450px; overflow-x: hidden; overflow-y: auto; } .ew-map-select-search-list-item { padding: 10px 30px 10px 15px; border-bottom: 1px solid #e8e8e8; cursor: pointer; position: relative; } .ew-map-select-search-list-item:hover { background: #F2F2F2; } .ew-map-select-search-list-item:last-child { border-bottom: none; } .ew-map-select-search-list-item .ew-map-select-search-list-item-title { font-size: 14px; color: #262626; } .ew-map-select-search-list-item .ew-map-select-search-list-item-address { font-size: 12px; color: #595959; padding-top: 5px; } .ew-map-select-search-list-item-icon-ok { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .ew-map-select-search-list-item-icon-ok .layui-icon { color: #3B74FF; } .ew-map-select-tool { padding: 5px 15px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05); } #ew-map-select-center-img { position: absolute; bottom: 50%; left: 50%; width: 26px; margin-left: -13px; } #ew-map-select-center-img2 { position: absolute; left: 50%; top: 50%; font-size: 12px; display: inline-block; margin-left: -6px; margin-top: -7px; color: #3B74FF; } .bounceInDown { animation: bounceInDown 500ms; animation-direction: alternate; -webkit-animation: bounceInDown 500ms; -webkit-animation-direction: alternate } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); } 0%, to { -webkit-transform: translate3d(0, 0, 0); } 25% { -webkit-transform: translate3d(0, -30px, 0); } 50% { -webkit-transform: translate3d(0, -15px, 0); } 75% { -webkit-transform: translate3d(0, -4px, 0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { transition-timing-function: cubic-bezier(.215, .61, .355, 1) } 0%, to { transform: translate3d(0, 0, 0) } 25% { transform: translate3d(0, -10px, 0) } 50% { transform: translate3d(0, -20px, 0) } 75% { transform: translate3d(0, -10px, 0) } } #ew-map-select-tips { position: absolute; z-index: 999; background: #fff; max-height: 430px; overflow: auto; top: 48px; left: 56px; width: 280px; box-shadow: 0 2px 4px rgba(0, 0, 0, .12); border: 1px solid #d2d2d2; } #ew-map-select-tips .ew-map-select-search-list-item { padding: 10px 15px 10px 35px; } .ew-map-select-search-list-item-icon-search { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .ew-map-select-search-list-item-icon-search .layui-icon { color: #8c8c8c; } /** //鍦板浘閫夋嫨浣嶇疆寮圭獥end */ /** 琛ㄦ牸澶撮儴宸ュ叿鏍忚糠浣犳牱寮 */ .table-tool-mini .layui-table-view { position: relative; } .table-tool-mini .layui-table-tool { position: absolute; min-height: unset; height: auto; padding: 3px 10px; width: auto; top: -38px; right: -1px; border-top-right-radius: 8px; border-top-left-radius: 8px; border: 1px solid #e6e6e6; border-bottom: none; } .table-tool-mini .layui-table-tool .layui-table-tool-temp { padding-right: 0; display: inline-block; } .table-tool-mini .layui-table-tool .layui-table-tool-self { position: static; display: inline-block; } .table-tool-mini .layui-table-tool .layui-table-tool-self .layui-inline[lay-event]:first-child { margin: 0; } /* full-table mini toolbar */ .table-tool-mini.full-table .layui-table-tool { top: -35px; height: 1px; padding: 0 10px; background: transparent; border: none; } .table-tool-mini.full-table .layui-table-tool:before { content: ""; position: absolute; top: -3px; right: 0; left: 0; height: 36px; background-color: #f2f2f2; border-top-right-radius: 8px; border-top-left-radius: 8px; border: 1px solid #e6e6e6; border-bottom: none; } /** //琛ㄦ牸澶撮儴宸ュ叿鏍忚糠浣犳牱寮廵nd */ /** laydate鑷€傚簲 */ @media screen and (max-width: 768px) { .layui-laydate-range { left: 0 !important; top: 0 !important; right: 0 !important; margin: 10px auto !important; max-width: 95%; } .layui-laydate-range .layui-laydate-main, .layui-laydate-range .layui-laydate-content table { width: 100%; } .layui-laydate-range .laydate-main-list-0 .laydate-next-m, .layui-laydate-range .laydate-main-list-0 .laydate-next-y, .layui-laydate-range .laydate-main-list-1 .laydate-prev-m, .layui-laydate-range .laydate-main-list-1 .laydate-prev-y { display: inline-block !important; } .layui-laydate-range .laydate-main-list-1 .layui-laydate-header { border-top: 1px solid #e2e2e2; } .layui-laydate-range .laydate-main-list-1 .layui-laydate-content { border-left: none !important; } .layui-laydate-range .laydate-time-list ol li { padding-left: 0 !important; text-align: center; } .layui-laydate-range .laydate-time-list ol { overflow: auto !important; } } /** //laydate鑷€傚簲end */ /** tree灞曞紑绠ご鏈濅笅 */ .layui-tree-spread > div > div > span > .layui-tree-iconArrow:after { border-color: #c0c4cc transparent transparent transparent; top: 6px; left: 0; } .layui-tree .layui-tree-iconArrow:after { transition: none; } /** //tree灞曞紑绠ご鏈濅笅end */ /** 鏁版嵁琛ㄦ牸鍐卌heckbox */ .ew-tb-cell-ck .layui-form-checkbox[lay-skin=primary] { padding-left: 22px; } .ew-tb-cell-ck .layui-form-checkbox[lay-skin=primary] span { padding-right: 5px; } /** //鏁版嵁琛ㄦ牸鍐卌heckbox end */ /** 瀛楁闆嗗祵濂楁暟鎹〃鏍 */ .ew-field-group > .layui-elem-field { border-bottom: none; margin: 0; } .ew-field-group > .ew-field-box { border: 1px solid #e6e6e6; padding: 10px 15px; border-top: none; } body .layui-elem-quote.layui-quote-nm { border-color: #e6e6e6; } /** //瀛楁闆嗗祵濂楁暟鎹〃鏍糴nd */ /** 閫夐」鍗℃牱寮忎紭鍖 */ .layui-card > .layui-tab-brief > .layui-tab-title li { padding: 0 5px; margin: 0 10px; line-height: 43px; height: 43px; transition: color .2s; -webkit-transition: color .2s; } .layui-card > .layui-tab-brief > .layui-tab-title li:after { height: 43px; } .layui-card > .layui-tab-brief > .layui-tab-title { border-bottom-color: #f6f6f6; height: 42px; transition: none; -webkit-transition: none; } .layui-card > .layui-tab-brief > .layui-tab-content { padding: 10px 15px; } /** 鍨傜洿閫夐」鍗 */ .layui-tab.layui-tab-vertical { position: relative; } .layui-tab.layui-tab-vertical:after { content: ""; clear: both; display: block; } .layui-tab.layui-tab-vertical > .layui-tab-title { width: 130px; height: auto; border: none; border-right: 1px solid #E9E9E9; box-sizing: border-box; padding: 10px 0; float: left; } .layui-tab.layui-tab-vertical > .layui-tab-title > li { display: block; margin-right: -1px; border-right: 2px solid transparent; white-space: normal; line-height: normal; padding: 10px 20px; text-align: right; } .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-right: 2px solid #5FB878; color: #5FB878; } .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this:after { display: none; } .layui-tab.layui-tab-vertical > .layui-tab-title > li > .layui-icon { font-size: 14px; margin-right: 5px; } .layui-tab.layui-tab-vertical > .layui-tab-content { margin-left: 130px; } .layui-tab.layui-tab-vertical.layui-tab-vertical-right > .layui-tab-title { float: right; border-right: none; border-left: 1px solid #E9E9E9; } .layui-tab.layui-tab-vertical.layui-tab-vertical-right > .layui-tab-content { margin-left: 0; margin-right: 130px; } .layui-tab.layui-tab-vertical.layui-tab-vertical-right > .layui-tab-title > li { text-align: left; border-left: 2px solid transparent; border-right: none; } .layui-tab.layui-tab-vertical.layui-tab-vertical-right > .layui-tab-title > li.layui-this { border-left: 2px solid #5FB878; } .layui-tab.layui-tab-vertical.layui-tab-vertical-full > .layui-tab-title { position: absolute; top: 0; left: 0; right: auto; min-height: 100%; } .layui-tab.layui-tab-vertical.layui-tab-vertical-right.layui-tab-vertical-full > .layui-tab-title { right: 0; left: auto; } /** //鍨傜洿閫夐」鍗nd */ /** 鎸夐挳鍔犺浇涓姸鎬 */ .ew-btn-loading { opacity: .8; pointer-events: none; font-size: 0 !important; } .ew-btn-loading * { display: none !important; } .ew-btn-loading > .ew-btn-loading-text { font-size: 14px !important; display: inline-block !important; } .ew-btn-loading.layui-btn-sm > .ew-btn-loading-text, .ew-btn-loading.layui-btn-xs > .ew-btn-loading-text { font-size: 12px !important; } .ew-btn-loading.layui-btn-lg > .ew-btn-loading-text { font-size: 16px !important; } .ew-btn-loading > .ew-btn-loading-text * { display: inline-block !important; } /** //鎸夐挳鍔犺浇涓姸鎬乪nd */ /** 鎼滅储灞曞紑鏇村 */ .form-search-expand, .form-search-expand:hover { padding: 0 !important; color: #2d8cf0 !important; border: none !important; box-shadow: none !important; background-color: transparent !important; } .form-search-expand .layui-icon { font-size: 12px !important; font-weight: 600 !important; } .form-search-show-expand { display: none !important; } /** //鎼滅储灞曞紑鏇村 */ /** 寰界珷鎵╁睍鏍峰紡 */ .layui-badge-green { color: #52c41a; background: #f6ffed; border: 1px solid #b7eb8f; } .layui-badge-blue { color: #1890ff; background: #e6f7ff; border: 1px solid #91d5ff; } .layui-badge-red { color: #f5222d; background: #fff1f0; border: 1px solid #ffa39e; } .layui-badge-yellow { color: #faad14; background: #fffbe6; border: 1px solid #ffe58f; } .layui-badge-gray { color: #8c8c8c; background: #fafafa; border: 1px solid #ccc; } .layui-badge { height: 20px; line-height: 19px; box-sizing: border-box; } .layui-badge-list .layui-badge { height: 23px; line-height: 22px; margin: 0 6px 8px 0; } .layui-badge-list .layui-badge.layui-bg-gray { border: 1px solid #ccc; background-color: #fafafa !important; } .layui-card .layui-card-header .layui-badge.pull-right { top: 50%; margin-top: -10px; } /** //寰界珷鎵╁睍鏍峰紡end */ /* 閿佸睆 */ #ew-lock-screen-group { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 19891099; } /** ios涓媔frame鍏煎 */ .ios-iframe-body { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /** xmSelect鏍峰紡浼樺寲 */ xm-select > .xm-body { margin-left: -2px; } xm-select > .xm-body .xm-option { background-color: transparent !important; } xm-select > .xm-body .xm-option.hide-icon.selected { background-color: #5FB878 !important; } xm-select > .xm-body .xm-option:hover { background-color: #f2f2f2 !important; } .xm-body .xm-tree { min-width: 200px; } .xm-body .xm-tree .xm-option-content { padding-left: 6px; } xm-select { border-color: #e6e6e6 !important; } xm-select:hover { border-color: #D2D2D2 !important; } xm-select[style="border-color: rgb(229, 77, 66);"] { border-color: rgb(229, 77, 66) !important; } body .ew-xmselect-tree xm-select .xm-body .xm-option .xm-option-icon { position: absolute; left: 30px; top: 0; right: 0; bottom: 0; width: auto; height: auto; border: none !important; z-index: 1; } body .ew-xmselect-tree xm-select .xm-body .xm-option .xm-option-icon:before { display: none; } body .ew-xmselect-tree xm-select .xm-body .xm-option.selected { background-color: #f2f2f2 !important; } body .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #5FB878 !important; } /** //xmSelect鏍峰紡浼樺寲end */ /** ---------------------------钃濊壊涓婚start----------------------------------- */ /* logo */ .theme-blue .layui-layout-admin .layui-header .layui-logo { color: #fff; box-shadow: none; background-color: transparent; } /* header */ .theme-blue .layui-layout-admin .layui-header { background-color: #3C8DBC; } .theme-blue .layui-layout-admin .layui-header a { color: #fff; } .theme-blue .layui-layout-admin .layui-header a:hover { color: #fff; } .theme-blue .layui-layout-admin .layui-header .layui-nav-child a { color: #595959; } .theme-blue .layui-layout-admin .layui-header .layui-nav .layui-nav-more { border-color: #eee transparent transparent; } .theme-blue .layui-layout-admin .layui-header .layui-nav .layui-nav-mored { border-color: transparent transparent #eee; } .theme-blue .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-blue .layui-layout-admin .layui-header .layui-nav-bar { background-color: #fff; } /* side */ .theme-blue .layui-layout-admin .layui-side { background-color: #222D32; } .theme-blue .layui-side .layui-nav .layui-nav-item a { color: #b8c7ce; } .theme-blue .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-blue .layui-nav-tree .layui-this > a, .theme-blue .layui-nav-tree .layui-this > a:hover { color: #fff; background-color: #3C8DBC; } .theme-blue .layui-nav-tree > .layui-nav-item > a:before { background-color: #3C8DBC; } .theme-blue .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { background: #222D32 !important; } /* body tab */ .theme-blue .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { background-color: #3C8DBC; top: 38px; } /* body title */ .theme-blue .layui-body-header-title { border-left-color: #3C8DBC; } /* admin dialog */ .theme-blue .layui-layer.layui-layer-admin .layui-layer-title { background-color: #3C8DBC; } .theme-blue .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #3C8DBC; background-color: #3C8DBC; } /* other */ .theme-blue .ball-loader > span, .theme-blue .signal-loader > span { background-color: #3C8DBC; } .theme-blue .btn-circle { background: #3C8DBC; } .theme-blue .more-theme-item:hover, .theme-blue .more-theme-item.active { border-color: #3C8DBC; } .theme-blue .text-primary, .theme-blue .layui-link { color: #3C8DBC !important; } /* button */ .theme-blue .layui-btn { background-color: #3C8DBC; } /* switch */ .theme-blue .layui-form-onswitch { border-color: #3C8DBC; background-color: #3C8DBC; } /* radio */ .theme-blue .layui-form-radio > i:hover, .theme-blue .layui-form-radioed > i, .theme-blue .layui-form-checked i, .theme-blue .layui-form-checked:hover i { color: #3C8DBC; } /* checkbox */ .theme-blue .layui-form-checked[lay-skin=primary] i, .theme-blue .layui-form-checked span, .theme-blue .layui-form-checked:hover span { border-color: #3C8DBC !important; background-color: #3C8DBC; } .theme-blue .layui-form-checked[lay-skin=primary] i:hover, .theme-blue .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #3C8DBC !important; } /* select */ .theme-blue .layui-form-select dl dd.layui-this { background-color: #3C8DBC; } /* laypage */ .theme-blue .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #3C8DBC; } .theme-blue .layui-laypage input:focus, .theme-blue .layui-laypage select:focus { border-color: #3C8DBC !important; } .theme-blue .layui-laypage a:hover { color: #3C8DBC; } /* tab */ .theme-blue .layui-tab-brief > .layui-tab-title .layui-this { color: #3C8DBC; } .theme-blue .layui-tab-brief > .layui-tab-more li.layui-this:after, .theme-blue .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #3C8DBC !important; } .theme-blue .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-color: #3C8DBC; color: #3C8DBC; } /* breadcrumb */ .theme-blue .layui-breadcrumb a:hover { color: #3C8DBC !important; } /* laydate */ .theme-blue .layui-laydate-footer span:hover, .theme-blue .layui-laydate-header i:hover, .theme-blue .layui-laydate-header span:hover { color: #3C8DBC; } .theme-blue .layui-laydate .layui-this { background-color: #3C8DBC !important; } .theme-blue .layui-laydate-content td.laydate-selected { background-color: rgba(60, 141, 188, .1); } .theme-blue .laydate-selected:hover { background-color: rgba(60, 141, 188, .1) !important; } /* timeline */ .theme-blue .layui-timeline-axis { color: #3C8DBC; } /* transfer */ .theme-blue .layui-transfer-active .layui-btn { background-color: #3C8DBC !important; border-color: #3C8DBC !important; } /* progress-bar */ .theme-blue .layui-progress-bar { background-color: #3C8DBC; } /* slider */ .theme-blue .layui-slider-bar { background-color: #3C8DBC !important; } .theme-blue .layui-slider-wrap-btn { border-color: #3C8DBC !important; } /* steps */ .theme-blue .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon { color: #3C8DBC; } .theme-blue .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok, .theme-blue .layui-elem-quote { border-color: #3C8DBC; } .theme-blue .layui-tab.layui-steps > .layui-tab-title > li:before, .theme-blue .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok { background-color: #3C8DBC; } .theme-blue .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li { background-color: #9DC6DD; } .theme-blue .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this { background-color: #3C8DBC; } .theme-blue .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after { border-left-color: #9DC6DD !important; } .theme-blue .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after { border-left-color: #3C8DBC !important; } /* cascader */ .theme-blue .ew-cascader-dropdown-list-item.active, .theme-blue .ew-cascader-dropdown-list-item.active .ew-icon-right { color: #3C8DBC; } /* tagsinput */ .theme-blue div.tagsinput span.tag { background: #3C8DBC; } /* xmSelect */ .theme-blue xm-select .xm-body .xm-option .xm-option-icon { border-color: #3C8DBC !important; } .theme-blue xm-select .xm-body .xm-option.selected .xm-option-icon, .theme-blue xm-select > .xm-body .xm-toolbar .toolbar-tag:hover, .theme-blue .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #3C8DBC !important; } .theme-blue xm-select .xm-label .xm-label-block, .theme-blue xm-select .xm-body .xm-option.hide-icon.selected { background-color: #3C8DBC !important; } /* city-select */ .theme-blue .city-select a.active { color: #fff !important; background-color: #3C8DBC !important; } .theme-blue .city-select a:hover, .theme-blue .city-select a:focus { background-color: rgba(60, 141, 188, .1); color: #3C8DBC; } .theme-blue .city-picker-span > .title > span:hover { background-color: rgba(60, 141, 188, .1); } .theme-blue .city-select-tab > a.active { color: #3C8DBC; } /** ---------------------------钃濊壊涓婚end----------------------------------- */ /** ---------------------------缁胯壊涓婚start----------------------------------- */ /* logo */ .theme-green .layui-layout-admin .layui-header .layui-logo { color: #fff; box-shadow: none; background-color: transparent; } /* header */ .theme-green .layui-layout-admin .layui-header { background-color: #00A65A; } .theme-green .layui-layout-admin .layui-header a { color: #fff; } .theme-green .layui-layout-admin .layui-header a:hover { color: #fff; } .theme-green .layui-layout-admin .layui-header .layui-nav-child a { color: #595959; } .theme-green .layui-layout-admin .layui-header .layui-nav .layui-nav-more { border-color: #eee transparent transparent; } .theme-green .layui-layout-admin .layui-header .layui-nav .layui-nav-mored { border-color: transparent transparent #eee; } .theme-green .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-green .layui-layout-admin .layui-header .layui-nav-bar { background-color: #fff; } /* side */ .theme-green .layui-layout-admin .layui-side { background-color: #222D32; } .theme-green .layui-side .layui-nav .layui-nav-item a { color: #b8c7ce; } .theme-green .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-green .layui-nav-tree .layui-this > a, .theme-green .layui-nav-tree .layui-this > a:hover { color: #fff; background-color: #00A65A; } .theme-green .layui-nav-tree > .layui-nav-item > a:before { background-color: #00A65A; } .theme-green .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { background: #222D32 !important; } /* body tab */ .theme-green .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { background-color: #00A65A; top: 38px; } /* body title */ .theme-green .layui-body-header-title { border-left-color: #00A65A; } /* admin dialog */ .theme-green .layui-layer.layui-layer-admin .layui-layer-title { background-color: #00A65A; } .theme-green .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #00A65A; background-color: #00A65A; } /* other */ .theme-green .more-theme-item:hover, .theme-green .more-theme-item.active { border-color: #00A65A; } .theme-green .btn-circle { background: #00A65A; } .theme-green .ball-loader > span, .theme-green .signal-loader > span { background-color: #00A65A; } .theme-green .text-primary, .theme-green .layui-link { color: #00A65A !important; } /* button */ .theme-green .layui-btn { background-color: #00A65A; } /* switch */ .theme-green .layui-form-onswitch { border-color: #00A65A; background-color: #00A65A; } /* radio */ .theme-green .layui-form-radio > i:hover, .theme-green .layui-form-radioed > i, .theme-green .layui-form-checked i, .theme-green .layui-form-checked:hover i { color: #00A65A; } /* checkbox */ .theme-green .layui-form-checked[lay-skin=primary] i, .theme-green .layui-form-checked span, .theme-green .layui-form-checked:hover span { border-color: #00A65A !important; background-color: #00A65A; } .theme-green .layui-form-checked[lay-skin=primary] i:hover, .theme-green .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #00A65A !important; } /* select */ .theme-green .layui-form-select dl dd.layui-this { background-color: #00A65A; } /* laypage */ .theme-green .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #00A65A; } .theme-green .layui-laypage input:focus, .theme-green .layui-laypage select:focus { border-color: #00A65A !important; } .theme-green .layui-laypage a:hover { color: #00A65A; } /* tab */ .theme-green .layui-tab-brief > .layui-tab-title .layui-this { color: #00A65A; } .theme-green .layui-tab-brief > .layui-tab-more li.layui-this:after, .theme-green .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #00A65A !important; } .theme-green .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-color: #00A65A; color: #00A65A; } /* breadcrumb */ .theme-green .layui-breadcrumb a:hover { color: #00A65A !important; } /* laydate */ .theme-green .layui-laydate-footer span:hover, .theme-green .layui-laydate-header i:hover, .theme-green .layui-laydate-header span:hover { color: #00A65A; } .theme-green .layui-laydate .layui-this { background-color: #00A65A !important; } .theme-green .layui-laydate-content td.laydate-selected { background-color: rgba(0, 166, 90, .1); } .theme-green .laydate-selected:hover { background-color: rgba(0, 166, 90, .1) !important; } /* timeline */ .theme-green .layui-timeline-axis { color: #00A65A; } /* transfer */ .theme-green .layui-transfer-active .layui-btn { background-color: #00A65A !important; border-color: #00A65A !important; } /* progress-bar */ .theme-green .layui-progress-bar { background-color: #00A65A; } /* slider */ .theme-green .layui-slider-bar { background-color: #00A65A !important; } .theme-green .layui-slider-wrap-btn { border-color: #00A65A !important; } /* steps */ .theme-green .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon { color: #00A65A; } .theme-green .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok, .theme-green .layui-elem-quote { border-color: #00A65A; } .theme-green .layui-tab.layui-steps > .layui-tab-title > li:before, .theme-green .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok { background-color: #00A65A; } .theme-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li { background-color: #7FD2AC; } .theme-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this { background-color: #00A65A; } .theme-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after { border-left-color: #7FD2AC !important; } .theme-green .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after { border-left-color: #00A65A !important; } /* cascader */ .theme-green .ew-cascader-dropdown-list-item.active, .theme-green .ew-cascader-dropdown-list-item.active .ew-icon-right { color: #00A65A; } /* tagsinput */ .theme-green div.tagsinput span.tag { background: #00A65A; } /* xmSelect */ .theme-green xm-select .xm-body .xm-option .xm-option-icon { border-color: #00A65A !important; } .theme-green xm-select .xm-body .xm-option.selected .xm-option-icon, .theme-green xm-select > .xm-body .xm-toolbar .toolbar-tag:hover, .theme-green .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #00A65A !important; } .theme-green xm-select .xm-label .xm-label-block, .theme-green xm-select .xm-body .xm-option.hide-icon.selected { background-color: #00A65A !important; } /* city-select */ .theme-green .city-select a.active { color: #fff !important; background-color: #00A65A !important; } .theme-green .city-select a:hover, .theme-green .city-select a:focus { background-color: rgba(0, 166, 90, .1); color: #00A65A; } .theme-green .city-picker-span > .title > span:hover { background-color: rgba(0, 166, 90, .1); } .theme-green .city-select-tab > a.active { color: #00A65A; } /** ---------------------------缁胯壊涓婚end----------------------------------- */ /** ---------------------------绱壊涓婚start----------------------------------- */ /* logo */ .theme-purple .layui-layout-admin .layui-header .layui-logo { color: #fff; box-shadow: none; background-color: transparent; } /* header */ .theme-purple .layui-layout-admin .layui-header { background-color: #722ed1; } .theme-purple .layui-layout-admin .layui-header a { color: #fff; } .theme-purple .layui-layout-admin .layui-header a:hover { color: #fff; } .theme-purple .layui-layout-admin .layui-header .layui-nav-child a { color: #595959; } .theme-purple .layui-layout-admin .layui-header .layui-nav .layui-nav-more { border-color: #eee transparent transparent; } .theme-purple .layui-layout-admin .layui-header .layui-nav .layui-nav-mored { border-color: transparent transparent #eee; } .theme-purple .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-purple .layui-layout-admin .layui-header .layui-nav-bar { background-color: #fff; } /* side */ .theme-purple .layui-layout-admin .layui-side { background-color: #222D32; } .theme-purple .layui-side .layui-nav .layui-nav-item a { color: #b8c7ce; } .theme-purple .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-purple .layui-nav-tree .layui-this > a, .theme-purple .layui-nav-tree .layui-this > a:hover { color: #fff; background-color: #722ed1; } .theme-purple .layui-nav-tree > .layui-nav-item > a:before { background-color: #722ed1; } .theme-purple .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { background: #222D32 !important; } /* body tab */ .theme-purple .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { background-color: #722ed1; top: 38px; } /* body title */ .theme-purple .layui-body-header-title { border-left-color: #722ed1; } /* admin dialog */ .theme-purple .layui-layer.layui-layer-admin .layui-layer-title { background-color: #722ed1; } .theme-purple .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #722ed1; background-color: #722ed1; } /* other */ .theme-purple .more-theme-item:hover, .theme-purple .more-theme-item.active { border-color: #722ed1; } .theme-purple .btn-circle { background: #722ed1; } .theme-purple .ball-loader > span, .theme-purple .signal-loader > span { background-color: #722ed1; } .theme-purple .text-primary, .theme-purple .layui-link { color: #722ed1 !important; } /* button */ .theme-purple .layui-btn { background-color: #722ed1; } /* switch */ .theme-purple .layui-form-onswitch { border-color: #722ed1; background-color: #722ed1; } /* radio */ .theme-purple .layui-form-radio > i:hover, .theme-purple .layui-form-radioed > i, .theme-purple .layui-form-checked i, .theme-purple .layui-form-checked:hover i { color: #722ed1; } /* checkbox */ .theme-purple .layui-form-checked[lay-skin=primary] i, .theme-purple .layui-form-checked span, .theme-purple .layui-form-checked:hover span { border-color: #722ed1 !important; background-color: #722ed1; } .theme-purple .layui-form-checked[lay-skin=primary] i:hover, .theme-purple .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #722ed1 !important; } /* select */ .theme-purple .layui-form-select dl dd.layui-this { background-color: #722ed1; } /* laypage */ .theme-purple .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #722ed1; } .theme-purple .layui-laypage input:focus, .theme-purple .layui-laypage select:focus { border-color: #722ed1 !important; } .theme-purple .layui-laypage a:hover { color: #722ed1; } /* tab */ .theme-purple .layui-tab-brief > .layui-tab-title .layui-this { color: #722ed1; } .theme-purple .layui-tab-brief > .layui-tab-more li.layui-this:after, .theme-purple .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #722ed1 !important; } .theme-purple .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-color: #722ed1; color: #722ed1; } /* breadcrumb */ .theme-purple .layui-breadcrumb a:hover { color: #722ed1 !important; } /* laydate */ .theme-purple .layui-laydate-footer span:hover, .theme-purple .layui-laydate-header i:hover, .theme-purple .layui-laydate-header span:hover { color: #722ed1; } .theme-purple .layui-laydate .layui-this { background-color: #722ed1 !important; } .theme-purple .layui-laydate-content td.laydate-selected { background-color: rgba(114, 46, 209, .1); } .theme-purple .laydate-selected:hover { background-color: rgba(114, 46, 209, .1) !important; } /* timeline */ .theme-purple .layui-timeline-axis { color: #722ed1; } /* transfer */ .theme-purple .layui-transfer-active .layui-btn { background-color: #722ed1 !important; border-color: #722ed1 !important; } /* progress-bar */ .theme-purple .layui-progress-bar { background-color: #722ed1; } /* slider */ .theme-purple .layui-slider-bar { background-color: #722ed1 !important; } .theme-purple .layui-slider-wrap-btn { border-color: #722ed1 !important; } /* steps */ .theme-purple .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon { color: #722ed1; } .theme-purple .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok, .theme-purple .layui-elem-quote { border-color: #722ed1; } .theme-purple .layui-tab.layui-steps > .layui-tab-title > li:before, .theme-purple .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok { background-color: #722ed1; } .theme-purple .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li { background-color: #B896E8; } .theme-purple .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this { background-color: #722ed1; } .theme-purple .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after { border-left-color: #B896E8 !important; } .theme-purple .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after { border-left-color: #722ed1 !important; } /* cascader */ .theme-purple .ew-cascader-dropdown-list-item.active, .theme-purple .ew-cascader-dropdown-list-item.active .ew-icon-right { color: #722ed1; } /* tagsinput */ .theme-purple div.tagsinput span.tag { background: #722ed1; } /* xmSelect */ .theme-purple xm-select .xm-body .xm-option .xm-option-icon { border-color: #722ed1 !important; } .theme-purple xm-select .xm-body .xm-option.selected .xm-option-icon, .theme-purple xm-select > .xm-body .xm-toolbar .toolbar-tag:hover, .theme-purple .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #722ed1 !important; } .theme-purple xm-select .xm-label .xm-label-block, .theme-purple xm-select .xm-body .xm-option.hide-icon.selected { background-color: #722ed1 !important; } /* city-select */ .theme-purple .city-select a.active { color: #fff !important; background-color: #722ed1 !important; } .theme-purple .city-select a:hover, .theme-purple .city-select a:focus { background-color: rgba(114, 46, 209, .1); color: #722ed1; } .theme-purple .city-picker-span > .title > span:hover { background-color: rgba(114, 46, 209, .1); } .theme-purple .city-select-tab > a.active { color: #722ed1; } /** ---------------------------绱壊涓婚end----------------------------------- */ /** ---------------------------绾㈣壊涓婚start----------------------------------- */ /* logo */ .theme-red .layui-layout-admin .layui-header .layui-logo { color: #fff; box-shadow: none; background-color: transparent; } /* header */ .theme-red .layui-layout-admin .layui-header { background-color: #DD4B39; } .theme-red .layui-layout-admin .layui-header a { color: #fff; } .theme-red .layui-layout-admin .layui-header a:hover { color: #fff; } .theme-red .layui-layout-admin .layui-header .layui-nav-child a { color: #595959; } .theme-red .layui-layout-admin .layui-header .layui-nav .layui-nav-more { border-color: #eee transparent transparent; } .theme-red .layui-layout-admin .layui-header .layui-nav .layui-nav-mored { border-color: transparent transparent #eee; } .theme-red .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-red .layui-layout-admin .layui-header .layui-nav-bar { background-color: #fff; } /* side */ .theme-red .layui-layout-admin .layui-side { background-color: #28333E; } .theme-red .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-red .layui-nav-tree .layui-this > a, .theme-red .layui-nav-tree .layui-this > a:hover { background-color: #DD4B39; } .theme-red .layui-nav-tree > .layui-nav-item > a:before { background-color: #DD4B39; } .theme-red .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { background: #28333E !important; } /* body tab */ .theme-red .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { background-color: #DD4B39; top: 38px; } /* body title */ .theme-red .layui-body-header-title { border-left-color: #DD4B39; } /* admin dialog */ .theme-red .layui-layer.layui-layer-admin .layui-layer-title { background-color: #DD4B39; } .theme-red .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #DD4B39; background-color: #DD4B39; } /* other */ .theme-red .more-theme-item:hover, .theme-red .more-theme-item.active { border-color: #DD4B39; } .theme-red .btn-circle { background: #DD4B39; } .theme-red .ball-loader > span, .theme-red .signal-loader > span { background-color: #DD4B39; } .theme-red .text-primary, .theme-red .layui-link { color: #DD4B39 !important; } /* button */ .theme-red .layui-btn { background-color: #DD4B39; } /* switch */ .theme-red .layui-form-onswitch { border-color: #DD4B39; background-color: #DD4B39; } /* radio */ .theme-red .layui-form-radio > i:hover, .theme-red .layui-form-radioed > i, .theme-red .layui-form-checked i, .theme-red .layui-form-checked:hover i { color: #DD4B39; } /* checkbox */ .theme-red .layui-form-checked[lay-skin=primary] i, .theme-red .layui-form-checked span, .theme-red .layui-form-checked:hover span { border-color: #DD4B39 !important; background-color: #DD4B39; } .theme-red .layui-form-checked[lay-skin=primary] i:hover, .theme-red .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #DD4B39 !important; } /* select */ .theme-red .layui-form-select dl dd.layui-this { background-color: #DD4B39; } /* laypage */ .theme-red .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #DD4B39; } .theme-red .layui-laypage input:focus, .theme-red .layui-laypage select:focus { border-color: #DD4B39 !important; } .theme-red .layui-laypage a:hover { color: #DD4B39; } /* tab */ .theme-red .layui-tab-brief > .layui-tab-title .layui-this { color: #DD4B39; } .theme-red .layui-tab-brief > .layui-tab-more li.layui-this:after, .theme-red .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #DD4B39 !important; } .theme-red .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-color: #DD4B39; color: #DD4B39; } /* breadcrumb */ .theme-red .layui-breadcrumb a:hover { color: #DD4B39 !important; } /* laydate */ .theme-red .layui-laydate-footer span:hover, .theme-red .layui-laydate-header i:hover, .theme-red .layui-laydate-header span:hover { color: #DD4B39; } .theme-red .layui-laydate .layui-this { background-color: #DD4B39 !important; } .theme-red .layui-laydate-content td.laydate-selected { background-color: rgba(221, 75, 57, .1); } .theme-red .laydate-selected:hover { background-color: rgba(221, 75, 57, .1) !important; } /* timeline */ .theme-red .layui-timeline-axis { color: #DD4B39; } /* transfer */ .theme-red .layui-transfer-active .layui-btn { background-color: #DD4B39 !important; border-color: #DD4B39 !important; } /* progress-bar */ .theme-red .layui-progress-bar { background-color: #DD4B39; } /* slider */ .theme-red .layui-slider-bar { background-color: #DD4B39 !important; } .theme-red .layui-slider-wrap-btn { border-color: #DD4B39 !important; } /* steps */ .theme-red .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon { color: #DD4B39; } .theme-red .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok, .theme-red .layui-elem-quote { border-color: #DD4B39; } .theme-red .layui-tab.layui-steps > .layui-tab-title > li:before, .theme-red .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok { background-color: #DD4B39; } .theme-red .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li { background-color: #EEA39A; } .theme-red .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this { background-color: #DD4B39; } .theme-red .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after { border-left-color: #EEA39A !important; } .theme-red .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after { border-left-color: #DD4B39 !important; } /* cascader */ .theme-red .ew-cascader-dropdown-list-item.active, .theme-red .ew-cascader-dropdown-list-item.active .ew-icon-right { color: #DD4B39; } /* tagsinput */ .theme-red div.tagsinput span.tag { background: #DD4B39; } /* xmSelect */ .theme-red xm-select .xm-body .xm-option .xm-option-icon { border-color: #DD4B39 !important; } .theme-red xm-select .xm-body .xm-option.selected .xm-option-icon, .theme-red xm-select > .xm-body .xm-toolbar .toolbar-tag:hover, .theme-red .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #DD4B39 !important; } .theme-red xm-select .xm-label .xm-label-block, .theme-red xm-select .xm-body .xm-option.hide-icon.selected { background-color: #DD4B39 !important; } /* city-select */ .theme-red .city-select a.active { color: #fff !important; background-color: #DD4B39 !important; } .theme-red .city-select a:hover, .theme-red .city-select a:focus { background-color: rgba(221, 75, 57, .1); color: #DD4B39; } .theme-red .city-picker-span > .title > span:hover { background-color: rgba(221, 75, 57, .1); } .theme-red .city-select-tab > a.active { color: #DD4B39; } /** ---------------------------绾㈣壊涓婚end----------------------------------- */ /** ---------------------------钘忛潚涓婚start----------------------------------- */ /* logo */ .theme-cyan .layui-layout-admin .layui-header .layui-logo { background-color: #001529; } /* header */ .theme-cyan .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-cyan .layui-layout-admin .layui-header .layui-nav-bar { background-color: #001529; } /* side */ .theme-cyan .layui-layout-admin .layui-side { background-color: #001529; } .theme-cyan .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-cyan .layui-nav-tree .layui-this > a, .theme-cyan .layui-nav-tree .layui-this > a:hover { background-color: #1890ff; } .theme-cyan .layui-nav-tree > .layui-nav-item > a:before { background-color: #1890FF; } .theme-cyan .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { background: #001529 !important; } /* body tab */ .theme-cyan .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { background-color: #001529; } /* body title */ .theme-cyan .layui-body-header-title { border-left-color: #1890FF; } /* admin dialog */ .theme-cyan .layui-layer.layui-layer-admin { border-radius: 4px; } .theme-cyan .layui-layer.layui-layer-admin .layui-layer-title { color: #333; font-size: 16px; padding-left: 23px; background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid #f1f1f1; } .theme-cyan .layui-layer.layui-layer-admin .layui-layer-setwin a { color: #8c8c8c; font-weight: 600; } .theme-cyan .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite { background-color: #8c8c8c; } .theme-cyan .layui-layer.layui-layer-admin .layui-layer-btn a { height: 32px; line-height: 32px; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, .03); } .theme-cyan .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #1890FF; background-color: #1890FF; } /* other */ .theme-cyan .more-theme-item:hover, .theme-cyan .more-theme-item.active { border-color: #1890FF; } .theme-cyan .btn-circle { background: #1890FF; } .theme-cyan .ball-loader > span, .theme-cyan .signal-loader > span { background-color: #1890FF; } .theme-cyan .text-primary, .theme-cyan .layui-link { color: #1890FF !important; } /* button */ .theme-cyan .layui-btn { height: 36px; line-height: 36px; border-radius: 4px; background-color: #1890FF; box-shadow: 0 1px 0 rgba(0, 0, 0, .03); } .theme-cyan .layui-btn-lg { height: 42px; line-height: 42px; } .theme-cyan .layui-btn-sm { height: 28px; line-height: 28px; } .theme-cyan .layui-btn-xs { height: 22px; line-height: 22px; } /* input */ .theme-cyan .layui-input, .theme-cyan .layui-select, .theme-cyan .layui-textarea, .theme-cyan xm-select { height: 36px; border-radius: 4px; } .theme-cyan .layui-input:focus, .theme-cyan .layui-textarea:focus, .theme-cyan xm-select:hover { border-color: #40a9ff !important; } /* form */ .theme-cyan .layui-form-label, .theme-cyan .layui-form-mid { padding-top: 8px; padding-bottom: 8px; } .theme-cyan .layui-input-block { min-height: 36px; } .theme-cyan .layui-form-radio { margin-top: 4px; } /* switch */ .theme-cyan .layui-form-onswitch { border-color: #1890FF; background-color: #1890FF; } /* radio */ .theme-cyan .layui-form-radio > i:hover, .theme-cyan .layui-form-radioed > i, .theme-cyan .layui-form-checked i, .theme-cyan .layui-form-checked:hover i { color: #1890FF; } /* checkbox */ .theme-cyan .layui-form-checked[lay-skin=primary] i, .theme-cyan .layui-form-checked span, .theme-cyan .layui-form-checked:hover span { border-color: #1890FF !important; background-color: #1890FF; } .theme-cyan .layui-form-checked[lay-skin=primary] i:hover, .theme-cyan .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #1890FF !important; } /* select */ .theme-cyan .layui-form-select dl dd.layui-this { background-color: #1890FF; } /* laypage */ .theme-cyan .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #1890FF; } .theme-cyan .layui-laypage input:focus, .theme-cyan .layui-laypage select:focus { border-color: #1890FF !important; } .theme-cyan .layui-laypage a:hover { color: #1890FF; } /* tab */ .theme-cyan .layui-tab-brief > .layui-tab-title .layui-this { color: #1890FF; } .theme-cyan .layui-tab-brief > .layui-tab-more li.layui-this:after, .theme-cyan .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #1890FF !important; } .theme-cyan .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-color: #2d8cf0; color: #2d8cf0; } /* breadcrumb */ .theme-cyan .layui-breadcrumb a:hover { color: #1890FF !important; } /* laydate */ .theme-cyan .layui-laydate-footer span:hover, .theme-cyan .layui-laydate-header i:hover, .theme-cyan .layui-laydate-header span:hover { color: #1890FF; } .theme-cyan .layui-laydate .layui-this { background-color: #1890FF !important; } .theme-cyan .layui-laydate-content td.laydate-selected { background-color: rgba(24, 144, 255, .1); } .theme-cyan .laydate-selected:hover { background-color: rgba(24, 144, 255, .1) !important; } /* timeline */ .theme-cyan .layui-timeline-axis { color: #1890FF; } /* transfer */ .theme-cyan .layui-transfer-active .layui-btn { background-color: #1890FF !important; border-color: #1890FF !important; } /* progress-bar */ .theme-cyan .layui-progress-bar { background-color: #1890FF; } /* slider */ .theme-cyan .layui-slider-bar { background-color: #1890FF !important; } .theme-cyan .layui-slider-wrap-btn { border-color: #1890FF !important; } /* steps */ .theme-cyan .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon { color: #1890FF; } .theme-cyan .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok, .theme-cyan .layui-elem-quote { border-color: #1890FF; } .theme-cyan .layui-tab.layui-steps > .layui-tab-title > li:before, .theme-cyan .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok { background-color: #1890FF; } .theme-cyan .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li { background-color: #89C6FF; } .theme-cyan .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this { background-color: #1890FF; } .theme-cyan .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after { border-left-color: #89C6FF !important; } .theme-cyan .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after { border-left-color: #1890FF !important; } /* cascader */ .theme-cyan .ew-cascader-dropdown-list-item.active, .theme-cyan .ew-cascader-dropdown-list-item.active .ew-icon-right { color: #1890FF; } /* tagsinput */ .theme-cyan div.tagsinput span.tag { background: #1890FF; } /* xmSelect */ .theme-cyan xm-select .xm-body .xm-option .xm-option-icon { border-color: #1890FF !important; } .theme-cyan xm-select .xm-body .xm-option.selected .xm-option-icon, .theme-cyan xm-select > .xm-body .xm-toolbar .toolbar-tag:hover, .theme-cyan .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #1890FF !important; } .theme-cyan xm-select .xm-label .xm-label-block, .theme-cyan xm-select .xm-body .xm-option.hide-icon.selected { background-color: #1890FF !important; } /* city-select */ .theme-cyan .city-select a.active { color: #fff !important; background-color: #1890FF !important; } .theme-cyan .city-select a:hover, .theme-cyan .city-select a:focus { background-color: #f0faff; color: #1890FF; } .theme-cyan .city-picker-span > .title > span:hover { background-color: #f0faff; } .theme-cyan .city-select-tab > a.active { color: #1890FF; } /** ---------------------------钘忛潚涓婚end----------------------------------- */ /** ---------------------------鐧借壊涓婚start----------------------------------- */ /* logo */ .theme-white .layui-layout-admin .layui-header .layui-logo { color: #262626; background-color: transparent; box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05); } /* header */ .theme-white .layui-layout-admin .layui-header { box-shadow: 0 1px 4px rgba(0, 21, 41, .08); } .theme-white .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-white .layui-layout-admin .layui-header .layui-nav-bar { background-color: #2d8cf0; } /* side */ .theme-white .layui-layout-admin .layui-side { background-color: #fff; box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05); } .theme-white .layui-side .layui-nav .layui-nav-item a { color: #595959; } .theme-white .layui-side .layui-nav .layui-nav-item a:hover { color: #2d8cf0; } .theme-white .layui-side .layui-nav-itemed > a, .theme-white .layui-side .layui-nav-tree .layui-nav-title a, .theme-white .layui-side .layui-nav-tree .layui-nav-title a:hover { color: #595959 !important; } .theme-white .layui-side .layui-nav-itemed > a:hover { color: #2d8cf0 !important; } .theme-white .layui-side .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-white .layui-side .layui-nav-tree .layui-this > a, .theme-white .layui-side .layui-nav-tree .layui-this > a:hover { color: #2d8cf0; background: #f0faff; border-right: 2px solid #2d8cf0; } .theme-white .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child { background-color: transparent !important; } .theme-white .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { background: #fff !important; } @media screen and (min-width: 769px) { .theme-white .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a { background: #f0faff; color: #2d8cf0 !important; } } .theme-white .layui-nav-tree > .layui-nav-item > a:before { display: none; } /* side arrow */ .theme-white .layui-side .layui-nav .layui-nav-more { border-color: rgba(89, 89, 89, .7) transparent transparent; } .theme-white .layui-side .layui-nav .layui-nav-mored, .theme-white .layui-side .layui-nav-itemed > a .layui-nav-more { border-color: transparent transparent rgba(89, 89, 89, .7); } .theme-white .layui-side .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before { background-color: rgba(89, 89, 89, .7); } @media screen and (min-width: 769px) { .theme-white .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more { border-color: transparent transparent transparent rgba(89, 89, 89, .7); } } /* body tab */ .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title { top: 8px; right: 8px; height: 32px; line-height: 32px; box-sizing: border-box; background-color: transparent; box-shadow: -4px 4px 0 #f5f7f9; padding-right: 70px; } .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li { border: none; margin-right: 6px; border-radius: 4px; background-color: #fff; line-height: 32px; height: 32px; } .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { color: #2d8cf0; background-color: #fff; } .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover { background-color: #fff; } .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { display: none; } .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close, .theme-white .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close:hover { top: 8px; color: #8c8c8c; background-color: transparent; } .theme-white .layui-layout-admin .layui-body .admin-tabs-control, .theme-white .layui-layout-admin .layui-body .admin-tabs-control:hover { top: 8px; height: 32px; line-height: 32px; background-color: #f5f7f9; border: none; } .theme-white .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-down { border-radius: 4px; background-color: #fff; width: 32px; right: 8px; } .theme-white .admin-tabs-control > .layui-nav .layui-nav-item { line-height: 32px; } .theme-white .admin-tabs-control > .layui-nav .layui-nav-item > a { height: 32px; width: 32px; padding: 0; } .theme-white .admin-tabs-control > .layui-nav .layui-nav-child { top: 36px; border: none; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); } .theme-white .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-prev:before { content: "\e603"; } .theme-white .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-next:before { content: "\e602"; } /* body title */ .theme-white .layui-body-header-title { border-left-color: #2d8cf0; } .theme-white .layui-body-header { box-shadow: 0 1px 4px rgba(0, 21, 41, .08); } /* admin dialog */ .theme-white .layui-layer.layui-layer-admin { border-radius: 4px; } .theme-white .layui-layer.layui-layer-admin .layui-layer-title { color: #262626; font-size: 16px; padding-left: 23px; background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid #f1f1f1; } .theme-white .layui-layer.layui-layer-admin .layui-layer-setwin a { color: #8c8c8c; font-weight: 600; } .theme-white .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite { background-color: #8c8c8c; } .theme-white .layui-layer.layui-layer-admin .layui-layer-btn a { height: 32px; line-height: 32px; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, .03); } .theme-white .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #2d8cf0; background-color: #2d8cf0; } /* other */ .theme-white .more-theme-item:hover, .theme-white .more-theme-item.active { border-color: #2d8cf0; } .theme-white .btn-circle { background: #2d8cf0; } .theme-white .ball-loader > span, .theme-white .signal-loader > span { background-color: #2d8cf0; } .theme-white .text-primary, .theme-white .layui-link { color: #2d8cf0 !important;; } .theme-white .layui-card { border-radius: 4px; box-shadow: none; } /* button */ .theme-white .layui-btn { height: 36px; line-height: 36px; border-radius: 4px; background-color: #2d8cf0; box-shadow: 0 1px 0 rgba(0, 0, 0, .03); } .theme-white .layui-btn-lg { height: 42px; line-height: 42px; } .theme-white .layui-btn-sm { height: 28px; line-height: 28px; } .theme-white .layui-btn-xs { height: 22px; line-height: 22px; } /* input */ .theme-white .layui-input, .theme-white .layui-select, .theme-white .layui-textarea, .theme-white xm-select { height: 36px; border-radius: 4px; } .theme-white .layui-input:focus, .theme-white .layui-textarea:focus, .theme-white xm-select:hover { border-color: #2d8cf0 !important; } /* form */ .theme-white .layui-form-label, .theme-white .layui-form-mid { padding-top: 8px; padding-bottom: 8px; } .theme-white .layui-input-block { min-height: 36px; } .theme-white .layui-form-radio { margin-top: 4px; } /* switch */ .theme-white .layui-form-onswitch { border-color: #2d8cf0; background-color: #2d8cf0; } /* radio */ .theme-white .layui-form-radio > i:hover, .theme-white .layui-form-radioed > i, .theme-white .layui-form-checked i, .theme-white .layui-form-checked:hover i { color: #2d8cf0; } /* checkbox */ .theme-white .layui-form-checked[lay-skin=primary] i, .theme-white .layui-form-checked span, .theme-white .layui-form-checked:hover span { border-color: #2d8cf0 !important; background-color: #2d8cf0; } .theme-white .layui-form-checked[lay-skin=primary] i:hover, .theme-white .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #2d8cf0 !important; } /* select */ .theme-white .layui-form-select dl dd.layui-this { background-color: #2d8cf0; } /* laypage */ .theme-white .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #2d8cf0; } .theme-white .layui-laypage input:focus, .theme-white .layui-laypage select:focus { border-color: #2d8cf0 !important; } .theme-white .layui-laypage a:hover { color: #2d8cf0; } /* tab */ .theme-white .layui-tab-brief > .layui-tab-title .layui-this { color: #2d8cf0; } .theme-white .layui-tab-brief > .layui-tab-more li.layui-this:after, .theme-white .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #2d8cf0 !important; } .theme-white .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-color: #2d8cf0; color: #2d8cf0; } /* breadcrumb */ .theme-white .layui-breadcrumb a:hover { color: #2d8cf0 !important; } /* laydate */ .theme-white .layui-laydate-footer span:hover, .theme-white .layui-laydate-header i:hover, .theme-white .layui-laydate-header span:hover { color: #2d8cf0; } .theme-white .layui-laydate .layui-this { background-color: #2d8cf0 !important; } .theme-white .layui-laydate-content td.laydate-selected { background-color: rgba(45, 140, 240, .1); } .theme-white .laydate-selected:hover { background-color: rgba(45, 140, 240, .1) !important; } /* timeline */ .theme-white .layui-timeline-axis { color: #2d8cf0; } /* transfer */ .theme-white .layui-transfer-active .layui-btn { background-color: #2d8cf0 !important; border-color: #2d8cf0 !important; } /* progress-bar */ .theme-white .layui-progress-bar { background-color: #2d8cf0; } /* slider */ .theme-white .layui-slider-bar { background-color: #2d8cf0 !important; } .theme-white .layui-slider-wrap-btn { border-color: #2d8cf0 !important; } /* steps */ .theme-white .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon { color: #2d8cf0; } .theme-white .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok, .theme-white .layui-elem-quote { border-color: #2d8cf0; } .theme-white .layui-tab.layui-steps > .layui-tab-title > li:before, .theme-white .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok { background-color: #2d8cf0; } .theme-white .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li { background-color: #95C5F7; } .theme-white .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this { background-color: #2d8cf0; } .theme-white .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after { border-left-color: #95C5F7 !important; } .theme-white .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after { border-left-color: #2d8cf0 !important; } /* cascader */ .theme-white .ew-cascader-dropdown-list-item.active, .theme-white .ew-cascader-dropdown-list-item.active .ew-icon-right { color: #2d8cf0; } /* tagsinput */ .theme-white div.tagsinput span.tag { background: #2d8cf0; } /* xmSelect */ .theme-white xm-select .xm-body .xm-option .xm-option-icon { border-color: #2d8cf0 !important; } .theme-white xm-select .xm-body .xm-option.selected .xm-option-icon, .theme-white xm-select > .xm-body .xm-toolbar .toolbar-tag:hover, .theme-white .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #2d8cf0 !important; } .theme-white xm-select .xm-label .xm-label-block, .theme-white xm-select .xm-body .xm-option.hide-icon.selected { background-color: #2d8cf0 !important; } /* city-select */ .theme-white .city-select a.active { color: #fff !important; background-color: #2d8cf0 !important; } .theme-white .city-select a:hover, .theme-white .city-select a:focus { background-color: #f0faff; color: #2d8cf0; } .theme-white .city-picker-span > .title > span:hover { background-color: #f0faff; } .theme-white .city-select-tab > a.active { color: #2d8cf0; } /** ---------------------------鐧借壊涓婚end----------------------------------- */ /** ---------------------------绮夎壊涓婚start----------------------------------- */ /* logo */ .theme-pink .layui-layout-admin .layui-header .layui-logo { color: #262626; background-color: transparent; box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05); } /* header */ .theme-pink .layui-layout-admin .layui-header { box-shadow: 0 1px 4px rgba(0, 21, 41, .08); } .theme-pink .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-pink .layui-layout-admin .layui-header .layui-nav-bar { background-color: #FB7299; } /* side */ .theme-pink .layui-layout-admin .layui-side { background-color: #fff; box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05); } .theme-pink .layui-side .layui-nav .layui-nav-item a { color: #595959; } .theme-pink .layui-side .layui-nav .layui-nav-item a:hover { color: #FB7299; } .theme-pink .layui-side .layui-nav-itemed > a, .theme-pink .layui-side .layui-nav-tree .layui-nav-title a, .theme-pink .layui-side .layui-nav-tree .layui-nav-title a:hover { color: #595959 !important; } .theme-pink .layui-side .layui-nav-itemed > a:hover { color: #FB7299 !important; } .theme-pink .layui-side .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-pink .layui-side .layui-nav-tree .layui-this > a, .theme-pink .layui-side .layui-nav-tree .layui-this > a:hover { color: #FB7299; background: #FFF7F9; border-right: 2px solid #FB7299; } .theme-pink .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child { background-color: transparent !important; } .theme-pink .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { background: #fff !important; } @media screen and (min-width: 769px) { .theme-pink .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a { background: #FFF1F5; color: #FB7299 !important; } } .theme-pink .layui-nav-tree > .layui-nav-item > a:before { display: none; } /* side arrow */ .theme-pink .layui-side .layui-nav .layui-nav-more { border-color: rgba(89, 89, 89, .7) transparent transparent; } .theme-pink .layui-side .layui-nav .layui-nav-mored, .theme-pink .layui-side .layui-nav-itemed > a .layui-nav-more { border-color: transparent transparent rgba(89, 89, 89, .7); } .theme-pink .layui-side .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before { background-color: rgba(89, 89, 89, .7); } @media screen and (min-width: 769px) { .theme-pink .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more { border-color: transparent transparent transparent rgba(89, 89, 89, .7); } } /* body tab */ .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title { top: 8px; right: 8px; height: 32px; line-height: 32px; box-sizing: border-box; background-color: transparent; box-shadow: -4px 4px 0 #f5f7f9; padding-right: 70px; } .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li { border: none; margin-right: 6px; border-radius: 4px; background-color: #fff; line-height: 32px; height: 32px; } .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { color: #FB7299; background-color: #fff; } .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover { background-color: #fff; } .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { display: none; } .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close, .theme-pink .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close:hover { top: 8px; color: #8c8c8c; background-color: transparent; } .theme-pink .layui-layout-admin .layui-body .admin-tabs-control, .theme-pink .layui-layout-admin .layui-body .admin-tabs-control:hover { top: 8px; height: 32px; line-height: 32px; background-color: #f5f7f9; border: none; } .theme-pink .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-down { border-radius: 4px; background-color: #fff; width: 32px; right: 8px; } .theme-pink .admin-tabs-control > .layui-nav .layui-nav-item { line-height: 32px; } .theme-pink .admin-tabs-control > .layui-nav .layui-nav-item > a { height: 32px; width: 32px; padding: 0; } .theme-pink .admin-tabs-control > .layui-nav .layui-nav-child { top: 36px; border: none; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); } .theme-pink .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-prev:before { content: "\e603"; } .theme-pink .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-next:before { content: "\e602"; } /* body title */ .theme-pink .layui-body-header-title { border-left-color: #FB7299; } .theme-pink .layui-body-header { box-shadow: 0 1px 4px rgba(0, 21, 41, .08); } /* admin dialog */ .theme-pink .layui-layer.layui-layer-admin { border-radius: 4px; } .theme-pink .layui-layer.layui-layer-admin .layui-layer-title { color: #262626; font-size: 16px; padding-left: 23px; background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid #f1f1f1; } .theme-pink .layui-layer.layui-layer-admin .layui-layer-setwin a { color: #8c8c8c; font-weight: 600; } .theme-pink .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite { background-color: #8c8c8c; } .theme-pink .layui-layer.layui-layer-admin .layui-layer-btn a { height: 32px; line-height: 32px; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, .03); } .theme-pink .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #FB7299; background-color: #FB7299; } /* other */ .theme-pink .more-theme-item:hover, .theme-pink .more-theme-item.active { border-color: #FB7299; } .theme-pink .btn-circle { background: #FB7299; } .theme-pink .ball-loader > span, .theme-pink .signal-loader > span { background-color: #FB7299; } .theme-pink .text-primary, .theme-pink .layui-link { color: #FB7299 !important;; } .theme-pink .layui-card { border-radius: 4px; box-shadow: none; } /* button */ .theme-pink .layui-btn { height: 36px; line-height: 36px; border-radius: 4px; background-color: #FB7299; box-shadow: 0 1px 0 rgba(0, 0, 0, .03); } .theme-pink .layui-btn-lg { height: 42px; line-height: 42px; } .theme-pink .layui-btn-sm { height: 28px; line-height: 28px; } .theme-pink .layui-btn-xs { height: 22px; line-height: 22px; } /* input */ .theme-pink .layui-input, .theme-pink .layui-select, .theme-pink .layui-textarea, .theme-pink xm-select { height: 36px; border-radius: 4px; } .theme-pink .layui-input:focus, .theme-pink .layui-textarea:focus, .theme-pink xm-select:hover { border-color: #FB7299 !important; } /* form */ .theme-pink .layui-form-label, .theme-pink .layui-form-mid { padding-top: 8px; padding-bottom: 8px; } .theme-pink .layui-input-block { min-height: 36px; } .theme-pink .layui-form-radio { margin-top: 4px; } /* switch */ .theme-pink .layui-form-onswitch { border-color: #FB7299; background-color: #FB7299; } /* radio */ .theme-pink .layui-form-radio > i:hover, .theme-pink .layui-form-radioed > i, .theme-pink .layui-form-checked i, .theme-pink .layui-form-checked:hover i { color: #FB7299; } /* checkbox */ .theme-pink .layui-form-checked[lay-skin=primary] i, .theme-pink .layui-form-checked span, .theme-pink .layui-form-checked:hover span { border-color: #FB7299 !important; background-color: #FB7299; } .theme-pink .layui-form-checked[lay-skin=primary] i:hover, .theme-pink .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #FB7299 !important; } /* select */ .theme-pink .layui-form-select dl dd.layui-this { background-color: #FB7299; } /* laypage */ .theme-pink .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #FB7299; } .theme-pink .layui-laypage input:focus, .theme-pink .layui-laypage select:focus { border-color: #FB7299 !important; } .theme-pink .layui-laypage a:hover { color: #FB7299; } /* tab */ .theme-pink .layui-tab-brief > .layui-tab-title .layui-this { color: #FB7299; } .theme-pink .layui-tab-brief > .layui-tab-more li.layui-this:after, .theme-pink .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #FB7299 !important; } .theme-pink .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-color: #FB7299; color: #FB7299; } /* breadcrumb */ .theme-pink .layui-breadcrumb a:hover { color: #FB7299 !important; } /* laydate */ .theme-pink .layui-laydate-footer span:hover, .theme-pink .layui-laydate-header i:hover, .theme-pink .layui-laydate-header span:hover { color: #FB7299; } .theme-pink .layui-laydate .layui-this { background-color: #FB7299 !important; } .theme-pink .layui-laydate-content td.laydate-selected { background-color: #FFF1F5; } .theme-pink .laydate-selected:hover { background-color: #FFF1F5 !important; } /* timeline */ .theme-pink .layui-timeline-axis { color: #FB7299; } /* transfer */ .theme-pink .layui-transfer-active .layui-btn { background-color: #FB7299 !important; border-color: #FB7299 !important; } /* progress-bar */ .theme-pink .layui-progress-bar { background-color: #FB7299; } /* slider */ .theme-pink .layui-slider-bar { background-color: #FB7299 !important; } .theme-pink .layui-slider-wrap-btn { border-color: #FB7299 !important; } /* steps */ .theme-pink .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon { color: #FB7299; } .theme-pink .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok, .theme-pink .layui-elem-quote { border-color: #FB7299; } .theme-pink .layui-tab.layui-steps > .layui-tab-title > li:before, .theme-pink .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok { background-color: #FB7299; } .theme-pink .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li { background-color: #FDB8CC; } .theme-pink .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this { background-color: #FB7299; } .theme-pink .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after { border-left-color: #FDB8CC !important; } .theme-pink .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after { border-left-color: #FB7299 !important; } /* cascader */ .theme-pink .ew-cascader-dropdown-list-item.active, .theme-pink .ew-cascader-dropdown-list-item.active .ew-icon-right { color: #FB7299; } /* tagsinput */ .theme-pink div.tagsinput span.tag { background: #FB7299; } /* xmSelect */ .theme-pink xm-select .xm-body .xm-option .xm-option-icon { border-color: #FB7299 !important; } .theme-pink xm-select .xm-body .xm-option.selected .xm-option-icon, .theme-pink xm-select > .xm-body .xm-toolbar .toolbar-tag:hover, .theme-pink .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #FB7299 !important; } .theme-pink xm-select .xm-label .xm-label-block, .theme-pink xm-select .xm-body .xm-option.hide-icon.selected { background-color: #FB7299 !important; } /* city-select */ .theme-pink .city-select a.active { color: #fff !important; background-color: #FB7299 !important; } .theme-pink .city-select a:hover, .theme-pink .city-select a:focus { background-color: #FFF1F5; color: #FB7299; } .theme-pink .city-picker-span > .title > span:hover { background-color: #FFF1F5; } .theme-pink .city-select-tab > a.active { color: #FB7299; } /** ---------------------------绮夎壊涓婚end----------------------------------- */ /** ---------------------------colorful涓婚start----------------------------------- */ /* logo */ .theme-colorful .layui-layout-admin .layui-header .layui-logo { color: #262626; background-color: transparent; box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05); } /* header */ .theme-colorful .layui-layout-admin .layui-header { box-shadow: 0 1px 4px rgba(0, 21, 41, .08); } .theme-colorful .layui-layout-admin .layui-header .layui-nav .layui-this:after, .theme-colorful .layui-layout-admin .layui-header .layui-nav-bar { background-color: #2d8cf0; } /* side */ .theme-colorful .layui-layout-admin .layui-side { background-color: #fff; box-shadow: 2px 8px 8px 0 rgba(29, 35, 41, .05); } .theme-colorful .layui-side .layui-nav .layui-nav-item a { color: #595959; } .theme-colorful .layui-side .layui-nav .layui-nav-item a:hover { color: #2d8cf0; } .theme-colorful .layui-side .layui-nav-itemed > a, .theme-colorful .layui-side .layui-nav-tree .layui-nav-title a, .theme-colorful .layui-side .layui-nav-tree .layui-nav-title a:hover { color: #595959 !important; } .theme-colorful .layui-side .layui-nav-itemed > a:hover { color: #2d8cf0 !important; } .theme-colorful .layui-side .layui-nav-tree .layui-nav-child dd.layui-this a, .theme-colorful .layui-side .layui-nav-tree .layui-this > a, .theme-colorful .layui-side .layui-nav-tree .layui-this > a:hover { color: #2d8cf0; background: #f0faff; border-right: 2px solid #2d8cf0; } .theme-colorful .layui-side .layui-nav-tree .layui-nav-item .layui-nav-child { background-color: transparent !important; } .theme-colorful .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child:before { background: #fff !important; } @media screen and (min-width: 769px) { .theme-colorful .layui-layout-admin.admin-nav-mini .layui-side .layui-nav li.layui-nav-itemed > a { background: #f0faff; color: #2d8cf0 !important; } } .theme-colorful .layui-nav-tree > .layui-nav-item > a:before { display: none; } /* side arrow */ .theme-colorful .layui-side .layui-nav .layui-nav-more { border-color: rgba(89, 89, 89, .7) transparent transparent; } .theme-colorful .layui-side .layui-nav .layui-nav-mored, .theme-colorful .layui-side .layui-nav-itemed > a .layui-nav-more { border-color: transparent transparent rgba(89, 89, 89, .7); } .theme-colorful .layui-side .layui-nav-tree.arrow3 .layui-nav-itemed > a > .layui-nav-more:before { background-color: rgba(89, 89, 89, .7); } @media screen and (min-width: 769px) { .theme-colorful .layui-layout-admin.admin-nav-mini .layui-side .layui-nav .admin-nav-hover > .layui-nav-child > dd > a .layui-nav-more { border-color: transparent transparent transparent rgba(89, 89, 89, .7); } } .theme-colorful .layui-side .layui-nav .layui-nav-item a cite { vertical-align: middle; } /* side icon */ .theme-colorful .layui-side .layui-nav-item > a > .layui-icon { color: #fff; width: 28px; height: 28px; font-size: 12px !important; line-height: 28px; text-align: center; border-radius: 50%; display: inline-block; vertical-align: middle; background-color: #61B2FC; } .theme-colorful .layui-side .layui-nav-item:nth-child(even) > a > .layui-icon { background-color: #7DD733; } .theme-colorful .layui-side .layui-nav-item:nth-child(3) > a > .layui-icon { background-color: #32A2D4; } .theme-colorful .layui-side .layui-nav-item:nth-child(4) > a > .layui-icon { background-color: #2BCCCE; } .theme-colorful .layui-side .layui-nav-item:nth-child(5) > a > .layui-icon { background-color: #7383CF; } @media screen and (min-width: 768px) { .theme-colorful .admin-nav-mini .layui-side .layui-nav-item > a { padding-left: 16px; } } .theme-colorful .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child a { padding-left: 63px; } .theme-colorful .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child a { padding-left: 83px; } .theme-colorful .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child a { padding-left: 103px; } .theme-colorful .layui-layout-admin .layui-side .layui-nav .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a { padding-left: 123px; } /* body tab */ .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title { top: 8px; right: 8px; height: 32px; line-height: 32px; box-sizing: border-box; background-color: transparent; box-shadow: -4px 4px 0 #f5f7f9; padding-right: 70px; } .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li { border: none; margin-right: 6px; border-radius: 4px; background-color: #fff; line-height: 32px; height: 32px; } .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this { color: #2d8cf0; background-color: #fff; } .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li:hover { background-color: #fff; } .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li.layui-this:after { display: none; } .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close, .theme-colorful .layui-layout-admin .layui-body > .layui-tab > .layui-tab-title li .layui-tab-close:hover { top: 8px; color: #8c8c8c; background-color: transparent; } .theme-colorful .layui-layout-admin .layui-body .admin-tabs-control, .theme-colorful .layui-layout-admin .layui-body .admin-tabs-control:hover { top: 8px; height: 32px; line-height: 32px; background-color: #f5f7f9; border: none; } .theme-colorful .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-down { border-radius: 4px; background-color: #fff; width: 32px; right: 8px; } .theme-colorful .admin-tabs-control > .layui-nav .layui-nav-item { line-height: 32px; } .theme-colorful .admin-tabs-control > .layui-nav .layui-nav-item > a { height: 32px; width: 32px; padding: 0; } .theme-colorful .admin-tabs-control > .layui-nav .layui-nav-child { top: 36px; border: none; border-radius: 4px; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); } .theme-colorful .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-prev:before { content: "\e603"; } .theme-colorful .layui-layout-admin .layui-body .admin-tabs-control.layui-icon-next:before { content: "\e602"; } /* body title */ .theme-colorful .layui-body-header-title { border-left-color: #2d8cf0; } .theme-colorful .layui-body-header { box-shadow: 0 1px 4px rgba(0, 21, 41, .08); } /* admin dialog */ .theme-colorful .layui-layer.layui-layer-admin { border-radius: 4px; } .theme-colorful .layui-layer.layui-layer-admin .layui-layer-title { color: #262626; font-size: 16px; padding-left: 23px; background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom: 1px solid #f1f1f1; } .theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin a { color: #8c8c8c; font-weight: 600; } .theme-colorful .layui-layer.layui-layer-admin .layui-layer-setwin .layui-layer-min cite { background-color: #8c8c8c; } .theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn a { height: 32px; line-height: 32px; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, .03); } .theme-colorful .layui-layer.layui-layer-admin .layui-layer-btn .layui-layer-btn0 { border-color: #2d8cf0; background-color: #2d8cf0; } /* other */ .theme-colorful .more-theme-item:hover, .theme-colorful .more-theme-item.active { border-color: #2d8cf0; } .theme-colorful .btn-circle { background: #2d8cf0; } .theme-colorful .ball-loader > span, .theme-colorful .signal-loader > span { background-color: #2d8cf0; } .theme-colorful .text-primary, .theme-colorful .layui-link { color: #2d8cf0 !important;; } .theme-colorful .layui-card { border-radius: 4px; box-shadow: none; } /* button */ .theme-colorful .layui-btn { height: 36px; line-height: 36px; border-radius: 4px; background-color: #2d8cf0; box-shadow: 0 1px 0 rgba(0, 0, 0, .03); } .theme-colorful .layui-btn-lg { height: 42px; line-height: 42px; } .theme-colorful .layui-btn-sm { height: 28px; line-height: 28px; } .theme-colorful .layui-btn-xs { height: 22px; line-height: 22px; } /* input */ .theme-colorful .layui-input, .theme-colorful .layui-select, .theme-colorful .layui-textarea, .theme-colorful xm-select { height: 36px; border-radius: 4px; } .theme-colorful .layui-input:focus, .theme-colorful .layui-textarea:focus, .theme-colorful xm-select:hover { border-color: #2d8cf0 !important; } /* form */ .theme-colorful .layui-form-label, .theme-colorful .layui-form-mid { padding-top: 8px; padding-bottom: 8px; } .theme-colorful .layui-input-block { min-height: 36px; } .theme-colorful .layui-form-radio { margin-top: 4px; } /* switch */ .theme-colorful .layui-form-onswitch { border-color: #2d8cf0; background-color: #2d8cf0; } /* radio */ .theme-colorful .layui-form-radio > i:hover, .theme-colorful .layui-form-radioed > i, .theme-colorful .layui-form-checked i, .theme-colorful .layui-form-checked:hover i { color: #2d8cf0; } /* checkbox */ .theme-colorful .layui-form-checked[lay-skin=primary] i, .theme-colorful .layui-form-checked span, .theme-colorful .layui-form-checked:hover span { border-color: #2d8cf0 !important; background-color: #2d8cf0; } .theme-colorful .layui-form-checkbox[lay-skin=primary] i:hover, .theme-colorful .layui-form-checkbox[lay-skin=primary]:hover i { border-color: #2d8cf0; } /* select */ .theme-colorful .layui-form-select dl dd.layui-this { background-color: #2d8cf0; } /* laypage */ .theme-colorful .layui-laypage .layui-laypage-curr .layui-laypage-em { background-color: #2d8cf0; } .theme-colorful .layui-laypage input:focus, .theme-colorful .layui-laypage select:focus { border-color: #2d8cf0 !important; } .theme-colorful .layui-laypage a:hover { color: #2d8cf0; } /* tab */ .theme-colorful .layui-tab-brief > .layui-tab-title .layui-this { color: #2d8cf0; } .theme-colorful .layui-tab-brief > .layui-tab-more li.layui-this:after, .theme-colorful .layui-tab-brief > .layui-tab-title .layui-this:after { border-color: #2d8cf0 !important; } .theme-colorful .layui-tab.layui-tab-vertical > .layui-tab-title > li.layui-this { border-color: #2d8cf0; color: #2d8cf0; } /* breadcrumb */ .theme-colorful .layui-breadcrumb a:hover { color: #2d8cf0 !important; } /* laydate */ .theme-colorful .layui-laydate-footer span:hover, .theme-colorful .layui-laydate-header i:hover, .theme-colorful .layui-laydate-header span:hover { color: #2d8cf0; } .theme-colorful .layui-laydate .layui-this { background-color: #2d8cf0 !important; } .theme-colorful .layui-laydate-content td.laydate-selected { background-color: rgba(45, 140, 240, .1); } .theme-colorful .laydate-selected:hover { background-color: rgba(45, 140, 240, .1) !important; } /* timeline */ .theme-colorful .layui-timeline-axis { color: #2d8cf0; } /* transfer */ .theme-colorful .layui-transfer-active .layui-btn { background-color: #2d8cf0 !important; border-color: #2d8cf0 !important; } /* progress-bar */ .theme-colorful .layui-progress-bar { background-color: #2d8cf0; } /* slider */ .theme-colorful .layui-slider-bar { background-color: #2d8cf0 !important; } .theme-colorful .layui-slider-wrap-btn { border-color: #2d8cf0 !important; } /* steps */ .theme-colorful .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon { color: #2d8cf0; } .theme-colorful .layui-tab.layui-steps > .layui-tab-title > li > .layui-icon.layui-icon-ok, .theme-colorful .layui-elem-quote { border-color: #2d8cf0; } .theme-colorful .layui-tab.layui-steps > .layui-tab-title > li:before, .theme-colorful .layui-tab.layui-steps > .layui-tab-title > li.layui-this > .layui-icon.layui-icon-ok { background-color: #2d8cf0; } .theme-colorful .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li { background-color: #96C6F8; } .theme-colorful .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this { background-color: #2d8cf0; } .theme-colorful .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li:after { border-left-color: #96C6F8 !important; } .theme-colorful .layui-tab.layui-steps.layui-steps-simple > .layui-tab-title > li.layui-this + li:after { border-left-color: #2d8cf0 !important; } /* cascader */ .theme-colorful .ew-cascader-dropdown-list-item.active, .theme-colorful .ew-cascader-dropdown-list-item.active .ew-icon-right { color: #2d8cf0; } /* tagsinput */ .theme-colorful div.tagsinput span.tag { background: #2d8cf0; } /* xmSelect */ .theme-colorful xm-select .xm-body .xm-option .xm-option-icon { border-color: #2d8cf0 !important; } .theme-colorful xm-select .xm-body .xm-option.selected .xm-option-icon, .theme-colorful xm-select > .xm-body .xm-toolbar .toolbar-tag:hover, .theme-colorful .ew-xmselect-tree xm-select .xm-body .xm-option.selected .xm-option-content { color: #2d8cf0 !important; } .theme-colorful xm-select .xm-label .xm-label-block, .theme-colorful xm-select .xm-body .xm-option.hide-icon.selected { background-color: #2d8cf0 !important; } /* city-select */ .theme-colorful .city-select a.active { color: #fff !important; background-color: #2d8cf0 !important; } .theme-colorful .city-select a:hover, .theme-colorful .city-select a:focus { background-color: #f0faff; color: #2d8cf0; } .theme-colorful .city-picker-span > .title > span:hover { background-color: #f0faff; } .theme-colorful .city-select-tab > a.active { color: #2d8cf0; } /** ---------------------------colorful涓婚end----------------------------------- */