/*common style*/
body, div, dl,
dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select,img {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    overflow-x: hidden;
    background: #000;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none !important
}

a:active {
    text-decoration: none;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

ul,li {
    list-style-type: none;
}

img {
    border: 0;
}
.flex-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
@font-face {
    font-family: "fangsong";
    src: url('../font/fangsong/fangsong.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/fangsong/fangsong.woff') format('woff'),
    url('../font/fangsong/fangsong.ttf') format('trueType'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/fangsong/fangsong.svg') format('svg'); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "adobeht";
    src: url('../font/heiti/AdobeHeitiStd-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/heiti/AdobeHeitiStd-Regular.woff') format('woff'),
    url('../font/heiti/AdobeHeitiStd-Regular.ttf') format('trueType'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/heiti/AdobeHeitiStd-Regular.svg') format('svg'); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "gabriola";
    src: url('../font/gabriola/gabriola.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/gabriola/gabriola.woff') format('woff'),
    url('../font/gabriola/gabriola.ttf') format('trueType'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/gabriola/gabriola.svg') format('svg'); /* iOS 4.1- */
    font-weight: normal;
    font-style: normal;
}