@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button, input, textarea, th, td, div, a, span {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

body, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6 {
    font: 16px/1.5 PingFangSC-Regular, SourceHanSansCN-Normal, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body.en, body.en button, body.en input, body.en select, body.en textarea {
    font: 12px/1.5 "Myriad Set Pro", "Helvetica Neue", Helvetica, Tahoma, Arial, "\5b8b\4f53", sans-serif;
}
body.detail {
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: lighter;
}

p {
    font-family: PingFangSC-Light, PingFangSC-Regular, SourceHanSansCN-Normal, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, sans-serif;
}

/*address, cite, dfn, em, var, i { font-style: normal; } !* 将斜体扶正 *!*/
code, kbd, pre, samp, tt {
    font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */
small {
    font-size: 12px;
}

ul, ol {
    list-style: none;
}

:focus {
    outline: 0;
}

a {
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: none;
}

abbr[title], acronym[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after {
    content: '';
}

legend {
    color: #191919;
}

/* for ie6 */
fieldset, img {
    border: none;
}

/* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px;
}

html, body {
    -webkit-overflow-scrolling: touch;
}

::selection {
    color: #fff;
    background: #313B81;
}

h1::selection,
h2::selection,
h3::selection {
    /*-webkit-text-stroke: 1px #E62511;*/
    /*background: transparent;*/
    /*color: transparent;*/
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both;
}

body {
}

.w {
    width: 100%;
    max-width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    position: relative;
}

table {
    border-collapse: collapse;
}

tbody {
    border: none;
}

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

[data-src] {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.flex {
    display: flex;
}

.flex-v {
    flex-direction: column;
    justify-content: center;
}

.flex-between {
    justify-content: space-between;
}

.flex-around {
    justify-content: space-around;
}

.align-center {
    text-align: center;
}

.pf-medium {
    font-family: PingFangSC-Medium, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, "\5b8b\4f53", sans-serif;
}

.pf-light {
    font-family: PingFangSC-Light, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, "\5b8b\4f53", sans-serif;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.none {
    display: none;
}
.en * {
    letter-spacing: 0!important;
}

@-webkit-keyframes scaleOut {
    0% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1.00);
        opacity: 1.0;
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }
    100% {
        transform: scale(1.00);
        opacity: 1.0;
    }
}

.scaleOut {
    -webkit-animation: scaleOut 0.3s ease-in-out both;
    animation: scaleOut 0.3s ease-in-out both;
}

@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(1.0);
        opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(0.6);
        opacity: 0;
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(1.0);
        opacity: 1.0;
    }
    100% {
        transform: scale(0.6);
        opacity: 0;
    }
}

.scaleIn {
    -webkit-animation: scaleIn 0.3s ease-in-out both;
    animation: scaleIn 0.3s ease-in-out both;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation: fadeIn 0.3s ease-in-out both;
    animation: fadeIn 0.3s ease-in-out both;
}


@-webkit-keyframes slideInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0);
    }
    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0);
    }
    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.slideInUp {
    -webkit-animation: slideInUp 0.5s ease-in-out both;
    animation: slideInUp 0.5s ease-in-out both;
}
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0);
    }
    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}
.slideDown {
    -webkit-animation: slideDown 0.5s ease-in-out both;
    animation: slideDown 0.5s ease-in-out both;
}