@charset "utf-8"; 

@import url(https://css02.v15cdn.com/m432/fonts/iconfont.css); 

@import url(https://css02.v15cdn.com/m432/swiper.css); 

@import url(https://css02.v15cdn.com/m432/message.css); 

@import url(https://css01.v15cdn.com/toastr.min.css); 

:root {

    --color: #C3D600;

    --hovercolor: #EEEEEE;

    --fontcolor: #111111;

    --titlecolor: #111111;

    --introcolor: #555555;

    --headercolor: #333333;

    --footercolor: #555555;

    --themecoloe: #00B0F0;

    --prosaspectratio: 1/1;

    --newssaspectratio: 1/1;

    --hometitlefont: 40px;

    --fontsize12: 12px;

    --fontsize13: 13px;

    --fontsize14: 14px;

    --fontsize15: 15px;

    --fontsize16: 16px;

    --fontsize17: 17px;

    --fontsize18: 18px;

    --fontsize20: 20px;

    --fontsize22: 22px;

    --fontsize24: 24px;

    --fontsize26: 26px;

    --fontsize28: 28px;

    --fontsize30: 30px;

    --fontsize32: 32px;

    --fontsize34: 34px;

    --fontsize36: 36px;

    --fontsize60: 60px;

    --fontbold3: 300;

    --fontbold4: 400;

    --fontbold5: 500;

    --fontbold6: 600;

    --fontbold7: 700;

    --fontbold8: 800;

    --fontbold9: 900;

    --borderradius: 6px;

    --fontfamily: "Titillium Web","Lato","Open Sans","Roboto","Poppins","Oswald","Noto Sans","Montserrat",sans-serif

}



* {

    padding: 0;

    margin: 0;

    box-sizing: border-box

}



html {

    -webkit-text-size-adjust: none;

    -webkit-tap-highlight-color: transparent;

    background: #e5e5e5;

    overflow-x: hidden;

}



body {

    font-family: var(--fontfamily);

    margin: 0 auto;

    font-size: var(--fontsize16);

    line-height: 1.8;

    background: #fff;

    color: var(--fontcolor)

}





img.lazy {

    display: inline-block;

    opacity: 0

}



img.lazy,img.tst {

    transition: opacity .6s,transform .3s ease

}



img.loaded {

    opacity: 1

}



img:not([src]) {

    visibility: hidden;

    position: absolute

}



.lazy-load {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 30px;

    height: 30px;

    transform: translate(-50%,-50%);

    border: 2px solid #000;

    border-top-color: rgba(0,0,0,.2);

    border-right-color: rgba(0,0,0,.2);

    border-bottom-color: rgba(0,0,0,.2);

    border-radius: 100%;

    animation: circle infinite 1s linear

}



@keyframes circle {

    0% {

        transform: translate(-50%,-50%) rotate(0)

    }



    100% {

        transform: translate(-50%,-50%) rotate(360deg)

    }

}



.lazy-wrap {

    display: block;

    position: relative;

    overflow: hidden

}



.lazy-wrap::after {

    content: "";

    display: block;

    padding-bottom: 50%

}



.lazy-wrap.lazy-loaded .lazy-load {

    -webkit-animation: none;

    animation: none;

    display: none

}



.lazy-wrap.lazy-loaded::after {

    padding-bottom: 0

}



img {

    vertical-align: bottom;

    max-width: 100%;

    height: auto

}



a {

    text-decoration: none;

    color: inherit;

    transition: all .1s linear

}



iframe,video {

    max-width: 100%;

    outline: 0;

    border: none;

    vertical-align: bottom;

    height: auto;

    min-height: 240px

}



.hidden {

    overflow: hidden

}



.l-wrap {

    width: 100%;

    max-width: 1600px;

    padding: 0 70px;

    margin: 0 auto

}



.line1 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden

}



.line2 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden

}



.line3 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden

}



.line4 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    overflow: hidden

}



.line5 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden

}

.mg-fifty{

    margin-top: 50px;

}

.mg-fifty-two{

    margin-top: 100px;

}

.mg-thirty{

    margin-top: 30px;

}

.flex-center-center{

    display: flex;

    justify-content: center;

    align-items: center;

}

.flex-between-center{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.flex-start-center{

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

.flex-end-center{

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.flex-center-start{

    display: flex;

    justify-content: center;

    align-items: flex-start;

}

.flex-center-end{

    display: flex;

    justify-content: center;

    align-items: flex-end;

}

.flex-start-start{

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

}

.flex-start-end{

    display: flex;

    justify-content: flex-start;

    align-items: flex-end;

}

.flex-end-start{

    display: flex;

    justify-content: flex-end;

    align-items: flex-start;

}

.flex-end-end{

    display: flex;

    justify-content: flex-end;

    align-items: end;

}

.flex-end-center{

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.flex-around-center{

    display: flex;

    justify-content: space-around;

    align-items: center;

}

.flex-start-start{

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

}

.flex-between-start{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

}

.mg-btm-thirty{

    margin-bottom: 45px;

}

.theme-color{

    color: var(--themecoloe)!important;

}