* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif, "宋体";
}
// 数字字体样式记得改

input:focus,
textarea:focus {
    outline: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}
// ---------------------------------------------------
.fs(@width,@height) {
    width: unit(@width / 37.5, rem);
    height: unit(@height / 37.5, rem);
}
// 字体大小+颜色
.text(@font-size,@color) {
    font-size: unit(@font-size / 37.5, rem);
    color: @color;
}
//单行文本显示省略号
.aline(@width) {
    overflow: hidden; /*超出部分隐藏*/
    text-overflow: ellipsis; /* 超出部分显示省略号 */
    white-space: nowrap; /*规定段落中的文本不进行换行 */
    max-width: unit(@width / 37.5, rem); /*需要配合宽度来使用*/
    text-align: left;
}
// 多行文本显示省略号
.alines(@line,@width) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: @line;
    overflow: hidden;
    width: unit(@width / 37.5, rem);
    text-align: left;
}
// 圆形
.circular(@width) {
    width: unit(@width / 37.5, rem);
    height: unit(@width / 37.5, rem);
    border-radius: 50%;
}

.width(@width) {
    width: unit(@width / 37.5, rem);
}

.height(@height) {
    height: unit(@height / 37.5, rem);
}

.marginTop(@num) {
    margin: unit(@num / 37.5, rem) auto 0;
}

.marginBottom(@num) {
    margin: 0 auto unit(@num / 37.5, rem);
}

.margin(@num1,@num2,@num3,@num4) {
    margin: unit(@num1 / 37.5, rem) unit(@num2 / 37.5, rem) unit(@num3 / 37.5, rem) unit(@num4 / 37.5, rem);
}

.padding(@num1,@num2,@num3,@num4) {
    padding: unit(@num1 / 37.5, rem) unit(@num2 / 37.5, rem) unit(@num3 / 37.5, rem) unit(@num4 / 37.5, rem);
}

.top(@num) {
    top: unit(@num / 37.5, rem);
}

.bottom(@num) {
    bottom: unit(@num / 37.5, rem);
}

.right(@num) {
    right: unit(@num / 37.5, rem);
}

.left(@num) {
    left: unit(@num / 37.5, rem);
}

.location {
    position: absolute;
}

.lineHeight(@num) {
    line-height: unit(@num / 37.5, rem);
}