// 优先使用urafont 其次幼圆
.font-ura() {
    font-family: 'maoken', 'urafont', '微软雅黑';
    font-weight: 500;
}

.font-normal() {
    font-family: 'maoken', 'urafont', '微软雅黑';
    font-weight: 500;
}

// 1、article-item 的图片边框 
.border-article-item(@width, @outset, @borderwidth) {
    border-radius: @borderwidth;
    border: @borderwidth solid transparent;
    border-image: url(@/assets/img/border-my.png) 99 100 95 96;
    border-image-width: @width;
    border-image-outset: @outset;
}

// 2、部分标签的图片边框
.border-tag(@outset, @borderwidth) {
    border: @borderwidth solid transparent;
    border-radius: @borderwidth;
    border-image: url(@/assets/img/border-line.png) 20 24 17 25;
    border-image-outset: @outset;
}

// 3、街角魔族类型的图片边框 
.border-pinkline(@width, @outset) {
    border: @width solid transparent;
    border-radius: @width;
    border-image: url(@/assets/img/page.png) 25 repeat;
    border-image-outset: @outset;
}

// 4、统一边框类型
.border-normal() {
    border: @border-line solid @textColor;
    border-radius: @border-radius;
}

// 定义一个球
.ball(@size, @color) {
    width: @size;
    height: @size;
    border-radius: 50%;
    background-color: @color;
}

//flexbox 居中盒子
.flexbox(@dir: row, @jus: center, @align: center) {
    display: flex;
    justify-content: @jus;
    align-items: @align;
    flex-direction: @dir;
}

.flex(@dir: row, @jus: flex-start, @align: flex-start) {
    display: flex;
    justify-content: @jus;
    align-items: @align;
    flex-direction: @dir;
}

.shadow(@drop: 3px, @big: 5px, @color: @shadowColor) {
    box-shadow: @drop @drop @big @color;
}

.textShadow(@drop: 3px, @big: 5px, @color: @shadowColor) {
    text-shadow: @drop @drop @big @color;
}

.cusor-pointer() {
    cursor: url(@/assets/img/Hand2.cur), pointer;
}