html,body{height: 100%; width: 100%; }
body{margin: 0;}
ul,li{list-style: none; margin: 0; padding: 0; }
div{box-sizing: border-box;}
p,h2{margin: 0;}
a{color: #555; text-decoration: none;}
a:hover{color: #333;}
/*表单基础样式*/
input{border: 1px solid #eee; height: 30px; line-height: 30px; outline: none; background: #fff;}
select{border: 1px solid #eee; height: 32px; line-height: 32px; background: #fff; }
textarea{border: 1px solid #eee; line-height: 30px; background: #fff; resize: none; padding: 10px;}
/*重定义*/
    /*下拉框*/
.layui-newnav{background: none;}
.layui-newnav .layui-nav-item{line-height: 40px;}
.layui-newnav .layui-nav-item .tit{color: #666;}
.layui-newnav .layui-nav-item .tit:hover{color: #333;}
.layui-newnav .layui-nav-child{top: 45px;}
#titcolor .layui-colorpicker{box-sizing: unset!important;}
/*主题颜色*/
.layui-bg-white{background: #fff;}
.text-white{color: #fff;}
.layui-fl{float: left;}
.layui-fr{float: right;}
/*后台登录页面*/
canvas{margin: 0;padding: 0;border: 0;font-size: 100%; vertical-align: baseline;}
#particles{width: 100%; height: 100%; overflow: hidden;}
.login-bg {width: 285px;height: 100%;background: url("../icons/login-bg.jpg") no-repeat center center/100% 100%;}
.login{display: flex;position: absolute; width: fit-content; height: 510px; background: rgba(255, 255, 255, 0.8); margin: auto; left: 0; top: 0; right:0; bottom:0;border-radius: 10px;overflow: hidden;}
.login form {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 375px;padding: 24px;}
.login .tit{font-size: 20px; font-weight: 600; margin-bottom:10px;}
.login .form{width: 100%;}
.login .form .form-item{position: relative; width: 100%; height: 30px; line-height: 30px; margin:30px 0;}
.login .form .form-item .icon{position: absolute; width: 30px; height: 30px; line-height: 30px; left: 0; top: 0;}
.login .form .form-item .icon img{width:20px; height:20px; }
.login .form .form-item .input{padding-left: 40px; width: 100%; height: 100%; box-sizing: border-box;}
.login .form .form-item input{background: none; border:0; outline: none; font-size: 16px; color: #333; width: 100%; text-indent: 10px;}
.login-key{overflow: hidden;}
.login-key .key{width: 120px; float: left; margin-right: 20px;}
.login-key .img{width: 100px; float: left; height: 30px;}
.login .form .submit input{width: 100%; height: 40px; line-height: 40px; border: 0; background: #1E9FFF; color: #fff; font-size: 18px; cursor: pointer;}
/*提示框状态*/
.adminTip{position: absolute; width: 400px; height: 300px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #444;}
.adminTip .msg{width: 100%; margin-bottom: 30px; font-size: 14px; color: #fff; text-align: center; }
.adminTip .msg a{ color: #fff;}
.adminTip .msg a:hover{ color: #b00;}

/*公共*/
.xz-container{position:fixed; width: 100%; height:100%; overflow: hidden;}
.xz-header{position: fixed; height:80px; top: 0; left: 0; width: 100%; border-bottom: 2px solid #f66; z-index: 9999}
.xz-left{ position: absolute; left: 0; top:80px;bottom:0; width:200px; z-index: 999; overflow: hidden;}
.xz-right{position: absolute; left: 200px; top: 80px; right: 0; bottom: 0; box-sizing: border-box;z-index: 99;}
.admin-header{height:100px;width: 100%; padding: 10px 0; background: #2F4056;}
.admin-header .logo{width: 200px; text-align: center; font-size:16px; font-weight:600; color:#fff;}
.admin-header .loginout{height:100%;}

.admin-left{ width: 200px; height: 100%;}


/*主窗口*/
.main-curpos{padding: 20px 0;}
.main-curpos span{margin-right: 20px; font-size: 14px; padding: 15px;}
.ifame-main{overflow-x: hidden; overflow-y: auto; padding:15px; box-sizing: border-box;}
.main-top{padding:20px 0; width: 100%;}
.main-tip{margin: 10px 0;}
.main-tip .tip-list div{margin-bottom: 10px;}
    .layui-tab{padding-bottom: 60px;}/*防止底部固定层遮挡内容*/
    /*分页*/
.admin-pages{overflow:hidden;}
.admin-pages li{float: left; width: 30px; line-height: 30px; height: 30px; text-align: center; border: 1px solid #f0f0f0; margin: 0 3px;}
.admin-pages li:first-child{width: 50px;}
.admin-pages li.active{background: #009688; color: #fff;}
    /*横向表单*/
.form-horizontal .layui-inline{margin: 0 5px 0 0;}
.form-horizontal .layui-input-inline,.form-horizontal .layui-form-item{margin: 0;}
    /*设置*/
.admin-setting .layui-tab-content{padding-bottom: 80px;}
.setting-fixed{position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; padding: 10px 0; z-index: 999; background: #f0f0f0;}
.setting-fixed div{padding-left: 220px;}
    /*模版*/
.htmlLineNum{background: #373737; color: #ccc; width: 100%!important; line-height: 22px; }
.template-links{margin:20px 0; position: relative; height:40px; width: 100%; }
.template-links ul li{float: left; padding:0 10px; line-height: 40px;}
.tempShow .sub{display: none; position: absolute; bottom:40px; left: 0; width:100%; background: #fff; padding: 30px; z-index:999;}
.template-editor .title{margin: 10px 0;}
.tipShow{display: none;}
    /*信息列表*/
.listClass .myorder{padding-left: 10px; width:60%;}
.info-form .item{position: relative; width: 100%; line-height: 50px; margin-bottom: 20px;}
.info-form .item .left{width:200px; position: absolute; left: 0; top: 0;}
.info-form .item .right{padding-left: 220px; box-sizing: border-box; width: 100%;}
.info-form .editor h2{font-size: 16px; margin-bottom: 20px;}
.info-form .editor area{/*这里可以设置编辑器样式*/}

.loginout .item{position: relative; float:left; width:100px; height:50px; margin: 0 10px; }
.loginout .item h2{font-size: 16px; line-height:50px; text-align: center;}
.loginout .item h2 a{color: #fff;}
.loginout .item h2 img{height: 20px;}
.loginout .item .sub{display: none; position: absolute; top:50px; left: 0; width: 100px; border: 1px solid #ccc; background: #fff; z-index: 999;}
.loginout .item .sub li{width: 100%; height: 40px; line-height: 40px; text-align: center;}
.loginout .item .sub li a{display: block;}
.loginout .item .sub li a:hover{background:#2F4056; color: #fff;}
.admin-nav{height: 100%;width: 80%;overflow-x: scroll;}
.admin-nav ul li{padding: 0 20px; text-align: center; font-size: 14px;}
.admin-nav ul li img{display: inline-block; height: 30px; width: auto;}
.admin-nav ul li p{font-size: 14px; line-height: 30px; color:#fff;}
/*.login{position: fixed; width: 100%; height: 100%; background: url(/images/login-bg.jpg);}*/
.section-title{text-align: center; font-size: 2.4rem; padding: 2rem 0; color:#f66;}
.admin-container{width: 100%}

.layui-cf {
    display: flex;
    justify-content: space-between;
    justify-items: center;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  width: 6px;
  background: rgba(#101F1C, 0.1);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(144,147,153,.5);
  background-clip: padding-box;
  min-height: 28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  transition: background-color .3s;
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(144,147,153,.3);
}