.fixed {
    position: fixed;
	z-index: 20;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.cursor-pointer {
    cursor: pointer;
}
.justify-center {
    justify-content: center;
}
.flex {
    display: flex;
}
.flex-1 {
    flex: 1 1 0%;
}
.text-left {
    text-align: left;
}
img, video {
    max-width: 100%;
    height: auto;
}
.z-20 {
    z-index: 20;
}
.items-center {
    align-items: center;
}
.bottom-10 {
    bottom: 2.5rem;
}
.right-5 {
    right: 1.25rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.ml-2\.5 {
    margin-left: 0.625rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.w-\[76px\] {
    width: 76px;
}
.h-\[76px\] {
    height: 76px;
}
.rounded {
    border-radius: 4px;
}
.rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
.w-full {
    width: 100%;
}
.p-6 {
    padding: 1.5rem;
}
.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.h-24 {
    height: 6rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.pt-4{
	padding-top: 1rem;
}
.ml-5 {
    margin-left: 1.25rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-1 {
    margin-top: 0.25rem;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
}
.text-subtext {
    --tw-text-opacity: 1;
    color: rgb(102 102 102/var(--tw-text-opacity));
}
.font-semibold {
    font-weight: 600;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.text-gray {
    --tw-text-opacity: 1;
    color: rgb(150 154 160/var(--tw-text-opacity));
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}
.shadow, .shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
}
.shadow.show{
	display: block!important;
}




.show-popup:hover .icon-name,.show-popup:hover svg {
    color: #1c5cff
}

.weapp-btn:hover svg {
    color: #00b240
}

.show-popup:hover .pop-with-border {
    display: flex;
    animation: showPopup-3fd3bbcf .3s ease-in-out
}

.show-popup:hover:before {
    content: "";
    position: absolute;
    right: 58px;
    height: 200px;
    width: 17px;
    background: transparent
}

.show-popup .pop-with-border {
    display: none
}

@keyframes showPopup-3fd3bbcf {
    0% {
        right: 64px;
        opacity: 0
    }

    to {
        right: 74px;
        opacity: 1
    }
}
.scroll-top-btn {
    height: 66px
}

.clearfix:before {
    content: "";
    display: table
}
button {
    width: 58px;
    height: 58px;
    justify-content: center;
	padding: 0;
	background-color: transparent;
	border: 0;
}
.text-icon_gry {
    --tw-text-opacity: 1;
    color: rgb(159 166 177/var(--tw-text-opacity));
}
svg:not(:root) {
    overflow: hidden;
}
svg {
    display: block;
    vertical-align: middle;
}
.pop-with-border,button {
    display: flex;
    align-items: center;
    flex-direction: column
}

.pop-with-border {
    right: 74px;
    background: #fff;
    border-radius: 6px;
    filter: drop-shadow(0 0 5px rgba(0,0,0,.1))
}

.pop-with-border,.pop-with-border:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.pop-with-border:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    right: -8px;
    overflow: hidden;
    z-index: 101;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 8px 0 8px 8px
}


.group-popup {
    width: 328px;
    background: linear-gradient(180deg,#366bf6,#366bf6)
}

.group-popup:before {
    border-color: transparent transparent transparent #366bf6
}

.group-image {
    width: 120px;
    height: 120px;
    border-radius: 8px;
    background: #f5f9ff;
    padding: 8px
}

.group-image img {
    width: 104px;
    height: 104px
}



.wx-popup {
    width: 208px
}

.wx-popup .img-box {
    width: 132px;
    height: 132px;
    border-image-source: radial-gradient(64% 64% at 50% 50%,transparent 0,transparent 100%,#2b5ff5 0);
    border-image-slice: 1;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    background-color: #f5f9ff
}

.weapp-popup {
    padding: 16px;
    width: 208px
}

.weapp-popup img {
    width: 108px;
    height: 108px
}

.phone-popup {
    width: 208px;
    padding: 16px 0 0 32px
}

.phone-popup li {
    display: flex;
    margin-bottom: 16px;
    align-items: center
}

.phone-popup .icon {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e9efff
}

@media (max-width:768px) {
	.showWeb{display: none!important;}
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --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-scroll-snap-strictness: proximity;
    --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 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --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-scroll-snap-strictness: proximity;
    --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 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent
}