@charset "utf-8";

.fs-tip[data-v-786f6a7c] { display: inline-block; margin-left: 4px; }

.fs-tip[data-v-786f6a7c], .tip-trigger[data-v-786f6a7c] { cursor: pointer; position: relative; }

.tip-trigger[data-v-786f6a7c] { display: flex; -webkit-box-align: center; align-items: center; }

.iconfont_tip[data-v-786f6a7c] { color: rgb(112, 112, 112); cursor: pointer; display: inline-block; font-size: 14px; height: 14px; line-height: 1; position: relative; width: 14px; }

.arrow-box[data-v-786f6a7c] { border-color: transparent rgb(229, 229, 229) transparent transparent; border-style: solid; border-width: 10px 10px 10px 0px; display: inline-block; height: 0px; position: absolute; width: 0px; z-index: 12; }

.arrow-box[data-v-786f6a7c]::after { border-color: transparent rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 9px 9px 9px 0px; content: " "; display: block; height: 0px; left: 1px; position: absolute; top: -9px; width: 0px; }

.arrow-box-right[data-v-786f6a7c], .arrow-box-right-bottom[data-v-786f6a7c], .arrow-box-right-center[data-v-786f6a7c], .arrow-box-right-middle[data-v-786f6a7c], .arrow-box-right-top[data-v-786f6a7c] { left: 100%; top: 50%; transform: translateY(-50%); }

.arrow-box-left[data-v-786f6a7c], .arrow-box-left-bottom[data-v-786f6a7c], .arrow-box-left-center[data-v-786f6a7c], .arrow-box-left-middle[data-v-786f6a7c], .arrow-box-left-top[data-v-786f6a7c] { right: 100%; top: 50%; transform: translateY(-50%) rotate(-180deg); }

.arrow-box-middle-top[data-v-786f6a7c], .arrow-box-top[data-v-786f6a7c], .arrow-box-top-center[data-v-786f6a7c], .arrow-box-top-left[data-v-786f6a7c], .arrow-box-top-right[data-v-786f6a7c] { border-color: rgb(229, 229, 229) transparent transparent; border-width: 10px 10px 0px; bottom: 100%; left: 50%; transform: translateX(-50%); }

.arrow-box-middle-top[data-v-786f6a7c]::after, .arrow-box-top-center[data-v-786f6a7c]::after, .arrow-box-top-left[data-v-786f6a7c]::after, .arrow-box-top-right[data-v-786f6a7c]::after, .arrow-box-top[data-v-786f6a7c]::after { border-color: rgb(255, 255, 255) transparent transparent; border-width: 9px 9px 0px; left: -9px; top: -10px; }

.arrow-box-bottom[data-v-786f6a7c], .arrow-box-bottom-center[data-v-786f6a7c], .arrow-box-bottom-left[data-v-786f6a7c], .arrow-box-bottom-right[data-v-786f6a7c], .arrow-box-middle-bottom[data-v-786f6a7c] { border-color: rgb(229, 229, 229) transparent transparent; border-width: 10px 10px 0px; left: 50%; top: 100%; transform: translateX(-50%) rotate(-180deg); }

.arrow-box-bottom-center[data-v-786f6a7c]::after, .arrow-box-bottom-left[data-v-786f6a7c]::after, .arrow-box-bottom-right[data-v-786f6a7c]::after, .arrow-box-bottom[data-v-786f6a7c]::after, .arrow-box-middle-bottom[data-v-786f6a7c]::after { border-color: rgb(255, 255, 255) transparent transparent; border-width: 9px 9px 0px; left: -9px; top: -10px; }

.tip-ctn[data-v-786f6a7c] { color: rgb(112, 112, 112); cursor: default; position: absolute; z-index: 11; }

.tip-ctn .iconfont-close[data-v-786f6a7c] { display: none; }

.tip-ctn .info[data-v-786f6a7c] { background-color: rgb(255, 255, 255); border-radius: 3px; box-shadow: rgba(121, 103, 103, 0.3) 0px 1px 8px 0px; font-size: 13px; line-height: 20px; white-space: normal; }

.tip-ctn-right[data-v-786f6a7c], .tip-ctn-right-center[data-v-786f6a7c], .tip-ctn-right-middle[data-v-786f6a7c] { left: 100%; padding-left: 10px; top: 50%; transform: translateY(-50%); }

.tip-ctn-right-top[data-v-786f6a7c] { left: 100%; padding-left: 10px; top: -100%; }

.tip-ctn-right-bottom[data-v-786f6a7c] { bottom: -100%; left: 100%; padding-left: 10px; }

.tip-ctn-left[data-v-786f6a7c], .tip-ctn-left-center[data-v-786f6a7c], .tip-ctn-left-middle[data-v-786f6a7c] { padding-right: 10px; right: 100%; top: 50%; transform: translateY(-50%); }

.tip-ctn-left-top[data-v-786f6a7c] { padding-right: 10px; right: 100%; top: -100%; }

.tip-ctn-left-bottom[data-v-786f6a7c] { bottom: -100%; padding-right: 10px; right: 100%; }

.tip-ctn-middle-top[data-v-786f6a7c], .tip-ctn-top[data-v-786f6a7c], .tip-ctn-top-center[data-v-786f6a7c] { bottom: 100%; left: 50%; padding-bottom: 10px; transform: translateX(-50%); }

.tip-ctn-top-left[data-v-786f6a7c] { bottom: 100%; left: -100%; padding-bottom: 10px; }

.tip-ctn-top-right[data-v-786f6a7c] { bottom: 100%; padding-bottom: 10px; right: 0px; }

.tip-ctn-bottom[data-v-786f6a7c], .tip-ctn-bottom-center[data-v-786f6a7c], .tip-ctn-middle-bottom[data-v-786f6a7c] { left: 50%; padding-top: 10px; top: 100%; transform: translateX(-50%); }

.tip-ctn-bottom-left[data-v-786f6a7c] { left: 0px; padding-top: 10px; top: 100%; }

.tip-ctn-bottom-right[data-v-786f6a7c] { padding-top: 10px; right: 0px; top: 100%; }

.mask[data-v-786f6a7c] { background: rgba(0, 0, 0, 0.2); inset: 0px; display: none; position: fixed; z-index: 100; }

@media (max-width: 960px) {
  .fs-tip:not(.fs-new-mobile) .arrow-box[data-v-786f6a7c] { display: none; }
  .fs-tip:not(.fs-new-mobile) .tip-ctn[data-v-786f6a7c] { border-radius: 2px; bottom: auto; left: 50%; padding-bottom: 0px; padding-left: 0px; padding-top: 0px; position: fixed; top: 50%; transform: translate3d(-50%, -50%, 0px); width: 90%; z-index: 101; }
  .fs-tip:not(.fs-new-mobile) .tip-ctn .iconfont-close[data-v-786f6a7c] { color: rgb(141, 141, 143); cursor: pointer; display: block; font-size: 14px; position: absolute; right: 16px; top: 16px; }
  .fs-tip:not(.fs-new-mobile) .mask[data-v-786f6a7c] { display: block; }
}