@charset "utf-8";

.main {
    font-family:PingFangSC,"微软雅黑";
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
}
#header {
    background: #0365b9;
    padding: 1.2em;
}
#header #name_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
}
#header #my_integral {
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 1em;
}
#header #my_integral h4 {
    color: #e4e1e1;
    margin-bottom: 1em;
}
#header #my_integral h1 {
    font-size: 2.5em;
}
#list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f7f7f7;
    margin-top: 1.5em;
    padding-bottom: 1.5em;
}
#list .list_img {
    width: 18%;
}
#list .list_img a{ color:#2f85e8;}
#list .list_img div {
    width: 60%;
	height:45px;
	line-height:45px;
    margin: 0 auto;
}