@charset "UTF-8"; /** * 溢出省略号 * @param {Number} 行数 */ /* BEM -------------------------- */ /** * 真1px边框 * {List} 多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向 * {Color} 边框的颜色, 默认#ccc * {List} 4个圆角半径, 默认0 * {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after */ /** * 等边三角形 * @param {String} 尺寸 * @param {Color} 颜色 * @param {String} 方向 */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Border -------------------------- */ /* Font Size -------------------------- */ /* z-index -------------------------- */ /* Size Lenght -------------------------- */ .cc-bg-w { background-color: #FFFFFF; } .cc-tc-w { color: #FFFFFF; } .cc-bg-b { background-color: #000000; } .cc-tc-b { color: #000000; } .cc-bg-p { background-color: #409EFF; } .cc-tc-p { color: #409EFF; } .cc-bg-s { background-color: #67C23A; } .cc-tc-s { color: #67C23A; } .cc-bg-e { background-color: #E6A23C; } .cc-tc-e { color: #E6A23C; } .cc-bg-d { background-color: #F56C6C; } .cc-tc-d { color: #F56C6C; } .cc-bg-i { background-color: #909399; } .cc-tc-i { color: #909399; } .cc-bg-l1 { background-color: #53a8ff; } .cc-tc-l1 { color: #53a8ff; } .cc-bg-l2 { background-color: #66b1ff; } .cc-tc-l2 { color: #66b1ff; } .cc-bg-l3 { background-color: #79bbff; } .cc-tc-l3 { color: #79bbff; } .cc-bg-l4 { background-color: #8cc5ff; } .cc-tc-l4 { color: #8cc5ff; } .cc-bg-l5 { background-color: #a0cfff; } .cc-tc-l5 { color: #a0cfff; } .cc-bg-l6 { background-color: #b3d8ff; } .cc-tc-l6 { color: #b3d8ff; } .cc-bg-l7 { background-color: #c6e2ff; } .cc-tc-l7 { color: #c6e2ff; } .cc-bg-l8 { background-color: #d9ecff; } .cc-tc-l8 { color: #d9ecff; } .cc-bg-l9 { background-color: #ecf5ff; } .cc-tc-l9 { color: #ecf5ff; } .cc-bg-t1 { background-color: #303133; } .cc-tc-t1 { color: #303133; } .cc-bg-t2 { background-color: #606266; } .cc-tc-t2 { color: #606266; } .cc-bg-t3 { background-color: #909399; } .cc-tc-t3 { color: #909399; } .cc-bg-t4 { background-color: #C0C4CC; } .cc-tc-t4 { color: #C0C4CC; } .cc-bg-333 { background-color: #333; } .cc-tc-333 { color: #333; } .cc-bg-666 { background-color: #666; } .cc-tc-666 { color: #666; } .cc-bg-999 { background-color: #999; } .cc-tc-999 { color: #999; } /** * 溢出省略号 * @param {Number} 行数 */ /* BEM -------------------------- */ /** * 真1px边框 * {List} 多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向 * {Color} 边框的颜色, 默认#ccc * {List} 4个圆角半径, 默认0 * {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after */ /** * 等边三角形 * @param {String} 尺寸 * @param {Color} 颜色 * @param {String} 方向 */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Border -------------------------- */ /* Font Size -------------------------- */ /* z-index -------------------------- */ /* Size Lenght -------------------------- */ .cc-pad-2 { padding: 2px; } .cc-pad-t-2 { padding-top: 2px; } .cc-pad-b-2 { padding-bottom: 2px; } .cc-pad-l-2 { padding-left: 2px; } .cc-pad-r-2 { padding-right: 2px; } .cc-mar-2 { margin: 2px; } .cc-mar-t-2 { margin-top: 2px; } .cc-mar-b-2 { margin-bottom: 2px; } .cc-mar-l-2 { margin-left: 2px; } .cc-mar-r-2 { margin-right: 2px; } .cc-pad-2-2 { padding: 2px 2px; } .cc-mar-2-2 { margin: 2px 2px; } .cc-pad-4 { padding: 4px; } .cc-pad-t-4 { padding-top: 4px; } .cc-pad-b-4 { padding-bottom: 4px; } .cc-pad-l-4 { padding-left: 4px; } .cc-pad-r-4 { padding-right: 4px; } .cc-mar-4 { margin: 4px; } .cc-mar-t-4 { margin-top: 4px; } .cc-mar-b-4 { margin-bottom: 4px; } .cc-mar-l-4 { margin-left: 4px; } .cc-mar-r-4 { margin-right: 4px; } .cc-pad-4-4 { padding: 4px 4px; } .cc-mar-4-4 { margin: 4px 4px; } .cc-pad-6 { padding: 6px; } .cc-pad-t-6 { padding-top: 6px; } .cc-pad-b-6 { padding-bottom: 6px; } .cc-pad-l-6 { padding-left: 6px; } .cc-pad-r-6 { padding-right: 6px; } .cc-mar-6 { margin: 6px; } .cc-mar-t-6 { margin-top: 6px; } .cc-mar-b-6 { margin-bottom: 6px; } .cc-mar-l-6 { margin-left: 6px; } .cc-mar-r-6 { margin-right: 6px; } .cc-pad-6-6 { padding: 6px 6px; } .cc-mar-6-6 { margin: 6px 6px; } .cc-pad-8 { padding: 8px; } .cc-pad-t-8 { padding-top: 8px; } .cc-pad-b-8 { padding-bottom: 8px; } .cc-pad-l-8 { padding-left: 8px; } .cc-pad-r-8 { padding-right: 8px; } .cc-mar-8 { margin: 8px; } .cc-mar-t-8 { margin-top: 8px; } .cc-mar-b-8 { margin-bottom: 8px; } .cc-mar-l-8 { margin-left: 8px; } .cc-mar-r-8 { margin-right: 8px; } .cc-pad-8-8 { padding: 8px 8px; } .cc-mar-8-8 { margin: 8px 8px; } .cc-pad-10 { padding: 10px; } .cc-pad-t-10 { padding-top: 10px; } .cc-pad-b-10 { padding-bottom: 10px; } .cc-pad-l-10 { padding-left: 20px; } .cc-pad-r-10 { padding-right: 10px; } .cc-mar-10 { margin: 10px; } .cc-mar-t-10 { margin-top: 10px; } .cc-mar-b-10 { margin-bottom: 10px; } .cc-mar-l-10 { margin-left: 10px; } .cc-mar-r-10 { margin-right: 10px; } .cc-pad-10-10 { padding: 10px 10px; } .cc-mar-10-10 { margin: 10px 10px; } .cc-pad-12 { padding: 12px; } .cc-pad-t-12 { padding-top: 12px; } .cc-pad-b-12 { padding-bottom: 12px; } .cc-pad-l-12 { padding-left: 12px; } .cc-pad-r-12 { padding-right: 12px; } .cc-mar-12 { margin: 12px; } .cc-mar-t-12 { margin-top: 12px; } .cc-mar-b-12 { margin-bottom: 12px; } .cc-mar-l-12 { margin-left: 12px; } .cc-mar-r-12 { margin-right: 12px; } .cc-pad-12-12 { padding: 12px 12px; } .cc-mar-12-12 { margin: 12px 12px; } .cc-pad-14 { padding: 14px; } .cc-pad-t-14 { padding-top: 14px; } .cc-pad-b-14 { padding-bottom: 14px; } .cc-pad-l-14 { padding-left: 14px; } .cc-pad-r-14 { padding-right: 14px; } .cc-mar-14 { margin: 14px; } .cc-mar-t-14 { margin-top: 14px; } .cc-mar-b-14 { margin-bottom: 14px; } .cc-mar-l-14 { margin-left: 14px; } .cc-mar-r-14 { margin-right: 14px; } .cc-pad-14-14 { padding: 14px 14px; } .cc-mar-14-14 { margin: 14px 14px; } .cc-pad-16 { padding: 16px; } .cc-pad-t-16 { padding-top: 16px; } .cc-pad-b-16 { padding-bottom: 16px; } .cc-pad-l-16 { padding-left: 16px; } .cc-pad-r-16 { padding-right: 16px; } .cc-mar-16 { margin: 16px; } .cc-mar-t-16 { margin-top: 16px; } .cc-mar-b-16 { margin-bottom: 16px; } .cc-mar-l-16 { margin-left: 16px; } .cc-mar-r-16 { margin-right: 16px; } .cc-pad-16-16 { padding: 16px 16px; } .cc-mar-16-16 { margin: 16px 16px; } .cc-pad-18 { padding: 18px; } .cc-pad-t-18 { padding-top: 18px; } .cc-pad-b-18 { padding-bottom: 18px; } .cc-pad-l-18 { padding-left: 18px; } .cc-pad-r-18 { padding-right: 18px; } .cc-mar-18 { margin: 18px; } .cc-mar-t-18 { margin-top: 18px; } .cc-mar-b-18 { margin-bottom: 18px; } .cc-mar-l-18 { margin-left: 18px; } .cc-mar-r-18 { margin-right: 18px; } .cc-pad-18-18 { padding: 18px 18px; } .cc-mar-18-18 { margin: 18px 18px; } .cc-pad-20 { padding: 20px; } .cc-pad-t-20 { padding-top: 20px; } .cc-pad-b-20 { padding-bottom: 20px; } .cc-pad-l-20 { padding-left: 20px; } .cc-pad-r-20 { padding-right: 20px; } .cc-mar-20 { margin: 20px; } .cc-mar-t-20 { margin-top: 10px; } .cc-mar-b-20 { margin-bottom: 20px; } .cc-mar-l-20 { margin-left: 20px; } .cc-mar-r-20 { margin-right: 20px; } .cc-pad-20-20 { padding: 20px 20px; } .cc-mar-20-20 { margin: 20px 20px; } .cc-pad-22 { padding: 22px; } .cc-pad-t-22 { padding-top: 22px; } .cc-pad-b-22 { padding-bottom: 22px; } .cc-pad-l-22 { padding-left: 22px; } .cc-pad-r-22 { padding-right: 22px; } .cc-mar-22 { margin: 22px; } .cc-mar-t-22 { margin-top: 22px; } .cc-mar-b-22 { margin-bottom: 22px; } .cc-mar-l-22 { margin-left: 22px; } .cc-mar-r-22 { margin-right: 22px; } .cc-pad-22-22 { padding: 22px 22px; } .cc-mar-22-22 { margin: 22px 22px; } .cc-pad-24 { padding: 24px; } .cc-pad-t-24 { padding-top: 24px; } .cc-pad-b-24 { padding-bottom: 24px; } .cc-pad-l-24 { padding-left: 24px; } .cc-pad-r-24 { padding-right: 24px; } .cc-mar-24 { margin: 24px; } .cc-mar-t-24 { margin-top: 24px; } .cc-mar-b-24 { margin-bottom: 24px; } .cc-mar-l-24 { margin-left: 24px; } .cc-mar-r-24 { margin-right: 24px; } .cc-pad-24-24 { padding: 24px 24px; } .cc-mar-24-24 { margin: 24px 24px; } .cc-pad-26 { padding: 26px; } .cc-pad-t-26 { padding-top: 26px; } .cc-pad-b-26 { padding-bottom: 26px; } .cc-pad-l-26 { padding-left: 26px; } .cc-pad-r-26 { padding-right: 26px; } .cc-mar-26 { margin: 26px; } .cc-mar-t-26 { margin-top: 26px; } .cc-mar-b-26 { margin-bottom: 26px; } .cc-mar-l-26 { margin-left: 26px; } .cc-mar-r-26 { margin-right: 26px; } .cc-pad-26-26 { padding: 26px 26px; } .cc-mar-26-26 { margin: 26px 26px; } .cc-pad-28 { padding: 28px; } .cc-pad-t-28 { padding-top: 28px; } .cc-pad-b-28 { padding-bottom: 28px; } .cc-pad-l-28 { padding-left: 28px; } .cc-pad-r-28 { padding-right: 28px; } .cc-mar-28 { margin: 28px; } .cc-mar-t-28 { margin-top: 28px; } .cc-mar-b-28 { margin-bottom: 28px; } .cc-mar-l-28 { margin-left: 28px; } .cc-mar-r-28 { margin-right: 28px; } .cc-pad-28-28 { padding: 28px 28px; } .cc-mar-28-28 { margin: 28px 28px; } .cc-pad-30 { padding: 30px; } .cc-pad-t-30 { padding-top: 30px; } .cc-pad-b-30 { padding-bottom: 30px; } .cc-pad-l-30 { padding-left: 30px; } .cc-pad-r-30 { padding-right: 30px; } .cc-mar-30 { margin: 30px; } .cc-mar-t-30 { margin-top: 30px; } .cc-mar-b-30 { margin-bottom: 30px; } .cc-mar-l-30 { margin-left: 30px; } .cc-mar-r-30 { margin-right: 30px; } .cc-pad-30-30 { padding: 30px 30px; } .cc-mar-30-30 { margin: 30px 30px; } .cc-pad-32 { padding: 32px; } .cc-pad-t-32 { padding-top: 32px; } .cc-pad-b-32 { padding-bottom: 32px; } .cc-pad-l-32 { padding-left: 32px; } .cc-pad-r-32 { padding-right: 32px; } .cc-mar-32 { margin: 32px; } .cc-mar-t-32 { margin-top: 32px; } .cc-mar-b-32 { margin-bottom: 32px; } .cc-mar-l-32 { margin-left: 32px; } .cc-mar-r-32 { margin-right: 32px; } .cc-pad-32-32 { padding: 32px 32px; } .cc-mar-32-32 { margin: 32px 32px; } .cc-pad-34 { padding: 34px; } .cc-pad-t-34 { padding-top: 34px; } .cc-pad-b-34 { padding-bottom: 34px; } .cc-pad-l-34 { padding-left: 34px; } .cc-pad-r-34 { padding-right: 34px; } .cc-mar-34 { margin: 34px; } .cc-mar-t-34 { margin-top: 34px; } .cc-mar-b-34 { margin-bottom: 34px; } .cc-mar-l-34 { margin-left: 34px; } .cc-mar-r-34 { margin-right: 34px; } .cc-pad-34-34 { padding: 34px 34px; } .cc-mar-34-34 { margin: 34px 34px; } .cc-pad-36 { padding: 36px; } .cc-pad-t-36 { padding-top: 36px; } .cc-pad-b-36 { padding-bottom: 36px; } .cc-pad-l-36 { padding-left: 36px; } .cc-pad-r-36 { padding-right: 36px; } .cc-mar-36 { margin: 36px; } .cc-mar-t-36 { margin-top: 36px; } .cc-mar-b-36 { margin-bottom: 36px; } .cc-mar-l-36 { margin-left: 36px; } .cc-mar-r-36 { margin-right: 36px; } .cc-pad-36-36 { padding: 36px 36px; } .cc-mar-36-36 { margin: 36px 36px; } .cc-pad-38 { padding: 38px; } .cc-pad-t-38 { padding-top: 38px; } .cc-pad-b-38 { padding-bottom: 38px; } .cc-pad-l-38 { padding-left: 38px; } .cc-pad-r-38 { padding-right: 38px; } .cc-mar-38 { margin: 38px; } .cc-mar-t-38 { margin-top: 38px; } .cc-mar-b-38 { margin-bottom: 38px; } .cc-mar-l-38 { margin-left: 38px; } .cc-mar-r-38 { margin-right: 38px; } .cc-pad-38-38 { padding: 38px 38px; } .cc-mar-38-38 { margin: 38px 38px; } .cc-pad-40 { padding: 40px; } .cc-pad-t-40 { padding-top: 40px; } .cc-pad-b-40 { padding-bottom: 40px; } .cc-pad-l-40 { padding-left: 40px; } .cc-pad-r-40 { padding-right: 40px; } .cc-mar-40 { margin: 40px; } .cc-mar-t-40 { margin-top: 40px; } .cc-mar-b-40 { margin-bottom: 40px; } .cc-mar-l-40 { margin-left: 40px; } .cc-mar-r-40 { margin-right: 40px; } .cc-pad-40-40 { padding: 40px 40px; } .cc-mar-40-40 { margin: 40px 40px; } .cc-pad-42 { padding: 42px; } .cc-pad-t-42 { padding-top: 42px; } .cc-pad-b-42 { padding-bottom: 42px; } .cc-pad-l-42 { padding-left: 42px; } .cc-pad-r-42 { padding-right: 42px; } .cc-mar-42 { margin: 42px; } .cc-mar-t-42 { margin-top: 42px; } .cc-mar-b-42 { margin-bottom: 42px; } .cc-mar-l-42 { margin-left: 42px; } .cc-mar-r-42 { margin-right: 42px; } .cc-pad-42-42 { padding: 42px 42px; } .cc-mar-42-42 { margin: 42px 42px; } .cc-pad-44 { padding: 44px; } .cc-pad-t-44 { padding-top: 44px; } .cc-pad-b-44 { padding-bottom: 44px; } .cc-pad-l-44 { padding-left: 44px; } .cc-pad-r-44 { padding-right: 44px; } .cc-mar-44 { margin: 44px; } .cc-mar-t-44 { margin-top: 44px; } .cc-mar-b-44 { margin-bottom: 44px; } .cc-mar-l-44 { margin-left: 44px; } .cc-mar-r-44 { margin-right: 44px; } .cc-pad-44-44 { padding: 44px 44px; } .cc-mar-44-44 { margin: 44px 44px; } .cc-pad-46 { padding: 46px; } .cc-pad-t-46 { padding-top: 46px; } .cc-pad-b-46 { padding-bottom: 46px; } .cc-pad-l-46 { padding-left: 46px; } .cc-pad-r-46 { padding-right: 46px; } .cc-mar-46 { margin: 46px; } .cc-mar-t-46 { margin-top: 46px; } .cc-mar-b-46 { margin-bottom: 46px; } .cc-mar-l-46 { margin-left: 46px; } .cc-mar-r-46 { margin-right: 46px; } .cc-pad-46-46 { padding: 46px 46px; } .cc-mar-46-46 { margin: 46px 46px; } .cc-pad-48 { padding: 48px; } .cc-pad-t-48 { padding-top: 48px; } .cc-pad-b-48 { padding-bottom: 48px; } .cc-pad-l-48 { padding-left: 48px; } .cc-pad-r-48 { padding-right: 48px; } .cc-mar-48 { margin: 48px; } .cc-mar-t-48 { margin-top: 48px; } .cc-mar-b-48 { margin-bottom: 48px; } .cc-mar-l-48 { margin-left: 48px; } .cc-mar-r-48 { margin-right: 48px; } .cc-pad-48-48 { padding: 48px 48px; } .cc-mar-48-48 { margin: 48px 48px; } .cc-pad-50 { padding: 50px; } .cc-pad-t-50 { padding-top: 50px; } .cc-pad-b-50 { padding-bottom: 50px; } .cc-pad-l-50 { padding-left: 50px; } .cc-pad-r-50 { padding-right: 50px; } .cc-mar-50 { margin: 50px; } .cc-mar-t-50 { margin-top: 50px; } .cc-mar-b-50 { margin-bottom: 50px; } .cc-mar-l-50 { margin-left: 50px; } .cc-mar-r-50 { margin-right: 50px; } .cc-pad-50-50 { padding: 50px 50px; } .cc-mar-50-50 { margin: 50px 50px; } .cc-pad-52 { padding: 52px; } .cc-pad-t-52 { padding-top: 52px; } .cc-pad-b-52 { padding-bottom: 52px; } .cc-pad-l-52 { padding-left: 52px; } .cc-pad-r-52 { padding-right: 52px; } .cc-mar-52 { margin: 52px; } .cc-mar-t-52 { margin-top: 52px; } .cc-mar-b-52 { margin-bottom: 52px; } .cc-mar-l-52 { margin-left: 52px; } .cc-mar-r-52 { margin-right: 52px; } .cc-pad-52-52 { padding: 52px 52px; } .cc-mar-52-52 { margin: 52px 52px; } .cc-pad-54 { padding: 54px; } .cc-pad-t-54 { padding-top: 54px; } .cc-pad-b-54 { padding-bottom: 54px; } .cc-pad-l-54 { padding-left: 54px; } .cc-pad-r-54 { padding-right: 54px; } .cc-mar-54 { margin: 54px; } .cc-mar-t-54 { margin-top: 54px; } .cc-mar-b-54 { margin-bottom: 54px; } .cc-mar-l-54 { margin-left: 54px; } .cc-mar-r-54 { margin-right: 54px; } .cc-pad-54-54 { padding: 54px 54px; } .cc-mar-54-54 { margin: 54px 54px; } .cc-pad-56 { padding: 56px; } .cc-pad-t-56 { padding-top: 56px; } .cc-pad-b-56 { padding-bottom: 56px; } .cc-pad-l-56 { padding-left: 56px; } .cc-pad-r-56 { padding-right: 56px; } .cc-mar-56 { margin: 56px; } .cc-mar-t-56 { margin-top: 56px; } .cc-mar-b-56 { margin-bottom: 56px; } .cc-mar-l-56 { margin-left: 56px; } .cc-mar-r-56 { margin-right: 56px; } .cc-pad-56-56 { padding: 56px 56px; } .cc-mar-56-56 { margin: 56px 56px; } .cc-pad-58 { padding: 58px; } .cc-pad-t-58 { padding-top: 58px; } .cc-pad-b-58 { padding-bottom: 58px; } .cc-pad-l-58 { padding-left: 58px; } .cc-pad-r-58 { padding-right: 58px; } .cc-mar-58 { margin: 58px; } .cc-mar-t-58 { margin-top: 58px; } .cc-mar-b-58 { margin-bottom: 58px; } .cc-mar-l-58 { margin-left: 58px; } .cc-mar-r-58 { margin-right: 58px; } .cc-pad-58-58 { padding: 58px 58px; } .cc-mar-58-58 { margin: 58px 58px; } .cc-pad-60 { padding: 60px; } .cc-pad-t-60 { padding-top: 60px; } .cc-pad-b-60 { padding-bottom: 60px; } .cc-pad-l-60 { padding-left: 60px; } .cc-pad-r-60 { padding-right: 60px; } .cc-mar-60 { margin: 60px; } .cc-mar-t-60 { margin-top: 60px; } .cc-mar-b-60 { margin-bottom: 60px; } .cc-mar-l-60 { margin-left: 60px; } .cc-mar-r-60 { margin-right: 60px; } .cc-pad-60-60 { padding: 60px 60px; } .cc-mar-60-60 { margin: 60px 60px; } .cc-w-2 { width: 2px; } .cc-h-2 { height: 2px; } .cc-t-2 { top: 2px; } .cc-b-2 { bottom: 2px; } .cc-l-2 { left: 2px; } .cc-r-2 { right: 2px; } .cc-w-4 { width: 4px; } .cc-h-4 { height: 4px; } .cc-t-4 { top: 4px; } .cc-b-4 { bottom: 4px; } .cc-l-4 { left: 4px; } .cc-r-4 { right: 4px; } .cc-w-6 { width: 6px; } .cc-h-6 { height: 6px; } .cc-t-6 { top: 6px; } .cc-b-6 { bottom: 6px; } .cc-l-6 { left: 6px; } .cc-r-6 { right: 6px; } .cc-w-8 { width: 8px; } .cc-h-8 { height: 8px; } .cc-t-8 { top: 8px; } .cc-b-8 { bottom: 8px; } .cc-l-8 { left: 8px; } .cc-r-8 { right: 8px; } .cc-w-10 { width: 10px; } .cc-h-10 { height: 10px; } .cc-t-10 { top: 10px; } .cc-b-10 { bottom: 10px; } .cc-l-10 { left: 10px; } .cc-r-10 { right: 10px; } .cc-w-12 { width: 12px; } .cc-h-12 { height: 12px; } .cc-t-12 { top: 12px; } .cc-b-12 { bottom: 12px; } .cc-l-12 { left: 12px; } .cc-r-12 { right: 12px; } .cc-w-14 { width: 14px; } .cc-h-14 { height: 14px; } .cc-t-14 { top: 14px; } .cc-b-14 { bottom: 14px; } .cc-l-14 { left: 14px; } .cc-r-14 { right: 14px; } .cc-w-16 { width: 16px; } .cc-h-16 { height: 16px; } .cc-t-16 { top: 16px; } .cc-b-16 { bottom: 16px; } .cc-l-16 { left: 16px; } .cc-r-16 { right: 16px; } .cc-w-18 { width: 18px; } .cc-h-18 { height: 18px; } .cc-t-18 { top: 18px; } .cc-b-18 { bottom: 18px; } .cc-l-18 { left: 18px; } .cc-r-18 { right: 18px; } .cc-w-20 { width: 20px; } .cc-h-20 { height: 20px; } .cc-t-20 { top: 20px; } .cc-b-20 { bottom: 20px; } .cc-l-20 { left: 20px; } .cc-r-20 { right: 20px; } .cc-w-22 { width: 22px; } .cc-h-22 { height: 22px; } .cc-t-22 { top: 22px; } .cc-b-22 { bottom: 22px; } .cc-l-22 { left: 22px; } .cc-r-22 { right: 22px; } .cc-w-24 { width: 24px; } .cc-h-24 { height: 24px; } .cc-t-24 { top: 24px; } .cc-b-24 { bottom: 24px; } .cc-l-24 { left: 24px; } .cc-r-24 { right: 24px; } .cc-w-26 { width: 26px; } .cc-h-26 { height: 26px; } .cc-t-26 { top: 26px; } .cc-b-26 { bottom: 26px; } .cc-l-26 { left: 26px; } .cc-r-26 { right: 26px; } .cc-w-28 { width: 28px; } .cc-h-28 { height: 28px; } .cc-t-28 { top: 28px; } .cc-b-28 { bottom: 28px; } .cc-l-28 { left: 28px; } .cc-r-28 { right: 28px; } .cc-w-30 { width: 30px; } .cc-h-30 { height: 30px; } .cc-t-30 { top: 30px; } .cc-b-30 { bottom: 30px; } .cc-l-30 { left: 30px; } .cc-r-30 { right: 30px; } .cc-w-32 { width: 32px; } .cc-h-32 { height: 32px; } .cc-t-32 { top: 32px; } .cc-b-32 { bottom: 32px; } .cc-l-32 { left: 32px; } .cc-r-32 { right: 32px; } .cc-w-34 { width: 34px; } .cc-h-34 { height: 34px; } .cc-t-34 { top: 34px; } .cc-b-34 { bottom: 34px; } .cc-l-34 { left: 34px; } .cc-r-34 { right: 34px; } .cc-w-36 { width: 36px; } .cc-h-36 { height: 36px; } .cc-t-36 { top: 36px; } .cc-b-36 { bottom: 36px; } .cc-l-36 { left: 36px; } .cc-r-36 { right: 36px; } .cc-w-38 { width: 38px; } .cc-h-38 { height: 38px; } .cc-t-38 { top: 38px; } .cc-b-38 { bottom: 38px; } .cc-l-38 { left: 38px; } .cc-r-38 { right: 38px; } .cc-w-40 { width: 40px; } .cc-h-40 { height: 40px; } .cc-t-40 { top: 40px; } .cc-b-40 { bottom: 40px; } .cc-l-40 { left: 40px; } .cc-r-40 { right: 40px; } .cc-w-42 { width: 42px; } .cc-h-42 { height: 42px; } .cc-t-42 { top: 42px; } .cc-b-42 { bottom: 42px; } .cc-l-42 { left: 42px; } .cc-r-42 { right: 42px; } .cc-w-44 { width: 44px; } .cc-h-44 { height: 44px; } .cc-t-44 { top: 44px; } .cc-b-44 { bottom: 44px; } .cc-l-44 { left: 44px; } .cc-r-44 { right: 44px; } .cc-w-46 { width: 46px; } .cc-h-46 { height: 46px; } .cc-t-46 { top: 46px; } .cc-b-46 { bottom: 46px; } .cc-l-46 { left: 46px; } .cc-r-46 { right: 46px; } .cc-w-48 { width: 48px; } .cc-h-48 { height: 48px; } .cc-t-48 { top: 48px; } .cc-b-48 { bottom: 48px; } .cc-l-48 { left: 48px; } .cc-r-48 { right: 48px; } .cc-w-50 { width: 50px; } .cc-h-50 { height: 50px; } .cc-t-50 { top: 50px; } .cc-b-50 { bottom: 50px; } .cc-l-50 { left: 50px; } .cc-r-50 { right: 50px; } .cc-w-52 { width: 52px; } .cc-h-52 { height: 52px; } .cc-t-52 { top: 52px; } .cc-b-52 { bottom: 52px; } .cc-l-52 { left: 52px; } .cc-r-52 { right: 52px; } .cc-w-54 { width: 54px; } .cc-h-54 { height: 54px; } .cc-t-54 { top: 54px; } .cc-b-54 { bottom: 54px; } .cc-l-54 { left: 54px; } .cc-r-54 { right: 54px; } .cc-w-56 { width: 56px; } .cc-h-56 { height: 56px; } .cc-t-56 { top: 56px; } .cc-b-56 { bottom: 56px; } .cc-l-56 { left: 56px; } .cc-r-56 { right: 56px; } .cc-w-58 { width: 58px; } .cc-h-58 { height: 58px; } .cc-t-58 { top: 58px; } .cc-b-58 { bottom: 58px; } .cc-l-58 { left: 58px; } .cc-r-58 { right: 58px; } .cc-w-60 { width: 60px; } .cc-h-60 { height: 60px; } .cc-t-60 { top: 60px; } .cc-b-60 { bottom: 60px; } .cc-l-60 { left: 60px; } .cc-r-60 { right: 60px; } .cc-w-62 { width: 62px; } .cc-h-62 { height: 62px; } .cc-t-62 { top: 62px; } .cc-b-62 { bottom: 62px; } .cc-l-62 { left: 62px; } .cc-r-62 { right: 62px; } .cc-w-64 { width: 64px; } .cc-h-64 { height: 64px; } .cc-t-64 { top: 64px; } .cc-b-64 { bottom: 64px; } .cc-l-64 { left: 64px; } .cc-r-64 { right: 64px; } .cc-w-66 { width: 66px; } .cc-h-66 { height: 66px; } .cc-t-66 { top: 66px; } .cc-b-66 { bottom: 66px; } .cc-l-66 { left: 66px; } .cc-r-66 { right: 66px; } .cc-w-68 { width: 68px; } .cc-h-68 { height: 68px; } .cc-t-68 { top: 68px; } .cc-b-68 { bottom: 68px; } .cc-l-68 { left: 68px; } .cc-r-68 { right: 68px; } .cc-w-70 { width: 70px; } .cc-h-70 { height: 70px; } .cc-t-70 { top: 70px; } .cc-b-70 { bottom: 70px; } .cc-l-70 { left: 70px; } .cc-r-70 { right: 70px; } .cc-w-72 { width: 72px; } .cc-h-72 { height: 72px; } .cc-t-72 { top: 72px; } .cc-b-72 { bottom: 72px; } .cc-l-72 { left: 72px; } .cc-r-72 { right: 72px; } .cc-w-74 { width: 74px; } .cc-h-74 { height: 74px; } .cc-t-74 { top: 74px; } .cc-b-74 { bottom: 74px; } .cc-l-74 { left: 74px; } .cc-r-74 { right: 74px; } .cc-w-76 { width: 76px; } .cc-h-76 { height: 76px; } .cc-t-76 { top: 76px; } .cc-b-76 { bottom: 76px; } .cc-l-76 { left: 76px; } .cc-r-76 { right: 76px; } .cc-w-78 { width: 78px; } .cc-h-78 { height: 78px; } .cc-t-78 { top: 78px; } .cc-b-78 { bottom: 78px; } .cc-l-78 { left: 78px; } .cc-r-78 { right: 78px; } .cc-w-80 { width: 80px; } .cc-h-80 { height: 80px; } .cc-t-80 { top: 80px; } .cc-b-80 { bottom: 80px; } .cc-l-80 { left: 80px; } .cc-r-80 { right: 80px; } .cc-w-82 { width: 82px; } .cc-h-82 { height: 82px; } .cc-t-82 { top: 82px; } .cc-b-82 { bottom: 82px; } .cc-l-82 { left: 82px; } .cc-r-82 { right: 82px; } .cc-w-84 { width: 84px; } .cc-h-84 { height: 84px; } .cc-t-84 { top: 84px; } .cc-b-84 { bottom: 84px; } .cc-l-84 { left: 84px; } .cc-r-84 { right: 84px; } .cc-w-86 { width: 86px; } .cc-h-86 { height: 86px; } .cc-t-86 { top: 86px; } .cc-b-86 { bottom: 86px; } .cc-l-86 { left: 86px; } .cc-r-86 { right: 86px; } .cc-w-88 { width: 88px; } .cc-h-88 { height: 88px; } .cc-t-88 { top: 88px; } .cc-b-88 { bottom: 88px; } .cc-l-88 { left: 88px; } .cc-r-88 { right: 88px; } .cc-w-90 { width: 90px; } .cc-h-90 { height: 90px; } .cc-t-90 { top: 90px; } .cc-b-90 { bottom: 90px; } .cc-l-90 { left: 90px; } .cc-r-90 { right: 90px; } .cc-w-92 { width: 92px; } .cc-h-92 { height: 92px; } .cc-t-92 { top: 92px; } .cc-b-92 { bottom: 92px; } .cc-l-92 { left: 92px; } .cc-r-92 { right: 92px; } .cc-w-94 { width: 94px; } .cc-h-94 { height: 94px; } .cc-t-94 { top: 94px; } .cc-b-94 { bottom: 94px; } .cc-l-94 { left: 94px; } .cc-r-94 { right: 94px; } .cc-w-96 { width: 96px; } .cc-h-96 { height: 96px; } .cc-t-96 { top: 96px; } .cc-b-96 { bottom: 96px; } .cc-l-96 { left: 96px; } .cc-r-96 { right: 96px; } .cc-w-98 { width: 98px; } .cc-h-98 { height: 98px; } .cc-t-98 { top: 98px; } .cc-b-98 { bottom: 98px; } .cc-l-98 { left: 98px; } .cc-r-98 { right: 98px; } .cc-w-100 { width: 100px; } .cc-h-100 { height: 100px; } .cc-t-100 { top: 100px; } .cc-b-100 { bottom: 100px; } .cc-l-100 { left: 100px; } .cc-r-100 { right: 100px; } .cc-w-102 { width: 102px; } .cc-h-102 { height: 102px; } .cc-t-102 { top: 102px; } .cc-b-102 { bottom: 102px; } .cc-l-102 { left: 102px; } .cc-r-102 { right: 102px; } .cc-w-104 { width: 104px; } .cc-h-104 { height: 104px; } .cc-t-104 { top: 104px; } .cc-b-104 { bottom: 104px; } .cc-l-104 { left: 104px; } .cc-r-104 { right: 104px; } .cc-w-106 { width: 106px; } .cc-h-106 { height: 106px; } .cc-t-106 { top: 106px; } .cc-b-106 { bottom: 106px; } .cc-l-106 { left: 106px; } .cc-r-106 { right: 106px; } .cc-w-108 { width: 108px; } .cc-h-108 { height: 108px; } .cc-t-108 { top: 108px; } .cc-b-108 { bottom: 108px; } .cc-l-108 { left: 108px; } .cc-r-108 { right: 108px; } .cc-w-110 { width: 110px; } .cc-h-110 { height: 110px; } .cc-t-110 { top: 110px; } .cc-b-110 { bottom: 110px; } .cc-l-110 { left: 110px; } .cc-r-110 { right: 110px; } .cc-w-112 { width: 112px; } .cc-h-112 { height: 112px; } .cc-t-112 { top: 112px; } .cc-b-112 { bottom: 112px; } .cc-l-112 { left: 112px; } .cc-r-112 { right: 112px; } .cc-w-114 { width: 114px; } .cc-h-114 { height: 114px; } .cc-t-114 { top: 114px; } .cc-b-114 { bottom: 114px; } .cc-l-114 { left: 114px; } .cc-r-114 { right: 114px; } .cc-w-116 { width: 116px; } .cc-h-116 { height: 116px; } .cc-t-116 { top: 116px; } .cc-b-116 { bottom: 116px; } .cc-l-116 { left: 116px; } .cc-r-116 { right: 116px; } .cc-w-118 { width: 118px; } .cc-h-118 { height: 118px; } .cc-t-118 { top: 118px; } .cc-b-118 { bottom: 118px; } .cc-l-118 { left: 118px; } .cc-r-118 { right: 118px; } .cc-w-120 { width: 120px; } .cc-h-120 { height: 120px; } .cc-t-120 { top: 120px; } .cc-b-120 { bottom: 120px; } .cc-l-120 { left: 120px; } .cc-r-120 { right: 120px; } .cc-w-122 { width: 122px; } .cc-h-122 { height: 122px; } .cc-t-122 { top: 122px; } .cc-b-122 { bottom: 122px; } .cc-l-122 { left: 122px; } .cc-r-122 { right: 122px; } .cc-w-124 { width: 124px; } .cc-h-124 { height: 124px; } .cc-t-124 { top: 124px; } .cc-b-124 { bottom: 124px; } .cc-l-124 { left: 124px; } .cc-r-124 { right: 124px; } .cc-w-126 { width: 126px; } .cc-h-126 { height: 126px; } .cc-t-126 { top: 126px; } .cc-b-126 { bottom: 126px; } .cc-l-126 { left: 126px; } .cc-r-126 { right: 126px; } .cc-w-128 { width: 128px; } .cc-h-128 { height: 128px; } .cc-t-128 { top: 128px; } .cc-b-128 { bottom: 128px; } .cc-l-128 { left: 128px; } .cc-r-128 { right: 128px; } .cc-w-130 { width: 130px; } .cc-h-130 { height: 130px; } .cc-t-130 { top: 130px; } .cc-b-130 { bottom: 130px; } .cc-l-130 { left: 130px; } .cc-r-130 { right: 130px; } .cc-w-132 { width: 132px; } .cc-h-132 { height: 132px; } .cc-t-132 { top: 132px; } .cc-b-132 { bottom: 132px; } .cc-l-132 { left: 132px; } .cc-r-132 { right: 132px; } .cc-w-134 { width: 134px; } .cc-h-134 { height: 134px; } .cc-t-134 { top: 134px; } .cc-b-134 { bottom: 134px; } .cc-l-134 { left: 134px; } .cc-r-134 { right: 134px; } .cc-w-136 { width: 136px; } .cc-h-136 { height: 136px; } .cc-t-136 { top: 136px; } .cc-b-136 { bottom: 136px; } .cc-l-136 { left: 136px; } .cc-r-136 { right: 136px; } .cc-w-138 { width: 138px; } .cc-h-138 { height: 138px; } .cc-t-138 { top: 138px; } .cc-b-138 { bottom: 138px; } .cc-l-138 { left: 138px; } .cc-r-138 { right: 138px; } .cc-w-140 { width: 140px; } .cc-h-140 { height: 140px; } .cc-t-140 { top: 140px; } .cc-b-140 { bottom: 140px; } .cc-l-140 { left: 140px; } .cc-r-140 { right: 140px; } .cc-w-142 { width: 142px; } .cc-h-142 { height: 142px; } .cc-t-142 { top: 142px; } .cc-b-142 { bottom: 142px; } .cc-l-142 { left: 142px; } .cc-r-142 { right: 142px; } .cc-w-144 { width: 144px; } .cc-h-144 { height: 144px; } .cc-t-144 { top: 144px; } .cc-b-144 { bottom: 144px; } .cc-l-144 { left: 144px; } .cc-r-144 { right: 144px; } .cc-w-146 { width: 146px; } .cc-h-146 { height: 146px; } .cc-t-146 { top: 146px; } .cc-b-146 { bottom: 146px; } .cc-l-146 { left: 146px; } .cc-r-146 { right: 146px; } .cc-w-148 { width: 148px; } .cc-h-148 { height: 148px; } .cc-t-148 { top: 148px; } .cc-b-148 { bottom: 148px; } .cc-l-148 { left: 148px; } .cc-r-148 { right: 148px; } .cc-w-150 { width: 150px; } .cc-h-150 { height: 150px; } .cc-t-150 { top: 150px; } .cc-b-150 { bottom: 150px; } .cc-l-150 { left: 150px; } .cc-r-150 { right: 150px; } .cc-w-152 { width: 152px; } .cc-h-152 { height: 152px; } .cc-t-152 { top: 152px; } .cc-b-152 { bottom: 152px; } .cc-l-152 { left: 152px; } .cc-r-152 { right: 152px; } .cc-w-154 { width: 154px; } .cc-h-154 { height: 154px; } .cc-t-154 { top: 154px; } .cc-b-154 { bottom: 154px; } .cc-l-154 { left: 154px; } .cc-r-154 { right: 154px; } .cc-w-156 { width: 156px; } .cc-h-156 { height: 156px; } .cc-t-156 { top: 156px; } .cc-b-156 { bottom: 156px; } .cc-l-156 { left: 156px; } .cc-r-156 { right: 156px; } .cc-w-158 { width: 158px; } .cc-h-158 { height: 158px; } .cc-t-158 { top: 158px; } .cc-b-158 { bottom: 158px; } .cc-l-158 { left: 158px; } .cc-r-158 { right: 158px; } .cc-w-160 { width: 160px; } .cc-h-160 { height: 160px; } .cc-t-160 { top: 160px; } .cc-b-160 { bottom: 160px; } .cc-l-160 { left: 160px; } .cc-r-160 { right: 160px; } .cc-w-162 { width: 162px; } .cc-h-162 { height: 162px; } .cc-t-162 { top: 162px; } .cc-b-162 { bottom: 162px; } .cc-l-162 { left: 162px; } .cc-r-162 { right: 162px; } .cc-w-164 { width: 164px; } .cc-h-164 { height: 164px; } .cc-t-164 { top: 164px; } .cc-b-164 { bottom: 164px; } .cc-l-164 { left: 164px; } .cc-r-164 { right: 164px; } .cc-w-166 { width: 166px; } .cc-h-166 { height: 166px; } .cc-t-166 { top: 166px; } .cc-b-166 { bottom: 166px; } .cc-l-166 { left: 166px; } .cc-r-166 { right: 166px; } .cc-w-168 { width: 168px; } .cc-h-168 { height: 168px; } .cc-t-168 { top: 168px; } .cc-b-168 { bottom: 168px; } .cc-l-168 { left: 168px; } .cc-r-168 { right: 168px; } .cc-w-170 { width: 170px; } .cc-h-170 { height: 170px; } .cc-t-170 { top: 170px; } .cc-b-170 { bottom: 170px; } .cc-l-170 { left: 170px; } .cc-r-170 { right: 170px; } .cc-w-172 { width: 172px; } .cc-h-172 { height: 172px; } .cc-t-172 { top: 172px; } .cc-b-172 { bottom: 172px; } .cc-l-172 { left: 172px; } .cc-r-172 { right: 172px; } .cc-w-174 { width: 174px; } .cc-h-174 { height: 174px; } .cc-t-174 { top: 174px; } .cc-b-174 { bottom: 174px; } .cc-l-174 { left: 174px; } .cc-r-174 { right: 174px; } .cc-w-176 { width: 176px; } .cc-h-176 { height: 176px; } .cc-t-176 { top: 176px; } .cc-b-176 { bottom: 176px; } .cc-l-176 { left: 176px; } .cc-r-176 { right: 176px; } .cc-w-178 { width: 178px; } .cc-h-178 { height: 178px; } .cc-t-178 { top: 178px; } .cc-b-178 { bottom: 178px; } .cc-l-178 { left: 178px; } .cc-r-178 { right: 178px; } .cc-w-180 { width: 180px; } .cc-h-180 { height: 180px; } .cc-t-180 { top: 180px; } .cc-b-180 { bottom: 180px; } .cc-l-180 { left: 180px; } .cc-r-180 { right: 180px; } .cc-w-182 { width: 182px; } .cc-h-182 { height: 182px; } .cc-t-182 { top: 182px; } .cc-b-182 { bottom: 182px; } .cc-l-182 { left: 182px; } .cc-r-182 { right: 182px; } .cc-w-184 { width: 184px; } .cc-h-184 { height: 184px; } .cc-t-184 { top: 184px; } .cc-b-184 { bottom: 184px; } .cc-l-184 { left: 184px; } .cc-r-184 { right: 184px; } .cc-w-186 { width: 186px; } .cc-h-186 { height: 186px; } .cc-t-186 { top: 186px; } .cc-b-186 { bottom: 186px; } .cc-l-186 { left: 186px; } .cc-r-186 { right: 186px; } .cc-w-188 { width: 188px; } .cc-h-188 { height: 188px; } .cc-t-188 { top: 188px; } .cc-b-188 { bottom: 188px; } .cc-l-188 { left: 188px; } .cc-r-188 { right: 188px; } .cc-w-190 { width: 190px; } .cc-h-190 { height: 190px; } .cc-t-190 { top: 190px; } .cc-b-190 { bottom: 190px; } .cc-l-190 { left: 190px; } .cc-r-190 { right: 190px; } .cc-w-192 { width: 192px; } .cc-h-192 { height: 192px; } .cc-t-192 { top: 192px; } .cc-b-192 { bottom: 192px; } .cc-l-192 { left: 192px; } .cc-r-192 { right: 192px; } .cc-w-194 { width: 194px; } .cc-h-194 { height: 194px; } .cc-t-194 { top: 194px; } .cc-b-194 { bottom: 194px; } .cc-l-194 { left: 194px; } .cc-r-194 { right: 194px; } .cc-w-196 { width: 196px; } .cc-h-196 { height: 196px; } .cc-t-196 { top: 196px; } .cc-b-196 { bottom: 196px; } .cc-l-196 { left: 196px; } .cc-r-196 { right: 196px; } .cc-w-198 { width: 198px; } .cc-h-198 { height: 198px; } .cc-t-198 { top: 198px; } .cc-b-198 { bottom: 198px; } .cc-l-198 { left: 198px; } .cc-r-198 { right: 198px; } .cc-w-200 { width: 200px; } .cc-h-200 { height: 200px; } .cc-t-200 { top: 200px; } .cc-b-200 { bottom: 200px; } .cc-l-200 { left: 200px; } .cc-r-200 { right: 200px; } .cc-w-p5 { width: 5%; } .cc-h-p5 { height: 5%; } .cc-w-max-p5 { max-width: 5%; } .cc-h-max-p5 { max-height: 5%; } .cc-w-min-p5 { min-width: 5%; } .cc-h-min-p5 { min-height: 5%; } .cc-h-line-5 { min-height: 5%; } .cc-w-p10 { width: 10%; } .cc-h-p10 { height: 10%; } .cc-w-max-p10 { max-width: 10%; } .cc-h-max-p10 { max-height: 10%; } .cc-w-min-p10 { min-width: 10%; } .cc-h-min-p10 { min-height: 10%; } .cc-h-line-10 { min-height: 10%; } .cc-w-p15 { width: 15%; } .cc-h-p15 { height: 15%; } .cc-w-max-p15 { max-width: 15%; } .cc-h-max-p15 { max-height: 15%; } .cc-w-min-p15 { min-width: 15%; } .cc-h-min-p15 { min-height: 15%; } .cc-h-line-15 { min-height: 15%; } .cc-w-p20 { width: 20%; } .cc-h-p20 { height: 20%; } .cc-w-max-p20 { max-width: 20%; } .cc-h-max-p20 { max-height: 20%; } .cc-w-min-p20 { min-width: 20%; } .cc-h-min-p20 { min-height: 20%; } .cc-h-line-20 { min-height: 20%; } .cc-w-p25 { width: 25%; } .cc-h-p25 { height: 25%; } .cc-w-max-p25 { max-width: 25%; } .cc-h-max-p25 { max-height: 25%; } .cc-w-min-p25 { min-width: 25%; } .cc-h-min-p25 { min-height: 25%; } .cc-h-line-25 { min-height: 25%; } .cc-w-p30 { width: 30%; } .cc-h-p30 { height: 30%; } .cc-w-max-p30 { max-width: 30%; } .cc-h-max-p30 { max-height: 30%; } .cc-w-min-p30 { min-width: 30%; } .cc-h-min-p30 { min-height: 30%; } .cc-h-line-30 { min-height: 30%; } .cc-w-p35 { width: 35%; } .cc-h-p35 { height: 35%; } .cc-w-max-p35 { max-width: 35%; } .cc-h-max-p35 { max-height: 35%; } .cc-w-min-p35 { min-width: 35%; } .cc-h-min-p35 { min-height: 35%; } .cc-h-line-35 { min-height: 35%; } .cc-w-p40 { width: 40%; } .cc-h-p40 { height: 40%; } .cc-w-max-p40 { max-width: 40%; } .cc-h-max-p40 { max-height: 40%; } .cc-w-min-p40 { min-width: 40%; } .cc-h-min-p40 { min-height: 40%; } .cc-h-line-40 { min-height: 40%; } .cc-w-p45 { width: 45%; } .cc-h-p45 { height: 45%; } .cc-w-max-p45 { max-width: 45%; } .cc-h-max-p45 { max-height: 45%; } .cc-w-min-p45 { min-width: 45%; } .cc-h-min-p45 { min-height: 45%; } .cc-h-line-45 { min-height: 45%; } .cc-w-p50 { width: 50%; } .cc-h-p50 { height: 50%; } .cc-w-max-p50 { max-width: 50%; } .cc-h-max-p50 { max-height: 50%; } .cc-w-min-p50 { min-width: 50%; } .cc-h-min-p50 { min-height: 50%; } .cc-h-line-50 { min-height: 50%; } .cc-w-p55 { width: 55%; } .cc-h-p55 { height: 55%; } .cc-w-max-p55 { max-width: 55%; } .cc-h-max-p55 { max-height: 55%; } .cc-w-min-p55 { min-width: 55%; } .cc-h-min-p55 { min-height: 55%; } .cc-h-line-55 { min-height: 55%; } .cc-w-p60 { width: 60%; } .cc-h-p60 { height: 60%; } .cc-w-max-p60 { max-width: 60%; } .cc-h-max-p60 { max-height: 60%; } .cc-w-min-p60 { min-width: 60%; } .cc-h-min-p60 { min-height: 60%; } .cc-h-line-60 { min-height: 60%; } .cc-w-p65 { width: 65%; } .cc-h-p65 { height: 65%; } .cc-w-max-p65 { max-width: 65%; } .cc-h-max-p65 { max-height: 65%; } .cc-w-min-p65 { min-width: 65%; } .cc-h-min-p65 { min-height: 65%; } .cc-h-line-65 { min-height: 65%; } .cc-w-p70 { width: 70%; } .cc-h-p70 { height: 70%; } .cc-w-max-p70 { max-width: 70%; } .cc-h-max-p70 { max-height: 70%; } .cc-w-min-p70 { min-width: 70%; } .cc-h-min-p70 { min-height: 70%; } .cc-h-line-70 { min-height: 70%; } .cc-w-p75 { width: 75%; } .cc-h-p75 { height: 75%; } .cc-w-max-p75 { max-width: 75%; } .cc-h-max-p75 { max-height: 75%; } .cc-w-min-p75 { min-width: 75%; } .cc-h-min-p75 { min-height: 75%; } .cc-h-line-75 { min-height: 75%; } .cc-w-p80 { width: 80%; } .cc-h-p80 { height: 80%; } .cc-w-max-p80 { max-width: 80%; } .cc-h-max-p80 { max-height: 80%; } .cc-w-min-p80 { min-width: 80%; } .cc-h-min-p80 { min-height: 80%; } .cc-h-line-80 { min-height: 80%; } .cc-w-p85 { width: 85%; } .cc-h-p85 { height: 85%; } .cc-w-max-p85 { max-width: 85%; } .cc-h-max-p85 { max-height: 85%; } .cc-w-min-p85 { min-width: 85%; } .cc-h-min-p85 { min-height: 85%; } .cc-h-line-85 { min-height: 85%; } .cc-w-p90 { width: 90%; } .cc-h-p90 { height: 90%; } .cc-w-max-p90 { max-width: 90%; } .cc-h-max-p90 { max-height: 90%; } .cc-w-min-p90 { min-width: 90%; } .cc-h-min-p90 { min-height: 90%; } .cc-h-line-90 { min-height: 90%; } .cc-w-p95 { width: 95%; } .cc-h-p95 { height: 95%; } .cc-w-max-p95 { max-width: 95%; } .cc-h-max-p95 { max-height: 95%; } .cc-w-min-p95 { min-width: 95%; } .cc-h-min-p95 { min-height: 95%; } .cc-h-line-95 { min-height: 95%; } .cc-w-p100 { width: 100%; } .cc-h-p100 { height: 100%; } .cc-w-max-p100 { max-width: 100%; } .cc-h-max-p100 { max-height: 100%; } .cc-w-min-p100 { min-width: 100%; } .cc-h-min-p100 { min-height: 100%; } .cc-h-line-100 { min-height: 100%; } .cc-w-250 { width: 250px; } .cc-h-250 { height: 250px; } .cc-w-max-250 { max-width: 250px; } .cc-h-max-250 { max-height: 250px; } .cc-w-min-250 { min-width: 250px; } .cc-h-min-250 { min-height: 250px; } .cc-h-line-250 { min-height: 250px; } .cc-w-300 { width: 300px; } .cc-h-300 { height: 300px; } .cc-w-max-300 { max-width: 300px; } .cc-h-max-300 { max-height: 300px; } .cc-w-min-300 { min-width: 300px; } .cc-h-min-300 { min-height: 300px; } .cc-h-line-300 { min-height: 300px; } .cc-w-350 { width: 350px; } .cc-h-350 { height: 350px; } .cc-w-max-350 { max-width: 350px; } .cc-h-max-350 { max-height: 350px; } .cc-w-min-350 { min-width: 350px; } .cc-h-min-350 { min-height: 350px; } .cc-h-line-350 { min-height: 350px; } .cc-w-400 { width: 400px; } .cc-h-400 { height: 400px; } .cc-w-max-400 { max-width: 400px; } .cc-h-max-400 { max-height: 400px; } .cc-w-min-400 { min-width: 400px; } .cc-h-min-400 { min-height: 400px; } .cc-h-line-400 { min-height: 400px; } .cc-w-450 { width: 450px; } .cc-h-450 { height: 450px; } .cc-w-max-450 { max-width: 450px; } .cc-h-max-450 { max-height: 450px; } .cc-w-min-450 { min-width: 450px; } .cc-h-min-450 { min-height: 450px; } .cc-h-line-450 { min-height: 450px; } .cc-w-500 { width: 500px; } .cc-h-500 { height: 500px; } .cc-w-max-500 { max-width: 500px; } .cc-h-max-500 { max-height: 500px; } .cc-w-min-500 { min-width: 500px; } .cc-h-min-500 { min-height: 500px; } .cc-h-line-500 { min-height: 500px; } .cc-w-550 { width: 550px; } .cc-h-550 { height: 550px; } .cc-w-max-550 { max-width: 550px; } .cc-h-max-550 { max-height: 550px; } .cc-w-min-550 { min-width: 550px; } .cc-h-min-550 { min-height: 550px; } .cc-h-line-550 { min-height: 550px; } .cc-w-600 { width: 600px; } .cc-h-600 { height: 600px; } .cc-w-max-600 { max-width: 600px; } .cc-h-max-600 { max-height: 600px; } .cc-w-min-600 { min-width: 600px; } .cc-h-min-600 { min-height: 600px; } .cc-h-line-600 { min-height: 600px; } .cc-w-650 { width: 650px; } .cc-h-650 { height: 650px; } .cc-w-max-650 { max-width: 650px; } .cc-h-max-650 { max-height: 650px; } .cc-w-min-650 { min-width: 650px; } .cc-h-min-650 { min-height: 650px; } .cc-h-line-650 { min-height: 650px; } .cc-w-700 { width: 700px; } .cc-h-700 { height: 700px; } .cc-w-max-700 { max-width: 700px; } .cc-h-max-700 { max-height: 700px; } .cc-w-min-700 { min-width: 700px; } .cc-h-min-700 { min-height: 700px; } .cc-h-line-700 { min-height: 700px; } .cc-w-750 { width: 750px; } .cc-h-750 { height: 750px; } .cc-w-max-750 { max-width: 750px; } .cc-h-max-750 { max-height: 750px; } .cc-w-min-750 { min-width: 750px; } .cc-h-min-750 { min-height: 750px; } .cc-h-line-750 { min-height: 750px; } .cc-w-800 { width: 800px; } .cc-h-800 { height: 800px; } .cc-w-max-800 { max-width: 800px; } .cc-h-max-800 { max-height: 800px; } .cc-w-min-800 { min-width: 800px; } .cc-h-min-800 { min-height: 800px; } .cc-h-line-800 { min-height: 800px; } .cc-w-850 { width: 850px; } .cc-h-850 { height: 850px; } .cc-w-max-850 { max-width: 850px; } .cc-h-max-850 { max-height: 850px; } .cc-w-min-850 { min-width: 850px; } .cc-h-min-850 { min-height: 850px; } .cc-h-line-850 { min-height: 850px; } .cc-w-900 { width: 900px; } .cc-h-900 { height: 900px; } .cc-w-max-900 { max-width: 900px; } .cc-h-max-900 { max-height: 900px; } .cc-w-min-900 { min-width: 900px; } .cc-h-min-900 { min-height: 900px; } .cc-h-line-900 { min-height: 900px; } .cc-w-950 { width: 950px; } .cc-h-950 { height: 950px; } .cc-w-max-950 { max-width: 950px; } .cc-h-max-950 { max-height: 950px; } .cc-w-min-950 { min-width: 950px; } .cc-h-min-950 { min-height: 950px; } .cc-h-line-950 { min-height: 950px; } .cc-w-1000 { width: 1000px; } .cc-h-1000 { height: 1000px; } .cc-w-max-1000 { max-width: 1000px; } .cc-h-max-1000 { max-height: 1000px; } .cc-w-min-1000 { min-width: 1000px; } .cc-h-min-1000 { min-height: 1000px; } .cc-h-line-1000 { min-height: 1000px; } .cc-w-1050 { width: 1050px; } .cc-h-1050 { height: 1050px; } .cc-w-max-1050 { max-width: 1050px; } .cc-h-max-1050 { max-height: 1050px; } .cc-w-min-1050 { min-width: 1050px; } .cc-h-min-1050 { min-height: 1050px; } .cc-h-line-1050 { min-height: 1050px; } .cc-w-1100 { width: 1100px; } .cc-h-1100 { height: 1100px; } .cc-w-max-1100 { max-width: 1100px; } .cc-h-max-1100 { max-height: 1100px; } .cc-w-min-1100 { min-width: 1100px; } .cc-h-min-1100 { min-height: 1100px; } .cc-h-line-1100 { min-height: 1100px; } .cc-w-1150 { width: 1150px; } .cc-h-1150 { height: 1150px; } .cc-w-max-1150 { max-width: 1150px; } .cc-h-max-1150 { max-height: 1150px; } .cc-w-min-1150 { min-width: 1150px; } .cc-h-min-1150 { min-height: 1150px; } .cc-h-line-1150 { min-height: 1150px; } .cc-w-1200 { width: 1200px; } .cc-h-1200 { height: 1200px; } .cc-w-max-1200 { max-width: 1200px; } .cc-h-max-1200 { max-height: 1200px; } .cc-w-min-1200 { min-width: 1200px; } .cc-h-min-1200 { min-height: 1200px; } .cc-h-line-1200 { min-height: 1200px; } .cc-f-s8 { font-size: 8px; } .cc-f-s10 { font-size: 10px; } .cc-f-s12 { font-size: 12px; } .cc-f-s14 { font-size: 14px; } .cc-f-s16 { font-size: 16px; } .cc-f-s18 { font-size: 18px; } .cc-f-s20 { font-size: 20px; } .cc-f-s22 { font-size: 22px; } .cc-f-s24 { font-size: 24px; } .cc-f-s26 { font-size: 26px; } .cc-f-s28 { font-size: 28px; } .cc-f-s30 { font-size: 30px; } /** * 溢出省略号 * @param {Number} 行数 */ /* BEM -------------------------- */ /** * 真1px边框 * {List} 多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向 * {Color} 边框的颜色, 默认#ccc * {List} 4个圆角半径, 默认0 * {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after */ /** * 等边三角形 * @param {String} 尺寸 * @param {Color} 颜色 * @param {String} 方向 */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Border -------------------------- */ /* Font Size -------------------------- */ /* z-index -------------------------- */ /* Size Lenght -------------------------- */ .cc-click--invalid { pointer-events: none; } .cc-onselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cc-bs-b { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); } .cc-bs-d { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12); } .cc-bs-l { -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .cc-bc-b { border: 1px solid #DCDFE6; } .cc-bs-n { -webkit-box-shadow: none; box-shadow: none; } .cc-bc-l { border: 1px solid #DCDFE6; border-color: #EBEEF5; } .cc-br-0 { border-radius: 0; } .cc-br-2 { border-radius: 2px; } .cc-br-4 { border-radius: 4px; } .cc-f--left { float: left; } .cc-f--right { float: right; } .cc-dis--n { display: none; } .cc-dis--b { display: block; } .cc-dis--i { display: inline; } .cc-dis--ib { display: inline-block; } .cc-pos--a { position: absolute; } .cc-pos--r { position: relative; } .cc-pos--f { position: fixed; } .cc-pos--s { position: static; } .cc-pos--i { position: inherit; } .cc-cur--a { cursor: auto; } .cc-cur--c { cursor: crosshair; } .cc-cur--d { cursor: default; } .cc-cur--p { cursor: pointer; } .cc-cur--m { cursor: move; } .cc-cur--t { cursor: text; } .cc-cur--w { cursor: wait; } .cc-cur--h { cursor: help; } .cc-fw--n { font-weight: normal; } .cc-fw--b { font-weight: bold; } .cc-fw--l { font-weight: lighter; } .cc-ta--c { text-align: center; } .cc-ta--left { text-align: bold; } .cc-ta--r { text-align: right; } .cc-td--o { text-decoration: overline; } .cc-td--l { text-decoration: line-through; } .cc-td--u { text-decoration: underline; } .cc-td--n { text-decoration: none; } .cc-ov--o { overflow: overline; } .cc-ov--l { overflow: line-through; } .cc-ov--u { overflow: underline; } .cc-ov--n { overflow: none; } .cc-bo-d { border: 1px solid #d7dae2; } .cc-bo2-d { border: 2px solid #d7dae2; } .cc-bo-b { border: 1px solid #000000; } .cc-bo2-b { border: 2px solid #000000; } .cc-bo-w { border: 1px solid #FFFFFF; } .cc-bo2-w { border: 2px solid #FFFFFF; } .cc-bo-i { border: 1px solid #909399; } .cc-bo2-i { border: 2px solid #909399; } .cc-bo-333 { border: 1px solid #333; } .cc-bo2-333 { border: 2px solid #333; } .cc-bo-666 { border: 1px solid #666; } .cc-bo2-666 { border: 2px solid #666; } .cc-bo-999 { border: 1px solid #999; } .cc-bo2-999 { border: 2px solid #999; } /** * 溢出省略号 * @param {Number} 行数 */ /* BEM -------------------------- */ /** * 真1px边框 * {List} 多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向 * {Color} 边框的颜色, 默认#ccc * {List} 4个圆角半径, 默认0 * {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after */ /** * 等边三角形 * @param {String} 尺寸 * @param {Color} 颜色 * @param {String} 方向 */ .cc-clearfix:before, .cc-clearfix:after { content: ""; display: table; } .cc-clearfix:after { clear: both; } .cc-float--left, .cc-float--right { float: left; } .cc-t-no-wrap { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cc-t-mr-2 { min-width: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cc-t-mr-3 { min-width: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .cc-tri-l { width: 0; height: 0; border-style: solid; border-width: left left 0 left; border-color: 10px transparent transparent transparent; margin-bottom: 10px; } .cc-tri-r { width: 0; height: 0; border-style: solid; border-width: right right 0 right; border-color: 10px transparent transparent transparent; margin-bottom: 10px; } .cc-tri-d { width: 0; height: 0; border-style: solid; border-width: down down 0 down; border-color: 10px transparent transparent transparent; margin-bottom: 10px; } .cc-tri-u { width: 0; height: 0; border-style: solid; border-width: up up 0 up; border-color: 10px transparent transparent transparent; margin-bottom: 10px; } /** * 溢出省略号 * @param {Number} 行数 */ /* BEM -------------------------- */ /** * 真1px边框 * {List} 多个方向边框, 默认值为bottom, 你可以根据需要传入(top, left, bottom, right) 4个方向 * {Color} 边框的颜色, 默认#ccc * {List} 4个圆角半径, 默认0 * {String} 一个高级设置, 一般都不需要改动, 由于细边框的实现使用了css的伪类, 所以为了规避可能出现的样式冲突, 我们可以自己指定使用:after还是:before, 默认after */ /** * 等边三角形 * @param {String} 尺寸 * @param {Color} 颜色 * @param {String} 方向 */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Border -------------------------- */ /* Font Size -------------------------- */ /* z-index -------------------------- */ /* Size Lenght -------------------------- */ .cc-flex--1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cc-flex--2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .cc-flex--3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .cc-flex--4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; } .cc-flex--5 { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; } .cc-flex--6 { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .cc-flex--7 { -webkit-box-flex: 7; -ms-flex: 7; flex: 7; } .cc-flex--8 { -webkit-box-flex: 8; -ms-flex: 8; flex: 8; } .cc-flex--9 { -webkit-box-flex: 9; -ms-flex: 9; flex: 9; } .cc-flex--10 { -webkit-box-flex: 10; -ms-flex: 10; flex: 10; } .cc-flex--11 { -webkit-box-flex: 11; -ms-flex: 11; flex: 11; } .cc-flex--12 { -webkit-box-flex: 12; -ms-flex: 12; flex: 12; } .cc-flex--13 { -webkit-box-flex: 13; -ms-flex: 13; flex: 13; } .cc-flex--14 { -webkit-box-flex: 14; -ms-flex: 14; flex: 14; } .cc-flex--15 { -webkit-box-flex: 15; -ms-flex: 15; flex: 15; } .cc-flex--16 { -webkit-box-flex: 16; -ms-flex: 16; flex: 16; } .cc-flex--17 { -webkit-box-flex: 17; -ms-flex: 17; flex: 17; } .cc-flex--18 { -webkit-box-flex: 18; -ms-flex: 18; flex: 18; } .cc-flex--19 { -webkit-box-flex: 19; -ms-flex: 19; flex: 19; } .cc-flex--20 { -webkit-box-flex: 20; -ms-flex: 20; flex: 20; } .cc-flex--21 { -webkit-box-flex: 21; -ms-flex: 21; flex: 21; } .cc-flex--22 { -webkit-box-flex: 22; -ms-flex: 22; flex: 22; } .cc-flex--23 { -webkit-box-flex: 23; -ms-flex: 23; flex: 23; } .cc-flex--24 { -webkit-box-flex: 24; -ms-flex: 24; flex: 24; } .cc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .cc-flex--r { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cc-flex--rr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .cc-flex--c { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-flex--cc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .cc-flex--wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cc-flex--nowrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .cc-flex--asfs { -ms-flex-item-align: start; align-self: flex-start; } .cc-flex--asfe { -ms-flex-item-align: end; align-self: flex-end; } .cc-flex--asc { -ms-flex-item-align: center; align-self: center; } .cc-flex--asb { -ms-flex-item-align: baseline; align-self: baseline; } .cc-flex--ass { -ms-flex-item-align: stretch; align-self: stretch; } .cc-flex--jfs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cc-flex--jfe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cc-flex--jc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cc-flex--jsb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cc-flex--jsa { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .cc-flex--aifs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .cc-flex--aife { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cc-flex--aic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cc-flex--aib { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .cc-flex--ais { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .cc-flex--acfs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; } .cc-flex--acfe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: end; align-content: flex-end; } .cc-flex--acc { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; } .cc-flex--acsa { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: distribute; align-content: space-around; } .cc-flex--acsb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; } .cc-flex--acs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: stretch; align-content: stretch; } .cc-vh-container { 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; }