#brand{color:#000}#brand .brand-principle{width:100%}#brand .brand-principle .brand-content{padding:0 5rem 5rem;background:#fff}#brand .brand-principle .brand-content .brand-content-title{margin-bottom:1rem}#brand .brand-principle .brand-content .partMargin{margin-bottom:5rem}#brand .brand-principle .brand-content .section-description{margin-bottom:2rem;width:75%}#brand .brand-principle .brand-content .section-description p{margin-bottom:0}#brand .brand-principle .brand-content .section-description p span.blod{font-weight:700}#brand .brand-principle .brand-content .img-box{margin-bottom:2rem}#brand .brand-principle .brand-content .img-box img{width:90%}#brand .brand-principle .brand-content .img-box .follow_value{margin-top:1rem}#brand .brand-principle .brand-content .img-box .follow_value span{margin-right:1rem}#brand .brand-principle .brand-content .pic-top-descri{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;margin-bottom:1rem}#brand .brand-principle .brand-content .part-one .symbol-change p,#brand .brand-principle .brand-content .pic-top-descri div{font-size:.9rem}#brand .brand-principle .brand-content .part-one .symbol-change .symbol-img{display:-webkit-flex;display:-ms-flexbox;display:flex}#brand .brand-principle .brand-content .part-one .symbol-change .symbol-img img{width:38rem}#brand .brand-principle .brand-content .part-one .symbol-change .symbol-img .btn{margin-bottom:5.1rem;margin-left:1rem}#brand .brand-principle .brand-content .part-one .symbol-change .symbol-img ul{margin-bottom:0}#brand .brand-principle .brand-content .part-one .symbol-change .symbol-img ul li{font-size:.9rem}#brand .brand-principle .brand-content .part-one .ci-display{margin:2rem 0 2rem}#brand .brand-principle .brand-content .part-one .ci-display p{font-size:.9rem}#brand .brand-principle .brand-content .part-one .ci-display img{width:90%}#brand .brand-download-box .brand-course-box{border:1px solid #000;line-height:3rem;height:3rem}#brand .brand-download-box .brand-course-box .brand-book{font-weight:400;color:#000;text-align:center}#brand .brand-download-box .brand-course-box:hover{border:1px solid #1c69d4;color:#1c69d4;cursor:pointer}#brand .brand-download-box .brand-book:hover{color:#1c69d4}#brand .brand-border-bottom{width:150%;height:1.6rem;font-size:.7rem;font-weight:400;color:#000;opacity:.8;line-height:2.6rem;width:100%;text-align:center}#shadow{background:#fff}#shadow div.ant-row-flex.header-content,#shadow div.ant-row.header-content{margin-bottom:2rem}#shadow h2,#shadow h3,#shadow p{font-weight:bolder;color:#000}#shadow img{width:80%}#shadow .tips-content{text-align:center}#colors{color:#000}#colors div.main-content{background:#fff;padding:0 5rem 4rem}#colors div.main-content div.ant-row.header-content{margin-bottom:3rem}#colors div.main-content div.ant-row.header-content .img-box{margin:1.5rem 0 2rem}#colors div.main-content div.ant-row.header-content .img-box img{width:100%}#colors div.main-content div.ant-row.header-content div.content{width:67%}#colors div.main-content div.ant-row-flex.header-content{margin-bottom:6rem}#colors div.main-content div.ant-row-flex.header-content .arrow-btn{width:2rem;margin:1rem 7rem 0}#colors div.main-content .ant-col .ant-card{width:90%;cursor:pointer;box-shadow:0 .5rem .8rem 0 #bebebe;border-radius:1rem}#colors div.main-content .ant-col .ant-card .ant-card-head{padding:0}#colors div.main-content .ant-col .ant-card .ant-card-head .ant-card-head-title{text-align:center;font-weight:bolder;font-size:1.05rem}#colors div.main-content .ant-col .ant-card .ant-card-cover>div{height:9rem}#colors div.main-content .ant-col .ant-card .ant-card-cover>div.fun-color,#colors div.main-content .ant-col .ant-card .ant-card-cover>div.neu-color{height:7rem}#colors div.main-content .ant-col .ant-card .ant-card-body{padding:1rem 0}#colors div.main-content .ant-col .ant-card .ant-card-body .ant-card-meta-detail .ant-card-meta-title{text-align:center;font-weight:bolder;font-size:1.05rem;white-space:normal;text-overflow:clip}#colors div.main-content .ant-col .ant-card .ant-card-body .ant-card-meta-detail>*{text-align:center}#colors div.main-content .ant-col.small-card .ant-card{box-shadow:none;border-radius:0}#colors div.main-content .visual-style .ant-col .ant-card{cursor:pointer;border:1px solid #e6e6e6;border-radius:1rem}#colors div.main-content .visual-box .campaign p{font-size:1rem;margin-bottom:.5rem}#colors div.main-content .picker{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:3rem}#colors div.main-content .picker div.sketch-picker{width:8rem}#colors div.main-content .picker .picker-color{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#colors div.main-content .picker .picker-color .color-plat{cursor:pointer;width:6rem;height:40%;line-height:6rem}#colors div.main-content .picker .picker-color .color-plat.color-light{color:#fff;text-align:center}#colors div.main-content .picker .picker-color .color-plat.color-dark{color:#000;text-align:center}#typography{color:#000}#typography div.main-content{background:#fff;padding:0 5rem 4rem}#typography div.main-content div.ant-row.header-content{margin-bottom:2rem}#typography div.main-content div.ant-row.header-content .en,#typography div.main-content div.ant-row.header-content .zh{margin-bottom:1.5rem}#typography div.main-content div.ant-row.header-content .font-style{margin-bottom:5rem}#typography div.main-content div.ant-row.header-content .font-style img{width:66%}#typography div.main-content div.ant-row.header-content .content{width:66%;margin-bottom:1rem}#typography div.main-content div.ant-row.header-content .content p{margin-bottom:0}#typography div.main-content div.ant-row.header-content p.bold{font-weight:700}#typography div.main-content div.ant-row.header-content .brand-claim{display:-webkit-flex;display:-ms-flexbox;display:flex}#typography div.main-content div.ant-row.header-content .brand-claim .left{width:40%}#typography div.main-content div.ant-row.header-content .brand-claim .left img{width:90%}#typography div.main-content div.ant-row.header-content .brand-claim .right{width:60%}#typography div.main-content div.ant-row.header-content .brand-claim p{font-size:.9rem}#typography div.main-content div.ant-row.header-content .font-setting{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:1rem}#typography div.main-content div.ant-row.header-content .font-setting p{font-size:.9rem;margin-bottom:0}#typography div.main-content div.ant-row.header-content .font-setting .r_{width:22rem;margin-left:5rem}#typography div.main-content div.ant-row-flex.header-content{margin-bottom:2rem}#typography div.main-content div.ant-col .card-title{height:4rem;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.9rem}#typography div.main-content div.ant-col .ant-card{box-shadow:0 .2rem .4rem 0 #bebebe}#typography div.main-content div.ant-col .ant-card .ant-card-head-title{text-align:center;font-weight:bolder}#typography div.main-content div.ant-col .ant-card .ant-card-cover{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:10rem;border-bottom:1px solid #bebebe}#typography div.main-content div.ant-col .ant-card .ant-card-cover>p{font-size:3.2rem;font-weight:700;text-align:center;color:#000;margin-bottom:0}#typography div.main-content div.ant-col .ant-card .ant-card-meta-detail .ant-card-meta-title{text-align:center;font-weight:bolder;white-space:normal;text-overflow:clip}#typography div.main-content div.ant-col .ant-card .ant-card-meta-detail>*{text-align:center}#typography div.main-content div.ant-col button{height:3rem;width:10rem;background:#1c69d4;color:#fff;border-style:hidden;border-radius:0}#typography div.main-content div.ant-col .img-content{margin:2rem 0 2rem 0}#typography div.main-content div.ant-col .img-content .pic{margin-left:28rem;font-size:.9rem}#typography div.main-content div.ant-col .img-content .video{margin:1rem 0 2rem}#typography div.main-content div.ant-col .img-content .video .red-rec{display:inline-block;vertical-align:text-bottom;margin:0 1rem 0 4rem;width:1.5rem;height:1.5rem;background:red}#typography div.main-content img{width:100%}#typography div.main-content .tips-content{text-align:center}#componentci{color:#000}#componentci div.main-content{background:#fff;padding:0 5rem 4rem}#componentci div.main-content div.ant-row.header-content{margin-bottom:3rem}#componentci div.main-content div.ant-row.header-content .img-box{margin:1.5rem 0}#componentci div.main-content div.ant-row.header-content .img-box img{width:100%}#componentci div.main-content div.ant-row.header-content div.content{width:70%}#componentci div.main-content div.ant-row.header-content div.content p{margin-bottom:0}#componentci div.main-content div.ant-row-flex.header-content{margin-bottom:6rem}#componentci div.main-content div.ant-row-flex.header-content .arrow-btn{width:2rem;margin:1rem 7rem 0}#componentci div.main-content .ant-col .ant-card{width:90%;cursor:pointer;box-shadow:0 .5rem .8rem 0 #bebebe;border-radius:1rem}#componentci div.main-content .ant-col .ant-card .ant-card-head{padding:0}#componentci div.main-content .ant-col .ant-card .ant-card-head .ant-card-head-title{text-align:center;font-weight:bolder;font-size:1.05rem}#componentci div.main-content .ant-col .ant-card .ant-card-cover>div{height:9rem}#componentci div.main-content .ant-col .ant-card .ant-card-cover>div.fun-color,#componentci div.main-content .ant-col .ant-card .ant-card-cover>div.neu-color{height:7rem}#componentci div.main-content .ant-col .ant-card .ant-card-body{padding:1rem 0}#componentci div.main-content .ant-col .ant-card .ant-card-body .ant-card-meta-detail .ant-card-meta-title{text-align:center;font-weight:bolder;font-size:1.05rem;white-space:normal;text-overflow:clip}#componentci div.main-content .ant-col .ant-card .ant-card-body .ant-card-meta-detail>*{text-align:center}#componentci div.main-content .ant-col.small-card .ant-card{box-shadow:none;border-radius:0}#componentci div.main-content .visual-style .ant-col .ant-card{cursor:pointer;border:1px solid #e6e6e6;border-radius:1rem}#componentci div.main-content .visual-box .campaign p{font-size:1rem;margin-bottom:.5rem}#componentci div.main-content .picker{display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:3rem}#componentci div.main-content .picker div.sketch-picker{width:8rem}#componentci div.main-content .picker .picker-color{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}#componentci div.main-content .picker .picker-color .color-plat{cursor:pointer;width:9%;height:40%;line-height:6rem}#componentci div.main-content .picker .picker-color .color-plat.color-light{color:#fff;text-align:center}#componentci div.main-content .picker .picker-color .color-plat.color-dark{color:#000;text-align:center}#bmw-ci-guidelines .layout-examples .layout-package-sub:first-of-type .layout-package-sub-title{color:#000;line-height:1.2rem;margin-top:4rem!important}#bmw-ci-guidelines .menu-header{padding:0 0 0 13rem}#bmw-ci-guidelines .menu-header .ant-tabs-bar{border-bottom:0}#bmw-ci-guidelines .menu-header .ant-tabs-bar .ant-tabs-nav-scroll{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:5rem;padding:0 0 0 4rem;margin:0}#bmw-ci-guidelines .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab{margin:0;padding:0 1rem;font-size:1rem}#bmw-ci-guidelines .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab:not(:first-child):before{position:absolute;top:-1px;left:-1px;display:block;box-sizing:content-box;width:.1rem;height:100%;padding:1px 0;background-color:#d9d9d9;transition:background-color .3s;content:""}#bmw-ci-guidelines .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-disabled{color:#bebebe}#bmw-ci-guidelines .menu-header .ant-tabs-bar .ant-tabs-nav-scroll .ant-tabs-tab.ant-tabs-tab-active{color:#1c69d4}#bmw-ci-guidelines .menu-header .ant-tabs-bar .ant-tabs-ink-bar{display:none!important}