ok-admin/css/okadmin.css

@import "../lib/layui/css/layui.css";
@import "../font/iconfont.css";
@import "../lib/animate/animate.css";

/*全局样式*/
html,body{width: 100%;height: 100%;}
/*全站黑白色*/
/*html{webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}*/

/* 公共样式 */
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}

/*登陆页面*/
.login-body{background:url(../imgs/bg.png) no-repeat center center fixed;background-size:cover}
.login-body .login-box{width:300px;height:300px;border:1px solid #1a312c;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-150px;border-radius:5px}
.login-body .login-box .head{width:100px;height:100px;border-radius:50%;position:absolute;top:-96px;left:50%;margin-left:-50px;background:url(../imgs/ok.png);background-size:cover}
.login-body .login-box .input-box{margin:10px 10px 10px 10px}
.login-body .login-box .input-box input{margin-top:20px;border-radius:5px}
.login-body .login-box .input-box input[type=submit]{background-color:#189F92;width:100%;border:none;outline:0;cursor:pointer;color:#fff;padding-top:8px;padding-bottom:8px;font-size:18px}
.login-body .login-box .input-box .remember-me{margin-top:20px}
.login-body .login-box .input-box .remember-me .layui-form-switch{margin-top:0}
.login-body .login-box .input-box .oauth{margin-top:20px}
.login-body .login-box .input-box .oauth i{cursor:pointer;font-size:28px}
.login-body .login-box .copyright{margin:10px 10px 10px 10px;font-size:12px}

/*index及其它页面*/
.layui-layout-admin .layui-logo{color:#fff;font-size:20px}
.layui-nav{padding:0}
.layui-layout-left{left:235px}
.layui-tab-title li:first-child .layui-tab-close{display:none}
.layui-tab-title li{background-color:#f2f2f2}
.layui-tab-brief>.layui-tab-title .layui-this{color:#fff;background-color:#1AA094;}
.menu-switch{width:30px;height:30px;position:relative;left:200px;top:16px;color:#fff;background-color:#1AA094;text-align:center;line-height:30px;cursor:pointer}
.weather{margin: 15px 0 0 20px;}
.textMarquee{float:left;width:450px;margin-top: 20px;}
/*nav导航菜单展开收缩图标 start*/
.layui-nav.arrow1 .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;width:auto;height:auto;line-height:normal;border:none;top:15px;margin:0;padding:0;display:inline-block;transition:all .1s;-webkit-transition:all .1s}
.layui-nav.arrow1 .layui-nav-more:before{content:"\e654"}
.layui-nav.arrow1 .layui-nav-itemed > a > .layui-nav-more{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);width:12px;text-align:center}
.layui-nav.arrow1 .layui-nav-itemed > a > .layui-nav-more:before{content:'';width:8px;height:2px;background-color:rgba(255,255,255,.7);display:inline-block;vertical-align:middle}
.layui-nav.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:0;margin:-7px 0 0 0;padding:0;width:12px;height:12px;display:inline-block;-webkit-transition:all .3s ease;transition:all .3s ease}
.layui-nav.arrow2 .layui-nav-more:before{content:"\e61a"}
.layui-nav.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)}
/*nav导航菜单展开收缩图标 end*/
.layui-nav-tree .layui-nav-child a{padding-left:36px;}
.content-body{position:absolute;top:60px;right:0;bottom:42px;left:200px;z-index:1;overflow:hidden;}
.content-body .layui-tab{margin:0;}
.content-body .layui-tab-content{position:absolute;top:40px;bottom:0;width:100%;padding:0;z-index:-999;overflow:hidden}
.content-body .layui-tab-content .layui-tab-item{height:100%}
.content-body .layui-tab-content .layui-tab-item iframe{height:100%}
@media screen and (max-width:992px){
	.textMarquee{display:none}
}
@media screen and (max-width:768px){
	.layui-layout-admin .layui-bg-black{left:-200px}
    .layui-layout-admin .content-body{left:0}
    .layui-layout-admin .layui-footer{left:0}
    .layui-layout-left{display:none}
}
@media screen and (max-width:480px){
	.layui-layout-admin .layui-logo{left:-32px}
    .menu-switch{left:140px}
}
@media screen and (max-width:330px){
	.layui-layout-admin .layui-logo{left:-51px;font-size:14px}
    .menu-switch{left:100px}
}
.yy{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:10;background-color:#000;display:none}

/*sub-page页面*/
.ok-body{padding:10px}
.layui-row-margin{margin:10px 5px 5px 5px}
.md2-sub1{width:40%;text-align:center;line-height:80px;float:left;border-top-left-radius:5px;border-bottom-left-radius:5px}
.md2-sub1 i{font-size:40px;display:block;cursor:pointer;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
.md2-sub1 i:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
.md2-sub2{width:60%;display:inline-block;background-color:#f2f2f2;line-height:46px;text-align:center;border-top-right-radius:5px;border-bottom-right-radius:5px}
.md2-sub2 span{font-size:25px;display:block;height:34px}
.md2-sub2 cite{font-style:normal}
.ok-body-breadcrumb{position:relative;line-height:39px;height:32px;border-bottom:1px solid #e5e5e5}
.ok-body-breadcrumb .layui-btn{line-height:2.4em;margin-top:3px;float:right}
.ok-body-breadcrumb .layui-btn .layui-icon{line-height:32px}
.ok-search{margin-top:15px}
.ok-search .layui-input{width:190px;padding-left:10px;margin-left:10px;float:left}
.ok-search .layui-input:first-child{margin-left:0}
.ok-search .layui-btn{margin-left:10px}
@media screen and (max-width:768px){
	.ok-search .layui-input{width:100%;margin-left:0;margin-top:10px}
    .ok-search .layui-btn{margin-left:0;margin-top:10px}
}
okToolbar{display:block;margin-top:10px;margin-bottom:10px;padding:5px;line-height:22px;border-radius:0 2px 2px 0;background-color:#f2f2f2}
okToolbar span{float:right;line-height:30px}
.ok-form{margin-top:10px}

/*滚动条代码*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:#000}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5}
::-webkit-scrollbar-thumb{margin-right:10px;background-color:#A6A6A6}
::-webkit-scrollbar-thumb:hover{background-color:#aaa}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*三级菜单、四级菜单、五级菜单、六级菜单、七级菜单、八级菜单、九级菜单、十级菜单*/
.layui-nav-tree .layui-nav-item .layui-nav-child .layui-nav-child a{padding-left: 54px;}
.layui-nav-tree .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 74px;}
.layui-nav-tree .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 94px;}
.layui-nav-tree .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 114px;}
.layui-nav-tree .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 134px;}
.layui-nav-tree .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 154px;}
.layui-nav-tree .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 174px;}
.layui-nav-tree .layui-nav-item .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child .layui-nav-child a{padding-left: 194px;}