.wearables-brand-pics-right-container::-webkit-scrollbar{display:none}
.brand-board-component{overflow:hidden}
.wearables-brand-board-component.init-editor{height:33.91vw;background:center/contain no-repeat url("../../../../../../content/dam/huawei-cbg-site/common/component/image/brand-board-component.png")}
.wearables-cursor-pointer{cursor:pointer}
.wearables-brand-board-opacity{opacity:0}
.wearables-brand-right-title{max-width:100%;position:absolute;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wearables-brand-right-description{max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}
.wearables-brand-board-component{margin:0 auto;width:1760px;padding:0 32px;padding-bottom:32px;border-radius:24px;background-color:#fff;overflow-x:hidden}
.wearables-brand-board-component .wearables-brand-title{padding:24px 0;font-size:28px;line-height:33px;letter-spacing:0;color:#000;text-align:center}
.wearables-brand-board-component .wearables-brand-pics{height:482px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.wearables-brand-board-component .wearables-brand-pics-left{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;border-radius:16px;background-size:cover;background-position:top left;cursor:pointer}
.wearables-brand-board-component .wearables-brand-pics-right{margin-left:8px;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.wearables-brand-board-component .wearables-brand-pics-right-bottom{margin-top:8px;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;width:100%;position:relative;border-radius:16px;background-size:cover;background-position:top left;overflow:hidden}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-inner{width:100%;height:482px}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{top:20px;left:20px;padding-right:40px;width:100%;position:absolute}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-title{max-width:calc(100% - 20 * 2px);font-size:13px;line-height:15px;padding:8px;letter-spacing:0;background-color:rgba(51,51,51,0.8);border-radius:4px}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-description{font-size:12px;line-height:16px;letter-spacing:0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;border-radius:16px;background-size:cover;background-position:top left}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-text{margin:20px 20px 0;position:relative}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-title{font-size:13px;line-height:15px;padding:8px;letter-spacing:0;background-color:rgba(51,51,51,0.8);border-radius:4px}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-description{font-size:12px;line-height:1.6;letter-spacing:0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr{margin-left:8px;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;border-radius:16px;background-size:cover;background-position:top left}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-text{margin:20px 20px 0;position:relative}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-title{font-size:13px;line-height:15px;padding:8px;letter-spacing:0;background-color:rgba(51,51,51,0.8);border-radius:4px}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-description{font-size:12px;line-height:16px;letter-spacing:0}
@media only screen and (max-width:1920px) and (min-width:1600px){.wearables-brand-board-component{width:calc(100% + -160px);padding:0 calc(2.5vw + -16px);padding-bottom:calc(2.5vw + -16px)}
.wearables-brand-board-component .wearables-brand-title{padding:calc(2.5vw + -24px) 0}
.wearables-brand-board-component .wearables-brand-pics{height:calc(26.875vw + -34px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-inner{height:calc(26.875vw + -34px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{top:calc(1.25vw + -4px);left:calc(1.25vw + -4px);padding-right:calc(1.25 * 2vw + -4 * 2px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-title{max-width:calc(100% - 1.25 * 2vw + 4 * 2px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-text{margin:calc(1.25vw + -4px) calc(1.25vw + -4px) 0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-text{margin:calc(1.25vw + -4px) calc(1.25vw + -4px) 0}
}
@media only screen and (max-width:1599.98px) and (min-width:1200px){.wearables-brand-board-component{width:calc(100% + -80px);padding:0 calc(2vw + -8px);padding-bottom:calc(2vw + -8px)}
.wearables-brand-board-component .wearables-brand-title{padding:16px 0}
.wearables-brand-board-component .wearables-brand-pics{height:calc(21.5vw + 52px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-inner{height:calc(21.5vw + 52px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{top:16px;left:16px;padding-right:32px}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-title{max-width:calc(100% - 16 * 2px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-text{margin:16px 16px 0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-text{margin:16px 16px 0}
}
@media only screen and (max-width:1199.98px) and (min-width:992px){.wearables-brand-board-component{width:calc(100% + -80px);padding:0 16px;padding-bottom:16px}
.wearables-brand-board-component .wearables-brand-title{padding:16px 0}
.wearables-brand-board-component .wearables-brand-pics{height:calc(0.962vw + 298.462px)}
.wearables-brand-board-component .wearables-brand-pics-right{margin-left:calc(1.923vw + -15.077px)}
.wearables-brand-board-component .wearables-brand-pics-right-bottom{margin-top:calc(1.923vw + -15.077px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-inner{height:calc(0.962vw + 298.462px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{top:16px;left:16px;padding-right:32px}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-title{max-width:calc(100% - 16 * 2px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-text{margin:16px 16px 0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr{margin-left:calc(1.923vw + -15.077px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-text{margin:16px 16px 0}
}
@media only screen and (max-width:991.98px){.wearables-brand-board-component{margin:0;width:100%;padding:0;padding-bottom:0;border-radius:0}
.wearables-brand-right-description{display:none}
.wearables-brand-board-component .wearables-brand-title{padding:1.211vw 0;font-size:1.413vw;line-height:1.917vw}
.wearables-brand-board-component .wearables-brand-pics{height:22.2vw}
.wearables-brand-board-component .wearables-brand-pics-left{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:38.547vw;height:100%;border-radius:0}
.wearables-brand-board-component .wearables-brand-pics-right{margin-left:.807vw;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.wearables-brand-board-component .wearables-brand-pics-right-bottom{margin-top:0;margin-left:.807vw;height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:19.677vw;border-radius:0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-inner{height:22.2vw}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{top:16px;left:16px;padding-right:32px}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-title{max-width:calc(100% - 16 * 2px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:19.677vw;border-radius:0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-text{margin:16px 16px 0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr{margin-left:.807vw;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:19.677vw;border-radius:0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-text{margin:16px 16px 0}
}
@media only screen and (max-width:768px) and (min-width:360px){.wearables-brand-board-component{margin:0;width:100%;padding:0;padding-bottom:0}
.wearables-brand-board-component .wearables-brand-title{padding:14px 0;font-size:14px;line-height:16px;letter-spacing:0;color:#000;text-align:center}
.wearables-brand-board-component .wearables-brand-pics{height:calc(85.784vw + 11.176px);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start}
.wearables-brand-board-component .wearables-brand-pics-left{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:100%;height:calc(57.353vw + 1.529px);border-radius:0;background-size:cover;background-position:top left}
.wearables-brand-board-component .wearables-brand-pics .wearables-brand-pics-right-container{width:100%;overflow-x:scroll}
.wearables-brand-board-component .wearables-brand-pics-right{margin:0;-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;height:calc(27.451vw + 9.176px);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.wearables-brand-board-component .wearables-brand-pics-right-bottom{margin-top:0;margin-left:calc(0.98vw + 0.471px);-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:auto;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:calc(65.441vw + 17.412px);height:100%;position:relative;border-radius:0;overflow:hidden}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-inner{width:100%;height:100%;background-size:cover;background-position:top left}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{top:calc(1.961vw + 0.941px);left:calc(1.961vw + 0.941px);padding-right:calc(1.961 * 2vw + 0.941 * 2px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-title{max-width:calc(100% - 1.961 * 2vw - 0.941 * 2px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-title{font-size:calc(0.245vw + 11.118px);line-height:calc(0.245vw + 13.118px);padding:calc(0.49vw + 4.235px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two{-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:calc(65.441vw + 17.412px);height:100%;border-radius:0;background-size:cover;background-position:top left}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-text{margin:calc(1.961vw + 0.941px) calc(1.961vw + 0.941px) 0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-two-title{font-size:calc(0.245vw + 11.118px);line-height:calc(0.245vw + 13.118px);padding:calc(0.49vw + 4.235px)}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr{margin-left:calc(0.98vw + 0.471px);-webkit-box-flex:0;-webkit-flex:none;-moz-box-flex:0;-ms-flex:none;flex:none;width:calc(65.441vw + 17.412px);height:100%;border-radius:0;background-size:cover;background-position:top left}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-text{margin:calc(1.961vw + 0.941px) calc(1.961vw + 0.941px) 0}
.wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr-title{font-size:calc(0.245vw + 11.118px);line-height:calc(0.245vw + 13.118px);padding:calc(0.49vw + 4.235px)}
}
html[dir=rtl] .wearables-brand-pics-right,html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr{margin-left:0;margin-right:8px}
html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{right:20px !important;padding-left:40px;padding-right:0}
@media only screen and (max-width:1920px) and (min-width:1600px){html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{right:calc(1.25vw + -4px) !important;padding-left:calc(1.25 * 2vw + -4 * 2px)}
html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-title{max-width:calc(100% - 1.25 * 2vw + 4 * 2px)}
}
@media only screen and (max-width:1599.98px) and (min-width:1200px){html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{right:16px !important;padding-left:calc(16 * 2px)}
}
@media only screen and (max-width:1199.98px) and (min-width:992px){html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{right:16px !important;padding-left:calc(16 * 2px)}
html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr,html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right{margin-right:calc(1.923vw + -15.077px)}
}
@media only screen and (max-width:991.98px){html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{right:16px !important;padding-left:calc(16 * 2px)}
html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right,html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr{margin-right:.807vw}
html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right-bottom{margin-left:0;margin-right:.807vw}
}
@media only screen and (max-width:768px) and (min-width:360px){html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-one-text{right:calc(1.961vw + 0.941px) !important;padding-left:calc(1.961 * 2vw + 0.941 * 2px) !important}
html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right{margin-right:0}
html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right .wearables-brand-pic-thr,html[dir=rtl] .wearables-brand-board-component .wearables-brand-pics-right-bottom{margin-right:calc(0.98vw + 0.471px)}
}