@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Conv_Bebas-Regular';
    src: url('../fonts/Bebas-Regular.eot');
    src: local('☺'), url('../fonts/Bebas-Regular.woff') format('woff'), url('../fonts/Bebas-Regular.ttf') format('truetype'), url('../fonts/Bebas-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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;
    -webkit-font-smoothing: antialiased;
}
.font-bold {
    font-family: NotoSansHans-Bold,PingFangSC-Bold, PingFangSC-Regular, SourceHanSansCN-Normal, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, sans-serif;
    font-weight: bold;
}
.font-medium {
    font-family: NotoSansHans-Medium,PingFangSC-Medium, PingFangSC-Medium, SourceHanSansCN-Medium, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, sans-serif;
    font-weight: bold;
}
.font-regular {
    font-family: NotoSansHans-Regular, PingFangSC-Regular, SourceHanSansCN-Normal, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, sans-serif;
    font-weight: normal;
}
body, button, input, select, textarea, p {
    font: 16px/1.5 NotoSansHans-Regular, PingFangSC-Regular, SourceHanSansCN-Normal, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, sans-serif;
}

body.en, body.en button, body.en input, body.en select, body.en textarea {
    font: 12px/1.5 NotoSansHans-Regular, PingFangSC-Regular, SourceHanSansCN-Normal, "Source Han Sans CN", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", Helvetica, Tahoma, Arial, sans-serif;
}

body.detail {
}

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

/*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;*/
}
::-webkit-input-placeholder {
    color: #000;
    opacity: 0.2;
}
.fl {
    float: left;
}

.fr {
    float: right;
}

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

body {
}

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

table {
    border-collapse: collapse;
}

tbody {
    border: none;
}

body.toolbar {
    padding-top: 90px !important;
}

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

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

.flex {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
}

.flex-v {
    display: flex;
    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;
}
.hidden {
    display: none;
    position: absolute;
    top: -20000px;
    left: -20000px;
    width: 0;
    height: 0;
}
.blur {
    -webkit-filter: blur(50px);
    filter: blur(50px);
}