

:root {
    --size: 1rem;/*默认字体大小，统一为 rem 单位*/
    --pitch: 1.75;/*默认行高*/
    --weight: 400; /*默认字体粗细*/
    --bg: #fcfdfe; /*默认背景色*/
    --main: rgb(226,127,39); /*主色*/
    --sub: #666; /*辅色*/
    --body: #f5f5f5; /* 主体色 */
    --text: #333; /*主文本色*/
    --border: #ddd; /*默认边框色*/
    --shadow: 0 0 5px 0px rgba(0, 0, 0, 0.15); /*阴影*/
}

@media (max-width: 1199px) {
  :root { --size: 1rem;}
}
@media (max-width: 991px) {
  :root { --size: 0.875rem;}
}

@media (max-width: 767px) {
  :root {--size: 0.8rem;}
}



/*reset*/
@-ms-viewport{width:device-width;}
*,
*:before,
*:after{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{outline:none; font-family:Arial, Helvetica, Microsoft YaHei;}
*[hide]{display:none;}
*::-webkit-input-placeholder{color:var(--text); opacity:.68;}
*::-moz-input-placeholder{color:var(--text); opacity:.68;}
*::-ms-input-placeholder{color:var(--text); opacity:.68;}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-overflow-style: scrollbar;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
	padding: 0;
	background-color: var(--body);
  line-height:var(--pitch);
  font-weight:var(--weight);
	color:var(--text);
  font-size:var(--size);
  word-wrap:break-word;
  word-break:break-all; 
  font-variant-ligatures: no-common-ligatures;
	font-family:-apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "simsun", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

ins{text-decoration:none;}
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted var(--border);}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
[tabindex="-1"]:focus{outline: 0 !important;}
mark,kbd,code,dfn{padding:0.125em 0.25em;border-radius:0.25rem;margin:0 0.25em;line-height:1;}
mark{color:#000;background:#ff0;}
kbd{color:#fff;background-color:var(--main);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .25);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .25);}
code{color:#d14;}
dfn{font-style:normal;background-color:var(--bg);color:#666;}
var{font-style:normal;color:#d14;margin:0 0.25em;}
pre{display:block;overflow:auto;padding:1.25em 2em;font-size:85%;color:var(--text);word-break:break-all;word-wrap:break-word;background-color:var(--bg);border-radius:0.25rem;}
blockquote{position:relative;margin-left:0;margin-right:0;border-color:var(--border);padding-left:1.25rem;}
blockquote::before{position:absolute;left:0;top:0;bottom:0;content:" ";width:0;border-width:0.125rem;border-style:solid;border-color:inherit;border-radius:0.25rem;padding:0.25em 0;}
header,nav,menu,aside,main,article,section,footer{display:block;}
hgroup,figure,figcaption,details,summary,pre,blockquote,fieldset{display:block;}
figure,pre,blockquote,fieldset,p{margin-top:0;margin-bottom:.5rem;}
p{line-height: 1.5;}
em{font-style:inherit;}
section:last-child,figure:last-child,pre:last-child,blockquote:last-child,fieldset:last-child,p:last-child{margin-bottom:0;}
dir,ul,ol,li{margin:0; padding:0; list-style:none;}
ul>li,ol>li,dt,dd{line-height:var(--pitch);}
dl{margin:0;padding: 0;}
dt{font-weight:bold;}
dd{margin-left:0;margin-bottom:.5em;}
table{width:100%;max-width:100%;border-collapse:separate;border-spacing:0;}
td,th{padding:.5em;}
b,strong{font-weight:bold;}
small{font-size:80%;}
dir{display:block;}
dir>ol{    display: inline-flex;
  border-radius: 0.25rem;}
dir>ol>li{border:1px solid var(--border);}
dir>ol>li>a{padding: .1rem .75rem;
  display: block;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
  color: var(--text);
  outline: 0;
  transition: all .5s ease;font-size:calc(var(--size) - 2px);}
dir>ol>li>a.on{color: var(--main);}
dir>ol>li>a.on,
dir>ol>li>a:hover{background:var(--main); color:white}
dir>ol>li>a.on,
dir>ol>li>a.no{cursor:not-allowed;text-decoration: none;pointer-events: none;}
@media(max-width:767px){
dir>ol{margin:-3px;}
dir>ol>li{display:inline-block; margin:3px;}
dir>ol>li>a{display:block; padding:0 8px; border-radius:2px;}
}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:var(--weight);margin-bottom: .25rem;}
h1{font-size:calc(var(--size) * 2);}
h2{font-size:calc(var(--size) * 1.5);}
h3{font-size:calc(var(--size) + 2px);}
h4{font-size:calc(var(--size) + 1px);}
h5{font-size:calc(var(--size) - 1px);}
h6{font-size:12px;}

h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{font-size:75%;opacity:.75;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
figure{margin:0;}
figcaption{font-size:90%;}
img{max-width: 100%;border:0;border-style:none;vertical-align:middle;}
svg:not(:root){overflow:hidden;}
address{font-style:normal;}
hr{color:var(--text);border:none;border-bottom:solid 1px var(--border);clear:both;float:none;width:100%;height:0;margin:1em 0;-moz-box-sizing:content-box;box-sizing:content-box;}
a,a:link{text-decoration:none;color:var(--text);transition:all 0.5s ease;}
a:active,a:hover{outline:0;color:var(--main);text-decoration:none;}
a:focus{text-decoration:none;outline:thin dotted;outline:0.5em auto -webkit-focus-ring-color;}
fieldset{min-width:0;border:solid 1px var(--border);border-radius:0.25rem;padding:0.5rem 1.5rem 0 1.5rem;}
legend{display:block;padding:0 1em;margin:0 1em;font-size:120%;line-height:inherit;border:0;}
label{display:inline-block;max-width:100%;}

.mores{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mores2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mores3{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mores4{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mores5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 弹窗 */
h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:1; user-select:none; pointer-events:none; text-align:center; background:none !important;}
h6.alert.on{top:20px; opacity:1; transition:300000000000s;}
h6.alert>b{display:inline-block; font-weight:normal; position:relative; padding:13px 20px 13px 48px; text-align:left; max-width:500px; background:#fff; border:1px solid #e4e7ed; box-shadow:0 0 12px rgba(0,0,0,.12); border-radius:6px; font-size:14px; line-height:22px; }
h6.alert>b:before{position:absolute; top:14px; left:16px; font-family:'FontAwesome'; content:"\f128"; width:20px; height:20px; border-radius:50%; line-height:20px; text-align:center; background:#d8d8d8; color:#fff;}
h6.alert.red>b:before{background:#fd4e5e; content:"\f12a";}
h6.alert.green>b:before{background:#13ce67; content:"\f00c";}
h6.alert.brown>b:before{background:#a5692d; content:"\f129";}
h6.alert.yellow>b:before{background:#ffd700; content:"\f129";} 
h6.alert.blue>b:before{background:#1880ff; content:"\f00c";}
h6.alert.gold>b:before{background:#edc86c; content:"\f129";}
@media(max-width:767px){
h6.alert>b{max-width:100%;}
}

article{display:block; max-width:100%; margin:0 auto;}
article:after{display:block; content:''; clear:both;}
article iframe,
article video,
article img{max-width:100%;}
@media(min-width:1200px){
article{padding:0 28px; width:1388px;}
}
@media(max-width:1199px){
article{padding:0 18px;}
}
@media(max-width:767px){
article{padding:0 8px;}
}

/* 收藏 */
a[collect] {
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
}
a[collect]:hover {
    color: var(--main);
}


/* 导航条会员 */
.user{
  display: inline-block;
  position: relative;
  padding: 10px;
}
.user>a{
  display: flex;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.4s ease-out 0s;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.user>a>img{
  width: 28px; 
  height: 28px;
  margin-right: 5px;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0,0,0,.28);}
.user>ul{
  position: absolute;
  background: var(--bg);
  min-width: 120px;
  transition: all 0.3s ease-out 0s;
  top: 100%;
  opacity: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,.18);
  visibility: hidden;
  z-index: 2;
  text-align: left;
  transform: scale(1, 0);
  transform-origin: 0 0;
  padding: 5px;
}
.user:hover>ul{
  transform: scale(1, 1);
  opacity: 1;
  visibility: visible;
}
.user>ul>li {
  padding: 5px;
  border-bottom: 1px solid var(--border);
}
.user>ul>li>a{
  transition: all 0.4s ease-out 0s;
  font-size: 14px;
}

.login>a {

}
.login>a::before {
  font-family: ehtml!important;
  content: "\e68e";
  font-size: 16px;
  padding: 5px;
  margin-right: 5px;
  border: 1.5px solid;
  border-radius: 50%;
}




/* 表单 */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
select,
textarea
{
  margin: 10px 0;
  padding: 0.375em 0.75em;
  border: solid 1px var(--border);
  width: 100%;
  line-height: var(--pitch);
  display: block;
  border-radius: 0.25rem;
  outline: none;
  background-color: white;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
input:focus,
input:active,
textarea:focus,
textarea:active{
    background-size: 100% 1px, 100% 1px;
    border-color: transparent;
    box-shadow: none

}
input[readonly] {
  color: #666;
  cursor: auto;
  border: none;
}
input:focus,
input:active,
textarea:focus,
textarea:active{
    opacity: .65;
    border-color: var(--main);
    z-index: 2;
}
select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 1.75rem;
  background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-color: white;
  background-size: 8px 10px;
}
select::-webkit-scrollbar {
width: 3px; /* 滚动条宽度 */
}
select::-webkit-scrollbar-track {
background-color: transparent;
border-radius: 4px;
}
select::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 4px;
}
select::-webkit-scrollbar-thumb:hover {
background: #b8b8b8
}
select:not([size]):not([multiple]) {
  height: calc(2.25em + 2px);
}
select:focus::-ms-value{
  color: var(--main);
  background-color: transparent;
}
select::-ms-expand {
display: none; /* 隐藏内置的下拉箭头 */
}
select:hover,
select:focus {
opacity: .65;
border-color: var(--main);
z-index: 2;
}
.file_input {
  display: block;
  position: relative;
  line-height: 2.4;
    background: white;
} 
.file_input>input[name^="params"][type="file"] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.file_input>input[type=text] {
  padding-left: 60px;
  cursor: pointer;
}
.file_input>i {
  position: absolute;
  z-index: 1;
  background: #eee;
  cursor: pointer;
  border-right: 1px solid var(--border);
  top: 1px;
  left: 1px;
  bottom: 1px;
  line-height: 2;
  text-align: center;
  width: 48px;
  color: black;
  font-size: 16px;
}
input[type="radio"],
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    appearance: none;
    outline: none;
    width: 0;
    height: 0;
}
input[type="radio"]+i,
input[type="checkbox"]+i {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    vertical-align: text-bottom;
    border: solid 1px #bbb;
    background-color: white;
    border-radius: 100%;
}
input[type="checkbox"]+i{
    border-radius: 0.125rem;
}
input:checked+i{
    background-color: var(--main);
    border-color: transparent;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
}
input:checked+i::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    top: 2px;
    left: 5px;
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid white;
    transform: rotate(45deg);
}
.radio>ins,
 .chekbox>ins{
  position: relative;
  left: 2px;
  text-decoration: none;
}
textarea{
  height: 100px;
}
.captcha {
	position: relative;
  max-width: 300px;
}
.captcha>i {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border-left: 1px solid var(--border);
}
form>dl {
  margin: 0;
  position: relative;
}
form>dl>dt {
  display: flex;
  max-width: 100%;
  align-items: stretch;
}
form>dl>dt>h4 {
  margin-top: 1rem;
  font-size: 1rem !important;
}
form>dl>dt>i {
  margin-top: 1rem;
  padding-left: .25rem;
  color: #f00;
}
form>dl>dd>p {
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: .875rem;
  color: #999;
}
form>dl>dd>label,
form>dl>dd>span>label{
  display: inline-block;
  max-width: 100%;
  margin: 0 .35rem;
}
form>dl>dd>code.tights,
form>dl>dd>span>code.tights,
form>dl>dd code.tights>div
{
  display: flex;
  gap: 10px;
}
form>dl>dd>code.tights,
form>dl>dd>span>code.tights>select {
  min-width: 150px;
  width: auto;
}
form>dl>dd>span>div.file_input {
  display: block;
  position: relative;
  line-height: 2.4;
    background: white;
} 

form>dl>dd>span>div.file_input>input[name^="params"][type="file"] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
form>dl>dd>span>div.file_input>input[type=text] {
  padding-left: 60px;
  cursor: pointer;
}
form>dl>dd>span>div.file_input>i {
  position: absolute;
  z-index: 1;
  background: #eee;
  cursor: pointer;
  border-right: 1px solid var(--border);
  top: 1px;
  left: 1px;
  bottom: 1px;
  line-height: 2;
  text-align: center;
  width: 48px;
  color: black;
  font-size: 16px;
}

form>button[type="submit"]{
  position: relative;
  border: solid 1px var(--border);
  border-radius: 0.25rem !important;
  background: var(--main);
  display: inline-block;
  color: white;
  margin: .5em 0;
  line-height: 1.75;
  padding: .2em 2em;
  transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
  opacity: .75;
}
form>button[type="submit"]:hover{
  opacity: 1;
}
/* 图标 */

button.play {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    font-size: 1.5rem;
    border-radius: 10rem;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    transition: .3s;
}

button.play:before {
	  content: "\eebf";
    font-family: remixicon!important;
}

button.play::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgb(227 227 227 / 57%);
    opacity: 0;
    animation: pulse 2s infinite;
    z-index: -1;
}
span.user:before {
  font-family: ehtml!important;
  content: "\e787";
}
span.users:before {
  font-family: remixicon!important;
  content: "\f4e8";
}
span.talk:before {
  font-family: remixicon!important;
  content:"\ea08";
}
span.time:before {
  font-family: remixicon!important;
  content: "\f20e";
}
span.time:before {
  font-family: remixicon!important;
  content: "\f20e";
}
code.email:before{font-family: ehtml!important; content: "\e68e";}
span.email:before{
  font-family: remixicon!important;
  content: "\eefb";
}

span.view:before {
  font-family: remixicon!important;
  content: "\ecb4";
}
span.phone:before{
  font-family: remixicon!important;
  content: "\efe9";
}
span.ctime:before {
  font-family: remixicon!important;
  content: "\f3f2";
}
i.women:before,
span.women:before {
  font-family: remixicon!important;
  content: "\f2ce";
  color: hotpink;
}
i.men:before,
span.men:before {
  font-family: remixicon!important;
  content: "\ef2e";
  color: cornflowerblue;
}
i.robot:before,
span.robot:before {
  font-family: remixicon!important;
  content: "\f3d9";
  color: burlywood;
}
span.points:before {
  font-family: remixicon!important;
  content: "\f3e8";
}
span.ranks:before {
  font-family: remixicon!important;
  content: "\ef27";
}
span.balance:before {
  font-family: remixicon!important;
  content: "\f2ab";
}
em.vip:before,
span.vip:before {
  font-family: remixicon!important;
  content: "\f28c";
}
em.golds:before,
span.golds:before {
  font-family: remixicon!important;
  content: "\ec15";
}
em.coin:before,
span.coin:before {
  font-family: remixicon!important;
  content: "\ec15";
}
span.storage:before {
  font-family: remixicon!important;
  content: "\f0ca";
}
td.no-data:before,
span.no-data:before {
  font-family: remixicon!important;
  content: "\f3a7";
}
td.file:before,
span.file:before {
  font-family: remixicon!important;
  content: "\f43c";
}
td.job:before,
span.job:before {
  font-family: remixicon!important;
  content: "\f25d";
}
td.salary:before,
span.salary:before {
  font-family: remixicon!important;
  content: "\ea8f";
}
time span.salary>em:nth-child(2) {
  color: #ff552e;
  font-size: 20px;
  font-weight: bold;
}
td.place:before,
span.place:before {
  font-family: remixicon!important;
  content: "\ebc1";
}
td.edu:before,
span.edu:before {
  font-family: remixicon!important;
  content: "\f332";
}
td.count:before,
span.count:before {
  font-family: remixicon!important;
  content: "\f1ed";
}
td.days:before,
span.days:before {
  font-family: remixicon!important;
  content: "\f338";
}
td.gift:before,
span.gift:before {
  font-family: remixicon!important;
  content: "\edba";
}
span.collect:before {
  font-family: ehtmls!important;
  content: "\f4f8";
}
span.search:before {
  font-family: remixicon!important;
  content: "\f0d1";
}
/* 会员图标 */
span.payment:before {
font-family: ehtml!important;
content: "\e73c";
}
span.send:before {
font-family: ehtml!important;
content: "\e63f";
}
span.take:before {
font-family: ehtml!important;
content: "\e640";
}
span.rate:before {
font-family: ehtml!important;
content: "\e8bc";
}
span.account:before {
font-family: ehtml!important;
content: "\e642";
}
span.collect-o:before {
font-family: remixicon!important;
content: "\f0e1";
}
a.download:before,
legend.download:before,
span.download:before {
font-family: ehtml!important;
content: "\ea6b";
}

a.setting:before{
font-family: ehtml!important;
content: "\e6b3";
}
a.out:before{
font-family: ehtml!important;
content: "\e6bc";
}

/*  */

.table{border:1px solid var(--border);border-radius:.25rem;font-size: 14px;}
.table td,.table th{border-top:1px solid var(--border);padding:.5rem;border-right:1px solid var(--border)}
.table th{border-top:none;border-bottom-width:1px;vertical-align:middle;opacity: .68;}
.table tr:first-child>td{border-top:none}
.table td:last-child,.table th:last-child{border-right:none}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:var(--bg)}
.table-hover>tbody>tr:hover>td{background-color:#f5f5f5;;color:inherit}
.table-small td,.table-small th{padding:.25rem}
.table-big td,.table-big th{padding:1rem}
.table-cube,.table-line,.table-none{border:none;border-collapse:collapse;border-radius:0}
.table-line td,.table-line th{border-right:none}
.table-none td,.table-none th{border:none}
.table th.align-center,.table tr.align-center>th,.table.align-center th{text-align:center}
.table th.align-right,.table tr.align-right>th,.table.align-right th{text-align:right}
.table th.align-top,.table tr.align-top>th,.table.align-top td,.table.align-top th{vertical-align:top}
.table th.align-bottom,.table tr.align-bottom>th,.table.align-bottom td,.table.align-bottom th{vertical-align:bottom}


.figure{display:inline-block;position:relative;vertical-align:top}
.figure>img{max-width:100%;height:auto;line-height:1;border-top-left-radius:inherit;border-top-right-radius:inherit}
.figure>figcaption{padding:.5rem 0}】
.figure>figcaption[class^=bg]{padding:.5rem 1rem}
.figure.figure-above>img,.figure>figcaption{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}
.figure.figure-above>figcaption{position:absolute;left:0;right:0;bottom:0;padding:.5rem 1rem;color:#fff;background-color:rgba(0,0,0,.5)}
.figure.figure-above.figure-above-top>figcaption{top:0;bottom:auto;border-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
.figure.figure-above.figure-above-full>figcaption{top:0;border-radius:inherit}




.button,button{cursor: pointer;position: relative;border: solid 1px var(--main); border-radius:.25rem;color: white;background: var(--main); display:inline-block;line-height:var(--pitch);padding:.25rem 2rem;transition:all 1s cubic-bezier(.175,.885,.32,1) 0s}
.button>button{
  border: none;
  background: transparent;
  padding: 0;
  color: inherit;
}
.button[disabled],button[disabled]{pointer-events:none;box-shadow:none;opacity:.5}
.button:link,button:link{color: white; text-decoration:none;}
.button:hover, .button:focus, .button:active {background: transparent;color: var(--main);}


.validate-tips div > .input-validate {
  color: white !important;
}
.validate-tips .input-invalid > .input-validate {
  background-color: red !important;
}
.validate-tips .input-valid > .input-validate {
  background-color: #2c7 !important;
}



.popove,.tips{position:absolute;z-index:5;max-width:16rem;border-radius:.25rem}
.tips{background:#333;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-color:#333}
.popove{background:#fff;border:solid 1px var(--border);font-size:.875rem;min-width:10rem}
.popove>.popove-title{display:block;background-color:var(--bg);padding:.25rem .75rem;border-bottom:solid 1px transparent;border-color:inherit;border-radius:.25rem .25rem 0 0}
.popove>.popove-title:empty{display:none}
.popove>.popove-body{padding:.75rem}
.popove.popove-bottom>.popove-title::after,.popove::after,.popove::before,.tips::before{content:"";position:absolute;display:inline-block;height:0;width:0;border-style:solid;border-color:transparent}
.tips::before{border-width:5px}
.popove::before{border-width:10px}
.popove.popove-bottom>.popove-title::after,.popove::after{border-width:9px}
.tips.tips-bottom::before,.tips.tips-top::before{left:50%;margin-left:-5px}
.tips.tips-left::before,.tips.tips-right::before{top:50%;margin-top:-5px}
.tips.tips-top::before{bottom:-5px;border-bottom-width:0;border-top-color:inherit}
.tips.tips-right::before{left:-5px;border-left-width:0;border-right-color:inherit}
.tips.tips-bottom::before{top:-5px;border-top-width:0;border-bottom-color:inherit}
.tips.tips-left::before{right:-5px;border-right-width:0;border-left-color:inherit}

.popove.popove-bottom::before,.popove.popove-top::before{left:50%;margin-left:-10px}
.popove.popove-left::before,.popove.popove-right::before{top:50%;margin-top:-9px}
.popove.popove-bottom::after,.popove.popove-bottom>.popove-title::after,.popove.popove-top::after{left:50%;margin-left:-9px}
.popove.popove-left::after,.popove.popove-right::after{top:50%;margin-top:-8px}
.popove.popove-top::before{bottom:-10px;border-bottom-width:0;border-top-color:inherit}
.popove.popove-right::before{left:-10px;border-left-width:0;border-right-color:inherit}
.popove.popove-bottom::before{top:-10px;border-top-width:0;border-bottom-color:inherit}
.popove.popove-left::before{right:-10px;border-right-width:0;border-left-color:inherit}
.popove.popove-top::after{bottom:-9px;border-bottom-width:0;border-top-color:#fff}
.popove.popove-right::after{left:-9px;border-left-width:0;border-right-color:#fff}
.popove.popove-bottom::after{top:-9px;border-top-width:0;border-bottom-color:#fff}
.popove.popove-left::after{right:-9px;border-right-width:0;border-left-color:#fff}
.popove.popove-bottom>.popove-title::after{top:-9px;border-top-width:0;border-bottom-color:var(--bg);z-index:2}

/* 

.nav{display:flex;list-style:none;padding:0;margin:0}
.nav>li{display:list-item;position:relative}
.nav>li>a{padding:.5em 1em;display:block;white-space:nowrap;text-decoration:none;position:relative;color:var(--text);outline:0;line-height:1.5;transition:all .5s ease}
.nav>li.active>a,.nav>li>a:active,.nav>li>a:hover{color:var(--main);z-index:1}
.nav>li>a.mean-expand{position:absolute;top:-10px;right:0;font-size:1.5em}


.nav>li>select{min-width:4rem;height:100%;color:var(--main);padding:.25rem 1.25rem .25rem 1rem;border:none;-webkit-appearance:none;appearance:none;background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px}
.nav>li>select::-ms-expand{display:none}
.nav>li.disabled{pointer-events:none;opacity:.5}
.nav.nav-inline{display:inline-flex}
.nav.nav-divider>li:not(:first-child)>a{border-left:1px solid rgba(0,0,0,.1)}
.nav.nav-divider-line>li{display:flex;align-items:center}
.nav.nav-divider-line>li:not(:first-child)::before{content:"";border-left:1px solid rgba(0,0,0,.1);height:1.25rem}
.nav.nav-divider-line>li>a{width:100%}
.nav.nav-box{border:solid 1px var(--border);border-radius:.25rem}
.nav.nav-center{justify-content:center!important;text-align:center}
.nav.nav-right{justify-content:flex-end!important}
.nav.nav-block>li{flex-grow:1;text-align:center}
.nav.nav-small>li>a{padding:.25em 1em!important;font-size:.875rem!important}
.nav.nav-big>li>a{padding:.75em 1em!important;font-size:1.125rem!important}
.nav>li:first-child,.nav>li:first-child>a{border-top-left-radius:inherit;border-bottom-left-radius:inherit}
.nav.nav-block>li:last-child,.nav.nav-block>li:last-child>a{border-top-right-radius:inherit;border-bottom-right-radius:inherit}
.nav.nav-inverse>li>a{color:#fff}
.nav.nav-inverse>li>select{color:#fff;background:transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px}
.nav.nav-inverse>li.active>a,.nav.nav-inverse>li>a:hover{background-color:rgba(0,0,0,.1)}
.nav.nav-inverse.nav-divider-line>li::before,.nav.nav-inverse.nav-divider>li>a{border-color:rgba(255,255,255,.2)}
.nav>li.drop>a::after{content:"";display:inline-block;margin-left:.5rem;border:solid 5px transparent;border-top-color:currentColor}
.nav.nav-inverse>li.drop>a::after{border-top-color:currentColor}
.nav>li>.dropdown>.nav-menu{width:100%}
.nav.nav-menu{flex-direction:column!important}
.nav.nav-menu>li{text-align:center}
.nav.nav-menu>li ul>li{border-bottom:1px solid var(--border)}
.nav.nav-menu>li.nav-title{font-weight:700;padding:.5rem 1rem;font-size:75%;color:rgba(0,0,0,.5);text-align:center}
.nav.nav-menu.nav-divider>li:not(:first-child)>a{border-left:none;border-top:solid 1px rgba(0,0,0,.1)}
.nav.nav-menu.nav-divider>li.nav-title{border-top:solid 1px var(--border);background:var(--bg)}
.nav.nav-menu>li.nav-divider{margin:.25rem 0;border-top:1px solid var(--border)}
.nav.nav-menu.nav-divider-line>li:not(:first-child)::before{border-left:none}
.nav.nav-menu>li:first-child,.nav.nav-menu>li:first-child>a{border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-left-radius:0}
.nav.nav-menu>li:last-child,.nav.nav-menu>li:last-child>a{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-right-radius:0}
.nav-arrow{display:inline-flex!important;flex-grow:1;justify-content:space-between!important;align-items:center!important}
.nav-arrow::after{content:"";position:relative;left:.5em;width:.5em;height:.5em;border-top:solid 1px currentColor;border-right:solid 1px currentColor;transform:rotate(45deg);opacity:.5}
.nav-arrow.rotate::after{transform:rotate(135deg)}
.nav.nav-menu>li.drop>a.nav-arrow::after,.nav.nav-menu>li.drop>a.nav-arrow::before{content:"";position:absolute;width:.75rem;height:1px;top:50%;background:currentColor;right:1rem;border:none;transition:transform .15s linear;opacity:.5}
.nav.nav-menu>li.drop>a.nav-arrow::after{transform:rotate(90deg)}
.nav.nav-menu>li.drop:hover>a.nav-arrow::after{transform:rotate(0)}
.nav.nav-line.nav-box>li{margin-bottom:-1px}
.nav.nav-line.nav-line-top>li{border-top:solid 2px var(--border);border-bottom:none}
.nav.nav-line.nav-line-top.nav-box>li{margin-top:-1px;margin-bottom:0}
.nav.nav-line>li.active,.nav.nav-line>li:hover{border-bottom:2px solid var(--main)}
.nav.nav-line.nav-inverse>li{border-color:rgba(255,255,255,.25)}
.nav.nav-line.nav-inverse>li.active,.nav.nav-line.nav-inverse>li:hover{border-color:#fff}
.nav.nav-line.nav-inverse>li.active>a,.nav.nav-line.nav-inverse>li>a:hover{background-color:transparent}
.nav.nav-line.nav-menu>li{border-width:1px}
.nav.nav-line.nav-menu>li.active{border-width:2px}
.nav.nav-card:not(.nav-menu)>li:not(:last-child){margin-right:.25rem}
.nav.nav-card.nav-menu>li:not(:last-child){margin-bottom:.25rem}
.nav.nav-card.nav-box{padding:.25rem}
.nav.nav-card>li.active>a,.nav.nav-card>li:hover>a{background-color:var(--main);border-radius:.25rem;color:#fff}
.nav.nav-card.nav-divider-line>li.active+li::before,.nav.nav-card.nav-divider-line>li.active::before,.nav.nav-card.nav-divider-line>li:hover+li::before,.nav.nav-card.nav-divider-line>li:hover::before{border-color:transparent}
.nav.nav-card.nav-inverse>li.active>a,.nav.nav-card.nav-inverse>li:hover>a{background-color:#fff;color:var(--text)}
.nav.nav-card.nav-menu.nav-divider>li.active+li>a,.nav.nav-card.nav-menu.nav-divider>li.active>a,.nav.nav-card.nav-menu.nav-divider>li:hover+li>a,.nav.nav-card.nav-menu.nav-divider>li:hover>a{border-color:transparent}
.nav.nav-icon>li>a{display:flex;align-items:center}
.nav.nav-icon>li>a>.nav-media{line-height:1.5}
.nav.nav-icon.nav-block>li>a{justify-content:center}
.nav.nav-icon.nav-icon-text>li>a>.nav-media{margin-right:.5rem}
.nav.nav-icon.nav-icon-wrap>li>a{flex-direction:column}
.nav.nav-icon.nav-icon-wrap>li>a:not(:last-child){margin-bottom:1rem}
.nav.nav-icon.nav-icon-wrap>li>a>.nav-media{margin-bottom:.25rem;margin-right:0}
.nav.nav-icon.nav-menu>li.nav-title{border-top:solid 1px var(--border);border-bottom:solid 1px var(--border);margin-bottom:-1px;z-index:2}
.nav.nav-breadcrumb>li{display:flex;align-items:center}
.nav.nav-breadcrumb>li:not(:last-child)::after{content:"\002f";display:list-item;opacity:.25}
.nav.nav-breadcrumb.nav-inverse>li::after{color:#fff}
.nav.nav-switch{position:relative;width:2em;height:1.5em;color:gray;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:space-between;border:solid 1px transparent}
.nav.nav-switch>li{background:currentColor;width:100%;height:1px;transform-origin:0 0;transition:all .5s ease}
.nav.nav-switch>li>a{opacity:0;display:none}
.nav.nav-switch.nav-open>li:not(:first-child):not(:last-child){background-color:transparent}
.nav.nav-switch.nav-open>li:first-child{transform:rotate(45deg)}
.nav.nav-switch.nav-open>li:last-child{transform:rotate(-45deg)}
 */
.progress {
  width: 90%;
  margin: 10px auto;
  background-color: #f3f3f3;
  border-radius: 20px;
  overflow: hidden;
}

.progress-bar {
  width: 0;
  height: 8px;
  background-color: var(--main);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 2rem 2rem; /* 确保背景大小与动画移动距离匹配 */
  border-radius: 20px;
  text-align: center;
  line-height: 30px;
  color: white;
  animation: progress 1s linear infinite;
  -webkit-animation: progress 1s linear infinite;
}

@-webkit-keyframes progress {
  from {
      background-position: 0 0
  }

  to {
      background-position: 2rem 0
  }
}

@keyframes progress {
  from {
      background-position: 0 0
  }

  to {
      background-position: 2rem 0
  }
}
/* 弹窗 */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:10}
.modal:target{display:flex}
.modal-close{position:absolute;width:100%;height:100%}
.modal-content{position:relative;background-color:white;padding:20px;border-radius:8px;max-width:500px;width:90%;z-index:1}
.close-modal{position:absolute;top:10px;right:10px;cursor:pointer;font-size:24px;line-height:1;text-decoration:none;color:#333}

/* 选项卡 */
.tab>ul{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.tab>ul>li{display:block;padding:.5rem 1rem;cursor:pointer}
.tab>ul>li:hover{color:var(--main)}
.tab>ul>li:focus,.tab>ul>li:hover{text-decoration:none}
.tab>ul>li.active{color:var(--main);border-bottom:2px solid transparent;border-bottom-color:var(--main)}
.tab>.tab-body{padding:1rem 0}
.tab>.tab-body>.tab-item{display:none;transition:all .4s ease 50ms}
.tab>.tab-body>.tab-item.active{display:block}
.tab.tab-box>.tab-body{padding:1rem;border-radius:.25rem}

/* 折叠 */
.fold{border:solid 1px var(--border);border-radius:.25rem}
.fold>.fold-item{border-radius:inherit}
.fold>.fold-item>.fold-head{background:#f5f5f5;padding:.5rem 1rem;cursor:pointer;border-bottom:solid 1px var(--border)}
.fold>.fold-item>.fold-body{padding:1rem;display:none}
.fold>.fold-item:not(:last-child)>.fold-body{border-bottom:solid 1px var(--border)}
.fold>.fold-item:first-child>.fold-head{border-top-left-radius:inherit;border-top-right-radius:inherit}
.fold>.fold-item:last-child:not(.active)>.fold-head{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom-color:transparent}
.fold.fold-arrow>.fold-item>.fold-head{display:flex;justify-content:space-between;align-items:center}
.fold.fold-arrow>.fold-item>.fold-head::after{content:"";width:.675rem;height:.675rem;border-top:solid 1px currentColor;border-right:solid 1px currentColor;transform:rotate(45deg);opacity:.5;transition:all .2s ease}
.fold.fold-arrow>.fold-item.active>.fold-head::after{transform:rotate(135deg)}
/* 瀑布流 */
.falls{position:relative;width:100%;transition:all .5s ease .2s}
.falls>.falls-item{position:absolute;margin-top:1rem;opacity:0}
.falls>.falls-item.active{margin-top:0;opacity:1}
.falls>.falls-loading{position:absolute;font-size:.75rem;bottom:.5rem;left:50%;margin-left:-.75rem}


.padding-s{padding:.25em!important}
.padding-top-s{padding-top:.25rem!important}
.padding-right-s{padding-right:.25rem!important}
.padding-bottom-s{padding-bottom:.25rem!important}
.padding-left-s{padding-left:.25rem!important}
.padding-m{padding:.5em!important}
.padding-top-m{padding-top:.5rem!important}
.padding-right-m{padding-right:.5rem!important}
.padding-bottom-m{padding-bottom:.5rem!important}
.padding-left-m{padding-left:.5rem!important}
.padding{padding:1rem!important}
.padding-top{padding-top:1rem!important}
.padding-right{padding-right:1rem!important}
.padding-bottom{padding-bottom:1rem!important}
.padding-left{padding-left:1rem!important}
.padding-l{padding:1.5rem!important}
.padding-top-l{padding-top:1.5rem!important}
.padding-right-l{padding-right:1.5rem!important}
.padding-bottom-l{padding-bottom:1.5rem!important}
.padding-left-l{padding-left:2rem!important}
.padding-x{padding:2rem!important}
.padding-top-x{padding-top:2rem!important}
.padding-right-x{padding-right:2rem!important}
.padding-bottom-x{padding-bottom:2rem!important}
.padding-left-x{padding-left:2rem!important}
.padding-none{padding:0!important}
.padding-top-none{padding-top:0!important}
.padding-right-none{padding-right:0!important}
.padding-bottom-none{padding-bottom:0!important}
.padding-left-none{padding-left:0!important}

.border{border:solid 1px var(--border)!important}
.border-top{border-top:solid 1px var(--border)!important}
.border-right{border-right:solid 1px var(--border)!important}
.border-bottom{border-bottom:solid 1px var(--border)!important}
.border-left{border-left:solid 1px var(--border)!important}
.border-s{border-width:.125rem!important}
.border-m{border-width:.25rem!important}
.border-l{border-width:.5rem!important}
.border-x{border-width:1rem!important}
.border-dashed{border-style:dashed!important}
.border-dotted{border-style:dotted!important}
.border-none{border:none!important}
.border-top-none{border-top:none!important}
.border-right-none{border-right:none!important}
.border-bottom-none{border-bottom:none!important}
.border-left-none{border-left:none!important}

.radius-s{border-radius:.125rem!important}
.radius-m{border-radius:.1875rem!important}
.radius{border-radius:.25rem!important}
.radius-l{border-radius:.5rem!important}
.radius-x{border-radius:1.25rem!important}
.radius-circle{border-radius:50%!important}
.radius-none{border-radius:0!important}
.radius-top{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.radius-right{border-top-left-radius:0!important;border-bottom-left-radius:0!important}
.radius-bottom{border-top-left-radius:0!important;border-top-right-radius:0!important}
.radius-left{border-top-right-radius:0!important;border-bottom-right-radius:0!important}

.margin-s{margin:.25rem!important}
.margin-top-s{margin-top:.25rem!important}
.margin-right-s{margin-right:.25rem!important}
.margin-bottom-s{margin-bottom:.25rem!important}
.margin-left-s{margin-left:.25rem!important}

.margin-m{margin:.5rem!important}
.margin-top-m{margin-top:.5rem!important}
.margin-right-m{margin-right:.5rem!important}
.margin-bottom-m{margin-bottom:.5rem!important}
.margin-left-m{margin-left:.5rem!important}

.margin{margin:1rem!important}
.margin-top{margin-top:1rem!important}
.margin-right{margin-right:1rem!important}
.margin-bottom{margin-bottom:1rem!important}
.margin-left{margin-left:1rem!important}

.margin-l{margin:1.5rem!important}
.margin-top-l{margin-top:1.5rem!important}
.margin-right-l{margin-right:1.5rem!important}
.margin-bottom-l{margin-bottom:1.5rem!important}
.margin-left-l{margin-left:1.5rem!important}

.margin-x{margin:2rem!important}
.margin-top-x{margin-top:2rem!important}
.margin-right-x{margin-right:2rem!important}
.margin-bottom-x{margin-bottom:2rem!important}
.margin-left-x{margin-left:2rem!important}

.margin-top-auto{margin-top:auto!important}
.margin-right-auto{margin-right:auto!important}
.margin-bottom-auto{margin-bottom:auto!important}
.margin-left-auto{margin-left:auto!important}
.margin-center-auto{margin-left:auto!important;margin-right:auto!important}
.margin-middle-auto{margin-top:auto!important;margin-bottom:auto!important}

.margin-none{margin:0!important}
.margin-top-none{margin-top:0!important}
.margin-right-none{margin-right:0!important}
.margin-bottom-none{margin-bottom:0!important}
.margin-left-none{margin-left:0!important}

.shadow-s{box-shadow:0 3px 5px rgba(0,0,0,.175)!important}
.shadow{box-shadow:0 5px 10px rgba(0,0,0,.175)!important}
.shadow-l{box-shadow:0 8px 15px rgba(0,0,0,.175)!important}
.shadow-none{box-shadow:none!important}

.opacity-full{opacity:0!important}
.opacity-s{opacity:.85!important}
.opacity-m{opacity:.7!important}
.opacity{opacity:.5!important}
.opacity-l{opacity:.3!important}
.opacity-x{opacity:.15!important}
.opacity-none{opacity:1!important}


.weight-xs{font-weight:200}
.weight-sm{font-weight:400}
.weight{font-weight:400}
.weight-lg{font-weight:700}
.weight-xl{font-weight:bolder}

.img-auto{display:inline-block;max-width:100%;height:auto}
.img-full{display:block;min-width:100%;min-height:100%;max-width:100%;max-height:100%}

.layout{width:100%}
.w-sm{width:540px!important}
.w-md{width:730px!important}
.w-lg{width:960px!important}
.w-xl{width:1200px!important}
.w-xxl{width:1400px!important}
.w-plus{width:1680px!important}
.em1{width:1em!important}
.em2{width:2em!important}
.em3{width:3em!important}
.em4{width:4em!important}
.em5{width:5em!important}
.em6{width:6em!important}
.em7{width:7em!important}
.em8{width:8em!important}
.em9{width:9em!important}
.em10{width:10em!important}
.em11{width:11em!important}
.em12{width:12em!important}
.ml1{margin-left:1em!important}
.ml2{margin-left:2em!important}
.ml3{margin-left:3em!important}
.ml4{margin-left:4em!important}
.ml5{margin-left:5em!important}
.ml6{margin-left:6em!important}
.ml7{margin-left:7em!important}
.ml8{margin-left:8em!important}
.ml9{margin-left:9em!important}
.ml10{margin-left:10em!important}
.ml11{margin-left:11em!important}
.ml12{margin-left:12em!important}

.hr{margin:1em 0 1.5em 0;background-color:var(--body);line-height:1em;height:.6em;border-bottom:1px solid var(--border)}
.hr>span{display:inline-block;line-height:1;background-color:inherit;padding:0 1em;margin:0 1em}
.quote{padding:1em;border-left:.3125rem solid var(--border);background-color:var(--bg);border-radius:.25rem}
.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}
.clearfix::after{content:" ";display:block!important;clear:both}

.line-s{line-height:1!important}
.line-m{line-height:1.5!important}
.line{line-height:1.75!important}
.line-l{line-height:2!important}
.line-x{line-height:2.5!important}

.align-left{text-align:left!important}
.align-center{text-align:center!important}
.align-right{text-align:right!important}
.align-justify{text-align:justify!important}
.align-top{vertical-align:top!important}
.align-middle{vertical-align:middle!important}
.align-bottom{vertical-align:bottom!important}

.word-indent{text-indent:2em}
.word-more{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.word-break{word-break:break-all;word-wrap:break-word}
.word-block{white-space:nowrap}
.inline{display:inline-block!important}
.block{display:block!important}
.relative{position:relative!important}
.absolute{position:absolute!important}
.center{margin-left:auto!important;margin-right:auto!important}
.overflow-hidden{overflow:hidden}
.overflow-auto{overflow:auto}
.lg-hidden,.md-hidden,.show,.sm-hidden,.xl-hidden,.xs-hidden{display:block!important}
.hidden,.lg-show,.md-show,.sm-show,.xl-show,.xs-show{display:none!important}
.print-show{display:none!important}
@media print{.print-show{display:block!important}
table.print-show{display:table}
tr.print-show{display:table-row!important}
td.print-show,th.print-show{display:table-cell!important}
.print-hidden{display:none!important}
}

.fixed-top{position:fixed;top:0;right:0;bottom:auto;left:0;width:100%}
.fixed-bottom{position:fixed;top:auto;right:0;bottom:0;left:0;width:100%}
.fixed-left{position:fixed;top:0;left:0;right:auto;bottom:0;height:100%}
.fixed-right{position:fixed;top:0;right:0;bottom:0;left:auto;height:100%}
.fixed-left-top{position:fixed;top:0;right:auto;bottom:auto;left:0}
.fixed-right-top{position:fixed;top:0;right:0;bottom:auto;left:auto}
.fixed-left-bottom{position:fixed;top:auto;right:auto;bottom:0;left:0}
.fixed-right-bottom{position:fixed;top:auto;right:0;bottom:0;left:auto}


  /*flex*/
  .flex{display:flex}
  .flex-inline{display:inline-flex}
  .flex-reverse{flex-direction:row-reverse}
  .flex-column{flex-direction:column}
  .flex-column.flex-reverse{flex-direction:column-reverse}
  .flex-nowrap{flex-wrap:nowrap}
  .flex-wrap{flex-wrap:wrap}
  .flex-wrap-reverse{flex-wrap:wrap-reverse}
  .flex-start{justify-content:flex-start}
  .flex-center{justify-content:center}
  .flex-end{justify-content:flex-end}
  .flex-between{justify-content:space-between}
  .flex-around{justify-content:space-around}
  .flex-items-start{align-items:flex-start}
  .flex-items-center{align-items:center}
  .flex-items-end{align-items:flex-end}
  .flex-items-baseline{align-items:baseline}
  .flex-items-stretch{align-items:stretch}
  .flex-self-start{align-self:flex-start}
  .flex-self-center{align-self:center}
  .flex-self-end{align-self:flex-end}
  .flex-self-baseline{align-self:baseline}
  .flex-self-stretch{align-self:stretch}
  .flex-content-start{align-content:flex-start}
  .flex-content-center{align-content:center}
  .flex-content-end{align-content:flex-end}
  .flex-content-between{align-content:space-between}
  .flex-content-around{align-content:space-around}
  .flex-middle{justify-content:center;align-items:center;align-self:center;align-content:center}
  .flex-fill{flex:1 1 auto}
  .flex-grow{flex-grow:1}
  .flex-shrink{flex-shrink:1}



/*!
 * Bootstrap Grid v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
    width:100%;
    padding-right:calc(1.5rem * .5);
    padding-left:calc(1.5rem * .5);
    margin-right:auto;
    margin-left:auto
}
@media (min-width:576px){.container,.container-sm{max-width:540px}
}
@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}
}
@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}
}
@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}
}
@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}
}
:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-top:0;
    margin-right:calc(-.5 * 1.5rem);
    margin-left:calc(-.5 * 1.5rem)
}
.row>*{
    box-sizing:border-box;
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(1.5rem * .5);
    padding-left:calc(1.5rem * .5);
    margin-top:0
}
.col{flex:1 0 0%}
.row-cols-auto>*{flex:0 0 auto;width:auto}
.row-cols-1>*{flex:0 0 auto;width:100%}
.row-cols-2>*{flex:0 0 auto;width:50%}
.row-cols-3>*{flex:0 0 auto;width:33.33333333%}
.row-cols-4>*{flex:0 0 auto;width:25%}
.row-cols-5>*{flex:0 0 auto;width:20%}
.row-cols-6>*{flex:0 0 auto;width:16.66666667%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.offset-1{margin-left:8.33333333%}
.offset-2{margin-left:16.66666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.33333333%}
.offset-5{margin-left:41.66666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.33333333%}
.offset-8{margin-left:66.66666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.33333333%}
.offset-11{margin-left:91.66666667%}
.g-0,.gx-0{padding-right:0;padding-left:0}
.g-0,.gy-0{margin-top:0}
.g-1,.gx-1{padding-right:calc(0.25rem * .5);padding-left:calc(0.25rem * .5)}
.g-1,.gy-1{margin-top:0.25rem}
.g-2,.gx-2{padding-right:calc(0.5rem * .5);padding-left:calc(0.5rem * .5)}
.g-2,.gy-2{margin-top:0.5rem}
.g-3,.gx-3{padding-right:calc(1rem * .5);padding-left:calc(1rem * .5)}
.g-3,.gy-3{margin-top:1rem}
.g-4,.gx-4{padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5)}
.g-4,.gy-4{margin-top:1.5rem}
.g-5,.gx-5{padding-right:calc(3rem * .5);padding-left:calc(3rem * .5)}
.g-5,.gy-5{margin-top:3rem}
.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}
@media (min-width:576px){.col-sm{flex:1 0 0%}
.row-cols-sm-auto>*{flex:0 0 auto;width:auto}
.row-cols-sm-1>*{flex:0 0 auto;width:100%}
.row-cols-sm-2>*{flex:0 0 auto;width:50%}
.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}
.row-cols-sm-4>*{flex:0 0 auto;width:25%}
.row-cols-sm-5>*{flex:0 0 auto;width:20%}
.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}
.col-sm-auto{flex:0 0 auto;width:auto}
.col-sm-1{flex:0 0 auto;width:8.33333333%}
.col-sm-2{flex:0 0 auto;width:16.66666667%}
.col-sm-3{flex:0 0 auto;width:25%}
.col-sm-4{flex:0 0 auto;width:33.33333333%}
.col-sm-5{flex:0 0 auto;width:41.66666667%}
.col-sm-6{flex:0 0 auto;width:50%}
.col-sm-7{flex:0 0 auto;width:58.33333333%}
.col-sm-8{flex:0 0 auto;width:66.66666667%}
.col-sm-9{flex:0 0 auto;width:75%}
.col-sm-10{flex:0 0 auto;width:83.33333333%}
.col-sm-11{flex:0 0 auto;width:91.66666667%}
.col-sm-12{flex:0 0 auto;width:100%}
.offset-sm-0{margin-left:0}
.offset-sm-1{margin-left:8.33333333%}
.offset-sm-2{margin-left:16.66666667%}
.offset-sm-3{margin-left:25%}
.offset-sm-4{margin-left:33.33333333%}
.offset-sm-5{margin-left:41.66666667%}
.offset-sm-6{margin-left:50%}
.offset-sm-7{margin-left:58.33333333%}
.offset-sm-8{margin-left:66.66666667%}
.offset-sm-9{margin-left:75%}
.offset-sm-10{margin-left:83.33333333%}
.offset-sm-11{margin-left:91.66666667%}
.g-sm-0,.gx-sm-0{padding-right:0;padding-left:0}
.g-sm-0,.gy-sm-0{margin-top:0}
.g-sm-1,.gx-sm-1{padding-right:calc(0.25rem * .5);padding-left:calc(0.25rem * .5)}
.g-sm-1,.gy-sm-1{margin-top:0.25rem}
.g-sm-2,.gx-sm-2{padding-right:calc(0.5rem * .5);padding-left:calc(0.5rem * .5)}
.g-sm-2,.gy-sm-2{margin-top:0.5rem}
.g-sm-3,.gx-sm-3{padding-right:calc(1rem * .5);padding-left:calc(1rem * .5)}
.g-sm-3,.gy-sm-3{margin-top:1rem}
.g-sm-4,.gx-sm-4{padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5)}
.g-sm-4,.gy-sm-4{margin-top:1.5rem}
.g-sm-5,.gx-sm-5{padding-right:calc(3rem * .5);padding-left:calc(3rem * .5)}
.g-sm-5,.gy-sm-5{margin-top:3rem}
}
@media (min-width:768px){.col-md{flex:1 0 0%}
.row-cols-md-auto>*{flex:0 0 auto;width:auto}
.row-cols-md-1>*{flex:0 0 auto;width:100%}
.row-cols-md-2>*{flex:0 0 auto;width:50%}
.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}
.row-cols-md-4>*{flex:0 0 auto;width:25%}
.row-cols-md-5>*{flex:0 0 auto;width:20%}
.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}
.col-md-auto{flex:0 0 auto;width:auto}
.col-md-1{flex:0 0 auto;width:8.33333333%}
.col-md-2{flex:0 0 auto;width:16.66666667%}
.col-md-3{flex:0 0 auto;width:25%}
.col-md-4{flex:0 0 auto;width:33.33333333%}
.col-md-5{flex:0 0 auto;width:41.66666667%}
.col-md-6{flex:0 0 auto;width:50%}
.col-md-7{flex:0 0 auto;width:58.33333333%}
.col-md-8{flex:0 0 auto;width:66.66666667%}
.col-md-9{flex:0 0 auto;width:75%}
.col-md-10{flex:0 0 auto;width:83.33333333%}
.col-md-11{flex:0 0 auto;width:91.66666667%}
.col-md-12{flex:0 0 auto;width:100%}
.offset-md-0{margin-left:0}
.offset-md-1{margin-left:8.33333333%}
.offset-md-2{margin-left:16.66666667%}
.offset-md-3{margin-left:25%}
.offset-md-4{margin-left:33.33333333%}
.offset-md-5{margin-left:41.66666667%}
.offset-md-6{margin-left:50%}
.offset-md-7{margin-left:58.33333333%}
.offset-md-8{margin-left:66.66666667%}
.offset-md-9{margin-left:75%}
.offset-md-10{margin-left:83.33333333%}
.offset-md-11{margin-left:91.66666667%}
.g-md-0,.gx-md-0{padding-right:0;padding-left:0}
.g-md-0,.gy-md-0{margin-top:0}
.g-md-1,.gx-md-1{padding-right:calc(0.25rem * .5);padding-left:calc(0.25rem * .5)}
.g-md-1,.gy-md-1{margin-top:0.25rem}
.g-md-2,.gx-md-2{padding-right:calc(0.5rem * .5);padding-left:calc(0.5rem * .5)}
.g-md-2,.gy-md-2{margin-top:0.5rem}
.g-md-3,.gx-md-3{padding-right:calc(1rem * .5);padding-left:calc(1rem * .5)}
.g-md-3,.gy-md-3{margin-top:1rem}
.g-md-4,.gx-md-4{padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5)}
.g-md-4,.gy-md-4{margin-top:1.5rem}
.g-md-5,.gx-md-5{padding-right:calc(3rem * .5);padding-left:calc(3rem * .5)}
.g-md-5,.gy-md-5{margin-top:3rem}
}
@media (min-width:992px){.col-lg{flex:1 0 0%}
.row-cols-lg-auto>*{flex:0 0 auto;width:auto}
.row-cols-lg-1>*{flex:0 0 auto;width:100%}
.row-cols-lg-2>*{flex:0 0 auto;width:50%}
.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}
.row-cols-lg-4>*{flex:0 0 auto;width:25%}
.row-cols-lg-5>*{flex:0 0 auto;width:20%}
.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}
.col-lg-auto{flex:0 0 auto;width:auto}
.col-lg-1{flex:0 0 auto;width:8.33333333%}
.col-lg-2{flex:0 0 auto;width:16.66666667%}
.col-lg-3{flex:0 0 auto;width:25%}
.col-lg-4{flex:0 0 auto;width:33.33333333%}
.col-lg-5{flex:0 0 auto;width:41.66666667%}
.col-lg-6{flex:0 0 auto;width:50%}
.col-lg-7{flex:0 0 auto;width:58.33333333%}
.col-lg-8{flex:0 0 auto;width:66.66666667%}
.col-lg-9{flex:0 0 auto;width:75%}
.col-lg-10{flex:0 0 auto;width:83.33333333%}
.col-lg-11{flex:0 0 auto;width:91.66666667%}
.col-lg-12{flex:0 0 auto;width:100%}
.offset-lg-0{margin-left:0}
.offset-lg-1{margin-left:8.33333333%}
.offset-lg-2{margin-left:16.66666667%}
.offset-lg-3{margin-left:25%}
.offset-lg-4{margin-left:33.33333333%}
.offset-lg-5{margin-left:41.66666667%}
.offset-lg-6{margin-left:50%}
.offset-lg-7{margin-left:58.33333333%}
.offset-lg-8{margin-left:66.66666667%}
.offset-lg-9{margin-left:75%}
.offset-lg-10{margin-left:83.33333333%}
.offset-lg-11{margin-left:91.66666667%}
.g-lg-0,.gx-lg-0{padding-right:0;padding-left:0}
.g-lg-0,.gy-lg-0{margin-top:0}
.g-lg-1,.gx-lg-1{padding-right:calc(0.25rem * .5);padding-left:calc(0.25rem * .5)}
.g-lg-1,.gy-lg-1{margin-top:0.25rem}
.g-lg-2,.gx-lg-2{padding-right:calc(0.5rem * .5);padding-left:calc(0.5rem * .5)}
.g-lg-2,.gy-lg-2{margin-top:0.5rem}
.g-lg-3,.gx-lg-3{padding-right:calc(1rem * .5);padding-left:calc(1rem * .5)}
.g-lg-3,.gy-lg-3{margin-top:1rem}
.g-lg-4,.gx-lg-4{padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5)}
.g-lg-4,.gy-lg-4{margin-top:1.5rem}
.g-lg-5,.gx-lg-5{padding-right:calc(3rem * .5);padding-left:calc(3rem * .5)}
.g-lg-5,.gy-lg-5{margin-top:3rem}
}
@media (min-width:1200px){.col-xl{flex:1 0 0%}
.row-cols-xl-auto>*{flex:0 0 auto;width:auto}
.row-cols-xl-1>*{flex:0 0 auto;width:100%}
.row-cols-xl-2>*{flex:0 0 auto;width:50%}
.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}
.row-cols-xl-4>*{flex:0 0 auto;width:25%}
.row-cols-xl-5>*{flex:0 0 auto;width:20%}
.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}
.col-xl-auto{flex:0 0 auto;width:auto}
.col-xl-1{flex:0 0 auto;width:8.33333333%}
.col-xl-2{flex:0 0 auto;width:16.66666667%}
.col-xl-3{flex:0 0 auto;width:25%}
.col-xl-4{flex:0 0 auto;width:33.33333333%}
.col-xl-5{flex:0 0 auto;width:41.66666667%}
.col-xl-6{flex:0 0 auto;width:50%}
.col-xl-7{flex:0 0 auto;width:58.33333333%}
.col-xl-8{flex:0 0 auto;width:66.66666667%}
.col-xl-9{flex:0 0 auto;width:75%}
.col-xl-10{flex:0 0 auto;width:83.33333333%}
.col-xl-11{flex:0 0 auto;width:91.66666667%}
.col-xl-12{flex:0 0 auto;width:100%}
.offset-xl-0{margin-left:0}
.offset-xl-1{margin-left:8.33333333%}
.offset-xl-2{margin-left:16.66666667%}
.offset-xl-3{margin-left:25%}
.offset-xl-4{margin-left:33.33333333%}
.offset-xl-5{margin-left:41.66666667%}
.offset-xl-6{margin-left:50%}
.offset-xl-7{margin-left:58.33333333%}
.offset-xl-8{margin-left:66.66666667%}
.offset-xl-9{margin-left:75%}
.offset-xl-10{margin-left:83.33333333%}
.offset-xl-11{margin-left:91.66666667%}
.g-xl-0,.gx-xl-0{padding-right:0;padding-left:0}
.g-xl-0,.gy-xl-0{margin-top:0}
.g-xl-1,.gx-xl-1{padding-right:calc(0.25rem * .5);padding-left:calc(0.25rem * .5)}
.g-xl-1,.gy-xl-1{margin-top:0.25rem}
.g-xl-2,.gx-xl-2{padding-right:calc(0.5rem * .5);padding-left:calc(0.5rem * .5)}
.g-xl-2,.gy-xl-2{margin-top:0.5rem}
.g-xl-3,.gx-xl-3{padding-right:calc(1rem * .5);padding-left:calc(1rem * .5)}
.g-xl-3,.gy-xl-3{margin-top:1rem}
.g-xl-4,.gx-xl-4{padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5)}
.g-xl-4,.gy-xl-4{margin-top:1.5rem}
.g-xl-5,.gx-xl-5{padding-right:calc(3rem * .5);padding-left:calc(3rem * .5)}
.g-xl-5,.gy-xl-5{margin-top:3rem}
}
@media (min-width:1400px){
.col-xxl{flex:1 0 0%}
.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}
.row-cols-xxl-1>*{flex:0 0 auto;width:100%}
.row-cols-xxl-2>*{flex:0 0 auto;width:50%}
.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}
.row-cols-xxl-4>*{flex:0 0 auto;width:25%}
.row-cols-xxl-5>*{flex:0 0 auto;width:20%}
.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}
.col-xxl-auto{flex:0 0 auto;width:auto}
.col-xxl-1{flex:0 0 auto;width:8.33333333%}
.col-xxl-2{flex:0 0 auto;width:16.66666667%}
.col-xxl-3{flex:0 0 auto;width:25%}
.col-xxl-4{flex:0 0 auto;width:33.33333333%}
.col-xxl-5{flex:0 0 auto;width:41.66666667%}
.col-xxl-6{flex:0 0 auto;width:50%}
.col-xxl-7{flex:0 0 auto;width:58.33333333%}
.col-xxl-8{flex:0 0 auto;width:66.66666667%}
.col-xxl-9{flex:0 0 auto;width:75%}
.col-xxl-10{flex:0 0 auto;width:83.33333333%}
.col-xxl-11{flex:0 0 auto;width:91.66666667%}
.col-xxl-12{flex:0 0 auto;width:100%}
.offset-xxl-0{margin-left:0}
.offset-xxl-1{margin-left:8.33333333%}
.offset-xxl-2{margin-left:16.66666667%}
.offset-xxl-3{margin-left:25%}
.offset-xxl-4{margin-left:33.33333333%}
.offset-xxl-5{margin-left:41.66666667%}
.offset-xxl-6{margin-left:50%}
.offset-xxl-7{margin-left:58.33333333%}
.offset-xxl-8{margin-left:66.66666667%}
.offset-xxl-9{margin-left:75%}
.offset-xxl-10{margin-left:83.33333333%}
.offset-xxl-11{margin-left:91.66666667%}
.g-xxl-0,.gx-xxl-0{padding-right:0;padding-left:0}
.g-xxl-0,.gy-xxl-0{margin-top:0}
.g-xxl-1,.gx-xxl-1{padding-right:calc(0.25rem * .5);padding-left:calc(0.25rem * .5)}
.g-xxl-1,.gy-xxl-1{margin-top:0.25rem}
.g-xxl-2,.gx-xxl-2{padding-right:calc(0.5rem * .5);padding-left:calc(0.5rem * .5)}
.g-xxl-2,.gy-xxl-2{margin-top:0.5rem}
.g-xxl-3,.gx-xxl-3{padding-right:calc(1rem * .5);padding-left:calc(1rem * .5)}
.g-xxl-3,.gy-xxl-3{margin-top:1rem}
.g-xxl-4,.gx-xxl-4{padding-right:calc(1.5rem * .5);padding-left:calc(1.5rem * .5)}
.g-xxl-4,.gy-xxl-4{margin-top:1.5rem}
.g-xxl-5,.gx-xxl-5{padding-right:calc(3rem * .5);padding-left:calc(3rem * .5)}
.g-xxl-5,.gy-xxl-5{margin-top:3rem}
}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-grid{display:grid!important}
.d-inline-grid{display:inline-grid!important}
.d-table{display:table!important}
.d-table-row{display:table-row!important}
.d-table-cell{display:table-cell!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.d-none{display:none!important}
.flex-fill{flex:1 1 auto!important}
.flex-row{flex-direction:row!important}
.flex-column{flex-direction:column!important}
.flex-row-reverse{flex-direction:row-reverse!important}
.flex-column-reverse{flex-direction:column-reverse!important}
.flex-grow-0{flex-grow:0!important}
.flex-grow-1{flex-grow:1!important}
.flex-shrink-0{flex-shrink:0!important}
.flex-shrink-1{flex-shrink:1!important}
.flex-wrap{flex-wrap:wrap!important}
.flex-nowrap{flex-wrap:nowrap!important}
.flex-wrap-reverse{flex-wrap:wrap-reverse!important}
.justify-content-start{justify-content:flex-start!important}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.justify-content-around{justify-content:space-around!important}
.justify-content-evenly{justify-content:space-evenly!important}
.align-items-start{align-items:flex-start!important}
.align-items-end{align-items:flex-end!important}
.align-items-center{align-items:center!important}
.align-items-baseline{align-items:baseline!important}
.align-items-stretch{align-items:stretch!important}
.align-content-start{align-content:flex-start!important}
.align-content-end{align-content:flex-end!important}
.align-content-center{align-content:center!important}
.align-content-between{align-content:space-between!important}
.align-content-around{align-content:space-around!important}
.align-content-stretch{align-content:stretch!important}
.align-self-auto{align-self:auto!important}
.align-self-start{align-self:flex-start!important}
.align-self-end{align-self:flex-end!important}
.align-self-center{align-self:center!important}
.align-self-baseline{align-self:baseline!important}
.align-self-stretch{align-self:stretch!important}
.order-first{order:-1!important}
.order-0{order:0!important}
.order-1{order:1!important}
.order-2{order:2!important}
.order-3{order:3!important}
.order-4{order:4!important}
.order-5{order:5!important}
.order-last{order:6!important}


@media (min-width:576px){
  .d-sm-inline{display:inline!important}
.d-sm-inline-block{display:inline-block!important}
.d-sm-block{display:block!important}
.d-sm-grid{display:grid!important}
.d-sm-inline-grid{display:inline-grid!important}
.d-sm-table{display:table!important}
.d-sm-table-row{display:table-row!important}
.d-sm-table-cell{display:table-cell!important}
.d-sm-flex{display:flex!important}
.d-sm-inline-flex{display:inline-flex!important}
.d-sm-none{display:none!important}
.flex-sm-fill{flex:1 1 auto!important}
.flex-sm-row{flex-direction:row!important}
.flex-sm-column{flex-direction:column!important}
.flex-sm-row-reverse{flex-direction:row-reverse!important}
.flex-sm-column-reverse{flex-direction:column-reverse!important}
.flex-sm-grow-0{flex-grow:0!important}
.flex-sm-grow-1{flex-grow:1!important}
.flex-sm-shrink-0{flex-shrink:0!important}
.flex-sm-shrink-1{flex-shrink:1!important}
.flex-sm-wrap{flex-wrap:wrap!important}
.flex-sm-nowrap{flex-wrap:nowrap!important}
.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}
.justify-content-sm-start{justify-content:flex-start!important}
.justify-content-sm-end{justify-content:flex-end!important}
.justify-content-sm-center{justify-content:center!important}
.justify-content-sm-between{justify-content:space-between!important}
.justify-content-sm-around{justify-content:space-around!important}
.justify-content-sm-evenly{justify-content:space-evenly!important}
.align-items-sm-start{align-items:flex-start!important}
.align-items-sm-end{align-items:flex-end!important}
.align-items-sm-center{align-items:center!important}
.align-items-sm-baseline{align-items:baseline!important}
.align-items-sm-stretch{align-items:stretch!important}
.align-content-sm-start{align-content:flex-start!important}
.align-content-sm-end{align-content:flex-end!important}
.align-content-sm-center{align-content:center!important}
.align-content-sm-between{align-content:space-between!important}
.align-content-sm-around{align-content:space-around!important}
.align-content-sm-stretch{align-content:stretch!important}
.align-self-sm-auto{align-self:auto!important}
.align-self-sm-start{align-self:flex-start!important}
.align-self-sm-end{align-self:flex-end!important}
.align-self-sm-center{align-self:center!important}
.align-self-sm-baseline{align-self:baseline!important}
.align-self-sm-stretch{align-self:stretch!important}
.order-sm-first{order:-1!important}
.order-sm-0{order:0!important}
.order-sm-1{order:1!important}
.order-sm-2{order:2!important}
.order-sm-3{order:3!important}
.order-sm-4{order:4!important}
.order-sm-5{order:5!important}
.order-sm-last{order:6!important}
}
@media (min-width:768px){.d-md-inline{display:inline!important}
.d-md-inline-block{display:inline-block!important}
.d-md-block{display:block!important}
.d-md-grid{display:grid!important}
.d-md-inline-grid{display:inline-grid!important}
.d-md-table{display:table!important}
.d-md-table-row{display:table-row!important}
.d-md-table-cell{display:table-cell!important}
.d-md-flex{display:flex!important}
.d-md-inline-flex{display:inline-flex!important}
.d-md-none{display:none!important}
.flex-md-fill{flex:1 1 auto!important}
.flex-md-row{flex-direction:row!important}
.flex-md-column{flex-direction:column!important}
.flex-md-row-reverse{flex-direction:row-reverse!important}
.flex-md-column-reverse{flex-direction:column-reverse!important}
.flex-md-grow-0{flex-grow:0!important}
.flex-md-grow-1{flex-grow:1!important}
.flex-md-shrink-0{flex-shrink:0!important}
.flex-md-shrink-1{flex-shrink:1!important}
.flex-md-wrap{flex-wrap:wrap!important}
.flex-md-nowrap{flex-wrap:nowrap!important}
.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}
.justify-content-md-start{justify-content:flex-start!important}
.justify-content-md-end{justify-content:flex-end!important}
.justify-content-md-center{justify-content:center!important}
.justify-content-md-between{justify-content:space-between!important}
.justify-content-md-around{justify-content:space-around!important}
.justify-content-md-evenly{justify-content:space-evenly!important}
.align-items-md-start{align-items:flex-start!important}
.align-items-md-end{align-items:flex-end!important}
.align-items-md-center{align-items:center!important}
.align-items-md-baseline{align-items:baseline!important}
.align-items-md-stretch{align-items:stretch!important}
.align-content-md-start{align-content:flex-start!important}
.align-content-md-end{align-content:flex-end!important}
.align-content-md-center{align-content:center!important}
.align-content-md-between{align-content:space-between!important}
.align-content-md-around{align-content:space-around!important}
.align-content-md-stretch{align-content:stretch!important}
.align-self-md-auto{align-self:auto!important}
.align-self-md-start{align-self:flex-start!important}
.align-self-md-end{align-self:flex-end!important}
.align-self-md-center{align-self:center!important}
.align-self-md-baseline{align-self:baseline!important}
.align-self-md-stretch{align-self:stretch!important}
.order-md-first{order:-1!important}
.order-md-0{order:0!important}
.order-md-1{order:1!important}
.order-md-2{order:2!important}
.order-md-3{order:3!important}
.order-md-4{order:4!important}
.order-md-5{order:5!important}
.order-md-last{order:6!important}
}
@media (min-width:992px){.d-lg-inline{display:inline!important}
.d-lg-inline-block{display:inline-block!important}
.d-lg-block{display:block!important}
.d-lg-grid{display:grid!important}
.d-lg-inline-grid{display:inline-grid!important}
.d-lg-table{display:table!important}
.d-lg-table-row{display:table-row!important}
.d-lg-table-cell{display:table-cell!important}
.d-lg-flex{display:flex!important}
.d-lg-inline-flex{display:inline-flex!important}
.d-lg-none{display:none!important}
.flex-lg-fill{flex:1 1 auto!important}
.flex-lg-row{flex-direction:row!important}
.flex-lg-column{flex-direction:column!important}
.flex-lg-row-reverse{flex-direction:row-reverse!important}
.flex-lg-column-reverse{flex-direction:column-reverse!important}
.flex-lg-grow-0{flex-grow:0!important}
.flex-lg-grow-1{flex-grow:1!important}
.flex-lg-shrink-0{flex-shrink:0!important}
.flex-lg-shrink-1{flex-shrink:1!important}
.flex-lg-wrap{flex-wrap:wrap!important}
.flex-lg-nowrap{flex-wrap:nowrap!important}
.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}
.justify-content-lg-start{justify-content:flex-start!important}
.justify-content-lg-end{justify-content:flex-end!important}
.justify-content-lg-center{justify-content:center!important}
.justify-content-lg-between{justify-content:space-between!important}
.justify-content-lg-around{justify-content:space-around!important}
.justify-content-lg-evenly{justify-content:space-evenly!important}
.align-items-lg-start{align-items:flex-start!important}
.align-items-lg-end{align-items:flex-end!important}
.align-items-lg-center{align-items:center!important}
.align-items-lg-baseline{align-items:baseline!important}
.align-items-lg-stretch{align-items:stretch!important}
.align-content-lg-start{align-content:flex-start!important}
.align-content-lg-end{align-content:flex-end!important}
.align-content-lg-center{align-content:center!important}
.align-content-lg-between{align-content:space-between!important}
.align-content-lg-around{align-content:space-around!important}
.align-content-lg-stretch{align-content:stretch!important}
.align-self-lg-auto{align-self:auto!important}
.align-self-lg-start{align-self:flex-start!important}
.align-self-lg-end{align-self:flex-end!important}
.align-self-lg-center{align-self:center!important}
.align-self-lg-baseline{align-self:baseline!important}
.align-self-lg-stretch{align-self:stretch!important}
.order-lg-first{order:-1!important}
.order-lg-0{order:0!important}
.order-lg-1{order:1!important}
.order-lg-2{order:2!important}
.order-lg-3{order:3!important}
.order-lg-4{order:4!important}
.order-lg-5{order:5!important}
.order-lg-last{order:6!important}
}
@media (min-width:1200px){.d-xl-inline{display:inline!important}
.d-xl-inline-block{display:inline-block!important}
.d-xl-block{display:block!important}
.d-xl-grid{display:grid!important}
.d-xl-inline-grid{display:inline-grid!important}
.d-xl-table{display:table!important}
.d-xl-table-row{display:table-row!important}
.d-xl-table-cell{display:table-cell!important}
.d-xl-flex{display:flex!important}
.d-xl-inline-flex{display:inline-flex!important}
.d-xl-none{display:none!important}
.flex-xl-fill{flex:1 1 auto!important}
.flex-xl-row{flex-direction:row!important}
.flex-xl-column{flex-direction:column!important}
.flex-xl-row-reverse{flex-direction:row-reverse!important}
.flex-xl-column-reverse{flex-direction:column-reverse!important}
.flex-xl-grow-0{flex-grow:0!important}
.flex-xl-grow-1{flex-grow:1!important}
.flex-xl-shrink-0{flex-shrink:0!important}
.flex-xl-shrink-1{flex-shrink:1!important}
.flex-xl-wrap{flex-wrap:wrap!important}
.flex-xl-nowrap{flex-wrap:nowrap!important}
.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}
.justify-content-xl-start{justify-content:flex-start!important}
.justify-content-xl-end{justify-content:flex-end!important}
.justify-content-xl-center{justify-content:center!important}
.justify-content-xl-between{justify-content:space-between!important}
.justify-content-xl-around{justify-content:space-around!important}
.justify-content-xl-evenly{justify-content:space-evenly!important}
.align-items-xl-start{align-items:flex-start!important}
.align-items-xl-end{align-items:flex-end!important}
.align-items-xl-center{align-items:center!important}
.align-items-xl-baseline{align-items:baseline!important}
.align-items-xl-stretch{align-items:stretch!important}
.align-content-xl-start{align-content:flex-start!important}
.align-content-xl-end{align-content:flex-end!important}
.align-content-xl-center{align-content:center!important}
.align-content-xl-between{align-content:space-between!important}
.align-content-xl-around{align-content:space-around!important}
.align-content-xl-stretch{align-content:stretch!important}
.align-self-xl-auto{align-self:auto!important}
.align-self-xl-start{align-self:flex-start!important}
.align-self-xl-end{align-self:flex-end!important}
.align-self-xl-center{align-self:center!important}
.align-self-xl-baseline{align-self:baseline!important}
.align-self-xl-stretch{align-self:stretch!important}
.order-xl-first{order:-1!important}
.order-xl-0{order:0!important}
.order-xl-1{order:1!important}
.order-xl-2{order:2!important}
.order-xl-3{order:3!important}
.order-xl-4{order:4!important}
.order-xl-5{order:5!important}
.order-xl-last{order:6!important}
}
@media (min-width:1400px){.d-xxl-inline{display:inline!important}
.d-xxl-inline-block{display:inline-block!important}
.d-xxl-block{display:block!important}
.d-xxl-grid{display:grid!important}
.d-xxl-inline-grid{display:inline-grid!important}
.d-xxl-table{display:table!important}
.d-xxl-table-row{display:table-row!important}
.d-xxl-table-cell{display:table-cell!important}
.d-xxl-flex{display:flex!important}
.d-xxl-inline-flex{display:inline-flex!important}
.d-xxl-none{display:none!important}
.flex-xxl-fill{flex:1 1 auto!important}
.flex-xxl-row{flex-direction:row!important}
.flex-xxl-column{flex-direction:column!important}
.flex-xxl-row-reverse{flex-direction:row-reverse!important}
.flex-xxl-column-reverse{flex-direction:column-reverse!important}
.flex-xxl-grow-0{flex-grow:0!important}
.flex-xxl-grow-1{flex-grow:1!important}
.flex-xxl-shrink-0{flex-shrink:0!important}
.flex-xxl-shrink-1{flex-shrink:1!important}
.flex-xxl-wrap{flex-wrap:wrap!important}
.flex-xxl-nowrap{flex-wrap:nowrap!important}
.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}
.justify-content-xxl-start{justify-content:flex-start!important}
.justify-content-xxl-end{justify-content:flex-end!important}
.justify-content-xxl-center{justify-content:center!important}
.justify-content-xxl-between{justify-content:space-between!important}
.justify-content-xxl-around{justify-content:space-around!important}
.justify-content-xxl-evenly{justify-content:space-evenly!important}
.align-items-xxl-start{align-items:flex-start!important}
.align-items-xxl-end{align-items:flex-end!important}
.align-items-xxl-center{align-items:center!important}
.align-items-xxl-baseline{align-items:baseline!important}
.align-items-xxl-stretch{align-items:stretch!important}
.align-content-xxl-start{align-content:flex-start!important}
.align-content-xxl-end{align-content:flex-end!important}
.align-content-xxl-center{align-content:center!important}
.align-content-xxl-between{align-content:space-between!important}
.align-content-xxl-around{align-content:space-around!important}
.align-content-xxl-stretch{align-content:stretch!important}
.align-self-xxl-auto{align-self:auto!important}
.align-self-xxl-start{align-self:flex-start!important}
.align-self-xxl-end{align-self:flex-end!important}
.align-self-xxl-center{align-self:center!important}
.align-self-xxl-baseline{align-self:baseline!important}
.align-self-xxl-stretch{align-self:stretch!important}
.order-xxl-first{order:-1!important}
.order-xxl-0{order:0!important}
.order-xxl-1{order:1!important}
.order-xxl-2{order:2!important}
.order-xxl-3{order:3!important}
.order-xxl-4{order:4!important}
.order-xxl-5{order:5!important}
.order-xxl-last{order:6!important}
}


  /* 会员 */
section.member>article>.mains{background:white; border-radius:8px; border:1px solid var(--border);}
section.member>article>.mains:after{display:block; content:''; clear:both;}
section.member>article>.mains>.sidebar{float:left; width:15%; border-right:1px solid var(--border);}
section.member>article>.mains>.sidebar>.menus{display:none;}
section.member>article>.mains>.sidebar>.snavs{display:block;}
section.member>article>.mains>.sidebar dl{display:block; margin:8px 0;} 
section.member>article>.mains>.sidebar dl>dt{display:block; padding:8px 0 8px 28px;}
section.member>article>.mains>.sidebar dl>dt>i{float:left; line-height:26px; width:18px; margin-right:6px; color:var(--text);}
section.member>article>.mains>.sidebar dl>dt:after{display:block; content:''; clear:both;}
section.member>article>.mains>.sidebar dl>dd{display:block;}
section.member>article>.mains>.sidebar dl>dd>ul{display:block;}
section.member>article>.mains>.sidebar dl>dd>ul>li{padding:8px 0 8px 52px;}
section.member>article>.mains>.sidebar dl>dd>ul>li.on,
section.member>article>.mains>.sidebar dl>dd>ul>li:hover{background-color: #f5f5f5;color: var(--main);}


section.member>article>.mains>.container{float:left; width:85%; padding:15px;}
section.member>article .mypages{text-align: center;margin: 1rem 0;}
section.member>article .tabcheck{display:block; margin-top:8px;}
section.member>article .tabcheck>ul{border-bottom:1px solid var(--border);}
section.member>article .tabcheck>ul:after{display:block; content:''; clear:both;}
section.member>article .tabcheck>ul>li{float:left; margin-left:16px; position:relative;}
section.member>article .tabcheck>ul>li>a{display:block; line-height:28px; padding:8px; font-size:15px;}
section.member>article .tabcheck>ul>li.on>a{color:var(--text);}
section.member>article .tabcheck>ul>li.on:after{position:absolute; left:0; bottom:-1px; right:0; height:2px; content:''; border-radius:2px; background:var(--main);}
section.member>article .tables th,
section.member>article .tables td{border-width:1px 0; font-weight:normal; padding:8px 0 8px 16px;}
section.member>article .buttons{margin-top:18px;}
section.member>article .buttons a{
    padding: 0 10px;
    background: var(--main);
    color: #fff;
    cursor: pointer;
    transition: .35s;
    border: none;
    display: inline-block;
    border-radius: 4px;
}

section.member>article .buttons a>em{
    display: inline-block;
    width: 0;
    overflow: hidden;
    vertical-align: middle;
    transition: .2s;
}
section.member>article .buttons a:hover em{
    width: 18px;
}
section.member>article .buttons>a>span{
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
}

section.member>article .buttons a.to{background: white;
    color: var(--main); border: 1px solid var(--border);}
section.member>article .buttons a.to:hover{background: var(--main);
    color: #fff;}
section.member>article .buttons a.red{background: rgba(253,78,78,0.1);
    color: rgb(253,78,78);}
section.member>article .buttons a+a{margin-left:8px;}
section.member>article .buttons a:hover{opacity:0.68;}

@media(max-width:1199px){
section.member{padding:38px 0;}
}
@media(max-width:992px){
section.member>article>.mains>.sidebar{float:none; width:auto; border-right:none; position:relative; z-index:1;}
section.member>article>.mains>.sidebar>.menus{display:block; line-height:48px; height:48px; border-bottom:1px solid var(--border);}
section.member>article>.mains>.sidebar>.menus>h3{float:left; padding:0 18px; color:#383838; line-height:48px;}
section.member>article>.mains>.sidebar>.menus>a{font-size:20px; width:48px; text-align:center; float:right; line-height:48px;}
section.member>article>.mains>.sidebar>.snavs{position:absolute; top:100%; left:0; right:0; background:#fff; box-shadow:0 4px 8px rgba(0,0,0,.18); border-radius:0 0 5px 5px; display:none;}
section.member>article>.mains>.sidebar.on>.menus{color:var(--text);}
section.member>article>.mains>.sidebar.on>.snavs{display:block;}
section.member>article>.mains>.container{float:none; width:auto;}
}
@media(max-width:767px){
section.member{padding:18px 0;}
section.member>article>.mains>.sidebar dl>dd>ul>li{padding:4px 0 4px 52px;}
section.member>article .tabcheck>ul>li{margin-left:8px;}
section.member>article .tabcheck>ul>li>a{line-height:26px; padding:6px;}
section.member>article .mypages{margin-bottom:8px;}
section.member>article .tables table,
section.member>article .tables tbody,
section.member>article .tables tr,
section.member>article .tables td{display:block; width:100%; border:none;}
section.member>article .tables tr{border:1px solid var(--border); border-radius:3px; margin:8px 0;}
section.member>article .tables td{padding:8px; border-bottom:1px solid var(--border); position:relative; overflow:hidden;}
section.member>article .tables td[t]:before{width:46px; position:absolute; top:0; left:0; bottom:0; content:attr(t); padding:8px; background:#fbfbfb;}
section.member>article .tables td[t]{padding-left:56px;}
section.member>article .tables td[t][s3]:before{width:58px;}
section.member>article .tables td[t][s3]{padding-left:68px;}
section.member>article .tables td[t][s4]:before{width:72px;}
section.member>article .tables td[t][s4]{padding-left:82px;}
section.member>article .tables td:last-child{border-bottom:none;}
section.member>article .tables tr:first-child,
section.member>article .tables th{display:none;}
}



section.member{
 
}
section.member>.container{
     max-width: 1320px;
}


section.member>.container>.member-card {
	display: flex;
    margin-top: 4rem;
    margin-bottom: 1rem;
}
section.member>.container>.member-card>.card-left {
	display: flex;
	align-items: center;
	flex: 0 0 50%;
	padding-right: 1rem;
	position: relative;
   gap: 10px;
}

section.member>.container>.member-card>.card-left::before {
	content: '';
	background-color: #ebf0f2;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 1px;
}
@media only screen and (max-width: 991px) {
	section.member>.container>.member-card>.card-left {
		align-items: center;
		flex-direction: column;
		padding-right: 0;
		padding-bottom: 1.25rem;
		text-align: center;
	}
	section.member>.container>.member-card>.card-left::before {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 0;
		height: 1px;
		width: 100%;
	}
}

section.member>.container>.member-card>.card-left>.member-avatar {

	margin-top: -3rem;
	height: 10.125rem;
	width: 10.125rem;
  text-align: center;
  flex-shrink: 0; 
}
@media only screen and (max-width: 991px) {
	section.member>.container>.member-card>.card-left>.member-avatar {
		margin-top: -5rem;
		margin-bottom: 1.25rem;
	}
}
section.member>.container>.member-card>.card-left>.member-avatar>.member-avatar-img {
	height: 100%;
	width: 100%;
  background-color: #fff;
	border: 0.375rem solid #fff;
	border-radius: 50%;
	box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.05);
}
section.member>.container>.member-card>.card-left>.member-avatar>.member-vip {
  top: -15px;
position: relative;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    bottom: 0;
}
section.member>.container>.member-card>.card-left>.member-avatar>.member-vip>span {
    color: #b68115;
    display: block;
    margin-left: 18px;
    width: 90px;
    font-size: 14px;
    background: #fbe239;
    background: #fbe239;
    padding: 0;
    border-radius: 5px 10px 10px 5px;
}
section.member>.container>.member-card>.card-left>.member-avatar>.member-vip>em {
    color: #b68115;
    position: absolute;
    z-index: 1;
    left: 8px;
    top: 0;
    font-size: 22px;
}
section.member>.container>.member-card>.card-left>.card-info {
margin-left: 1rem;
    line-height: 1.5;
    position: relative;
    width: 100%;
}
section.member>.container>.member-card>.card-left>.card-info>h1>i{
	font-style: inherit;
  font-size: .6em;
  vertical-align: top;
}
section.member>.container>.member-card>.card-left>.card-info>h1>span{
	font-size: 0.5em;
}
section.member>.container>.member-card>.card-left>.card-info>.balance{
  position: absolute;
  right: 0;
  top: 0;
}
section.member>.container>.member-card>.card-left>.card-info>.balance>i{
  font-size:12px;
  font-style: inherit;
}
section.member>.container>.member-card>.card-left>.card-info>.balance>em{
  color: coral; 
  font-size:1.8em;
  font-weight: 500;
}
section.member>.container>.member-card>.card-left>.card-info .discount{
	color: coral; 
  font-size: 1.5em
}
@media only screen and (max-width: 991px) {
	section.member>.container>.member-card>.card-left>.card-info {
		margin-left: 0;
	}
}
section.member>.container>.member-card>.card-left>.card-info>.card-social {
display: flex;
    align-items: center;
    font-size: .875rem;
}
section.member>.container>.member-card>.card-left>.card-info>.card-social>span {
  position: relative;
  margin-right: 8px;
  color: #666;
}
section.member>.container>.member-card>.card-left>.card-info>.card-social>span:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -8px; /* 调整虚线位置 */
  top: 50%;
  transform: translateY(-50%);
  height: 60%; /* 虚线高度 */
  border-right: 1px dashed #999; /* 虚线样式 */
}
@media only screen and (max-width: 991px) {
	section.member>.container>.member-card>.card-left>.card-info>.card-social {
		justify-content: center;
	}
}
section.member>.container>.member-card>.card-right {
	display: flex;
	align-items: start;
	flex: 0 0 50%;
	padding-left: 1.875rem;
}
section.member>.container>.member-card>.card-right > * {
	min-width: 0;
}
@media only screen and (max-width: 991px) {
	section.member>.container>.member-card>.card-right {
		padding-left: 0;
		padding-top: 1.875rem;
	}
	section.member>.container>.member-card>.card-right>ul:first-child {
		padding: 0;
	}
}
@media only screen and (max-width: 767px) {
	section.member>.container>.member-card>.card-right {
		flex-direction: column;
		padding-top: 1.5rem;
	}
}
section.member>.container>.member-card>.card-right>ul{
	list-style: none;
	margin-bottom: 0;
	width: 50%;
}
@media only screen and (max-width: 991px) {
	section.member>.container>.member-card>.card-right>ul:first-child {
		padding: 0;
		margin-bottom: 1rem;
	}
}
@media only screen and (max-width: 580px) {
	section.member>.container>.member-card>.card-right>ul {
		padding: 0;
		width: 100%;
	}
	section.member>.container>.member-card>.card-right>ul:first-child {
		margin-bottom: 0.75rem;
	}
}
section.member>.container>.member-card>.card-right>ul>li {
	margin-bottom: 1rem;
	word-break: break-all;
}
@media only screen and (max-width: 580px) {
	section.member>.container>.member-card>.card-right>ul>li {
		margin-bottom: 0.75rem;
	}
}

section.member>.container>.member-card>.card-right>ul>li:last-child {
	margin-bottom: 0;
}
section.member>.container>.member-card>.card-right>ul>li>span { 
  color: rgba(94, 110, 128, 0.8);
	font-size: 0.75rem;
	display: block;
	text-transform: uppercase;
}
section.member .member-box {
    background: white;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 5px 0px;
    padding: 20px;
    background: white;
    border-radius: 10px;
    border: 1px solid var(--border);
}
section.member .member-box>nav>.menus{
      display: flex;
    align-items: center;
    justify-content: space-around;
}
section.member .member-box>nav>.menus>a{
  font-size: calc(var(--size) + 2px);
  font-weight: var(--weight);
  margin-bottom: 0.25rem;
}
section.member .member-box>nav>ul>li>h3{
  opacity: .75;
}
section.member .member-box>nav>ul>li>ul>li {
    padding: 8px 15px;
    margin: 2px 0;
    border-radius: 5px;
}
section.member .member-box>nav>ul>li>ul>li>a{
    color: #686868;
    transition: .3s;
}
section.member .member-box>nav>ul>li>ul>li>a:hover{
     color: var(--main);
}
section.member .member-box>nav>ul>li>ul>li:hover,
section.member .member-box>nav>ul>li>ul>li.on,
section.member .member-box>nav>ul>li>ul>li.on>a {
    position: relative;
    color: var(--main);
    z-index: 1;
}

section.member .member-box>nav>ul>li>ul>li:hover::after,
section.member .member-box>nav>ul>li>ul>li.on::after,
section.member .member-box>nav>ul>li>ul>li.on>a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--main);
    opacity: 0.1;
    z-index: -1;
}
section.member .member-box>.tab{
  margin-bottom: 1rem;
  position: relative;
}
section.member .member-box>.tab>a.member-btn{
 position: absolute;
  top: 5px;
  right: 10px;
}

section.member .member-box>.tab>ul {
    border-bottom: 1px solid var(--border);
    opacity: .8;
}section.member .member-box>.form{
  min-height: 450px;
}
section.member .member-box>.form>form,
section.member .member-box>.form>form>table
 {
   margin: 1rem 0;
}
section.member .member-box>form>table .no-data{
color: #666;
    font-size: 12px;
}
section.member .member-box>form>table .no-data:before {
  font-size: 24px;
}
section.member .member-box a.member-btn{
  font-size: .8rem;
     min-width: 65px;
    color: white;
    display: inline-block;
    padding: 0.25rem 0.75rem;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid var(--border);
    border-radius: .25rem;
    background-color: var(--main);
    -webkit-transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .2s ease-in-out;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
}

section.member .member-box a.member-btn>span{
     position: relative;
    isolation: isolate;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
section.member .member-box a.member-btn>span>em{
position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
section.member .member-box a.member-btn:hover>span{
	padding-right: 20px
}
section.member .member-box a.member-btn:hover>span>em{
	opacity: 1;
  font-size: 14px;
}
section.member .member-box a.all.member-btn {
   
    background: rgb(24,128,254);
    transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
section.member .member-box a.cancel.member-btn {
    background: rgba(24,128,254,0.1);
    color: rgb(24,128,254);
     transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
section.member .member-box a.del.member-btn {
        background: rgba(253,78,78,0.1);
    color: rgb(253,78,78);
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
section.member .member-box .form-tools{
  display: flex;
  justify-content: space-between;
  align-items: center;
}


@media (max-width:1199px){
 
}
@media (max-width:991px){

}

@media (max-width:767px){
  section.member>.container>.member-card {
    flex-direction: column;
  }
  section.member>.container>.member-card>.card-left>.card-info>h1>span{
    font-size: .7em;
  }
  section.member>.container>.member-card>.card-left>.card-info>small{
    display: block;
     font-size: .875rem;
  }
  section.member>.container>.member-card>.card-left>.card-info>.balance{
    position: relative;
    margin-top: 1rem;
  }
section.member>.container>.member-card>.card-left>.card-info>.card-social {
    display: flex;
    align-items: center;
    font-size: .875rem;
    flex-wrap: wrap; /* 允许子元素换行 */
    width: 100%;
}

section.member>.container>.member-card>.card-left>.card-info>.card-social>span {
    flex: 0 0 50%; /* 等同于 flex-grow: 0; flex-shrink: 0; flex-basis: 50%; */
    max-width: 50%; /* 确保最大宽度为 50% */
    box-sizing: border-box; /* 包含内边距和边框 */
    padding: 4px; /* 可根据需要调整内边距 */
    margin: 0;
}
  section.member>.container>.member-card>.card-right {
      flex-direction: column;
      padding-top: 1.5rem;
  }
  section.member>.container>.member-card>.card-right>ul>li {
    margin-bottom: 0.75rem;
    font-size: 1rem;
}
section.member>.container>.member-card>.card-right>ul>li>span{
  font-size: .875rem;
}

}

@font-face {
	font-family: "ehtml";
	src: url('../font/ehtml.ttf?t=1745345033448') format('truetype');
}
  
@font-face {
	font-family: "ehtmls";
	src: 
		 url('../font/ehtmls.ttf?t=1745311342813') format('truetype');
}


/*!
 * animate.css * Version - 3.7.2
*/

@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-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)}}@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)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-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)}}@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)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-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)}}@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)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-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)}}@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)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}





/* 定义从下往上出现的动画 */
@keyframes Up {
	from {
	  transform: translateY(100%);
	  opacity: 0;
	}
	to {
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  /* 定义从上往下出现的动画 */
  @keyframes Down {
	from {
	  transform: translateY(-100%);
	  opacity: 0;
	}
	to {
	  transform: translateY(0);
	  opacity: 1;
	}
  }
  /* 定义从左往右出现的动画 */
  @keyframes Left {
	from {
	  transform: translateX(-100%);
	  opacity: 0;
	}
	to {
	  transform: translateX(0);
	  opacity: 1;
	}
  }
  /* 从由往左 */
  @keyframes Right {
	from {
	  transform: translateX(100%);
	  opacity: 0;
	}
	to {
	  transform: translateX(0);
	  opacity: 1;
	}
  }
  /* 定义名为 Big 的从小变大的动画 */
  @keyframes Big {
	from {
	  transform: scale(0.5);
	  opacity: 0;
	}
	to {
	  transform: scale(1);
	  opacity: 1;
	}
  }
  /*slick.css*/
  .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
  .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
  .slick-list:focus{outline:0}
  .slick-list.dragging{cursor:pointer;cursor:hand}
  .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
  .slick-track:after,.slick-track:before{display:table;content:''}
  .slick-track:after{clear:both}
  .slick-loading .slick-track{visibility:hidden}
  .slick-slide{display:none;float:left;height:100%;min-height:1px}
  [dir=rtl] .slick-slide{float:right}
  .slick-slide img{display:block;}
  .slick-slide.slick-loading img{display:none}
  .slick-slide.dragging img{pointer-events:none}
  .slick-initialized .slick-slide{display:block}
  .slick-loading .slick-slide{visibility:hidden}
  .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
  .slick-arrow.slick-hidden{display:none}
  .slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0;z-index: 3;}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:10px}
[dir=rtl] .slick-prev{right:10px;left:auto}
.slick-prev:before{content:'←'}
[dir=rtl] .slick-prev:before{content:'→'}
.slick-next{right:10px}
[dir=rtl] .slick-next{right:auto;left:10px}
.slick-next:before{content:'→'}
[dir=rtl] .slick-next:before{content:'←'}
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0}
.slick-dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-dots li {
  position: relative;
  width: 30px;  /* 线条宽度 */
  height: 2px;  /* 线条高度 */
  margin: 0 5px;
  background: rgba(255,255,255,0.3);
  transition: all 0.3s ease;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li.slick-active {
  background: var(--main);
  transform: scaleY(1.5);  /* 激活时线条变粗 */
}

/* 添加动画效果 */
.slick-dots li.slick-active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: var(--main);
  animation: lineProgress 3s linear forwards;
}

@keyframes lineProgress {
  0% { width: 0 }
  100% { width: 100% }
}
.slick-dots li button:focus,.slick-dots li button:hover{outline:0}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}
.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}
.slider.images>.slick-list>.slick-track>.video{
    position: relative; 
}

.slider.images>.slick-list>.slick-track>.video>a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 1.5rem;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 10rem;
    transform: translate(-50%, -50%);
    transition: .2s;
    background-color: var(--main);
    color: white; 
    opacity: .8;
    outline: none;


}
.slider.images>.slick-list>.slick-track>.video>a::before{
    content: "\eebf";
    font-family: remixicon!important; 
}
.slick-slide.video>img,
.slick-slide>img{
    display: block;
    width: 100%;
    object-fit: cover; 
    object-position: center;
}

@media (max-width: 1199px) {
 
}
@media (max-width: 991px) {
  .slick-dots {
    bottom: 10px;
  }
  .slick-dots li {
    width: 20px;
    margin: 0 4px;
}
}
@media (max-width: 575px) {
  .slick-dots {
    bottom: 5px;
  }
  .slick-dots li {
    width: 10px;
    height: 1px;
    margin: 0 2px;
}
 
}

/* fancybox */

/* meanmenu */
  a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;}
.mean-container a.meanmenu-reveal{width:22px;height:22px;position:absolute;top:0;right:0;cursor:pointer;color:var(--main);text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}
.mean-container a.meanmenu-reveal span{display:block;background:#0c1923;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:white;margin-top:44px}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:.5em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:none;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:26px;padding:5px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;background:rgba(255,255,255,.1);border:none!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}

/* xx */
/* v1.0.3 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	float: left;
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0); 
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
	-webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	-webkit-backface-visibility: hidden;
}



.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
	-webkit-backface-visibility: hidden;
}

/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
	background: #151515;
	color: #FFF;
}


/***************
*
*  1. Arrows
*
****************/

.rsDefault .rsArrow {
	height: 100%;
	width: 44px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}
.rsDefault.rsVer .rsArrow {
	width: 100%;
	height: 44px;
	
}
.rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; }
.rsDefault.rsVer .rsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; }
.rsDefault.rsHor .rsArrowRight { right: 0; top:0; }

.rsDefault .rsArrowIcn {		
	width: 32px;
	height: 32px;
	top: 50%;
	left: 50%;
	margin-top:-16px;	
	margin-left: -16px;

	position: absolute;	
	cursor: pointer;	

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	
	border-radius: 2px;
}
.rsDefault .rsArrowIcn:hover {
	background-color: rgba(0,0,0,0.9);
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; }
.rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; }

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; }
.rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; }

.rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20);  *display: none; }


/***************
*
*  2. Bullets
*
****************/

.rsDefault .rsBullets {
	position: absolute;
	z-index: 35;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
	margin: 0 auto; 

	background: #000;
	background: rgba(0,0,0,0.75);

	text-align: center;
	line-height: 8px;
	overflow: hidden;
}
.rsDefault .rsBullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	*display:inline; 
	*zoom:1;
	padding: 6px 5px 6px;
}
.rsDefault .rsBullet span {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #777;
	background: rgba(255,255,255,0.5);
}
.rsDefault .rsBullet.rsNavSelected span {
	background-color: #FFF;
}





/***************
*
*  3. Thumbnails
*
****************/

.rsDefault .rsThumbsHor {
	width: 100%;
	height: auto;
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 72px;
}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	background: #02874a;
}
.rsDefault .rsThumb.rsNavSelected img {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.rsDefault .rsTmb {
	display: block;
}

/* Thumbnails with text */
.rsDefault .rsTmb h5 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #FFF;
}
.rsDefault .rsTmb span {
	color: #DDD;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
}



/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;	
	z-index: 21;	
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {		
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;	
	margin-left: -8px;
	position: absolute;	
	cursor: pointer;	
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 59px;
		height: 44px;
	}
	.rsDefault .rsThumbsHor {
		height: 44px;
	}
	.rsDefault .rsThumbsVer {
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align:center;
	overflow: hidden; padding-top: 12px; position: relative;
}
.rsDefault .rsTab {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;

	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
	background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image:         linear-gradient(to bottom, #fefefe, #f4f4f4);

	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;

	*display:inline; 
	*zoom:1;
}
.rsDefault .rsTab:first-child {
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.rsDefault .rsTab:last-child { 
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;

	border-right:  1px solid #cfcfcf;
}
.rsDefault .rsTab:active { 
	border: 1px solid #D9D9DD;   
	background-color: #f4f4f4;
	box-shadow:  0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
.rsDefault .rsTab.rsNavSelected { 
	color: #FFF;
	border: 1px solid #999;
	text-shadow: 1px 1px #838383;
	box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
	background: #ACACAC;
	background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
	background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
	background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
	
}
.rsDefault .rsFullscreenIcn {
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;

}
.rsDefault .rsFullscreenIcn:hover {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault.rsFullscreen .rsFullscreenIcn {
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3);
	width:64px;
	height:64px;
	margin-left:-32px;
	margin-top:-32px;
	cursor: pointer;
}
.rsDefault .rsPlayBtnIcon {
	width:64px;
	display:block;
	height:64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;

	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
	background-color: rgba(0,0,0,0.9);
}
.rsDefault .rsBtnCenterer {
	position:absolute;
	left:50%;
	top:50%;
	width: 20px;
	height: 20px;
}
.rsDefault .rsCloseVideoBtn {
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	
}
.rsDefault .rsCloseVideoBtn.rsiOSBtn {
	top: -38px;
	right: -6px;
}

.rsDefault .rsCloseVideoIcn {
	margin: 6px;
	width: 32px;
	height: 32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}
.rsDefault .rsCloseVideoIcn:hover {
	background-color: rgba(0,0,0,0.9);
}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader {
	width:20px;
	height:20px;
	background-image:url(../preloaders/preloader-white.gif);

	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;

	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.75);

	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}
/* Share */
  .share>a{
	font-family: ehtmls!important;
	font-style:normal;
	font-size: 24px;
  }

  .share-component>a {
	position: relative;
    padding: 0 .2rem;
	top: 0;
  }

  .share .qzone:before {
	content: "\e605";
  }
  .share .qq:before {
	content: "\e667";
  }
  .share .huaban:before {
	content: "\eb78";
  }
  .share .wechat{
    position: relative;
  }
  .share .wechat:before {
	font-family: ehtmls!important;
	content: "\e619";
  }

  .share .wechat .wechat-qrcode {
	display: none;
	border: 1px solid var(--border);
	position: absolute;
	z-index: 9;
	top: -145px;
	left: -45px;
	border-radius: 5px;
	width: 120px;
	height: 130px;
	color: var(--sub);
	font-size: 12px;
	text-align: center;
	background-color: white;
	box-shadow: 0 2px 5px var(--border);
	transition: all 200ms;
}

.wechat-qrcode span {
	font-size: .85rem;
	line-height: 1.5;
}

.share .wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}

.share .wechat .wechat-qrcode:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.share .wechat:hover .wechat-qrcode {
  display: block;
}
  @media(max-width:767px){
    .share-component>a.fa {
      font-size: 18px;
    }
  }


/* venbox */
.vbox-overlay {
	--vbox-tools-color: #fff;
	--vbox-title-background: #101010;
	--vbox-title-width: 'auto';
	--vbox-title-radius: 0;
	--vbox-share-background: #101010;
	--vbox-share-width: 'auto';
	--vbox-share-radius: 0;
	--vbox-padding: 20px;
	--vbox-max-width: 100%
}

.vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before {
	-webkit-backface-visibility: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.vbox-overlay * {
	-webkit-backface-visibility: visible;
	backface-visibility: visible
}

.vbox-overlay {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 999999
}

.vbox-share,.vbox-title {
	line-height: 1;
	position: fixed;
	z-index: 98;
	text-align: center;
	margin: 0 auto;
	color: var(--vbox-tools-color)
}

.vbox-title {
	font-size: 12px;
	background-color: var(--vbox-title-background);
	width: var(--vbox-title-width);
	border-radius: var(--vbox-title-radius);
	padding: 12px 54px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block
}

.vbox-share {
	font-size: 24px;
	padding: 0 .35em;
	background-color: var(--vbox-share-background);
	width: var(--vbox-share-width);
	border-radius: var(--vbox-share-radius)
}

.vbox-link-btn,button.vbox-link-btn,button.vbox-link-btn:active,button.vbox-link-btn:focus,button.vbox-link-btn:hover {
	border: none!important;
	background: 0 0!important;
	box-shadow: none!important;
	color: inherit!important;
	padding: 6px 12px;
	outline: 0;
	display: inline-block;
	cursor: pointer
}

.vbox-share a {
	color: inherit!important;
	padding: 6px 12px;
	display: inline-block
}

.vbox-share svg {
	z-index: 10;
	vertical-align: middle
}

.vbox-close {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99;
	padding: 6px 15px;
	color: #000;
	color: var(--vbox-tools-color);
	border: 0;
	font-size: 24px;
	display: flex;
	align-items: center;
	opacity: .8;
	transition: opacity .2s
}

.vbox-close:hover {
	opacity: 1
}

.vbox-left-corner {
	cursor: pointer;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	line-height: 1;
	font-size: 12px;
	z-index: 99;
	display: flex;
	align-items: center;
	color: var(--vbox-tools-color)
}

.vbox-num {
	display: inline-block;
	padding: 12px 15px
}

.vbox-left {
	left: 0
}

.vbox-right {
	right: 0
}

.vbox-top {
	top: 0
}

.vbox-bottom {
	bottom: 0
}

.vbox-next,.vbox-prev {
	position: fixed;
	top: 50%;
	margin-top: -15px;
	overflow: hidden;
	cursor: pointer;
	display: block;
	width: 45px;
	height: 45px;
	z-index: 99;
	opacity: .8;
	transition: opacity .2s
}

.vbox-next:hover,.vbox-prev:hover {
	opacity: 1
}

.vbox-next span,.vbox-prev span {
	position: relative;
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top-color: var(--vbox-tools-color);
	border-right-color: var(--vbox-tools-color);
	text-indent: -100px;
	position: absolute;
	top: 8px;
	display: block
}

.vbox-prev {
	left: 15px
}

.vbox-next {
	right: 15px
}

.vbox-prev span {
	left: 10px;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.vbox-next span {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 10px
}

.vbox-open {
	overflow: hidden
}

.vbox-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
	z-index: 20;
	max-height: 100%;
	padding: 30px 0
}

.vbox-content {
	opacity: 0;
	text-align: center;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding: 0 4%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100%
}

.vbox-container img {
	max-width: 100%;
	height: auto
}

.vbox-child {
	box-shadow: 0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
	max-width: var(--vbox-max-width);
	text-align: initial;
  padding: 20px;
  border-radius: 6px;
}

.vbox-child img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	display: block
}

.vbox-fit .vbox-child img,.vbox-fit .vbox-child.venoratio {
	max-height: calc(100vh - 60px)
}

.vbox-inline,.venoratio {
	position: relative;
	width: 100%;
	margin: 0 auto
}

.venoratio::before {
	display: block;
	padding-top: var(--vb-aspect-ratio);
	content: ""
}

.venoratio>* {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: var(--vbox-padding)
}

.venoratio-1x1 {
	--vb-aspect-ratio: 100%;
	max-width: calc(min(var(--vbox-max-width),(100vh - 60px)))
}

.venoratio-4x3.vbox-child.venoratio {
	--vb-aspect-ratio: calc(3 / 4 * 100%);
	max-width: calc(min(var(--vbox-max-width),(100vh - 60px) * 4 / 3))
}

.venoratio-16x9.vbox-child.venoratio {
	--vb-aspect-ratio: calc(9 / 16 * 100%);
	max-width: calc(min(var(--vbox-max-width),(100vh - 60px) * 16 / 9))
}

.venoratio-21x9.vbox-child.venoratio {
	--vb-aspect-ratio: calc(9 / 21 * 100%);
	max-width: calc(min(var(--vbox-max-width),(100vh - 60px) * 21 / 9))
}

.venoratio-full {
	--vb-aspect-ratio: calc(100vh - 60px)
}

.vbox-grab .vbox-child img {
	cursor: grab
}

.vbox-child>iframe {
	border: none!important
}

.vbox-content.swipe-left {
	margin-left: -200px!important
}

.vbox-content.swipe-right {
	margin-left: 200px!important
}

.vbox-loader {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}

.vbox-loader .vbox-loader-inner {
	opacity: 1;
	transition: opacity .2s
}

.vbox-hidden {
	display: none
}

.vbox-loader.vbox-hidden .vbox-loader-inner {
	opacity: 0
}

.vbox-backdrop {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateZ(-1px);
	-moz-transform: translateZ(-1px);
	-o-transform: translateZ(-1px);
	transform: translateZ(-1px);
	z-index: 0
}

.vbox-tooltip {
	position: relative;
	display: inline-block
}

.vbox-tooltip .vbox-tooltip-text {
	visibility: hidden;
	color: #fff;
	text-align: center;
	padding: 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 0;
	opacity: 0;
	transition: opacity .3s;
	margin-bottom: 2px;
	font-family: sans-serif
}

.vbox-top .vbox-tooltip .vbox-tooltip-text {
	bottom: auto;
	top: 100%;
	margin-bottom: 0;
	margin-top: 2px
}

.vbox-tooltip-inner {
	padding: 5px 10px;
	background-color: rgba(0,0,0,.9);
	border-radius: 6px;
	white-space: nowrap;
	font-size: x-small
}

.vbox-tooltip:hover .vbox-tooltip-text {
	visibility: visible;
	opacity: 1
}

.vbox-overlay {
	--sk-size: 40px;
	--sk-color: #333
}

.sk-center {
	margin: auto
}

.sk-plane {
	width: 40px;
	height: 40px;
	background-color: #333;
	animation: sk-plane 1.2s infinite ease-in-out
}

@keyframes sk-plane {
	0% {
		transform: perspective(120px) rotateX(0) rotateY(0)
	}

	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}

	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}

.sk-chase {
	width: 40px;
	height: 40px;
	position: relative;
	animation: sk-chase 2.5s infinite linear both
}

.sk-chase-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	animation: sk-chase-dot 2s infinite ease-in-out both
}

.sk-chase-dot:before {
	content: "";
	display: block;
	width: 25%;
	height: 25%;
	background-color: #333;
	border-radius: 100%;
	animation: sk-chase-dot-before 2s infinite ease-in-out both
}

.sk-chase-dot:nth-child(1) {
	animation-delay: -1.1s
}

.sk-chase-dot:nth-child(2) {
	animation-delay: -1s
}

.sk-chase-dot:nth-child(3) {
	animation-delay: -.9s
}

.sk-chase-dot:nth-child(4) {
	animation-delay: -.8s
}

.sk-chase-dot:nth-child(5) {
	animation-delay: -.7s
}

.sk-chase-dot:nth-child(6) {
	animation-delay: -.6s
}

.sk-chase-dot:nth-child(1):before {
	animation-delay: -1.1s
}

.sk-chase-dot:nth-child(2):before {
	animation-delay: -1s
}

.sk-chase-dot:nth-child(3):before {
	animation-delay: -.9s
}

.sk-chase-dot:nth-child(4):before {
	animation-delay: -.8s
}

.sk-chase-dot:nth-child(5):before {
	animation-delay: -.7s
}

.sk-chase-dot:nth-child(6):before {
	animation-delay: -.6s
}

@keyframes sk-chase {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes sk-chase-dot {
	100%,80% {
		transform: rotate(360deg)
	}
}

@keyframes sk-chase-dot-before {
	50% {
		transform: scale(.4)
	}

	0%,100% {
		transform: scale(1)
	}
}

.sk-bounce {
	width: 40px;
	height: 40px;
	position: relative
}

.sk-bounce-dot {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #333;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	animation: sk-bounce 2s infinite cubic-bezier(.455,.03,.515,.955)
}

.sk-bounce-dot:nth-child(2) {
	animation-delay: -1s
}

@keyframes sk-bounce {
	0%,100% {
		transform: scale(0)
	}

	45%,55% {
		transform: scale(1)
	}
}

.sk-wave {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: space-between
}

.sk-wave-rect {
	background-color: #333;
	height: 100%;
	width: 15%;
	animation: sk-wave 1.2s infinite ease-in-out
}

.sk-wave-rect:nth-child(1) {
	animation-delay: -1.2s
}

.sk-wave-rect:nth-child(2) {
	animation-delay: -1.1s
}

.sk-wave-rect:nth-child(3) {
	animation-delay: -1s
}

.sk-wave-rect:nth-child(4) {
	animation-delay: -.9s
}

.sk-wave-rect:nth-child(5) {
	animation-delay: -.8s
}

@keyframes sk-wave {
	0%,100%,40% {
		transform: scaleY(.4)
	}

	20% {
		transform: scaleY(1)
	}
}

.sk-pulse {
	width: 40px;
	height: 40px;
	background-color: #333;
	border-radius: 100%;
	animation: sk-pulse 1.2s infinite cubic-bezier(.455,.03,.515,.955)
}

@keyframes sk-pulse {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(1);
		opacity: 0
	}
}

.sk-flow {
	width: calc(40px * 1.3);
	height: calc(40px * 1.3);
	display: flex;
	justify-content: space-between
}

.sk-flow-dot {
	width: 25%;
	height: 25%;
	background-color: #333;
	border-radius: 50%;
	animation: sk-flow 1.4s cubic-bezier(.455,.03,.515,.955) 0s infinite both
}

.sk-flow-dot:nth-child(1) {
	animation-delay: -.3s
}

.sk-flow-dot:nth-child(2) {
	animation-delay: -.15s
}

@keyframes sk-flow {
	0%,100%,80% {
		transform: scale(.3)
	}

	40% {
		transform: scale(1)
	}
}

.sk-swing {
	width: 40px;
	height: 40px;
	position: relative;
	animation: sk-swing 1.8s infinite linear
}

.sk-swing-dot {
	width: 45%;
	height: 45%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #333;
	border-radius: 100%;
	animation: sk-swing-dot 2s infinite ease-in-out
}

.sk-swing-dot:nth-child(2) {
	top: auto;
	bottom: 0;
	animation-delay: -1s
}

@keyframes sk-swing {
	100% {
		transform: rotate(360deg)
	}
}

@keyframes sk-swing-dot {
	0%,100% {
		transform: scale(.2)
	}

	50% {
		transform: scale(1)
	}
}

.sk-circle {
	width: 40px;
	height: 40px;
	position: relative
}

.sk-circle-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.sk-circle-dot:before {
	content: "";
	display: block;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	animation: sk-circle 1.2s infinite ease-in-out both
}

.sk-circle-dot:nth-child(1) {
	transform: rotate(30deg)
}

.sk-circle-dot:nth-child(2) {
	transform: rotate(60deg)
}

.sk-circle-dot:nth-child(3) {
	transform: rotate(90deg)
}

.sk-circle-dot:nth-child(4) {
	transform: rotate(120deg)
}

.sk-circle-dot:nth-child(5) {
	transform: rotate(150deg)
}

.sk-circle-dot:nth-child(6) {
	transform: rotate(180deg)
}

.sk-circle-dot:nth-child(7) {
	transform: rotate(210deg)
}

.sk-circle-dot:nth-child(8) {
	transform: rotate(240deg)
}

.sk-circle-dot:nth-child(9) {
	transform: rotate(270deg)
}

.sk-circle-dot:nth-child(10) {
	transform: rotate(300deg)
}

.sk-circle-dot:nth-child(11) {
	transform: rotate(330deg)
}

.sk-circle-dot:nth-child(1):before {
	animation-delay: -1.1s
}

.sk-circle-dot:nth-child(2):before {
	animation-delay: -1s
}

.sk-circle-dot:nth-child(3):before {
	animation-delay: -.9s
}

.sk-circle-dot:nth-child(4):before {
	animation-delay: -.8s
}

.sk-circle-dot:nth-child(5):before {
	animation-delay: -.7s
}

.sk-circle-dot:nth-child(6):before {
	animation-delay: -.6s
}

.sk-circle-dot:nth-child(7):before {
	animation-delay: -.5s
}

.sk-circle-dot:nth-child(8):before {
	animation-delay: -.4s
}

.sk-circle-dot:nth-child(9):before {
	animation-delay: -.3s
}

.sk-circle-dot:nth-child(10):before {
	animation-delay: -.2s
}

.sk-circle-dot:nth-child(11):before {
	animation-delay: -.1s
}

@keyframes sk-circle {
	0%,100%,80% {
		transform: scale(0)
	}

	40% {
		transform: scale(1)
	}
}

.sk-circle-fade {
	width: 40px;
	height: 40px;
	position: relative
}

.sk-circle-fade-dot {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.sk-circle-fade-dot:before {
	content: "";
	display: block;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	animation: sk-circle-fade 1.2s infinite ease-in-out both
}

.sk-circle-fade-dot:nth-child(1) {
	transform: rotate(30deg)
}

.sk-circle-fade-dot:nth-child(2) {
	transform: rotate(60deg)
}

.sk-circle-fade-dot:nth-child(3) {
	transform: rotate(90deg)
}

.sk-circle-fade-dot:nth-child(4) {
	transform: rotate(120deg)
}

.sk-circle-fade-dot:nth-child(5) {
	transform: rotate(150deg)
}

.sk-circle-fade-dot:nth-child(6) {
	transform: rotate(180deg)
}

.sk-circle-fade-dot:nth-child(7) {
	transform: rotate(210deg)
}

.sk-circle-fade-dot:nth-child(8) {
	transform: rotate(240deg)
}

.sk-circle-fade-dot:nth-child(9) {
	transform: rotate(270deg)
}

.sk-circle-fade-dot:nth-child(10) {
	transform: rotate(300deg)
}

.sk-circle-fade-dot:nth-child(11) {
	transform: rotate(330deg)
}

.sk-circle-fade-dot:nth-child(1):before {
	animation-delay: -1.1s
}

.sk-circle-fade-dot:nth-child(2):before {
	animation-delay: -1s
}

.sk-circle-fade-dot:nth-child(3):before {
	animation-delay: -.9s
}

.sk-circle-fade-dot:nth-child(4):before {
	animation-delay: -.8s
}

.sk-circle-fade-dot:nth-child(5):before {
	animation-delay: -.7s
}

.sk-circle-fade-dot:nth-child(6):before {
	animation-delay: -.6s
}

.sk-circle-fade-dot:nth-child(7):before {
	animation-delay: -.5s
}

.sk-circle-fade-dot:nth-child(8):before {
	animation-delay: -.4s
}

.sk-circle-fade-dot:nth-child(9):before {
	animation-delay: -.3s
}

.sk-circle-fade-dot:nth-child(10):before {
	animation-delay: -.2s
}

.sk-circle-fade-dot:nth-child(11):before {
	animation-delay: -.1s
}

@keyframes sk-circle-fade {
	0%,100%,39% {
		opacity: 0;
		transform: scale(.6)
	}

	40% {
		opacity: 1;
		transform: scale(1)
	}
}

.sk-grid {
	width: 40px;
	height: 40px
}

.sk-grid-cube {
	width: 33.33%;
	height: 33.33%;
	background-color: #333;
	float: left;
	animation: sk-grid 1.3s infinite ease-in-out
}

.sk-grid-cube:nth-child(1) {
	animation-delay: .2s
}

.sk-grid-cube:nth-child(2) {
	animation-delay: .3s
}

.sk-grid-cube:nth-child(3) {
	animation-delay: .4s
}

.sk-grid-cube:nth-child(4) {
	animation-delay: .1s
}

.sk-grid-cube:nth-child(5) {
	animation-delay: .2s
}

.sk-grid-cube:nth-child(6) {
	animation-delay: .3s
}

.sk-grid-cube:nth-child(7) {
	animation-delay: 0s
}

.sk-grid-cube:nth-child(8) {
	animation-delay: .1s
}

.sk-grid-cube:nth-child(9) {
	animation-delay: .2s
}

@keyframes sk-grid {
	0%,100%,70% {
		transform: scale3D(1,1,1)
	}

	35% {
		transform: scale3D(0,0,1)
	}
}

.sk-fold {
	width: 40px;
	height: 40px;
	position: relative;
	transform: rotateZ(45deg)
}

.sk-fold-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1)
}

.sk-fold-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	animation: sk-fold 2.4s infinite linear both;
	transform-origin: 100% 100%
}

.sk-fold-cube:nth-child(2) {
	transform: scale(1.1) rotateZ(90deg)
}

.sk-fold-cube:nth-child(4) {
	transform: scale(1.1) rotateZ(180deg)
}

.sk-fold-cube:nth-child(3) {
	transform: scale(1.1) rotateZ(270deg)
}

.sk-fold-cube:nth-child(2):before {
	animation-delay: .3s
}

.sk-fold-cube:nth-child(4):before {
	animation-delay: .6s
}

.sk-fold-cube:nth-child(3):before {
	animation-delay: .9s
}

@keyframes sk-fold {
	0%,10% {
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0
	}

	25%,75% {
		transform: perspective(140px) rotateX(0);
		opacity: 1
	}

	100%,90% {
		transform: perspective(140px) rotateY(180deg);
		opacity: 0
	}
}

.sk-wander {
	width: 40px;
	height: 40px;
	position: relative
}

.sk-wander-cube {
	background-color: #333;
	width: 20%;
	height: 20%;
	position: absolute;
	top: 0;
	left: 0;
	--sk-wander-distance: calc(40px * 0.75);
	animation: sk-wander 2s ease-in-out -2s infinite both
}

.sk-wander-cube:nth-child(2) {
	animation-delay: -.5s
}

.sk-wander-cube:nth-child(3) {
	animation-delay: -1s
}

@keyframes sk-wander {
	0% {
		transform: rotate(0)
	}

	25% {
		transform: translateX(var(--sk-wander-distance)) rotate(-90deg) scale(.6)
	}

	50% {
		transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-179deg)
	}

	50.1% {
		transform: translateX(var(--sk-wander-distance)) translateY(var(--sk-wander-distance)) rotate(-180deg)
	}

	75% {
		transform: translateX(0) translateY(var(--sk-wander-distance)) rotate(-270deg) scale(.6)
	}

	100% {
		transform: rotate(-360deg)
	}
}
/*  */

/*  */
  .jarallax{position:relative;z-index:0}
  .jarallax>.jarallax-img{position:absolute;object-fit:cover;font-family:'object-fit: cover;';top:0;left:0;width:100%;height:100%;z-index:-1}
  

  /* Gallery */
  canvas.granim{width:100%;position:absolute;top:0;left:0;min-height:300px;z-index:-1}
  .gallery{display:flex;flex-wrap:wrap}
  .gallery-item{position:relative;flex-basis:50%;max-width:50%;padding:.25rem;display:block}
  .gallery-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
  .gallery-item-overlay{display:flex;align-items:center;justify-content:center;position:absolute;top:.25rem;left:.25rem;right:.25rem;bottom:.25rem;background-color:rgba(0,0,0,.4);color:#fff;font-size:1.75rem;transition:.3s ease-out}
  .gallery-item-overlay:hover{background-color:rgba(0,0,0,.45)}
  .gallery.items-connected .gallery-item{padding:0}
  .gallery.items-connected .gallery-item-overlay{top:0;left:0;right:0;bottom:0}
  .gallery-item-group .gallery-item{flex-basis:100%;max-width:100%}
  .gallery-extra-items{display:none}
  .gallery-3-type1 .gallery-item{flex-basis:33.33%;max-width:33.33%}
  .gallery-3-type2 .gallery-item{flex-basis:100%;max-width:100%}
  .gallery-3-type2 .gallery-item:nth-child(n+2){flex-basis:50%;max-width:50%}
  .gallery-3-type3 .gallery-item{flex-basis:50%;max-width:50%}
  .gallery-3-type3 .gallery-item:nth-child(n+3){flex-basis:100%;max-width:100%}
  .gallery-3-type4>.gallery-item{flex-basis:60%;max-width:60%}
  .gallery-3-type4 .gallery-item-group{flex-basis:40%;max-width:40%}
  .gallery-3-type5>.gallery-item{flex-basis:60%;max-width:60%}
  .gallery-3-type5 .gallery-item-group{flex-basis:40%;max-width:40%}
  .gallery-4-type1 .gallery-item{flex-basis:25%;max-width:25%}
  .gallery-4-type2 .gallery-item{flex-basis:100%;max-width:100%}
  .gallery-4-type2 .gallery-item:nth-child(n+2){flex-basis:33.33%;max-width:33.33%}
  .gallery-4-type3 .gallery-item{flex-basis:33.33%;max-width:33.33%}
  .gallery-4-type3 .gallery-item:nth-child(n+4){flex-basis:100%;max-width:100%}
  .gallery-4-type4>.gallery-item{flex-basis:70%;max-width:70%}
  .gallery-4-type4 .gallery-item-group{flex-basis:30%;max-width:30%}
  .gallery-4-type5>.gallery-item{flex-basis:70%;max-width:70%}
  .gallery-4-type5 .gallery-item-group{flex-basis:30%;max-width:30%}




 
video {
  max-width: 100%
}

.video-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.video-wrapper::before {
  display: block;
  content: "";
  z-index: 0
}

.video-wrapper.ratio-21x9::before {
  padding-top: 42.85714%
}

.video-wrapper.ratio-16x9::before {
  padding-top: 56.25%;
  box-sizing: border-box; 
}

.video-wrapper.ratio-4x3::before {
  padding-top: 75%
}

.video-wrapper.ratio-1x1::before {
  padding-top: 100%
}

.video-wrapper .poster {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: inherit;
  z-index: 1;
  transition: .3s
}

.video-wrapper .btn {
	position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    font-size: 1.5rem;
    border-radius: 10rem;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: .3s;
}
.video-wrapper .btn::before {
    content: "\eebf";
    font-family: remixicon!important;
}
/* 添加伪元素实现脉动动画 */
.video-wrapper .btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgb(227 227 227 / 57%);
    opacity: 0;
    animation: pulse 2s infinite; /* 应用动画 */
    z-index: -1;
}

/* 定义脉动动画 */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.7;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

/* 定义从下往上出现的动画 */
@keyframes Up {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* 定义从上往下出现的动画 */
@keyframes Down {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* 定义从左往右出现的动画 */
@keyframes Left {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
/* 从由往左 */
@keyframes Right {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
/* 定义名为 Big 的从小变大的动画 */
@keyframes Big {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}





.video-wrapper .btn:hover {
	transform: translate(-50%, -50%) scale(1.1);
}
.video-wrapper video,
.video-wrapper iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  object-fit: cover; 
  object-position: center; /* 居中显示 */
}
.video-container iframe,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-wrapper.reveal .poster,
.video-wrapper.reveal .btn {
  opacity: 0;
  visibility: hidden;
  transition: 0.8s linear
}

.video-btn-wrapper {
  position: relative
}

.video-btn-wrapper .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s
}

.bg-video {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -100
}
 
@media (max-width: 768px) {
  .video-wrapper {
      /* 在小屏幕上调整样式 */
      width: 100%;
      height: auto;
  }
}
  .amap{width:100%;height:50vh}
  .amap-logo{display:none!important}
  .amap-copyright{display:none!important}
  
  @media (max-width: 768px) {
    .amap{height:30vh}
  }
div[comment]{
    margin: 20px 0;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: white;
}
div[comment] div{display:block;}
div[comment] div>textarea {
    padding: 0.375em 0.75em;
    border: solid 1px #ddd;
    width: 100%;
    line-height: 1.5;
    display: block;
    border-radius: 0.25rem;
    outline: 0;
    background-color: transparent;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
    height: 88px;
}
div[comment] div>textarea:focus-visible,
div[comment] div>textarea:active{
    outline: none;
    border-color: var(--main);
    z-index: 2;
}

div[comment] div>p{margin-top:18px;}
div[comment] div>p>button{cursor:pointer; border:none; color:#fff; line-height:28px; padding:2px 18px 0 18px; border-radius:18px; background:#585858; transition:.3s;}
div[comment] div>p>button:hover{background:;}
div[comment] div>p>label{cursor:pointer; padding-left:8px; display:inline-block; line-height:30px; color:#282828;}
div[comment] ul{display:block; list-style:none; background:#fff; margin-top:22px;}
div[comment]>ul{margin-top:32px;}
div[comment] ul>li{display:block; list-style:none; position:relative; margin-top:18px;}
div[comment]>ul>li{margin-top:28px;}
div[comment] ul>li:first-child{margin-top:0;}
div[comment] ul>li>img{display:block; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%;}
div[comment]>ul>li>img{width:36px; height:36px;}
div[comment] ul>li>dl{padding:0 0 0 42px;}
div[comment]>ul>li>dl{padding:0 0 0 48px;}
div[comment] ul>li>dl>dt:after{display:block; content:''; clear:both;}
div[comment] ul>li>dl>dt>b{float:left; font-size:15px; line-height:24px; color:#383838;}
div[comment]>ul>li>dl>dt>b{line-height:28px;}
div[comment] ul>li>dl>a{color:#000; display:inline-block; margin:8px 0 0 42px; cursor:pointer;}
div[comment] ul>li>dl>a:hover{color:;}
div[comment] ul>li>dl>a>i{padding-left:4px; line-height:inherit;}
div[comment] ul>li>dl>p{font-size:15px; line-height:25px; margin:4px 0 6px 0; color:#181818;}
div[comment]>ul>li>dl>p{font-size:16px; line-height:28px; margin:6px 0 8px 0;}
div[comment] ul>li>dl>p>a{color:#686868;}
div[comment] ul>li>dl>dd{display:block;}
div[comment] ul>li>dl>dd>a[like]{font-size:15px; line-height:26px; color:#585858; cursor:pointer; line-height:28px; margin-left:8px;}
div[comment] ul>li>dl>dd>a[like].fa-thumbs-up:before{
    font-family: "ehtmls" !important;
    content: "\fafc";
    font-size: 18px;
    padding-right:2px;
}
div[comment] ul>li>dl>dd>a[like].fa-thumbs-o-up:before{
    font-family: ehtml!important;
    content: "\e65e";
    font-size: 18px;
    padding-right:2px;
}
div[comment] ul>li>dl>dd>a[reply]{display: inline-block;
    font-size: 14px;
    padding: 0 8px;
    line-height: 1.2;
    cursor: pointer;
    background: #f8f8f8;
    color: #282828;
    border-radius: 10px;
    margin-left: 8px;
    border: 1px solid var(--border);}
div[comment] ul>li>dl>dd>a[reply]:before{
    font-family: ehtml!important;
    margin-right:4px;
    font-size: 18px;
    content: "\e8e8";
}
div[comment] ul>li>dl>dd>a[reply].on,
div[comment] ul>li>dl>dd>a[reply]:hover{color:var(--main);}
div[comment] ul>li>dl>dd>i{font-style:normal; font-size:14px; color:#888; line-height:26px;}
div[comment] ul>li>dl>dd>i:before{
    font-family: ehtml!important;
    margin-right:4px;
    content: "\e8b9";
}
div[comment] ul>li>dl>div{margin:14px 0;}
div[comment] ul>li>dl>div>textarea{height:68px;}
div[comment] ul>li>dl>div>p{margin-top:12px;}
div[comment] ul>li>dl>div>p>button{line-height:24px; padding:2px 14px 0 14px;}
div[comment] ul>li>dl>div>p>button:hover{background:var(--main);} 
div[comment] ul>li>dl>div>p>label{line-height:26px;}
div[comment]>a{display:block; background:#f8f8f8; margin-top:32px; line-height:38px; text-align:center; border-radius:3px; cursor:pointer; color:#585858;}
div[comment]>a>i{line-height:inherit;}
div[comment]>a:hover{color:var(--main);}
@media(max-width:767px){
div[comment] ul{margin-top:18px;}
div[comment]>ul{margin-top:28px;}
div[comment] ul>li{margin-top:14px;}
div[comment]>ul>li{margin-top:24px;}
div[comment] ul>li>img{width:26px; height:26px;}
div[comment]>ul>li>img{width:30px; height:30px;}
div[comment] ul>li>dl{padding:0 0 0 35px;}
div[comment]>ul>li>dl{padding:0 0 0 40px;}
div[comment] ul>li>dl>dt>b{font-size:14px; line-height:22px;}
div[comment]>ul>li>dl>dt>b{line-height:24px;} 
div[comment] ul>li>dl>p{font-size:14px; line-height:22px; margin:4px 0;}
div[comment]>ul>li>dl>p{font-size:14px; line-height:22px; margin:4px 0;}
div[comment] ul>li>dl>dd>a[like]{font-size:13px;}
div[comment] ul>li>dl>dd>a[reply]{font-size:12px; padding:0 8px; line-height:22px; margin-left:6px;}
div[comment] ul>li>dl>dd>i{font-size:12px; line-height:22px;}
div[comment] ul>li>dl>a{margin:2px 0 0 35px;}
div[comment] ul>li>dl>div{margin:8px 0;}
}
.topbar{background-color:#000;line-height:2.5}.topbar-content{display:flex;color:#fff}.topbar-left{flex:6;background-color:#000;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.topbar-left h4{margin:0;text-align:center;flex-grow:1}.topbar-social{margin-left:auto}.topbar-social-icons{display:flex}.topbar-social-icons li{margin-left:10px}.topbar-social-icons li a{color:#fff}.topbar-right{flex:4;background-color:var(--main);display:flex;align-items:center;justify-content:flex-start;padding:0 15px}.topbar-phone{color:#fff}header{display:block;background-color:white;border-bottom:1px solid var(--border)}.sticky-menu{position:fixed;left:0;top:0;right:0;z-index:8;width:100%;box-shadow:var(--shadow);animation:header_sticky 1.1s;display:block}@keyframes header_sticky{0%{top:-250px}100%{top:0}}.navbar-bottom.navbar-sticky{transition:all 0.3s ease}.navbar-bottom.navbar-sticky.sticky-menu{position:fixed;left:0;top:0;right:0;width:100%;height:60px;box-shadow:0 2px 10px rgba(0,0,0,0.1);background-color:#fff;box-sizing:border-box}.navbar{position:relative;height:140px;display:grid;align-content:center;z-index:99}.navbar-logo a{display:inline-block}.navbar-logo a img{max-width:150px;position:relative;z-index:8}.navbar-top{display:flex;justify-content:space-between;align-items:center}.navbar-bottom{position:absolute;width:100%;padding:0 20px;bottom:-30px;background-color:#fff;-webkit-box-shadow:0px 0px 9px 0px rgba(6,22,58,0.07);-moz-box-shadow:0px 0px 9px 0px rgba(6,22,58,0.07);box-shadow:0px 0px 9px 0px rgba(6,22,58,0.07)}.navbar-bottom>.container{display:flex;align-items:center;justify-content:space-between}.navbar-icons>ul{position:relative}.navbar-icons>ul>li{padding:0 32px;position:relative;display:flex;gap:10px;float:left;align-items:center}.navbar-icons>ul>li:not(:last-child):after{content:"";height:50px;width:1px;background-color:rgba(0,0,0,0.35);display:block;position:absolute;right:0px}.navbar-icons>ul>li>.icon>i{border:1px solid;position:relative;display:inline-block;height:43px;width:43px;font-size:1.5em;line-height:43px;border-radius:50%;text-align:center;color:var(--main)}.navbar-menu ul{padding:0;margin:0}.navbar-menu ul li{display:inline-block;position:relative;list-style:none}.navbar-menu ul li.on a{color:var(--main)}.navbar-menu ul li:hover > a{color:var(--main)}.navbar-menu ul li:hover > .sub-menu{transform:scale(1,1);opacity:1;visibility:visible}.navbar-menu ul li .sub-menu{position:absolute;background:white;min-width:240px;transition:all 0.3s ease-out 0s;top:100%;opacity:0;box-shadow:var(--shadow);visibility:hidden;z-index:8;text-align:left;transform:scale(1,0);transform-origin:0 0}.navbar-menu ul li .sub-menu li{display:block;margin:0;border-bottom:1px solid var(--border)}.navbar-menu ul li .sub-menu li a{color:black;padding:12px 20px;transition:all 0.4s ease-out 0s;font-size:16px;text-transform:capitalize;font-weight:500}.navbar-menu ul li .sub-menu li a::after{position:absolute;content:"";background:var(--main);width:2px;transition:all 0.5s ease-out 0s;height:0;left:0;top:50%;transform:translateY(-50%)}.navbar-menu ul li .sub-menu li .sub-menu{left:100%;top:-2px}.navbar-menu ul li .sub-menu li:hover > a{color:var(--main);padding-left:25px}.navbar-menu ul li .sub-menu li:hover > a::after{height:100%}.navbar-menu ul li .sub-menu li:last-child{border:none}.navbar-menu ul li .sub-menu .menu-has a::before{right:28px;background:black}.navbar-menu ul li .sub-menu .menu-has a::after{right:25px;background:black}.navbar-menu ul li ul .sub-menu li .sub-menu{color:black;cursor:pointer}.navbar-menu ul li a{display:block;font-weight:500;font-size:16px;transition:all 0.4s ease-out 0s;text-transform:uppercase;padding:15px 20px}.navbar-menu ul li:last-child a{padding-right:0}.navbar-menu ul li.menu-has > a{position:relative}.navbar-menu ul li.menu-has > a::before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:10px;width:2px;height:8px;background:var(--text);transition:all 0.3s ease}.navbar-menu ul li.on.menu-has > a::before{background:var(--main)}.navbar-menu ul li.menu-has > a::after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:7px;width:8px;height:2px;background:var(--text)}.navbar-menu ul li.on.menu-has > a::after{background:var(--main)}.navbar-menu ul li.menu-has:hover > a::before{transform:translateY(-50%) rotate(90deg);opacity:0}.navbar-menu ul li.menu-has:hover > a::after{background:var(--main)}.navbar-right{display:flex;align-items:center;justify-content:space-between}.navbar-right-box{display:flex;align-items:center;gap:1rem}.navbar-search{position:relative}.navbar-search a{font-size:1.5em}.search-box{position:absolute;top:100%;right:0px;width:240px;background:#fff;border:3px solid #FFF;opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all ease .3s;-ms-transition:all ease .3s;transition:all ease .3s;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);-ms-box-shadow:0 3px 5px rgba(0,0,0,.1);box-shadow:0 3px 5px rgba(0,0,0,.1);z-index:2}.search-box.st-show{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.search-box.st-show>form>input{margin:0}.search-box.st-show>form>button{position:absolute;right:0;padding-left:1rem;padding-right:1rem;bottom:1px}.navbar-right-box-sidebar-popup-contact-item{display:flex;margin-bottom:25px;gap:25px}.navbar-right-box-sidebar-popup-contact-item-icon{margin-top:8px;width:30px}.navbar-right-box-sidebar-popup-contact-item-icon i{color:var(--main);font-size:30px}.navbar-right-box-sidebar-popup-contact-item-content span{color:var(--color-1);display:inline-block;margin-bottom:5px}.navbar-right-box-sidebar-popup-contact-item-content h6{max-width:240px}.navbar-right-box-sidebar-popup-contact-item-content h6 a{transition:all 0.4s ease-out 0s}.navbar-right-box-sidebar-popup-contact-item-content h6 a:hover{color:var(--main)}.navbar-right-box-sidebar-popup-contact-item:last-child{margin:0}.navbar-right-box-sidebar-popup-image{margin:40px 0}.navbar-right-box-sidebar-popup-social{margin-top:40px}.navbar-right-box-sidebar-popup-social ul{padding:0;margin:0}.navbar-right-box-sidebar-popup-social ul li{list-style:none;display:inline-block;margin-right:10px}.navbar-right-box-sidebar-popup-social ul li:last-child{margin:0}.navbar-right-box-sidebar-popup-social ul li a i{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;border:1px solid var(--border);border-radius:50%;color:var(--color-8);transition:all 0.4s ease-out 0s}.navbar-right-box-sidebar-popup-social ul li a i:hover{color:white;background:var(--main);border-color:var(--main)}@media (max-width:1199px){.navbar{padding:0;height:120px}.navbar-menu ul li a{font-size:14px;padding:5px 10px}.navbar-menu ul li.menu-has > a::before{right:3px}.navbar-menu ul li.menu-has > a::after{right:0px}.navbar-menu ul li .sub-menu li a{padding:5px 10px}.language{margin:5px}.login a>span,.language a{font-size:.875em}.navbar-icons>ul>li{padding:5px 10px}}@media (max-width:991px){.navbar{padding:0;height:64px;display:flex;align-items:center;justify-content:space-between}.navbar-top{display:block}.navbar-bottom{position:relative;width:auto;padding:0;z-index:1;bottom:0;right:50px;background-color:transparent;-webkit-box-shadow:0px 0px 9px 0px rgba(6,22,58,0.07);-moz-box-shadow:0px 0px 9px 0px rgba(6,22,58,0.07);box-shadow:none}.navbar-bottom>.container{display:block}.navbar-center{display:none}.navbar-search{position:relative;padding:25px 0}.navbar-search-box form{width:90%}.navbar-right-box{}.topbar,.navbar-icons{display:none}nav.navbar.sticky-menu{position:fixed;background:white;border-bottom:1px solid var(--border);width:100%;box-sizing:border-box;left:0;right:0;z-index:999}}@media (max-width:767px){.navbar-bottom{right:30px}.navbar-right-box{gap:10px}.navbar-right-box .login>a>span{display:none}.navbar-search .search-box{margin-top:1rem;right:-100px}.navbar-logo a img{max-width:100px}.navbar-search{padding:0}.navbar-search-icon i{font-size:16px}.navbar-right .mean-container a.meanmenu-reveal{margin-right:13px;top:15px}}.language{position:relative;display:inline-block}.language a{min-width:100px;align-items:center;padding:5px 10px;border-radius:2px;background-color:#f5f5f5;border:.5px solid var(--border);color:#000;transition:background-color .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language a:hover{color:var(--main);background-color:#ddd}.language .btn{display:inline-flex;cursor:pointer}.language .btn i.icon-down{margin-left:8px}.language .list{display:none;position:absolute;left:0;min-width:100%;background-color:#fff;border:.5px solid var(--border);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);list-style-type:none;padding:0;margin:4px 0 0;z-index:8}.language .list a{display:flex}.language img{width:20px;margin-right:8px}.language .list.up{top:auto;bottom:100%;margin-bottom:4px}.mobile-menu{position:absolute;top:0;right:0;width:100%}.mean-container a.meanmenu-reveal{width:25px;height:31px;top:39px;padding:0;margin-right:15px;transition:all 0s ease-out 0s}.mean-container a.meanmenu-reveal span{background:#333;margin-top:6px}.mean-container .mean-bar{background:0 0;padding:0}.mean-container .mean-bar a i{font-size:32px;display:block;font-weight:100;position:relative;left:-5px;bottom:-5px}.mean-container .mean-nav li:first-child>a{border-top:1px solid var(--border)}.mean-container .mean-nav ul li a.mean-expand{background:var(--main);color:white}.mean-container .mean-nav ul li a.mean-expand:hover{background:var(--main)}.mean-container .mean-nav .sub-menu li a.mean-expand{background:var(--main);height:34px;color:#fff}.mean-container .mean-nav .sub-menu li a.mean-expand:hover{background:var(--main)}.mean-container .mean-nav ul li a i{display:none}.mean-container .mean-nav li li:first-child>a,.mean-container .mean-nav ul li a,.mean-container .mean-nav ul li li a{color:#000;font-size:.875rem;text-transform:capitalize;border-top:1px solid var(--border);opacity:1}.mean-container .mean-nav{margin-top:64px}.mobile-menu,.mean-container .mean-nav::after{content:"";display:table;clear:both}.mean-container a.meanmenu-reveal{top:15px}@media (max-width:991px){}@media (max-width:767px){.language a{min-width:60px;font-size:.8rem;padding:2px 6px}.language img{width:15px;margin-right:6px}.login a{padding:0.15rem 0.5rem}}section.slider{min-height:2rem}.slider .banner{padding:50px;height:350px;color:white;line-height:1}.slider .banner .slide{width:100%;min-height:calc(350px - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center}.slider .banner .slide>.text{width:500px;text-align:center}.slider .banner .slide>.text>h1{font-size:50px;font-weight:700;margin-bottom:1rem}.slider .banner .slide>.text>div *{font-size:20px !important;color:red!important}.slider .banner .slide>.text>div>.btn{margin-top:1rem}.slider .banner .slide>.text>.btn>a{margin-top:1rem;color:white!important}@media (max-width:991px){.slider .banner{padding:10px;height:300px;color:white}.slider .banner .slide>.text>h1{font-size:25px;font-weight:500;margin-bottom:.875rem}.slider .banner .slide{min-height:calc(300px - 20px);justify-content:center;align-items:center}.slider .banner .slide>.text{width:400px;text-align:center}.slider .banner .slide>.text>div *{font-size:16px !important;color:red!important}}@media (max-width:767px){.slider .banner{padding:10px;height:300px;color:white}.slider .banner .slide>.text>h1{font-size:20px;font-weight:500;margin-bottom:.75rem}.slider .banner .slide{min-height:calc(300px - 20px);justify-content:center;align-items:center}.slider .banner .slide>.text{width:400px;text-align:center}.slider .banner .slide>.text>div *{font-size:14px !important;color:red!important}}footer .contact{overflow-x:hidden;position:relative;z-index:1}footer .contact:after{content:"";background:#191f23;position:absolute;z-index:-1;width:100%;height:70px;left:0;bottom:0}footer .contact .contact-box{background:var(--main);border-radius:10px;display:flex}footer .contact .contact-box>.contact-item{flex:0 0 33.33%;max-width:33.33%;position:relative;padding:25px 40px 25px 120px;z-index:1}footer .contact .contact-box>.contact-item>h2{margin:0 0 10px 0;font-weight:500;color:#fff}footer .contact .contact-box>.contact-item:last-child:after{content:none}footer .contact .contact-box>.contact-item:after{content:"";height:100%;width:50px;position:absolute;right:-15px;top:0;z-index:-1;background-image:url(../../upload/photo/data/right.png);background-size:contain;background-position:right;background-repeat:no-repeat;opacity:.5}footer .contact .contact-box>.contact-item p{color:#fff;line-height:28px;margin-bottom:0;font-size:16px}footer .contact .contact-box>.contact-item img{width:55px;height:55px;position:absolute;left:45px;top:36px;transition:all .8s;-moz-transition:all .8s;-webkit-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s}footer .contact .contact-box>.contact-item:hover img{transform:scale(1.2)}footer .info{background:#191f23;background-size:cover;background-position:center;background-size:contain;padding:70px 0 30px 0;color:#fff}footer .info .info-box>h2{margin:0;font-weight:500;padding-bottom:20px;margin-bottom:30px;position:relative}footer .info .info-box>h2:after{content:"";background:var(--main);width:40px;height:2px;position:absolute;bottom:0;left:0}footer .info .info-box>ul::after{clear:both;content:"";display:block}footer .info .info-box>ul>li{width:50%;float:left;padding:0 0 12px 0;font-size:16px}footer .info .info-box>ul>li:before{content:none}footer .info .info-box>ul>li>a{color:#fff}footer .info .info-box>form{position:relative;margin:0;padding:0}footer .info .info-box>form button{position:absolute;top:0;right:0;bottom:0}footer .copyright{position:relative;background-color:#191f23;border-top:1px solid var(--border);padding:0;color:#888}footer .copyright a{color:#888}@media (max-width:991px){footer .contact .contact-box>.contact-item{padding:20px 20px 20px 75px}footer .contact .contact-box>.contact-item img{width:35px;height:35px;left:25px}}@media (max-width:767px){footer .contact .contact-box{flex-wrap:wrap}footer .contact .contact-box>.contact-item:after{display:none}footer .contact .contact-box>.contact-item{flex:0 0 100%;max-width:100%;padding:25px 20px 5px 75px}}main{flex:1}.totop{width:45px;height:45px;background:var(--main);position:fixed;bottom:30px;right:20px;z-index:5;text-align:center;-webkit-transition:all .4s ease;transition:all .4s ease;display:none;border-radius:50%;transition:all .4s ease}.totop.active{display:block}.totop i{color:#fff;font-size:18px;line-height:45px}.totop:hover{background-color:#fff;box-shadow:0 10px 60px 0 rgba(0,0,0,.3)}.totop:hover i{color:#000}.subnav{background:#fff;position:relative;border-bottom:1px solid var(--border)}.subnav ul{z-index:2}.subnav ul>li>a{font-size:var(--size)}.subnav li.on>a,.subnav li.pn>a{color:var(--main)}@media(min-width:992px){.subnav>ul{text-align:center;font-size:0}.subnav>ul>li{display:inline-block;position:relative}.subnav>ul>li>a{display:block;padding:12px 16px}.subnav>ul>li.has>a:after{display:inline-block;content:'\2228';margin-left:3px;transition:transform .3s}.subnav>ul>li.has:hover>a:after{transform:rotate(180deg)}.subnav>ul>li ul{position:absolute;left:100%;top:0;width:140px;white-space:nowrap;text-align:center;background:#fff;visibility:hidden;opacity:0;transition:.05s;transform:scale(0);transform-origin:top center}.subnav>ul>li ul ul{transform-origin:left center}.subnav>ul>li>ul li.parent{display:none}.subnav>ul>li>ul li.right ul{left:auto;right:100%;transform-origin:right center}.subnav>ul li:hover>ul{visibility:visible;opacity:1;transition:.3s;transform:scale(1)}.subnav>ul>li>ul{left:50%;top:100%;width:140px;margin-left:-70px}.subnav>ul>li ul{box-shadow:0 0 5px rgba(0,0,0,.1)}.subnav>ul>li ul>li{position:relative;border-top:1px dashed #f0f0f0}.subnav>ul>li ul>li:first-child{border-top:0}.subnav>ul>li ul>li>a{display:block;padding:8px 0;font-size:var(--size)}}@media(max-width:991px){.subnav{padding:2px 0 1px 0}.subnav ul{overflow:auto;white-space:nowrap;font-size:0;text-align:center}.subnav ul>li{display:inline-block;padding:8px}.subnav>ul>li ul{position:absolute;background:#fff;top:100%;left:10px;right:10px;visibility:hidden;opacity:0;transition:.3s;transform:translateY(-8px)}.subnav>ul>li.active{background:#fff}.subnav>ul>li.active>ul{visibility:visible;opacity:1;transform:translateY(-2px)}.subnav>ul>li ul>li>a{font-size:var(--size)}.subnav>ul>li>ul li.parent.pn>a{color:}.subnav ul::-webkit-scrollbar{height:1px;background:}.subnav ul::-webkit-scrollbar-track-piece{height:1px}.subnav ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,0);transition:.2s}.subnav ul:hover::-webkit-scrollbar-thumb{background:}}.button{overflow:hidden;z-index:1;text-align:center}.button:hover{color:#fff;-webkit-transition:all .5s ease .1s;-moz-transition:all .5s ease .1s;-o-transition:all .5s ease .1s;transition:all .5s ease .1s}.button::after,.button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:rgba(0,0,0,.05);-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}.button::after{-webkit-transition-delay:.2s;transition-delay:.2s;background:var(--main)}.button:hover::after,.button:hover::before{-webkit-transform:translate(0,0);transform:translate(0,0)}time{display:flex;justify-content:space-between;align-items:center;margin:5px 0}time *{font-weight:400;font-style:normal}time span{opacity:.88;padding:0 5px}.sidebar{padding-left:1rem;border-left:1px solid var(--border)}.sidebar-search,.sidebar-column,.sidebar-list,.sidebar-tag{margin-bottom:.5rem}.sidebar-search>h3,.sidebar-column>h3,.sidebar-list>h3,.sidebar-tag>h3{margin-bottom:20px;font-weight:500;position:relative;border-bottom:1px solid rgba(0,0,0,0.15)}.sidebar-search>h3:after,.sidebar-column>h3:after,.sidebar-list>h3:after,.sidebar-tag>h3:after{border-radius:0;bottom:-2px;content:"";display:inline-block;height:3px;left:0;margin:0;position:absolute;vertical-align:bottom;width:50px;background-color:var(--main)}.sidebar-search form{position:relative}.sidebar-search form>button{position:absolute;right:0;top:0;padding:0.375em 1em}.sidebar-column>ul{border:solid 1px var(--border);border-radius:0.25rem}.sidebar-column>ul>li{display:block;padding:0.5em 1em;border-bottom:1px solid var(--border);transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}.sidebar-column>ul>li:hover{background-color:#f5f5f5}.sidebar-column>ul>li:first-child,.sidebar-column>ul>li>a:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.sidebar-column>ul>li:last-child,.sidebar-column>ul>li>a:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.sidebar-list-box{display:grid;gap:5px}.sidebar-list-box>a{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--border)}.sidebar-list-box>a>img{width:100px}.sidebar-list-box>a>.item-body>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.sidebar-list-box>a>.item-body>p{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.sidebar-tag>a{display:inline-block;padding:0.25em 0.5em;line-height:1;font-size:.85rem;font-style:normal;color:white;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:var(--main);border-radius:1em;white-space:nowrap;vertical-align:baseline}@media(max-width:767px){.sidebar{display:none}}.content{margin:20px 0;padding:20px;background:white;border:1px solid var(--border)}.row [class^="col-"]{box-sizing:border-box;padding:10px}.list .param{margin:1rem 0;padding:.5rem;background:#fff;border:1px solid var(--border)}.list .param>dl{overflow:auto;white-space:nowrap;display:flex;margin:0;align-items:center;border-top:1px solid rgba(0,0,0,.05);padding:.25rem}.list .param>dl:first-child{border-top:none}.list .param>dl>dt{white-space:nowrap;padding-right:.75rem;padding-left:.75rem}.list .param>dl>dt h3{font-size:1rem!important;margin-bottom:0;font-weight:700}.list .param>dl>dd{margin:0;display:inline-block;padding:.25rem .5rem;border:solid 1px transparent;border-radius:.25rem;color:inherit}.list .param>dl>dd>span{padding:.25em .5em;font-size:90%;color:#fff;background-color:var(--main);opacity:.85;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.35rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.list .param>dl>dd.on{border-color:#ddd;pointer-events:none}.pages{margin:1rem 0;text-align:center}.pages>ol{display:inline-flex;border-radius:.25rem}.pages>ol>li{border:solid 1px #ddd;background:#fff}.pages>ol>li>a{padding:.1rem .75rem;display:block;white-space:nowrap;text-decoration:none;position:relative;color:var(--text);outline:0;transition:all .5s ease}.pages>ol>li>a:hover{background:var(--main);color:#fff}.pages>ol>li>a.no{cursor:not-allowed;text-decoration:none;pointer-events:none}.pages>ol>li>a.on{background:var(--main);color:#fff}.tag{margin:20px 15px;color:var(--main);opacity:.95}.tag::before{font-family:remixicon!important;font-size:20px;content:"\eae2"}.tag>a{padding:2px 4px;font-size:90%;color:#fff;font-weight:400;border-radius:2px;border:1px dashed #fff;opacity:.75}.tag>a:hover{opacity:1}.both{overflow:hidden;border:1px solid var(--border);padding:0 25px;margin:1rem 0;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.both>dl{width:50%;float:left;padding:40px 0}.both>dl>dd{margin:.7em 0 0}.both>dl>dd>a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.both>dl>dd>i{font-style:normal;opacity:.85}.both>dl.prev{padding-right:15px;padding-left:5px}.both>dl.prev>dt{padding-left:25px;position:relative;font-size:.875em;text-transform:uppercase;font-weight:600;letter-spacing:2px}.both>dl.prev>dt:before{font-family:remixicon!important;font-style:normal;content:"\ea60";position:absolute;left:0;top:0}.both>dl.next{text-align:right;border-left:1px solid var(--border);padding-left:15px;padding-right:5px}.both>dl.next>dt{padding-right:25px;position:relative;font-size:.875em;text-transform:uppercase;letter-spacing:2px}.both>dl.next>dt:before{font-family:remixicon!important;font-style:normal;content:"\ea6c";position:absolute;right:0;top:0}@media(max-width:767px){time>div>span.user{padding:0}.both>dl{width:50%;float:left;padding:10px 0}}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{position:absolute;left:-50px;top:50%;margin:0;transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);color:var(--main)}.owl-carousel .owl-nav .owl-prev>i,.owl-carousel .owl-nav .owl-next>i{font-size:2em;opacity:.2}.owl-carousel .owl-nav .owl-prev>i:hover,.owl-carousel .owl-nav .owl-next>i:hover{opacity:1}.owl-carousel .owl-nav .owl-next{left:auto;right:-50px}@media(max-width:767px){.owl-carousel .owl-nav{display:none}}.owl-dots-primary-full.owl-theme .owl-dots .owl-dot.active span,.owl-dots-black-full.owl-theme .owl-dots .owl-dot.active span,.owl-dots-white-full.owl-theme .owl-dots .owl-dot.active span{opacity:1;width:25px}.owl-theme .owl-dots{text-align:center}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--main)}