* {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    line-height: 1.4;

    vertical-align: baseline;

    /*font-family: '微软雅黑';*/

    font-family: 'Arial',"syuan";

    outline: none;

}

@font-face {

  font-family: "syuan";

  src: url("../public/font/SourceHanSansCN-Medium.otf") format("truetype"),

  font-stretch: "normal";

}

body, html {

    /*min-width: 1200px;*/

    max-width: 100%;

    line-height: 1;

    overflow-x: auto;

}

a, a:hover, a:active, a:visited, a:link, a:focus {

    color: inherit;

    background: none;

    text-decoration: none;

    outline: none;

}

ul, li {

    list-style: none;

}

input, textarea {

    outline: none;

    border: initial;

}







.ft{

    float: left;

}

.fr{

    float: right;

}

.clear {

    clear: both;

}

.clearfix:after {

    clear: both;

    height: 0;

    content: "";

    line-height: 0;

    font-size: 0;

    display: block;

}

.fwb{

    font-weight: bold;

}

.wzbs{

    color: var(--mcolor)!important;

}

.bcbs:hover{

    background-color: var(--mcolor)!important;

    color: #FFFFFF!important;

}

.Aals{

    width: 100%;

    height: 100%;

}





/*xlt-k*/

::-webkit-scrollbar

{

    width: 10px;

    height: 10px;

}



::-webkit-scrollbar-track

{

    background-color: #ffffff;

}



::-webkit-scrollbar-thumb

{

    background-color: #eeeeee;

}

@media screen and (max-width: 1200px) {

    ::-webkit-scrollbar

    {

        width: 0;

        height: 0;

    }



    ::-webkit-scrollbar-track

    {

        background-color: #ffffff;

    }



    ::-webkit-scrollbar-thumb

    {

        background-color: #cccccc;

    }

}

/*xlt-g*/

.tac{

    text-align: center;

}

.fc3{

    color: #333333;

}

.fc5{

    color: #555555;

}

.fcf{

    color: #ffffff;

}

.w50{

    width: 50%;

}

.w60{

    width: 60%;

}

.w70{

    width: 70%;

}

.w80{

    width: 80%;

}

.w90{

    width: 90%;

}

.w100 {

    width: 100%;

}

.h100 {

    height: 100%;

}

.mw1200{

    max-width: 1200px;

    margin: 0 auto;

}

.endx{

    text-transform: uppercase

}



.wimg{

    width: 100%;

    height: 100%;

    display: block;

}

.wimg05s{

    height: 100%;

    display: block;

    transition: all 0.5s;

    margin:0 auto;
}

.wimg1s{

    width: 100%;

    height: 100%;

    display: block;

    transition: all 1s;

}

.wimg05s:hover{

    transform: scale(1.1);

}

.wimg1s:hover{

    transform: scale(1.1);

}

.wiysbsa{

    background-color: #ffffff;

}

.wiyshsa{

    background-color: #f5f5f5;

}





/*ellipsis*/

.slh0{

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 0;

    text-overflow: ellipsis;

    word-break: break-all;

}

.slh1{

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    word-break: break-all;

}

.slh2{

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    text-overflow: ellipsis;

    word-break: break-all;

}

.slh3{

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    text-overflow: ellipsis;

    word-break: break-all;

}

.slh4{

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    text-overflow: ellipsis;

    word-break: break-all;

}

.slh5{

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    text-overflow: ellipsis;

    word-break: break-all;

}

.slh6{

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 6;

    text-overflow: ellipsis;

    word-break: break-all;

}







/*提示框*/

.c-message {

    position: fixed;

    top: 30%;

    left: 47.5%;

    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);

    z-index: 999;

    font-size: 14px;

    overflow: hidden;

    border-radius: 5px;

    text-align: center;

    background-color:rgba(0, 0, 0, 0.8);

    letter-spacing: 1px;

    color: #ffffff;

    padding: 1% 2.5%;

}

.c-message--main {

    /*padding-left: 60px;*/

    /*padding-right: 20px;*/

}

.c-message:hover{

    background-color:rgba(0, 0, 0, 0.5);

}

.c-message--icon {

    color: #fff;

    width: 50px;

    height: 50px;

    text-align: center;

    position: absolute;

    left: 0;

    top: 0;

    line-height: 40px;

    display: none;

}



.c-message--success {

}



.c-message--error {

    background: #FF4949;

}



.c-message--info {

    background: #20A0FF;

}



.c-message--warning {

    background: #F7BA2A;

}



.c-message--close {

    position: absolute;

    right: 10px;

    color: #999;

    text-decoration: none;

    cursor: pointer;

    font-size: 30px;

    top: 0;

    line-height: 34px;

    display: block;

    height: 40px;

}



.c-message--close:hover {

    color: #666;

}



@keyframes messageFadeInDown {

    0% {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    100% {

        -webkit-transform: none;

        transform: none

    }

}



.c-message.messageFadeInDown {

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-animation-fill-mode: both;

    animation-name: messageFadeInDown;

}



@keyframes messageFadeOutUp {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%)

    }

}



.c-message.messageFadeOutUp {

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-animation-fill-mode: both;

    animation-name: messageFadeOutUp

}



.c-message2.messageFadeInDown {

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-animation-fill-mode: both;

    animation-name: messageFadeInDown;

}

.c-message2.messageFadeOutUp {

    -webkit-animation-duration: .6s;

    animation-duration: .6s;

    -webkit-animation-fill-mode: both;

    animation-name: messageFadeOutUp

}





.fs36{

    font-size: 2.25rem;

}

.fs34{

    font-size: 2.125rem;

}

.fs32{

    font-size: 2rem;

}

.fs30{

    font-size: 1.875rem;

}

.fs28{

    font-size: 1.75rem;

}

.fs26{

    font-size: 1.875rem;

}

.fs24{

    font-size: 1.5rem;

}

.fs22{

    font-size: 1.375rem;

}

.fs20{

    font-size: 1.25rem;

}

.fs18{

    font-size: 1.125rem;

}

.fs16{

    font-size: 1rem;

}

.fs14{

    font-size: 0.875rem;

}

.fs12{

    font-size: 0.75rem;

}





@media screen and (max-width: 1600px) {



    .fs36{

        font-size: 2.125rem;

    }

    .fs34{

        font-size: 2rem;

    }

    .fs32{

        font-size: 1.875rem;

    }

    .fs30{

        font-size: 1.75rem;

    }

    .fs28{

        font-size: 1.875rem;

    }

    .fs26{

        font-size: 1.5rem;

    }

    .fs24{

        font-size: 1.375rem;

    }

    .fs22{

        font-size: 1.25rem;

    }

    .fs20{

        font-size: 1.125rem;

    }

    .fs18{

        font-size: 1rem;

    }

    .fs16{

        font-size: 0.875rem;

    }

    .fs14{

        font-size: 0.875rem;

    }

}

@media screen and (max-width: 1400px) {

    .fs36{

        font-size: 2rem;

    }

    .fs34{

        font-size: 1.875rem;

    }

    .fs32{

        font-size: 1.75rem;

    }

    .fs30{

        font-size: 1.875rem;

    }

    .fs28{

        font-size: 1.5rem;

    }

    .fs26{

        font-size: 1.375rem;

    }

    .fs24{

        font-size: 1.25rem;

    }

    .fs22{

        font-size: 1.125rem;

    }

    .fs20{

        font-size: 1rem;

    }

    .fs18{

        font-size: 0.875rem;

    }

    .fs16{

        font-size: 0.875rem;

    }

    .fs14{

        font-size: 0.75rem;

    }



}

@media screen and (max-width: 1024px) {

    .fs36{

        font-size: 2rem;

    }

    .fs34{

        font-size: 1.875rem;

    }

    .fs32{

        font-size: 1.75rem;

    }

    .fs30{

        font-size: 1.875rem;

    }

    .fs28{

        font-size: 1.5rem;

    }

    .fs26{

        font-size: 1.375rem;

    }

    .fs24{

        font-size: 1.25rem;

    }

    .fs22{

        font-size: 1.125rem;

    }

    .fs20{

        font-size: 1rem;

    }

    .fs18{

        font-size: 0.875rem;

    }

    .fs16{

        font-size: 0.875rem;

    }

    .fs14{

        font-size: 0.75rem;

    }

}

@media screen and (max-width: 768px) {

    .fs36{

        font-size: 25px;

    }

    .fs34{

        font-size:24px;

    }

    .fs32{

        font-size: 23px;

    }

    .fs30{

        font-size: 22px;

    }

    .fs28{

        font-size: 21px;

    }

    .fs26{

        font-size: 20px;

    }

    .fs24{

        font-size: 19px;

    }

    .fs22{

        font-size: 18px;

    }

    .fs20{

        font-size: 17px;

    }

    .fs18{

        font-size: 16px;

    }

    .fs16{

        font-size: 14px;

    }

    .fs14{

        font-size: 12px;

    }

}



.over-hiden {

    overflow: hidden;

}



.obj-cover {

    object-fit: cover !important;

}



.obj-contain {

    object-fit: contain !important;

}