/*
    layerUI自定义样式
*/

/*
    自定义主题色
*/

.skin-blue .custom-layer-open-theme .layui-layer-btn a:last-child {
    background-color: #2E6CF6 !important;
    border-color: #2E6CF6 !important;
}

.skin-black .custom-layer-open-theme .layui-layer-btn a:last-child,
.skin-black-light .custom-layer-open-theme .layui-layer-btn a:last-child {
    background-color: #444 !important;
    border-color: #444 !important;
    color: #fff !important;
}

.skin-purple .custom-layer-open-theme .layui-layer-btn a:last-child,
.skin-purple-light .custom-layer-open-theme .layui-layer-btn a:last-child {
    background-color: #605ca8 !important;
    border-color: #605ca8 !important;
    color: #fff !important;
}

.skin-green .custom-layer-open-theme .layui-layer-btn a:last-child,
.skin-green-light .custom-layer-open-theme .layui-layer-btn a:last-child {
    background-color: #008d4c !important;
    border-color: #008d4c !important;
    color: #fff !important;
}

.skin-red .custom-layer-open-theme .layui-layer-btn a:last-child,
.skin-red-light .custom-layer-open-theme .layui-layer-btn a:last-child {
    background-color: #dd4b39 !important;
    border-color: #dd4b39 !important;
    color: #fff !important;
}

.skin-yellow .custom-layer-open-theme .layui-layer-btn a:last-child,
.skin-yellow-light .custom-layer-open-theme .layui-layer-btn a:last-child {
    background-color: #f39c12 !important;
    border-color: #e08e0b !important;
    color: #fff !important;
}

.skin-blue .custom-layer-open-theme .layui-layer-btn a:last-child,
.skin-blue-light .custom-layer-open-theme .layui-layer-btn a:last-child {
    background-color: #2E6CF6 !important;
    border-color: #2E6CF6 !important;
    color: #fff !important;
}

/*弹窗取消按钮颜色*/
.custom-layer-open-theme a.layui-layer-btn0 {
    background-color: #FFF;
    color: #333;
    border: 1px solid #dedede;
}
.layui-layer-iframe.use-half-full-ui {
    overflow: hidden;
}
.use-half-full-ui > .layui-layer-title,
.use-half-full-ui > .study-btn > #btn-res-pre,
.use-half-full-ui > .study-btn > #btn-res-next{
    background-color: #3B3C3D !important;
}

.use-half-full-ui > .layui-layer-setwin {
    top: 13px !important;
}
.use-half-full-ui > .layui-layer-setwin > .important-layer-head-btn {
    background-image: none !important;
    background-position: initial !important;
    text-align: center !important;
    line-height: 16px !important;
}

.use-half-full-ui > .layui-layer-setwin > .layui-layer-min {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.use-half-full-ui > .layui-layer-setwin > .layui-layer-min,
.use-half-full-ui > .layui-layer-setwin > .layui-layer-max,
.use-half-full-ui > .layui-layer-setwin > .layui-layer-close {
    margin-right: 10px;
}

.continue-study-btn {
    width: 4rem;
    height: 40px;
    line-height: 38px;
    display: inline-block;
    text-align: center;
    border: 0;
    background: #f8f8f8;
}

.use-half-full-ui > .study-btn > .continue-study-btn {
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
}

.use-half-full-ui > .study-btn > .continue-study-btn > .continue-study-btn-round {
    background-color: #6C6D6E;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.use-half-full-ui > .study-btn > .continue-study-btn:nth-child(2) > .continue-study-btn-round {
    padding-left: 3px;
}