/*! tailwindcss v2.0.3 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*

Document

========

*/

/**

Use a better box model (opinionated).

*/

*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}

/**

Use a more readable tab size (opinionated).

*/

:root {

  -moz-tab-size: 4;

  -o-tab-size: 4;

     tab-size: 4;

}

/**

1. Correct the line height in all browsers.

2. Prevent adjustments of font size after orientation changes in iOS.

*/

html {

  line-height: 1.15; /* 1 */

  -webkit-text-size-adjust: 100%; /* 2 */

}

/*

Sections

========

*/

/**

Remove the margin in all browsers.

*/

body {

  margin: 0;

}

/**

Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)

*/

body {

  font-family:

		system-ui,

		-apple-system, /* Firefox supports this but not yet `system-ui` */

		'Segoe UI',

		Roboto,

		Helvetica,

		Arial,

		sans-serif,

		'Apple Color Emoji',

		'Segoe UI Emoji';

}

/*

Grouping content

================

*/

/**

1. Add the correct height in Firefox.

2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)

*/

hr {

  height: 0; /* 1 */

  color: inherit; /* 2 */

}

/*

Text-level semantics

====================

*/

/**

Add the correct text decoration in Chrome, Edge, and Safari.

*/

abbr[title] {

  -webkit-text-decoration: underline dotted;

          text-decoration: underline dotted;

}

/**

Add the correct font weight in Edge and Safari.

*/

b,

strong {

  font-weight: bolder;

}

/**

1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)

2. Correct the odd 'em' font sizing in all browsers.

*/

code,

kbd,

samp,

pre {

  font-family:

		ui-monospace,

		SFMono-Regular,

		Consolas,

		'Liberation Mono',

		Menlo,

		monospace; /* 1 */

  font-size: 1em; /* 2 */

}

/**

Add the correct font size in all browsers.

*/

small {

  font-size: 80%;

}

/**

Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.

*/

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sub {

  bottom: -0.25em;

}

sup {

  top: -0.5em;

}

/*

Tabular data

============

*/

/**

1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)

2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)

*/

table {

  text-indent: 0; /* 1 */

  border-color: inherit; /* 2 */

}

/*

Forms

=====

*/

/**

1. Change the font styles in all browsers.

2. Remove the margin in Firefox and Safari.

*/

button,

input,

optgroup,

select,

textarea {

  font-family: inherit; /* 1 */

  font-size: 100%; /* 1 */

  line-height: 1.15; /* 1 */

  margin: 0; /* 2 */

}

/**

Remove the inheritance of text transform in Edge and Firefox.

1. Remove the inheritance of text transform in Firefox.

*/

button,

select { /* 1 */

  text-transform: none;

}

/**

Correct the inability to style clickable types in iOS and Safari.

*/

button,

[type='button'],

[type='submit'] {

  -webkit-appearance: button;

}

/**

Remove the inner border and padding in Firefox.

*/

/**

Restore the focus styles unset by the previous rule.

*/

/**

Remove the additional ':invalid' styles in Firefox.

See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737

*/

/**

Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.

*/

legend {

  padding: 0;

}

/**

Add the correct vertical alignment in Chrome and Firefox.

*/

progress {

  vertical-align: baseline;

}

/**

Correct the cursor style of increment and decrement buttons in Safari.

*/

/**

1. Correct the odd appearance in Chrome and Safari.

2. Correct the outline style in Safari.

*/

[type='search'] {

  -webkit-appearance: textfield; /* 1 */

  outline-offset: -2px; /* 2 */

}

/**

Remove the inner padding in Chrome and Safari on macOS.

*/

/**

1. Correct the inability to style clickable types in iOS and Safari.

2. Change font properties to 'inherit' in Safari.

*/

/*

Interactive

===========

*/

/*

Add the correct display in Chrome and Safari.

*/

summary {

  display: list-item;

}

/**

 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base

 * A thin layer on top of normalize.css that provides a starting point more

 * suitable for web applications.

 */

/**

 * Removes the default spacing and border for appropriate elements.

 */

blockquote,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

figure,

p,

pre {

  margin: 0;

}

button {

  background-color: transparent;

  background-image: none;

}

/**

 * Work around a Firefox/IE bug where the transparent `button` background

 * results in a loss of the default `button` focus styles.

 */

button:focus {

  outline: 1px dotted;

  outline: 5px auto -webkit-focus-ring-color;

}

fieldset {

  margin: 0;

  padding: 0;

}

ol,

ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

/**

 * Tailwind custom reset styles

 */

/**

 * 1. Use the user's configured `sans` font-family (with Tailwind's default

 *    sans-serif font stack as a fallback) as a sane default.

 * 2. Use Tailwind's default "normal" line-height so the user isn't forced

 *    to override it to ensure consistency even when using the default theme.

 */

html {

  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */

  line-height: 1.5; /* 2 */

}

/**

 * Inherit font-family and line-height from `html` so users can set them as

 * a class directly on the `html` element.

 */

body {

  font-family: inherit;

  line-height: inherit;

}

/**

 * 1. Prevent padding and border from affecting element width.

 *

 *    We used to set this in the html element and inherit from

 *    the parent element for everything else. This caused issues

 *    in shadow-dom-enhanced elements like <details> where the content

 *    is wrapped by a div with box-sizing set to `content-box`.

 *

 *    https://github.com/mozdevs/cssremedy/issues/4

 *

 *

 * 2. Allow adding a border to an element by just adding a border-width.

 *

 *    By default, the way the browser specifies that an element should have no

 *    border is by setting it's border-style to `none` in the user-agent

 *    stylesheet.

 *

 *    In order to easily add borders to elements by just setting the `border-width`

 *    property, we change the default border-style for all elements to `solid`, and

 *    use border-width to hide them instead. This way our `border` utilities only

 *    need to set the `border-width` property instead of the entire `border`

 *    shorthand, making our border utilities much more straightforward to compose.

 *

 *    https://github.com/tailwindcss/tailwindcss/pull/116

 */

*,

::before,

::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box; /* 1 */

  border-width: 0; /* 2 */

  border-style: solid; /* 2 */

  border-color: #e5e7eb; /* 2 */

}

/*

 * Ensure horizontal rules are visible by default

 */

hr {

  border-top-width: 1px;

}

/**

 * Undo the `border-style: none` reset that Normalize applies to images so that

 * our `border-{width}` utilities have the expected effect.

 *

 * The Normalize reset is unnecessary for us since we default the border-width

 * to 0 on all elements.

 *

 * https://github.com/tailwindcss/tailwindcss/issues/362

 */

/*

img {

  border-style: solid;

}

*/

textarea {

  resize: vertical;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  opacity: 1;

  color: #9ca3af;

}

input::-moz-placeholder,

textarea::-moz-placeholder {

  opacity: 1;

  color: #9ca3af;

}

input::-ms-input-placeholder,

textarea::-ms-input-placeholder {

  opacity: 1;

  color: #9ca3af;

}

input::placeholder,

textarea::placeholder {

  opacity: 1;

  color: #9ca3af;

}

button,

[role="button"] {

  cursor: pointer;

}

table {

  border-collapse: collapse;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: inherit;

  font-weight: inherit;

}

/**

 * Reset links to optimize for opt-in styling instead of

 * opt-out.

 */

a {

  color: inherit;

  text-decoration: inherit;

}

/**

 * Reset form element properties that are easy to forget to

 * style explicitly so you don't inadvertently introduce

 * styles that deviate from your design system. These styles

 * supplement a partial reset that is already applied by

 * normalize.css.

 */

button,

input,

optgroup,

select,

textarea {

  padding: 0;

  line-height: inherit;

  color: inherit;

}

/**

 * Use the configured 'mono' font family for elements that

 * are expected to be rendered with a monospace font, falling

 * back to the system monospace stack if there is no configured

 * 'mono' font family.

 */

pre,

code,

kbd,

samp {

  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}

/**

 * Make replaced elements `display: block` by default as that's

 * the behavior you want almost all of the time. Inspired by

 * CSS Remedy, with `svg` added as well.

 *

 * https://github.com/mozdevs/cssremedy/issues/14

 */

/*

img,

svg,

video,

canvas,

audio,

iframe,

embed,

object {

  display: block;

  vertical-align: middle;

}

*/

/**

 * Constrain images and videos to the parent width and preserve

 * their instrinsic aspect ratio.

 *

 * https://github.com/mozdevs/cssremedy/issues/14

 */

img,

video {

  max-width: 100%;

  height: auto;

}

.bg-blue-100 {

  --tw-bg-opacity: 1;

  background-color: rgba(219, 234, 254, var(--tw-bg-opacity));

}

.bg-blue-500 {

  --tw-bg-opacity: 1;

  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));

}

.bg-white {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));

}

.bg-gray-100 {

  --tw-bg-opacity: 1;

  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

}

.bg-gray-200 {

  --tw-bg-opacity: 1;

  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));

}

.bg-orange-100 {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 237, 213, var(--tw-bg-opacity));

}

.bg-red-100 {

  --tw-bg-opacity: 1;

  background-color: rgba(255, 228, 230, var(--tw-bg-opacity));

}

.bg-green-100 {

  --tw-bg-opacity: 1;

  background-color: rgba(220, 252, 231, var(--tw-bg-opacity));

}

.bg-green-500 {

  --tw-bg-opacity: 1;

  background-color: rgba(31, 195, 114, var(--tw-bg-opacity));

}

.hover\:bg-gray-100:hover {

  --tw-bg-opacity: 1;

  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));

}

.bg-gradient-to-r {

  background-image: -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops)));

  background-image: linear-gradient(to right, var(--tw-gradient-stops));

}

.from-purple-500 {

  --tw-gradient-from: #a855f7;

  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0));

}

.to-purple-300 {

  --tw-gradient-to: #d8b4fe;

}

.bg-opacity-40 {

  --tw-bg-opacity: 0.4;

}

.border-gray-100 {

  --tw-border-opacity: 1;

  border-color: rgba(243, 244, 246, var(--tw-border-opacity));

}

.border-gray-200 {

  --tw-border-opacity: 1;

  border-color: rgba(229, 231, 235, var(--tw-border-opacity));

}

.border-gray-300 {

  --tw-border-opacity: 1;

  border-color: rgba(209, 213, 219, var(--tw-border-opacity));

}

.border-green-500 {

  --tw-border-opacity: 1;

  border-color: rgba(31, 195, 114, var(--tw-border-opacity));

}

.hover\:border-green-500:hover {

  --tw-border-opacity: 1;

  border-color: rgba(31, 195, 114, var(--tw-border-opacity));

}

.rounded-sm {

  border-radius: 0.125rem;

}

.rounded {

  border-radius: 0.25rem;

}

.rounded-lg {

  border-radius: 0.5rem;

}

.rounded-2xl {

  border-radius: 1rem;

}

.rounded-full {

  border-radius: 9999px;

}

.border-dashed {

  border-style: dashed;

}

.border-none {

  border-style: none;

}

.border {

  border-width: 1px;

}

.border-b {

  border-bottom-width: 1px;

}

.cursor-pointer {

  cursor: pointer;

}

.block {

  display: block;

}

.inline-block {

  display: inline-block;

}

.inline {

  display: inline;

}

.flex {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.table {

  display: table;

}

.grid {

  display: grid;

}

.hidden {

  display: none;

}

.flex-col {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.flex-wrap {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.items-start {

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}

.items-end {

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

}

.items-center {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.justify-end {

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

.justify-center {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.justify-between {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.justify-around {

  -ms-flex-pack: distribute;

      justify-content: space-around;

}

.flex-1 {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 0%;

          flex: 1 1 0%;

}

.flex-grow {

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}

.flex-shrink-0 {

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.flex-shrink {

  -ms-flex-negative: 1;

      flex-shrink: 1;

}

.font-medium {

  font-weight: 500;

}

.font-semibold {

  font-weight: 600;

}

.h-8 {

  height: 2rem;

}

.h-12 {

  height: 3rem;

}

.h-24 {

  height: 6rem;

}

.h-32 {

  height: 8rem;

}

.h-56 {

  height: 14rem;

}

.h-full {

  height: 100%;

}

.text-xs {

  font-size: 0.75rem;

  line-height: 1rem;

}

.text-sm {

  font-size: 0.875rem;

  line-height: 1.25rem;

}

.text-base {

  font-size: 1rem;

  line-height: 1.5rem;

}

.text-lg {

  font-size: 1.125rem;

  line-height: 1.75rem;

}

.text-xl {

  font-size: 1.25rem;

  line-height: 1.75rem;

}

.text-2xl {

  font-size: 1.5rem;

  line-height: 2rem;

}

.text-3xl {

  font-size: 1.875rem;

  line-height: 2.25rem;

}

.text-4xl {

  font-size: 2.25rem;

  line-height: 2.5rem;

}

.leading-7 {

  line-height: 1.75rem;

}

.leading-8 {

  line-height: 2rem;

}

.leading-9 {

  line-height: 2.25rem;

}

.leading-none {

  line-height: 1;

}

.leading-loose {

  line-height: 2;

}

.mx-2 {

  margin-left: 0.5rem;

  margin-right: 0.5rem;

}

.mx-3 {

  margin-left: 0.75rem;

  margin-right: 0.75rem;

}

.my-5 {

  margin-top: 1.25rem;

  margin-bottom: 1.25rem;

}

.my-8 {

  margin-top: 2rem;

  margin-bottom: 2rem;

}

.mx-auto {

  margin-left: auto;

  margin-right: auto;

}

.mr-1 {

  margin-right: 0.25rem;

}

.mb-1 {

  margin-bottom: 0.25rem;

}

.mt-2 {

  margin-top: 0.5rem;

}

.mr-2 {

  margin-right: 0.5rem;

}

.mb-2 {

  margin-bottom: 0.5rem;

}

.ml-2 {

  margin-left: 0.5rem;

}

.mt-3 {

  margin-top: 0.75rem;

}

.mr-3 {

  margin-right: 0.75rem;

}

.mb-3 {

  margin-bottom: 0.75rem;

}

.ml-3 {

  margin-left: 0.75rem;

}

.mt-4 {

  margin-top: 1rem;

}

.mb-4 {

  margin-bottom: 1rem;

}

.mt-5 {

  margin-top: 1.25rem;

}

.mr-5 {

  margin-right: 1.25rem;

}

.mb-5 {

  margin-bottom: 1.25rem;

}

.ml-5 {

  margin-left: 1.25rem;

}

.mt-8 {

  margin-top: 2rem;

}

.mr-8 {

  margin-right: 2rem;

}

.mb-8 {

  margin-bottom: 2rem;

}

.ml-8 {

  margin-left: 2rem;

}

.mt-10 {

  margin-top: 2.5rem;

}

.mb-10 {

  margin-bottom: 2.5rem;

}

.mt-12 {

  margin-top: 3rem;

}

.ml-12 {

  margin-left: 3rem;

}

.mt-16 {

  margin-top: 4rem;

}

.mr-16 {

  margin-right: 4rem;

}

.min-h-full {

  min-height: 100%;

}

.overflow-hidden {

  overflow: hidden;

}

.overflow-y-scroll {

  overflow-y: scroll;

}

.p-1 {

  padding: 0.25rem;

}

.p-2 {

  padding: 0.5rem;

}

.p-3 {

  padding: 0.75rem;

}

.p-5 {

  padding: 1.25rem;

}

.p-8 {

  padding: 2rem;

}

.py-1 {

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

}

.px-1 {

  padding-left: 0.25rem;

  padding-right: 0.25rem;

}

.py-2 {

  padding-top: 0.5rem;

  padding-bottom: 0.5rem;

}

.px-2 {

  padding-left: 0.5rem;

  padding-right: 0.5rem;

}

.py-3 {

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

}

.px-3 {

  padding-left: 0.75rem;

  padding-right: 0.75rem;

}

.px-4 {

  padding-left: 1rem;

  padding-right: 1rem;

}

.py-5 {

  padding-top: 1.25rem;

  padding-bottom: 1.25rem;

}

.px-5 {

  padding-left: 1.25rem;

  padding-right: 1.25rem;

}

.py-8 {

  padding-top: 2rem;

  padding-bottom: 2rem;

}

.px-8 {

  padding-left: 2rem;

  padding-right: 2rem;

}

.px-16 {

  padding-left: 4rem;

  padding-right: 4rem;

}

.pb-1 {

  padding-bottom: 0.25rem;

}

.pl-1 {

  padding-left: 0.25rem;

}

.pl-2 {

  padding-left: 0.5rem;

}

.pb-3 {

  padding-bottom: 0.75rem;

}

.pl-3 {

  padding-left: 0.75rem;

}

.pt-5 {

  padding-top: 1.25rem;

}

.pt-8 {

  padding-top: 2rem;

}

.pl-12 {

  padding-left: 3rem;

}

.pl-16 {

  padding-left: 4rem;

}

.absolute {

  position: absolute;

}

.relative {

  position: relative;

}

.sticky {

  position: sticky;

}

.top-0 {

  top: 0px;

}

.right-0 {

  right: 0px;

}

.bottom-0 {

  bottom: 0px;

}

.left-0 {

  left: 0px;

}

.resize {

  resize: both;

}

* {

  --tw-shadow: 0 0 #0000;

}

.shadow {

  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

.shadow-md {

  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);

  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);

}

* {

  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);

  --tw-ring-offset-width: 0px;

  --tw-ring-offset-color: #fff;

  --tw-ring-color: rgba(59, 130, 246, 0.5);

  --tw-ring-offset-shadow: 0 0 #0000;

  --tw-ring-shadow: 0 0 #0000;

}

.text-left {

  text-align: left;

}

.text-center {

  text-align: center;

}

.text-right {

  text-align: right;

}

.text-blue-400 {

  --tw-text-opacity: 1;

  color: rgba(96, 165, 250, var(--tw-text-opacity));

}

.text-blue-500 {

  --tw-text-opacity: 1;

  color: rgba(59, 130, 246, var(--tw-text-opacity));

}

.text-white {

  --tw-text-opacity: 1;

  color: rgba(255, 255, 255, var(--tw-text-opacity));

}

.text-gray-300 {

  --tw-text-opacity: 1;

  color: rgba(209, 213, 219, var(--tw-text-opacity));

}

.text-gray-400 {

  --tw-text-opacity: 1;

  color: rgba(156, 163, 175, var(--tw-text-opacity));

}

.text-gray-500 {

  --tw-text-opacity: 1;

  color: rgba(107, 114, 128, var(--tw-text-opacity));

}

.text-orange-300 {

  --tw-text-opacity: 1;

  color: rgba(253, 186, 116, var(--tw-text-opacity));

}

.text-orange-500 {

  --tw-text-opacity: 1;

  color: rgba(249, 115, 22, var(--tw-text-opacity));

}

.text-orange-700 {

  --tw-text-opacity: 1;

  color: rgba(194, 65, 12, var(--tw-text-opacity));

}

.text-purple-400 {

  --tw-text-opacity: 1;

  color: rgba(192, 132, 252, var(--tw-text-opacity));

}

.text-purple-500 {

  --tw-text-opacity: 1;

  color: rgba(168, 85, 247, var(--tw-text-opacity));

}

.text-red-400 {

  --tw-text-opacity: 1;

  color: rgba(251, 113, 133, var(--tw-text-opacity));

}

.text-red-500 {

  --tw-text-opacity: 1;

  color: rgba(242, 109, 109, var(--tw-text-opacity));

}

.text-yellow-400 {

  --tw-text-opacity: 1;

  color: rgba(251, 191, 36, var(--tw-text-opacity));

}

.text-yellow-500 {

  --tw-text-opacity: 1;

  color: rgba(245, 158, 11, var(--tw-text-opacity));

}

.text-green-500 {

  --tw-text-opacity: 1;

  color: rgba(31, 195, 114, var(--tw-text-opacity));

}

.truncate {

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.italic {

  font-style: italic;

}

.underline {

  text-decoration: underline;

}

.align-middle {

  vertical-align: middle;

}

.align-bottom {

  vertical-align: bottom;

}

.break-all {

  word-break: break-all;

}

.w-8 {

  width: 2rem;

}

.w-20 {

  width: 5rem;

}

.w-24 {

  width: 6rem;

}

.w-32 {

  width: 8rem;

}

.w-40 {

  width: 10rem;

}

.w-64 {

  width: 16rem;

}

.w-80 {

  width: 20rem;

}

.w-1\/3 {

  width: 33.333333%;

}

.w-1\/4 {

  width: 25%;

}

.w-1\/5 {

  width: 20%;

}

.w-3\/5 {

  width: 60%;

}

.w-1\/6 {

  width: 16.666667%;

}

.w-5\/6 {

  width: 83.333333%;

}

.w-full {

  width: 100%;

}

.transform {

  --tw-translate-x: 0;

  --tw-translate-y: 0;

  --tw-rotate: 0;

  --tw-skew-x: 0;

  --tw-skew-y: 0;

  --tw-scale-x: 1;

  --tw-scale-y: 1;

  -webkit-transform: translateX(var(--tw-translate-x)) translateY(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: translateX(var(--tw-translate-x)) translateY(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));

}

.transition {

  -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;

  transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;

  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;

  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform;

  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

  -webkit-transition-duration: 150ms;

          transition-duration: 150ms;

}

.ease-in-out {

  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

}

@-webkit-keyframes spin {

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

@keyframes spin {

  to {

    -webkit-transform: rotate(360deg);

            transform: rotate(360deg);

  }

}

@-webkit-keyframes ping {

  75%, 100% {

    -webkit-transform: scale(2);

            transform: scale(2);

    opacity: 0;

  }

}

@keyframes ping {

  75%, 100% {

    -webkit-transform: scale(2);

            transform: scale(2);

    opacity: 0;

  }

}

@-webkit-keyframes pulse {

  50% {

    opacity: .5;

  }

}

@keyframes pulse {

  50% {

    opacity: .5;

  }

}

@-webkit-keyframes bounce {

  0%, 100% {

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

            transform: translateY(-25%);

    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);

            animation-timing-function: cubic-bezier(0.8,0,1,1);

  }

  50% {

    -webkit-transform: none;

            transform: none;

    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);

            animation-timing-function: cubic-bezier(0,0,0.2,1);

  }

}

@keyframes bounce {

  0%, 100% {

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

            transform: translateY(-25%);

    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);

            animation-timing-function: cubic-bezier(0.8,0,1,1);

  }

  50% {

    -webkit-transform: none;

            transform: none;

    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);

            animation-timing-function: cubic-bezier(0,0,0.2,1);

  }

}

@media (min-width: 640px) {

}

@media (min-width: 768px) {

}

@media (min-width: 1024px) {

}

@media (min-width: 1280px) {

}

@media (min-width: 1536px) {

}

#nav .pull-right>.item:nth-of-type(2) .list {

	left:-120px;

	margin-left:0;

}

#nav .pull-right>.item:nth-of-type(2) .list .itemn{

	width:240px;

	height:60px;

	padding:15px;

	text-align:left;

	display: flex;

	align-items:center;

	

}

#custom { margin-top: 1rem; }

#custom .custom-top { height: 5rem; background-image: url("../images/company-bg.png"); background-size: 100% 100%; }

#custom .custom-top .custom-top-wrap { width: 10rem; margin: 0 auto; box-sizing: border-box; padding-top: 0.58333rem; color: #fff; text-align: center; }

#custom .custom-top .custom-top-wrap h5 { font-size: 0.25rem; margin-bottom: 0.41667rem; }

#custom .custom-top .custom-top-wrap ul { overflow: hidden; }

#custom .custom-top .custom-top-wrap ul li { width: 25%; float: left; color: #FFF; overflow: hidden; position: relative; height: 0.75rem; }

#custom .custom-top .custom-top-wrap ul li .data { position: absolute; -webkit-box-pack: center; justify-content: center; display: -webkit-box; display: flex; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0.875rem; }

#custom .custom-top .custom-top-wrap ul li .data > div:first-of-type { font-size: 0.4rem; float: left; }

#custom .custom-top .custom-top-wrap ul li .data > div:nth-of-type(2) { font-size: 0.2rem; float: left; padding-top: 0.2rem; margin-left: 0.01667rem; }

#custom .custom-top .custom-top-wrap ul li .data > div:last-of-type { color: #FFF; font-size: 0.2rem; float: left; }

#custom .custom-top .custom-top-wrap ul li .desc { color: #FFF; margin-top: 0.53333rem; font-size: 0.13333rem; text-align: center; }

#custom .custom-top .custom-top-wrap ol.category { display: -webkit-box; display: flex; margin-top: 0.56667rem; width: 100%; justify-content: space-around; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(1) { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(1) .category-icon { width: 0.33333rem; height: 0.33333rem; margin-bottom: 0.19167rem; display: inline-block; background: url(../images/icon-sprite.png) no-repeat; background-size: 700%; background-position: calc(0% + 0.02rem) calc(65% - 0.02rem); }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(1) span { font-size: 0.16667rem; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(2) { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(2) .category-icon { width: 0.33333rem; height: 0.33333rem; margin-bottom: 0.19167rem; display: inline-block; background: url(../images/icon-sprite.png) no-repeat; background-size: 700%; background-position: calc(20.334% + 0.02rem) calc(65% - 0.02rem); }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(2) span { font-size: 0.16667rem; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(3) { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(3) .category-icon { width: 0.33333rem; height: 0.33333rem; margin-bottom: 0.19167rem; display: inline-block; background: url(../images/icon-sprite.png) no-repeat; background-size: 700%; background-position: calc(40.668% + 0.02rem) calc(65% - 0.02rem); }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(3) span { font-size: 0.16667rem; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(4) { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(4) .category-icon { width: 0.33333rem; height: 0.33333rem; margin-bottom: 0.19167rem; display: inline-block; background: url(../images/icon-sprite.png) no-repeat; background-size: 700%; background-position: calc(61.002% + 0.02rem) calc(65% - 0.02rem); }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(4) span { font-size: 0.16667rem; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(5) { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(5) .category-icon { width: 0.33333rem; height: 0.33333rem; margin-bottom: 0.19167rem; display: inline-block; background: url(../images/icon-sprite.png) no-repeat; background-size: 700%; background-position: calc(81.336% + 0.02rem) calc(65% - 0.02rem); }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(5) span { font-size: 0.16667rem; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(6) { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(6) .category-icon { width: 0.33333rem; height: 0.33333rem; margin-bottom: 0.19167rem; display: inline-block; background: url(../images/icon-sprite.png) no-repeat; background-size: 700%; background-position: calc(101.67% + 0.02rem) calc(65% - 0.02rem); }

#custom .custom-top .custom-top-wrap ol.category li:nth-of-type(6) span { font-size: 0.16667rem; }

#custom .custom-bottom { height: 3.75rem; background-image: url("../images/bg1.png"); background-size: 100% 100%; }

#custom .custom-bottom .custom-list { width: 10rem; display: -webkit-box; display: flex; flex-wrap: wrap; margin: 0 auto; position: relative; top: -0.83333rem; }

#custom .custom-bottom .custom-list li { width: 1.66667rem; height: 1.66667rem; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; box-sizing: border-box; background: url("../images/company-sprite.png") no-repeat; background-size: 600%; }

#custom .custom-bottom .custom-list li:hover { -webkit-transform: scale(1.3); transform: scale(1.3); box-sizing: border-box; }

#custom .custom-bottom .custom-list li:nth-of-type(1) { background-position: 0% 0; }

#custom .custom-bottom .custom-list li:nth-of-type(2) { background-position: 20% 0; }

#custom .custom-bottom .custom-list li:nth-of-type(3) { background-position: 40% 0; }

#custom .custom-bottom .custom-list li:nth-of-type(4) { background-position: 60% 0; }

#custom .custom-bottom .custom-list li:nth-of-type(5) { background-position: 80% 0; }

#custom .custom-bottom .custom-list li:nth-of-type(6) { background-position: 100% 0; }

#custom .custom-bottom .custom-list li:nth-of-type(7) { background-position: 0% 100%; }

#custom .custom-bottom .custom-list li:nth-of-type(8) { background-position: 20% 100%; }

#custom .custom-bottom .custom-list li:nth-of-type(9) { background-position: 40% 100%; }

#custom .custom-bottom .custom-list li:nth-of-type(10) { background-position: 60% 100%; }

#custom .custom-bottom .custom-list li:nth-of-type(11) { background-position: 80% 100%; }

#custom .custom-bottom .custom-list li:nth-of-type(12) { background-position: 100% 100%; }

.new-ad { height: 300px; width: 100%; background-image: url("../images/new_ad_bg.png"); background-size: 100% 100%; position: relative; }

.new-ad .new-ad-mask { position: absolute; left: 0; top: 0; height: 100%; width: 100%; color: #fff; display: -webkit-box !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; align-items: center; opacity: 1;  }

.new-ad p { font-size: 24px; font-weight: bolder; }

.new-ad a { margin-top: 30px; color: #fff; display: inline-block; width: 120px; background: #fff; color: #409eff; height: 36px; line-height: 36px; border-radius: 3px; }

.company-info { padding-top: 52px; }

#footer .list { width: auto !important; }

.mb-30{

	margin-bottom:30px;

}

.floatWindow .itemCon .phone { height: 150px; }

.mx3 { margin: 0 10px; }

.mb3 { margin-bottom: 10px; }

.section-head {

		-webkit-box-align: center; 

		align-items: center; 

		display: -webkit-box; 

		display: flex; 

		-webkit-box-orient: vertical; 

		-webkit-box-direction: normal; 

		flex-direction: column; 

		margin: 50px auto;

}

.section-head strong { font-size:32px; font-weight: 500; }

.section-head strong span { color: #1b65e4; }

.section-head small { margin-top: 0.25rem; font-size:16px; color: #a1a1a1; }

/*客服弹窗*/

.ad-new-year{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left:0;

    z-index: 999;

    text-align: center;

    /*display: none;*/

}

.ad-box-mask{

    width:100%;

    height:100%;

    background:rgba(0,0,0,.5);

}

.ad-box-content{

    

    width: 550px;

    height: 250px;

    background:#Fff;

    position:absolute;

    left:50%;

    top:50%;

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

            justify-content: space-between;

    -webkit-box-align: center;

            align-items: center;

    display: -webkit-box;

    display: flex;

    padding: 45px 40px;

    border-radius: 10px;

   

}

.ad-left{

    display: -webkit-box;

    display: flex;

    text-align:left;

    font-size:14px;

    justify-content: space-between;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

}

.ad-left img{

    width: 60px;

    height: 60px;

    margin-right:15px;

}

.ad-left>div:first-of-type{

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

            align-items: center;

}

.ad-left>div:nth-of-type(2){

    font-size: 14px;

    text-align: left;

    /* margin-top: 20px; */

    color: #666;

    line-height: 25px;

}

.ad-tet{

    text-align: left;

    font-size: 14px;

    padding: 6px;

    line-height: 22px;

    height: 48px;

}

.close-kf{

    animation:closeKf .5s ease-in-out forwards;

}

@keyframes closeKf{

    0%{

        transform: translate(-50%,-50%) scale(1.05) 

    }

    35%{

        transform: translate(-50%,-50%) scale(0.5)

    }

    75%{

        left:85%;

        top:74%;

        transform: translate(-50%,-50%) scale(0.5)

    }

    100%{

        left:85%;

        top:74%;

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

    }

}

.kf-dialog { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;  z-index: 99; font-size: 14px; }

.kf-dialog .mask { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }

.kf-dialog .kf-content-wrap { width: 612px; height: 350px; background: #2173fa; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius:5px; box-sizing: border-box; padding: 14px; z-index:99}

.kf-dialog .kf-content-wrap .kf-content { width: 100%; height: 100%; background: #fff; border-radius: 5px; box-sizing: border-box; padding: 14px 28px 14px 32px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.kf-dialog .kf-content-wrap .kf-content .content-head { display: -webkit-box; display: flex; }

.kf-dialog .kf-content-wrap .kf-content .content-head img { width: 70px; height:70px; flex-shrink: 0; margin-right: 35px; }

.kf-dialog .kf-content-wrap .kf-content .content-head div { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; }

.kf-dialog .kf-content-wrap .kf-content .content-head div span { margin-bottom: 18px; }

.kf-dialog .kf-content-wrap .kf-content .content-head div span i { color: #2173fa; }

.kf-dialog .kf-content-wrap .kf-content .content-head div p { color: #2173fa; }

.kf-dialog .kf-content-wrap .kf-content .content-info { display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1; margin-top: 44px; -webkit-box-align: end; align-items: flex-end; }

.kf-dialog .kf-content-wrap .kf-content .content-info .ziliao-list { -webkit-box-flex: 1; flex: 1; margin-right: 44px; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 100%; }

.kf-dialog .kf-content-wrap .kf-content .content-info .ziliao-list li { -webkit-box-flex: 1; flex: 1; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; color: #777; font-size: 14px; }

.kf-dialog .kf-content-wrap .kf-content .content-info .ziliao-list li span:last-of-type { width: 114px; }

.kf-dialog .kf-content-wrap .kf-content .content-info .ziliao-list li span:last-of-type i { color: #2173fa; }

.kf-dialog .kf-content-wrap .kf-content .content-info img { width: 158px; height: 158px; }

i{

    font-style:normal;

}

#fullSlide { height: 4.66667rem !important; }

#fullSlide .bd ul li { background-size: 100% 100% !important; height: 100%; position: relative; }

#fullSlide .bd ul li .banner-info { position: absolute; left: 3.33333rem; top: 1.16667rem; color: #fff; }

#fullSlide .bd ul li .banner-info strong { font-size: 0.41667rem; margin-bottom: 0.29167rem; }

#fullSlide .bd ul li .banner-info p { margin-bottom: 0.33333rem; font-size: 0.16667rem; }

#fullSlide .bd ul li .banner-info p.special { font-size: 0.125rem; }

#fullSlide .bd ul li .banner-info span { text-align: center; display: inline-block; border-radius: 0.16667rem; background: #fff; cursor: pointer; color: #1965EB; font-size: 0.125rem; width: 1.08333rem; height: 0.33333rem; line-height: 0.33333rem; }

.index-box1 { height: 4.66667rem; background: unset; }

.index-box1 .swiper-slide { background-size: 100% 100%; position: relative; }

.index-box1 .swiper-slide .descript { position: absolute; left: 1.66667rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.index-box1 .swiper-slide .descript p { font-size: 0.16667rem; margin-bottom: 0.33333rem; }

.index-box1 .swiper-slide .descript strong { font-size: 0.33333rem; margin-bottom: 0.16667rem; }

.index-box1 .swiper-slide .descript small { font-size: 0.125rem; margin-bottom: 0.41667rem; }

.index-box1 .swiper-slide .descript span { width: 1rem; height: 0.33333rem; border-radius: 0.33333rem; line-height: 0.33333rem; text-align: center; background: #fff; color: #1965EB; display: inline-block; cursor: pointer; }

.index-box1 .swiper-slide img { width: 100%; }

.index-box1 .swiper-slide a { display: inline-block; color: #fff; background: #78a9ff; margin-top: 30px; width: 100px; height: 40px; border-radius: 3px; text-align: center; line-height: 40px; font-weight: 500; }