@import "base/variables";

/* Tools */
@import "tools/mixin";
// @import "tools/fonts";
@import "tools/media";

/* Base */
@import "base/normalize";
@import "base/base";

/* Layout */
@import "layout/topbar";
@import "layout/header";
@import "layout/footer";

/* Modules */
@import "modules/form";
@import "modules/list";
@import "modules/piclist";
@import "modules/table";
@import "modules/button";
@import "modules/single";
@import "modules/toggle";

/* Components */
@import "components/dropmenu";
@import "components/panel";
@import "components/scrolltop";
@import "components/slider";
@import "components/tab";
@import "components/pop";


/* S iconfont */
@font-face {
    @include font-face-custom(iconfont);
}

.iconfont-custom {
    @include font-custom(iconfont);
}

/* S Other */
.wrapper{
    padding-top: 53px;
    width: 100%;
    background-color: #f5f5f5;
}
.m-header{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1),0 1px 0 0 rgba(0, 0, 0, 0.1);
}
/* E Other */

/* S Main */
.m-article{
    width: 90%;
    margin: 0 auto 20px;
}

.m-article__hd{
    border-bottom: 1px solid #d1d1d1;
    padding-top: 20px;
}

.m-article__bd{
    padding-top: 20px;
    padding-bottom: 20px;
    p{
        font-size: 18px;
        color: #333333;
        line-height: 28px;
        text-indent: 2em;
    }
    img{
        width: 100%;
        margin: 10px 0;
        // box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.28);
    }
}
.m-article__ft{
    .m-enter{
        width: 100%;
        height: 40px;
        text-align: center;
        background-color: #eb3272;
        // box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.28);
        &:hover,&:active,&:focus{
            background-color: #e45486;
        }
        a{
            color: #fff;
        }
        p{
            font-size: 18px;
            line-height: 42px;
        }
        .iconfont-custom{
            color: #fff;
            padding-left: 4px;
            font-size: 18px;
        }
        .m-link:hover{
            color: #fff;
        }
    }
}

.m-article__title{
    width: 100%;
    text-align: left;
    font-size: 22px;
    color: #000;
    margin-bottom: 8px;
}

.m-article__info{
    color: #999999;
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 8px;
}

.m-article__info--time{
    float: left;
}

.m-article__info--comments{
    float: right;
    i{
        font-size: 18px;
        padding-right: 4px;
    }
}

/* E Main */

/* S Tab Effect */
.m-link{
    &:hover,&:focus,&:active{
        color: #e50050;
    }
}
/* E Tab Effect */