@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,form,table,input,button{margin:0; padding:0;}
input,button,textarea,select{outline:0;}
ul,ol{list-style:none;}
img{vertical-align:bottom;}
.container{width: 1200px;margin: 0 auto;}

.cf::after{content:''; display:block; clear:both; }


/*
 * 面向属性的 CSS
 */

/* 布局方式 */
.prelative{position: relative;}
.dpflex { display: flex; }
.dpnone { display: none; }
.fwwrap{flex-wrap: wrap;}
.flex1 { flex: 1 }
.fdcolumn{flex-direction: column;}
.jcsa{justify-content: space-around;}
.jcsb{justify-content: space-between;}
.jcc{justify-content: center;}
.aic{align-items: center;}
.tac{text-align: center;}
.tar{text-align: right;}

/* 盒模型 */
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt16 { margin-top: 16px; }
.mt20 { margin-top: 20px; }
.mt22 { margin-top: 22px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }

.mr16 { margin-right: 16px; } 
.mr12 { margin-right: 12px; } 
.mr18 { margin-right: 18px; } 
.mr20 { margin-right: 20px; } 
.mr32 { margin-right: 32px; } 
.mr90 { margin-right: 90px; } 

.mb16 { margin-bottom: 16px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.ml12 { margin-left: 12px; }
.ml6 { margin-left: 6px; }
.ml20 { margin-left: 20px; }
.ml100 { margin-left: 100px; }
.ml108 { margin-left: 108px; }

.margin{margin:0 10px}
.pd16 { padding: 16px; }
.pd016 { padding: 0 16px; }
.pd010 { padding: 0 10px; }
.pd200 { padding: 20px 0px; }

.pt8 { padding-top: 8px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pl8 { padding-left: 8px; }
.pl10 { padding-left: 10px; }
.pl6 { padding-left: 16px; }
.pr16 { padding-right: 16px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pb16 { padding-bottom: 16px; }
.pb8 { padding-bottom: 8px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }

/* 字号 */
.fwbold { font-weight: bold; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs18 { font-size: 18px; }
.fs24 { font-size: 24px; }
.fs40 { font-size: 40px; }
.fs80 { font-size: 80px; }

.ls1{letter-spacing: 1px;}
/* 背景颜色 */
.bcfff{ background-color: #fff;}
.bc49f{ background-color: #4294ff;}


/* 颜色 */
.c8a{color:#8a8a8a;}
.c10{color:#101010;}
.c59f{color:#539eff;}
.cfff{color: #fff;}
.cf00{color: #f00;}
.cf60{color: #f60;}


.wid{width: 100%;}
.height{height:100%}
.wid20{width: 20%;}

.br50{border-radius: 50%;}


.br1d{border-right: 1px dashed #fff;}
.border{border: 1px solid #d677ff;}
.border-bottom{border-bottom: 1px solid #E5E5E5;}

.cursor{cursor: pointer;}

.img-font{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
}

.fsfw{
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
}

.fsfw666{
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666;
}