* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 640px;
}

body, html {
    height: 100%;
    margin: 0 auto;
}

.flex {
    display: flex;
}
.yc_slh{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.none{
    display: none;
}
.block{
    display: block;
}
/*两端无空对齐*/
.ju_sp_b {
    justify-content: space-between;
}
.ju_sp_end {
    justify-content: flex-end;
}

.al_fl_end {
    align-items: flex-end;
}

.pad_0_10 {
    padding: 0 10%;
}

.ma_top_30 {
    margin-top: 30px;
}

.ma_top_20 {
    margin-top: 20px;
}

.ma_top_15 {
    margin-top: 15px;
}
.ma_top_10 {
    margin-top: 10px;
}
.ma_top_5 {
    margin-top: 5px;
}
.ma_bottom_20{
    margin-bottom: 20px;
}
.ma_bottom_5{
    margin-bottom: 5px;
}
.ma_leri_10{
    margin-left: 10px;
    margin-right: 10px;
}
.pad_15 {
    padding: 15px;
}

.wi_b_60 {
    width: 60%;
}

.text_ali_cen{
    text-align: center;
}
.margin0{
    margin: 0 auto;
}
.abs{
    position: absolute;
}
.bottom0{
    bottom: 0;
}
.color_white{
    color: white;
}
.color_001a6f{
    color: #001a6f;
}
.bac_white{
    background: white;
}
.fo_18{
    font-size: 18px;
}
.fo_14{
    font-size: 14px;
}
.fo_we_bo{
    font-weight: bold;
}
.pad_left_10{
    padding-left: 10px;
}
.wi_b_40{
    width: 40%;
}
.wi_b_45{
    width: 45%;
}
.hei_40{
    height: 40px;
}
.color_aaa{
    color: #aaaaaa;
}
.pad_5{
    padding: 5%;
}
.ov_hide{
    overflow: hidden;
}
.max_hei_30{
    max-height: 30%;
}
.hei_b_100{
    height: 100%;
}
.bor_5_white{
    border: 5px solid white;
}
.pad_5px{
    padding: 5px;
}
.hei_175{
    height: 175px;
}
.al_it_cen{
    align-items: center;
}
.flex_col{
    flex-direction: column;
}
.max_hei_200{
    max-height: 200px;
}
a{
    text-decoration: none;
}
/*烙印*/
.box {
    min-height: 100%;
    background: #0842a3 url(../images/bg.jpg) no-repeat bottom;
    background-size: 100% auto;
}
.kuan {
    width: 100%;
    height: 40%;
    border: 2px solid white;
    color: white;
}

.xm {
    width: 65%;
    border-bottom: 1px solid white;
    text-align: center;
    padding-bottom: 5px;
}
.modify{
    width: 52px;
    height: 25px;
    color: #f8c764;
    border: #f8c764 solid 1px;
    border-radius: 20px;
    text-align: center;
    line-height: 26px;
}

.button {
    width: 100%;
    background: #ecc83c;
    border-radius: 2px;
    color: #0842a3;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

/*海报*/
.ewm{
    width: 80px;
    height: 80px;
    background: white;
}
.
    /*优秀毕业生列表*/
.yuan{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #f3de6c;
    color: #00228f;
    padding: 15px;
    text-align: center;
    position: fixed;
    right: 0px;
    bottom: 30px;
}
/*优秀毕业生推荐*/
.graduates_input{
    width: 100%;
    height: 30px;
    padding-left: 10px;
}
/*我要祝福*/
.zf_zi{
    font-size: 12px;
    margin-top: -2%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 5px 10px;
    color: #ccc;
    align-items: center;
}
input{
    outline:none;
}