:root{
    box-sizing: border-box;

	/*主色*/
    --main-color: #25d366;
    --second-color: #093;

    --error-color: #f00;

    --main-bg:linear-gradient( var(--main-color), var(--second-color));
}

/*电脑端*/
@media (min-width: 1080px){
    :root{
        font-size: 14px;
    }
}


/*移动端*/
@media (max-width: 1080px){
    :root{
        font-size: calc(2.5vw + 8px)
    }

}

p, a, span, input, button{
    font-size: 1rem;
}

*{
    box-sizing: inherit;
    margin:0;
    padding: 0;
}

html,body{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    background: #f5f5f5;
}

p{
    color:#333;
}

/*不换行，均匀分布*/
.nowrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 不换行，左对齐 */
.nowrap-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.nowrap-left-top{
    display: flex;
    justify-content: flex-start;
    align-items:top;
}

/* 不换行，居中对齐 */
.nowrap-center{
    display: flex;
    justify-content: center;
    align-items: center;
} 

/* 不换行，右对齐 */
.nowrap-right{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}


/*a:link{

}

a:visited{
    color:#1430b8;
}

a:hover{

}

a:active{
    color: #b81414;
}*/

input{
    padding: .5em;
}

.margin{
    margin: .5em;
}

.padding{
    padding: .5em;
}