/*@font-face {*/
/*  font-family: 'SiYuanSongTiRegular';*/
/*  src: url('/static/font/si_yuan_song_ti-regular.otf') format('opentype');*/
/*  font-display: block;*/
/*}*/

/** {*/
/*    font-size: 12px;*/
/*    line-height: 20px;*/
/*    list-style: none;*/
/*    font-family: 'SiYuanSongTiRegular', 'Source Han Serif SC', '思源宋体', 'Songti SC', serif;*/
/*}*/


@font-face {
  font-family: 'SiYuanHeiTiRegular';
  src: url('/static/font/SourceHanSansSC-Regular_1.otf') format('opentype');
  font-display: block;
}

* {
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    font-family: 'SiYuanHeiTiRegular', 'Source Han Serif SC', '思源黑体', 'Songti SC', serif;
}

html, body {
    height: 100%;
}

/*白色*/
.white {
    color: white;
}

/*黑色*/
.black {
    color: black;
}

/*红色*/
.red {
    color: red;
}

/*绿色*/
.green {
    color: green;
}

/*蓝色*/
.blue {
    color: blue;
}

/*黄色*/
.yellow {
    color: yellow;
}

/*橙色*/
.orange {
    color: orange;
}

/*粉色*/
.pink {
    color: pink;
}

/*灰色*/
.gray {
    color: gray;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-40 {
    font-size: 40px;
}

.font-size-50 {
    font-size: 50px;
}

/* 左浮动 */
.left-float {
    float: left;
}

/* 右浮动 */
.right-float {
    float: right;
}

/* 清除浮动 */
.clear-both {
    clear: both;
}

/* 左对齐 */
.left-align {
    text-align: left !important;
}

/* 居中对齐 */
.center-align {
    text-align: center !important;
}

/* 右对齐 */
.right-align {
    text-align: right !important;
}

.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}

.margin-20 {
    margin: 20px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-35 {
    margin-top: 35px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-left-5 {
    margin-left: 5px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-35 {
    margin-left: 35px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-left-45 {
    margin-left: 45px;
}

.margin-left-50 {
    margin-left: 50px;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-25 {
    padding: 25px;
}

.padding-30 {
    padding: 30px;
}

.padding-35 {
    padding: 35px;
}

.padding-40 {
    padding: 40px;
}

.padding-45 {
    padding: 45px;
}

.padding-50 {
    padding: 50px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-top-45 {
    padding-top: 45px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-25 {
    padding-left: 25px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-35 {
    padding-left: 35px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-left-45 {
    padding-left: 45px;
}

.padding-left-50 {
    padding-left: 50px;
}