/*
md:me difine也即我定义的函数
pd:padded也即填充
tt:text也即文本
tb:top&bottom也即上下
*/


/*背景*/
body {
    /* background: url('../images/back.jpg') no-repeat fixed center; */
    background: #ffffff;
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    margin: 0 !important;
}
footer {
    margin-top: auto !important;
}

/*填充*/
.md-pd-tb-mini{
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}

.md-pd-tb-massive{
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}

.md-pd-tb-biggest{
    padding-top: 10em !important;
    padding-bottom: 10em !important;
}

.md-pd-lr{
    padding-left: 4em !important;
    padding-right: 4em !important;
}

/*外部边缘*/
.md-margin-tb-mini{
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}

.md-margin-tb-massive{
    margin-top: 0.8em !important;
    margin-bottom: 0.8em !important;
}

/*阴影效果*/
.md-shadow-mini{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 2) !important;
}



/*位置*/
.md-right-top{
    position: absolute;
    top:0;
    right:0;
}

.md-right-bottom{
    bottom: 0 !important;
    right: 0 !important;
}

.md-fixed{
    position: fixed !important;
    z-index: 1 !important;
}


/*字体粗细*/
.md-tt-thin{
    font-weight:300 !important;
}
/*字体距离*/
.md-tt-spaced{
    letter-spacing: 1px !important;
}
/*字体行间距*/
.md-tt-lined{
    line-height: 1.8 !important;
}
/*透明度*/
.md-opacity-mini{
    opacity:0.8 !important;
}

.md-inline-block{
    display:inline-block;
}

/*可以设一个.md-text存文字整体效果*/


/*手机端适应*/

.md-mobile-show{
    display: none !important;
}

/*在手机上隐藏*/
@media screen and (max-width:768px){
    .md-mobile-hide{
        display: none !important;
    }
    .md-mobile-show{
        display: block !important;
    }
}