html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    overflow-x: hidden;  /* 防止水平滚动 */
    overflow-y: auto;    /* 允许垂直滚动 */
}

/* 挽留弹窗触发body的overflow:hidden时，页面会滚动到顶部，临时去掉此属性，留观
html {
    overflow: auto;
}
*/
#root {
    overflow-x: hidden;  /* 防止水平滚动 */
    overflow-y: auto;    /* 允许垂直滚动 */
    min-height: 100%;

    max-width: 450px;

    margin: 0 auto;
}

#forRemHack {
    width: 1rem !important;
}

[class^="xj-h5-"] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

.xj-h5-container {
    display: block;
}

.xj-h5-image,
.xj-h5-modal,
.xj-h5-modal-inner,
.xj-h5-modal-mask,
.xj-h5-resize,
.xj-h5-resize-inner,
.xj-h5-scroll,
.xj-h5-scroll-vertical,
.xj-h5-scroll-horizontal,
.xj-h5-view {
    align-items: stretch;
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-shrink: 0;
    position: relative;
    min-height: 0;
    min-width: 0;
}

.xj-h5-fixed-view {
    position: fixed;
}

.xj-h5-page {
    min-height: 100%;
}

.xj-h5-inline-text {
    display: inline;
}

.xj-h5-icon {
    display: flex;
}

.xj-h5-image {
    z-index: 0;
    align-items: center;
    justify-content: center;
}

.xj-h5-image-error {
    background-color: rgba(0, 0, 0, 0.05);
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.xj-h5-image-error-desc {
    color: rgba(0, 0, 0, 0.36);
    font-size: 14px;
    margin-bottom: 8px;
}

.xj-h5-image-error-reload-btn {
    color: rgba(87, 107, 149, 1);
    font-size: 14px;
}

.xj-h5-image-error-reload-btn-icon {
    vertical-align: middle;
    margin-right: 5.3px;
}

.xj-h5-image img {
    display: block;
}

@keyframes xj-h5-modal-fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes xj-h5-modal-slide {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

.xj-h5-modal {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
}

.xj-h5-modal-inside {
    position: absolute;
}

.xj-h5-modal-slide {
    animation: xj-h5-modal-slide .24s ease-out;
}

.xj-h5-modal-fade {
    animation: xj-h5-modal-fade .24s ease-out;
}

.xj-h5-modal-slide-fade {
    animation: xj-h5-modal-fade .24s ease-out, xj-h5-modal-slide .24s ease-out;
}

.xj-h5-modal-bottom {
    justify-content: flex-end;
    align-items: center;
}

.xj-h5-modal-center {
    justify-content: center;
    align-items: center;
}

.xj-h5-modal-mask {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.xj-h5-resize-inner {
    flex: 1;
}

.xj-h5-scroll {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

.xj-h5-scroll::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.xj-h5-scroll-vertical {
    flex-direction: column;
}

.xj-h5-scroll-horizontal {
    flex-direction: row;
}

.xj-h5-text {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
    font-size: 14px;
    text-decoration: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
}

.xj-h5-text-multi-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.xj-h5-text-ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xj-h5-video {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.xj-h5-video-inner {
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: auto;
}

.xj-h5-video-control {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.xj-h5-view.ui-right-fixed-button-wrapper {
    backdrop-filter: blur(106.013px);
}

.xj-h5-web-view {
    background-color: transparent;
}

.xj-h5-input {
    width: 100%;
    height: 100%;
}

.xj-h5-input-inner {
    color: #000000;
    background: transparent;
    border-radius: 4px;
}

.xj-h5-text.font-weight-500 {
    font-weight: 500;
}

input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.30);
}

/* 移除input[type=number]的上下小箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.xj-h5-input::placeholder {
    color: var(--placeholder-color);
}

/* 非标准属性，ios手机上可能出现，勾选表单协议和点击重新填写按钮时有灰色背景，不知道还有没有其他未发现的问题，这里一并清除 */
* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.xj-h5-circle-ring {
    transition: stroke-dashoffset .3s ease-in-out;
}

.ui-block-app {
    top: 0;
    width: 10rem;
    height: 0.96rem;
    flex-direction: row;
    align-items: center;
    background-color: #F5F6F8;
    justify-content: center;
    padding-left: 0.4267rem;
    padding-right: 0.4267rem;
    z-index: 99;
}

.ui-block-app-inner {
    flex-shrink: 0;
    text-align: center;
}

.ui-block-app-text {
    letter-spacing: 0;
    color: #7A8499;
    font-size: 0.32rem;
    line-height: 0.4533rem;
}

.ui-block-app-link {
    letter-spacing: 0;
    color: #7A94C9;
    font-size: 0.32rem;
    line-height: 0.4533rem;
}

.ui-block-app-intro {
    letter-spacing: 0;
    color: #296BEF;
    font-size: 0.32rem;
    line-height: 0.4533rem;
}

.ui-block-app-modal {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 11.52rem;
    background-color: #FFF;
}

.ui-block-app-detail {
    flex: 1;
}

.ui-block-app-detail-header {}

.ui-block-app-detail-title {
    text-align: center;
    font-weight: bold;
    font-size: 0.48rem;
    word-wrap: break-word;
    padding-top: 0.5rem;
    padding-right: 0.48rem;
    padding-bottom: 0.5333rem;
    padding-left: 0.48rem;
    color: rgba(0, 0, 0, 0.8);
}

.ui-block-app-detail-body {
    padding-top: 0;
    padding-right: 0.48rem;
    padding-bottom: 0.48rem;
    padding-left: 0.48rem;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100%;
}

.ui-block-app-detail-item {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    line-height: 0.56rem;
}

.ui-block-app-detail-border {
    border-bottom-color: #EEEFF3;
    border-bottom-width: 0.0267rem;
}

.ui-block-app-detail-item-label {
    height: 0.56rem;
    line-height: 0.56rem;
    color: #999999;
    width: 1.8667rem;
    letter-spacing: 0;
    text-align: left;
    font-size: 0.3733rem;
}

.ui-block-app-detail-item-value {
    min-height: 0.56rem;
    line-height: 0.56rem;
    color: #333333;
    font-size: 0.3733rem;
    word-break: break-all;
}

.ui-block-app-detail-item-img {
    background-size: contain;
    width: 0.56rem;
}

.ui-block-app-detail-item-down {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgY2xhc3M9ImRlc2lnbi1pY29uZm9udCI+CiAgPHBhdGggZD0iTTkuNSw1IEMxMC4zMjg0MjcxLDUgMTEsNS42NzE1NzI4OCAxMSwyNS45OTkgTDMwLjUsMjYgQzMxLjMyODQyNzEsMjYgMzIgMjYuNjcxNTcyOSAzMiwyNy41IEMzMiwyOC4zMjg0MjcxIDMxLjMyODQyNzEgMjkgMzAuNSwyOSBMOS41LDI5IEM4LjY3MTU3Mjg4LDI5IDggMjguMzI4NDI3MSA4IDI3LjUgTDggNi41IEM4IDUuNjcxNTcyODggOC42NzE1NzI4OCA1IDkuNSw1IFoiIHRyYW5zZm9ybT0ic2NhbGUoLTEgMSkgcm90YXRlKC00NSAtMy42MjEzMjAzNCA2My43ODQyNzEyNSkiIGZpbGw9IiNCN0I3QjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPiA8L3N2Zz4K);
}

.ui-block-app-detail-item-up {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgY2xhc3M9ImRlc2lnbi1pY29uZm9udCI+CiAgPHBhdGggZD0iTTQuMDkwMDk3NDIsMjguMDYwNjYwMiBDNC42NzU4ODM4NiwyOC42NDY0NDY2IDUuNjI1NjMxMzMsMjguNjQ2NDQ2NiA2LjIxMTQxNzc3LDI4LjA2MDY2MDIgTDE5Ljk5OTI5MjksMTQuMjcyNzg1IEwzMy43ODg1ODIyLDI4LjA2MDY2MDIgQzM0LjM3NDM2ODcsMjguNjQ2NDQ2NiAzNS4zMjQxMTYxLDI4LjY0NjQ0NjYgMzUuOTA5OTAyNiwyOC4wNjA2NjAyIEMzNi40OTU2ODksMjcuNDc0ODczNyAzNi40OTU2ODksMjYuNTI1MTI2MyAzNS45MDk5MDI2LDI1LjkzOTMzOTggTDIxLjA2MDY2MDIsMTEuMDkwMDk3NCBDMjAuNDc0ODczNywxMC41MDQzMTEgMTkuNTI1MTI2MywxMC41MDQzMTEgMTguOTM5MzM5OCwxMS4wOTAwOTc0IEw0LjA5MDA5NzQyLDI1LjkzOTMzOTggQzMuNTA0MzEwOTksMjYuNTI1MTI2MyAzLjUwNDMxMDk5LDI3LjQ3NDg3MzcgNC4wOTAwOTc0MiwyOC4wNjA2NjAyIFoiIGZpbGw9IiNCN0I3QjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K);
}

.ui-block-app-detail-item-permission-item {
    color: #333333;
    font-size: 0.3733rem;
    margin-bottom: 0.32rem;
    line-height: 0.56rem;
}

.ui-block-app-detail-policy-webview {
    width: 100%;
    max-height: 8rem;
    border: none;
}

.ui-block-app-detail-policy-extra {
    margin-top: 0.4rem;
    justify-content: center;
    flex-direction: row;
    color: #999999;
    font-size: 0.32rem;
}

.ui-block-app-detail-policy-link {
    color: #333333;
    text-decoration: underline;
}

.ui-block-app-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.8rem;
    height: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    font-size: 0.5333rem;
    color: rgba(0, 0, 0, 0.45);
}

.ui-block-text {
    padding-left: 0.64rem;
    padding-right: 0.64rem;
}

.ui-block-carousel-point {
    position: absolute;
    bottom: 0.4267rem;
    z-index: 999;
    height: 0.16rem;
    width: 10rem;
    flex-direction: row;
    justify-content: center;
}

.ui-block-carousel-half {
    padding-top: 0.4267rem;
    padding-bottom: 0.4267rem;
}

.ui-block-carousel-half-image {
    width: 6.8267rem;
    margin-right: 0.4267rem;
}

.ui-layer {
    width: 10rem;
    overflow: hidden;
    background-size: cover;
}

.ui-layer-container {
    width: 10rem;
    background-color: transparent;
    overflow: hidden;
}

.ui-button {
    align-items: center;
    justify-content: center;
    background-color: #296BEF;
    border-radius: 0.1067rem;
    flex-direction: row;
    position: relative;
    height: 0.8rem;
    box-sizing: content-box;
}

.ui-button-disabled {
    cursor: not-allowed;
    background-color: #296BEF;
    opacity: 0.3;
}

.ui-button-fill {
    position: absolute;
    left: -0.0267rem;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.ui-button-fill-content {
    background-color: #296BEF;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

.ui-button-icon {
    width: 0.5333rem;
    height: 0.5333rem;
    margin-right: 0.1067rem;
    flex-shrink: 0;
}

.ui-buttn-container {
    position: relative;
}

.ui-button-content {
    font-size: 0.4rem;
    color: #FFF;
    flex-shrink: 1;
}

.ui-button-content-disabled {
    font-weight: normal;
    text-align: center;
}

.ui-button-loading {
    width: 0.5333rem;
    height: 0.5333rem;
    border-radius: 0.2667rem;
    border-width: 0.08rem;
    border-top-color: rgba(255, 255, 255, 0.3);
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
}

.ui-button-tooltip {
    position: absolute;
    width: 4.3733rem;
    z-index: 2;
}

.ui-button-tooltip-top {
    top: -0.96rem;
}

.ui-button-tooltip-bottom {
    bottom: -0.96rem;
}

.ui-button-tooltip-left {
    left: 0;
}

.ui-button-tooltip-right {
    right: 0;
}

.ui-button-tooltip-content {
    display: flex;
    height: 0.6667rem;
    flex-direction: row;
    align-items: center;
    padding: 0.1333rem;
    padding-left: 0.1867rem;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0.1067rem;
}

.ui-button-tooltip-arrow {
    width: 0.16rem;
    height: 0.16rem;
    position: absolute;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.ui-button-tooltip-text {
    font-size: 0.32rem;
    font-family: PingFang SC;
}

.ui-button-tooltip-cancel {
    width: 0.4267rem;
    height: 0.4267rem;
}

.ui-button-tooltip-arrow-top {
    border-top: 6px solid rgba(0, 0, 0, 0.8);
    border-bottom: 6px solid transparent;
    top: 0.6667rem;
}

.ui-button-tooltip-arrow-bottom {
    border-top: 6px solid transparent;
    border-bottom: 6px solid rgba(0, 0, 0, 0.8);
    bottom: 0.6667rem;
}

.ui-button-tooltip-arrow-left {
    left: 0.5333rem;
}

.ui-button-tooltip-arrow-right {
    right: 0.5333rem;
}

.ui-shelf {
    width: 4.32rem;
    flex-direction: column;
    align-items: stretch;
    padding: 0.1333rem;
    border-width: 0.0267rem;
    border-style: solid;
    border-radius: 0.1067rem;
}

.ui-shelf-icon {
    width: 4rem;
    height: 4rem;
    background-color: #F6F7FA;
    border-radius: 0.1067rem;
}

.ui-shelf-content {
    margin: 0.1867rem;
}

.ui-shelf-title {
    width: 4.2667rem;
    height: 0.5867rem;
    line-height: 0.5867rem;
    font-size: 0.4267rem;
    margin-top: 0.0267rem;
    font-weight: bold;
    color: #030303;
    white-space: nowrap;
}

.ui-shelf-desc {
    width: 3.5733rem;
    font-size: 0.32rem;
    height: 0.4533rem;
    line-height: 0.4533rem;
    color: #4C4C4C;
    white-space: nowrap;
    margin-top: 0.1867rem;
    margin-bottom: 0.1867rem;
}

.ui-shelf-price {
    width: 3.5733rem;
    font-size: 0.4267rem;
    font-weight: bold;
    white-space: nowrap;
}

.ui-shelf-unit {
    font-size: 0.32rem;
    font-weight: bold;
}

.ui-shelf-button {
    width: 2.1333rem;
    margin-bottom: 0.16rem;
    height: 0.8533rem;
}

.ui-fixed-button-wrapper {
    width: 10rem;
    bottom: 0;
    padding-top: 0.4267rem;
    padding-right: 0.2133rem;
    padding-bottom: 0.4267rem;
    padding-left: 0.2133rem;
    z-index: 99;
}

.ui-fixed-button-pure-wrapper {
    width: 10rem;
    bottom: 0;
    padding-top: 0.4267rem;
    padding-right: 0.64rem;
    padding-bottom: 0;
    padding-left: 0.64rem;
    z-index: 99;
}

.ui-fixed-button {
    height: 2.0267rem;
    flex-direction: row;
    align-items: center;
    padding-top: 0.32rem;
    padding-right: 0.5333rem;
    padding-bottom: 0.32rem;
    padding-left: 0.4267rem;
    border-radius: 0.2133rem;
}

.ui-fixed-button-icon {
    margin-right: 0.32rem;
    width: 1.3867rem;
    height: 1.3867rem;
    background-color: #FFF;
    border-radius: 0.1067rem;
}

.ui-fixed-button-title {
    font-size: 0.4267rem;
    font-weight: bold;
    color: #030303;
    white-space: nowrap;
}

.ui-fixed-button-price {
    font-size: 0.4267rem;
    font-weight: bold;
    white-space: nowrap;
}

.ui-fixed-button-unit {
    font-size: 0.32rem;
    font-weight: bold;
}

.ui-fixed-button-desc {
    font-size: 0.32rem;
    color: #4C4C4C;
    white-space: nowrap;
}

.ui-fixed-button-content {
    margin-right: 0.32rem;
    flex-grow: 1;
    flex-shrink: 1;
}

.ui-fixed-pure-button {
    width: 8.72rem;
    height: 1.28rem;
    margin-top: 0.4267rem;
    margin-bottom: 0.4267rem;
    border-radius: 0.2133rem;
}

.ui-fixed-button-button {
    width: 2.1333rem;
    height: 0.8533rem;
}

.ui-fixed-button-button-text {
    font-size: 0.3733rem;
    font-weight: bold;
}

.ui-fixed-animated-button-wrapper {
    width: 10rem;
    padding-top: 0.2133rem;
    padding-right: 0.2133rem;
    padding-bottom: 0.8rem;
    padding-left: 0.2133rem;
    z-index: 99;
}

.ui-fixed-animated-button {
    height: 1.92rem;
    flex-direction: row;
    align-items: center;
    padding-top: 0.32rem;
    padding-right: 0.5333rem;
    padding-bottom: 0.32rem;
    padding-left: 0.4267rem;
    border-radius: 0.2133rem;
}

.ui-fixed-animated-button-icon {
    margin-right: 0.32rem;
    width: 1.28rem;
    height: 1.28rem;
    background-color: #FFFFFF;
    border-radius: 0.1067rem;
}

.ui-fixed-animated-button-title {
    font-size: 0.4267rem;
    font-weight: bold;
    color: #030303;
    white-space: nowrap;
}

.ui-fixed-animated-button-price {
    font-size: 0.4267rem;
    font-weight: bold;
    white-space: nowrap;
}

.ui-fixed-animated-button-unit {
    font-size: 0.32rem;
    font-weight: bold;
}

.ui-fixed-animated-button-desc {
    font-size: 0.32rem;
    color: #4C4C4C;
    white-space: nowrap;
}

.ui-fixed-animated-button-content {
    margin-right: 0.32rem;
    flex-grow: 1;
    flex-shrink: 1;
}

.ui-fixed-animated-button-placeholder {
    width: 2.1333rem;
    height: 0.96rem;
}

.ui-fixed-animated-button-button {
    position: absolute;
    height: 0.96rem;
    bottom: 1.28rem;
}

.ui-fixed-animated-button-button-text {
    font-size: 0.3733rem;
}

.ui-block-button-wrapper {
    align-items: center;
}

.ui-block-button {
    width: 5.0667rem;
    height: 1.0667rem;
    box-sizing: border-box;
}

.ui-block-button-middle {
    width: 4.9067rem;
    height: 1.0667rem;
}

.ui-block-button-large {
    width: 8.72rem;
    height: 1.28rem;
}

.ui-block-button-small {
    width: 2.1333rem;
    height: 0.8533rem;
}

.ui-block-shelf-single-wrapper {
    width: 8.9333rem;
    background-color: transparent;
    margin-left: 0.5333rem;
    margin-right: 0.5333rem;
}

.ui-block-shelf-single {
    flex-direction: row;
    align-items: stretch;
    padding: 0.32rem;
    border-width: 0.0267rem;
    border-style: solid;
    border-radius: 0.1067rem;
}

.ui-block-shelf-single-icon {
    margin-right: 0.32rem;
    width: 2.4rem;
    height: 2.4rem;
    background-color: #F6F7FA;
    border-radius: 0.1067rem;
}

.ui-block-shelf-single-content {
    flex-shrink: 1;
    flex-grow: 1;
}

.ui-block-shelf-single-title {
    font-size: 0.4267rem;
    font-weight: bold;
    color: #030303;
    flex: 1;
}

.ui-block-shelf-single-price {
    font-size: 0.4267rem;
    font-weight: bold;
    white-space: nowrap;
}

.ui-block-shelf-single-unit {
    font-size: 0.32rem;
    font-weight: bold;
}

.ui-block-shelf-single-desc {
    font-size: 0.32rem;
    color: #4C4C4C;
    white-space: nowrap;
    flex: 1;
}

.ui-block-shelf-single-button {
    width: 2.1333rem;
    font-size: 0.3733rem;
    height: 0.8533rem;
    font-weight: bold;
}

.ui-block-shelf-container {
    width: 10rem;
    background-color: transparent;
    padding-left: 0.5333rem;
    padding-right: 0.5333rem;
    flex-direction: row;
    justify-content: space-between;
}

.fullscreen {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
}

.ui-block-video {
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ui-block-video-control {
    width: 10rem;
    height: 1.0667rem;
    padding-left: 0.32rem;
    padding-right: 0.32rem;
    position: absolute;
    bottom: 0;
    z-index: 3;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.ui-block-video-control-progress-container {
    margin-left: 0.2133rem;
    margin-right: 0.2133rem;
    position: relative;
    width: 3.7333rem;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
}

.ui-block-video-control-progress-bar {
    height: 0.0533rem;
    width: 100%;
    position: absolute;
    left: 0;
    background-color: rgba(255, 255, 255, 0.20);
}

.ui-block-video-control-progress {
    height: 0.0533rem;
    background-color: #fff;
}

.ui-block-video-control-progress-handle {
    width: 0.4267rem;
    height: 0.4267rem;
    background-color: #fff;
    border-radius: 0.2133rem;
}

.ui-block-video-control-current-time {
    margin-left: 0.2133rem;
}

.ui-block-video-control-duration-time {
    margin-right: 0.3467rem;
}

.ui-block-video-control-time {
    color: #fff;
    font-size: 0.32rem;
}

.ui-block-video-control-fullscreen {
    margin-right: 1.12rem;
    flex-shrink: 0;
}

.ui-block-video-control-icon {
    width: 0.8533rem;
    height: 0.8533rem;
}

.ui-block-video-control-volume {
    position: absolute;
    right: 0.32rem;
}

.ui-block-video-poster {
    z-index: 2;
    position: absolute;
    width: 10rem;
}

.ui-block-video-control-center-button {
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -0.5867rem;
    margin-left: -0.5867rem;
    width: 1.1733rem;
    height: 1.1733rem;
    z-index: 4;
}

.ui-block-video-error {
    width: 10rem;
    background-color: #f6f7fa;
}

.ui-block-video-error-icon {
    background-size: contain;
    position: absolute;
    width: 1.7067rem;
    height: 1.7067rem;
    left: 50%;
    top: 50%;
    margin-top: -0.5867rem;
    margin-left: -0.5867rem;
}

.ui-carousel {
    overflow: hidden;
    z-index: 0;
}

.ui-carousel-slide {}

.ui-carousel-slide-item {
    position: absolute;
    top: 0;
}

.ui-carousel-point {
    height: 0.16rem;
    flex-direction: row;
    justify-content: flex-start;
}

.ui-carousel-point-item {
    position: absolute;
    border-radius: 0.08rem;
    background-color: #FFF;
    height: 0.16rem;
    top: 0;
}

.ui-alert {
    width: 6.9333rem;
    min-height: 3.5733rem;
    padding: 0.64rem;
    border-radius: 0.1067rem;
    background-color: #FFFFFF;
}

.ui-alert-close {
    position: absolute;
    top: 0.2667rem;
    right: 0.2667rem;
    width: 0.2667rem;
    height: 0.2667rem;
}

.ui-alert-message {
    line-height: 0.64rem;
    margin-top: 0.1867rem;
    margin-bottom: 0.7733rem;
    font-size: 0.3733rem;
    color: #4D5869;
}

.ui-alert-button-wrapper {
    height: 0.6933rem;
    flex-direction: row;
    justify-content: flex-end;
}

.ui-alert-button {
    width: 1.7067rem;
    height: 0.6933rem;
}

.ui-alert-button-content {
    font-size: 0.32rem;
}

.ui-block-outside-material {
    width: 10rem;
    height: 6.9333rem;
    justify-content: center;
    align-items: center;
    background-color: #F6F7FA;
}

.ui-block-outside-material-image {
    width: 1.6rem;
    height: 1.6rem;
}

.ui-block-outside-material-text {
    margin-top: 0.2133rem;
    color: #868E9F;
    font-size: 0.32rem;
}

.ui-block-link-wrapper {
    align-items: center;
}

.ui-block-link {
    width: 5.0667rem;
    height: 1.0667rem;
}

.ui-tooltip-label-container {
    position: absolute;
}

.ui-tooltip-label-content {
    background-color: #FFFFFF;
    padding-left: 0.48rem;
    padding-right: 0.48rem;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    border-radius: 0.0533rem;
    z-index: 2;
}

.ui-tooltip-label-box-shadow {
    opacity: 0.6;
    position: absolute;
    width: 120%;
    left: -10%;
    height: 1.7333rem;
    top: -0.08rem;
}

.ui-tooltip-label-arrow {
    background-color: #FFF;
    width: 0.16rem;
    height: 0.16rem;
    position: absolute;
}

.ui-tooltip-label-arrow-top {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%) rotateZ(45.0000deg);
}

.ui-tooltip-label-arrow-bottom {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotateZ(45.0000deg);
}

.ui-input {
    width: 100%;
}

.ui-input-clear-button {
    width: 0.3733rem;
    height: 0.3733rem;
    border-radius: 0.3733rem;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 0.4267rem;
    top: 0.4rem;
}

.ui-input-clear-button-icon {
    width: 60%;
    height: 0.0267rem;
    background-color: #FFF;
    position: absolute;
    top: 0.1867rem;
    left: 20%;
}

.ui-input-clear-button-icon-left {
    transform: rotateZ(48.0000deg);
}

.ui-input-clear-button-icon-right {
    transform: rotateZ(-48.0000deg);
}

.ui-checkbox {
    width: 100%;
    flex-direction: row;
    align-items: center;
    font-size: 0.32rem;
    border-radius: 0.0533rem;
}

.ui-checkbox-box {
    width: 0.3733rem;
    height: 0.3733rem;
    border-width: 0.0267rem;
    margin-right: 0.1333rem;
    position: relative;
    background-color: #fff;
    border-radius: 0.0533rem;
}

.ui-checkbox-checked-mark {
    position: absolute;
}

.ui-checkbox-checked-mark-left {
    width: 0.1333rem;
    height: 0.0533rem;
    left: 0.0267rem;
    top: 0.16rem;
    transform: rotateZ(43.0000deg);
}

.ui-checkbox-checked-mark-right {
    width: 0.24rem;
    height: 0.0533rem;
    left: 0.08rem;
    top: 0.1333rem;
    transform: rotateZ(-50.0000deg);
}

.ui-checkbox-disabled {
    background-color: rgba(0, 0, 0, 0.05);
}

.ui-checkbox-content {
    color: #4D5869;
    flex-direction: row;
}

.ui-rolling-info {
    width: 100%;
    flex-direction: row;
    align-items: center;
}

.ui-rolling-info-line {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    height: 0.0267rem;
    background-color: rgba(0, 0, 0, 0.1);
}

.ui-rolling-info-list {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 5.3333rem;
    margin-left: 0.64rem;
    margin-right: 0.64rem;
    overflow: hidden;
    height: 0.4533rem;
}

.ui-rolling-info-list-body {
    width: 100%;
    position: absolute;
}

.ui-rolling-info-list-item {
    text-align: center;
    height: 0.4533rem;
    line-height: 0.4533rem;
}

.ui-rolling-info-list-item-text {
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.6);
}

.ui-rolling-dark-text {
    color: rgba(255, 255, 255, 0.50);
}

.ui-rolling-dark-line {
    background-color: rgba(255, 255, 255, 0.1);
}

.ui-form-item {
    width: 100%;
    padding-top: 0.2133rem;
    padding-bottom: 0.2133rem;
    align-items: center;
    position: relative;
}

.ui-form-item-label {
    position: absolute;
    right: 0.4267rem;
    top: 50%;
    background-color: #FFFFFF;
    box-shadow-color: #000;
    box-shadow-radius: 0.2133rem;
    box-shadow-offset-x: 0;
    box-shadow-offset-y: 0.2133rem;
    padding-left: 0.48rem;
    padding-right: 0.48rem;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    border-radius: 0.0533rem;
    z-index: 2;
}

.ui-form-item-label-arrow {
    background-color: #FFF;
    width: 0.16rem;
    height: 0.16rem;
    position: absolute;
}

.ui-form-item-label-top {
    position: absolute;
    right: 0.4267rem;
    top: -0.2667rem;
}

.ui-form-item-label-arrow-top {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%) rotateZ(45.0000deg);
}

.ui-form-item-label-bottom {
    position: absolute;
    right: 0.4267rem;
    top: 0.8rem;
}

.ui-form-item-label-arrow-bottom {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) rotateZ(45.0000deg);
}

.ui-message-verification {}

.ui-form-select {
    height: 1.1733rem;
    width: 100%;
    position: relative;
    flex-direction: row;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 0.1067rem;
}

.ui-form-select-input-wrapper {
    flex: 1;
}

.ui-form-select-input {
    height: 1.1733rem;
    border-radius: 0.1067rem;
    border: none;
    outline: none;
    padding-top: 0.3733rem;
    padding-right: 0.3733rem;
    padding-left: 0.32rem;
    padding-bottom: 0.32rem;
    font-size: 0.4267rem;
    line-height: 0.4267rem;
    width: 100%;
}

.ui-form-select-input-text {
    font-size: 0.4267rem;
    white-space: nowrap;
    width: 90%;
}

.ui-form-select-input-placeholder {
    font-size: 0.4267rem;
    line-height: 1;
}

.ui-form-select-right-arrow {
    position: absolute;
    right: 0.32rem;
    top: 0.44rem;
    width: 0.2667rem;
    height: 0.2667rem;
    border-color: rgba(0, 0, 0, 0.2);
    border-top-width: 0.0533rem;
    border-right-width: 0.0533rem;
    transform: rotateZ(45.0000deg);
}

.ui-submit-count {
    width: 100%;
    flex-direction: row;
    align-items: center;
}

.ui-submit-count-line {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    height: 0.0267rem;
    background-color: rgba(0, 0, 0, 0.1);
}

.ui-submit-count-content {
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    flex-direction: row;
    margin-left: 0.2133rem;
    margin-right: 0.2133rem;
    line-height: 0.5867rem;
}

.ui-submit-count-content-text {
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.32rem;
}

.ui-dark-text {
    color: rgba(255, 255, 255, 0.50);
}

.ui-dark-line {
    background-color: rgba(255, 255, 255, 0.1);
}

.ui-submit-count-number {
    font-size: 0.4267rem;
    margin-left: 0.08rem;
    margin-right: 0.08rem;
}

.ui-form-success-container {
    width: 100%;
    justify-content: center;
}

.ui-form-success {
    width: 100%;
    justify-content: center;
    padding: 0.64rem;
    border-width: 0.0267rem;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.10);
    border-radius: 0.2133rem;
}

.ui-form-success-title {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 0.2133rem;
}

.ui-form-success-tip {
    flex-direction: row;
    justify-content: left;
    align-items: center;
    font-size: 0.5067rem;
    font-family: PingFangSC-Semibold;
    color: rgba(0, 0, 0, 0.60);
    letter-spacing: 0.0133rem;
}

.ui-form-success-icon {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 0.24rem;
    margin-right: 0.1867rem;
    background-color: #44B549;
}

.ui-form-success-rewrite {
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.ui-form-success-rewrite-icon {
    width: 0.3733rem;
    height: 0.3733rem;
    margin-right: 0.1067rem;
}

.ui-form-success-text {
    line-height: 0.64rem;
    font-size: 0.3733rem;
    color: rgba(0, 0, 0, 0.30);
}

.ui-form-success-text-dark {
    color: rgba(255, 255, 255, 0.50);
}

.ui-form-success-split-line {
    width: 100%;
    height: 0.0267rem;
    background-color: rgba(0, 0, 0, 0.10);
    margin-top: 0.32rem;
    margin-bottom: 0.4rem;
}

.ui-form-success-info {
    font-size: 0.4rem;
    color: rgba(0, 0, 0, 0.60);
    align-items: center;
    text-align: center;
}

.ui-form-button {
    width: 5.0667rem;
    height: 1.0667rem;
    margin-top: 0.4267rem;
    align-self: center;
    font-size: 0.4rem;
}

.ui-input-base {
    position: relative;
    height: 1.1733rem;
    width: 100%;
    flex-direction: row;
    background-color: rgba(0, 0, 0, 0.06);
}

.ui-input-base-inner {
    border: none;
    border-radius: 0.2133rem;
    outline: none;
    margin-right: 0.3733rem;
    margin-left: 0.32rem;
    font-size: 0.4267rem;
    line-height: 0.4267rem;
    flex: 1;
    background-color: rgba(0, 0, 0, 0);
}

.ui-form-default-select {
    height: 1.1733rem;
    width: 100%;
    position: relative;
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 0.1067rem;
}

.ui-wheel-picker-wrapper {
    align-items: center;
}

.ui-wheel-picker-modal {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FFF;
    border-top-left-radius: 0.2133rem;
    border-top-right-radius: 0.2133rem;
}

.ui-wheel-picker-footer {
    flex-direction: row;
    justify-content: center;
}

.ui-wheel-picker-title {
    height: 1.7067rem;
    line-height: 1.7067rem;
    font-size: 0.3467rem;
    text-align: center;
    font-weight: bold;
}

.ui-wheel-picker-btn {
    width: 3.2rem;
    height: 1.0667rem;
    margin-top: 0.5333rem;
    margin-bottom: 0.5333rem;
    margin-left: 0.2133rem;
    margin-right: 0.2133rem;
}

.ui-wheel-picker-container {
    height: 5.12rem;
    overflow: hidden;
    flex-direction: row;
}

.ui-wheel-picker-column {
    flex: 1;
    align-items: center;
}

.ui-wheel-picker-item {
    height: 1.28rem;
    line-height: 1.28rem;
    font-size: 0.4533rem;
    flex-shrink: 0;
    flex-grow: 0;
    max-width: 80%;
    white-space: nowrap;
}

.ui-wheel-event-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.ui-wheel-picker-selector {
    position: relative;
}

.ui-wheel-picker-selector-empty {
    justify-content: center;
    align-items: center;
    height: 5.12rem;
    font-size: 0.4267rem;
}

.ui-wheel-picker-center-mask {
    position: absolute;
    height: 1.28rem;
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0.2133rem;
    top: 1.92rem;
}

.ui-block-form {
    position: relative;
    height: auto;
    justify-content: center;
    padding-left: 0.64rem;
    padding-right: 0.64rem;
}

.ui-block-form-body {
    position: relative;
}

.ui-block-form-submit-row {
    position: relative;
    padding-top: 0.2667rem;
    padding-bottom: 0.1067rem;
}

.ui-block-form-protocol-container {
    margin-top: 0.32rem;
}

.ui-block-form-submit-checkbox-row {
    flex-direction: row;
    margin-bottom: 0.3733rem;
}

.ui-block-form-desc-text {
    color: #000000;
    padding-left: 0.5333rem;
    font-size: 0.2667rem;
    opacity: 0.3;
}

.ui-block-form-small-text {
    font-size: 0.32rem;
}

.ui-block-form-mini-text {
    font-size: 0.2667rem;
}

.ui-block-form-link {
    color: #6281C0;
}

.ui-block-form-submit-error-text {
    margin-top: 0.2133rem;
    color: #F24D4D;
    font-size: 0.3733rem;
    text-align: center;
}

.ui-block-form-submit-count-top-container {
    margin-bottom: 0.48rem;
}

.ui-block-form-rolling-info-container {
    margin-top: 0.64rem;
}

.ui-block-form-rolling-and-count-container {
    margin-top: 0.64rem;
    padding-bottom: 0.4533rem;
}

.ui-block-form-rolling-and-count-container-of-rolling-info {
    border-color: rgba(0, 0, 0, 0.10);
    padding-top: 0.8rem;
    padding-bottom: 0.5333rem;
    border-bottom-width: 0.0267rem;
}

.ui-rolling-dark-border {
    border-color: rgba(255, 255, 255, 0.10);
}

.ui-block-form-background-layer {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ui-block-form-background-layer-image {
    width: 100%;
    height: 100%;
}

.ui-block-form-background-layer-mask {
    width: 100%;
    height: 100%;
    position: absolute;
}

.phone-input-auto-fill {
    position: relative;
    padding-left: 0.32rem;
    padding-right: 0.32rem;
    line-height: 1.1733rem;
}

.phone-input-verify-code-error {
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    width: 100%;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 0.2133rem;
}

.phone-input-verify-code-error-icon {
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 0.0533rem;
}

.phone-input-get-captcha {
    position: relative;
    padding-left: 0.48rem;
    padding-right: 0.48rem;
    line-height: 1.1733rem;
}

.phone-input-bind-protocol {
    margin-top: 0.1067rem;
    width: 100%;
    flex-direction: row;
    color: #828B9F;
    font-size: 0.2667rem;
}

.lbs-select-get-shop {
    padding-left: 0.32rem;
    padding-right: 0.32rem;
    justify-content: center;
}

.lbs-select-text {
    color: #576B95;
}

.input-suffex-sider {
    position: absolute;
    left: 0;
    top: 0.2667rem;
    height: 0.64rem;
    width: 0.0267rem;
    background-color: rgba(0, 0, 0, 0.10);
}

.agreen-tooltip {
    top: -1.28rem;
    left: -0.1867rem;
}

.agreen-tooltip-arrow {
    left: 0.3467rem;
}

.ui-block-businesscard-wrapper {
    width: 10rem;
    padding-left: 0.64rem;
    padding-right: 0.64rem;
    background-color: transparent;
}

.ui-block-businesscard-text {
    color: rgba(0, 0, 0, 0.58);
    font-size: 0.3733rem;
}

.ui-block-businesscard-shopname {
    color: rgba(0, 0, 0, 0.88);
    font-size: 0.5333rem;
    font-weight: bold;
    padding-bottom: 0.2133rem;
}

.ui-block-businesscard-bottomline {
    border-bottom-color: rgba(0, 0, 0, 0.10);
    border-bottom-width: 0.0267rem;
    position: relative;
    padding-bottom: 0.2667rem;
}

.ui-block-businesscard-item {
    flex-direction: row;
    align-items: center;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
}

.ui-block-businesscard-icon {
    width: 0.4267rem;
    height: 0.4267rem;
    margin-right: 0.1867rem;
}

.ui-block-businesscard-right-arrow {
    position: absolute;
    width: 0.16rem;
    height: 0.16rem;
    border-color: rgba(0, 0, 0, 0.2);
    border-top-width: 0.0267rem;
    border-right-width: 0.0267rem;
    color: #919191;
    right: 0;
    transform: rotateZ(45.0000deg);
}

.ui-block-businesscard-wrapper-map {
    margin-bottom: 0.4267rem;
    border-radius: 0.2133rem;
    overflow: hidden;
}

.ui-block-businesscard-businesstime {
    color: rgba(0, 0, 0, 0.88);
    margin-bottom: 0.2133rem;
}

.ui-block-businesscard-description {
    margin-bottom: 0.2133rem;
}

.ui-block-businesscard-custom-tags {
    margin-bottom: 0.2133rem;
    flex-direction: row;
}

.ui-block-businesscard-custom-tags-item {
    color: rgba(0, 0, 0, 0.58);
    background-color: rgba(0, 0, 0, 0.05);
    font-size: 0.32rem;
    padding-top: 0.1067rem;
    padding-bottom: 0.1067rem;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
    border-radius: 0.0533rem;
}

.ui-block-businesscard-icon-text {
    margin-left: 0.4267rem;
    width: 0.6667rem;
    text-align: center;
}

.ui-block-businesscard-icon-text-text {
    font-size: 0.32rem;
    margin-top: 0.1067rem;
    color: rgba(0, 0, 0, 0.58);
    transform: scale(0.83);
}

.ui-block-businesscard-address {
    font-size: 0.3733rem;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.88);
}

.ui-block-businesscard-shadow {
    height: 2.0267rem;
    width: 9.5733rem;
    flex-direction: row;
    align-items: center;
    padding: 0.4267rem;
    border-radius: 0.2133rem;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    background-color: #FFF;
}

.ui-block-businesscard-shadow-wrapper {
    height: 2.4533rem;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    width: 10rem;
}

.ui-block-businesscard-shadow-item {
    flex-direction: row;
    align-items: center;
    margin-top: 0.16rem;
}

.ui-block-businesscard-icon-map {
    width: 0.4267rem;
    height: 0.4267rem;
    margin-right: 0.1067rem;
}

.ui-block-businesscard-icon-tel {
    width: 0.7467rem;
    height: 0.7467rem;
    margin-right: 0.5333rem;
}

.ui-fixed-businesscard-wrapper {
    background-color: transparent;
    bottom: 0.9067rem;
}

.ui-block-panorama-image {
    width: 100%;
    background-size: cover;
    align-items: center;
    justify-content: center;
    display: flex;
    flex: 1;
}

.ui-block-panorama-image-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-bottom: 1.3333rem;
}

.ui-block-panorama-next-page {
    position: absolute;
    width: 2.24rem;
    margin-left: -1.12rem;
    bottom: 0.96rem;
    left: 50%;
    align-items: center;
    color: #FFFFFF;
}

.ui-block-panorama-next-page-text {
    font-size: 0.3467rem;
    margin-bottom: 0.2667rem;
}

.ui-block-panorama-next-page-icon {
    width: 1.0667rem;
    height: 0.64rem;
}

.ui-panorama-image {
    overflow: hidden;
}

.ui-panorama-image-mask {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.ui-panorama-image-icon {
    width: 1.5733rem;
    height: 1.6rem;
    margin-bottom: 1.3333rem;
}

.ui-panorama-next-page {
    position: absolute;
    width: 2.24rem;
    margin-left: -1.12rem;
    bottom: 0.64rem;
    left: 50%;
    align-items: center;
    color: #FFFFFF;
}

.ui-panorama-next-page-text {
    font-size: 0.3467rem;
    margin-bottom: 0.2667rem;
}

.ui-panorama-next-page-icon {
    width: 0.7467rem;
    height: 0.48rem;
}

.ui-fixed-pager {
    width: 1.28rem;
    height: 0.8rem;
    left: 4.36rem;
    position: absolute;
}

.ui-block-custom-page {
    width: 100%;
    min-height: 13.3333rem;
    position: relative;
}

.ui-block-custom-page-mask {
    background-color: transparent;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.ui-block-custom-page-iframe-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

.ui-right-fixed-button-item-icon {
    width: 1.76rem;
    height: 1.76rem;
    align-items: center;
    padding-top: 0.2667rem;
    padding-bottom: 0.2667rem;
}

.ui-right-fixed-button-item-image {
    width: 0.64rem;
    height: 0.64rem;
    margin-bottom: 0.1067rem;
}

.ui-right-fixed-button-item-text-icon {
    font-size: 0.32rem;
}

.ui-right-fixed-button-item-icon-divider {
    width: 1.12rem;
    height: 0.0267rem;
    margin-top: -0.32rem;
    margin-bottom: 0.32rem;
}

.ui-right-fixed-button-item {
    width: 2.9867rem;
    align-items: center;
}

.ui-right-fixed-button-item-text {
    font-size: 0.4267rem;
    line-height: 0.64rem;
    padding-top: 0.4267rem;
    padding-bottom: 0.32rem;
}

.ui-right-fixed-button-item-button {
    font-size: 0.4267rem;
    width: 2.1333rem;
    height: 0.8533rem;
    border-radius: 0.16rem;
    margin-bottom: 0.2667rem;
}

.ui-block-business-wrapper {
    width: 10rem;
}

.ui-block-business-qrcode-identify-icon {
    width: 0.32rem;
    height: 0.32rem;
    margin-top: 0.08rem;
}

.ui-block-business-qrcode-corpname {
    margin-left: 0.0533rem;
    width: 3.4667rem;
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.50);
}

.ui-block-business-qrcode-title {
    margin-left: 0.2667rem;
}

.ui-block-business-qrcode-tip {
    text-align: center;
    margin-bottom: 0.64rem;
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.30);
}

.ui-block-business-qrcode-row {
    flex-direction: row;
}

.ui-block-business-qrcode-center {
    align-items: center;
}

.ui-block-business-qrcode0 {
    padding: 0.64rem;
    height: 5.1733rem;
    background-image: url(http://pgdt.gtimg.cn/141/20204/snscosdownload/SZ/reserved/61b1ac2c0000fbf2000000001f5588090000008d00004eec?m=0b5b04d4265a9551f8e2b280444df1d4&ck=0b5b04d4265a9551f8e2b280444df1d4&sha256=ec1d2e8e5cf67429871144c22d5ac4431e481ef0d5a4098dfa519e13557642ee);
    background-size: cover;
    background-repeat: no-repeat;
}

.ui-block-business-qrcode0-card {
    padding: 0.64rem;
    flex-direction: row;
}

.ui-block-business-qrcode0-avatar {
    width: 1.0667rem;
    height: 1.0667rem;
}

.ui-block-business-qrcode0-left {}

.ui-block-business-qrcode0-cardname {
    font-weight: bold;
    font-size: 0.3733rem;
    color: #030303;
}

.ui-block-business-qrcode0-identify {
    margin-top: 0.08rem;
    flex-direction: row;
}

.ui-block-business-qrcode0-url {
    position: absolute;
    margin-top: 0.24rem;
    right: 0.64rem;
    width: 2.1333rem;
    height: 2.1333rem;
}

.ui-block-business-qrcode0-split {
    height: 0.0267rem;
    margin-top: 0.3867rem;
    margin-bottom: 0.3867rem;
    margin-left: 0;
    margin-right: 0;
    background-color: #F3F3F3;
}

.ui-block-business-qrcode0-cardword {
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.60);
}

.ui-block-business-qrcode1 {
    padding: 0.64rem;
    height: 13.2267rem;
    background-image: url(http://pgdt.gtimg.cn/141/20204/snscosdownload/SZ/reserved/61b1f9080002a4cf00000000a86188090000008d00004eec?m=9dd10508bf5de805ae59bc4a71f36d00&ck=9dd10508bf5de805ae59bc4a71f36d00&sha256=5b155e3dcedbf91b095b4ea2a3e18f2908fe353ad21d00f813468f288f5aa82e);
    background-size: cover;
    background-repeat: no-repeat;
}

.ui-block-business-qrcode1-card {
    padding-top: 0.8533rem;
    padding-right: 0.8533rem;
    padding-bottom: 0.9333rem;
    padding-left: 0.8533rem;
}

.ui-block-business-qrcode1-avatar {
    width: 1.28rem;
    height: 1.28rem;
}

.ui-block-business-qrcode1-cardname {
    font-weight: bold;
    font-size: 0.4267rem;
    color: #030303;
}

.ui-block-business-qrcode1-identify {
    margin-top: 0.24rem;
    flex-direction: row;
}

.ui-block-business-qrcode1-corpname {
    width: 5.6rem;
}

.ui-block-business-qrcode1-url {
    width: 4.5867rem;
    height: 4.5867rem;
}

.ui-block-business-qrcode1-split {
    height: 0.0267rem;
    width: 7.0133rem;
    margin-top: 1.4864rem;
    margin-bottom: 0.8603rem;
    background-color: #F3F3F3;
}

.ui-block-business-qrcode1-cardword {
    font-size: 0.3733rem;
    color: rgba(0, 0, 0, 0.60);
}

.ui-block-business-qrcode1-quote {
    margin-top: 0.7733rem;
    width: 0.4267rem;
    height: 0.4267rem;
}

.ui-block-business-qrcode2 {
    background-color: #FFFFFF;
    padding-top: 0.8533rem;
    padding-bottom: 0.88rem;
    padding-right: 0.64rem;
    padding-left: 0.64rem;
}

.ui-block-business-qrcode2-left {
    width: 5.3333rem;
    height: 2.9333rem;
    margin-right: 0.5333rem;
}

.ui-block-business-qrcode2-right {
    width: 2.9333rem;
    height: 2.9333rem;
    position: absolute;
    right: 0;
}

.ui-block-business-qrcode2-identify-icon {
    width: 0.32rem;
    height: 0.32rem;
    margin-left: 0.16rem;
}

.ui-block-business-qrcode2-cardword {
    font-size: 0.3733rem;
    color: rgba(0, 0, 0, 0.60);
    margin-top: 0.2667rem;
}

.ui-block-business-qrcode2-tip {
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.30);
    position: absolute;
    bottom: 0;
}

.ui-layout-items-button {
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    white-space: pre;
}

.ui-layout-items-text {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}

.ui-block-living-appointment-button {
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    white-space: pre;
    position: relative;
    width: 1.76rem;
    height: 0.8rem;
    border-radius: 0.1067rem;
    align-self: center;
    border-color: rgb(255, 255, 255);
    background-color: rgb(255, 97, 70);
}

.ui-block-compliance-layout-wrapper {
    word-break: break-all;
}

.ui-block-compliance-wrapper {
    width: 10rem;
}

.ui-block-compliance-inner-wrapper {
    padding-left: 0.4267rem;
    padding-right: 0.4267rem;
    padding-top: 0.16rem;
    padding-bottom: 0.16rem;
    color: rgba(0, 0, 0, 0.5);
    background-color: #F1F1F1;
    font-size: 0.32rem;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}

.ui-block-compliance-flex-wrapper {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.ui-block-compliance-icon {
    width: 0.448rem;
    height: 0.448rem;
    display: inline-block;
}

.ui-block-compliance-info {
    word-break: break-all;
    overflow: visible;
    font-size: 0.32rem;
}

.ui-block-compliance-text {
    font-size: 0.32rem;
}

.ui-interaction-page {
    width: 10rem;
    position: relative;
}

.ui-interaction-page-mask {
    position: absolute;
    width: 10rem;
    top: 0;
    left: 0;
    background-color: transparent;
}

.ui-interaction-page-webview {
    width: 10rem;
    overflow: hidden;
}

.ui-interaction-page-form {
    position: absolute;
    overflow: scroll;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    padding-top: 0.64rem;
    border-start-start-radius: 12;
    border-start-end-radius: 12;
    background-color: #FFF;
}

.ui-interaction-page-form-close {
    position: absolute;
    top: 0.5333rem;
    right: 0.5333rem;
    font-size: 0.32rem;
}

.ui-interaction-page-form-flag {
    position: absolute;
    width: 1.7067rem;
    height: 1.7067rem;
    bottom: 1.52rem;
    right: 0.4rem;
}

.ui-block-subject {
    font-size: 0.32rem;
    transform: scale(0.8);
    display: flex;
    justify-content: center;
}

.ui-block-bottom-swiper {
    align-items: center;
}

.ui-block-bottom-swiper-icon {
    width: 0.9067rem;
    height: 0.48rem;
}

.ui-block-bottom-swiper-text {
    margin-top: 0.4533rem;
    margin-bottom: 0.3467rem;
}

.ui-block-appointment-panel-wrapper {
    width: 10rem;
    height: 10.6667rem;
    border-top-left-radius: 0.2667rem;
    border-top-right-radius: 0.2667rem;
    background-color: #FFFFFF;
}

.ui-block-appointment-panel-close {
    margin-top: 0.6933rem;
    margin-left: 0.6933rem;
    font-size: 0.64rem;
    line-height: 0.64rem;
    color: #4D5869;
}

.ui-block-appointment-panel-head {
    margin-top: 0.6027rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.ui-block-appointment-head-image {
    width: 0.6667rem;
    height: 0.6667rem;
    border-radius: 0.3333rem;
}

.ui-block-appointment-head-nickname {
    margin-left: 0.2133rem;
    font-size: 0.3733rem;
    line-height: 0.5333rem;
}

.ui-block-appointment-panel-name {
    margin-top: 0.8rem;
    line-height: 0.7467rem;
    text-align: center;
    font-weight: bold;
    font-size: 0.5333rem;
    color: #1F1F1F;
}

.ui-block-appointment-panel-introduce {
    margin-left: 1.44rem;
    margin-right: 1.44rem;
    margin-top: 0.8rem;
    color: #636363;
    text-align: center;
}

.ui-block-appointment-panel-time {
    margin-top: 0.56rem;
    text-align: center;
    color: #000000;
    opacity: 0.3;
}

.ui-block-appointment-panel-button {
    width: 5.0667rem;
    height: 1.0667rem;
    margin-top: 1.0667rem;
    align-self: center;
    background-color: #F2F2F2;
    border-radius: 0.1333rem;
}

.ui-block-appointment-notice-wrapper {
    width: 8.5333rem;
    height: 18.48rem;
    background-image: url(//pgdt.gtimg.cn/141/20204/snscosdownload/SZ/reserved/6604fb850001d49e2664824a534888090000008d00004eec?m=2a8f800daacba07390cecc550139aa4d&ck=2a8f800daacba07390cecc550139aa4d&sha256=d2e49703d6f8308b2de1f91d0c5793b961cc2671971f5c352aa8fb47533ebfed);
    background-size: cover;
    align-items: center;
}

.ui-block-appointment-notice-card {
    margin-top: 3.52rem;
    width: 8rem;
    height: 7.36rem;
    background: #FFF;
    border-radius: 0.1867rem;
}

.ui-block-appointment-notice-head {
    padding-left: 0.48rem;
    height: 1.3867rem;
    flex-direction: row;
    align-items: center;
    border-bottom-width: 0.0267rem;
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-bottom-style: solid;
}

.ui-block-appointment-notice-content {
    padding-left: 0.48rem;
    padding-top: 0.5333rem;
    padding-right: 0.48rem;
    height: 4.8533rem;
}

.ui-block-appointment-notice-content-item {
    margin-bottom: 0.32rem;
    flex-direction: row;
}

.ui-block-appointment-notice-label {
    margin-right: 0.4267rem;
    font-size: 0.3733rem;
    color: #898989;
    line-height: 0.5333rem;
    width: 1.4933rem;
}

.ui-block-appointment-notice-value {
    font-size: 0.3733rem;
    color: #38373C;
    line-height: 0.5333rem;
    width: 5.12rem;
}

.ui-block-appointment-notice-footer {
    padding-left: 0.48rem;
    height: 1.12rem;
    border-top-width: 0.0267rem;
    border-top-color: rgba(0, 0, 0, 0.1);
    border-top-style: solid;
    font-size: 0.3733rem;
    justify-content: center;
}

.ui-block-card {
    background-size: contain;
    width: 10rem;
    height: 10.88rem;
}

.ui-block-coupon {
    width: 10rem;
    padding-left: 0.88rem;
    padding-right: 0.8533rem;
}

.ui-block-coupon1 {
    background-image: url(http://xj.gdtimg.com/xjimg/0/7654c25a7e595004574aaccf0c11bb1a02f1a7f2.png/0);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 0.64rem;
    padding-bottom: 0.32rem;
    padding-left: 0.6267rem;
    padding-right: 0.6267rem;
}

.ui-block-coupon-header {
    flex-direction: row;
    align-items: center;
    color: rgba(0, 0, 0, 0.9);
}

.ui-block-coupon-logo {
    width: 0.5333rem;
    height: 0.5333rem;
    border-radius: 0.2667rem;
    margin-right: 0.2667rem;
}

.ui-block-coupon1-body {
    height: 1.0133rem;
    margin-top: 0.1067rem;
    margin-bottom: 0.1067rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.ui-block-coupon-title {
    font-size: 0.64rem;
    font-weight: bold;
}

.ui-block-coupon1-button {
    width: 2.1333rem;
    height: 0.96rem;
}

.ui-block-coupon1-desc {
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.3733rem;
    margin-top: 0.1067rem;
    width: 5.0667rem;
}

.ui-block-coupon2 {
    background-image: url(http://xj.gdtimg.com/xjimg/0/c94457478d19b0b9aa8a4f1e75758e55407c12a5.png/0);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 0.48rem;
    padding-bottom: 0.64rem;
    padding-left: 0.32rem;
    padding-right: 0.32rem;
    align-items: center;
}

.ui-block-coupon2-header {
    width: 100%;
    justify-content: center;
}

.ui-block-coupon2-body {
    align-items: center;
    margin-top: 0.9867rem;
    width: 7.7333rem;
}

.ui-block-coupon2-title {
    height: 1.0133rem;
    line-height: 1.0133rem;
    width: 100%;
}

.ui-block-coupon2-desc {
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.3733rem;
    margin-top: 0.1067rem;
    width: 100%;
}

.ui-block-coupon2-button {
    width: 5.0667rem;
    height: 1.0667rem;
    margin-top: 0.4267rem;
}

.ui-block-marquee {
    width: 8.9333rem;
    height: 6.4rem;
    border-radius: 0.2667rem;
    margin: auto;
    background-color: #F5F6F8;
    padding-bottom: 0.5867rem;
}

.ui-block-marquee-header {
    color: #000;
    flex-direction: row;
    margin-top: 0.64rem;
    margin-bottom: 0.64rem;
    padding-left: 0.6267rem;
    padding-right: 0.6267rem;
    line-height: 0.5867rem;
    align-items: center;
    font-size: 0.4267rem;
    font-weight: bold;
}

.ui-block-marquee-line-content {
    margin-left: 0.4267rem;
    margin-right: 0.4267rem;
}

.ui-block-marquee-line {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    height: 0.0267rem;
    background-color: #000;
}

.ui-block-marquee-list {
    flex-grow: 1;
    flex-shrink: 0;
    margin-left: 0.64rem;
    margin-right: 0.64rem;
    overflow: hidden;
    height: 4.2667rem;
}

.ui-block-marquee-list-body {
    width: 100%;
    position: absolute;
}

.ui-block-marquee-list-item {
    text-align: center;
    height: 0.5333rem;
    line-height: 0.5333rem;
    margin-bottom: 0.32rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0.32rem;
    color: rgba(0, 0, 0, 0.6);
}

.ui-block-marquee-fire-icon {
    width: 0.5333rem;
    height: 0.5333rem;
    margin-right: 0.4267rem;
}

.ui-block-marquee-list-item-name {
    margin-right: 0.4267rem;
}

.ui-block-marquee-list-item-time {
    margin-right: 0.4267rem;
}

.ui-block-marquee-list-item-action {
    margin-right: 0.4267rem;
}

.ui-block-qrcode-wrapper {
    width: 10rem;
    height: 5.76rem;
}

.ui-block-qrcode0 {
    background-image: url(//xj.gdtimg.com/xjimg/0/ee8eb80ae7af652286efbc1da1c4f7257ce7252f.gif/0);
    background-size: contain;
    width: 100%;
    height: 100%;
}

.ui-block-qrcode0-left {}

.ui-block-qrcode0-url {
    width: 3.36rem;
    height: 3.36rem;
    margin-left: 0.9733rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.0533rem;
    margin-top: 1.2rem;
}

.ui-head-sdpa-wrapper {
    width: 10rem;
}

.ui-head-sdpa {
    align-items: center;
    height: 6.6667rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    background-color: #FAFAFB;
}

.ui-head-sdpa-text {
    font-size: 0.32rem;
    color: #868E9F;
}

.ui-head-sdpa-placeholder {
    width: 1.7067rem;
    height: 1.7067rem;
    margin-top: 1.8133rem;
    margin-bottom: 0.4267rem;
}

.ui-head-text {
    width: 10rem;
    height: 2.8533rem;
    padding-top: 0.4267rem;
    padding-left: 0.64rem;
    padding-right: 0.64rem;
}

.ui-head-text-detail {
    margin-top: 0.2133rem;
}

.ui-block-title {
    width: 10rem;
    height: 1.28rem;
}

.ui-block-title-content {
    max-width: 100%;
}

.ui-block-title-underline {
    margin-top: 0.1867rem;
    margin-left: 0.64rem;
    margin-right: 0.64rem;
}

.ui-tips {
    width: initial;
    min-height: 0.96rem;
    padding-left: 0.5333rem;
    padding-right: 0.5333rem;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    border-radius: 0.2133rem;
    background-color: #4C4C4C;
}

.ui-tips-message {
    line-height: 0.64rem;
    font-size: 0.3733rem;
    color: #FFFFFF;
}

.ui-block-shelf-tile-wrapper {
    width: 10rem;
    background-color: transparent;
    padding-top: 0.4267rem;
    padding-bottom: 0.4267rem;
    padding-left: 1.2667rem;
    padding-right: 1.2667rem;
    align-items: center;
}

.ui-block-shelf-tile {
    flex-direction: row;
    align-items: stretch;
    padding: 0.32rem;
    border-width: 0.0267rem;
    border-style: solid;
    border-radius: 0.1067rem;
}

.ui-block-shelf-tile-icon {
    margin-right: 0.32rem;
    width: 1.5467rem;
    height: 1.5467rem;
    background-color: #F6F7FA;
    border-radius: 0.1067rem;
}

.ui-block-shelf-tile-title {
    width: 5.1733rem;
    font-size: 0.4267rem;
    margin-top: 0.32rem;
    line-height: 0.64rem;
    font-weight: bold;
    color: #030303;
    text-align: center;
}

.ui-block-shelf-tile-desc {
    margin-top: 0.0533rem;
    margin-bottom: 0.8533rem;
    font-size: 0.3733rem;
    font-weight: normal;
    color: #4C4C4C;
    width: 7.4667rem;
    text-align: center;
}

.ui-block-shelf-tile-button {
    width: 4.9067rem;
    border-radius: 0.2133rem;
    font-size: 0.4267rem;
    font-weight: bold;
    height: 1.28rem;
}

.ui-block-mixed-button {
    align-items: center;
    border-radius: 0.2133rem;
    padding-top: 0.32rem;
    padding-bottom: 0.32rem;
    margin-left: 0.64rem;
    margin-right: 0.64rem;
    flex-direction: row;
    font-size: 0.4267rem;
    font-weight: bold;
}

.ui-block-mixed-button-item {
    flex: 1;
    border-color: rgba(0, 0, 0, 0.16);
    border-style: solid;
    align-items: center;
    line-height: 0.64rem;
    flex-direction: row;
    justify-content: center;
}

.ui-block-mixed-button-item-icon {
    width: 0.5333rem;
    height: 0.5333rem;
    margin-right: 0.1067rem;
}

.ui-right-fixed-button-wrapper {
    display: flex;
    bottom: 2.24rem;
    right: 0.64rem;
    border-radius: 0.2133rem;
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    z-index: 99;
}

.ui-right-fixed-download {
    width: 1.76rem;
    height: 2.5067rem;
    border-radius: 0.2133rem;
}

.ui-right-fixed-download-icon {
    width: 1.76rem;
    height: 1.76rem;
    border-top-left-radius: 0.2133rem;
    border-top-right-radius: 0.2133rem;
}

.ui-right-fixed-download-mask {
    position: absolute;
    top: 0;
    height: 1.76rem;
    width: 1.76rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NiA2NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02NiAwSDBWNjZINjZWMFpNMzMgNTdDMTkuNzQ1MiA1NyA5IDQ2LjI1NDggOSAzM0M5IDE5Ljc0NTIgMTkuNzQ1MiA5IDMzIDlDNDYuMjU0OCA5IDU3IDE5Ljc0NTIgNTcgMzNDNTcgNDYuMjU0OCA0Ni4yNTQ4IDU3IDMzIDU3Wk0zMyA1Mi44QzQzLjkzNTIgNTIuOCA1Mi44IDQzLjkzNTIgNTIuOCAzM0M1Mi44IDIyLjA2NDggNDMuOTM1MiAxMy4yIDMzIDEzLjJDMjIuMDY0OCAxMy4yIDEzLjIgMjIuMDY0OCAxMy4yIDMzQzEzLjIgNDMuOTM1MiAyMi4wNjQ4IDUyLjggMzMgNTIuOFoiIGZpbGw9IiM0MDQwNDAiIGZpbGwtb3BhY2l0eT0iMC45Ii8+Cjwvc3ZnPgo=);
    background-size: cover;
    border-top-left-radius: 0.2133rem;
    border-top-right-radius: 0.2133rem;
    align-items: center;
    justify-content: center;
}

.ui-right-fixed-download-operate-icon {
    width: 0.9067rem;
    height: 0.9067rem;
    position: absolute;
}

.ui-right-fixed-download-operate {
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0.16rem;
    padding-bottom: 0.16rem;
    padding-right: 0.08rem;
    padding-left: 0.08rem;
}

.ui-right-fixed-download-cancel {
    align-items: center;
    justify-content: center;
    height: 0.7467rem;
}

.ui-right-fixed-download-cancel-text {
    font-size: 0.32rem;
    color: #ccc;
}

.ui-right-fixed-download-cancelable {
    color: #000;
}

.ui-fixed-button-onekey-mask {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.ui-fixed-button-onekey-wrapper {
    width: 10rem;
    bottom: 0;
    padding-top: 0;
    padding-right: 0.2133rem;
    padding-bottom: 0;
    padding-left: 0.2133rem;
    z-index: 99;
}

.ui-fixed-button-onekey-form {
    width: 10rem;
    height: 10.1867rem;
    bottom: 0;
    background-color: #FFF;
    border-radius: 16px 16px 0 0;
    z-index: 100;
    padding-top: 0.8rem;
    padding-bottom: 1.7067rem;
    padding-right: 0.64rem;
    padding-left: 0.64rem;
    transition: transform .2s;
}

.ui-fixed-button-onekey-form-title {
    color: #000;
    font-size: 0.3733rem;
    font-style: normal;
    font-weight: bold;
    flex-direction: row;
    margin-bottom: 0.4533rem;
}

.ui-fixed-button-onekey-form-close {
    position: absolute;
    right: 0;
    top: 0;
}

.ui-block-red-packet {
    width: 10rem;
    height: 10rem;
    align-items: center;
}

.ui-block-red-packet-header {
    padding-top: 1.4933rem;
    padding-left: 1.4933rem;
    padding-right: 1.4933rem;
    position: relative;
    align-items: center;
}

.ui-block-red-packet-border {
    padding: 0.16rem;
    position: absolute;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10);
    background-color: #FFF;
    border-radius: 0.1067rem;
}

.ui-block-red-packet-image {
    width: 1.8667rem;
    height: 3.04rem;
    border-radius: 0.0533rem;
}

.ui-block-red-packet-title {
    margin-top: 0.4267rem;
    line-height: 0.64rem;
    font-size: 0.48rem;
    font-weight: bold;
}

.ui-block-red-packet-description {
    margin-top: 0.2133rem;
    line-height: 0.5333rem;
    font-size: 0.3733rem;
}

.ui-block-red-packet-button {
    width: 5.0667rem;
    height: 1.0667rem;
    margin-top: 0.8rem;
    font-size: 0.3733rem;
    border-radius: 0.16rem;
    font-weight: bold;
}

/* 外显素材替换为4:3视频时，可能不传封面，此时播放器将第一帧作为封面， * 如果使用contain，封面比例与替换的视频不一致时会产生黑边， * 如果用cover（视频播放器默认），替换过程中封面会超出视频组件边界，并由于<未知原因>可能导致app crash，两害相权取其轻，当前要使用contain，谨慎修改！！！ * 如测试环境落地页：https://h5.gdt.qq.com/xjviewer/nemo/1118137?xj_nocdn=1&qz_gdt=5e4g2ynhaeametavhxva&click_ext=eyJhdWlkIjoiMjA0NTgiLCJleHBfcGFyYW0iOiJzdGF5X2Rvd25sb2FkX21vZGFsOjEifQ%3D%3D&autodownload=0&gdt_ad_id=3149795862&aidx=54752519&gdt_product_id=1101072624&packageName=com.achievo.vipshop&ist=1&xj_ui=1_5a7ae9aac6d8ecd1_6d86&ad_id=3149795864*/
.txp_poster {
    background-size: contain !important;
    /* background-size: cover; */
}

.txp_icon.txp_icon_play_lg.txp_icon_play_custom {
    width: 44px;
    height: 44px;
}

.txp_bottom .txp_time_display .txp_time_current_custom {
    font-size: 12px;
    color: #FFF;
}

.txp_progress_list.txp_progress_list_custom {
    background-color: rgba(255, 255, 255, .2);
}

.txp_progress_list .txp_progress_play {
    background-color: #FFF;
    ;
}

.txp_btn_scrubber .txp_scrubber_indicator {
    background-color: #FFF;
    width: 12px;
    height: 12px;
}

.txp_time_duration.txp_time_duration_custom {
    margin-left: 20px;
    padding-top: 4px;
    font-size: 12px;
    color: #FFF;
}

.txp_right_controls .txp_volume_btn {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.txp_overlay_loading .txp_icon_loading {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAJ1UlEQVR4Xu2cechtZRXGn5VWlpWpWdKIQ4qkUIYlihURDZASoYhKoYQIRmJg6nXKEifCpNkiIisSxQpS/MPhH+GCZSpGIWLOGt5b6s2rN+c3fru1Ptb3nn32PuebznDvhs053zn77L3fZz/Pmt71fqZtWycCtg2fbgQmDlApJe5h4V7M7NVpeXBrDpAD8hoHgOu/YmYlA1JK4ftSfz4J0FYdoAQIAx5ghoPxBkk7+L7ZzJ7hd3MPUCllO2dCA4yD9XZJh0g6QNLekt4t6c2Stpf0WklbJP1R0qVm9tIkWJOvueIMchB4+gEKg/6ApE9J+oykD0p6i6TXtQye37zs351lZhcDspm9MimgVhQgl4sAp5QCAF+UdKykj0h6hw+ewWapwbKGYNgjZxCS+4ukIyYttxUBKLOmlPJGSV+QdLKkDzkbnnNwkBE7Rphr89oY5AQQxwLQHZIOn3mAKtYcLOkcSZ9wNjzvQAQoAUhWDN/BNgALiSFLJHbJTEsMcFxOO0r6hqQTJfH+WUlIhz2YAii8B4zXO5MCKI7HOLP/ay6MdALn/XgcSZ90YJALrAhAAIV9J5cTEnpI0npJd0t6RNK/HZwXAGjSslq2Fwval1Jw1z+RtLuDk6XEdZDUm/z1Tkm3SPqdpHvMDG/Vus10oJiY8zlJ33UAsDUZHGwJwCCx2yT9VNLNZrY5AsAUQMKuiKSb15lNNRJzPivpRy4dgrkAJ2SFnO6TdLmkq91OhS1qjagnFef0XXdkN1/JCkaQGgAOHifsDEDhoq+SdJGZbehLNfpucNLfjwRQkgUG+UpJb3NwwkshjQDsAjP7VR1RT3qgS71+L0AJHALAKzyPwhPBHIww0S+seUbSaWZ2c52DLfXmpuF3owAUsc4ZHudsdpsTxpWYhs9ONrM/lVK27/JQ0zDoce6hE6DksQ6S9LN04kgVkBgM+rqZ3TLpqHecgY967FCAkrSIfJHWRyWFtII9lCnONbOr5o05AWAXQCEtEs+L3MbgpSJnequka81sXTBt1KcyS8f1SQxDjNfaT9KLDg4eC6P8mKTjzWzjVgdQsj2fl/RtSUTKuY4MQN80sz/MMzgR9Q4wPtmf70s6LOVZwR7yqhOnKSVYLdkOSCyxB1n90EsTABOFLcoZZ5jZjfPOnlYGJYC+JOlUN85N8d1rPX/zmGfLtMw8rBZ7OiUm6QeSDpREjSbcOuz5hZldMY8xTxvQiySWbM8ukn4jifQiShHh3rE9928N7BlgUJLXxySd7zXiYA8B48OSTpinVKJPnjWDmjmoUsqXJX1F0n+96BUFMALDy7cW9rQxKAAiMT1c0n88MSXfQnYXmtl1W4P3Gkg1MitKKRThmcJhtgH3DoOamQszu31eDHR0lnT1ACxILBloouRLJO3vMw1RKsWbnW5m9806gxyYyCshCwQY6DJZJLEEEBk6AFE9xAYBECfbJOlMM3tkTgCqg+TWdps2Bu3q2ft7UgxE0rpR0joze2IeAGrpSWpttxkG0IXelhJBIgBtYFp51gGqGrhqL/9qDVwbQEjsAkl7eRafJUZx7NFZZlCyPwHOQndbW3zXBhCzE5Q4SFbDBuHJKHmc51F0U0zrC7Km8XsHqK03CaBe6mUQgyqlfEvShys3j3c738zummU37zMuTDREy008R+RFUXDRNiyS/pqkT/tsBexhHp0S6/fM7KYZlxj2NADKYLxsZtjcToCiDn2UpGOSxJATiesNZvbzWU41SimYECSWGQRRXhiFQQEQLXPUgsLOREvL4x4LDe3MmEa7k++plEJ/ZJSPc9PElk4j7baniQVKKcjpMp9Ozg2UAIahJlicijbdcR6I2x8aK5rhVl0ltB8POJ7WWQ239Gen2YwIxzHUvzeza2fRDpVSaMlhDIvabdx7MXU+sLXVpINFZPOUXZlWDkPNyf9BKmJmz88Si/yhU5EgbQKgYAsYPGdmtP+NBFDYoT2wN37COBmveIAfm9mfZ4lF3n27s0+VA1AUAhnTpmFN60Ml5rboNG/8Zso5Sq54gHslfWeWgsVSCn3auHgACfsT3uupYbZsGEDBokO9spgL91wAkH5pZutngUWlFNInknDuvQbo6WHyArS+qWf0uk7S+9LUMy6ez+lMvczMNk2zLaKpQtI7U+k4ey8i540jFcxqiqUCfrCI6iKAsuP6sUXrzezXUw4QHbgwKGK3DNCTZsa4hm5d3R3hzdDtKZL2TZF1eAGk9ttpk1oq/mGUsT080LzcgXGTfD/Rt+SqT2IB0j6SvloFV1w02HSlmf19GuxRAoeImaVW2ebkzOCfZka1onPrBKiKrlm5QwIbUgsWESMRQ2C0H5hkpp/AISB8b+qhBJjwwgwLw8ySh95tHICwOSf5IrioEwVIGEKAu8bM7lnrTvlqRoY0iXJxNJhGWhGMJ2R5bNQQpRegikUYPJY58YSiNBAy4xVDeL0Hkc25+zTe+wh7DqjAwd68y38Sdickxsfc30NtZY2x4qC2g6vFKye4q6eRPPKaeEKw6XZJN+Ehol96pRfpVsDgLAhFon87mB1xTzzEh/u8Vj32kRgUP0ogsd70OAcHkELfcUPcMLMgt0r6a7BolIm6LsLUv/e/WQOLvcEEcC9xD5wqs+dBM2OmeKxtLIAquQHSkc6k6F+Mm4NNsdSSpU8sr3ygLkhldnXGIoPLxmEpbEFOeCuuG2wO9gSjQ1bM6429jQ2QgxSpyJ6Sjk4rfsIgNjOVzrDoTKPY9qDncU+NaiQTe7lXAj7sIGkD77kGAART4gGF18JO3s8qo7GR8R8sCaCKSbux+FYS2T/eLdOa9wyApxpdagRoPM1HfXUhN89nHBegxmpFpEqJhSIXQR/vQ86wtrY1cW0eCteAtb2xTid7l4psBRL6/7ivbm4yZD9vHkAAFaWGxsl5jkcchUQ4hj1KokTx4X3iu1g1XbOGz6NuBVtx5bTyLKvyuWQGVdRv3HkpBWPJgl48CgOOp9z2pPNAs0ENmQSjsmw4T/5d9lKcg7JFY4yXC0yMb9kABZMaOvwfJJ46k47Mq+Fh2GBUZlAedDbsNRhdx0XnLeelXMraV9a7Lps1WVUrAtAQNuFpSHABiwAO+wGjghnBhDZ2tQFTT9NgW56WhJw2pP/0sCxJ1SZnRQHKQKXYB7uAS0Z+7FEX5vBIBwCrlk4AwiugAi6yJZahkYJc6tnVAmZFJTbM0LflZF4bxlXjlYhhmMjDa8U/HQjPBxjsGHDyPLwS9ZuF2c/lBp6jOKhVYVB94a6BpG6LACm8Fh1frf/UZC2AWRMGdTArHszCf4kZ4dhVT3zb7mFNGNRH5WDEIu9RpRd951it76cCoNUa3EqcdxtAPSj+D4DCdZTj2EgAAAAAAElFTkSuQmCC);
    background-size: contain;
    width: 32px;
    height: 32px;
    animation: txpLoadingCustom 1s infinite;
}

.txp_btn_scrubber .txp_scrubber_indicator:before {
    display: none;
}

@keyframes txpLoadingCustom {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/** * @file UIAdaptionImage * @author ivyyypan(ivyyypan@tencent.com) */
.ui-adaption-image-wrapper {
    display: flex;
    position: relative;
    width: 100%;
    height: 250px;
    flex-direction: row;
    justify-content: center;
}

.ui-adaption-image-filter {
    position: absolute;
    filter: blur(6px);
    -webkit-filter: blur(6px);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.ui-adaption-image {
    max-width: 100%;
    max-height: 100%;
    z-index: 3;
}

.ui-block-image {
    width: 10rem;
    position: relative;
}

/** rem = Number((px / 37.5).toFixed(4)); * */
.ui-block-navigation-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding-left: 0.64rem;
    padding-right: 0.64rem;
    height: 1.28rem;
    width: 8.72rem;
}

.ui-block-navigation-item {
    cursor: pointer;
    position: relative;
    color: rgba(0, 0, 0, 0.58);
    width: 2.13rem;
    font-size: 0.427rem;
    line-height: 0.766rem;
    text-align: center;
}

.ui-block-navigation-item-text {
    font-size: 0.427rem;
    position: relative;
    display: inline-block;
}

/* 下划线 */
.ui-block-navigation-item-underline {
    display: none;
    position: absolute;
    width: 100%;
    height: 0.08rem;
    bottom: -0.24rem;
    left: 0;
}

/* 下划线item */
.ui-block-navigation-wrapper.type-underline .ui-block-navigation-item.active {
    font-weight: bold;
}

.ui-block-navigation-wrapper.type-underline .ui-block-navigation-item.active .ui-block-navigation-item-underline {
    display: block;
}

/* 大圆item */
.ui-block-navigation-wrapper.type-radius .ui-block-navigation-item {
    border-radius: 0.427rem;
}

/* 小圆item */
.ui-block-navigation-wrapper.type-rect .ui-block-navigation-item {
    border-radius: 0.16rem;
}

.ui-carousel {
    position: relative;

    .swiper-pagination-bullet {
        background: #CFCFCF;
        opacity: 0.7;
        transition: width 0.32s;
        -webkit-transition: width 0.32s;
        box-shadow: 0 0 0.053rem 0 rgba(0, 0, 0, 0.50), 0 0 0.027rem 0 rgba(0, 0, 0, 0.30);
        width: 0.16rem;
        height: 0.16rem;
    }

    .swiper-pagination-bullet-active {
        width: 0.75rem;
        background: #FFF;
        border-radius: 0.375rem;
        opacity: 1;
    }
}

.ui-carousel.customCenteredSlides .swiper-slide,
.ui-carousel.centeredSlides .swiper-slide {
    width: 7.04rem;
    height: 100%;
    text-align: center;
}

/** rem = Number((px / 37.5).toFixed(4)); * */
.ui-fixed-form-container {
    position: fixed;
    width: 10rem;
    bottom: 0;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 10px 0px;
    transition: max-height 0.5s linear 0s;
    border-radius: 12px 12px 0px 0px;
}

.ui-fixed-form-container.expand {
    max-height: 13.5rem;
}

.ui-fixed-form-container.shink {
    max-height: 7.1rem;
}

.ui-fixed-form-container .ui-fixed-form-bar-container {
    width: 10rem;
    padding-top: 0.33rem;
    padding-bottom: 0.33rem;
    margin-bottom: -0.33rem;
    position: fixed;
    z-index: 99;
    border-radius: 12px 12px 0 0;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui-fixed-form-container .ui-fixed-form-bar {
    width: 1.28rem;
    height: 0.1066rem;
    background: #e6e8ed;
    border-radius: 2px;
    display: inline-block;
}

/* .ui-fixed-form-container .ui-block-form-submit-row { height: 2.9333rem; padding-bottom: 0 !important; } */
.ui-fixed-form-container .ui-block-form-rolling-and-count-container,
.ui-fixed-form-container .ui-block-form-rolling-info-container {
    display: none;
}

.ui-fixed-form-container .ui-block-form-body {
    margin-top: 0.4rem;
}

.ui-fixed-form-mask {
    z-index: 99;
    position: fixed;
    bottom: 0;
    width: 10rem;
    background: transparent;
}

.ui-layer-rich-text * {
    padding: 0;
    margin: 0;
}

.xj-first-screen-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    height: 28.16px;
    height: 1.76rem;
    bottom: 14.932px;
    bottom: .9333rem;
    right: 6.4px;
    right: .4rem;
    left: 6.4px;
    left: .4rem;
    padding: 0 .32rem;
    -webkit-box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
    box-shadow: 0 .0533rem .2666rem 0 rgba(65, 77, 96, .2);
    border-radius: .2666rem;
    background: #fff;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.xj-first-screen-button--show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.xj-first-screen-button>img {
    width: 18.773px;
    width: 1.17333333rem;
    height: 18.773px;
    height: 1.17333333rem;
    border-radius: .10666667rem
}

.xj-first-screen-button__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    margin: 0 .2133rem
}

.xj-first-screen-button__content__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #030303;
    font-size: 6.825px;
    font-size: .4266rem;
    line-height: 9.6px;
    line-height: .6rem;
    margin-bottom: .02666rem
}

.xj-first-screen-button__content__desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #030303;
    opacity: .5;
    font-size: 5.12px;
    font-size: .32rem;
    line-height: 7.04px;
    line-height: .44rem
}

.xj-first-screen-button__button {
    position: relative;
    overflow: hidden;
    width: 27.306px;
    width: 1.70666667rem;
    height: 12.8px;
    height: .8rem;
    line-height: 12.8px;
    line-height: .8rem;
    vertical-align: bottom;
    border-radius: .10666667rem;
    font-size: 5.12px;
    font-size: .32rem;
    text-align: center;
    color: #fff
}

.xj-first-screen-button__button__progress {
    opacity: .6
}

.xj-first-screen-button__button__progress,
.xj-first-screen-button__button__progress-bar {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #286bef
}

.xj-first-screen-button__button__text {
    position: relative;
    z-index: 1
}

.body-Lock-scroll-Class-Name {
    overflow: hidden
}

.Confirm-wrapper {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Confirm-wrapper.open-xj-confirm .xj-modal-mask {
    opacity: 0;
    -webkit-animation: open-animate-mask .1s linear .1s forwards;
    animation: open-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.open-xj-confirm .xj-modal-wrap {
    -webkit-animation: open-animate-wrap .2s ease-out forwards;
    animation: open-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-mask {
    opacity: 1;
    -webkit-animation: close-animate-mask .1s linear .1s forwards;
    animation: close-animate-mask .1s linear .1s forwards
}

.Confirm-wrapper.close-xj-confirm .xj-modal-wrap {
    -webkit-animation: close-animate-wrap .2s ease-out forwards;
    animation: close-animate-wrap .2s ease-out forwards
}

.Confirm-wrapper .xj-modal-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.Confirm-wrapper .xj-modal-mask,
.Confirm-wrapper .xj-modal-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
}

.Confirm-wrapper .xj-modal-wrap {
    width: 153.6px;
    width: 9.6rem;
    position: relative;
    border-radius: .1067rem;
    z-index: 2000;
    background: #fff
}

.Confirm-wrapper .xj-modal-header {
    padding: .5rem .48rem .5333rem;
    color: rgba(0, 0, 0, .8);
    border-radius: .1067rem .1067rem 0 0
}

.with-xj-vw .Confirm-wrapper .xj-modal-header {
    padding: 5vw 4.8vw 5.333vw;
    border-radius: 1.067vw 1.067vw 0 0
}

.Confirm-wrapper .xj-modal-header .xj-modal-title {
    color: rgba(0, 0, 0, .8);
    font-weight: 500;
    font-size: 7.68px;
    font-size: .48rem;
    text-align: center;
    word-wrap: break-word
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-title {
    font-size: 4.8vw
}

.Confirm-wrapper .xj-modal-header .xj-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    color: rgba(0, 0, 0, .45);
    line-height: 1;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s
}

.Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
    display: block;
    width: 12.8px;
    width: .8rem;
    height: 12.8px;
    height: .8rem;
    font-weight: 300;
    font-size: 12.8px;
    font-size: .8rem;
    line-height: 12.8px;
    line-height: .8rem;
    font-style: normal;
    text-align: center;
    text-transform: none;
    text-rendering: auto
}

.with-xj-vw .Confirm-wrapper .xj-modal-header .xj-modal-close .xj-modal-close-x {
    width: 8vw;
    height: 8vw;
    font-size: 8vw;
    line-height: 8vw
}

.Confirm-wrapper .xj-modal-body {
    padding: 0 .6667rem;
    font-size: 5.972px;
    font-size: .3733rem;
    min-height: 25.6px;
    min-height: 1.6rem;
    line-height: 1.5;
    word-wrap: break-word;
    text-align: center
}

.with-xj-vw .Confirm-wrapper .xj-modal-body {
    padding: 0 6.667vw;
    font-size: 3.733vw;
    min-height: 16vw
}

.Confirm-wrapper .xj-modal-footer {
    padding: .5333rem .6667rem;
    text-align: right;
    border-radius: 0 0 .1067rem .1067rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer {
    padding: 5.333vw 6.667vw;
    border-radius: 0 0 1.067vw 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn {
    width: 100%;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    height: 19.2px;
    height: 1.2rem;
    padding: 0 .4rem;
    font-size: 6.827px;
    font-size: .4267rem;
    border-radius: .1067rem;
    border: none
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-btn {
    height: 12vw;
    padding: 0 4vw;
    font-size: 4.267vw;
    border-radius: 1.067vw
}

.Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
    margin-right: .2667rem
}

.with-xj-vw .Confirm-wrapper .xj-modal-footer .xj-cancel-btn {
    margin-right: 2.667vw
}

.Confirm-wrapper .xj-modal-footer .xj-btn-primary {
    color: #fff;
    background-color: #296bef;
    outline: none;
    border: none
}

.m-consultmodal {
    display: block;
    -webkit-transition: height .2s linear 0s;
    transition: height .2s linear 0s;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-box-shadow: rgba(0, 0, 0, .05882) 0 -2px 6px 0;
    box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, .05882)
}

.m-consultmodal .xj-modal-body {
    padding: 0 !important
}

.m-consultmodal .xj-modal-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #f5f6f8;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-animation: none !important;
    animation: none !important
}

.m-consultmodal .xj-modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: none !important;
    overflow: hidden !important
}

.m-consultmodal .xj-modal-header {
    position: relative;
    height: 48px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0
}

.m-consultmodal .xj-modal-header:after {
    content: "";
    position: absolute;
    width: 48px;
    height: 4px;
    background: #dbdde2;
    border-radius: 2px;
    left: 50%;
    margin-left: -24px;
    top: 8px
}

.m-consultmodal .xj-modal-header .xj-modal-title {
    font-size: 16px;
    color: #030303;
    font-weight: 400
}

.m-consultmodal .xj-modal-header .xj-modal-close {
    top: 24px;
    margin-top: -15px;
    right: 10px
}

.m-consultmodal .xj-modal-header .xj-modal-close .xj-modal-close-x {
    font-size: 26px
}

.m-consultmodal .maskbody {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 50px
}

.m-consultmodal.Confirm-wrapper {
    top: auto;
    height: 40%;
    display: block
}

.xj-confirm-cover-wrapper .xj-modal-wrap {
    width: 100%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.xj-confirm-cover-wrapper .xj-modal-body {
    max-height: 183.467px;
    max-height: 11.4667rem;
    height: 46vh;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 .48rem;
    -webkit-overflow-scrolling: touch
}

.with-xj-vw .xj-confirm-cover-wrapper .xj-modal-body {
    max-height: 114.667vw
}

.xj-confirm-cover-wrapper .xj-modal-body iframe {
    height: 100%;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    vertical-align: bottom
}

.xj-confirm-cover-wrapper .xj-modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    padding: .48rem;
    text-align: right;
    background: transparent;
    border-radius: .0533rem;
    height: 19.2px;
    height: 1.2rem
}

.xj-confirm-cover-wrapper .xj-modal-footer .xj-btn-primary {
    width: 100%;
    height: 100%;
    font-size: 6.827px;
    font-size: .4267rem
}

@-webkit-keyframes open-animate-mask {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes open-animate-mask {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes open-animate-wrap {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes open-animate-wrap {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@-webkit-keyframes close-animate-mask {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes close-animate-mask {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes close-animate-wrap {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes close-animate-wrap {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.apple-style-confirm .xj-modal-wrap {
    width: 118.4px !important;
    width: 7.4rem !important;
    border-radius: .193rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-wrap {
    width: 74vw !important;
    border-radius: 1.93vw !important
}

.apple-style-confirm .xj-modal-header {
    padding: 7.68px 1.6px;
    padding: .48rem .1rem;
}

.with-xj-vw .apple-style-confirm .xj-modal-header {
    padding: 4.8vw 1vw;
}

.apple-style-confirm .xj-modal-title {
    color: #333 !important;
    font-size: 6.96px !important;
    font-size: .435rem !important;
    line-height: 10.432px !important;
    line-height: .652rem !important
}

.with-xj-vw .apple-style-confirm .xj-modal-title {
    font-size: 4.35vw !important;
    line-height: 6.52vw !important
}

.apple-style-confirm .xj-modal-body {
    font-size: 5.792px !important;
    font-size: .362rem !important;
    min-height: 0 !important;
    line-height: 8.112px !important;
    line-height: .507rem !important;
    margin-bottom: .652rem !important;
    color: #8a8a8a !important
}

.with-xj-vw .apple-style-confirm .xj-modal-body {
    font-size: 3.62vw !important;
    line-height: 5.07vw !important;
    margin-bottom: 6.52vw !important
}

.apple-style-confirm .xj-modal-footer {
    position: relative;
    border-top: 1px solid #e5e5e5;
    padding: 0 !important
}

.apple-style-confirm .xj-modal-footer:after {
    content: " ";
    display: block;
    width: 0;
    height: 100%;
    border-left: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    left: 50%
}

.apple-style-confirm .xj-modal-footer .xj-btn {
    height: 24.96px !important;
    height: 1.56rem !important;
    font-size: 6.96px !important;
    font-size: .435rem !important;
    background: none !important;
    border: none
}

.with-xj-vw .apple-style-confirm .xj-modal-footer .xj-btn {
    height: 15.6vw !important;
    font-size: 4.35vw !important
}

.apple-style-confirm .xj-modal-footer .xj-cancel-btn {
    margin-right: 0 !important;
    color: #3185fc !important
}

.apple-style-confirm .xj-modal-footer .xj-ok-btn {
    color: #333 !important
}

.m-postreward.close-xj-confirm .xj-modal-mask,
.m-postreward.close-xj-confirm .xj-modal-wrap {
    -webkit-animation: 0;
    animation: 0
}

.m-postreward .xj-modal-title {
    font-size: 16px
}

.m-postreward .xj-modal-wrap {
    width: 80%
}

.m-postreward .xj-modal-body {
    height: 250px;
    overflow: auto;
    text-align: left;
    line-height: 24px
}

.m-postreward .xj-modal-footer .xj-btn-primary {
    background-color: #296bef;
    font-size: 5.546px;
    font-size: .34666667rem;
    height: 17.072px;
    height: 1.067rem
}

.with-xj-vw .m-postreward .xj-modal-footer .xj-btn-primary {
    font-size: 3.46666667vw
}

.m-postreward .xj-modal-footer .xj-btn-primary p {
    margin: 0 auto
}

.stay-download-modal .xj-modal-wrap {
    width: 119.466px !important;
    width: 7.46666667rem !important;
    border-radius: .26666667rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-wrap {
    width: 74.66666667vw !important;
    border-radius: 2.66666667vw !important
}

.stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
    width: 13.482px;
    width: .84266667rem;
    height: 13.482px;
    height: .84266667rem;
    position: absolute;
    bottom: -50px;
    bottom: -30.72px;
    bottom: -1.92rem;
    left: 52.992px;
    left: 3.312rem
}

.with-xj-vw .stay-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
    width: 8.42666667vw;
    height: 8.42666667vw;
    bottom: -19.2vw;
    left: 33.12vw
}

.stay-download-modal .xj-modal-body {
    font-size: 6.826px !important;
    font-size: .42666667rem !important;
    min-height: 0 !important;
    line-height: 11.093px !important;
    line-height: .69333333rem !important;
    margin-top: .64rem !important;
    margin-bottom: .16rem !important;
    color: #030303 !important
}

.with-xj-vw .stay-download-modal .xj-modal-body {
    font-size: 4.26666667vw !important;
    line-height: 6.93333333vw !important;
    margin-top: 6.4vw !important;
    margin-bottom: 1.6vw !important
}

.stay-download-modal .xj-modal-body .xj-modal-body-icon {
    width: 23.893px !important;
    width: 1.49333333rem !important;
    height: 23.893px !important;
    height: 1.49333333rem !important;
    margin-bottom: .24rem !important
}

.with-xj-vw .stay-download-modal .xj-modal-body .xj-modal-body-icon {
    width: 14.93333333vw !important;
    height: 14.93333333vw !important;
    margin-bottom: 2.4vw !important
}

.stay-download-modal .xj-modal-footer {
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stay-download-modal .xj-modal-footer .xj-btn {
    height: 20.48px !important;
    height: 1.28rem !important;
    font-size: 6.4px !important;
    font-size: .4rem !important;
    background: none !important
}

.with-xj-vw .stay-download-modal .xj-modal-footer .xj-btn {
    height: 12.8vw !important;
    font-size: 4vw !important
}

.stay-download-modal .xj-modal-footer .xj-cancel-btn {
    margin-right: 0 !important;
    color: #767676 !important
}

.stay-download-modal .xj-modal-footer .xj-ok-btn {
    color: #286bef !important;
    font-weight: 500
}

.stay-download-modal .xj-modal-footer-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.stay-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
    border-left: 1px solid #e5e5e5
}

.stay-download-modal .xj-modal-footer-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.stay-download-modal .xj-modal-footer-column .xj-btn {
    height: 17.066px !important;
    height: 1.06666667rem !important;
    width: 84%;
    border-radius: 40px
}

.with-xj-vw .stay-download-modal .xj-modal-footer-column .xj-btn {
    height: 10.66666667vw !important
}

.stay-download-modal .xj-modal-footer-column .xj-cancel-btn {
    background-color: #286bef !important;
    color: #fafafa !important;
    font-weight: 500;
    margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-ok-btn {
    color: rgba(0, 0, 0, .7) !important;
    background: #f1f1f1 !important;
    font-weight: 400;
    margin-bottom: 8px
}

.stay-download-modal .xj-modal-footer-column .xj-feature-btn {
    color: rgba(0, 0, 0, .7) !important;
    background: #f1f1f1 !important;
    font-weight: 400;
    margin-bottom: 16px
}

.lite-download-modal .xj-modal-wrap {
    width: 119.466px !important;
    width: 7.46666667rem !important;
    border-radius: .26666667rem !important
}

.with-xj-vw .lite-download-modal .xj-modal-wrap {
    width: 74.66666667vw !important;
    border-radius: 2.66666667vw !important
}

.lite-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
    width: 13.482px;
    width: .84266667rem;
    height: 13.482px;
    height: .84266667rem;
    position: absolute;
    bottom: -50px;
    bottom: -30.72px;
    bottom: -1.92rem;
    left: 52.992px;
    left: 3.312rem
}

.with-xj-vw .lite-download-modal .xj-modal-wrap .xj-modal-close-x--bottom {
    width: 8.42666667vw;
    height: 8.42666667vw;
    bottom: -19.2vw;
    left: 33.12vw
}

.lite-download-modal .xj-modal-body {
    font-size: 6.826px !important;
    font-size: .42666667rem !important;
    min-height: 0 !important;
    line-height: 11.093px !important;
    line-height: .69333333rem !important;
    margin-top: .64rem !important;
    margin-bottom: .85333333rem !important;
    color: #030303 !important
}

.with-xj-vw .lite-download-modal .xj-modal-body {
    font-size: 4.26666667vw !important;
    line-height: 6.93333333vw !important;
    margin-top: 6.4vw !important;
    margin-bottom: 8.53333333vw !important
}

.lite-download-modal .xj-modal-body .xj-modal-body-desc {
    margin-top: .42666667rem !important;
    color: rgba(0, 0, 0, .55)
}

.with-xj-vw .lite-download-modal .xj-modal-body .xj-modal-body-desc {
    margin-top: 4.26666667vw !important
}

.lite-download-modal .xj-modal-footer {
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lite-download-modal .xj-modal-footer .xj-btn {
    height: 20.48px !important;
    height: 1.28rem !important;
    font-size: 6.4px !important;
    font-size: .4rem !important;
    background: none !important
}

.with-xj-vw .lite-download-modal .xj-modal-footer .xj-btn {
    height: 12.8vw !important;
    font-size: 4vw !important
}

.lite-download-modal .xj-modal-footer .xj-cancel-btn {
    margin-right: 0 !important;
    color: #767676 !important
}

.lite-download-modal .xj-modal-footer .xj-ok-btn {
    color: #286bef !important;
    font-weight: 500
}

.lite-download-modal .xj-modal-footer-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: 1px solid #e5e5e5
}

.lite-download-modal .xj-modal-footer-row .xj-btn:nth-child(n+2) {
    border-left: 1px solid #e5e5e5
}

.check-modal .xj-modal-wrap {
    width: 119.466px !important;
    width: 7.46666667rem !important;
    border-radius: .26666667rem !important
}

.with-xj-vw .check-modal .xj-modal-wrap {
    width: 74.66666667vw !important;
    border-radius: 2.66666667vw !important
}

.check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
    width: 13.482px;
    width: .84266667rem;
    height: 13.482px;
    height: .84266667rem;
    position: absolute;
    bottom: -50px;
    bottom: -30.72px;
    bottom: -1.92rem;
    left: 52.992px;
    left: 3.312rem
}

.with-xj-vw .check-modal .xj-modal-wrap .xj-modal-close-x--bottom {
    width: 8.42666667vw;
    height: 8.42666667vw;
    bottom: -19.2vw;
    left: 33.12vw
}

.check-modal .xj-modal-body {
    font-size: 6.826px !important;
    font-size: .42666667rem !important;
    min-height: 0 !important;
    line-height: 11.093px !important;
    line-height: .69333333rem !important;
    margin-top: .64rem !important;
    margin-bottom: .58666667rem !important;
    color: #030303 !important
}

.with-xj-vw .check-modal .xj-modal-body {
    font-size: 4.26666667vw !important;
    line-height: 6.93333333vw !important;
    margin-top: 6.4vw !important;
    margin-bottom: 5.86666667vw !important
}

.check-modal .xj-modal-body .xj-modal-body-icon {
    width: 23.893px !important;
    width: 1.49333333rem !important;
    height: 23.893px !important;
    height: 1.49333333rem !important;
    margin-bottom: .24rem !important
}

.with-xj-vw .check-modal .xj-modal-body .xj-modal-body-icon {
    width: 14.93333333vw !important;
    height: 14.93333333vw !important;
    margin-bottom: 2.4vw !important
}

.check-modal .xj-modal-footer {
    position: relative;
    border-top: 1px solid #e5e5e5;
    padding: 0 !important
}

.check-modal .xj-modal-footer .xj-btn {
    height: 20.48px !important;
    height: 1.28rem !important;
    font-size: 6.4px !important;
    font-size: .4rem !important;
    background: none !important
}

.with-xj-vw .check-modal .xj-modal-footer .xj-btn {
    height: 12.8vw !important;
    font-size: 4vw !important
}

.check-modal .xj-modal-footer .xj-cancel-btn {
    margin-right: 0 !important;
    color: #767676 !important
}

.check-modal .xj-modal-footer .xj-ok-btn {
    color: #286bef !important;
    font-weight: 500
}

@-webkit-keyframes shrinkAnimation {

    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@keyframes shrinkAnimation {

    0%,
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

.xj-basic-tips__container {
    position: fixed;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(0, 0, 0, .7);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 54vw;
    padding: 10px;
    z-index: 2001
}

@-webkit-keyframes basicTipsFadeOut {
    0% {
        display: -webkit-box;
        display: flex;
        opacity: 1
    }

    to {
        display: -webkit-box;
        display: flex;
        opacity: 0
    }
}

@keyframes basicTipsFadeOut {
    0% {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 1
    }

    to {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0
    }
}

.xj-basic-tips__container--hide {
    -webkit-animation: basicTipsFadeOut .5s ease-in-out .5s forwards;
    animation: basicTipsFadeOut .5s ease-in-out .5s forwards
}

.xj-basic-tips__header {
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 8px
}

.xj-basic-tips__icon {
    width: 16px;
    height: 16px
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.xj-basic-tips__icon--rotate {
    -webkit-animation: rotate 1.6s linear infinite;
    animation: rotate 1.6s linear infinite
}

.xj-basic-tips__content {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    margin-left: 8px
}

.xj-basic-tips__desc {
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 16px
}

.xj-square-tips {
    width: 30vw;
    height: 30vw
}

.xj-square-tips .xj-basic-tips__header {
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 8px
}

.xj-square-tips .xj-basic-tips__icon {
    width: 40px;
    height: 40px
}

.xj-square-tips .xj-basic-tips__desc {
    margin-top: 16px;
    font-size: 18px;
    color: #fff;
    line-height: 24px
}


#translate-panel {
    background-color: #f6f7f9;
    display: flex;
    flex-direction: column;
    padding-bottom: 8px
}

.bp5-dark #translate-panel {
    background-color: #252a31
}

#translate-panel .fixed {
    flex-shrink: 0;
    margin-bottom: 10px
}

#translate-panel .body {
    flex-grow: 1;
    overflow: auto;
    overscroll-behavior: contain
}

#translate-panel .body::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-border-radius: 100px
}

#translate-panel .body::-webkit-scrollbar:hover {
    background-color: rgba(0, 0, 0, .09)
}

#translate-panel .body::-webkit-scrollbar-thumb:vertical {
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 100px
}

#translate-panel .body::-webkit-scrollbar-thumb:vertical:active {
    background: rgba(0, 0, 0, .61);
    -webkit-border-radius: 100px
}

#translate-panel.size-small,
#translate-panel.size-small h6.bp5-heading,
#translate-panel.size-small .bp5-control.bp5-large,
#translate-panel.size-small textarea.bp5-input.bp5-small {
    font-size: 14px
}

#translate-panel.size-small .phonetic-item,
#translate-panel.size-small .quick-settings a {
    font-size: 12px
}

#translate-panel.size-middle,
#translate-panel.size-middle h6.bp5-heading,
#translate-panel.size-middle .bp5-control.bp5-large,
#translate-panel.size-middle textarea.bp5-input {
    font-size: 18px
}

#translate-panel.size-middle .phonetic-item,
#translate-panel.size-middle .quick-settings a {
    font-size: 14px
}

#translate-panel.size-large,
#translate-panel.size-large h6.bp5-heading,
#translate-panel.size-large .bp5-control.bp5-large,
#translate-panel.size-large textarea.bp5-input.bp5-large {
    font-size: 22px
}

#translate-panel.size-large .source,
#translate-panel.size-large .phonetic-item,
#translate-panel.size-large .quick-settings a {
    font-size: 18px
}

#translate-panel .bp5-button.bp5-small,
#translate-panel .bp5-small .bp5-button {
    min-height: 20px;
    min-width: 20px
}

#translate-panel .header {
    display: flex;
    align-items: center;
    padding: 4px 6px 4px 10px;
    border-bottom: 1px solid #d1d1d1
}

.bp5-dark #translate-panel .header {
    border-bottom-color: rgba(17, 20, 24, .4)
}

#translate-panel .header .drag-block {
    min-width: 5px;
    flex-shrink: 0;
    flex-grow: 1;
    align-self: stretch
}

#translate-panel .header .left {
    flex-shrink: 0;
    display: flex
}

#translate-panel .header .right {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

#translate-panel .header .right .bp5-icon-arrow-right {
    flex-shrink: 0;
    margin: 0 5px
}

#translate-panel .header .right>.bp5-button {
    flex-shrink: 0;
    margin: 0 1px
}

#translate-panel .header .right>.bp5-button:last-child {
    margin-right: 0
}

#translate-panel .quick-settings {
    padding: 4px 9px;
    margin: 0 1px
}

#translate-panel .quick-settings>div {
    margin-bottom: 5px
}

#translate-panel .quick-settings .bp5-control {
    margin-bottom: 0
}

#translate-panel .query-text {
    position: relative;
    padding: 10px 10px 2px 10px
}

#translate-panel .query-text textarea.bp5-input {
    min-height: 44px;
    font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    overscroll-behavior: contain
}

#translate-panel .query-text .translate-btn {
    position: absolute;
    opacity: .6
}

#translate-panel .query-text .translate-btn:hover {
    opacity: 1
}

#translate-panel .body {
    padding: 0 10px
}

#translate-panel .body .bp5-card:first-child {
    margin-top: 1px
}

#translate-panel .body .bp5-card:last-child {
    margin-bottom: 1px
}

#translate-panel .body .no-api {
    margin: 20px 0
}

.result-block {
    margin: 8px 0;
    padding: 2px 5px
}

.result-block .bp5-button {
    visibility: hidden
}

.result-block .error .bp5-button,
.result-block:hover .bp5-button {
    visibility: visible
}

.result-block .legend {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.result-block .legend .legend-left {
    display: flex;
    align-items: center
}

.result-block .legend .api-ico,
.result-block .legend .bp5-heading {
    flex-shrink: 0;
    white-space: nowrap
}

.result-block .legend .api-ico {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-size: contain;
    margin-right: 3px
}

.result-block .legend .bp5-heading {
    margin-bottom: 0;
    margin-right: 10px
}

.result-block .legend .source {
    cursor: pointer;
    font-size: 12px;
    display: inline-flex;
    align-items: center
}

.result-block .legend .source .source-text {
    overflow: hidden
}

.result-block .legend .source .bp5-icon {
    position: relative;
    top: -1px;
    margin-left: 1px
}

.result-block .phonetic {
    display: flex;
    flex-wrap: wrap
}

.result-block .phonetic .phonetic-item {
    display: flex;
    align-items: center;
    font-size: 12px
}

.result-block .phonetic .phonetic-item:not(:last-child) {
    margin-right: 12px
}

.result-block .common-result p {
    line-height: 1.3;
    margin: 2px 0;
    overflow-wrap: break-word
}

.result-block .common-result .dict a {
    text-decoration: underline
}

.result-block .error {
    font-size: 12px;
    padding: 5px 10px
}

.result-block .dict-pos {
    margin-right: 5px
}

.external-translators {
    margin-bottom: 3px;
    padding: 0;
    display: flex;
    flex-wrap: wrap
}

.external-translators>div {
    margin: 0 5px 5px 0
}

.quick-links a {
    margin: 0 5px 5px 0
}

#popper-container {
    width: 250px;
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999998;
    touch-action: none;
    transition: opacity .2s;
    background-color: #f6f7f9
}

.bp5-dark #popper-container {
    background-color: #252a31
}

#popper-container.show {
    opacity: 1;
    pointer-events: auto;
    -moz-user-select: auto;
    user-select: auto
}

#popper-container,
#popper-container[data-popper-reference-hidden=true] {
    opacity: 0;
    pointer-events: none;
    -moz-user-select: none;
    user-select: none
}

#popper-container .drag-block {
    cursor: -webkit-grab;
    cursor: grab
}

#popper-container.pin {
    position: fixed
}

#popper-container.pin .arrow {
    display: none
}

#popper-container .arrow,
#popper-container .arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: -1
}

#popper-container .arrow::before {
    content: "";
    transform: rotate(45deg);
    background: #f6f7f9
}

.bp5-dark #popper-container .arrow::before {
    background-color: #252a31
}

#popper-container .arrow {
    display: none
}

#popper-container.show[data-popper-placement]:not([data-popper-reference-hidden=true]) .arrow {
    display: block
}

#popper-container[data-popper-placement^=top] .arrow {
    bottom: -5px
}

#popper-container[data-popper-placement^=top] .arrow::before {
    border-right: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1
}

#popper-container[data-popper-placement^=bottom] .arrow {
    top: -5px
}

#popper-container[data-popper-placement^=bottom] .arrow::before {
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1
}

#popper-container[data-popper-placement^=left] .arrow {
    right: -5px
}

#popper-container[data-popper-placement^=left] .arrow::before {
    border-right: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1
}

#popper-container[data-popper-placement^=right] .arrow {
    left: -5px
}

#popper-container[data-popper-placement^=right] .arrow::before {
    border-left: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1
}

#translate-btn {
    display: none;
    position: absolute;
    z-index: 9999999999;
    left: 0;
    top: 0
}

#translate-btn .bp5-button {
    padding: 2px;
    min-width: 0;
    min-height: 0
}

#translate-btn .btn-icon {
    width: 18px;
    height: 18px;
    background-image: url(chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/logo.png);
    background-size: contain
}

.bp5-dark #translate-btn .btn-icon {
    background-image: url(chrome-extension://ikhdkkncnoglghljlkmcimlnlhkeamad/logowhite36.png)
}

#translate-btn.show {
    display: block
}

.translate-type-selector .bp5-label {
    display: inline
}

.translate-type-selector .bp5-radio {
    margin-bottom: 0
}

#ocr-container {
    position: fixed;
    z-index: 99999999999999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

#ocr-container .toolbar {
    display: none;
    position: absolute;
    z-index: 1
}

#ocr-container img {
    max-width: 100%
}

#app {
    cursor: default
}

.switch-pin {
    flex-shrink: 0;
    cursor: pointer
}

.switch-pin .bp5-icon-pin {
    transition: transform .2s, color .2s;
    transform: rotate(-45deg)
}

.pin .switch-pin .bp5-icon-pin {
    transform: rotate(-70deg)
}

.cut-btn {
    margin-left: 2px
}

.app-toaster-container {
    position: fixed !important;
    z-index: 9999999999 !important
}

.app-toaster-container .bp5-toast {
    min-width: auto
}

#web-trs-panel .app-toaster-container {
    padding-right: 0;
    padding-left: 0
}

#web-trs-panel .page-trs-form-group {
    margin: 0 0 0 0;
    align-items: center
}

#web-trs-panel .page-trs-form-group>label {
    width: 70px
}