.button { display: inline-block; white-space: nowrap; cursor: pointer; background: #FFF; border: 1px solid #DCDFE6; color: #606266; -webkit-appearance: none; appearance: none; text-align: center;  outline: 0; font-weight: 500; padding:10px 18px;font-size: --Font-Size;border-radius: 3px; line-height: 100%}
.button.primary {background-color: #409EFF; border-color: #409EFF; color:#fff}
.button.warning {background-color: #E6A23C; border-color: #E6A23C; color:#fff}
.button.success {background-color: #67C23A; border-color: #67C23A; color:#fff}
.button.danger {background-color: #F56C6C; border-color: #F56C6C; color:#fff}
.button.info {background-color: #909399; border-color: #909399; color:#fff}
.button.large {padding:8px 20px; }
input[type=text], textarea { -webkit-appearance: none; appearance: none; background-color: #fff; background-image: none; border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; color: #606266; display: inline-block; font-size: inherit; height: 34px; line-height: 34px; outline: none; padding: 0 15px; transition: border-color .2s cubic-bezier(.645,.045,.355,1); min-width: 300px;}
textarea {line-height:140%; padding:5px 15px; resize: vertical;}
select.beauty{border:1px #dcdfe6 solid; padding:4px 6px; border-radius:4px; outline:none; min-width: 300px;}
input.size-large {height: 40px; line-height: 40px;}
input.size-x-large {height: 48px; line-height: 48px;}
ul.overfrp-tabs {border-bottom:2px #ddd solid; width:100% }
ul.overfrp-tabs li {float: left; padding:5px 20px 5px 20px; border-bottom:2px transparent solid; cursor:pointer; margin-bottom:-1.5px}
ul.overfrp-tabs li.tab-selected {border-bottom-color:#409EFF; color:#409EFF; font-weight:bold}

input[type=text], textarea, select {
    outline: none;
}
input[type=text]::placeholder, textarea::placeholder, select::placeholder {
    color: #999;
}

@media (prefers-color-scheme: dark) {
    ul.overfrp-tabs{ border-color: #444 !important;}
    div[id*=mask-layer-] > div {
        background-color: #303134 !important;
        box-shadow: #000 0 0 20px 0 !important;
    }
    input[type=text], textarea, select {
        background-color: #4d5156 !important;
        border-color: #555 !important;
        color: #eee !important;
    }
    input[type=text]::placeholder, textarea::placeholder{
        color: #999 !important;
    }

}