.flex{display: flex;}
.w10{width: 1000px;}
.w8{width: 800px;}
.w7{width: 700px;}
.w6{width: 600px;}
.w5{width: 500px;}
.w4{width: 400px;}
.w3{width: 300px;}
.w2{width: 200px;}
.mr20{margin-right: 20px;}
a:hover{color:#16baaa}

/*Login*/
.logincontent{width: 100%;height: 100%;}
.loginbox{width: 400px;background: #fff;text-align: center;margin: 0 auto;padding:50px 100px 100px 100px;margin-top: 200px;}
.loginbox .layui-input, .layui-select, .layui-textarea{height: 50px;}
.loginbox .layui-input-prefix ,.loginbox .layui-input-affix{margin-top: 5px;}
.loginbox .layui-form-item{margin-bottom: 30px;}
.loginbox form{margin-top: 20px;}
.loginbox form img{height: 50px;}
.loginbox button{height: 50px;}

/*index*/
.tableform{width: 680px;position: absolute;margin-left: 550px;z-index: 2;padding-top: 10px}
.tableform form{display: flex;}
.tableform .select{max-width: 120px;}
.tableform .inputkeywords{width: 240px;}

#mainContent{overflow-y: auto;position: relative;}
#mainContent .layui-tabs-body{padding: 0;}
#mainContent .layui-tabs-header{background: #fff;}

.contenter{margin-bottom: 50px;overflow-x: hidden;padding: 20px;min-height: 400px;}
.btnbox{position: fixed;bottom: -15px;left: 0;right: 0;box-shadow: -1px 0 4px rgb(0 0 0 / 12%);background-color: #fafafa;padding: 10px 0;}
.btnbox .layui-input-block{display: flex;align-items: center;}
.btnbox .layui-input-block .btn1{margin-left: auto;}
.btnbox .layui-input-block .btn2{margin-right: 40px;}

#tips-editor—wrapper {border: 1px solid #ccc;z-index: 1;}
#tips-toolbar-container { border-bottom: 1px solid #ccc; }
#tips-editor-container { height: 300px; }
#content-editor—wrapper {border: 1px solid #ccc;z-index: 1;}
#content-toolbar-container { border-bottom: 1px solid #ccc; }
#content-editor-container { height: 300px; }

.dictableform{width: 300px;position: absolute;margin-left: 150px;z-index: 2;padding-top: 10px}

.section1 .layui-btn{height: auto;width: 16.2%;background: #fff;border:none;border-bottom: 5px solid #16baaa;}
.section1 .layui-btn:hover{border-bottom: 5px solid #ff5722;}
.section1 .layui-btn span{font-size: 30px;font-weight: bold;color:#16baaa}
.section1 .layui-btn span p{font-size: 12px;font-weight: normal;color:#333;margin-top: 5px;}
.section1 .layui-btn span i{font-size: 14px;}
.section3l,.section3r{padding:5px 20px;background: #fff;border: 1px solid #e9edf1;}
.section3l:hover,.section3r:hover{border: 1px solid #ff5722;}
.section3l{width: 58%;}
.section3l .layui-icon{cursor: pointer;margin-left: auto;margin-right: 10px;}
.section3r{width: 42%;margin-left: auto;}
.section3r form{align-items: center;margin-bottom: 20px;}
.section3r i{margin-left: auto;cursor: pointer;}
.s3_tab li{display: flex;padding: 2px 0;}
.s3_tab li:hover{background: #e9edf1;}
.s3_tab li a{max-width: 60%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s3_tab li span{margin-left: auto;}
.section1 .layui-btn .order span{font-size: 14px;}
.section1 .layui-btn .order p{line-height: 18px;margin-top: 0;text-align: left;}

.quick{width: 50%;padding:5px 20px;background: #fff;border: 1px solid #e9edf1;height: 150px;}
.quick:hover{border: 1px solid #ff5722;}
.quick .title,.statistics .title{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.quick div a{margin:5px 10px 5px 0;display: inline-block;}
.quickmenu p{text-align: center;padding-top: 10px;}
.statistics{width: 50%;margin-left: auto;padding:5px 20px;background: #fff;border: 1px solid #e9edf1;height: 150px;}
.statistics:hover{border: 1px solid #ff5722;}
.statistics p{margin-bottom: 5px;}
.statistics p span{font-weight: bold;}
.statistics i{margin: 0 20px 0 5px;color: #16baaa;font-style: normal;}
.statistics .layui-icon{cursor: pointer;color:#333;font-weight: 500;}

.refreshtopdataico{position: absolute;z-index: 999;cursor: pointer;right: 20px;top: 20px;}

/*编辑器*/
#top-container {border-bottom: 1px solid #e8e8e8;padding-left: 30px;}
#editor-toolbar {width: 1350px;background-color: #FCFCFC;margin: 0 auto;}
#mainContent{overflow-y: auto;position: relative;background: #fff;}
#mainContent .layui-tabs-body{padding: 0;}
#editor-container {width: 850px;margin: 60px auto 20px auto;background-color: #fff;padding: 20px 50px 50px 50px;border: 1px solid #e8e8e8;box-shadow: 0 2px 10px rgb(0 0 0 / 12%);}
#title-container {padding: 20px 0;border-bottom: 1px solid #e8e8e8;}
#title-container input {font-size: 30px;border: 0;outline: none;width: 100%;line-height: 1;}
#editor-text-area {min-height: 900px;margin-top: 20px;}
.econtenter{width: 850px;margin: 0 auto 150px auto;background: #fff;padding: 50px;border: 1px solid #e8e8e8;box-shadow: 0 2px 10px rgb(0 0 0 / 12%);}
.uploadimgbox{width: 300px;}
.editor-toolbar-box{position: fixed; top: 0;left: 0; width: 100%;z-index: 9;background: #fff;}
.btnbox{position: fixed;bottom: -15px;left: 0;right: 0;box-shadow: -1px 0 4px rgb(0 0 0 / 12%);background-color: #fafafa;padding: 10px 0;}
.btnbox .layui-input-block{display: flex;align-items: center;}
.btnbox .layui-input-block .btn1{margin-left: auto;}
.btnbox .layui-input-block .btn2{margin-right: 40px;}

.uploadjson{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.importbox{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10vh;
    flex-wrap: wrap;
}
.template p{
    margin-bottom: 10px;
    text-align: center;
}