@charset "utf-8";

/*重置样式*/
@import url(../css/iconfont.css);


*,

*::before,

*::after {

    box-sizing: border-box;

}

a,

img {

    transition: all ease-out .3s;

}

html {

    -webkit-text-size-adjust: 100%;

}

html:focus-within {

    scroll-behavior: smooth;

}

ul,

ol {

    list-style: none;

    padding: 0;

    margin: 0;

}

body,

h1,

h2,

h3,

h4,

p,

figure,

blockquote,

dl,

dd {

    margin: 0;

}

img,

picture {

    max-width: 100%;

    display: block;

    width: 100%;

}

input,

button,

textarea,

select {

    font: inherit;

}

textarea {

    overflow: auto;

    resize: unset;

}

table {

    border-collapse: collapse;

    width: 100%;

}

i,

em {

    font-style: normal;

}

a {

    text-decoration: none;

    outline: none;

    color: #000;

}

p {

    line-height: 1.5;

    color: #000;

}

h4 {

    font-weight: bold;

    line-height: 1;

    color: #000;

}

input[type='reset'],

input[type='button'],

input[type='submit'],

input[type='radio'],

input[type='submit'] {

    cursor: pointer;

    border: 0;

    outline: none;

    -webkit-appearance: none;

}

input[type='text'],

textarea {

    border: none;

    outline: none;

}

/*通用样式*/

.bold {

    font-weight: bold;

}

.nor {

    font-weight: normal;

}

.light {

    font-weight: lighter;

}

.tc {

    text-align: center;

}

.tr {

    text-align: right;

}

.tj {

    text-align: justify;

}

.txt {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

/*布局样式*/

.fl {

    float: left;

}

.fr {

    float: right;

}

.clearfix:after,

.clearfix:before {

    display: table;

    content: '';

    clear: both;

}

.db {

    display: block;

}

.dib {

    display: inline-block;

}

.dn {

    display: none;

}

.df {

    display: flex;

}

.f1 {

    flex: 1;

}

.ac {

    align-items: center;

}

.as{

    align-items: flex-start;

}

.jr {

    justify-content: right;

}

.jl {

    justify-content: left;

}

.jb {

    justify-content: space-between;

}

.ja {

    justify-content: space-around;

}

.jc {

    justify-content: center;

}

.fw {

    flex-wrap: wrap;

}

.f1 {

    flex: 1;

}

.fd {

    flex-direction: column;

}

.ov {

    overflow: hidden;

}

.oay {

    overflow-y: auto;

}

.oax {

    overflow-x: auto;

}

.cp {

    cursor: pointer;

}

.bs {

    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);

}

.br10 {

    border-radius: 10px;

}

.mbr10 {

    border-radius: .2222rem;

}

.br20 {

    border-radius: 20px;

}

.mbr20 {

    border-radius: .4444rem;

}

.br40 {

    border-radius: 40px;

}

.mbr40 {

    border-radius: .8889rem;

}

.brhalf {

    border-radius: 50%;

}

.pr {

    position: relative;

}

.pa {

    position: absolute;

}

.pf {

    position: fixed;

}

.ps {

    position: static;

}

.l0 {

    left: 0;

}

.t0 {

    top: 0;

}

.r0 {

    right: 0;

}

.b0 {

    bottom: 0;

}

.z0 {

    z-index: 0;

}

.z1 {

    z-index: 1;

}

.z2 {

    z-index: 2;

}

.z3 {

    z-index: 3;

}

.z999 {

    z-index: 999;

}

.w100 {

    width: 100%;

}

.w50 {

    width: 50%;

}

.h100 {

    height: 100%;

}

.wa {

    width: auto;

}

.bs100 {

    background-size: 100% 100%;

    background-repeat: no-repeat;

}

.font-color {

    color: #000000;

}

.bg-color {

    background-color: #91a5a6;

}

.imgsc:hover img {

    transform: scale(1.1, 1.1);

}

.l1 {

    line-height: 1;

}

.a-box {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    overflow: hidden;

}

.tu {

    text-decoration: underline;

}