$main-color:#409eff;
$base-color:#f6f8f9;
$text-color:#fff;
$white-bg:#fff;
$border-color:#e5e5e5;
$pgh-color:#34495e;
$font-color:#a8b3ba;
$pink:#ff7979;
$forbid-color:#c6cdd2;
$title-color:#1b2631;

@mixin box-sizing{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

@mixin display-flex{
    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@mixin flex{
    -ms-flex: 1; 
    -webkit-flex: 1; 
    flex: 1; 
    -webkit-box-flex: 1; 
    -moz-box-flex: 1; 
    -ms-flex: 1;
}
@mixin  align-items-center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@mixin  align-items-start{
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    -ms-align-items:flex-start;
    -o-align-items:flex-start;
    align-items:flex-start;
}
@mixin  align-items-end{
    -webkit-align-items:flex-end;
    -moz-align-items:flex-end;
    -ms-align-items:flex-end;
    -o-align-items:flex-end;
    align-items:flex-end;
}
@mixin justify-content-start{
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}
@mixin justify-content-center{
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
@mixin justify-content-end{
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}
@mixin justify-content-between{
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
@mixin justify-content-around{
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    -o-justify-content: space-around;
    justify-content: space-around;
}
@mixin flex-direction{
    -webkit-flex-direction:column;
	flex-direction:column
}
@mixin text-align{
   text-align: center;
}
@mixin box-shadow{
    box-shadow: 0 7px 13px rgba(200,227,248,0.6);    
}
@mixin fixed-bg{
    background: $base-color;
    width: 100%;
    height: 100%;
    position: fixed;
}