body {
    /* -webkit-animation: bgbody 2s ease;	-o-animation: bgbody 2s ease;	animation: bgbody 2s ease; */
    overflow-x: hidden;
    position: relative;
    font-family: microsoft yahei;
    /* font-size: 62.5%; */
}


/* body::-webkit-scrollbar {    display: none; } */

body::-webkit-scrollbar {
    width: 14px !important;
    background: none !important;
    height: 10px !important;
    opacity: 1 !important;
}

body::-webkit-scrollbar-track,
body::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    width: 16px !important;
    border: 5px solid transparent !important;
}

body::-webkit-scrollbar-track {
    box-shadow: 1px 1px 5px #ffffff inset !important;
}

body::-webkit-scrollbar-thumb {
    width: 10px;
    min-height: 5px !important;
    background-clip: content-box !important;
    box-shadow: 0 0 0 5px #ee2d42 inset !important;
}

body::-webkit-scrollbar-corner {
    background: #f4f4f4 !important;
}

input {
    font-family: microsoft yahei;
}

@keyframes bgbody {
    0% {
        opacity: 0;
        background-color: #ffffff;
    }
    100% {
        opacity: 1;
    }
}

ul,
li {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

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

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

@font-face {
    font-family: "bebas";
    src: url("../css/bebas.ttf") format("truetype"), url("../css/bebas.eot") format("embedded-opentype"), url("../css/bebas.woff2") format("woff2"), url("../css/bebas.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dinM";
    src: url("../css/dinM.ttf") format("truetype"), url("../css/dinM.eot") format("embedded-opentype"), url("../css/dinM.woff2") format("woff2"), url("../css/dinM.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "dinR";
    src: url("../css/dinR.ttf") format("truetype"), url("../css/dinR.eot") format("embedded-opentype"), url("../css/dinR.woff2") format("woff2"), url("../css/dinR.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "syhtm";
    src: url("../css/syhtM.ttf") format("truetype"), url("../css/syhtM.eot") format("embedded-opentype"), url("../css/syhtM.woff2") format("woff2"), url("../css/syhtM.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "syhtr";
    src: url("../css/syhtR.ttf") format("truetype"), url("../css/syhtR.eot") format("embedded-opentype"), url("../css/syhtR.woff2") format("woff2"), url("../css/syhtR.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.bebas {
    font-family: 'bebas';
}

.dinm {
    font-family: 'dinM';
}

.dinr {
    font-family: 'dinR';
}

.arial {
    font-family: 'Arial';
}

.rows {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dh>div:nth-child(1) {
    animation-delay: 0.2s;
}

.dh>div:nth-child(2) {
    animation-delay: 0.3s;
}

.dh>div:nth-child(3) {
    animation-delay: 0.4s;
}

.dh>div:nth-child(4) {
    animation-delay: 0.5s;
}

.dh>div:nth-child(5) {
    animation-delay: .6s;
}

.dh>div:nth-child(6) {
    animation-delay: .7s;
}

.dh>div:nth-child(7) {
    animation-delay: .8s;
}

.dh>div:nth-child(8) {
    animation-delay: 0.9s;
}

.dh>div:nth-child(9) {
    animation-delay: 1s;
}

.dh>div:nth-child(10) {
    animation-delay: 1.1s;
}

.dh>div:nth-child(11) {
    animation-delay: 1.2s;
}

.dh>div:nth-child(12) {
    animation-delay: 1.3s;
}

.dh>div:nth-child(13) {
    animation-delay: 1.4s;
}

.dh>div:nth-child(14) {
    animation-delay: 1.5s;
}

.dh>p:nth-child(1) {
    animation-delay: 0.2s;
}

.dh>p:nth-child(2) {
    animation-delay: 0.4s;
}

.dh>p:nth-child(3) {
    animation-delay: 0.6s;
}

.dh>p:nth-child(4) {
    animation-delay: 0.8s;
}

.dh>p:nth-child(5) {
    animation-delay: 1s;
}

.shows>div:nth-child(1) {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
}

.shows>div:nth-child(2) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
}

.shows>div:nth-child(3) {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
}

.shows>div:nth-child(4) {
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
}

.shows>div:nth-child(5) {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
}

.img-hide {
    overflow: hidden;
}

.img-hide img {
    transition: 0.5s all;
}

.img-hide:hover img {
    transform: scale(1.1, 1.1);
}

.translateX-100 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.translateX_100 {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}

.translateY-100 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    transform: translateY(-100px);
}

.translateY_100 {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
}

.transition {
    opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s;
}

.shows .transition {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
}


/* .dh .sj-img:nth-child(6){ animation-delay:40.5s; } */