/*
 * ===================================================================================================
 * APIClud - AUI UI 框架    流浪男  QQ：343757327  http://www.auicss.com
 * Verson 2.0.0 自定义主题样式
 * explain：自定义主题样式可以完成AUI内所有背景、控件颜色、字号等的修改，可以方便快速的搭建属于自己项目的一套主题色
 * ===================================================================================================
 */
/*body背景色及色值*/
body {
    color: #212121;
    background-color: #f5f5f5;
}

p {
    color: #757575;
}

a {
    color: #000;
}

.aui-text-default {
    color: #212121 !important;
}

.aui-bg-default {
    background-color: #f5f5f5 !important;
}

/*label*/
.aui-label {
    padding: 0.3em 0.35em;
    font-size: 0.6rem;
    color: #616161;
    background-color: #e0e0e0;
}

.aui-label-outlined {
    border: 1px solid #d9d9d9;
    background-color: transparent;
}

.aui-label .aui-iconfont {
    font-size: 0.6rem;
}

/*角标*/
.aui-badge {
    color: #ffffff;
    background-color: #ff2600;
}

/*按钮*/
.aui-btn {
    color: white;
    background: #e0e0e0;
}

.aui-btn:active {
    color: white;
    background-color: #bdbdbd;
}

.aui-btn-outlined {
    background: transparent;
    border: 1px solid #bdbdbd;
}

.aui-btn-outlined:active {
    background: transparent;
}

/*tab*/
.aui-tab .aui-tab-item {
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 0.7rem;
    color: #212121;
    background-color: #ffffff;
}

/*tab选中时样式*/
.aui-tab .aui-tab-item.aui-active {
    color: #039be5;
    border-bottom: 2px solid #039be5;
}

/*单选选中样式*/
.aui-radio:checked,
.aui-radio.aui-checked {
    background-color: #03a9f4;
    border: solid 1px #03a9f4;
}

/* 单选选中时中间对号颜色*/
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after {
    border-color: #ffffff;
}

/*多选选中样式*/
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
    background-color: #03a9f4;
    border: solid 1px #03a9f4;
}

/* 多选选中时中间对号颜色*/
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
    border-color: #ffffff;
}

/*滑动开关*/
.aui-switch:checked {
    border-color: #03a9f4;
    background-color: #03a9f4;
}

/*滑动开关圆圈颜色*/
.aui-switch:before {
    background-color: #ffffff;
}

/*顶部导航栏*/
.aui-bar-nav {
    background-color: #03a9f4;
    color: #ffffff;
}

.aui-bar-nav .aui-iconfont {
    color: #ffffff;
}

.aui-bar-nav .aui-btn .aui-iconfont {
    color: #ffffff;
}

/*浅色顶部导航拦*/
.aui-bar-light {
    color: #03a9f4;
    background-color: #ffffff;
}

.aui-bar.aui-bar-light .aui-iconfont {
    color: #03a9f4;
}

.aui-bar.aui-bar-light .aui-btn-outlined {
    border-color: #03a9f4;
}

/*底部工具栏*/
.aui-bar-tab {
    background-color: #ffffff;
    color: #757575;
}

/*底部工具栏选中时颜色*/
.aui-bar-tab .aui-active {
    color: #039be5;
}

/*按钮工具栏*/
.aui-bar-btn .aui-bar-btn-item {
    border-color: #03a9f4;
    color: #212121;
}

.aui-bar-btn .aui-bar-btn-item.aui-active {
    background-color: #03a9f4;
    color: #ffffff;
}

/*顶部导航存在按钮组工具栏时样式*/
.aui-bar-nav .aui-bar-btn-item {
    border-color: #ffffff;
}

/*浅色顶部导航存在按钮组工具栏时样式*/
.aui-bar-nav.aui-bar-light .aui-bar-btn-item {
    border-color: #03a9f4;
}

/*顶部导航存在按钮组工具栏时选中样式*/
.aui-bar-nav .aui-bar-btn .aui-bar-btn-item.aui-active {
    background-color: #ffffff;
    color: #03a9f4;
}

/*浅色顶部导航存在按钮组工具栏时选中样式*/
.aui-bar-nav.aui-bar-light .aui-bar-btn .aui-bar-btn-item.aui-active {
    background-color: #03a9f4;
    color: #ffffff;
}

/*进度条*/
.aui-progress {
    background-color: #f0f0f0;
}

/*进度条色带*/
.aui-progress .aui-progress-bar {
    background-color: #03a9f4;
}

/*滑块*/
.aui-range input[type='range'] {
    /*滑块线条背景色*/
    background-color: #f0f0f0;
}

.aui-range input[type='range']::-webkit-slider-thumb {
    /*滑块圆圈样式*/
    border-color: #03a9f4;
    background-color: #03a9f4;
}

/*提示条*/
.aui-tips {
    background-color: rgba(0, 0, 0, .6);
}

/*搜索条*/
.aui-searchbar {
    background-color: #ebeced;
    color: #9e9e9e;
}

/*列表背景色*/
.aui-list .aui-list-item {
    color: #212121;
    background-color: #ffffff;
}

/*列表头部*/
.aui-list .aui-list-header {
    background-color: #e0e0e0;
    color: #353535;
    font-size: 0.8rem;
}

/*列表项内Ttitle标题*/
.aui-list .aui-list-item-title {
    font-size: 0.8rem;
    color: #888;
}

/*列表文本区域字体*/
.aui-list .aui-list-item-text {
    font-size: 0.7rem;
    color: #757575;
}

/*列表右侧箭头*/
.aui-list-item-arrow:before {
    border-color: #dddddd;
}

/*列表右侧其他信息字体颜色*/
.aui-list .aui-list-item-right,
.aui-list-item-title-row em {
    color: #353535;
}

/*列表线条颜色*/
.aui-list:before,
.aui-list:after,
.aui-list .aui-list-item:after,
.aui-list.aui-list-in .aui-list-item-inner:after {
    background-color: #dddddd;
}

/*列表项点击颜色*/
.aui-list .aui-list-item:active {
    background-color: #f5f5f5;
}

/*媒体列表布局左（右）媒体宽度控制*/
.aui-list .aui-list-item-media {
    width: 4.5rem;
}

/*列表内label、icon字体颜色*/
.aui-list .aui-list-item-label,
.aui-list .aui-list-item-label-icon {
    color: #212121;
}

/*卡片列表顶部字体*/
.aui-card-list-header {
    font-size: 0.8rem;
    color: #212121;
}

/* 卡片列表内容区域*/
.aui-card-list-content,
.aui-card-list-content-padded {
    font-size: 0.7rem;
    color: #212121;
}

/*卡片列表底部*/
.aui-card-list-footer {
    font-size: 0.7rem;
    color: #757575;
}

/*信息条*/
.aui-info {
    font-size: 0.7rem;
    color: #757575;
    background-color: transparent;
}

/*输入框类字体颜色*/
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,
textarea {
    color: #424242;
}

/*自定义*/
.float-bottom {
    position: fixed;
    height: 90px;
    bottom: 0;
    width: 100%;
    padding: 20px;
}
.aui-btn-primary{
    background-color: #6193DC;
}
.aui-btn-primary.aui-active, .aui-btn-primary:active{
    background-color: #4E87DA;
}
.aui-btn-danger{
    background-color: #d64c45;
}
.cz-info{
    border: 1px solid #ef8a00;
    border-radius: 5px;
    padding: 11px;
    background-color: #fff2df;
    color: #ef8a00;
    font-size: 0.8rem;
}
.cz-info .cz-content{
    float: left;
    word-break: break-all;word-wrap: break-word;
}