@charset "UTF-8";
 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
        /*初始状态 透明度为0*/
    }
     50% {
         opacity: 0;
        /*中间状态 透明度为0*/
    }
     100% {
         opacity: 1;
        /*结尾状态 透明度为1*/
    }
}
 .fadeIn {
     position: relative;
     -webkit-animation-name: fadeIn;
    /*动画名称*/
     -webkit-animation-duration: 1s;
    /*动画持续时间*/
     -webkit-animation-iteration-count: 1;
    /*动画次数*/
     -webkit-animation-delay: 0s;
    /*延迟时间*/
}
 @-webkit-keyframes leftIn {
     0% {
         left: -6.25rem;
    }
     100% {
         left: 0rem;
    }
}
 .leftIn {
     position: relative;
     -webkit-animation-name: leftIn;
    /*动画名称*/
     -webkit-animation-duration: 2s;
    /*动画持续时间*/
     -webkit-animation-iteration-count: 1;
    /*动画次数*/
     -webkit-animation-delay: 0s;
    /*延迟时间*/
}
 @-webkit-keyframes rightIn {
     0% {
         right: -6.25rem;
    }
     100% {
         right: 0rem;
    }
}
 .rightIn {
     position: relative;
     -webkit-animation-name: rightIn;
    /*动画名称*/
     -webkit-animation-duration: 2s;
    /*动画持续时间*/
     -webkit-animation-iteration-count: 1;
    /*动画次数*/
     -webkit-animation-delay: 0s;
    /*延迟时间*/
}
@-webkit-keyframes topIn {
     0% {
         top: -6.25rem;
    }
     100% {
         top: 0rem;
    }
}

.topIn {
     position: relative;
     -webkit-animation-name: topIn;
    /*动画名称*/
     -webkit-animation-duration: 2s;
    /*动画持续时间*/
     -webkit-animation-iteration-count: 1;
    /*动画次数*/
     -webkit-animation-delay: 0s;
    /*延迟时间*/
}
 @-webkit-keyframes bottomIn {
     0% {
         bottom: -6.25rem;
    }
     100% {
         bottom: 0rem;
    }
}
 .bottomIn {
     position: relative;
     -webkit-animation-name: bottomIn;
    /*动画名称*/
     -webkit-animation-duration: 2s;
    /*动画持续时间*/
     -webkit-animation-iteration-count: 1;
    /*动画次数*/
     -webkit-animation-delay: 0s;
    /*延迟时间*/
}
@-webkit-keyframes topAbout {
    0% {
        top: -6.25rem;
   }
    100% {
        top: 35%
   }
}
.topAbout {
    position: relative;
    -webkit-animation-name: topAbout;
   /*动画名称*/
    -webkit-animation-duration: 2s;
   /*动画持续时间*/
    -webkit-animation-iteration-count: 1;
   /*动画次数*/
    -webkit-animation-delay: 0s;
   /*延迟时间*/
}
 .container {
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-between;
     padding: 0;
     box-sizing: border-box;
}
/*定义变量*/
*{
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,strong,b{
    font-weight: unset;
    display: block;
}
a{
    text-decoration: none;
}
html,body {
     font-family: "Noto Sans CJK SC", "Source Han Sans CN";
     color: #333;
     overflow-x: hidden;
     background: #fff;
}
body{
    position: relative;
}
 button, input {
     vertical-align: middle;
     outline: 0;
     display: block;
     font-size: unset;
     border: 0;
}
textarea{
    font-size: unset;
}
 button::after {
     border: 0;
}
li{
    list-style-type:none;
}
/* flex 布局 */
 .flex-row {
     display: -webkit-flex;
    /* Safari */
     display: flex;
     flex-direction: row;
    /* row | row-reverse */
     flex-wrap: nowrap;
    /* nowrap | wrap | wrap-reverse */
     justify-content: space-between;
    /* flex-start | flex-end | center | space-between | space-around */
     align-items: flex-start;
    /* flex-start | flex-end | center | baseline | stretch */
     align-content: flex-start;
    /* flex-start | flex-end | center | space-between | space-around | stretch */
}
 .flex-column {
     display: -webkit-flex;
    /* Safari */
     display: flex;
     flex-direction: column;
    /* column | column-reverse */
     flex-wrap: nowrap;
     justify-content: space-between;
     align-items: flex-start;
     align-content: flex-start;
}
 .flex-item {
     order: 0;
     flex-grow: 1;
     flex-shrink: 1;
     flex-basis: auto;
     align-self: auto;
    /* auto | flex-start | flex-end | center | baseline | stretch */
}
/* 超出多行省略号 */
 .ellipsis_one {
     display: -webkit-box;
     word-break: break-all;
     text-overflow: ellipsis;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
}
 .ellipsis {
     display: -webkit-box;
     word-break: break-all;
     text-overflow: ellipsis;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
}
 image.icon {
     width: 4rem;
     height: 4rem;
     vertical-align: middle;
}
 image.icon32 {
     width: 2rem;
     height: 2rem;
     vertical-align: middle;
}
/*列的样式*/
 .cell {
     border-bottom: 0.065rem solid #f5f5f5 !important;
     padding: 0.0625 4% !important;
     font-size: 4rem !important;
     line-height: unset !important;
}
 .text {
     display: inline-block;
     padding: 0 0.0625;
}
 .inline {
     display: inline;
}
 .disabled {
     opacity: 0.3;
}
 .inline_rich {
     display: inline-block;
}
/*# sourceMappingURL=app.css.map */