.container{
width:100%;
}
@media (min-width: 640px){
.container{
max-width:640px;
}
}
@media (min-width: 768px){
.container{
max-width:768px;
}
}
@media (min-width: 1024px){
.container{
max-width:1024px;
}
}
@media (min-width: 1280px){
.container{
max-width:1280px;
}
}
@media (min-width: 1536px){
.container{
max-width:1536px;
}
}
.cbox{
width:clamp(320px, calc(100% - 2rem), 1300px);
}
.cbox-2{
width:clamp(320px, calc(100% - 2rem), 1400px);
} .fixed{
position:fixed;
}
.absolute{
position:absolute;
}
.relative{
position:relative;
}
.sticky{
position:sticky;
}
.bottom-0{
bottom:0px;
}
.bottom-4{
bottom:1rem;
}
.bottom-\[40vh\]{
bottom:40vh;
}
.bottom-\[50\%\]{
bottom:50%;
}
.left-0{
left:0px;
}
.left-1\/2{
left:50%;
}
.right-0{
right:0px;
}
.right-2{
right:0.5rem;
}
.right-4{
right:1rem;
}
.top-0{
top:0px;
}
.top-1\/2{
top:50%;
}
.top-4{
top:1rem;
}
.top-\[50\%\]{
top:50%;
}
.top-\[var\(--header-height\)\]{
top:var(--header-height);
}
.z-10{
z-index:10;
}
.z-20{
z-index:20;
}
.z-30{
z-index:30;
}
.z-50{
z-index:50;
}
.z-\[10000\]{
z-index:10000;
}
.col-span-2{
grid-column:span 2 / span 2;
}
.m-4{
margin:1rem;
}
.mx-6{
margin-left:1.5rem;
margin-right:1.5rem;
}
.mx-auto{
margin-left:auto;
margin-right:auto;
}
.my-4{
margin-top:1rem;
margin-bottom:1rem;
}
.mb-4{
margin-bottom:1rem;
}
.mb-6{
margin-bottom:1.5rem;
}
.ml-2{
margin-left:0.5rem;
}
.mt-0{
margin-top:0px;
}
.mt-1{
margin-top:0.25rem;
}
.mt-16{
margin-top:4rem;
}
.mt-2{
margin-top:0.5rem;
}
.mt-3{
margin-top:0.75rem;
}
.mt-4{
margin-top:1rem;
}
.mt-6{
margin-top:1.5rem;
}
.mt-8{
margin-top:2rem;
}
.block{
display:block;
}
.inline-block{
display:inline-block;
}
.flex{
display:flex;
}
.grid{
display:grid;
}
.hidden{
display:none;
}
.aspect-\[1\/1\]{
aspect-ratio:1/1;
}
.aspect-\[10\/1\]{
aspect-ratio:10/1;
}
.aspect-\[16\/9\]{
aspect-ratio:16/9;
}
.aspect-\[2\/1\]{
aspect-ratio:2/1;
}
.aspect-\[3\/2\]{
aspect-ratio:3/2;
}
.aspect-\[3\/4\]{
aspect-ratio:3/4;
}
.aspect-\[4\/3\]{
aspect-ratio:4/3;
}
.aspect-\[5\/3\]{
aspect-ratio:5/3;
}
.aspect-\[5\/4\]{
aspect-ratio:5/4;
}
.aspect-square{
aspect-ratio:1 / 1;
}
.\!h-auto{
height:auto !important;
}
.h-1{
height:0.25rem;
}
.h-10{
height:2.5rem;
}
.h-12{
height:3rem;
}
.h-6{
height:1.5rem;
}
.h-\[5px\]{
height:5px;
}
.h-full{
height:100%;
}
.max-h-12{
max-height:3rem;
}
.min-h-\[30vh\]{
min-height:30vh;
}
.min-h-\[50vh\]{
min-height:50vh;
}
.min-h-\[60vh\]{
min-height:60vh;
}
.min-h-screen{
min-height:100vh;
}
.w-1\/2{
width:50%;
}
.w-1\/3{
width:33.333333%;
}
.w-1\/4{
width:25%;
}
.w-1\/5{
width:20%;
}
.w-10{
width:2.5rem;
}
.w-2\/3{
width:66.666667%;
}
.w-3\/4{
width:75%;
}
.w-4{
width:1rem;
}
.w-4\/5{
width:80%;
}
.w-6{
width:1.5rem;
}
.w-8{
width:2rem;
}
.w-\[80\%\]{
width:80%;
}
.w-\[87\.5\%\]{
width:87.5%;
}
.w-full{
width:100%;
}
.w-screen{
width:100vw;
}
.max-w-\[70\%\]{
max-width:70%;
}
.max-w-\[80\%\]{
max-width:80%;
}
.max-w-\[90\%\]{
max-width:90%;
}
.max-w-full{
max-width:100%;
}
.flex-1{
flex:1 1 0%;
}
.flex-none{
flex:none;
}
.-translate-x-4{
--tw-translate-x:-1rem;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[50\%\]{
--tw-translate-x:-50%;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-4{
--tw-translate-y:-1rem;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
--tw-translate-x:0px;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\]{
--tw-translate-y:-50%;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[100\%\]{
--tw-translate-y:100%;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[50\%\]{
--tw-translate-y:50%;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[1\.1\]{
--tw-scale-x:1.1;
--tw-scale-y:1.1;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cursor-pointer{
cursor:pointer;
}
.list-decimal{
list-style-type:decimal;
}
.list-none{
list-style-type:none;
}
.grid-cols-1{
grid-template-columns:repeat(1, minmax(0, 1fr));
}
.grid-cols-2{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.flex-row{
flex-direction:row;
}
.flex-col{
flex-direction:column;
}
.flex-wrap{
flex-wrap:wrap;
}
.place-items-end{
place-items:end;
}
.items-start{
align-items:flex-start;
}
.items-end{
align-items:flex-end;
}
.items-center{
align-items:center;
}
.justify-end{
justify-content:flex-end;
}
.justify-center{
justify-content:center;
}
.justify-between{
justify-content:space-between;
}
.gap-0{
gap:0px;
}
.gap-1{
gap:0.25rem;
}
.gap-10{
gap:2.5rem;
}
.gap-16{
gap:4rem;
}
.gap-2{
gap:0.5rem;
}
.gap-3{
gap:0.75rem;
}
.gap-4{
gap:1rem;
}
.gap-8{
gap:2rem;
}
.gap-\[1px\]{
gap:1px;
}
.overflow-hidden{
overflow:hidden;
}
.break-all{
word-break:break-all;
}
.rounded{
border-radius:0.25rem;
}
.rounded-full{
border-radius:9999px;
}
.rounded-lg{
border-radius:0.5rem;
}
.rounded-xl{
border-radius:0.75rem;
}
.rounded-t-lg{
border-top-left-radius:0.5rem;
border-top-right-radius:0.5rem;
}
.rounded-tr-lg{
border-top-right-radius:0.5rem;
}
.border{
border-width:1px;
}
.border-b{
border-bottom-width:1px;
}
.border-b-2{
border-bottom-width:2px;
}
.border-r-0{
border-right-width:0px;
}
.border-t{
border-top-width:1px;
}
.border-t-8{
border-top-width:8px;
}
.border-\[var\(--dark-color-50\)\]{
border-color:var(--dark-color-50);
}
.border-\[var\(--dark-color-75\)\]{
border-color:var(--dark-color-75);
}
.border-\[var\(--link-color\)\]{
border-color:var(--link-color);
}
.border-black\/10{
border-color:rgb(0 0 0 / 0.1);
}
.border-white{
--tw-border-opacity:1;
border-color:rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-black\/30{
border-color:rgb(0 0 0 / 0.3);
}
.\!bg-black\/75{
background-color:rgb(0 0 0 / 0.75) !important;
}
.\!bg-black\/90{
background-color:rgb(0 0 0 / 0.9) !important;
}
.bg-\[\#00192b\]{
--tw-bg-opacity:1;
background-color:rgb(0 25 43 / var(--tw-bg-opacity, 1));
}
.bg-\[\#12298c\]{
--tw-bg-opacity:1;
background-color:rgb(18 41 140 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ff6701\]{
--tw-bg-opacity:1;
background-color:rgb(255 103 1 / var(--tw-bg-opacity, 1));
}
.bg-\[var\(--bgc\)\]{
background-color:var(--bgc);
}
.bg-\[var\(--dark-color-50\)\]{
background-color:var(--dark-color-50);
}
.bg-\[var\(--dark-color-75\)\]{
background-color:var(--dark-color-75);
}
.bg-\[var\(--hover-bg\)\]{
background-color:var(--hover-bg);
}
.bg-\[var\(--link-color\)\]{
background-color:var(--link-color);
}
.bg-black{
--tw-bg-opacity:1;
background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/10{
background-color:rgb(0 0 0 / 0.1);
}
.bg-black\/30{
background-color:rgb(0 0 0 / 0.3);
}
.bg-black\/5{
background-color:rgb(0 0 0 / 0.05);
}
.bg-black\/75{
background-color:rgb(0 0 0 / 0.75);
}
.bg-black\/80{
background-color:rgb(0 0 0 / 0.8);
}
.bg-blue-600{
--tw-bg-opacity:1;
background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-cyan-500{
--tw-bg-opacity:1;
background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1));
}
.bg-gray-600{
--tw-bg-opacity:1;
background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-green-600{
--tw-bg-opacity:1;
background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500{
--tw-bg-opacity:1;
background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-red-600{
--tw-bg-opacity:1;
background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-white{
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/75{
background-color:rgb(255 255 255 / 0.75);
}
.bg-\[url\(\/static\/images\/index-factory-scene\.webp\)\]{
background-image:url(//www.ubrong.com/static/images/index-factory-scene.webp);
}
.bg-gradient-to-br{
background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r{
background-image:linear-gradient(to right, var(--tw-gradient-stops));
}
.from-cyan-500{
--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);
--tw-gradient-to:rgb(6 182 212 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-sky-500{
--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);
--tw-gradient-to:rgb(14 165 233 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-blue-800{
--tw-gradient-to:#1e40af var(--tw-gradient-to-position);
}
.to-white{
--tw-gradient-to:#fff var(--tw-gradient-to-position);
}
.to-orange-800{
--tw-gradient-to:#9a3412 var(--tw-gradient-to-position);
}
.to-purple-800{
--tw-gradient-to:#6b21a8 var(--tw-gradient-to-position);
}
.bg-cover{
background-size:cover;
}
.bg-bottom{
background-position:bottom;
}
.bg-center{
background-position:center;
}
.bg-right-top{
background-position:right top;
}
.bg-no-repeat{
background-repeat:no-repeat;
}
.object-cover{
-o-object-fit:cover;
object-fit:cover;
}
.p-12{
padding:3rem;
}
.p-2{
padding:0.5rem;
}
.p-4{
padding:1rem;
}
.p-6{
padding:1.5rem;
}
.p-8{
padding:2rem;
}
.px-1{
padding-left:0.25rem;
padding-right:0.25rem;
}
.px-2{
padding-left:0.5rem;
padding-right:0.5rem;
}
.px-20{
padding-left:5rem;
padding-right:5rem;
}
.px-4{
padding-left:1rem;
padding-right:1rem;
}
.px-6{
padding-left:1.5rem;
padding-right:1.5rem;
}
.px-8{
padding-left:2rem;
padding-right:2rem;
}
.py-2{
padding-top:0.5rem;
padding-bottom:0.5rem;
}
.py-3{
padding-top:0.75rem;
padding-bottom:0.75rem;
}
.py-4{
padding-top:1rem;
padding-bottom:1rem;
}
.py-6{
padding-top:1.5rem;
padding-bottom:1.5rem;
}
.py-8{
padding-top:2rem;
padding-bottom:2rem;
}
.pb-4{
padding-bottom:1rem;
}
.pl-0{
padding-left:0px;
}
.pl-8{
padding-left:2rem;
}
.pt-12{
padding-top:3rem;
}
.pt-16{
padding-top:4rem;
}
.pt-4{
padding-top:1rem;
}
.text-center{
text-align:center;
}
.font-\[\'font-2\'\]{
font-family:'font-2';
}
.\!text-3xl{
font-size:1.875rem !important;
line-height:2.25rem !important;
}
.\!text-4xl{
font-size:2.25rem !important;
line-height:2.5rem !important;
}
.\!text-\[1\.25rem\]{
font-size:1.25rem !important;
}
.\!text-\[1\.75rem\]{
font-size:1.75rem !important;
}
.\!text-xl{
font-size:1.25rem !important;
line-height:1.75rem !important;
}
.text-2xl{
font-size:1.5rem;
line-height:2rem;
}
.text-4xl{
font-size:2.25rem;
line-height:2.5rem;
}
.text-\[1\.25rem\]{
font-size:1.25rem;
}
.text-\[1rem\]{
font-size:1rem;
}
.text-\[3rem\]{
font-size:3rem;
}
.text-base{
font-size:1rem;
line-height:1.5rem;
}
.text-sm{
font-size:0.875rem;
line-height:1.25rem;
}
.text-xl{
font-size:1.25rem;
line-height:1.75rem;
}
.text-xs{
font-size:0.75rem;
line-height:1rem;
}
.font-bold{
font-weight:700;
}
.font-semibold{
font-weight:600;
}
.\!leading-\[1\]{
line-height:1 !important;
}
.leading-\[2\.5\]{
line-height:2.5;
}
.leading-loose{
line-height:2;
}
.tracking-\[\.1rem\]{
letter-spacing:.1rem;
}
.\!text-white{
--tw-text-opacity:1 !important;
color:rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#ccc\]{
--tw-text-opacity:1;
color:rgb(204 204 204 / var(--tw-text-opacity, 1));
}
.text-\[--black-30\]{
color:var(--black-30);
}
.text-\[--black-40\]{
color:var(--black-40);
}
.text-\[var\(--color\)\]{
color:var(--color);
}
.text-\[var\(--dark-color-50\)\]{
color:var(--dark-color-50);
}
.text-\[var\(--dark-color-75\)\]{
color:var(--dark-color-75);
}
.text-\[var\(--hover-color\)\]{
color:var(--hover-color);
}
.text-\[var\(--light-color\)\]{
color:var(--light-color);
}
.text-\[var\(--link-color\)\]{
color:var(--link-color);
}
.text-gray-600{
--tw-text-opacity:1;
color:rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-green-600{
--tw-text-opacity:1;
color:rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-red-600{
--tw-text-opacity:1;
color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-white{
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline{
text-decoration-line:underline;
}
.\!no-underline{
text-decoration-line:none !important;
}
.no-underline{
text-decoration-line:none;
}
.shadow{
--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl{
--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-0{
outline-width:0px;
}
.brightness-50{
--tw-brightness:brightness(.5);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-75{
--tw-brightness:brightness(.75);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.brightness-95{
--tw-brightness:brightness(.95);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition{
transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:150ms;
}
.transition-transform{
transition-property:transform;
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:150ms;
}
.transition-all{
transition-property:all;
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:150ms;
}  .h1, .h2, .h3, .h4, .h5, .h6{
line-height: 1.5;
}
.h1 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 700;
}
@media (min-width: 1200px) {
.h1 {
font-size: 2.5rem;
}
}
.h2 {
font-size: calc(1.325rem + 0.9vw);
font-weight: 600;
}
@media (min-width: 1200px) {
.h2 {
font-size: 2rem;
font-weight: 600;
}
}
.h3 {
font-size: calc(1.3rem + 0.6vw);
font-weight: 500;
}
@media (min-width: 1200px) {
.h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1.275rem + 0.3vw);
font-weight: 500;
}
@media (min-width: 1200px) {
h4, .h4 {
font-size: 1.5rem;
}
}
h5, .h5 {
font-size: 1.5rem;
font-weight: 500;
}
h6, .h6 {
font-size: 1rem;
font-weight: 500;
}
.marker\:text-black\/50 *::marker{
color:rgb(0 0 0 / 0.5);
}
.marker\:text-black\/50::marker{
color:rgb(0 0 0 / 0.5);
}
.before\:text-4xl::before{
content:var(--tw-content);
font-size:2.25rem;
line-height:2.5rem;
}
.before\:text-\[5rem\]::before{
content:var(--tw-content);
font-size:5rem;
}
.before\:text-\[4rem\]::before{
content:var(--tw-content);
font-size:4rem;
}
.hover\:-translate-y-1:hover{
--tw-translate-y:-0.25rem;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.1\]:hover{
--tw-scale-x:1.1;
--tw-scale-y:1.1;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-\[1\.05\]:hover{
--tw-scale-x:1.05;
--tw-scale-y:1.05;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-125:hover{
--tw-scale-x:1.25;
--tw-scale-y:1.25;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:bg-\[var\(--hover-color\)\]:hover{
background-color:var(--hover-color);
}
.hover\:bg-black\/10:hover{
background-color:rgb(0 0 0 / 0.1);
}
.hover\:bg-black\/75:hover{
background-color:rgb(0 0 0 / 0.75);
}
.hover\:bg-black:hover{
--tw-bg-opacity:1;
background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.hover\:bg-black\/90:hover{
background-color:rgb(0 0 0 / 0.9);
}
.hover\:text-\[var\(--hover-color\)\]:hover{
color:var(--hover-color);
}
.hover\:text-red-600:hover{
--tw-text-opacity:1;
color:rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover{
--tw-text-opacity:1;
color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:no-underline:hover{
text-decoration-line:none;
}
.group:hover .group-hover\:float-right{
float:right;
}
.group:hover .group-hover\:-translate-y-\[200\%\]{
--tw-translate-y:-200%;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-4{
--tw-translate-x:1rem;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-2{
--tw-translate-x:0.5rem;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:translate-x-1{
--tw-translate-x:0.25rem;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-\[1\.1\]{
--tw-scale-x:1.1;
--tw-scale-y:1.1;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-125{
--tw-scale-x:1.25;
--tw-scale-y:1.25;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-150{
--tw-scale-x:1.5;
--tw-scale-y:1.5;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:border{
border-width:1px;
}
.group:hover .group-hover\:bg-black\/75{
background-color:rgb(0 0 0 / 0.75);
}
.group:hover .group-hover\:bg-white{
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:text-\[var\(--link-color\)\]{
color:var(--link-color);
}
.group:hover .group-hover\:no-underline{
text-decoration-line:none;
}
.group:hover .group-hover\:shadow-lg{
--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:brightness-75{
--tw-brightness:brightness(.75);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.group:hover .group-hover\:brightness-50{
--tw-brightness:brightness(.5);
filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@media (min-width: 768px){
.md\:hidden{
display:none;
}
.md\:aspect-\[3\/1\]{
aspect-ratio:3/1;
}
.md\:grid-cols-2{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.md\:p-8{
padding:2rem;
}
.md\:py-12{
padding-top:3rem;
padding-bottom:3rem;
}
.md\:py-8{
padding-top:2rem;
padding-bottom:2rem;
}
}
@media (min-width: 1024px){
.lg\:absolute{
position:absolute;
}
.lg\:-bottom-8{
bottom:-2rem;
}
.lg\:-left-8{
left:-2rem;
}
.lg\:bottom-4{
bottom:1rem;
}
.lg\:left-0{
left:0px;
}
.lg\:left-4{
left:1rem;
}
.lg\:right-20{
right:5rem;
}
.lg\:right-auto{
right:auto;
}
.lg\:top-0{
top:0px;
}
.lg\:top-20{
top:5rem;
}
.lg\:order-2{
order:2;
}
.lg\:order-3{
order:3;
}
.lg\:order-4{
order:4;
}
.lg\:col-span-1{
grid-column:span 1 / span 1;
}
.lg\:col-span-2{
grid-column:span 2 / span 2;
}
.lg\:float-right{
float:right;
}
.lg\:mx-auto{
margin-left:auto;
margin-right:auto;
}
.lg\:my-12{
margin-top:3rem;
margin-bottom:3rem;
}
.lg\:my-16{
margin-top:4rem;
margin-bottom:4rem;
}
.lg\:my-8{
margin-top:2rem;
margin-bottom:2rem;
}
.lg\:mb-12{
margin-bottom:3rem;
}
.lg\:mb-6{
margin-bottom:1.5rem;
}
.lg\:mt-0{
margin-top:0px;
}
.lg\:mt-10{
margin-top:2.5rem;
}
.lg\:mt-12{
margin-top:3rem;
}
.lg\:mt-16{
margin-top:4rem;
}
.lg\:mt-2{
margin-top:0.5rem;
}
.lg\:mt-20{
margin-top:5rem;
}
.lg\:mt-4{
margin-top:1rem;
}
.lg\:mt-6{
margin-top:1.5rem;
}
.lg\:mt-8{
margin-top:2rem;
}
.lg\:block{
display:block;
}
.lg\:inline-block{
display:inline-block;
}
.lg\:flex{
display:flex;
}
.lg\:hidden{
display:none;
}
.lg\:aspect-\[16\/9\]{
aspect-ratio:16/9;
}
.lg\:aspect-\[3\/1\]{
aspect-ratio:3/1;
}
.lg\:aspect-\[4\/1\]{
aspect-ratio:4/1;
}
.lg\:h-16{
height:4rem;
}
.lg\:h-8{
height:2rem;
}
.lg\:h-full{
height:100%;
}
.lg\:min-h-\[30vh\]{
min-height:30vh;
}
.lg\:w-1\/2{
width:50%;
}
.lg\:w-1\/3{
width:33.333333%;
}
.lg\:w-1\/4{
width:25%;
}
.lg\:w-12{
width:3rem;
}
.lg\:w-2\/3{
width:66.666667%;
}
.lg\:w-2\/5{
width:40%;
}
.lg\:w-3\/4{
width:75%;
}
.lg\:w-3\/5{
width:60%;
}
.lg\:w-4\/5{
width:80%;
}
.lg\:w-8{
width:2rem;
}
.lg\:w-\[25\%\]{
width:25%;
}
.lg\:w-\[30\%\]{
width:30%;
}
.lg\:w-\[45\%\]{
width:45%;
}
.lg\:w-\[50\%\]{
width:50%;
}
.lg\:w-\[55\%\]{
width:55%;
}
.lg\:w-\[70\%\]{
width:70%;
}
.lg\:w-\[75\%\]{
width:75%;
}
.lg\:w-\[var\(--cbox-width\)\]{
width:var(--cbox-width);
}
.lg\:w-full{
width:100%;
}
.lg\:-translate-x-1\/2{
--tw-translate-x:-50%;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes bounce{
0%, 100%{
transform:translateY(-25%);
animation-timing-function:cubic-bezier(0.8,0,1,1);
}
50%{
transform:none;
animation-timing-function:cubic-bezier(0,0,0.2,1);
}
}
.lg\:animate-bounce{
animation:bounce 1s infinite;
}
.lg\:list-disc{
list-style-type:disc;
}
.lg\:grid-cols-2{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4{
grid-template-columns:repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5{
grid-template-columns:repeat(5, minmax(0, 1fr));
}
.lg\:flex-row{
flex-direction:row;
}
.lg\:flex-col{
flex-direction:column;
}
.lg\:items-start{
align-items:flex-start;
}
.lg\:items-center{
align-items:center;
}
.lg\:justify-center{
justify-content:center;
}
.lg\:justify-between{
justify-content:space-between;
}
.lg\:gap-10{
gap:2.5rem;
}
.lg\:gap-12{
gap:3rem;
}
.lg\:gap-16{
gap:4rem;
}
.lg\:gap-2{
gap:0.5rem;
}
.lg\:gap-20{
gap:5rem;
}
.lg\:gap-4{
gap:1rem;
}
.lg\:gap-40{
gap:10rem;
}
.lg\:gap-6{
gap:1.5rem;
}
.lg\:gap-8{
gap:2rem;
}
.lg\:rounded-lg{
border-radius:0.5rem;
}
.lg\:border-b{
border-bottom-width:1px;
}
.lg\:bg-\[var\(--dark-color-75\)\]{
background-color:var(--dark-color-75);
}
.lg\:bg-black\/10{
background-color:rgb(0 0 0 / 0.1);
}
.lg\:bg-black\/30{
background-color:rgb(0 0 0 / 0.3);
}
.lg\:bg-black\/70{
background-color:rgb(0 0 0 / 0.7);
}
.lg\:bg-transparent{
background-color:transparent;
}
.lg\:bg-white{
--tw-bg-opacity:1;
background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.lg\:p-0{
padding:0px;
}
.lg\:p-10{
padding:2.5rem;
}
.lg\:p-12{
padding:3rem;
}
.lg\:p-16{
padding:4rem;
}
.lg\:p-20{
padding:5rem;
}
.lg\:p-4{
padding:1rem;
}
.lg\:p-6{
padding:1.5rem;
}
.lg\:p-8{
padding:2rem;
}
.lg\:px-0{
padding-left:0px;
padding-right:0px;
}
.lg\:px-10{
padding-left:2.5rem;
padding-right:2.5rem;
}
.lg\:px-16{
padding-left:4rem;
padding-right:4rem;
}
.lg\:px-4{
padding-left:1rem;
padding-right:1rem;
}
.lg\:px-8{
padding-left:2rem;
padding-right:2rem;
}
.lg\:py-0{
padding-top:0px;
padding-bottom:0px;
}
.lg\:py-1{
padding-top:0.25rem;
padding-bottom:0.25rem;
}
.lg\:py-16{
padding-top:4rem;
padding-bottom:4rem;
}
.lg\:py-20{
padding-top:5rem;
padding-bottom:5rem;
}
.lg\:py-28{
padding-top:7rem;
padding-bottom:7rem;
}
.lg\:py-36{
padding-top:9rem;
padding-bottom:9rem;
}
.lg\:py-4{
padding-top:1rem;
padding-bottom:1rem;
}
.lg\:py-5{
padding-top:1.25rem;
padding-bottom:1.25rem;
}
.lg\:py-6{
padding-top:1.5rem;
padding-bottom:1.5rem;
}
.lg\:py-8{
padding-top:2rem;
padding-bottom:2rem;
}
.lg\:pb-12{
padding-bottom:3rem;
}
.lg\:pb-32{
padding-bottom:8rem;
}
.lg\:pb-4{
padding-bottom:1rem;
}
.lg\:pb-6{
padding-bottom:1.5rem;
}
.lg\:pl-12{
padding-left:3rem;
}
.lg\:pl-6{
padding-left:1.5rem;
}
.lg\:pt-0{
padding-top:0px;
}
.lg\:pt-28{
padding-top:7rem;
}
.lg\:text-left{
text-align:left;
}
.lg\:\!text-2xl{
font-size:1.5rem !important;
line-height:2rem !important;
}
.lg\:text-2xl{
font-size:1.5rem;
line-height:2rem;
}
.lg\:text-3xl{
font-size:1.875rem;
line-height:2.25rem;
}
.lg\:text-4xl{
font-size:2.25rem;
line-height:2.5rem;
}
.lg\:text-5xl{
font-size:3rem;
line-height:1;
}
.lg\:text-6xl{
font-size:3.75rem;
line-height:1;
}
.lg\:text-\[1\.25rem\]{
font-size:1.25rem;
}
.lg\:text-\[1\.75rem\]{
font-size:1.75rem;
}
.lg\:text-base{
font-size:1rem;
line-height:1.5rem;
}
.lg\:text-xl{
font-size:1.25rem;
line-height:1.75rem;
}
.lg\:font-normal{
font-weight:400;
}
.lg\:font-semibold{
font-weight:600;
}
.lg\:\!leading-\[1\.5\]{
line-height:1.5 !important;
}
.lg\:leading-\[2\.3\]{
line-height:2.3;
}
.lg\:leading-\[4\.5\]{
line-height:4.5;
}
.lg\:leading-loose{
line-height:2;
}
.lg\:opacity-0{
opacity:0;
}
.lg\:shadow-lg{
--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.lg\:transition-transform{
transition-property:transform;
transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
transition-duration:150ms;
}
.lg\:hover\:animate-none:hover{
animation:none;
}
.group:hover .lg\:group-hover\:block{
display:block;
}
.group:hover .lg\:group-hover\:scale-\[1\.1\]{
--tw-scale-x:1.1;
--tw-scale-y:1.1;
transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .lg\:group-hover\:text-\[var\(--red-base\)\]{
color:var(--red-base);
}
.group:hover .lg\:group-hover\:opacity-100{
opacity:1;
}
}
@media (min-width: 1280px){
.xl\:mt-6{
margin-top:1.5rem;
}
.xl\:flex-row{
flex-direction:row;
}
.xl\:gap-20{
gap:5rem;
}
.xl\:p-16{
padding:4rem;
}
.xl\:text-4xl{
font-size:2.25rem;
line-height:2.5rem;
}
.xl\:text-5xl{
font-size:3rem;
line-height:1;
}
}@font-face {
font-family: "iconfont"; src: url(/static/font/font/iconfont.ttf?t=1729749058690) format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconmenu3:before {
content: "\e62c";
}
.iconmenu5:before {
content: "\e605";
}
.iconmenu6:before {
content: "\e635";
}
.iconsey-more:before {
content: "\e699";
}
.iconmore1:before {
content: "\e634";
}
.iconmore2:before {
content: "\e6f5";
}
.iconhand-right:before {
content: "\e6b9";
}
.iconright-btn:before {
content: "\e840";
}
.iconlanmu:before {
content: "\e66e";
}
.iconxiangshangjiantou:before {
content: "\e65d";
}
.iconxiangxiajiantou:before {
content: "\e65e";
}
.iconxiangyoujiantou:before {
content: "\e65f";
}
.iconxiangzuojiantou:before {
content: "\e660";
}
.icon-yuangong:before {
content: "\e604";
}
.iconearth1:before {
content: "\e731";
}
.iconmianji-mian:before {
content: "\e638";
}
.icontuanduibaozhang:before {
content: "\e647";
}
.iconteam-full:before {
content: "\e8f5";
}
.iconfactory:before {
content: "\e84c";
}
.iconFactory:before {
content: "\e603";
}
.iconzichanguanli-zichantaizhang:before {
content: "\e639";
}
.iconphone2:before {
content: "\e648";
}
.iconwhatsapp:before {
content: "\e739";
}
.iconfenlei:before {
content: "\e64e";
}
.iconedit2:before {
content: "\e609";
}
.iconweibo:before {
content: "\e644";
}
.iconweixin:before {
content: "\e695";
}
.iconweixin1:before {
content: "\e61c";
}
.iconerweima:before {
content: "\e848";
}
.icondouyin:before {
content: "\e623";
}
.iconpinduoduo:before {
content: "\e69f";
}
.iconyoutube:before {
content: "\ec77";
}
.iconlinkedin:before {
content: "\e697";
}
.iconfacebook:before {
content: "\e622";
}
.icontwitter:before {
content: "\e882";
}
.iconshuaxin1:before {
content: "\e6a7";
}
.iconclear-l:before {
content: "\e617";
}
.iconclear:before {
content: "\e63c";
}
.iconiconfontkefu:before {
content: "\e643";
}
.iconicon_kefu:before {
content: "\e633";
}
.iconicon_kefu2:before {
content: "\e631";
}
.iconerror:before {
content: "\e727";
}
.iconyes:before {
content: "\e685";
}
.iconyes1:before {
content: "\e621";
}
.iconerror1:before {
content: "\e7a6";
}
.iconerror2:before {
content: "\ed4f";
}
.iconsanjiaoxia:before {
content: "\e650";
}
.iconqq:before {
content: "\e616";
}
.iconsousuo3:before {
content: "\e86e";
}
.iconliuyan:before {
content: "\e614";
}
.iconleibieguanli:before {
content: "\e640";
}
.iconcylxr:before {
content: "\e63b";
}
.icon3401caidan:before {
content: "\e663";
}
.iconchuanzhen:before {
content: "\e602";
}
.iconphone1:before {
content: "\e630";
}
.iconemail1:before {
content: "\e608";
}
.iconaddress1:before {
content: "\e637";
}
.iconfax:before {
content: "\e620";
}
.iconTag:before {
content: "\e607";
}
.iconleibieguanli_icox:before {
content: "\e6cf";
}
.iconphone:before {
content: "\e726";
}
.iconclose1:before {
content: "\e6e9";
}
.icondate:before {
content: "\e611";
}
.iconlvzhou_renzhengfangshi_yijianrenzheng:before {
content: "\e636";
}
.iconshijian:before {
content: "\e665";
}
.iconIP:before {
content: "\e632";
}
.iconriqi:before {
content: "\e612";
}
.iconmusic:before {
content: "\e680";
}
.iconvipcard:before {
content: "\e6ee";
}
.iconvoice:before {
content: "\e6ef";
}
.iconwifi:before {
content: "\e6f2";
}
.iconshare:before {
content: "\e6f3";
}
.icondown:before {
content: "\e703";
}
.iconmobile:before {
content: "\e704";
}
.iconcopy:before {
content: "\e706";
}
.iconfavor:before {
content: "\e64c";
}
.iconcomment:before {
content: "\e667";
}
.iconlike:before {
content: "\e669";
}
.iconnotification:before {
content: "\e66b";
}
.iconorder:before {
content: "\e66c";
}
.iconpay:before {
content: "\e674";
}
.iconsend:before {
content: "\e675";
}
.iconticket:before {
content: "\e677";
}
.iconrefresh:before {
content: "\e6a5";
}
.iconmoreandroid:before {
content: "\e6a6";
}
.iconrefund:before {
content: "\e6ac";
}
.iconcart:before {
content: "\e6af";
}
.iconremind:before {
content: "\e6b2";
}
.icondelete:before {
content: "\e6b4";
}
.iconmessage:before {
content: "\e6bc";
}
.iconaddressbook:before {
content: "\e6bd";
}
.iconactivity:before {
content: "\e6c5";
}
.icongoods:before {
content: "\e6cd";
}
.iconselection:before {
content: "\e6ce";
}
.iconpresent:before {
content: "\e6d3";
}
.iconsquare:before {
content: "\e6d5";
}
.iconsquarecheck:before {
content: "\e6d6";
}
.icongame:before {
content: "\e6e0";
}
.iconredpacket:before {
content: "\e6e1";
}
.iconinfo:before {
content: "\e6e5";
}
.iconforward:before {
content: "\e6eb";
}
.iconcountdown:before {
content: "\e708";
}
.iconnotice:before {
content: "\e70a";
}
.iconupstage:before {
content: "\e70f";
}
.iconchoiceness:before {
content: "\e715";
}
.iconclothes:before {
content: "\e717";
}
.iconfemale:before {
content: "\e71b";
}
.iconkeyboard:before {
content: "\e71c";
}
.iconmale:before {
content: "\e71d";
}
.iconrank:before {
content: "\e722";
}
.iconbad:before {
content: "\e723";
}
.iconcameraadd:before {
content: "\e724";
}
.iconfocus:before {
content: "\e725";
}
.iconalbum:before {
content: "\e734";
}
.iconfile:before {
content: "\e73a";
}
.icontaoxiaopu:before {
content: "\e73b";
}
.iconcommunity:before {
content: "\e741";
}
.iconmagic:before {
content: "\e74c";
}
.iconstop:before {
content: "\e750";
}
.icontag:before {
content: "\e752";
}
.icongroup:before {
content: "\e753";
}
.iconhot:before {
content: "\e758";
}
.iconrounddown:before {
content: "\e75c";
}
.iconupload:before {
content: "\e75d";
}
.iconadd:before {
content: "\e767";
}
.iconmove:before {
content: "\e768";
}
.iconsafe:before {
content: "\e769";
}
.iconqi:before {
content: "\e76f";
}
.iconcrown:before {
content: "\e777";
}
.iconmy:before {
content: "\e78b";
}
.icontext:before {
content: "\e791";
}
.iconmusicfill:before {
content: "\e795";
}
.iconmusicforbidfill:before {
content: "\e796";
}
.iconemojilight:before {
content: "\e7a1";
}
.iconkeyboardlight:before {
content: "\e7a3";
}
.iconrecordlight:before {
content: "\e7a5";
}
.iconshoplight:before {
content: "\e7b8";
}
.iconcheck:before {
content: "\e645";
}
.iconclose:before {
content: "\e646";
}
.iconevaluate:before {
content: "\e672";
}
.iconlist:before {
content: "\e682";
}
.iconmore:before {
content: "\e684";
}
.iconscan:before {
content: "\e689";
}
.iconsettings:before {
content: "\e68a";
}
.iconpic:before {
content: "\e69b";
}
.icontop:before {
content: "\e69e";
}
.iconhome:before {
content: "\e6b8";
}
.iconlock:before {
content: "\e6c0";
}
.iconunlock:before {
content: "\e6c2";
}
.iconcreative:before {
content: "\e719";
}
.iconrepair:before {
content: "\e738";
}
.iconattention:before {
content: "\e73d";
}
.iconattentionforbid:before {
content: "\e7b2";
}
.iconvoicelight:before {
content: "\e7b9";
}
.iconnewshot:before {
content: "\e7c5";
}.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cpath fill='%23fff' d='M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}.viewer-container ::selection,.viewer-container::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}