@font-face {
    font-family: jyt-number;
    src: url("../font/DIN-MediumItalic.otf")
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    /* font-family: "jyt" */
}
html,body{
    width:100%;
    height:100%;
    overflow: hidden;
}
ul {
    list-style: none;
}

.innerbox {
    overflow-x: hidden;
    overflow-y: auto;
    color: #000;
    font-size: .7rem;
    font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, "黑体", Arial, Tahoma;
    height: 100%;
}

.cl:after,
.clearfix:after {
  content: "\20";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.cl,
.clearfix {
  zoom: 1;
}
.fr {
  float: right;
}

.fl {
  float: left;
}
/*滚动条样式*/

.innerbox::-webkit-scrollbar {
    width: 4px;
}

.innerbox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
}

.innerbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.1);
}

.goTop {
    position: fixed;
    right: 30px;
    bottom: 20px;
    width: auto;
    z-index: 9999;
    width: 50px;
    height: 50px;
    background: #ffffff;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
}


/* .goTop:hover{
    box-shadow: rgb(39, 39, 39) 0px 0px 8px;
} */

.goTop img {
    width: auto;
    height: auto;
    cursor: pointer;
    float: right;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* opacity: 1;
    filter:Alpha(opacity=100);
    transition: opacity 0.s; */
}

.goTop:hover img {
    display: none;
    /* opacity: 0;
    filter:Alpha(opacity=0) */
}

.goTop span {
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
    /* opacity: 0;
    filter:Alpha(opacity=0);
    transition: opacity 1s; */
}

.goTop span p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.goTop:hover span {
    display: block;
    /* opacity: 1;
    filter:Alpha(opacity=100); */
}

.word-over-1 {
    white-space: nowrap;
    /*强制span不换行*/
    display: inline-block;
    /*将span当做块级元素对待*/
    width: 100%;
    /*限制宽度*/
    overflow: hidden;
    /*超出宽度部分隐藏*/
    text-overflow: ellipsis;
    /*超出部分以点号代替*/
}

.word-over-2 {
    /*2行文字，多的省略号*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.word-over-3 {
    /*3行文字，多的省略号*/
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.word-over-4 {
    /*4行文字，多的省略号*/
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.word-over-5 {
    /*4行文字，多的省略号*/
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*水平居中，父级需有宽度，且定义position*/

.h-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


/*垂直居中，父级需有高度，且定义position*/

.v-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.v-center-two{
    position: absolute;
    top: 150%;
    transform: translateY(-50%);
}


/*整体居中，父级需有宽度高度，且定义position*/

.hv-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*清除浮动*/

.clear {
    clear: both;
}


/* 文字滚动特效样式 */

.odooSpan {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* padding-top: 30px; */
    font-size: 30px;
    line-height: 180px;
    fill: #ffffff;
    color: #ffffff;
    float: left;
}


/* ---------------------------------------------------飞入特效--------------------------------------------------- */


/* 向上飞入 */

.TopFlyInto {
    animation: topFlyInto 1.5s ease forwards;
}

@keyframes topFlyInto {
    0% {
        transform: translateY(200px) scale(1);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}


/* 向下飞入 */

.BottomFlyInto {
    animation: bottomFlyInto 1.5s ease forwards;
}

@keyframes bottomFlyInto {
    0% {
        transform: translateY(-200px) scale(1);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}


/* 向左飞入 */

.LeftFlyInto {
    animation: leftFlyInto 1.5s ease forwards;
}

@keyframes leftFlyInto {
    0% {
        transform: translateX(200px) scale(1);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}


/* 向右飞入 */

.RightFlyInto {
    animation: rightFlyInto 1.5s ease forwards;
}

@keyframes rightFlyInto {
    0% {
        transform: translateX(-200px) scale(1);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}


/* 向右上飞入 */

.RightTopFlyInto {
    animation: rightTopFlyInto 1.5s ease forwards;
}

@keyframes rightTopFlyInto {
    0% {
        transform: translate(300px, 100px) scale(1);
        opacity: 0;
    }
    100% {
        transform: translate(0);
        opacity: 1;
    }
}


/* 图片旋转动画 */

.ImgRotate {
    /* animation: ImgRotate 1s linear infinite; */
    animation: imgRotate 1s linear;
}

@keyframes imgRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.omit{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}