.sample{padding:24px}.sample .child-page{border:5px solid silver}.sample .sample-block{display:flex;align-items:center;padding:24px;border:1px solid silver}.mcn-switch-lang{display:flex;align-items:center;font-size:12px;font-weight:400;line-height:14px;color:#333;cursor:pointer;height:44px;padding:0 8px}.mcn-switch-lang:hover{background:rgba(0,0,0,.04);border-radius:22px}.mcn-switch-lang .language-icon{margin-right:6px}.mcn-switch-lang .vector-down-icon{margin-left:7px;fill:#333;color:#333}.mcn-language-list{font-size:14px;list-style:none;margin:0;padding:8px 0}.mcn-language-list li{margin-bottom:8px;padding:8px 12px}.mcn-language-list li:last-child{margin-bottom:0}.mcn-language-list li:hover{background:rgba(0,0,0,.04);cursor:pointer}.mcn-language-list .svg-icon,.mcn-language-list-icon{margin-right:8px;vertical-align:text-bottom}.mcn-language-list a,.mcn-language-list a:active,.mcn-language-list a:hover,.mcn-language-list span,.mcn-language-list span:active,.mcn-language-list span:hover{color:#333}.mcn-switch-lang-pop-overlay .ant-popover-inner{padding:0}.tag-input-container{display:flex;min-height:110px;max-height:260px;background:#fff}.tag-input-container *{box-sizing:border-box}.tag-input-container.disabled,.tag-input-container.disabled .ant-input-affix-wrapper>input.ant-input,.tag-input-container.disabled .tag-input-content .tag-input-value{background:#fafafa}.tag-input-main{position:relative;flex:1;border:1px solid #e5e5e5;border-radius:4px;color:#333;max-width:100%}.tag-input-main.tag-input-main--error{border-color:#ff4742;margin-bottom:0}.tag-input-content{display:flex;flex-wrap:wrap;overflow:auto;width:100%;height:100%;min-height:32px;padding:0 4px 4px 8px;cursor:text;align-content:flex-start}.tag-input-content.tag-input-content--with-operator{padding-bottom:32px;min-height:66px}.tag-input-content .validating-loading{margin-top:4px;margin-left:4px;color:#999;animation:circle .8s linear infinite}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.tag-input-content .tag-input-item{position:relative;display:flex;align-items:center;justify-content:flex-start;margin-right:4px;margin-top:4px;padding:4px 8px;padding-right:24px;border:1px solid #e5e5e5;border-radius:2px;background:#fafafa}.tag-input-content .tag-input-item.tag-input-item--error{background:#ffe9e8;border-color:#ff4742}.tag-input-content .tag-input-item.tag-input-item--valid:hover{color:#2673dd;cursor:pointer}.tag-input-content .tag-input-item .tag-input-close{position:absolute;right:8px;top:8px;width:12px;height:12px;cursor:pointer;align-self:flex-start}.tag-input-content .tag-input-item .tag-input-label{display:inline-flex;font-size:14px;line-height:16px;word-break:break-all}.tag-input-content .tag-input-value{position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:none!important;border:none!important;padding:0;caret-color:#ee4d2d}.tag-input-content .tag-input-value.tag-input-value-validating{left:12px}.tag-input-content .tag-input-text-wrapper{position:relative;display:flex;align-items:center;margin-top:4px;height:24px;flex:1;max-width:100%}.tag-input-content .tag-input-text-wrapper .tag-input-placeholder{position:relative;z-index:1;color:#b7b7b7}.tag-input-content .tag-input-text-wrapper .tag-input-text{white-space:pre;min-width:2px;margin:0;background:transparent;max-width:100%;overflow:hidden}.tag-input-content .tag-input-operator{position:absolute;bottom:4px;right:8px}.tag-input-content .tag-input-operator .ant-btn{margin-left:8px;font-size:12px;line-height:14px}.tag-input-content .tag-input-operator .tag-clear-all{color:#ee4d2d;border-color:#ee4d2d}.tag-input-content .tag-input-operator .tag-clear-all.ant-btn-default:disabled{background-color:#fff;opacity:.5}.tag-input-error-msg{display:flex;align-items:center;height:14px;font-size:12px;line-height:14px;color:#ff4742;margin-top:4px}.shop-tag-input-wrapper{position:relative}.shop-tag-input-wrapper .shop-tag-input-tip{font-size:12px;line-height:14px;margin-top:4px;color:#999;display:flex;align-items:center}.shop-tag-input-wrapper .shop-tag-input-tip:before{content:"";width:3px;height:3px;border-radius:2px;background:#999;margin:0 8px}.shop-tag-input-wrapper .shop-tag-input-tip .tip-help{margin-left:4px}.shop-tag-input-wrapper .shop-tag-input-loading{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center}.shop-tag-input-help-tooltip{max-width:440px}.shop-tag-input-help-tooltip :after,.shop-tag-input-help-tooltip :before{background:#fff!important}.shop-tag-input-help-tooltip .ant-tooltip-content{width:440px;background:#fff}.shop-tag-input-help-tooltip .ant-tooltip-inner{padding:16px;background:#fff}.shop-tag-input-help-tooltip .shop-tag-input-help-img-wrapper{overflow:hidden}.shop-tag-input-help-tooltip .shop-tag-input-help-img{width:410px}.contact-info-tooltip{min-width:200px;max-width:280px}.contact-info-tooltip .ant-tooltip-arrow{--antd-arrow-background-color:#fff}.contact-info-tooltip .ant-tooltip-content .ant-tooltip-inner{background:#fff;color:#333;padding:0}.contact-info-tooltip .ant-tooltip-content .contact-info-wrapper{display:flex;flex-direction:column}.contact-info-tooltip .ant-tooltip-content .contact-info-wrapper .title{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-bottom:1px solid #eee;font-size:16px;font-weight:600;line-height:18px}.contact-info-tooltip .ant-tooltip-content .contact-info-wrapper .title span{display:inline-block;max-width:208px}.contact-info-tooltip .ant-tooltip-content .contact-info-wrapper .title .shop-logo{width:24px;height:24px;margin-right:8px;border-radius:50%}.contact-info-tooltip .ant-tooltip-content .contact-info-wrapper .content{padding:12px 16px;padding-bottom:4px}.contact-info-tooltip .ant-tooltip-content .contact-info-wrapper .content .item-wrap{display:flex;align-items:center;margin-bottom:8px}.contact-info-tooltip .ant-tooltip-content .contact-info-wrapper .content .item-wrap a{font-size:14px;font-weight:400;line-height:14px;text-decoration:underline;display:inline-block;max-width:208px}.contact-info-tooltip .ant-tooltip-content .contact-info-wrapper .content .item-wrap .copy-icon{margin-left:2px;width:14px;height:14px}.contact-info-icon-wrapper{display:flex;padding:2px;border-radius:4px}.contact-info-icon-wrapper.ant-tooltip-open svg{fill:#333}.contact-info-icon-wrapper svg{fill:#666}.product-info{width:296px;display:flex;align-items:center}.product-info .product-img{width:80px;height:80px;border-radius:4px;margin-right:12px}.product-info .info-content .item-name{width:196px;font-size:14px;font-weight:400;line-height:18px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:4px}.product-info .info-content .item-price{font-size:14px;font-weight:400;line-height:18px;color:#999;margin-bottom:4px}.product-info .info-content .item-price .price{color:#333;margin-left:4px;word-break:break-word}.product-info .info-content .item-rating{display:flex;align-items:center;font-size:14px;font-weight:400;line-height:18px;color:#666}.product-info .info-content .item-rating .line{width:1px;height:12px;background:#e5e5e5;margin:0 8px}