/*!
 * OverlayScrollbars
 * https://github.com/KingSora/OverlayScrollbars
 *
 * Version: 1.13.0
 *
 * Copyright KingSora | Rene Haas.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 * Date: 02.08.2020
 */
 html.os-html,
 html.os-html>.os-host {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 display: block;
	 height: 100% !important;
	 margin: 0 !important;
	 min-height: 100% !important;
	 min-width: 100% !important;
	 overflow: hidden;
	 position: absolute !important;
	 width: 100% !important
 }
 
 html.os-html>.os-host>.os-padding {
	 position: absolute
 }
 
 body.os-dragging,
 body.os-dragging * {
	 cursor: default
 }
 
 .os-host,
 .os-host-textarea {
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -webkit-box-pack: start;
	 -ms-flex-pack: start;
	 -ms-flex-line-pack: start;
	 -webkit-box-align: start;
	 -ms-flex-align: start;
	 -ms-grid-row-align: flex-start;
	 -webkit-align-content: flex-start;
	 align-content: flex-start;
	 -webkit-align-items: flex-start;
	 align-items: flex-start;
	 -ms-flex-direction: column;
	 -webkit-flex-direction: column;
	 flex-direction: column;
	 -ms-flex-wrap: nowrap;
	 -webkit-flex-wrap: nowrap;
	 flex-wrap: nowrap;
	 -webkit-justify-content: flex-start;
	 justify-content: flex-start;
	 overflow: visible !important;
	 position: relative
 }
 
 .os-host-flexbox {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 display: flex;
	 overflow: hidden !important
 }
 
 .os-host-flexbox>.os-size-auto-observer {
	 height: inherit !important
 }
 
 .os-host-flexbox>.os-content-glue {
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 -ms-flex-negative: 0;
	 -webkit-flex-grow: 1;
	 flex-grow: 1;
	 -webkit-flex-shrink: 0;
	 flex-shrink: 0
 }
 
 .os-host-flexbox>.os-content-glue,
 .os-host-flexbox>.os-size-auto-observer {
	 -webkit-box-flex: 0;
	 -ms-flex-positive: 0;
	 -ms-flex-negative: 1;
	 -ms-flex-preferred-size: auto;
	 -webkit-flex-basis: auto;
	 flex-basis: auto;
	 -webkit-flex-grow: 0;
	 flex-grow: 0;
	 -webkit-flex-shrink: 1;
	 flex-shrink: 1;
	 min-height: 0;
	 min-width: 0
 }
 
 #os-dummy-scrollbar-size {
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 height: 500px;
	 opacity: 0;
	 overflow: scroll;
	 position: fixed;
	 visibility: hidden;
	 width: 500px
 }
 
 #os-dummy-scrollbar-size>div {
	 height: 200%;
	 margin: 10px 0;
	 width: 200%
 }
 
 #os-dummy-scrollbar-size:after,
 #os-dummy-scrollbar-size:before,
 .os-content:after,
 .os-content:before {
	 -webkit-box-flex: 0;
	 -ms-flex-positive: 0;
	 -ms-flex-negative: 0;
	 content: "";
	 display: table;
	 -webkit-flex-grow: 0;
	 flex-grow: 0;
	 -webkit-flex-shrink: 0;
	 flex-shrink: 0;
	 font-size: 0;
	 height: .01px;
	 line-height: 0;
	 visibility: hidden;
	 width: .01px
 }
 
 #os-dummy-scrollbar-size,
 .os-viewport {
	 -ms-overflow-style: scrollbar !important
 }
 
 .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
 .os-viewport-native-scrollbars-invisible.os-viewport {
	 scrollbar-width: none !important
 }
 
 .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
 .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
 .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
 .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
	 background: 0 0 !important;
	 display: none !important;
	 height: 0 !important;
	 visibility: hidden !important;
	 width: 0 !important
 }
 
 .os-content-glue {
	 max-height: 100%;
	 max-width: 100%;
	 pointer-events: none;
	 width: 100%
 }
 
 .os-content-glue,
 .os-padding {
	 -webkit-box-sizing: inherit;
	 box-sizing: inherit
 }
 
 .os-padding {
	 bottom: 0;
	 direction: inherit;
	 height: auto !important;
	 left: 0;
	 margin: 0;
	 overflow: visible;
	 padding: 0;
	 position: absolute;
	 right: 0;
	 top: 0;
	 width: auto !important;
	 z-index: 0
 }
 
 .os-host-overflow>.os-padding,
 .os-viewport {
	 overflow: hidden
 }
 
 .os-viewport {
	 -webkit-overflow-scrolling: touch;
	 bottom: 0;
	 -webkit-box-sizing: inherit !important;
	 box-sizing: inherit !important;
	 direction: inherit !important;
	 left: 0;
	 margin: 0;
	 outline: 0 !important;
	 padding: 0;
	 position: absolute;
	 resize: none !important;
	 right: 0;
	 top: 0
 }
 
 .os-content-arrange {
	 min-height: 1px;
	 min-width: 1px;
	 pointer-events: none;
	 position: absolute;
	 z-index: -1
 }
 
 .os-content {
	 direction: inherit;
	 display: block;
	 height: 100%;
	 position: relative;
	 visibility: visible;
	 width: 100%
 }
 
 .os-content,
 .os-content>.os-textarea {
	 -webkit-box-sizing: border-box !important;
	 box-sizing: border-box !important
 }
 
 .os-content>.os-textarea {
	 clip: auto !important;
	 background: 0 0 !important;
	 border: 0 !important;
	 border-radius: 0 !important;
	 -webkit-box-shadow: none !important;
	 box-shadow: none !important;
	 direction: inherit !important;
	 display: block !important;
	 -webkit-filter: none !important;
	 filter: none !important;
	 float: none !important;
	 left: 0 !important;
	 margin: 0 !important;
	 max-height: none !important;
	 max-width: none !important;
	 opacity: 1 !important;
	 outline: 0 transparent !important;
	 overflow: hidden !important;
	 padding: 0;
	 -webkit-perspective: none !important;
	 perspective: none !important;
	 position: absolute !important;
	 resize: none !important;
	 top: 0 !important;
	 -webkit-transform: none !important;
	 transform: none !important;
	 vertical-align: baseline !important;
	 z-index: 1 !important
 }
 
 .os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
	 right: 0 !important
 }
 
 .os-content>.os-textarea-cover {
	 pointer-events: none;
	 z-index: -1
 }
 
 .os-content>.os-textarea[wrap=off] {
	 margin: 0 !important;
	 white-space: pre !important
 }
 
 .os-text-inherit {
	 color: inherit;
	 cursor: text;
	 direction: inherit;
	 font-family: inherit;
	 font-size: inherit;
	 font-style: inherit;
	 font-variant: inherit;
	 font-weight: inherit;
	 letter-spacing: inherit;
	 line-height: inherit;
	 text-align: inherit;
	 text-decoration: inherit;
	 text-indent: inherit;
	 text-overflow: inherit;
	 text-shadow: inherit;
	 text-transform: inherit;
	 unicode-bidi: inherit;
	 word-spacing: inherit
 }
 
 .os-resize-observer,
 .os-resize-observer-host {
	 -webkit-box-sizing: inherit;
	 box-sizing: inherit;
	 display: block;
	 height: 100%;
	 left: 0;
	 overflow: hidden;
	 pointer-events: none;
	 position: absolute;
	 top: 0;
	 visibility: hidden;
	 width: 100%;
	 z-index: -1
 }
 
 .os-resize-observer-host {
	 border: inherit;
	 border-color: transparent;
	 border-style: solid;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 padding: inherit
 }
 
 .os-resize-observer-host.observed {
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -webkit-box-pack: start;
	 -ms-flex-pack: start;
	 -webkit-box-align: start;
	 -ms-flex-align: start;
	 -webkit-align-items: flex-start;
	 align-items: flex-start;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-flex-direction: column;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-justify-content: flex-start;
	 justify-content: flex-start
 }
 
 .os-resize-observer-host.observed>.os-resize-observer,
 .os-resize-observer-host>.os-resize-observer {
	 border: inherit;
	 -webkit-box-sizing: content-box;
	 box-sizing: content-box;
	 display: block;
	 height: 200%;
	 margin: 0;
	 padding: inherit;
	 width: 200%
 }
 
 .os-resize-observer-host.observed>.os-resize-observer,
 .os-resize-observer-host.observed>.os-resize-observer:before {
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 -ms-flex-negative: 0;
	 -ms-flex-preferred-size: auto;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-flex-basis: auto;
	 flex-basis: auto;
	 -webkit-flex-grow: 1;
	 flex-grow: 1;
	 -webkit-flex-shrink: 0;
	 flex-shrink: 0;
	 position: relative
 }
 
 .os-resize-observer-host.observed>.os-resize-observer:before {
	 border: inherit;
	 -webkit-box-sizing: content-box;
	 box-sizing: content-box;
	 content: "";
	 margin: 0;
	 padding: inherit
 }
 
 .os-size-auto-observer {
	 -webkit-box-flex: inherit;
	 -ms-flex-positive: inherit;
	 -ms-flex-negative: 0;
	 -ms-flex-preferred-size: 0;
	 -webkit-box-sizing: inherit !important;
	 box-sizing: inherit !important;
	 -webkit-flex-basis: 0;
	 flex-basis: 0;
	 -webkit-flex-grow: inherit;
	 flex-grow: inherit;
	 -webkit-flex-shrink: 0;
	 flex-shrink: 0;
	 float: left;
	 height: 100%;
	 margin: 0;
	 max-height: 1px;
	 max-width: 1px;
	 overflow: hidden;
	 padding: 0;
	 pointer-events: none;
	 position: relative;
	 width: inherit;
	 z-index: -1
 }
 
 .os-size-auto-observer>.os-resize-observer {
	 height: 1000%;
	 min-height: 1px;
	 min-width: 1px;
	 width: 1000%
 }
 
 .os-resize-observer-item {
	 bottom: 0;
	 direction: ltr !important;
	 opacity: 0;
	 overflow: hidden;
	 right: 0;
	 z-index: -1
 }
 
 .os-resize-observer-item,
 .os-resize-observer-item-final {
	 -webkit-box-flex: 0 !important;
	 -ms-flex: none !important;
	 -webkit-flex: none !important;
	 flex: none !important;
	 left: 0;
	 position: absolute;
	 top: 0
 }
 
 .os-resize-observer-item-final {
	 -webkit-transition: none !important;
	 transition: none !important
 }
 
 .os-resize-observer {
	 -webkit-animation-duration: 1ms;
	 animation-duration: 1ms;
	 -webkit-animation-name: os-resize-observer-dummy-animation;
	 animation-name: os-resize-observer-dummy-animation
 }
 
 object.os-resize-observer {
	 -webkit-box-sizing: border-box !important;
	 box-sizing: border-box !important
 }
 
 @-webkit-keyframes os-resize-observer-dummy-animation {
	 0% {
		 z-index: 0
	 }
 
	 to {
		 z-index: -1
	 }
 }
 
 @keyframes os-resize-observer-dummy-animation {
	 0% {
		 z-index: 0
	 }
 
	 to {
		 z-index: -1
	 }
 }
 
 .os-host-transition>.os-scrollbar,
 .os-host-transition>.os-scrollbar-corner {
	 -webkit-transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s;
	 transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
 }
 
 html.os-html>.os-host>.os-scrollbar {
	 position: absolute;
	 z-index: 999999
 }
 
 .os-scrollbar,
 .os-scrollbar-corner {
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 opacity: 1;
	 position: absolute;
	 z-index: 1
 }
 
 .os-scrollbar-corner {
	 bottom: 0;
	 right: 0
 }
 
 .os-scrollbar {
	 pointer-events: none
 }
 
 .os-scrollbar-track {
	 border: 0 !important;
	 padding: 0 !important;
	 position: relative
 }
 
 .os-scrollbar-handle,
 .os-scrollbar-track {
	 height: 100%;
	 pointer-events: auto;
	 width: 100%
 }
 
 .os-scrollbar-handle {
	 position: absolute
 }
 
 .os-scrollbar-handle-off,
 .os-scrollbar-track-off {
	 pointer-events: none
 }
 
 .os-scrollbar.os-scrollbar-unusable,
 .os-scrollbar.os-scrollbar-unusable * {
	 pointer-events: none !important
 }
 
 .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
	 opacity: 0 !important
 }
 
 .os-scrollbar-horizontal {
	 bottom: 0;
	 left: 0
 }
 
 .os-scrollbar-vertical {
	 right: 0;
	 top: 0
 }
 
 .os-host-rtl>.os-scrollbar-horizontal {
	 right: 0
 }
 
 .os-host-rtl>.os-scrollbar-corner,
 .os-host-rtl>.os-scrollbar-vertical {
	 left: 0;
	 right: auto
 }
 
 .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,
 .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,
 .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,
 .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,
 .os-padding+.os-scrollbar-corner,
 .os-scrollbar-auto-hidden,
 .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,
 .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,
 .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
	 opacity: 0;
	 pointer-events: none;
	 visibility: hidden
 }
 
 .os-scrollbar-corner-resize-both {
	 cursor: nwse-resize
 }
 
 .os-host-rtl>.os-scrollbar-corner-resize-both {
	 cursor: nesw-resize
 }
 
 .os-scrollbar-corner-resize-horizontal {
	 cursor: ew-resize
 }
 
 .os-scrollbar-corner-resize-vertical {
	 cursor: ns-resize
 }
 
 .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
	 cursor: default
 }
 
 .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
	 bottom: 0;
	 top: 0
 }
 
 .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,
 .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
	 left: 0;
	 right: 0
 }
 
 .os-scrollbar-corner.os-scrollbar-corner-resize,
 .os-scrollbar:hover {
	 opacity: 1 !important;
	 visibility: visible !important
 }
 
 .os-scrollbar-corner.os-scrollbar-corner-resize {
	 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PGcgc3R5bGU9ImRpc3BsYXk6aW5saW5lIj48cGF0aCBzdHlsZT0iZmlsbDojMDAwO2ZpbGwtb3BhY2l0eTouNDk0MTE3NjU7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmUiIGQ9Ik03LjQyNCAxMDQyLjM2MmExLjMxIDEuMzEgMCAwIDAtMS4zMSAxLjMxYzAgLjMuMTA0LjU3MS4yNzMuNzkyLjIxLjE0MS40NjYuMjE4LjczNy4yMThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTgtLjczN2ExLjI5OCAxLjI5OCAwIDAgMC0uNzkyLS4yNzN6bTAgMy4wODRhMS4zMSAxLjMxIDAgMCAwLTEuMzEgMS4zMWMwIC4zLjEwNC41NzIuMjczLjc5Mi4yMS4xNDEuNDY2LjIxOS43MzcuMjE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcyLS4wNzctLjUyOC0uMjE4LS43MzhhMS4yOTggMS4yOTggMCAwIDAtLjc5Mi0uMjczem0tMy4wODQgMGExLjMxIDEuMzEgMCAwIDAtMS4zMSAxLjMxYzAgLjMuMTA0LjU3Mi4yNzMuNzkyLjIwOS4xNDEuNDY1LjIxOS43MzcuMjE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcyLS4wNzctLjUyOC0uMjE5LS43MzhhMS4yOTggMS4yOTggMCAwIDAtLjc5MS0uMjczem0tMy4wMyAzLjAzYTEuMzEgMS4zMSAwIDAgMC0xLjMxIDEuMzFjMCAuMy4xMDQuNTcxLjI3My43OTIuMjEuMTQxLjQ2Ni4yMTguNzM3LjIxOGExLjMxIDEuMzEgMCAwIDAgMS4zMS0xLjMxYzAtLjI3MS0uMDc3LS41MjgtLjIxOC0uNzM3YTEuMjk4IDEuMjk4IDAgMCAwLS43OTItLjI3M3ptMy4wMyAwYTEuMzEgMS4zMSAwIDAgMC0xLjMxIDEuMzFjMCAuMy4xMDQuNTcxLjI3My43OTIuMjA5LjE0MS40NjUuMjE4LjczNy4yMThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS4yNzEtLjA3Ny0uNTI4LS4yMTktLjczN2ExLjI5OCAxLjI5OCAwIDAgMC0uNzkxLS4yNzN6bTMuMDg0IDBhMS4zMSAxLjMxIDAgMCAwLTEuMzEgMS4zMWMwIC4zLjEwNC41NzEuMjczLjc5Mi4yMS4xNDEuNDY2LjIxOC43MzcuMjE4YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uMjcxLS4wNzctLjUyOC0uMjE4LS43MzdhMS4yOTggMS4yOTggMCAwIDAtLjc5Mi0uMjczeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMTA0Mi4zNjIpIi8+PC9nPjxnIHN0eWxlPSJkaXNwbGF5OmlubGluZSI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6ZXZlbm9kZDtzdHJva2U6bm9uZSIgZD0iTTguMjE2LjI3M2MuMTQxLjIxLjIxOC40NjYuMjE4LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcxIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEzLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTgtMS4wMzd6bTAgMy4wODRjLjE0MS4yMS4yMTguNDY2LjIxOC43MzdhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWMtLjI3MSAwLS41MjgtLjA3Ny0uNzM3LS4yMTguMjQuMzEzLjYxMy41MTkgMS4wMzcuNTE5YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uNDI1LS4yMDUtLjc5OC0uNTE4LTEuMDM4em0tMy4wODUgMGMuMTQyLjIxLjIxOS40NjYuMjE5LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcyIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEyLjUxOSAxLjAzNy41MTlhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjUtLjIwNS0uNzk4LS41MTktMS4wMzh6bS0zLjAzIDMuMDNjLjE0Mi4yMS4yMi40NjYuMjIuNzM3YTEuMzEgMS4zMSAwIDAgMS0xLjMxMSAxLjMxYy0uMjcxIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEzLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTgtMS4wMzd6bTMuMDMgMGMuMTQyLjIxLjIxOS40NjYuMjE5LjczN2ExLjMxIDEuMzEgMCAwIDEtMS4zMSAxLjMxYy0uMjcyIDAtLjUyOC0uMDc3LS43MzctLjIxOC4yNC4zMTMuNjEyLjUxOCAxLjAzNy41MThhMS4zMSAxLjMxIDAgMCAwIDEuMzEtMS4zMWMwLS40MjQtLjIwNS0uNzk4LS41MTktMS4wMzd6bTMuMDg1IDBjLjE0MS4yMS4yMTguNDY2LjIxOC43MzdhMS4zMSAxLjMxIDAgMCAxLTEuMzEgMS4zMWMtLjI3MSAwLS41MjgtLjA3Ny0uNzM3LS4yMTguMjQuMzEzLjYxMy41MTggMS4wMzcuNTE4YTEuMzEgMS4zMSAwIDAgMCAxLjMxLTEuMzFjMC0uNDI0LS4yMDUtLjc5OC0uNTE4LTEuMDM3eiIvPjwvZz48L3N2Zz4=);
	 background-position: 100% 100%;
	 background-repeat: no-repeat;
	 pointer-events: auto !important
 }
 
 .os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
	 -webkit-transform: scaleX(-1);
	 transform: scaleX(-1)
 }
 
 .os-host-overflow {
	 overflow: hidden !important
 }
 
 .os-theme-none>.os-scrollbar-corner,
 .os-theme-none>.os-scrollbar-horizontal,
 .os-theme-none>.os-scrollbar-vertical {
	 display: none !important
 }
 
 .os-theme-none>.os-scrollbar-corner-resize {
	 display: block !important;
	 min-height: 10px;
	 min-width: 10px
 }
 
 .os-theme-dark>.os-scrollbar-horizontal,
 .os-theme-light>.os-scrollbar-horizontal {
	 height: 10px;
	 right: 10px
 }
 
 .os-theme-dark>.os-scrollbar-vertical,
 .os-theme-light>.os-scrollbar-vertical {
	 bottom: 10px;
	 width: 10px
 }
 
 .os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,
 .os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
	 left: 10px;
	 right: 0
 }
 
 .os-theme-dark>.os-scrollbar-corner,
 .os-theme-light>.os-scrollbar-corner {
	 background-color: transparent;
	 height: 10px;
	 width: 10px
 }
 
 .os-theme-dark>.os-scrollbar,
 .os-theme-light>.os-scrollbar {
	 background: 0 0;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 padding: 2px
 }
 
 .os-theme-dark>.os-scrollbar.os-scrollbar-unusable,
 .os-theme-dark>.os-scrollbar>.os-scrollbar-track,
 .os-theme-light>.os-scrollbar.os-scrollbar-unusable,
 .os-theme-light>.os-scrollbar>.os-scrollbar-track {
	 background: 0 0
 }
 
 .os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,
 .os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
	 min-width: 30px
 }
 
 .os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,
 .os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
	 min-height: 30px
 }
 
 .os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
 .os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
	 -webkit-transition: background-color .3s;
	 transition: background-color .3s
 }
 
 .os-theme-dark>.os-scrollbar>.os-scrollbar-track,
 .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
 .os-theme-light>.os-scrollbar>.os-scrollbar-track,
 .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
	 border-radius: 10px
 }
 
 .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
	 background: rgba(0, 0, 0, .4)
 }
 
 .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
	 background: hsla(0, 0%, 100%, .4)
 }
 
 .os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
	 background: rgba(0, 0, 0, .55)
 }
 
 .os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
	 background: hsla(0, 0%, 100%, .55)
 }
 
 .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
	 background: rgba(0, 0, 0, .7)
 }
 
 .os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
	 background: hsla(0, 0%, 100%, .7)
 }
 
 .os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
 .os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
 .os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,
 .os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
	 bottom: 0;
	 content: "";
	 display: block;
	 left: 0;
	 position: absolute;
	 right: 0;
	 top: 0
 }
 
 .os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
 .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,
 .os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
 .os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
	 display: none
 }
 
 .os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
 .os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
	 bottom: -2px;
	 top: -6px
 }
 
 .os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
 .os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
	 left: -6px;
	 right: -2px
 }
 
 .os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
 .os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
	 left: -2px;
	 right: -6px
 }
 
 .jcrop-holder {
	 direction: ltr;
	 text-align: left
 }
 
 .jcrop-hline,
 .jcrop-vline {
	 font-size: 0;
	 position: absolute
 }
 
 .jcrop-vline {
	 height: 100%;
	 width: 1px !important
 }
 
 .jcrop-vline.right {
	 right: 0
 }
 
 .jcrop-hline {
	 height: 1px !important;
	 width: 100%
 }
 
 .jcrop-hline.bottom {
	 bottom: 0
 }
 
 .jcrop-tracker {
	 -webkit-tap-highlight-color: transparent;
	 -webkit-touch-callout: none;
	 height: 100%;
	 -webkit-user-select: none;
	 width: 100%
 }
 
 .jcrop-handle {
	 background-color: #333;
	 border: 1px solid #eee;
	 font-size: 1px;
	 height: 7px;
	 width: 7px
 }
 
 .jcrop-handle.ord-n {
	 left: 50%;
	 margin-left: -4px;
	 margin-top: -4px;
	 top: 0
 }
 
 .jcrop-handle.ord-s {
	 bottom: 0;
	 left: 50%;
	 margin-bottom: -4px;
	 margin-left: -4px
 }
 
 .jcrop-handle.ord-e {
	 margin-right: -4px;
	 margin-top: -4px;
	 right: 0;
	 top: 50%
 }
 
 .jcrop-handle.ord-w {
	 left: 0;
	 margin-left: -4px;
	 margin-top: -4px;
	 top: 50%
 }
 
 .jcrop-handle.ord-nw {
	 left: 0;
	 margin-left: -4px;
	 margin-top: -4px;
	 top: 0
 }
 
 .jcrop-handle.ord-ne {
	 margin-right: -4px;
	 margin-top: -4px;
	 right: 0;
	 top: 0
 }
 
 .jcrop-handle.ord-se {
	 bottom: 0;
	 margin-bottom: -4px;
	 margin-right: -4px;
	 right: 0
 }
 
 .jcrop-handle.ord-sw {
	 bottom: 0;
	 left: 0;
	 margin-bottom: -4px;
	 margin-left: -4px
 }
 
 .jcrop-dragbar.ord-n,
 .jcrop-dragbar.ord-s {
	 height: 7px;
	 width: 100%
 }
 
 .jcrop-dragbar.ord-e,
 .jcrop-dragbar.ord-w {
	 height: 100%;
	 width: 7px
 }
 
 .jcrop-dragbar.ord-n {
	 margin-top: -4px
 }
 
 .jcrop-dragbar.ord-s {
	 bottom: 0;
	 margin-bottom: -4px
 }
 
 .jcrop-dragbar.ord-e {
	 margin-right: -4px;
	 right: 0
 }
 
 .jcrop-dragbar.ord-w {
	 margin-left: -4px
 }
 
 .jcrop-light .jcrop-hline,
 .jcrop-light .jcrop-vline {
	 background: #fff;
	 filter: alpha(opacity=70) !important;
	 opacity: .7 !important
 }
 
 .jcrop-light .jcrop-handle {
	 background-color: #000;
	 border-color: #fff;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px
 }
 
 .jcrop-dark .jcrop-hline,
 .jcrop-dark .jcrop-vline {
	 background: #000;
	 filter: alpha(opacity=70) !important;
	 opacity: .7 !important
 }
 
 .jcrop-dark .jcrop-handle {
	 background-color: #fff;
	 border-color: #000;
	 -moz-border-radius: 3px;
	 -webkit-border-radius: 3px;
	 border-radius: 3px
 }
 
 .solid-line .jcrop-hline,
 .solid-line .jcrop-vline {
	 background: #fff
 }
 
 .jcrop-holder img,
 img.jcrop-preview {
	 max-width: none
 }
 
 .firework .jcrop-holder img,
 img.jcrop-preview {
	 max-width: 288px
 }
 
 @charset "UTF-8";
 
 @font-face {
	 font-family: SourceHanSansSC-Regular;
	 src: url(/static/fonts/SourceHanSansSC-Regular.woff)
 }
 
 @font-face {
	 font-family: Plus Jakarta Text-Bold;
	 src: url(/static/fonts/PlusJakartaText-Bold.otf)
 }
 
 @font-face {
	 font-family: Plus Jakarta Display-Regular;
	 src: url(/static/fonts/PlusJakartaDisplay-Regular.otf)
 }
 
 @font-face {
	 font-family: Panchang-Regular;
	 src: url(/static/fonts/Panchang-Regular.ttf)
 }
 
 @font-face {
	 font-family: AlimamaShuHeiTi-Bold;
	 src: url(/static/fonts/AlimamaShuHeiTi-Bold.otf)
 }
 
 @font-face {
	 font-family: Alexandria-SemiBold;
	 src: url(/static/fonts/Alexandria-SemiBold.ttf)
 }
 
 @font-face {
	 font-family: SandeMore-BoldItalic;
	 src: url(/static/fonts/SandeMore-BoldItalic.ttf)
 }
 
 @font-face {
	 font-family: MonaSans_Expanded-Bold;
	 src: url(/static/fonts/MonaSans_Expanded-Bold.ttf)
 }
 
 @font-face {
	 font-family: MonaSans_Expanded-BoldItalic;
	 src: url(/static/fonts/MonaSans_Expanded-BoldItalic.ttf)
 }
 
 @font-face {
	 font-family: MonaSans_Expanded-Italic;
	 src: url(/static/fonts/MonaSans_Expanded-Italic.ttf)
 }
 
 @font-face {
	 font-family: MonaSans_Expanded-Regular;
	 src: url(/static/fonts/MonaSans_Expanded-Regular.ttf)
 }
 
 .first_tips_icon {
	 background: url(/static/images/search/first_ai_tip_icon.svg);
	 display: inline-block
 }
 
 /*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com*/
 *,
 :after,
 :before {
	 border: 0 solid #e5e7eb;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box
 }
 
 :after,
 :before {
	 --tw-content: ""
 }
 
 html {
	 -webkit-text-size-adjust: 100%;
	 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;
	 line-height: 1.5;
	 -moz-tab-size: 4;
	 -o-tab-size: 4;
	 tab-size: 4
 }
 
 body {
	 line-height: inherit;
	 margin: 0
 }
 
 hr {
	 border-top-width: 1px;
	 color: inherit;
	 height: 0
 }
 
 abbr:where([title]) {
	 -webkit-text-decoration: underline dotted;
	 text-decoration: underline dotted
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
	 font-size: inherit;
	 font-weight: inherit
 }
 
 a {
	 color: inherit;
	 text-decoration: inherit
 }
 
 b,
 strong {
	 font-weight: bolder
 }
 
 code,
 kbd,
 pre,
 samp {
	 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	 font-size: 1em
 }
 
 small {
	 font-size: 80%
 }
 
 sub,
 sup {
	 font-size: 75%;
	 line-height: 0;
	 position: relative;
	 vertical-align: baseline
 }
 
 sub {
	 bottom: -.25em
 }
 
 sup {
	 top: -.5em
 }
 
 table {
	 border-collapse: collapse;
	 border-color: inherit;
	 text-indent: 0
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
	 color: inherit;
	 font-family: inherit;
	 font-size: 100%;
	 line-height: inherit;
	 margin: 0;
	 padding: 0
 }
 
 button,
 select {
	 text-transform: none
 }
 
 [type=button],
 [type=reset],
 [type=submit],
 button {
	 -webkit-appearance: button;
	 background-color: transparent;
	 background-image: none
 }
 
 :-moz-focusring {
	 outline: auto
 }
 
 :-moz-ui-invalid {
	 box-shadow: none
 }
 
 progress {
	 vertical-align: baseline
 }
 
 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
	 height: auto
 }
 
 [type=search] {
	 -webkit-appearance: textfield;
	 outline-offset: -2px
 }
 
 ::-webkit-search-decoration {
	 -webkit-appearance: none
 }
 
 ::-webkit-file-upload-button {
	 -webkit-appearance: button;
	 font: inherit
 }
 
 summary {
	 display: list-item
 }
 
 blockquote,
 dd,
 dl,
 figure,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 p,
 pre {
	 margin: 0
 }
 
 fieldset {
	 margin: 0
 }
 
 fieldset,
 legend {
	 padding: 0
 }
 
 menu,
 ol,
 ul {
	 list-style: none;
	 margin: 0;
	 padding: 0
 }
 
 textarea {
	 resize: vertical
 }
 
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {
	 color: #9ca3af;
	 opacity: 1
 }
 
 input::-moz-placeholder,
 textarea::-moz-placeholder {
	 color: #9ca3af;
	 opacity: 1
 }
 
 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
	 color: #9ca3af;
	 opacity: 1
 }
 
 input::-ms-input-placeholder,
 textarea::-ms-input-placeholder {
	 color: #9ca3af;
	 opacity: 1
 }
 
 input::placeholder,
 textarea::placeholder {
	 color: #9ca3af;
	 opacity: 1
 }
 
 [role=button],
 button {
	 cursor: pointer
 }
 
 :disabled {
	 cursor: default
 }
 
 audio,
 canvas,
 embed,
 iframe,
 img,
 object,
 svg,
 video {
	 display: block;
	 vertical-align: middle
 }
 
 img,
 video {
	 height: auto;
	 max-width: 100%
 }
 
 [hidden] {
	 display: none
 }
 
 *,
 :after,
 :before {
	 --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;
	 --tw-pan-x: ;
	 --tw-pan-y: ;
	 --tw-pinch-zoom: ;
	 --tw-scroll-snap-strictness: proximity;
	 --tw-ordinal: ;
	 --tw-slashed-zero: ;
	 --tw-numeric-figure: ;
	 --tw-numeric-spacing: ;
	 --tw-numeric-fraction: ;
	 --tw-ring-inset: ;
	 --tw-ring-offset-width: 0px;
	 --tw-ring-offset-color: #fff;
	 --tw-ring-color: rgba(59, 130, 246, .5);
	 --tw-ring-offset-shadow: 0 0 #0000;
	 --tw-ring-shadow: 0 0 #0000;
	 --tw-shadow: 0 0 #0000;
	 --tw-shadow-colored: 0 0 #0000;
	 --tw-blur: ;
	 --tw-brightness: ;
	 --tw-contrast: ;
	 --tw-grayscale: ;
	 --tw-hue-rotate: ;
	 --tw-invert: ;
	 --tw-saturate: ;
	 --tw-sepia: ;
	 --tw-drop-shadow: ;
	 --tw-backdrop-blur: ;
	 --tw-backdrop-brightness: ;
	 --tw-backdrop-contrast: ;
	 --tw-backdrop-grayscale: ;
	 --tw-backdrop-hue-rotate: ;
	 --tw-backdrop-invert: ;
	 --tw-backdrop-opacity: ;
	 --tw-backdrop-saturate: ;
	 --tw-backdrop-sepia:
 }
 
 .container {
	 width: 100%
 }
 
 .\!container {
	 width: 100% !important
 }
 
 .visible {
	 visibility: visible
 }
 
 .invisible {
	 visibility: hidden
 }
 
 .static {
	 position: static
 }
 
 .fixed {
	 position: fixed
 }
 
 .absolute {
	 position: absolute
 }
 
 .\!absolute {
	 position: absolute !important
 }
 
 .relative {
	 position: relative
 }
 
 .sticky {
	 position: -webkit-sticky;
	 position: sticky
 }
 
 .inset-2 {
	 bottom: .5rem;
	 left: .5rem;
	 right: .5rem;
	 top: .5rem
 }
 
 .inset-3 {
	 bottom: .75rem;
	 left: .75rem;
	 right: .75rem;
	 top: .75rem
 }
 
 .left-0 {
	 left: 0
 }
 
 .top-\[44px\] {
	 top: 44px
 }
 
 .top-\[3px\] {
	 top: 3px
 }
 
 .top-\[22px\] {
	 top: 22px
 }
 
 .right-0 {
	 right: 0
 }
 
 .top-0 {
	 top: 0
 }
 
 .bottom-0 {
	 bottom: 0
 }
 
 .left-1 {
	 left: .25rem
 }
 
 .left-10 {
	 left: 2.5rem
 }
 
 .z-\[25\] {
	 z-index: 25
 }
 
 .z-30 {
	 z-index: 30
 }
 
 .float-right {
	 float: right
 }
 
 .float-left {
	 float: left
 }
 
 .m-1 {
	 margin: .25rem
 }
 
 .mx-\[8px\] {
	 margin-left: 8px;
	 margin-right: 8px
 }
 
 .my-0 {
	 margin-bottom: 0;
	 margin-top: 0
 }
 
 .mx-\[7px\] {
	 margin-left: 7px;
	 margin-right: 7px
 }
 
 .mx-auto {
	 margin-left: auto;
	 margin-right: auto
 }
 
 .my-\[30px\] {
	 margin-bottom: 30px;
	 margin-top: 30px
 }
 
 .mx-\[40px\] {
	 margin-left: 40px;
	 margin-right: 40px
 }
 
 .mx-\[auto\] {
	 margin-left: auto;
	 margin-right: auto
 }
 
 .mr-\[7px\] {
	 margin-right: 7px
 }
 
 .mr-\[8px\] {
	 margin-right: 8px
 }
 
 .ml-\[16px\] {
	 margin-left: 16px
 }
 
 .mr-\[4px\] {
	 margin-right: 4px
 }
 
 .ml-\[4px\] {
	 margin-left: 4px
 }
 
 .mr-\[9px\] {
	 margin-right: 9px
 }
 
 .mt-\[-7px\] {
	 margin-top: -7px
 }
 
 .ml-\[15\%\] {
	 margin-left: 15%
 }
 
 .ml-\[9\.5\%\] {
	 margin-left: 9.5%
 }
 
 .ml-\[25\%\] {
	 margin-left: 25%
 }
 
 .ml-\[20\%\] {
	 margin-left: 20%
 }
 
 .ml-\[17\.5\%\] {
	 margin-left: 17.5%
 }
 
 .ml-\[22\%\] {
	 margin-left: 22%
 }
 
 .ml-\[9\%\] {
	 margin-left: 9%
 }
 
 .ml-\[6\%\] {
	 margin-left: 6%
 }
 
 .mt-\[30px\] {
	 margin-top: 30px
 }
 
 .ml-\[8px\] {
	 margin-left: 8px
 }
 
 .ml-\[12px\] {
	 margin-left: 12px
 }
 
 .mt-\[-2px\] {
	 margin-top: -2px
 }
 
 .mt-\[11px\] {
	 margin-top: 11px
 }
 
 .mt-\[-3px\] {
	 margin-top: -3px
 }
 
 .mt-\[1px\] {
	 margin-top: 1px
 }
 
 .mt-\[14px\] {
	 margin-top: 14px
 }
 
 .mb-\[8px\] {
	 margin-bottom: 8px
 }
 
 .mb-\[20px\] {
	 margin-bottom: 20px
 }
 
 .block {
	 display: block
 }
 
 .inline-block {
	 display: inline-block
 }
 
 .inline {
	 display: inline
 }
 
 .flex {
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex
 }
 
 .inline-flex {
	 display: -webkit-inline-box;
	 display: -webkit-inline-flex;
	 display: -ms-inline-flexbox;
	 display: inline-flex
 }
 
 .table {
	 display: table
 }
 
 .inline-table {
	 display: inline-table
 }
 
 .table-caption {
	 display: table-caption
 }
 
 .table-cell {
	 display: table-cell
 }
 
 .table-column {
	 display: table-column
 }
 
 .table-column-group {
	 display: table-column-group
 }
 
 .table-footer-group {
	 display: table-footer-group
 }
 
 .table-header-group {
	 display: table-header-group
 }
 
 .table-row-group {
	 display: table-row-group
 }
 
 .table-row {
	 display: table-row
 }
 
 .flow-root {
	 display: flow-root
 }
 
 .grid {
	 display: grid
 }
 
 .inline-grid {
	 display: inline-grid
 }
 
 .contents {
	 display: contents
 }
 
 .list-item {
	 display: list-item
 }
 
 .hidden {
	 display: none
 }
 
 .h-\[60px\] {
	 height: 60px
 }
 
 .h-\[22px\] {
	 height: 22px
 }
 
 .h-\[32px\] {
	 height: 32px
 }
 
 .h-\[16px\] {
	 height: 16px
 }
 
 .h-\[21px\] {
	 height: 21px
 }
 
 .h-\[20px\] {
	 height: 20px
 }
 
 .h-\[44px\] {
	 height: 44px
 }
 
 .h-\[15px\] {
	 height: 15px
 }
 
 .h-full {
	 height: 100%
 }
 
 .h-\[55px\] {
	 height: 55px
 }
 
 .h-\[12px\] {
	 height: 12px
 }
 
 .h-\[30px\] {
	 height: 30px
 }
 
 .h-\[18px\] {
	 height: 18px
 }
 
 .h-\[56px\] {
	 height: 56px
 }
 
 .h-\[114px\] {
	 height: 114px
 }
 
 .h-\[10px\] {
	 height: 10px
 }
 
 .h-\[94px\] {
	 height: 94px
 }
 
 .h-\[34px\] {
	 height: 34px
 }
 
 .h-\[40px\] {
	 height: 40px
 }
 
 .h-1 {
	 height: .25rem
 }
 
 .h-2 {
	 height: .5rem
 }
 
 .h-4 {
	 height: 1rem
 }
 
 .h-3 {
	 height: .75rem
 }
 
 .w-full {
	 width: 100%
 }
 
 .w-\[27px\] {
	 width: 27px
 }
 
 .w-\[25px\] {
	 width: 25px
 }
 
 .w-\[180px\] {
	 width: 180px
 }
 
 .w-\[calc\(100\%-16px\)\] {
	 width: calc(100% - 16px)
 }
 
 .w-\[16px\] {
	 width: 16px
 }
 
 .w-\[172px\] {
	 width: 172px
 }
 
 .w-\[30px\] {
	 width: 30px
 }
 
 .w-\[80px\] {
	 width: 80px
 }
 
 .w-\[17px\] {
	 width: 17px
 }
 
 .w-\[6px\] {
	 width: 6px
 }
 
 .w-\[30\%\] {
	 width: 30%
 }
 
 .w-\[50\%\] {
	 width: 50%
 }
 
 .w-\[calc\(100\%\/3\)\] {
	 width: 33.33333%
 }
 
 .w-\[calc\(100\%\/5\)\] {
	 width: 20%
 }
 
 .w-\[60\%\] {
	 width: 60%
 }
 
 .w-\[40\%\] {
	 width: 40%
 }
 
 .w-\[39\%\] {
	 width: 39%
 }
 
 .w-\[25\%\] {
	 width: 25%
 }
 
 .w-\[20\%\] {
	 width: 20%
 }
 
 .w-\[9\%\] {
	 width: 9%
 }
 
 .w-\[calc\(100\%\/7\)\] {
	 width: 14.28571%
 }
 
 .w-\[calc\(100\%\/8\)\] {
	 width: 12.5%
 }
 
 .w-\[20px\] {
	 width: 20px
 }
 
 .w-\[198px\] {
	 width: 198px
 }
 
 .w-\[85px\] {
	 width: 85px
 }
 
 .w-\[18px\] {
	 width: 18px
 }
 
 .w-\[132px\] {
	 width: 132px
 }
 
 .w-\[374px\] {
	 width: 374px
 }
 
 .w-\[68px\] {
	 width: 68px
 }
 
 .w-\[10px\] {
	 width: 10px
 }
 
 .w-\[98px\] {
	 width: 98px
 }
 
 .w-\[32px\] {
	 width: 32px
 }
 
 .w-\[35px\] {
	 width: 35px
 }
 
 .w-\[196px\] {
	 width: 196px
 }
 
 .w-1 {
	 width: .25rem
 }
 
 .flex-1 {
	 -webkit-box-flex: 1;
	 -webkit-flex: 1 1 0%;
	 -ms-flex: 1 1 0%;
	 flex: 1 1 0%
 }
 
 .flex-shrink,
 .shrink {
	 -ms-flex-negative: 1;
	 -webkit-flex-shrink: 1;
	 flex-shrink: 1
 }
 
 .flex-grow {
	 -webkit-box-flex: 1;
	 -ms-flex-positive: 1;
	 -webkit-flex-grow: 1;
	 flex-grow: 1
 }
 
 .border-collapse {
	 border-collapse: collapse
 }
 
 .fl {
	 float: left;
 }
 
 .fr {
	 float: right;
 }
 
 
 
 @media screen and (max-width:550px) {
	 .pop_loginbg {
		 left: 0;
		 margin-left: 0
	 }
 }
 
 .login_layer {
	 display: none;
	 height: 100%;
	 left: 0;
	 position: fixed;
	 top: 0;
	 -webkit-transform: translateZ(0);
	 transform: translateZ(0);
	 width: 100%;
	 z-index: 100
 }
 
 .login_layer .layer_bg {
	 background-color: #e6e6e6;
	 filter: alpha(opacity=50);
	 height: 100%;
	 left: 0;
	 opacity: .5;
	 position: absolute;
	 top: 0;
	 width: 100%
 }
 
 .login_layer .layer_content {
	 left: 50%;
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%)
 }
 
 .login_layer .layer_close {
	 background: url(/member/templets/images/login_layer.svg) no-repeat -74px -8px/492px 813px;
	 border-radius: 50%;
	 cursor: pointer;
	 height: 32px;
	 position: absolute;
	 right: -32px;
	 top: -32px;
	 width: 32px
 }
 
 .login_layer .layer_close:hover {
	 background-position: -128px -8px
 }
 
 .login_layer .color_bar {
	 background-color: #ccc;
	 background: url(/member/templets/images/login_layer_colorbar.svg) no-repeat 0 0/cover;
	 border-radius: 4px 0 0 4px;
	 bottom: 0;
	 height: 100%;
	 left: 0;
	 position: absolute;
	 top: 0;
	 width: 18px;
	 z-index: -1
 }
 
 .login_layer .content_box {
	 background-color: #fff;
	 border-radius: 2px;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 height: auto;
	 margin-left: 16px;
	 padding: 32px;
	 width: 540px
 }
 
 .login_layer .content_box.accounts_content {
	 width: 400px
 }
 
 .login_layer .content_box.complete_content {
	 width: 748px
 }
 
 .login_layer .tab_title {
	 height: 36px;
	 line-height: 36px;
	 margin-bottom: 24px
 }
 
 .login_layer .tab_title .item {
	 color: #000000;
	 cursor: pointer;
	 display: inline-block;
	 font-size: 22px;
	 font-weight: 500;
	 position: relative
 }
 
 .login_layer .tab_title .item>i {
	 background-color: #ccc;
	 background: url(/member/templets/images/login_layer.svg) no-repeat -206px -8px/492px 813px;
	 bottom: 2px;
	 height: 7px;
	 left: 0;
	 position: absolute;
	 -webkit-transition: width .3s ease-out;
	 transition: width .3s ease-out;
	 width: 0
 }
 
 .login_layer .tab_title .item>span {
	 position: relative;
	 z-index: 1
 }
 
 .login_layer .tab_title .item.on,
 .login_layer .tab_title .item:hover {
	 font-weight: 700
 }
 
 .login_layer .tab_title .item.on>i {
	 width: 100%
 }
 
 .login_layer .tab_title .item+.item {
	 margin-left: 54px
 }
 
 .login_layer .tab_title .item+.item:before {
	 background-color: #bbb;
	 content: "";
	 height: 14px;
	 left: -28px;
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%) rotate(24.44deg);
	 transform: translateY(-50%) rotate(24.44deg);
	 width: 1px
 }
 
 .login_layer .welcome_info {
	 color: #666;
	 font-size: 18px;
	 line-height: 26px;
	 margin-bottom: 24px
 }
 
 .login_layer .error_info {
	 background: #fff5f6;
	 color: #f4586a;
	 display: none;
	 font-size: 14px;
	 height: 24px;
	 line-height: 24px;
	 margin-bottom: 8px;
	 text-align: center;
	 width: 100%
 }
 
 .login_layer .error_info:before {
	 background: url(/member/templets/images/login_layer.svg) no-repeat -464px -39px/492px 813px;
	 content: "";
	 display: inline-block;
	 height: 16px;
	 margin-right: 4px;
	 margin-top: -2px;
	 vertical-align: middle;
	 width: 16px
 }
 
 .login_layer .form_box {
	 margin-bottom: 24px
 }
 
 .login_layer .form_box>li+li {
	 margin-top: 32px
 }
 
 .login_layer .ipt {
	 position: relative
 }
 
 .login_layer .ipt:before {
	 background-color: #ccc;
	 width: 100%
 }
 
 .login_layer .ipt:after,
 .login_layer .ipt:before {
	 bottom: 0;
	 content: "";
	 height: 1px;
	 left: 0;
	 position: absolute
 }
 
 .login_layer .ipt:after {
	 background-color: #000000;
	 -webkit-transition: width .3s ease-out;
	 transition: width .3s ease-out;
	 width: 0
 }
 
 .login_layer .ipt.on:after {
	 width: 100%
 }
 
 .login_layer .ipt>input {
	 border: none;
	 -webkit-box-shadow: inset 0 0 0 1000px #fff;
	 box-shadow: inset 0 0 0 1000px #fff;
	 color: #000000;
	 font-size: 14px;
	 height: 48px;
	 width: 100%
 }
 
 .login_layer .ipt>input::-webkit-input-placeholder {
	 color: #ddd
 }
 
 .login_layer .ipt>input::-moz-placeholder {
	 color: #ddd
 }
 
 .login_layer .ipt>input:-ms-input-placeholder {
	 color: #ddd
 }
 
 .login_layer .ipt>input::-ms-input-placeholder {
	 color: #ddd
 }
 
 .login_layer .ipt>input::placeholder {
	 color: #ddd
 }
 
 .login_layer .ipt_name {
	 color: #666;
	 font-size: 14px;
	 line-height: 21px
 }
 
 .login_layer .ipt_name.required:after {
	 color: red;
	 content: "*";
	 margin-left: 4px;
	 vertical-align: middle
 }
 
 .login_layer .ipt>.ipt_name {
	 color: #666;
	 font-size: 14px;
	 left: 0;
	 line-height: 16px;
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	 transform: translateY(-50%)
 }
 
 .login_layer .ipt>.ipt_name+input {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 padding-left: 90px
 }
 
 .login_layer .check_btn_box {
	 font-size: 0;
	 line-height: 30px;
	 margin-top: 12px
 }
 
 .login_layer .check_btn_box .item {
	 background: #f8f8fa;
	 color: #666;
	 cursor: pointer;
	 display: inline-block;
	 font-size: 12px;
	 line-height: 18px;
	 margin-right: 4px;
	 padding: 5px 12px
 }
 
 .login_layer .check_btn_box .item.on {
	 background: #000000;
	 color: #fff
 }
 
 .login_layer .check_btn_box .check_btn_otheript {
	 border: 0;
	 border-bottom: 1px solid #ccc;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 display: none;
	 font-size: 12px;
	 height: 28px;
	 vertical-align: top;
	 width: 105px
 }
 
 .login_layer .check_btn_box .check_btn_otheript::-webkit-input-placeholder {
	 color: #ddd
 }
 
 .login_layer .check_btn_box .check_btn_otheript::-moz-placeholder {
	 color: #ddd
 }
 
 .login_layer .check_btn_box .check_btn_otheript:-ms-input-placeholder {
	 color: #ddd
 }
 
 .login_layer .check_btn_box .check_btn_otheript::-ms-input-placeholder {
	 color: #ddd
 }
 
 .login_layer .check_btn_box .check_btn_otheript::placeholder {
	 color: #ddd
 }
 
 .login_layer .check_btn_li {
	 margin-top: 32px
 }
 
 .login_layer .slip_code_box {
	 border: 1px solid #bbb;
	 border-radius: 1px;
	 color: #000000;
	 cursor: pointer;
	 font-size: 14px;
	 height: 48px;
	 line-height: 48px;
	 margin-top: -8px;
	 position: relative;
	 text-align: center;
	 width: 100%
 }
 
 .login_layer .slip_code_btn {
	 height: 100%;
	 width: 100%
 }
 
 .login_layer .slip_code_box.on:after {
	 background: url(/member/templets/images/login_layer.svg) no-repeat -440px -39px/492px 813px;
	 content: "";
	 display: inline-block;
	 height: 16px;
	 width: 16px
 }
 
 .login_layer .slip_code_box:hover {
	 border-color: #000000
 }
 
 .login_layer .puzzle-drag-wraper {
	 bottom: 62px;
	 left: 50%;
	 -webkit-transform: translateX(-50%);
	 transform: translateX(-50%);
	 width: 360px
 }
 
 .login_layer .form_info {
	 height: 18px;
	 line-height: 18px;
	 margin: 16px 0
 }
 
 .login_layer .check-free-login {
	 color: #000000;
	 cursor: pointer;
	 font-size: 12px
 }
 
 .login_layer .check-free-login:before {
	 background: url(/member/templets/images/login_layer.svg) no-repeat -388px -64px/492px 813px;
	 content: "";
	 display: inline-block;
	 height: 16px;
	 margin-right: 5px;
	 margin-top: -2px;
	 vertical-align: middle;
	 width: 16px
 }
 
 .login_layer .check-free-login>input {
	 display: none
 }
 
 .login_layer .check-free-login.on:before {
	 background-position: -414px -64px
 }
 
 .login_layer .forget {
	 font-size: 12px;
	 white-space: nowrap
 }
 
 .login_layer .forget>a {
	 color: #666;
	 cursor: pointer;
	 position: relative
 }
 
 .login_layer .forget>a+a {
	 margin-left: 20px
 }
 
 .login_layer .forget>a+a:before {
	 background-color: #bbb;
	 content: "";
	 height: 10px;
	 left: -13px;
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%) rotate(22.32deg);
	 transform: translateY(-50%) rotate(22.32deg);
	 width: 1px
 }
 
 .login_layer .forget>a:after {
	 background-color: #666;
	 bottom: 0;
	 content: "";
	 height: 1px;
	 left: 0;
	 position: absolute;
	 -webkit-transition: width .3s ease-out;
	 transition: width .3s ease-out;
	 width: 0
 }
 
 .login_layer .forget>a:hover {
	 color: #000000
 }
 
 .login_layer .forget>a:hover:after {
	 width: 100%
 }
 
 .login_layer .forget.hmtuser>a {
	 color: #000000
 }
 
 .login_layer .layer_btn {
	 background-color: #fff;
	 border: 2px solid #000000;
	 border-radius: 2px;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 color: #000000;
	 cursor: pointer;
	 font-size: 16px;
	 height: 48px;
	 line-height: 44px;
	 position: relative;
	 text-align: center;
	 width: 100%
 }
 
 .login_layer .layer_btn:after {
	 border-color: #000000 #000000 transparent transparent;
	 border-style: solid;
	 border-width: 4px;
	 content: "";
	 height: 0;
	 position: absolute;
	 right: 8px;
	 top: 8px;
	 width: 0
 }
 
 .login_layer .layer_btn:hover {
	 background-color: #000000;
	 color: #fff
 }
 
 .login_layer .layer_btn:hover:after {
	 border-right-color: #fff;
	 border-top-color: #fff
 }
 
 .login_layer .layer_btn.gray {
	 border-color: #999;
	 color: #999
 }
 
 .login_layer .layer_btn.gray:after {
	 display: none
 }
 
 .login_layer .layer_btn.gray:hover {
	 background-color: #000000;
	 border-color: #000000;
	 color: #fff
 }
 
 .login_layer .layer_btn_box {
	 font-size: 0
 }
 
 .login_layer .layer_btn_box .layer_btn {
	 display: inline-block;
	 width: 230px
 }
 
 .login_layer .layer_btn_box .layer_btn+.layer_btn {
	 margin-left: 16px
 }
 
 .login_layer .login_info {
	 height: 18px;
	 line-height: 18px;
	 margin-top: 24px
 }
 
 .login_layer .login_info>div>span {
	 color: #999;
	 font-size: 12px;
	 margin-right: 5px
 }
 
 .login_layer .login_info a {
	 color: #000000;
	 cursor: pointer;
	 font-size: 12px
 }
 
 .login_layer .login_info .fl a span {
	 border-bottom: 1px solid #000000;
	 display: inline-block;
	 line-height: 14px
 }
 
 .login_layer .login_info .fl a i {
	 border-left: 1px solid #000000;
	 border-top: 1px solid #000000;
	 display: inline-block;
	 height: 6px;
	 margin-left: 2px;
	 -webkit-transform: rotate(135deg);
	 transform: rotate(135deg);
	 width: 6px
 }
 
 .login_layer .login_info .fr a {
	 font-weight: 400
 }
 
 .login_layer .login_info .fr a+a {
	 margin-left: 17px;
	 position: relative
 }
 
 .login_layer .login_info .fr a+a:before {
	 background-color: #bbb;
	 content: "";
	 height: 8px;
	 left: -6px;
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%) rotate(22.32deg);
	 transform: translateY(-50%) rotate(22.32deg);
	 width: 1px
 }
 
 .login_layer .login_info .fr .qq-btn {
	 display: inline-block;
	 display: none;
	 height: 20px;
	 line-height: 20px;
	 margin-top: -1px;
	 text-align: center;
	 width: 74px
 }
 
 .login_layer .login_info .fr .qq-btn:hover {
	 background: #ededed
 }
 
 .login_layer .login_info .fr .qq-btn i {
	 background: url(/member/templets/images/login_layer.svg) no-repeat -41px -37px/492px 813px;
	 display: inline-block;
	 height: 16px;
	 margin-right: 2px;
	 margin-top: -2px;
	 vertical-align: middle;
	 width: 16px
 }
 
 .login_layer .color_flow_h,
 .login_layer .color_flow_v {
	 background-color: #6bcaff;
	 background: -webkit-linear-gradient(215deg, #6bcaff, #ee9dff 25%, #92aeff 50%, #e39eff 75%, #ff93a6) #6bcaff;
	 background: linear-gradient(235deg, #6bcaff, #ee9dff 25%, #92aeff 50%, #e39eff 75%, #ff93a6) #6bcaff
 }
 
 .login_layer .layer_title {
	 color: #000000;
	 font-size: 20px;
	 font-weight: 700;
	 line-height: 30px;
	 margin-bottom: 4px
 }
 
 .login_layer .layer_info {
	 color: #999;
	 font-size: 20px;
	 line-height: 30px;
	 margin-bottom: 32px
 }
 
 .login_layer .multiple_account {
	 margin-bottom: 32px;
	 max-height: 238px;
	 overflow-y: auto;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none
 }
 
 .login_layer .multiple_account .item+.item {
	 margin-top: 16px
 }
 
 .login_layer .multiple_account .item_warp {
	 background: -webkit-linear-gradient(178deg, #f5f9ff, #fff);
	 background: linear-gradient(272deg, #f5f9ff, #fff);
	 border: 1px solid #eee;
	 border-radius: 2px;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 cursor: pointer;
	 height: 80px;
	 padding: 12px 16px;
	 width: 100%
 }
 
 .login_layer .multiple_account .item_warp>.avatar {
	 background: #efefef url(/member/templets/images/login_layer_defavatar@2x.png) no-repeat 50%/32px;
	 border-radius: 50%;
	 height: 56px;
	 margin-right: 16px;
	 overflow: hidden;
	 width: 56px
 }
 
 .login_layer .multiple_account .item_warp>.avatar>img {
	 display: none;
	 height: 100%;
	 width: 100%
 }
 
 .login_layer .multiple_account .type {
	 color: #999;
	 font-size: 14px;
	 line-height: 21px;
	 margin-bottom: 6px
 }
 
 .login_layer .multiple_account .name {
	 color: #000000;
	 font-size: 16px;
	 line-height: 24px
 }
 
 .login_layer .multiple_account .check_btn {
	 background: url(/member/templets/images/login_layer.svg) no-repeat -384px -31px/492px 813px;
	 border-radius: 50%;
	 height: 24px;
	 margin-top: 16px;
	 width: 24px
 }
 
 .login_layer .multiple_account .def_account_check {
	 background: #f5f9fd;
	 border: 1px solid #eee;
	 border-top: none;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
	 color: #000000;
	 cursor: pointer;
	 display: none;
	 font-size: 14px;
	 height: 37px;
	 line-height: 36px;
	 text-align: center;
	 width: 100%
 }
 
 .login_layer .multiple_account .def_account_check:before {
	 background: url(/member/templets/images/login_layer.svg) no-repeat -416px -39px/492px 813px;
	 content: "";
	 display: inline-block;
	 height: 16px;
	 margin-right: 8px;
	 margin-top: -2px;
	 vertical-align: middle;
	 width: 16px
 }
 
 .login_layer .multiple_account .def_account_check.on:before {
	 background-position: -440px -39px
 }
 
 .login_layer .multiple_account .item.on .check_btn {
	 background-position: -352px -31px
 }
 
 .login_layer .multiple_account .item.on .def_account_check {
	 display: block
 }
 
 .login_layer .content_box.accounts_content .error_info,
 .login_layer .content_box.quicklogin_content .error_info {
	 margin-top: -28px
 }
 
 .login_layer .content_box.quicklogin_content .layer_title {
	 font-size: 24px;
	 line-height: 36px;
	 margin-bottom: 8px
 }
 
 .login_layer .content_box.quicklogin_content .layer_info {
	 font-size: 16px;
	 line-height: 26px
 }
 
 .login_layer .content_box.phonerepeat_content .layer_title {
	 font-size: 24px;
	 margin-bottom: 24px
 }
 
 .login_layer .content_box.phonerepeat_content .layer_info {
	 color: #666;
	 font-size: 18px;
	 margin-bottom: 72px
 }
 
 .login_layer .multiple_account.sel_account .item_warp {
	 height: 110px;
	 padding: 27px 32px
 }
 
 .login_layer .multiple_account.sel_account .item_warp:hover {
	 border-color: #000000;
	 outline: 1px solid #000000
 }
 
 .login_layer .multiple_account.sel_account .name {
	 font-weight: 700
 }
 
 .login_layer .content_box.complete_content .layer_title {
	 font-size: 24px;
	 margin-bottom: 16px
 }
 
 .login_layer .content_box.complete_content .ipt>input::-webkit-input-placeholder {
	 color: #ddd;
	 font-size: 14px
 }
 
 .login_layer .content_box.complete_content .ipt>input::-moz-placeholder {
	 color: #ddd;
	 font-size: 14px
 }
 
 .login_layer .content_box.complete_content .ipt>input:-ms-input-placeholder {
	 color: #ddd;
	 font-size: 14px
 }
 
 .login_layer .content_box.complete_content .ipt>input::-ms-input-placeholder {
	 color: #ddd;
	 font-size: 14px
 }
 
 .login_layer .content_box.complete_content .ipt>input::placeholder {
	 color: #ddd;
	 font-size: 14px
 }
 
 .login_layer .content_box.complete_content .form_box>li+li {
	 margin-top: 20px
 }
 
 .login_layer .content_box.complete_content .layer_btn_box .layer_btn {
	 width: 598px
 }
 
 .login_layer .content_box.complete_content .layer_btn_box .layer_btn.gray {
	 width: 70px
 }
 
 .login_layer .code_btn i,
 .login_layer .slip_code_btn i {
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	 transform: translateY(-50%)
 }
 
 .login_layer .agreement-label {
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 -webkit-align-items: center;
	 align-items: center;
	 cursor: pointer;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex;
	 font-size: 14px;
	 font-weight: 400;
	 margin-bottom: 22px;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none
 }
 
 .login_layer .agreement-label * {
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box
 }
 
 .login_layer .agreement-checkbox {
	 display: inline-block;
	 line-height: 1;
	 margin-right: 5px;
	 position: relative
 }
 
 .login_layer .agreement-checkbox>input {
	 cursor: pointer;
	 height: 16px;
	 left: 0;
	 margin: 0;
	 opacity: 0;
	 position: absolute;
	 top: 0;
	 width: 16px
 }
 
 .login_layer .agreement-checkbox>span {
	 background: url(/static/images/user/login_layer.svg) no-repeat -388px -64px/492px 813px;
	 display: inline-block;
	 height: 16px;
	 margin-right: 5px;
	 margin-top: -2px;
	 vertical-align: middle;
	 width: 16px
 }
 
 .login_layer .agreement-checkbox>input:checked+span {
	 background-position: -414px -64px
 }
 
 .login_layer .agreement-label a {
	 color: #5766f0;
	 font-weight: 500
 }