/* bootstrap */

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:root {
    --animate-delay-0-5: 0.5s;
}


button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,a:hover {
    color: #337ab7;
    text-decoration: underline
}

img {
    vertical-align: middle
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

[role=button] {
    cursor: pointer
}

ol,ul {
    margin-top: 0;
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.container,.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

.row,.row2 {
    margin-left: -15px;
    margin-right: -15px
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.collapsing,.dropdown,.dropup {
    position: relative
}

.dropdown-menu {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.btn-group,.btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.nav {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0
}

.nav>li,.nav>li>a {
    display: block;
    position: relative
}

.nav>li>a {
    padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
    background-color: #eee;
    text-decoration: none
}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 50px;
    position: relative
}

.navbar-collapse {
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.1);
    overflow-x: visible;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-left: -15px;
    margin-right: -15px
}

.navbar-brand {
    float: left;
    font-size: 18px;
    line-height: 20px;
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img,.navbar-brand>picture {
    display: block
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px
}

.navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    background-color: transparent;
    color: #5e5e5e
}

.navbar-default .navbar-nav>li>a {
    color: #444
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #0c5adb
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

.d-none {
    display: none !important
}


@media (min-width:768px) {
    .container {
        width: 750px
    }

    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float: left
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }

    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float: left
    }

    .col-md-3 {
        width: 25%
    }
    
    .col-md-6 {
        width: 50%
    }

    .col-md-9 {
        width: 75%
    }

    .navbar-collapse {
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        width: auto
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0
    }

    .navbar {
        border-radius: 4px
    }

    .navbar-header {
        float: left
    }

    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-left: 0;
        margin-right: 0
    }

    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        margin: 0
    }

    .navbar-nav,.navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-bottom: 15px;
        padding-top: 15px
    }
}

@media (min-width:1299px) {
    .d-xxl-block {
        display: block !important;
    }

    .container {
        width: 970px
    }

    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float: left
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-12 {
        width: 100%;
    }
}

@media (min-width:1300px) {
    .container {
        width: 1330px;
    }
}

@media (max-width:991px) {
    .navbar-nav .open .dropdown-menu {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto
    }
}

@media(min-width:768px) {
    .d-md-block {
        display: block !important
    }

    .d-md-flex {
        display: flex !important
    }
}

.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell !important
    }
}
/* bootstrap */
@font-face {
	font-display: swap;
	font-family: Poppins;
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/poppins/font.woff2") format("woff2"),
		url("/fonts/poppins/font.woff") format("woff"),
		url("/fonts/poppins/font.ttf") format("truetype");
}
body{ color:#303030;font-family: Poppins,Arial,verdana,Tahoma,Helvetica,sans-serif; line-height: 1.2;overflow-x: hidden;}

.play-animated-opacity {
	opacity: 0;
}
.play-animated {
	opacity: 1;
}
.layz-img,.pre-img {
	aspect-ratio: var(--layz-aspect-ratio);
	width: var(--layz-width)
}
[data-layz-bg] {
	background: none !important;
}
picture {
	line-height: 0
}

body {
	font-family: Poppins,Arial,sans-serif;
}

.h1,.h2,.h3,h1,h2,h3 {
	margin-bottom: 0;
	margin-top: 0;
}


/*banner*/

/* css 切换按钮 end */

/* common */
.featured {
	text-align: center;
}

.featured h2 {
	color: #000;
	font-size: 36px;
	font-weight: 700;
	line-height: 48px;
	max-width: 100%;
}

.featured h2~p {
	color: #444;
	font-size: 16px;
	line-height: 23px;
	margin-top: 15px;
	padding: 0 29px;
}

.featured h2~p.note {
	color: #f0484c !important;
}

.featured p.tips {
	color: #346dd8;
	font-size: 20px;
	font-weight: 600;
}


/* common */

/* css blog-component end */


@media (min-width:767px) and (max-width:1329px) {
	img {
		max-width: 100%;
	}

}

@media (max-width:767px) {
	img {
		max-width: 100%;
	}


	.featured h2{
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 26px !important;
	}

	.featured p.tips {
		font-size: 18px !important;
		margin-bottom: 16px !important;
	}

}

/* base */
/*css reset*/
blockquote,body,dd,div,dl,dt,fieldset,form,input,li,ol,p,pre,td,textarea,th,ul { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 400; }
ul { list-style: none; }
caption,th { text-align: left; }
/* h1,h2,h3,h4,h5,h6 {font-size: 100%; } */
q:after,q:before{content:" "}
abbr,acronym { border: 0; }
.clearfloat {clear: both;font-size: 1px;height: 0;line-height: 0px;}
/*common css*/
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f21{font-size: 21px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
.f40{font-size: 40px;}
.f47{font-size: 47px;}
.f48{font-size: 48px;}
.f50{font-size: 50px;}
.f51{font-size: 51px;}
.f55{font-size: 55px;}

.fb{font-weight:700;}
.fb-600{font-weight:600;}
.fn{font-weight:400;}

.t2{text-indent:2em;}

.lh150{line-height: 150%}
.lh180{line-height: 180%}
.lh200{line-height: 200%}
.lh80{line-height: 80px;}
.lh45{line-height: 45px;}
.lh40{line-height: 40px;}
.lh30{line-height: 30px;}
.lh29{line-height: 29px;}
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.lh25{line-height: 25px;}

.unl{text-decoration:underline;}
.no_unl,.no_unl:hover{text-decoration: none;}

.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.tdu{text-decoration: underline;}
.bc{margin-left:auto;margin-right:auto;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}
.blockr{margin-left: auto;margin-right: 0;}
.blockl{margin-left: 0;margin-right: auto;}

.clearfix:after{clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
* html .clearfix,:first-child+html .clearfix{zoom: 1;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.pr{position:relative;}
.abs-right,.pa{position: absolute;}
.abs-right{right:0;}
.zoom{zoom:1}
.hidden{visibility:hidden;}
.none{display:none;}
.of{overflow: hidden;}
.border-none{border:0;}
.br_none{border-radius: 0!important;}
/*width*/
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w45{width:45px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w102{ width:102px;}
.w120{ width:120px;}
.w140{ width:140px;}
.w143{ width:143px;}
.w150{ width:150px;}
.w160{ width:160px;}
.w165{ width:165px;}
.w166{ width:166px;}
.w170,.w170_1{ width:170px;}
.w186{ width:186px;}
.w190{ width:190px;}
.w200{ width:200px;}
.w205{ width:205px;}
.w215{ width:215px;}
.w220{ width:220px;}
.w230{ width:230px;}
.w233{ width:233px;}
.w245{ width:245px;}
.w250{ width:250px;}
.w280{ width:280px;}
.w290{ width:290px;}
.w300{ width:300px;}
.w305{ width:305px;}
.w310{ width:310px;}
.w320{ width:320px;}
.w325{ width:325px;}
.w351{ width:351px;}
.w376{ width:376px;}
.w400{ width:400px;}
.w420{ width:420px;}
.w430{ width:430px;}
.w450{ width:450px;}
.w458{ width:458px;}
.w485{ width:485px;}
.w500{ width:500px;}
.w530{ width:530px;}
.w540{ width:540px;}
.w585{ width:585px;}
.w595{ width:595px;}
.w600{ width:600px;}
.w615{ width:615px;}
.w660{ width:660px;}
.w690{ width:690px;}
.w700{ width:700px;}
.w706{ width:706px;}
.w796{ width:796px;}
.w800{ width:800px;}
.w960{ width:960px;}
.w-100{ width:100%;}
.w-40{ width:40%;}
.w-30{ width:30%;}
.w-25{ width:25%;}
.w-20{ width:20%;}
.w{width:100%}

/* height */
.h39{ height:39px;}
.h40{height: 40px;}
.h45{height: 45px;}
.h50{ height:50px;}
.h70{height: 70px;}
.h80{ height:80px;}
.h100{ height:100px;}
.h196{ height:196px;}
.h200{ height:200px;}
.h240{ height:240px;}
.h254{ height:254px;}
.h280{ height:280px; overflow:hidden;}
.h292{ height:292px;}
.h400{height: 400px;}
.h420{height: 420px;}
.h{height:100%}
.m0{margin: 0;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.mt0{margin-top: 0;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}
.mt150{margin-top:150px;}
.mb0{margin-bottom: 0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb26{margin-bottom:26px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mb120{ margin-bottom:120px;}
.mb140{ margin-bottom:140px;}
.mb200{margin-bottom: 200px;}
.mb250{margin-bottom: 250px;}
.mb300{margin-bottom: 300px;}

.mlr0{margin-left: 0;margin-right: 0;}
.mlr10{margin-left: 10px;margin-right: 10px;}
.ml0{margin-left: 0;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml50{margin-left:50px;}
.ml80{margin-left:80px;}
.ml100{margin-left:100px;}
.mr0{margin-right: 0;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr41{margin-right:41px;}
.mr50{margin-right:50px;}
.mr100{margin-right:100px;}
.mr150{margin-right: 150px;}
.mr200{margin-right: 200px;}
.mrl{ margin: 0 10px;}
.mtb{ margin: 10px 0 ;}
.mtl{ margin: 10px 0 0 10px;}
.mtr{ margin: 10px 10px 0 0;}
.mbr{ margin: 0 10px 10px 0;}
.mbl{ margin: 0 0 10px 10px;}

.plr0{padding-left: 0;padding-right: 0;}
.plr10{padding-left: 10px;padding-right: 10px;}
.plr20{padding-left: 20px;padding-right: 20px;}
.plr30{padding-left: 30px;padding-right: 30px;}
.plr40{padding-left: 40px;padding-right: 40px;}
.plr50{padding-left: 50px;padding-right: 50px;}
.plr60{padding-left: 60px;padding-right: 60px;}
.plr70{padding-left: 70px;padding-right: 70px;}
.ptb5{padding-bottom: 5px;padding-top: 5px;}
.ptb6{padding-bottom: 6px;padding-top: 6px;}
.ptb7{padding-bottom: 7px;padding-top: 7px;}
.ptb8{padding-bottom: 8px;padding-top: 8px;}
.ptb9{padding-bottom: 9px;padding-top: 9px;}
.ptb10{padding-bottom: 10px;padding-top: 10px;}
.ptb15{padding-bottom: 15px;padding-top: 15px;}
.ptb20{padding-bottom: 20px;padding-top: 20px;}
.ptb30{padding-bottom: 30px;padding-top: 30px;}
.ptb50{padding-bottom: 50px;padding-top: 50px;}
.pb0{ padding-bottom:0;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt100{padding-top:100px;}
.pb2{padding-bottom: 2px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb16{padding-bottom: 16px;}
.pb20{padding-bottom:20px;}
.pb22{padding-bottom: 22px;}
.pb27{padding-bottom: 27px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb44{padding-bottom: 44px;}
.pb50{padding-bottom:50px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb130{padding-bottom:130px;}
.pb150{padding-bottom:150px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left:30px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pl100{padding-left:100px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr50{padding-right:50px;}
.pr80{padding-right: 80px;}
.pr100{padding-right:100px;}
.prl{ padding: 0 10px;}
.ptb{ padding: 10px 0 ;}
.ptl{ padding: 10px 0 0 10px;}
.ptr{ padding: 10px 10px 0 0;}
.pbr{ padding: 0 10px 10px 0;}
.pbl{ padding: 0 0 10px 10px;}
.p5{ padding:5px;}
.cursor{ cursor:pointer;}
.curT{ cursor:text;}
.ds-bl{ display:block;}
.ds-il{ display:inline;}
/* 响应式 */
@media screen and (min-width:451px){
	.fl{float: left;}
	.fr{float: right;}
}

.bg-000{background-color: #000;}
.bg-fff{background-color: #fff;}
.bg-3cb9d0{background-color: #3cb9d0;}
.bg-2BAACC{background-color: #2baacc;}
.bg-f5f5f5{background-color: #f5f5f5;}
.bg-32aac8{background-color: #32aac8;}
.bg-45b9b8{background-color: #45b9b8;}
.bg-FFC30E{background-color: #ffc30e;}
.bghfa-3cb9d0:active,.bghfa-3cb9d0:focus,.bghfa-3cb9d0:hover{background-color: #3cb9d0!important;}
.bg-fff-4{background-color: hsla(0,0%,100%,.4);}
.bg-fff-3{background-color: hsla(0,0%,100%,.3);}
.bg-fff-2{background-color: hsla(0,0%,100%,.2);}
.bg-fff-1{background-color: hsla(0,0%,100%,.1);}
.bor-3cb9d0{border-color: #3cb9d0;}
.bor-2BAACC{border-color: #2baacc;}
.bor-32aac8{border-color: #32aac8;}
.b_0{border:0;}
.bor-2{border-width: 2px;}
.bor-3{border-width: 3px;}
.borr_0{border-radius: 0;}
.text-fff,.text-fff a{color: #fff;}
.text-000,.text-000 a{color: #000;}
.text-fff a:hover{color: #23527c;}
.text-3cb9d0{color: #3cb9d0;}
.text-2BAACC{color: #2baacc;}
.text-32aac8{color: #32aac8;}
.text-ffee2b{color: #ffee2b;}
.text-fff51f{color: #fff51f;}
.text-fb4d01{color: #fb4d01;}
.text-323232{color: #323232;}
.text-3c21e8{color: #3c21e8;}
.text-6c54ff{color: #6c54ff;}
.text-353239{color: #353239;}
.text-404040{color: #404040;}
.text-7d7d7d{color: #7d7d7d;}
.text-ff7713{color: #ff7713;}

/* %style */
.MT5{margin-top: 5%;}

/* 动画 */
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}
.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
/* 动画 */