:root { 
  --black: #000000;
  --celeste: #cccccc;
  --cloud: #c4c4c4;
  --curious-blue: #3187ca;
  --granite-gray: #666666;
  --green-blue: #0a68b2;
  --vukwor: #999999;
  --white: #ffffff;
  --x8ykeyt: #333333;
 
  --font-size-l: 14px;
  --font-size-m: 12px;
  --font-size-xl: 15px;
  --font-size-xxl: 16px;
  --font-size-xxxl: 18px;
  --font-size-xxxxl: 20px;
  --font-size-xxxxxl: 24px;
 
  --font-family-microsoft_yahei-regular: "Microsoft YaHei-Regular", Helvetica;
  --font-family-misans-bold: "MiSans-Bold", Helvetica;
  --font-family-misans-heavy: "MiSans-Heavy", Helvetica;
  --font-family-misans-medium: "MiSans-Medium", Helvetica;
  --font-family-misans-normal: "MiSans-Normal", Helvetica;
  --font-family-misans-semibold: "MiSans-Semibold", Helvetica;
  --font-family-source_han_sans_cn-regular: "Source Han Sans CN-Regular", Helvetica;
}
.misans-bold-white-20px {
  color: var(--white);
  font-family: var(--font-family-misans-bold);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.misans-bold-green-blue-24px {
  color: var(--green-blue);
  font-family: var(--font-family-misans-bold);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

.list-item a {
  color: var(--x8ykeyt);
  font-family: var(--font-family-misans-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.item-time{
border-radius: 3px;
    height: 41px;
    width: 46px;
}
.misans-medium-white-12px {
  color: var(--white);
  font-family: var(--font-family-misans-medium);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 500;
     background-color: var(--curious-blue);
    border-radius: 3px 3px 0px 0px;
    height: 19px;
 line-height: 19px;
width: 100%;
    display: block;
text-align: center;
}

.misans-medium-celeste-14px {
  color: var(--celeste);
  font-family: var(--font-family-misans-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
width: 100%;
    display: block;
border: 0.5px solid;
    border-color: var(--curious-blue);
    border-radius: 0px 0px 3px 3px;
text-align: center;
height:22px;
line-height:22px;
}

.misans-normal-mine-shaft-18px {
  color: var(--x8ykeyt);
  font-family: var(--font-family-misans-semibold);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
}

.misans-normal-granite-gray-14px {
  color: var(--granite-gray);
  font-family: var(--font-family-misans-normal);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
}

.misans-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-misans-bold);
  font-size: var(--font-size-xxxxxl);
  font-style: normal;
  font-weight: 700;
}

.misans-normal-white-16px {
  color: var(--white);
  font-family: var(--font-family-misans-normal);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.misans-bold-white-16px {
  color: var(--white);
  font-family: var(--font-family-misans-bold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
}

.misans-medium-green-blue-14px {
  color: var(--green-blue);
  font-family: var(--font-family-misans-medium);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}

.misans-normal-mine-shaft-16px {
  color: var(--x8ykeyt);
  font-family: var(--font-family-misans-normal);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
  display: block !important;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 366px;
}

.misans-normal-granite-gray-12px {
  color: var(--granite-gray);
  font-family: var(--font-family-misans-normal);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.misans-medium-mine-shaft-15px {
  color: var(--x8ykeyt);
  font-family: var(--font-family-misans-medium);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
display: block !important;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 336px;
}