:root{
    /* 主题默认配色 */
    --default: #53bcf5;
    --default-50: #e7f6fe;
    --default-100: #ceedfd;
    --default-200: #9ddcfb;
    --default-300: #6ccaf9;
    --default-400: #3bb8f7;
    --default-500: #0aa7f5;
    --default-600: #0885c4;
    --default-700: #066493;
    --default-800: #044362;
    --default-900: #022131;

    /*全局渐变色*/
    --linear-gradient-right: #00aaff;
    --linear-gradient-left: #00dafd;

    /* 默认按钮文字颜色 */
    --default-btn-font: #ffffff;
    /* 默认文字颜色 */
    --default-font: #333333;

    /* 其他颜色 */
    --primary: #53bcf5;
    --secondary: #00aaff;
    --success: #4cd864;
    --success-action: #5cb85c;
    --info: #5bc0de;
    --info-action: #31b0d5;
    --warning: #f0ad4e;
    --warning-action: #ec971f;
    --danger: #EF4F4F;
    --danger-action: #d74747;
    --light: #f8f9fa;
    --dark: #343a40;


    /* 以下颜色不建议改 */
    /* 红色 */
    --red: #f44336;
    /* 粉红色 */
    --pink: #e91e63;
    /* 紫色 */
    --purple: #9c27b0;
    /* 深紫色 */
    --purple-deep: #673ab7;
    /* 靛蓝 */
    --indigo: #3f51b5;
    /* 蓝色 */
    --blue: #2196f3;
    /* 浅蓝色 */
    --blue-light: #03a9f4;
    /* 青色 */
    --cyan: #00bcd4;
    /* 蓝绿色 */
    --teal: #009688;
    /* 绿色 */
    --green: #4caf50;
    /* 浅绿色 */
    --green-light: #8bc34a;
    /* 绿黄色 */
    --lime: #cddc39;
    /* 黄色 */
    --yellow: #ffeb3b;
    /* 黄褐色/琥珀色 */
    --amber: #ffc107;
    /* 橙色 */
    --orange: #ff9800;
    /* 深橙色 */
    --orange-deep: #ff5722;
    /* 棕色 */
    --brown: #795548;
    /* 灰色 */
    --grey: #9e9e9e;
    --grey-50: #f2f2f2;
    --grey-100: #e6e6e6;
    --grey-200: #cccccc;
    --grey-300: #b3b3b3;
    --grey-400: #999999;
    --grey-500: #808080;
    --grey-600: #666666;
    --grey-700: #4d4d4d;
    --grey-800: #333333;
    --grey-900: #1a1a1a;
    /* 蓝灰色 */
    --grey-blue: #607d8b;
    /* 暗灰色 */
    --grey-dark: #343a40;
    /* 白色 */
    --white: #fff;
    --black:#000;
}

body {
    color: var(--default-font);
}

/* 全局字体颜色 */
a {
    text-decoration: none;
    color: var(--default-font);
}
.f_a, .f_a a {
    color: var(--orange) !important;
}
.f_f, .f_f a {
    color: #ffffff !important;
}
.f_d, .f_d a {
    color: var(--grey-300) !important;
}
.f_b, .f_b a {
    color: var(--default-font) !important;
}
.f_c, .f_c a {
    color: #686868 !important;
}
.f_r, .f_r a {
    color: #f44336 !important;
}
.f_h, .f_h a ,.f_0, .f_0 a {
    color: var(--default) !important;
}
.f_ok, .f_ok a, .comiis_a a {
    color: #507daf !important;
}
.b_ok {
    border: 1px solid #efefef !important;
}
.b_b {
    border-bottom: 1px solid var(--grey-50) !important;
}
.b_ok, .br_ok, .b_t {
    border-top: 1px solid var(--grey-50) !important;
}
.b_l {
    border-left: 1px solid var(--grey-50) !important;
}
.b_r {
    border-right: 1px solid var(--grey-50) !important;
}
.bg_a {
    background: #fcad30 !important;
}
.bg_f {
    background: #ffffff !important;
}
.bg_d {
    background: #bbbbbb !important;
}
.bg_b {
    background: var(--grey-50) !important;
}
.bg_c {
    background: #686868 !important;
}
.bg_e {
    background: #f8f8f8 !important;
}
.bg_f5 {
    background: #f5f5f5 !important;
}
.bg_h{
    background: var(--default) !important;
}
.bg_s{
    background: #fb41cb !important;
}
.bg_y{
    background: #fffdef !important;
}
.bg_red {
    background: var(--red) !important;
}
.bg_green {
    background: var(--success); !important;
}
.br_h{
    border: 1px solid var(--default) !important;
}
.br_d{
    border: 1px solid #bbbbbb !important;
}
.b_y_dashed{
    border: 1px dashed #e7e1cd !important;
}
.bs_e{
    box-shadow: 0 1px 10px -2px rgb(189,189,189);
}
/** 组件 **/

/* tip提示颜色 */
.fresh_quote {
    border-color: #e7e1cd !important;
    background: #fffdef;
}
/* 顶部导航栏背景色 */
.m-navbar{
    background-image: linear-gradient(65deg, var(--linear-gradient-left) 20%,var(--linear-gradient-right) 80%);
	background-color: var(--default);
}
/* 导航栏字体颜色 */
.navbar-center .navbar-title{
    color: var(--white);
}
.m-navbar a{
    color: white;
}
.m-navbar a i{
    color: white;
}

/* 底部导航栏颜色 被选中颜色 */
.tabbar-item.tabbar-active{
    color: var(--default);
}
/* 底部导航栏 + 颜色 */
.m-tabbar .plus i{
    background-color: var(--default);
}
/* 侧边栏中间按钮颜色 */
.fresh_sidenv_middle .grids-icon i{
    color: #83d6fa;
}
/* 登陆页面 */
/* 登陆输入框 */
.login_input{
    border-bottom: 0.08rem solid rgba(0, 170, 255, 0.45);
    color: rgba(0, 170, 255, 0.45);/*登陆输入框文字颜色*/
}
.login_input::-webkit-input-placeholder{
    color: rgba(0, 170, 255, 0.45);/*登陆输入框文字颜色*/
}
/* 找回密码，获取验证按钮颜色 */
.repass_email{
    color: rgba(0, 170, 255, 0.45);
    background-color: rgba(224, 247, 250, 0.45);
}
/* 搜索页面 */
/* 热门搜索关键词颜色 */
.fresh_search_hot .list a {
    background: #f6f6f6;
    color: #c0d596;
}
.fresh_search_hot .list a.color1 {
    background: #eef9d5;
    color: #c0d596;
}
.fresh_search_hot .list a.color2 {
    background: #fffeee;
    color: #f0d2aa;
}
.fresh_search_hot .list a.color3 {
    background: #E8F6F6;
    color: #a5d8db;
}
.fresh_search_hot .list a.color4 {
    background: #f0effc;
    color: #d4d3ed;
}