/*改变element全局样式*/
.school-center .el-form-item.is-error .el-input__inner,
.school-center .el-form-item.is-error .el-input__inner:focus,
.school-center .el-form-item.is-error .el-textarea__inner,
.school-center .el-form-item.is-error .el-textarea__inner:focus,
.school-center .el-message-box__input input.invalid,
.school-center .el-message-box__input input.invalid:focus{
    border-color: #F0B90B !important;
}
.el-icon-arrow-up:before{
    content: "\e78f";
}
.el-icon-circle-close:before{
    content: "\e79d";
}
.el-message {
    min-width: 180px !important;
    height: 40px;
}
.el-message--success, .el-message--error, .el-message--warning {
    background-color:rgba(255,255,255,1) !important;
    border-color: white !important;
    box-shadow:0px 4px 12px 0px rgba(0,0,0,0.15);
    border-radius:4px !important;
}
.el-message__content {
    color: #303133 !important;
}

.el-dialog__title{
    font-size:16px !important;
    color:rgba(0,0,0,0.85) !important;
    line-height:22px !important;
}
.el-dialog__header{
    border-bottom: 1px solid #eee;
}
.el-dialog__footer .el-button:focus, .el-dialog__footer .el-button:hover{
    color: #303133;
    border-color: #DCDFE6;
    background-color: white;
    opacity: .8;
}
.el-button--primary {
    /*font-size:14px !important;*/
    font-weight:500 !important;
    color:rgba(255,255,255,1) !important;
    background:rgba(255, 120, 56,1) !important;
    border-color: rgba(255, 120, 56,1) !important;
    border-radius:4px !important;
}

.school-center .el-button--primary{
    background:rgba(255, 170, 0,1) !important;
    border-color: rgba(255, 170, 0,1) !important;
}

.el-cascader .el-input .el-input__inner:focus, .el-cascader .el-input.is-focus .el-input__inner {
    border-color: rgba(255, 120, 56,1) !important;
}
.school-center .el-cascader .el-input .el-input__inner:focus,
.school-center .el-cascader .el-input.is-focus .el-input__inner {
    border-color: #F0B90B !important;
}
.school-center .el-cascader-node.in-active-path,
.school-center .el-cascader-node.is-active,
.school-center .el-cascader-node.is-selectable.in-checked-path{
    color: #F0B90B !important;
}
.el-input.is-active .el-input__inner, .el-input__inner:focus {
    border-color: rgba(255, 120, 56,1) !important;
}
.school-center .el-input.is-active .el-input__inner,
.school-center .el-input__inner:focus {
    border-color: #F0B90B !important;
    border-color: #FF7838 !important;
}
.form-input .avatar-uploader-box .el-upload:hover, .el-textarea__inner:focus {
    border-color: rgba(255, 120, 56,1) !important;
}
.school-center .form-input .avatar-uploader-box .el-upload:hover,
.school-center .el-textarea__inner:focus {
    border-color: rgba(255, 170, 0, 1) !important;
    border-color: #FF7838 !important;
}
.el-switch.is-checked .el-switch__core,
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
    border-color: rgba(255, 120, 56,1) !important;
    background-color: rgba(255, 120, 56,1) !important;
}
.meterial-box .type-box{
    top: 11px !important;
}
.el-button:focus,
.el-button:hover {
    color: #e7622e !important;
    border-color:rgba(255, 120, 56,.2) !important;
    background-color: rgba(255, 120, 56,.2) !important;
}
.school-center .el-button:focus,
.school-center .el-button:hover {
    color: #ffac00 !important;
    border-color:rgba(255, 170, 0,.2) !important;
    background-color: rgba(255, 170, 0,.2) !important;
}
.el-button.el-button--primary:focus,
.el-button.el-button--primary:hover {
    color: white !important;
    border-color:rgba(255, 120, 56,1) !important;
    background-color: rgba(255, 120, 56,1) !important;
}
.school-center .el-button.el-button--primary:focus,
.school-center .el-button.el-button--primary:hover {
    border-color:rgba(255, 170, 0,1) !important;
    background-color: rgba(255, 170, 0,1) !important;
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner{
    color: white !important;
    background-color: #FF7838 !important;
    border-color: #FF7838 !important;
    box-shadow: -1px 0 0 0 #e7622e !important;
}
.el-radio-button__inner:hover,
.el-checkbox__input.is-checked+.el-checkbox__label{
    color: #FF7838 !important;
}
.btns .el-button:focus, .btns .el-button:hover{
    color: white;
    border-color: #e7622e;
    background-color: #e7622e;
    opacity: .8;
}

.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close{
    color: #e7622e !important;
}
.school-center .el-dialog__headerbtn:focus .el-dialog__close,
.school-center .el-dialog__headerbtn:hover .el-dialog__close{
    color: #F0B90B !important;
}
.el-slider__bar {
    background-color: #909399 !important;
}
.el-slider__button{
    border-color: #909399 !important;
}
.btn-sel:hover{
    color: #e7622e !important;
    border-color: #e7622e !important;
}
.school-center .btn-sel:hover{
    color: #F0B90B !important;
    border-color: #F0B90B !important;
}
.el-loading-spinner .path{
    stroke: #e7622e !important;
}
.btn.more:hover{
    color: white !important;
}

.el-tabs__item.is-active{
    color: #e7622e !important;
}
.el-tabs__item:hover{
    color: #e7622e !important;
}
.el-tabs__active-bar{
    background-color: #e7622e !important;
}

.theme-btn .el-button{
    background-color: white !important;
    border: 1px solid white !important;
    color: #36383F !important;
    transition: all .2s linear;
    padding: 0px !important;
}
.theme-btn.hover-none:hover .el-button{
    background-color: white !important;
    border: 1px solid white !important;
    color: #36383F !important;
}
.theme-btn:hover .el-button,
.theme-btn.active .el-button{
    background-color: #FF7838 !important;
    border: 1px solid #FF7838 !important;
    color: white !important;
}

*:focus{
    outline: none !important;
}
.el-radio__inner{
    box-shadow: none !important;
}

/*暗黑主题*/
.deep-black .theme-btn{
    color: white !important;
    border: 1px solid #5C606B !important;
    background: #5C606B !important;
    transition: all .2s linear;
}
.deep-black .theme-btn:hover{
    background-color: #724B3C !important;
    border: 1px solid #724B3C !important;
}
.deep-black .block-btn .el-tree__empty-text{font-size: 12px}
.deep-black .theme-btn-active{
    background-color: #36383F !important;
    color: white !important;
}
.deep-black .block-btn .el-tree-node:focus>.el-tree-node__content{
    background-color: initial !important;
}
.deep-black .block-btn .el-tree-node__content:hover {
    background-color: #494B54 !important;
}
.deep-black .block-btn .el-tree-node.is-current.is-focusable > .el-tree-node__content{
    background-color: #494B54;
}
.deep-black .block-btn .el-tree-node.is-current.is-focusable > .el-tree-node__content .item{
    color: #FF7838;
}
.deep-black .input-box .theme-input.el-input.search-box{
    background-color: #393B42 !important;
}
.deep-black .input-box .theme-input.el-input.search-box .icon-fangdajing{
   color: #BDBEC7;
}
.deep-black .input-box .theme-input.el-input.search-box .el-input__inner{
    background-color: #393B42 !important;
    color: white;
}
.deep-black .input-box .search-box.input{width: 260px; padding-right: 0px;}
.deep-black .type-btns .el-tabs__item.is-top{color: #BDBEC7 !important;width: 56px;padding-right: 0px;}
.deep-black .type-btns .el-tabs__item.is-top.is-active{color: white !important;}
.deep-black .type-btns .el-tabs__active-bar.is-top:before{
    background-color: #FF7838;
    width: 56px;
    left: 0;
}
.deep-black .type-btns .el-tabs__item#tab-1{
    position: relative;
    left: 8px;
}
.deep-black .type-btns .el-tabs__nav-wrap::after{
    background-color: #3F4148;
}
.deep-black .btn.more{
    background: #FF7838 !important;
    border-radius: 4px !important;
    box-shadow:none !important;
}
.deep-black .typeList .type-name{
    color: #BDBEC7;
}
.deep-black .list .type-name{
    color: #BDBEC7 !important;
}
.deep-black .content-box .cocos.warn{
    background-color: #E8E9F1;
}
.deep-black .upload-box .more-menu{
    color: white;
}
.deep-black .type-list .type.active{
    background-color: #FF7838 !important;
}
.deep-black .footer-box-more .el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #FF7838 !important;
}
.deep-black .footer-box-more .el-pagination.is-background .el-pager li:not(.disabled):hover{
    color: #FF7838 !important;
}
.deep-black .footer-box-more .el-pagination.is-background .el-pager li:not(.disabled).active:hover{
    color: white !important;
}
.deep-black .el-pagination.is-background.el-pagination--small .btn-next,
.deep-black .el-pagination.is-background.el-pagination--small .btn-prev,
.deep-black .el-pagination.is-background.el-pagination--small .el-pager li{
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0px 5px;
}
.deep-black.meterial-box .type-select-box{
    position: relative;
    top: -73px;
    border-right: 1px solid #f1f1f1;
    padding-top: 16px;
}
.deep-black.meterial-box.isWordAudio .type-select-box{
    top: 0px;
}

.deep-black.meterial-box .type-box{
    left: 306px !important;
}

.deep-black.meterial-box.isWordAudio .type-box{
    left: 210px !important;
}
.deep-black.meterial-box.isWordAudio .role-select{
    width: 100%;
}

.deep-black .el-radio-button__orig-radio:checked+.el-radio-button__inner{
    color: white !important;
    background-color: #FF7838 !important;
    border-color: #FF7838 !important;
}

.deep-black .el-radio-button__inner:hover,
.deep-black .el-checkbox__input.is-checked+.el-checkbox__label{
    color: #FF7838 !important;
}
.deep-black .upload-btn .btn{
    background: #FF7838 !important;
    color: white !important;
}
.deep-black .common-box .row .btns-box .btn-box,
.deep-black .common-box .row .btns-box .btn-box .btn{
    background-color: #5C606B !important;
}
.deep-black .common-box .row .btns-box .btn-box .btn span{
    font-size: 14px;
}
.deep-black .common-box .row .btns-box .btn-box:hover,
.deep-black .common-box .row .btns-box .btn-box:hover .btn{
    background-color: #724B3C !important;
}
.deep-black .search-list .info-box .sousuo,
.deep-black .search-list .info-box .back{
    color: #8C8F97;
}
.deep-black .common-box .row.more .row-pad{
    padding: 0px;
    width: 100%;
}
.deep-black .common-box .row.more .row-pad .btn.more{
    width: 255px;
}
.deep-black .word-select .p-row{
    background: #393B42;
    border-radius: 4px;
    color: white !important;
    margin-bottom: 10px !important;
    line-height: 48px !important;
    transition: all .2s linear;
}
.deep-black .word-select .p-row:hover{
    background-color: #5C606B !important;
    opacity: 1 !important;
}

.deep-black .type-list .type {display: none;}
.deep-black .type-list .type.active {display: block;}

.deep-black .list .item-box .item,
.deep-black .list .item-box .item:hover,
.deep-black .audio-box.search,
.deep-black .audio-box.search:hover{
    background-color: #393B42 !important;
    border: 1px solid #656773 !important;
    height: 86px !important;
}
.deep-black .audio-box .title-box .name{
    color: white !important;
}
.deep-black .audio-box .btn-box .btn.play .one{
    color: #BDBEC7 !important;
}
.deep-black .audio-box .btn-box .btn.play .two{
    color: white !important;
}
.deep-black .audio-box .title-box .name{
    margin-top: 10px !important;
}
.deep-black .audio-box .btn-box{
    padding: 14px 10px 0px !important;
}

.deep-black.meterial-box .el-tree-node.is-current.is-focusable > .el-tree-node__content{
    background-color: #EBECF2 !important;
}
.deep-black.meterial-box .el-tree-node__content:hover{
    background-color: #EBECF2 !important;
    color: #26282E !important;
}
.deep-black.meterial-box .el-tree-node.is-current.is-focusable > .el-tree-node__content .custom-tree-node{
    color:#FF7838 !important;
}

.deep-black .component .el-input__inner{
    background-color: #222328 !important;
    color: #BDBEC7 !important;
    border-color: #BDBEC7 !important;
}

.deep-black .newLesson .el-input__inner{
    background-color: #222328 !important;
    color: #BDBEC7 !important;
    border-color: #BDBEC7 !important;
}
.deep-black .component .el-input.is-active .el-input__inner,
.deep-black .component .el-input__inner:focus,
.deep-black .component .el-input__inner:active{
    border-color: #BDBEC7 !important;
}

.school-center .el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color: #EFB600 !important;
}
.school-center .el-pagination.is-background.el-pagination--small .btn-next,
.school-center .el-pagination.is-background.el-pagination--small .btn-prev,
.school-center .el-pagination.is-background.el-pagination--small .el-pager li{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0px 5px;
}

.deep-black.menus-box.middle .block-box .block-btn .label{
    width: 100px;
}
.deep-black.menus-box.middle .block-btn .el-tree-node__children .label{
    width: 80px;
}

.deep-black.menus-box.middle.large .block-box .block-btn .label{
    width: 136px;
}
.deep-black.menus-box.middle.large .block-btn .el-tree-node__children .label{
    width: 96px;
}
.im-cur,
.im-cur:hover,
.im-cur:active,
.im-cur:focus
{
    background: #FF7838 !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
    border-color: #FF7838 !important;
}
.im-ot,
.im-ot:hover,
.im-ot:active,
.im-ot:focus
{
    background: #fff !important;
    font-size: 14px !important;
    color: #909399 !important;
    border-color: #D3D8E2 !important;
}