a {
    color: #333;
}

a:hover {
    text-decoration: none;
}

a, img {
    border: none;
    outline: none;
}

h1 {
    font-size: 30px;
    font-weight: bold;
}

h2 {
    font-size: 24px;
    font-weight: bold;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

h4, h5 {
    font-size: 16px;
    font-weight: bold;
}

img {
    max-width: 100%;
    height: auto;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bg-cover {
    background-size: cover;
    background-position: center center;
}

.bg-container {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-stretch {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.bg-trans-white {
    background-color: rgba(255,255,255,.5);
}
.bg-darkblue {
    background-color: #35ade3;
}

.bg-blue {
    background-color: #4fbde7;
}

.bg-lightblue {
    background-color: #6bcded;
}

.bg-orange {
    background-color: #fe5827;
}

.bg-white {
    background-color: #fff;
}
.bg-lightgray {
    background-color: #eee;
}
.big-text {
    font-size: 1.33em;
}

.large-text {
    font-size: 2em;
}

.huge-text {
    font-size: 3em;
}

.light-text, .light-text a {
    color: #fff;
}

.gray-text, .gray-text a {
    color: #999;
}

.orange-text {
    color: #fe5827;
}

.blue-text {
    color: #4fbde7;
}

.song-text {
    font-family: 宋体;
}

.title-underline:after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    margin: 1em 0;
    background-color: #333;
}

.text-center .title-underline:after {
    margin: 1em auto;
}

.text-light .title-underline:after {
    background-color: #fff;
}