@font-face {
    font-family: 'CLHS';
    src: url('fonts/chunlianhangshu.ttf');
}

@font-face {
    font-family: 'HYWBJ';
    src: url('fonts/hanyiweibeijian.ttf');
}
@font-face {
    font-family: 'Adobe';
    src: url('fonts/Adobe.ttf');
}
@font-face {
    font-family: 'DIGIFACE';
    src: url('fonts/DIGIFACE.ttf');
}

@font-face {
    font-family: 'HYk1gj';
    src: url('fonts/HYk1gj.ttf');
}
*{
    margin: 0;
    padding: 0;
}
header{
    height:72px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding: 0 360px;
    z-index: 99999;
    /* transition: .25s all ease-in-out; */
}
header ul{
    width: 700px;
    grid-template-columns: repeat(6,1fr);
}
header li{
    line-height:72px;
}
header a{
    color: white;
}
header img{
    width: auto;
    height:40px;
}
header a.active{
    color:#FEDA9F;
}

.more-button{
    width: 100px;
    height: 60px;
    border-radius: 2px;
}


.white{
    color: white !important;
}
main .main-footer{
    margin-top: 100px;
    background:url('../../assets/image/index/bg_two.png');
    height: 200px;
}
main .main-footer button{
    height:50px;
    width:200px;
    background:none;
    border:1px solid white
}
footer{
    height: 500px;
}
footer>div{
    width:1200px;
    margin:70px auto 0;
}
footer img{
    width:auto;
}
footer a{
    color: white;
}
footer .link{
    margin-top: 74px;
    border-top: 1px solid #FEDA9F;
    border-bottom: 1px solid #FEDA9F;
}
/* footer .footer-body-navigation li{
    flex:1
}
footer .footer-body-link{
    flex:1;
    grid-template-columns:repeat(8,1fr)
}
footer .footer-body-about{
    border-left: 3px solid rgb(33,33,33)
}
footer .footer-body  a{
    border-right: 1px solid #fff;
    color:#fff
} */

.HYk1gj{
    font-family: 'HYk1gj';
}
* {
    margin: 0;
    padding: 0;
    font-family: 'Adobe';

}
.bg-123967{
    background: #123967;
}
.bg-white{
    background: white;
}
.bg-F7F9FF{
    background: #F7F9FF;
}
.bg-EF942F{
    background: #EF942F;
}
.bg-184B95{
    background: #184B95;
}
.bg-F8F8F8{
    background:#F8F8F8;
}
.bg-333333{
    background:#333333;
}
.bg-236{
    background: rgb(236,236,236);
}
.bg-E1E6EE{
    background: #E1E6EE;
}
.font-30{
    font-size: 30px;
}
.font-32{
    font-size: 32px;
}
.font-36{
    font-size: 36px;
}
.font-40{
    font-size: 40px;
}
.font-42{
    font-size: 42px;
}
.font-50{
    font-size: 50px;
}
.color-6B6B6B{
    color: #6B6B6B;
}
.color-333333{
    color:#333333;
}
.color-929292{
    color: #929292;
}
.color-999999{
    color: #999999;
}
.color-666666{
    color: #666666;
}
.color-white{
    color: #fff;
}
.color-518DE4{
    color: #518DE4;
}
.color-184B95{
    color: #184B95;
}
.bg-222222{
    background: #222222;
}
.bold {
    font-weight: bold
}
.inline-block{
    display: inline-block;
}
.block{
    display: block;
}
.border-round{
    border-radius: 50%;
}
.em2{
    text-indent: 2em;
}
/* .noscrollbar::-webkit-scrollbar{
    display: none
}
::-webkit-scrollbar {
    width: 10px;
    background: hsla(0, 0%, 100%, 0.6);
}

::-webkit-scrollbar-track {
    border-radius: 0;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(95, 95, 95, .4);
    transition: all .2s;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(95, 95, 95, .7);
} */


img,
video {
    width: 100%
}

.bg-brown {
    background: #98383D
}

.bg-none{
    background: none !important;
    background-image: none !important;
    background-color: none !important;
}
.nowrap{
    white-space: nowrap;
}
.grid {
    display: grid
}

.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.align-center {
    align-items: center
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.justify-around {
    justify-content: space-around
}
.float-left {
    float: left
}

.float-right {
    float: right
}

.pointer {
    cursor: pointer
}

.font-12 {
    font-size: 12px !important
}

.font-14 {
    font-size: 14px !important
}

.font-16 {
    font-size: 16px !important
}

.font-18 {
    font-size: 18px !important
}
.font-19 {
    font-size: 19px !important
}
.font-20 {
    font-size: 20px !important
}
.font-22 {
    font-size: 22px !important
}
.font-24 {
    font-size: 24px !important
}
.font-25 {
    font-size: 25px !important
}
.font-26 {
    font-size: 26px !important
}
.padding-0 {
    padding: 0
}

.margin-0 {
    margin: 0
}

.padding-xs {
    padding: 5px
}

.padding-sm {
    padding: 10px
}

.padding-md {
    padding: 15px
}

.padding-lg {
    padding: 20px
}

.padding-xl {
    padding: 30px
}

.margin-xs {
    margin: 5px
}

.margin-sm {
    margin: 10px
}

.margin-md {
    margin: 15px
}

.margin-lg {
    margin: 20px
}

.margin-xl {
    margin: 30px
}

.padding-left-xs {
    padding-left: 5px
}

.padding-left-sm {
    padding-left: 10px
}

.padding-left-md {
    padding-left: 15px
}

.padding-left-lg {
    padding-left: 20px
}

.padding-left-xl {
    padding-left: 30px
}
.padding-left-2xl {
    padding-left: 40px
}

.padding-right-xs {
    padding-right: 5px
}

.padding-right-sm {
    padding-right: 10px
}

.padding-right-md {
    padding-right: 15px
}

.padding-right-lg {
    padding-right: 20px
}

.padding-right-xl {
    padding-right: 30px
}

.padding-top-xs {
    padding-top: 5px
}

.padding-top-sm {
    padding-top: 10px
}

.padding-top-md {
    padding-top: 15px
}

.padding-top-lg {
    padding-top: 20px
}

.padding-top-xl {
    padding-top: 30px
}

.padding-bottom-xs {
    padding-bottom: 5px
}

.padding-bottom-sm {
    padding-bottom: 10px
}

.padding-bottom-md {
    padding-bottom: 15px
}

.padding-bottom-lg {
    padding-bottom: 20px
}

.padding-bottom-xl {
    padding-bottom: 30px
}

.margin-left-xs {
    margin-left: 5px
}

.margin-left-sm {
    margin-left: 10px
}

.margin-left-md {
    margin-left: 15px
}

.margin-left-lg {
    margin-left: 20px
}

.margin-left-xl {
    margin-left: 30px
}
.margin-left-2xl {
    margin-left: 40px
}

.margin-right-xs {
    margin-right: 5px
}

.margin-right-sm {
    margin-right: 10px
}

.margin-right-md {
    margin-right: 15px
}

.margin-right-lg {
    margin-right: 20px
}

.margin-right-xl {
    margin-right: 30px
}

.margin-top-xs {
    margin-top: 5px
}

.margin-top-sm {
    margin-top: 10px
}

.margin-top-md {
    margin-top: 15px
}

.margin-top-lg {
    margin-top: 20px
}

.margin-top-xl {
    margin-top: 30px
}
.margin-top-2xl {
    margin-top: 40px
}
.margin-top-3xl {
    margin-top: 50px
}

.margin-bottom-xs {
    margin-bottom: 5px
}

.margin-bottom-sm {
    margin-bottom: 10px
}

.margin-bottom-md {
    margin-bottom: 15px
}

.margin-bottom-lg {
    margin-bottom: 20px
}

.margin-bottom-xl {
    margin-bottom: 30px
}

.padding-horzontal-xs {
    padding-left: 5px;
    padding-right: 5px;
}
.margin-horzontal-xs {
    margin-left: 5px;
    margin-right: 5px;
}
.margin-horzontal-sm {
    margin-left: 10px;
    margin-right: 10px;
}
.margin-horzontal-md {
    margin-left: 15px;
    margin-right: 15px;
}
.margin-horzontal-lg {
    margin-left: 20px;
    margin-right: 20px;
}
.margin-horzontal-xl {
    margin-left: 30px;
    margin-right: 30px;
}
.padding-horzontal-sm {
    padding-left: 10px;
    padding-right: 10px;
}

.padding-horzontal-md {
    padding-left: 15px;
    padding-right: 15px;
}

.padding-horzontal-lg {
    padding-left: 20px;
    padding-right: 20px;
}

.padding-horzontal-xl {
    padding-left: 30px;
    padding-right: 30px;
}
.margin-horzontal-2xl {
    margin-left: 40px;
    margin-right: 40px;
}
.padding-vertical-xs {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding-vertical-sm {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-vertical-md {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padding-vertical-lg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padding-vertical-xl {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.margin-vertical-xs {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin-vertical-sm {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-vertical-md {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.margin-vertical-lg {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margin-vertical-xl {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.padding-vertical-3xl {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.card {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.scroll-y{
    overflow-y:auto 
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-left {
    text-align: left !important
}

.text-justify {
    text-align: justify !important
}
.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.hidden{
    overflow: hidden;
}
.norwap{
    white-space: nowrap;
}
.none{
    display: none !important;
}
.border-none{
    border: none !important;
}
.radius {
    border-radius: 4px !important;
    overflow: hidden;
}
.elip{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.border-bottom-gray {
    border-bottom: rgb(236, 236, 236) 1px solid
}

.list-item {
    position: relative;
}

.list-item::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #EA2421;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -4px;

}

.colla-title {
    padding: 0 35px 0 15px;
    background: none !important
}

.colla-icon {
    left: calc(100% - 30px);
}