@charset "utf-8";
* {margin: 0;padding: 0;outline: none;}
*:not(input,textarea) {-webkit-touch-callout: inherit;-webkit-user-select: auto;}
html{width: 100%;height: 100%;}
body {width: 100%;-webkit-touch-callout: inherit ;-webkit-user-select: auto ;background:#f2f2f2;height:100%;}
a{color: #333;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all 0.3s;}
a:hover {text-decoration: none;color:#000; transition:all 0.3s;}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}
textarea,input {resize: none;outline: none;}
textarea {resize: none;-webkit-appearance: none;}
ul,ol,li {list-style: none;}
i,em {font-style: normal;}
img{ border:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
@media (max-width:750px){img{max-width: 100%;height: auto;}}
img{max-width: 100%;height: auto;}

.white-bg{background: #fff;}
.no-pl{padding-left: 0 !important;}
.no-pr{padding-right: 0 !important;}
.no-pt{padding-top: 0 !important;}
.no-pb{padding-right: 0 !important;}
.no-ml{margin-left: 0 !important;}
.no-mr{margin-right: 0 !important;}
.no-mt{margin-top: 0 !important;}
.no-mb{margin-bottom: 0 !important;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
.font-red{color:#e00000;}
.font-gray{color:#999;}
.font-green{color:#20cbbb;}
.no-border{border:none !important;}
.no-br{border-right: none !important;}
.no-bl{border-left: none !important;}
.border-l{border-left: 1px solid #d8d8d8;}
.border-b{border-bottom: 1px solid #ececec;}
.ver-mid{display: inline-block;vertical-align: middle;}


.width60{ width: 60px !important;}
.width120{ width: 120px !important;}
.width150{ width: 150px !important;}
.width160{ width: 160px !important;}
.width180{ width: 180px !important;}
.width200{ width: 200px !important;}
.width220{ width: 220px !important;}
.width240{ width: 240px !important;}
.width260{ width: 260px !important;}
.width280{ width: 280px !important;}
.width300{ width: 300px !important;}
.width350{ width: 350px !important;}
.width400{ width: 400px !important;}
.width450{ width: 450px !important;}
.width500{ width: 500px !important;}


/*导航栏样式*/
.left-nav{width: 180px;height: 100%;position: fixed;top: 0;left: 0;z-index: 1001;transition: all .3s;}
.left-nav .layui-nav-tree{width: 180px;height: calc(100% - 60px);top: 60px;border-radius: 0;background-color: #18263c;transition: all .3s;}
.left-nav .website-logo{width: 100%;height: 60px;line-height: 60px;background-color: #121b2b;text-align: center;padding: 0 5px;box-sizing: border-box;cursor: pointer;}
.left-nav .website-logo span{color: #fff;font-size: 20px;transition: all .3s; }
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{background-color: #009688;}
.layui-nav-tree .layui-nav-bar,.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{background-color: #009688;}
.left-nav .layui-nav-tree .layui-nav-item a cite{margin-left: 10px;}
.left-nav .layui-nav-tree .layui-nav-item .layui-nav-child a{text-indent: 22px;}


/* LAYUI样式重置 */
.layui-form-item{position: relative;}
.layui-btn-fluid{width: 100%;}
.lay-head{box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);background-color: #fff;}
.lay-head .layui-layout-left{left: 180px;transition: all .3s;}
.lay-head .layui-nav{background-color: #fff;}
.lay-head .layui-nav .layui-nav-item a{color: #333;}
.lay-head .layui-nav .layui-nav-more{border-color: #333 transparent transparent;}
.lay-head .layui-nav .layui-nav-mored{border-color: transparent transparent #333;}
.lay-head .layui-nav .layui-this:after{background-color: initial;}
.layui-body{left: 180px;top: 60px;margin: 15px;transition: all .3s;background-color: #fff;}
.content-layui-body{margin: 15px;padding: 15px;background-color: #fff;box-sizing: border-box;min-height: calc(100vh - 30px);}
.container{width: 100%;}
.list_order.layui-input{height: 28px;}

.note-box textarea{display: block;width: 300px;height: 132px;min-width: 300px;min-height: 132px;line-height: 20px;border: none;color: #666;word-wrap: break-word;}
.note-box .layui-layer-btn{display: none;}

/*缩小样式*/
.left-nav-sm .website-logo{line-height: 1.6;display: flex;align-items: center;}
.left-nav-sm .website-logo span{font-size: 12px;}
.left-nav-sm{width: 60px;}
.left-nav-sm .layui-nav-tree{width: 60px;}
.left-nav-sm .layui-nav-tree .layui-nav-item a{text-align: center;}
.left-nav-sm .layui-nav-tree .layui-nav-item a cite{display: none;}
.left-nav-sm .layui-nav-tree .layui-nav-item a .layui-nav-more{display: none;}
.lay-head-sm .layui-layout-left{left: 60px;}
.layui-body-sm{left: 60px;}