html,body{
    height:100%;
}
.avator_small{
    width: 45px;height: 45px;
}
.w_500{
    width: 500px;
}
.w_300{
    width: 300px;
}
.sumbit_btn{
    position: absolute;
    top: 15px;
    right: 30px;
}
.alert-table{
    width: 110px;
}
.et{
    text-overflow: ellipsis;
}
.xuxian{
    flex-direction: column;
    border: 1px dotted #eee;
    padding: 10px;
    position: relative;
    margin-bottom: 5px;
}
.el-tag + .el-tag {
margin-left: 10px;
}
.button-new-tag {
margin-left: 10px;
height: 32px;
line-height: 30px;
padding-top: 0;
padding-bottom: 0;
}
.input-new-tag {
width: 90px;
margin-left: 10px;
vertical-align: bottom;
}
.mainTop{
    overflow: hidden;
}
.avatar{
    width: 90px;
    height: 90px;
}
.el-submenu .el-menu-item,.el-submenu__title{ 
    height: 31px !important; 
    line-height: 31px !important; 
}
.nav_active{
    color:red;
    background: red;
}
.mainActive{
 background: #f6f6f6;
 color: #000;
}
#page, body {
  margin: 0;
  padding: 0;
  background: #FFFF;
}
.top_close{
position: relative;
}
.tab_close{
  cursor: pointer;
  background-position: 0 -12px;
  top: 9px;
  right: 8px;  
  position: absolute;
  background: url(/static/img/tab_close.png) no-repeat;
  width: 14px;
  height: 14px;
}
.mr{
    margin-right: 10px;
}
.image_table{
    width: 45px;
    height: 45px;
}
.progressBarVideo{
    margin-bottom: 10px;
}
.w_200{
    width: 200px;
}
.flex-w{
    display: flex;
    flex-wrap: wrap;
}
.w-e-text img {
    cursor: pointer;
    width: 200px;
}
.p{
    margin-top: 30px !important;
}
.input_w{
    width: 200px;
}
.media_box{
    z-index: 999999 !important;
}
.icon_left{
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-left: 20px;
}
.w-e-text video { 
    width: 200px !important;
}
/*.el-dialog__wrapper {
    z-index: 999999 !important;
}*/
.tip{
    color: #606266;
    font-size: 9px;
}
.flex{
    display: flex;
}
.flex_audio{
    display: flex;
    align-items: left;
    flex-flow: column;
    line-height: 29px;
    margin-left: 10px;
    justify-content: center;
}
.center{
    display: flex;
    align-items: center;
}
.upload_ele{
    display: block;
    margin-bottom: 10px;
}
.big_upload_icon{
    width: 100px;
    height: 100px;
}
.demo-image__preview {
    display: flex;
    flex-direction: column;
}
.hand{
    cursor: pointer;
}
.none{
	display: none;
}
.req:after {
    content: '*';
    color: red; 
}
.image_upload{
	position: relative;
	width: 100px; height: 100px;margin-right: 10px;margin-bottom: 10px;margin-top: 10px;
}
.image_upload .cover{
	width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #eee;
}
.image_upload .icon-shanchu{
	position: absolute; 
    color: #FFF;
    height: 20px;
    padding: 0px;
    margin: 0; 
    bottom: 50px;
    left: 39px; 
    cursor: pointer;
}

.demo-image__preview{
	 display: flex;
}
[v-cloak]{
    display:none;
}
.red{
	color: red;
}
#page,body{
	margin:0;
	padding:0;
}
li{ 
    list-style: none; 
}
.el-pagination{
	margin-top:20px;
}
.right0{ 
	position: absolute;
    right: 0;
}
.el-menu--horizontal>.el-submenu .el-submenu__title{
	height: 40px;line-height: 40px;
}
#top_menu{
	height: 40px;
}
#top_menu li{
	height: 40px;
	line-height: 40px;
}
.el-menu-item {
    color: rgba(255,255,255,.7);
    height: 31px !important;
    line-height: 31px !important;
}
.el-submenu__title {
    color: rgba(255,255,255,.7);
}
.el-menu.el-menu--horizontal {
    border-bottom: 0;
}
.el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 41px !important;
    line-height: 41px !important; 
}
#btn-menu-wrapper { 
    position: relative;
    z-index: 999;
    top:5px;
}
#btn-menu-wrapper > a.opened {
    position: absolute;
    right: 5px;
}
#btn-menu-wrapper > a {
    padding-left: 10px;
    padding-right: 10px;
}.btn.btn-xs, .btn-group-xs > .btn, .modal .modal-header .btn-group-xs > a.close, .modal .modal-header a.btn-xs.close, .btn-group-xs .btn, .btn-group-xs .modal .modal-header a.close, .modal .modal-header .btn-group-xs a.close, .input-group-btn .btn.btn-xs, .input-group-btn .btn-group-xs > .btn, .input-group-btn .modal .modal-header .btn-group-xs > a.close, .modal .modal-header .input-group-btn .btn-group-xs > a.close, .input-group-btn .modal .modal-header a.btn-xs.close, .modal .modal-header .input-group-btn a.btn-xs.close, .btn-group-xs .input-group-btn .btn, .btn-group-xs .input-group-btn .modal .modal-header a.close, .modal .modal-header .btn-group-xs .input-group-btn a.close {
    padding: 4px 15px;
    font-size: 10px;
}
.btn.btn-raised:not(.btn-link), .btn:not(.btn-link), .modal .modal-header a.close:not(.btn-link), .btn-group-raised .btn:not(.btn-link), .btn-group-raised .modal .modal-header a.close:not(.btn-link), .modal .modal-header .btn-group-raised a.close:not(.btn-link), .input-group-btn .btn.btn-raised:not(.btn-link), .input-group-btn .btn:not(.btn-link), .input-group-btn .modal .modal-header a.close:not(.btn-link), .modal .modal-header .input-group-btn a.close:not(.btn-link), .input-group-btn .btn.disabled:not(.btn-link), .btn-group-raised .input-group-btn .btn:not(.btn-link), .btn-group-raised .input-group-btn .modal .modal-header a.close:not(.btn-link), .modal .modal-header .btn-group-raised .input-group-btn a.close:not(.btn-link) {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}.btn.btn-raised.btn-info, .btn.btn-info, .modal .modal-header a.btn-info.close, .btn.btn-fab.btn-info, .modal .modal-header a.btn-fab.btn-info.close, .btn-group-raised .btn.btn-info, .btn-group-raised .modal .modal-header a.btn-info.close, .modal .modal-header .btn-group-raised a.btn-info.close, .input-group-btn .btn.btn-raised.btn-info, .input-group-btn .btn.btn-info, .input-group-btn .modal .modal-header a.btn-info.close, .modal .modal-header .input-group-btn a.btn-info.close, .input-group-btn .btn.btn-info.disabled, .input-group-btn .btn.btn-fab.btn-info, .input-group-btn .modal .modal-header a.btn-fab.btn-info.close, .modal .modal-header .input-group-btn a.btn-fab.btn-info.close, .btn-group-raised .input-group-btn .btn.btn-info, .btn-group-raised .input-group-btn .modal .modal-header a.btn-info.close, .modal .modal-header .btn-group-raised .input-group-btn a.btn-info.close {
    background-color: #5bc0de;
    color: rgba(255,255,255, 0.84);
}
#left_menu::-webkit-scrollbar {
        display: none;/*隐藏滚动条*/
 }

#left_menu,.el-menu{
	background-color: #393D49;
    /*box-shadow: inset -7px 0 9px -8px rgba(0,0,0,.4);*/
    color: #FFFFFF;
	overflow: hidden;
} 
#left_menu .el-menu--inline .is-active{
		color: #fff;
	    background-color:#1989fa !important;
}
.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
	background-color:rgb(66, 139, 202) !important;
    color:#fff !important;
}
.el-submenu__title:hover,.el-menu-item:hover{
	background-color:   #eeeeee !important;
    color:#2a6496 !important;
}

.el-form {
    margin-top: 20px;
    padding-right: 20px;
}
.el-breadcrumb{
	margin-bottom: 20px;
}
.ml{
	margin-left:20px;
}
a{
	color:#409eff;
	text-decoration:none;
}
.el-page-header{
	margin-bottom: 20px;
} 
#tab-menu{
	height: 40px;
    color: #ffffff;
    font-size: 12px;
}
#tab-menu li{
	display: block;
    float: left;
    min-width: 0; 
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;
    margin-top:4px;
    cursor: pointer;

}
@CHARSET "UTF-8";

.w-e-toolbar {
    flex-wrap: wrap;
    -webkit-box-lines: multiple;
    
}

.w-e-toolbar .w-e-menu:hover{
    z-index: 10002!important;
}

.w-e-menu a {
    text-decoration: none;
}

.fullscreen-editor {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important;
    background-color: white;
    z-index: 9999;
}

.fullscreen-editor .w-e-text-container {
    width: 100% !important;
    height: 95% !important;
}