/*公共变量*/
$main: #1e59c0;//视觉主色
$minor: #a8b7c7;//次色
$buy: #2bb2ac;//买入、增加颜色
$sell: #fa7a8b;//出售，减少颜色
$text : #333333;//普通文字颜色
$disabled: #a8b7c7;//不可点击颜色
$mainText: #4a4a4a;//主要文字颜色
$minorText: #a8b7c7;//次要文字颜色
$grayText: #DFE5EA;//灰色文字颜色
$warnText: #f70426;//警告文字颜色
$pageBg : #f5f5f5; //页面背景色
$bg: #fff;//背景，可点击文字颜色
$appBg: #050C16;//嵌入app时的背景颜色
$appHeader: #252629;//嵌入app时的头部颜色
$appFont: #d8d8d8;//嵌入app时的字体颜色
$disabledBtText: rbga(255,255,255,0.5);//不可点击按钮文字颜色
$padding1: .1rem;//10边距
$padding2: .2rem;//20边距

/*公共样式*/

//阴影样式1
@mixin shadow1(){
    box-shadow: 0 .1rem .2rem rgba(0,0,0,0.2);
}

//阴影样式2
@mixin shadow2(){
    box-shadow: .05rem .05rem .1rem rgba(0,0,0,0.2);
}

//阴影样式3
@mixin shadow3(){
    box-shadow: 0 .05rem .1rem rgba(0,0,0,0.2);
}

//input包裹层样式
@mixin inputWrap(){
    .inputWrap{
        margin-bottom: .2rem;
    }
}

//列表修正样式1
@mixin tradingList1(){
    .ContainerWrap{
        border-bottom: none;
        .Container{
            padding: 0;
            background-color: $pageBg;
        }
    }
}

//资金流水列表修正样式
@mixin fundLiList1(){
    .Container{
        padding: 0;
        .fund-list{
            padding-top: 1px;
            li{
                padding: 0 $padding2;
            }
        }
    }
}

//展示余额，有图片
@mixin balance1(){
    .wrap{
        width: 100%;
        padding-top: 1rem;
        background: url('') no-repeat center .5rem;
        background-size: .5rem;
        .balance{
            line-height: .5rem;
            text-align: center;
            margin-bottom: .3rem;
            span{
                font-size: .3rem;
                font-weight: bold;
            }
            em{
                padding: 0 .05rem;
            }
        }
    }
}

//图片内容
@mixin textImage1{
    >img{
        width: 100%;
    }
}

//进阶必备和活动中心列表
@mixin contentImageList1{
    width: 100%;
    padding-top: .2rem;
    li{
        width: 100%;
        margin-bottom: .2rem;
        border-radius: .05rem;
        overflow: hidden;
        a{
            display: block;
        }
        img{
            width: 100%;
        }
    }
}

//点击加载更多
@mixin moreData1{
    width: 100%;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    font-size: .12rem;
    color: $minor;
}

//app内嵌页面tableList页面的样式
@mixin insertApp1{
    .Download{
        display: none;
    }

    .Header{
        background-color: $appHeader;
    }

    .Container,.DefaultImage.insert,.TableList,.TableList .table tr,.moreData,.NavHeader{
        background-color: $appBg;
    }

    .Header .goBack i,.Header .HeaderText,.TableList .table tr,.TableList .table tr th,.TableList .table tr td,.NavHeader a{
        color: $appFont;
    }

    .NavHeader a.active{
        border-color: $appFont;
    }
}

//个人信息样式修改
@mixin userInfor1{
    padding: .1rem 0;
    background-color: #fff;
    .user-img{
        width: .3rem;
        height: .3rem;
    }
}