.flex {
    display: flex;
}

.ziti-ys p{
font-family:"sou_regular"!important;
font-size: 16px!important;
line-height:32px!important;
margin: 0px 0 20px 0!important;
}
.ziti-ys p span{
font-family:"sou_regular"!important;
font-size: 16px!important;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex1 {
    display: flex;
    flex: 1;
}

.flex2 {
    display: flex;
    flex: 2;
}

.flex3 {
    display: flex;
    flex: 3;
}

.flex4 {
    display: flex;
    flex: 4;
}

.flex5 {
    display: flex;
    flex: 5;
}

.flex-wrap-wrap {
    display: flex;
    flex-wrap: wrap;
}

.justify-between {
    display: flex;
    justify-content: space-between;
}

.justify-around {
    display: flex;
    justify-content: space-around;
}

.justify-center {
    display: flex;
    justify-content: center;
}

.justify-end {
    display: flex;
    justify-content: flex-end;
}

.hover {
    cursor: pointer;
}

.align-end {
    display: flex;
    align-items: flex-end;
}

.align-center {
    display: flex;
    align-items: center;
}

.align-start {
    display: flex;
    align-items: flex-start;
}

.main-title {
    border-left: 5px solid #409EFF;
    text-indent: 10px;
    color: #606266;
    margin-bottom: 10px;
}

.text-overflows {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/** »ù´¡Í¨ÓÃ **/
.pa10 {
    padding: 10px;
}

.pa20 {
    padding: 20px;
}

.pt5 {
    padding-top: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.r-pl10 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.r-pr10 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.no-pb {
    padding-bottom: 0;
}

.pr5 {
    padding-right: 5px;
}

.pb5 {
    padding-bottom: 5px;
}
.pb10 {
    padding-bottom: 10px;
}
.pb20 {
    padding-bottom: 20px;
}

.mt5 {
    margin-top: 5px;
}

.mr5 {
    margin-right: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

.mt8 {
    margin-top: 8px;
}

.mb8 {
    margin-bottom: 8px;
}

.ml5 {
    margin-left: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mr20 {
    margin-right: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.ma10 {
    margin: 10px;
}

.w-100 {
    width: 100%;
}

.w150 {
    width: 150px;
}

.w300 {
    width: 300px;
}

.h-100 {
    height: 100%;
}

.h100 {
    height: 100px;
}

.fs-white{
    color: white;
}
.fs-25{
    font-size: 25px;
}
.fs-20{
    font-size: 20px; 
}
.fs-40{
    font-size: 40px; 
}
.fs-50{
    font-size: 50px; 
}
.fs-55{
    font-size: 55px; 
}
.fw-bold{
    font-weight: bold;
}

/* Ò³Î² */
.footer {
	height: 340px;
	background-color: #005dab;
}

.footer-text {
	width: 930px;
	font-size: 22px;
	color: rgb(195, 194, 194);
	margin-left: 40px;
	padding-left: 80px;
	border-left: 1px solid rgb(195, 194, 194);
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

li {
  margin-bottom: 5px;
}

.font-family{
    font-family: "Times New Roman", Times, serif;
}

.font-color-6{
    color: #606266;
}