@import url("../iconfont/iconfont.css");
/*安友软件官网2025版*/
* {
    outline: none;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
}
:root {
    --color-primary: #2e67b8;
    --color-white: #fff;
}
a {
    text-decoration: none;
}
img {
    overflow-clip-margin: content-box;
    overflow: clip;
}
.pc {
    display: block;
}
.mobel {
    display: none;
}
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.no-select {
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.text-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
}
.flex-box {
    display: flex;
}
/*水平*/
.flex-space-between {
    justify-content: space-between;
}
.flex-space-around {
    justify-content: space-around;
}
.flex-center {
    justify-content: center;
}
.flex-start {
    justify-content: flex-start;
}
.flex-end {
    justify-content: flex-end;
}
/*垂直*/
.flex-top {
    align-items: flex-start;
}
.flex-items-center {
    align-items: center;
}
.flex-bottom {
    align-items: flex-end;
}
.flex-stretch {
    align-items: stretch;
}
.flex-baseline {
    align-items: baseline;
}
.flex-1 {
    flex: 1;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-4 {
    flex: 4;
}
.flex-5 {
    flex: 5;
}
.flex-6 {
    flex: 6;
}
.flex-7 {
    flex: 7;
}
.flex-8 {
    flex: 8;
}
.flex-9 {
    flex: 9;
}
.flex-10 {
    flex: 10;
}
.flex-11 {
    flex: 11;
}
.flex-12 {
    flex: 12;
}
.flex-13 {
    flex: 13;
}
.flex-14 {
    flex: 14;
}

.color-orange {
    color: #f7821f;
}
.color-blue {
    color: #258bfa;
}
.color-skyblue {
    color: #01c4fc;
}
.color-red {
    color: #f56c6c;
}
.color-green {
    color: #67c23a;
}
.color-purple {
    color: #9e64fb;
}
.color-yellow {
    color: #f7c21f;
}
.color-pink {
    color: ##ff6d9b;
}
.color-gray {
    color: #909399;
}
.color-black {
    color: #000;
}
.color-white {
    color: #fff;
}
.bg-orange {
    background-color: #f7821f;
}
.bg-blue {
    background-color: #258bfa;
}
.bg-skyblue {
    background-color: #01c4fc;
}
.bg-red {
    background-color: #f56c6c;
}
.bg-green {
    background-color: #67c23a;
}
.bg-gray {
    background-color: #909399;
}
.bg-black {
    background-color: #000;
}
.bg-white {
    background-color: #fff;
}

@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1023px) {
    .pc {
        display: none;
    }
    .mobel {
        display: block;
    }
    .container {
        width: 94%;
        margin: 0 auto;
    }
}