@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* uni.scss */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */ .u-line-1 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 1; -webkit-box-orient: vertical !important; } .u-line-2 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical !important; } .u-line-3 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical !important; } .u-line-4 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 4; -webkit-box-orient: vertical !important; } .u-line-5 { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 5; -webkit-box-orient: vertical !important; } .u-border { border-width: 0.5px !important; border-color: #dadbde !important; border-style: solid; } .u-border-top { border-top-width: 0.5px !important; border-color: #dadbde !important; border-top-style: solid; } .u-border-left { border-left-width: 0.5px !important; border-color: #dadbde !important; border-left-style: solid; } .u-border-right { border-right-width: 0.5px !important; border-color: #dadbde !important; border-right-style: solid; } .u-border-bottom { border-bottom-width: 0.5px !important; border-color: #dadbde !important; border-bottom-style: solid; } .u-border-top-bottom { border-top-width: 0.5px !important; border-bottom-width: 0.5px !important; border-color: #dadbde !important; border-top-style: solid; border-bottom-style: solid; } .u-reset-button { padding: 0; background-color: transparent; font-size: inherit; line-height: inherit; color: inherit; } .u-reset-button::after { border: none; } .u-hover-class { opacity: 0.7; } .u-primary-light { color: #ecf5ff; } .u-warning-light { color: #fdf6ec; } .u-success-light { color: #f5fff0; } .u-error-light { color: #fef0f0; } .u-info-light { color: #f4f4f5; } .u-primary-light-bg { background-color: #ecf5ff; } .u-warning-light-bg { background-color: #fdf6ec; } .u-success-light-bg { background-color: #f5fff0; } .u-error-light-bg { background-color: #fef0f0; } .u-info-light-bg { background-color: #f4f4f5; } .u-primary-dark { color: #398ade; } .u-warning-dark { color: #f1a532; } .u-success-dark { color: #53c21d; } .u-error-dark { color: #e45656; } .u-info-dark { color: #767a82; } .u-primary-dark-bg { background-color: #398ade; } .u-warning-dark-bg { background-color: #f1a532; } .u-success-dark-bg { background-color: #53c21d; } .u-error-dark-bg { background-color: #e45656; } .u-info-dark-bg { background-color: #767a82; } .u-primary-disabled { color: #9acafc; } .u-warning-disabled { color: #f9d39b; } .u-success-disabled { color: #a9e08f; } .u-error-disabled { color: #f7b2b2; } .u-info-disabled { color: #c4c6c9; } .u-primary { color: #3c9cff; } .u-warning { color: #f9ae3d; } .u-success { color: #5ac725; } .u-error { color: #f56c6c; } .u-info { color: #909399; } .u-primary-bg { background-color: #3c9cff; } .u-warning-bg { background-color: #f9ae3d; } .u-success-bg { background-color: #5ac725; } .u-error-bg { background-color: #f56c6c; } .u-info-bg { background-color: #909399; } .u-main-color { color: #303133; } .u-content-color { color: #606266; } .u-tips-color { color: #909193; } .u-light-color { color: #c0c4cc; } .u-safe-area-inset-top { padding-top: 0; padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } .u-safe-area-inset-right { padding-right: 0; padding-right: constant(safe-area-inset-right); padding-right: env(safe-area-inset-right); } .u-safe-area-inset-bottom { padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .u-safe-area-inset-left { padding-left: 0; padding-left: constant(safe-area-inset-left); padding-left: env(safe-area-inset-left); } ::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; } /* flex */ .center { display: flex; justify-content: center; align-items: center; } .flex_between { display: flex; justify-content: space-between; align-items: center; } .flex_l { display: flex; justify-content: flex-start; align-items: center; } .flex_r { display: flex; justify-content: flex-end; align-items: center; } .flex { display: flex; } .algin-center { align-items: center; } .flex-center { justify-content: center; } .flex-around { justify-content: space-around; } .flex-between { justify-content: space-between; } .flex-top { align-items: flex-start; } .flex-middle { align-items: center; } .justify-end { justify-content: flex-end; } .flex-bottom { align-items: flex-end; } .flex-column { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex_1 { flex: 1; } /* 其他 */ .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; } .block { display: block; } .boxshadow { box-shadow: -1px 0px 12px rgba(0, 0, 0, 0.12); } .hide { display: none; } .show { display: block; } .autowrap { word-wrap: break-word; word-break: normal; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .bold { font-weight: 600; } .over-hidden { overflow: hidden; } .bold { font-weight: 700; } .right { float: right; } .left { float: left; } view { box-sizing: border-box; } .text-ellipsis { white-space: nowrap; /*把文本强制显示在一行*/ overflow: hidden; /*隐藏超出部分的文字*/ text-overflow: ellipsis; /*超出显示省略号*/ } .fixed-btn { position: fixed; width: 90rpx; height: 90rpx; bottom: 50rpx; right: 50rpx; background: #3e7ef8; border-radius: 50%; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } /* 宽度全局样式 ------------------------------- */ .w10 { width: 10px !important; } .w11 { width: 11px !important; } .w12 { width: 12px !important; } .w13 { width: 13px !important; } .w14 { width: 14px !important; } .w15 { width: 15px !important; } .w16 { width: 16px !important; } .w17 { width: 17px !important; } .w18 { width: 18px !important; } .w19 { width: 19px !important; } .w20 { width: 20px !important; } .w21 { width: 21px !important; } .w22 { width: 22px !important; } .w23 { width: 23px !important; } .w24 { width: 24px !important; } .w25 { width: 25px !important; } .w26 { width: 26px !important; } .w27 { width: 27px !important; } .w28 { width: 28px !important; } .w29 { width: 29px !important; } .w30 { width: 30px !important; } .w31 { width: 31px !important; } .w32 { width: 32px !important; } .w33 { width: 33px !important; } .w34 { width: 34px !important; } .w35 { width: 35px !important; } .w36 { width: 36px !important; } .w37 { width: 37px !important; } .w38 { width: 38px !important; } .w39 { width: 39px !important; } .w40 { width: 40px !important; } .w41 { width: 41px !important; } .w42 { width: 42px !important; } .w43 { width: 43px !important; } .w44 { width: 44px !important; } .w45 { width: 45px !important; } .w46 { width: 46px !important; } .w47 { width: 47px !important; } .w48 { width: 48px !important; } .w49 { width: 49px !important; } .w50 { width: 50px !important; } .w51 { width: 51px !important; } .w52 { width: 52px !important; } .w53 { width: 53px !important; } .w54 { width: 54px !important; } .w55 { width: 55px !important; } .w56 { width: 56px !important; } .w57 { width: 57px !important; } .w58 { width: 58px !important; } .w59 { width: 59px !important; } .w60 { width: 60px !important; } .w61 { width: 61px !important; } .w62 { width: 62px !important; } .w63 { width: 63px !important; } .w64 { width: 64px !important; } .w65 { width: 65px !important; } .w66 { width: 66px !important; } .w67 { width: 67px !important; } .w68 { width: 68px !important; } .w69 { width: 69px !important; } .w70 { width: 70px !important; } .w71 { width: 71px !important; } .w72 { width: 72px !important; } .w73 { width: 73px !important; } .w74 { width: 74px !important; } .w75 { width: 75px !important; } .w76 { width: 76px !important; } .w77 { width: 77px !important; } .w78 { width: 78px !important; } .w79 { width: 79px !important; } .w80 { width: 80px !important; } .w81 { width: 81px !important; } .w82 { width: 82px !important; } .w83 { width: 83px !important; } .w84 { width: 84px !important; } .w85 { width: 85px !important; } .w86 { width: 86px !important; } .w87 { width: 87px !important; } .w88 { width: 88px !important; } .w89 { width: 89px !important; } .w90 { width: 90px !important; } .w91 { width: 91px !important; } .w92 { width: 92px !important; } .w93 { width: 93px !important; } .w94 { width: 94px !important; } .w95 { width: 95px !important; } .w96 { width: 96px !important; } .w97 { width: 97px !important; } .w98 { width: 98px !important; } .w99 { width: 99px !important; } .w100 { width: 100px !important; } .w101 { width: 101px !important; } .w102 { width: 102px !important; } .w103 { width: 103px !important; } .w104 { width: 104px !important; } .w105 { width: 105px !important; } .w106 { width: 106px !important; } .w107 { width: 107px !important; } .w108 { width: 108px !important; } .w109 { width: 109px !important; } .w110 { width: 110px !important; } .w111 { width: 111px !important; } .w112 { width: 112px !important; } .w113 { width: 113px !important; } .w114 { width: 114px !important; } .w115 { width: 115px !important; } .w116 { width: 116px !important; } .w117 { width: 117px !important; } .w118 { width: 118px !important; } .w119 { width: 119px !important; } .w120 { width: 120px !important; } .w121 { width: 121px !important; } .w122 { width: 122px !important; } .w123 { width: 123px !important; } .w124 { width: 124px !important; } .w125 { width: 125px !important; } .w126 { width: 126px !important; } .w127 { width: 127px !important; } .w128 { width: 128px !important; } .w129 { width: 129px !important; } .w130 { width: 130px !important; } .w131 { width: 131px !important; } .w132 { width: 132px !important; } .w133 { width: 133px !important; } .w134 { width: 134px !important; } .w135 { width: 135px !important; } .w136 { width: 136px !important; } .w137 { width: 137px !important; } .w138 { width: 138px !important; } .w139 { width: 139px !important; } .w140 { width: 140px !important; } .w141 { width: 141px !important; } .w142 { width: 142px !important; } .w143 { width: 143px !important; } .w144 { width: 144px !important; } .w145 { width: 145px !important; } .w146 { width: 146px !important; } .w147 { width: 147px !important; } .w148 { width: 148px !important; } .w149 { width: 149px !important; } .w150 { width: 150px !important; } .w151 { width: 151px !important; } .w152 { width: 152px !important; } .w153 { width: 153px !important; } .w154 { width: 154px !important; } .w155 { width: 155px !important; } .w156 { width: 156px !important; } .w157 { width: 157px !important; } .w158 { width: 158px !important; } .w159 { width: 159px !important; } .w160 { width: 160px !important; } .w161 { width: 161px !important; } .w162 { width: 162px !important; } .w163 { width: 163px !important; } .w164 { width: 164px !important; } .w165 { width: 165px !important; } .w166 { width: 166px !important; } .w167 { width: 167px !important; } .w168 { width: 168px !important; } .w169 { width: 169px !important; } .w170 { width: 170px !important; } .w171 { width: 171px !important; } .w172 { width: 172px !important; } .w173 { width: 173px !important; } .w174 { width: 174px !important; } .w175 { width: 175px !important; } .w176 { width: 176px !important; } .w177 { width: 177px !important; } .w178 { width: 178px !important; } .w179 { width: 179px !important; } .w180 { width: 180px !important; } .w181 { width: 181px !important; } .w182 { width: 182px !important; } .w183 { width: 183px !important; } .w184 { width: 184px !important; } .w185 { width: 185px !important; } .w186 { width: 186px !important; } .w187 { width: 187px !important; } .w188 { width: 188px !important; } .w189 { width: 189px !important; } .w190 { width: 190px !important; } .w191 { width: 191px !important; } .w192 { width: 192px !important; } .w193 { width: 193px !important; } .w194 { width: 194px !important; } .w195 { width: 195px !important; } .w196 { width: 196px !important; } .w197 { width: 197px !important; } .w198 { width: 198px !important; } .w199 { width: 199px !important; } .w200 { width: 200px !important; } /* 字体大小全局样式 ------------------------------- */ .font10 { font-size: 10rpx !important; } .font11 { font-size: 11rpx !important; } .font12 { font-size: 12rpx !important; } .font13 { font-size: 13rpx !important; } .font14 { font-size: 14rpx !important; } .font15 { font-size: 15rpx !important; } .font16 { font-size: 16rpx !important; } .font17 { font-size: 17rpx !important; } .font18 { font-size: 18rpx !important; } .font19 { font-size: 19rpx !important; } .font20 { font-size: 20rpx !important; } .font21 { font-size: 21rpx !important; } .font22 { font-size: 22rpx !important; } .font23 { font-size: 23rpx !important; } .font24 { font-size: 24rpx !important; } .font25 { font-size: 25rpx !important; } .font26 { font-size: 26rpx !important; } .font27 { font-size: 27rpx !important; } .font28 { font-size: 28rpx !important; } .font29 { font-size: 29rpx !important; } .font30 { font-size: 30rpx !important; } .font31 { font-size: 31rpx !important; } .font32 { font-size: 32rpx !important; } .font33 { font-size: 33rpx !important; } .font34 { font-size: 34rpx !important; } .font35 { font-size: 35rpx !important; } .font36 { font-size: 36rpx !important; } .font37 { font-size: 37rpx !important; } .font38 { font-size: 38rpx !important; } .font39 { font-size: 39rpx !important; } .font40 { font-size: 40rpx !important; } .font41 { font-size: 41rpx !important; } .font42 { font-size: 42rpx !important; } .font43 { font-size: 43rpx !important; } .font44 { font-size: 44rpx !important; } .font45 { font-size: 45rpx !important; } .font46 { font-size: 46rpx !important; } .font47 { font-size: 47rpx !important; } .font48 { font-size: 48rpx !important; } .font49 { font-size: 49rpx !important; } .font50 { font-size: 50rpx !important; } .font51 { font-size: 51rpx !important; } .font52 { font-size: 52rpx !important; } .font53 { font-size: 53rpx !important; } .font54 { font-size: 54rpx !important; } .font55 { font-size: 55rpx !important; } .font56 { font-size: 56rpx !important; } .font57 { font-size: 57rpx !important; } .font58 { font-size: 58rpx !important; } .font59 { font-size: 59rpx !important; } .font60 { font-size: 60rpx !important; } .font61 { font-size: 61rpx !important; } .font62 { font-size: 62rpx !important; } .font63 { font-size: 63rpx !important; } .font64 { font-size: 64rpx !important; } /* 外边距、内边距全局样式 ------------------------------- */ .mt1 { margin-top: 1px !important; } .mr1 { margin-right: 1px !important; } .mb1 { margin-bottom: 1px !important; } .ml1 { margin-left: 1px !important; } .pt1 { padding-top: 1px !important; } .pr1 { padding-right: 1px !important; } .pb1 { padding-bottom: 1px !important; } .pl1 { padding-left: 1px !important; } .mt2 { margin-top: 2px !important; } .mr2 { margin-right: 2px !important; } .mb2 { margin-bottom: 2px !important; } .ml2 { margin-left: 2px !important; } .pt2 { padding-top: 2px !important; } .pr2 { padding-right: 2px !important; } .pb2 { padding-bottom: 2px !important; } .pl2 { padding-left: 2px !important; } .mt3 { margin-top: 3px !important; } .mr3 { margin-right: 3px !important; } .mb3 { margin-bottom: 3px !important; } .ml3 { margin-left: 3px !important; } .pt3 { padding-top: 3px !important; } .pr3 { padding-right: 3px !important; } .pb3 { padding-bottom: 3px !important; } .pl3 { padding-left: 3px !important; } .mt4 { margin-top: 4px !important; } .mr4 { margin-right: 4px !important; } .mb4 { margin-bottom: 4px !important; } .ml4 { margin-left: 4px !important; } .pt4 { padding-top: 4px !important; } .pr4 { padding-right: 4px !important; } .pb4 { padding-bottom: 4px !important; } .pl4 { padding-left: 4px !important; } .mt5 { margin-top: 5px !important; } .mr5 { margin-right: 5px !important; } .mb5 { margin-bottom: 5px !important; } .ml5 { margin-left: 5px !important; } .pt5 { padding-top: 5px !important; } .pr5 { padding-right: 5px !important; } .pb5 { padding-bottom: 5px !important; } .pl5 { padding-left: 5px !important; } .mt6 { margin-top: 6px !important; } .mr6 { margin-right: 6px !important; } .mb6 { margin-bottom: 6px !important; } .ml6 { margin-left: 6px !important; } .pt6 { padding-top: 6px !important; } .pr6 { padding-right: 6px !important; } .pb6 { padding-bottom: 6px !important; } .pl6 { padding-left: 6px !important; } .mt7 { margin-top: 7px !important; } .mr7 { margin-right: 7px !important; } .mb7 { margin-bottom: 7px !important; } .ml7 { margin-left: 7px !important; } .pt7 { padding-top: 7px !important; } .pr7 { padding-right: 7px !important; } .pb7 { padding-bottom: 7px !important; } .pl7 { padding-left: 7px !important; } .mt8 { margin-top: 8px !important; } .mr8 { margin-right: 8px !important; } .mb8 { margin-bottom: 8px !important; } .ml8 { margin-left: 8px !important; } .pt8 { padding-top: 8px !important; } .pr8 { padding-right: 8px !important; } .pb8 { padding-bottom: 8px !important; } .pl8 { padding-left: 8px !important; } .mt9 { margin-top: 9px !important; } .mr9 { margin-right: 9px !important; } .mb9 { margin-bottom: 9px !important; } .ml9 { margin-left: 9px !important; } .pt9 { padding-top: 9px !important; } .pr9 { padding-right: 9px !important; } .pb9 { padding-bottom: 9px !important; } .pl9 { padding-left: 9px !important; } .mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; } .pt10 { padding-top: 10px !important; } .pr10 { padding-right: 10px !important; } .pb10 { padding-bottom: 10px !important; } .pl10 { padding-left: 10px !important; } .mt11 { margin-top: 11px !important; } .mr11 { margin-right: 11px !important; } .mb11 { margin-bottom: 11px !important; } .ml11 { margin-left: 11px !important; } .pt11 { padding-top: 11px !important; } .pr11 { padding-right: 11px !important; } .pb11 { padding-bottom: 11px !important; } .pl11 { padding-left: 11px !important; } .mt12 { margin-top: 12px !important; } .mr12 { margin-right: 12px !important; } .mb12 { margin-bottom: 12px !important; } .ml12 { margin-left: 12px !important; } .pt12 { padding-top: 12px !important; } .pr12 { padding-right: 12px !important; } .pb12 { padding-bottom: 12px !important; } .pl12 { padding-left: 12px !important; } .mt13 { margin-top: 13px !important; } .mr13 { margin-right: 13px !important; } .mb13 { margin-bottom: 13px !important; } .ml13 { margin-left: 13px !important; } .pt13 { padding-top: 13px !important; } .pr13 { padding-right: 13px !important; } .pb13 { padding-bottom: 13px !important; } .pl13 { padding-left: 13px !important; } .mt14 { margin-top: 14px !important; } .mr14 { margin-right: 14px !important; } .mb14 { margin-bottom: 14px !important; } .ml14 { margin-left: 14px !important; } .pt14 { padding-top: 14px !important; } .pr14 { padding-right: 14px !important; } .pb14 { padding-bottom: 14px !important; } .pl14 { padding-left: 14px !important; } .mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; } .pt15 { padding-top: 15px !important; } .pr15 { padding-right: 15px !important; } .pb15 { padding-bottom: 15px !important; } .pl15 { padding-left: 15px !important; } .mt16 { margin-top: 16px !important; } .mr16 { margin-right: 16px !important; } .mb16 { margin-bottom: 16px !important; } .ml16 { margin-left: 16px !important; } .pt16 { padding-top: 16px !important; } .pr16 { padding-right: 16px !important; } .pb16 { padding-bottom: 16px !important; } .pl16 { padding-left: 16px !important; } .mt17 { margin-top: 17px !important; } .mr17 { margin-right: 17px !important; } .mb17 { margin-bottom: 17px !important; } .ml17 { margin-left: 17px !important; } .pt17 { padding-top: 17px !important; } .pr17 { padding-right: 17px !important; } .pb17 { padding-bottom: 17px !important; } .pl17 { padding-left: 17px !important; } .mt18 { margin-top: 18px !important; } .mr18 { margin-right: 18px !important; } .mb18 { margin-bottom: 18px !important; } .ml18 { margin-left: 18px !important; } .pt18 { padding-top: 18px !important; } .pr18 { padding-right: 18px !important; } .pb18 { padding-bottom: 18px !important; } .pl18 { padding-left: 18px !important; } .mt19 { margin-top: 19px !important; } .mr19 { margin-right: 19px !important; } .mb19 { margin-bottom: 19px !important; } .ml19 { margin-left: 19px !important; } .pt19 { padding-top: 19px !important; } .pr19 { padding-right: 19px !important; } .pb19 { padding-bottom: 19px !important; } .pl19 { padding-left: 19px !important; } .mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; } .pt20 { padding-top: 20px !important; } .pr20 { padding-right: 20px !important; } .pb20 { padding-bottom: 20px !important; } .pl20 { padding-left: 20px !important; } .mt21 { margin-top: 21px !important; } .mr21 { margin-right: 21px !important; } .mb21 { margin-bottom: 21px !important; } .ml21 { margin-left: 21px !important; } .pt21 { padding-top: 21px !important; } .pr21 { padding-right: 21px !important; } .pb21 { padding-bottom: 21px !important; } .pl21 { padding-left: 21px !important; } .mt22 { margin-top: 22px !important; } .mr22 { margin-right: 22px !important; } .mb22 { margin-bottom: 22px !important; } .ml22 { margin-left: 22px !important; } .pt22 { padding-top: 22px !important; } .pr22 { padding-right: 22px !important; } .pb22 { padding-bottom: 22px !important; } .pl22 { padding-left: 22px !important; } .mt23 { margin-top: 23px !important; } .mr23 { margin-right: 23px !important; } .mb23 { margin-bottom: 23px !important; } .ml23 { margin-left: 23px !important; } .pt23 { padding-top: 23px !important; } .pr23 { padding-right: 23px !important; } .pb23 { padding-bottom: 23px !important; } .pl23 { padding-left: 23px !important; } .mt24 { margin-top: 24px !important; } .mr24 { margin-right: 24px !important; } .mb24 { margin-bottom: 24px !important; } .ml24 { margin-left: 24px !important; } .pt24 { padding-top: 24px !important; } .pr24 { padding-right: 24px !important; } .pb24 { padding-bottom: 24px !important; } .pl24 { padding-left: 24px !important; } .mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; } .pt25 { padding-top: 25px !important; } .pr25 { padding-right: 25px !important; } .pb25 { padding-bottom: 25px !important; } .pl25 { padding-left: 25px !important; } .mt26 { margin-top: 26px !important; } .mr26 { margin-right: 26px !important; } .mb26 { margin-bottom: 26px !important; } .ml26 { margin-left: 26px !important; } .pt26 { padding-top: 26px !important; } .pr26 { padding-right: 26px !important; } .pb26 { padding-bottom: 26px !important; } .pl26 { padding-left: 26px !important; } .mt27 { margin-top: 27px !important; } .mr27 { margin-right: 27px !important; } .mb27 { margin-bottom: 27px !important; } .ml27 { margin-left: 27px !important; } .pt27 { padding-top: 27px !important; } .pr27 { padding-right: 27px !important; } .pb27 { padding-bottom: 27px !important; } .pl27 { padding-left: 27px !important; } .mt28 { margin-top: 28px !important; } .mr28 { margin-right: 28px !important; } .mb28 { margin-bottom: 28px !important; } .ml28 { margin-left: 28px !important; } .pt28 { padding-top: 28px !important; } .pr28 { padding-right: 28px !important; } .pb28 { padding-bottom: 28px !important; } .pl28 { padding-left: 28px !important; } .mt29 { margin-top: 29px !important; } .mr29 { margin-right: 29px !important; } .mb29 { margin-bottom: 29px !important; } .ml29 { margin-left: 29px !important; } .pt29 { padding-top: 29px !important; } .pr29 { padding-right: 29px !important; } .pb29 { padding-bottom: 29px !important; } .pl29 { padding-left: 29px !important; } .mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; } .pt30 { padding-top: 30px !important; } .pr30 { padding-right: 30px !important; } .pb30 { padding-bottom: 30px !important; } .pl30 { padding-left: 30px !important; } .mt31 { margin-top: 31px !important; } .mr31 { margin-right: 31px !important; } .mb31 { margin-bottom: 31px !important; } .ml31 { margin-left: 31px !important; } .pt31 { padding-top: 31px !important; } .pr31 { padding-right: 31px !important; } .pb31 { padding-bottom: 31px !important; } .pl31 { padding-left: 31px !important; } .mt32 { margin-top: 32px !important; } .mr32 { margin-right: 32px !important; } .mb32 { margin-bottom: 32px !important; } .ml32 { margin-left: 32px !important; } .pt32 { padding-top: 32px !important; } .pr32 { padding-right: 32px !important; } .pb32 { padding-bottom: 32px !important; } .pl32 { padding-left: 32px !important; } .mt33 { margin-top: 33px !important; } .mr33 { margin-right: 33px !important; } .mb33 { margin-bottom: 33px !important; } .ml33 { margin-left: 33px !important; } .pt33 { padding-top: 33px !important; } .pr33 { padding-right: 33px !important; } .pb33 { padding-bottom: 33px !important; } .pl33 { padding-left: 33px !important; } .mt34 { margin-top: 34px !important; } .mr34 { margin-right: 34px !important; } .mb34 { margin-bottom: 34px !important; } .ml34 { margin-left: 34px !important; } .pt34 { padding-top: 34px !important; } .pr34 { padding-right: 34px !important; } .pb34 { padding-bottom: 34px !important; } .pl34 { padding-left: 34px !important; } .mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; } .pt35 { padding-top: 35px !important; } .pr35 { padding-right: 35px !important; } .pb35 { padding-bottom: 35px !important; } .pl35 { padding-left: 35px !important; } .mt36 { margin-top: 36px !important; } .mr36 { margin-right: 36px !important; } .mb36 { margin-bottom: 36px !important; } .ml36 { margin-left: 36px !important; } .pt36 { padding-top: 36px !important; } .pr36 { padding-right: 36px !important; } .pb36 { padding-bottom: 36px !important; } .pl36 { padding-left: 36px !important; } .mt37 { margin-top: 37px !important; } .mr37 { margin-right: 37px !important; } .mb37 { margin-bottom: 37px !important; } .ml37 { margin-left: 37px !important; } .pt37 { padding-top: 37px !important; } .pr37 { padding-right: 37px !important; } .pb37 { padding-bottom: 37px !important; } .pl37 { padding-left: 37px !important; } .mt38 { margin-top: 38px !important; } .mr38 { margin-right: 38px !important; } .mb38 { margin-bottom: 38px !important; } .ml38 { margin-left: 38px !important; } .pt38 { padding-top: 38px !important; } .pr38 { padding-right: 38px !important; } .pb38 { padding-bottom: 38px !important; } .pl38 { padding-left: 38px !important; } .mt39 { margin-top: 39px !important; } .mr39 { margin-right: 39px !important; } .mb39 { margin-bottom: 39px !important; } .ml39 { margin-left: 39px !important; } .pt39 { padding-top: 39px !important; } .pr39 { padding-right: 39px !important; } .pb39 { padding-bottom: 39px !important; } .pl39 { padding-left: 39px !important; } .mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; } .pt40 { padding-top: 40px !important; } .pr40 { padding-right: 40px !important; } .pb40 { padding-bottom: 40px !important; } .pl40 { padding-left: 40px !important; } .mt41 { margin-top: 41px !important; } .mr41 { margin-right: 41px !important; } .mb41 { margin-bottom: 41px !important; } .ml41 { margin-left: 41px !important; } .pt41 { padding-top: 41px !important; } .pr41 { padding-right: 41px !important; } .pb41 { padding-bottom: 41px !important; } .pl41 { padding-left: 41px !important; } .mt42 { margin-top: 42px !important; } .mr42 { margin-right: 42px !important; } .mb42 { margin-bottom: 42px !important; } .ml42 { margin-left: 42px !important; } .pt42 { padding-top: 42px !important; } .pr42 { padding-right: 42px !important; } .pb42 { padding-bottom: 42px !important; } .pl42 { padding-left: 42px !important; } .mt43 { margin-top: 43px !important; } .mr43 { margin-right: 43px !important; } .mb43 { margin-bottom: 43px !important; } .ml43 { margin-left: 43px !important; } .pt43 { padding-top: 43px !important; } .pr43 { padding-right: 43px !important; } .pb43 { padding-bottom: 43px !important; } .pl43 { padding-left: 43px !important; } .mt44 { margin-top: 44px !important; } .mr44 { margin-right: 44px !important; } .mb44 { margin-bottom: 44px !important; } .ml44 { margin-left: 44px !important; } .pt44 { padding-top: 44px !important; } .pr44 { padding-right: 44px !important; } .pb44 { padding-bottom: 44px !important; } .pl44 { padding-left: 44px !important; } .mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .mb45 { margin-bottom: 45px !important; } .ml45 { margin-left: 45px !important; } .pt45 { padding-top: 45px !important; } .pr45 { padding-right: 45px !important; } .pb45 { padding-bottom: 45px !important; } .pl45 { padding-left: 45px !important; } .mt46 { margin-top: 46px !important; } .mr46 { margin-right: 46px !important; } .mb46 { margin-bottom: 46px !important; } .ml46 { margin-left: 46px !important; } .pt46 { padding-top: 46px !important; } .pr46 { padding-right: 46px !important; } .pb46 { padding-bottom: 46px !important; } .pl46 { padding-left: 46px !important; } .mt47 { margin-top: 47px !important; } .mr47 { margin-right: 47px !important; } .mb47 { margin-bottom: 47px !important; } .ml47 { margin-left: 47px !important; } .pt47 { padding-top: 47px !important; } .pr47 { padding-right: 47px !important; } .pb47 { padding-bottom: 47px !important; } .pl47 { padding-left: 47px !important; } .mt48 { margin-top: 48px !important; } .mr48 { margin-right: 48px !important; } .mb48 { margin-bottom: 48px !important; } .ml48 { margin-left: 48px !important; } .pt48 { padding-top: 48px !important; } .pr48 { padding-right: 48px !important; } .pb48 { padding-bottom: 48px !important; } .pl48 { padding-left: 48px !important; } .mt49 { margin-top: 49px !important; } .mr49 { margin-right: 49px !important; } .mb49 { margin-bottom: 49px !important; } .ml49 { margin-left: 49px !important; } .pt49 { padding-top: 49px !important; } .pr49 { padding-right: 49px !important; } .pb49 { padding-bottom: 49px !important; } .pl49 { padding-left: 49px !important; } .mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; } .pt50 { padding-top: 50px !important; } .pr50 { padding-right: 50px !important; } .pb50 { padding-bottom: 50px !important; } .pl50 { padding-left: 50px !important; } .mt51 { margin-top: 51px !important; } .mr51 { margin-right: 51px !important; } .mb51 { margin-bottom: 51px !important; } .ml51 { margin-left: 51px !important; } .pt51 { padding-top: 51px !important; } .pr51 { padding-right: 51px !important; } .pb51 { padding-bottom: 51px !important; } .pl51 { padding-left: 51px !important; } .mt52 { margin-top: 52px !important; } .mr52 { margin-right: 52px !important; } .mb52 { margin-bottom: 52px !important; } .ml52 { margin-left: 52px !important; } .pt52 { padding-top: 52px !important; } .pr52 { padding-right: 52px !important; } .pb52 { padding-bottom: 52px !important; } .pl52 { padding-left: 52px !important; } .mt53 { margin-top: 53px !important; } .mr53 { margin-right: 53px !important; } .mb53 { margin-bottom: 53px !important; } .ml53 { margin-left: 53px !important; } .pt53 { padding-top: 53px !important; } .pr53 { padding-right: 53px !important; } .pb53 { padding-bottom: 53px !important; } .pl53 { padding-left: 53px !important; } .mt54 { margin-top: 54px !important; } .mr54 { margin-right: 54px !important; } .mb54 { margin-bottom: 54px !important; } .ml54 { margin-left: 54px !important; } .pt54 { padding-top: 54px !important; } .pr54 { padding-right: 54px !important; } .pb54 { padding-bottom: 54px !important; } .pl54 { padding-left: 54px !important; } .mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .mb55 { margin-bottom: 55px !important; } .ml55 { margin-left: 55px !important; } .pt55 { padding-top: 55px !important; } .pr55 { padding-right: 55px !important; } .pb55 { padding-bottom: 55px !important; } .pl55 { padding-left: 55px !important; } .mt56 { margin-top: 56px !important; } .mr56 { margin-right: 56px !important; } .mb56 { margin-bottom: 56px !important; } .ml56 { margin-left: 56px !important; } .pt56 { padding-top: 56px !important; } .pr56 { padding-right: 56px !important; } .pb56 { padding-bottom: 56px !important; } .pl56 { padding-left: 56px !important; } .mt57 { margin-top: 57px !important; } .mr57 { margin-right: 57px !important; } .mb57 { margin-bottom: 57px !important; } .ml57 { margin-left: 57px !important; } .pt57 { padding-top: 57px !important; } .pr57 { padding-right: 57px !important; } .pb57 { padding-bottom: 57px !important; } .pl57 { padding-left: 57px !important; } .mt58 { margin-top: 58px !important; } .mr58 { margin-right: 58px !important; } .mb58 { margin-bottom: 58px !important; } .ml58 { margin-left: 58px !important; } .pt58 { padding-top: 58px !important; } .pr58 { padding-right: 58px !important; } .pb58 { padding-bottom: 58px !important; } .pl58 { padding-left: 58px !important; } .mt59 { margin-top: 59px !important; } .mr59 { margin-right: 59px !important; } .mb59 { margin-bottom: 59px !important; } .ml59 { margin-left: 59px !important; } .pt59 { padding-top: 59px !important; } .pr59 { padding-right: 59px !important; } .pb59 { padding-bottom: 59px !important; } .pl59 { padding-left: 59px !important; } .mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; } .pt60 { padding-top: 60px !important; } .pr60 { padding-right: 60px !important; } .pb60 { padding-bottom: 60px !important; } .pl60 { padding-left: 60px !important; } .mt61 { margin-top: 61px !important; } .mr61 { margin-right: 61px !important; } .mb61 { margin-bottom: 61px !important; } .ml61 { margin-left: 61px !important; } .pt61 { padding-top: 61px !important; } .pr61 { padding-right: 61px !important; } .pb61 { padding-bottom: 61px !important; } .pl61 { padding-left: 61px !important; } .mt62 { margin-top: 62px !important; } .mr62 { margin-right: 62px !important; } .mb62 { margin-bottom: 62px !important; } .ml62 { margin-left: 62px !important; } .pt62 { padding-top: 62px !important; } .pr62 { padding-right: 62px !important; } .pb62 { padding-bottom: 62px !important; } .pl62 { padding-left: 62px !important; } .mt63 { margin-top: 63px !important; } .mr63 { margin-right: 63px !important; } .mb63 { margin-bottom: 63px !important; } .ml63 { margin-left: 63px !important; } .pt63 { padding-top: 63px !important; } .pr63 { padding-right: 63px !important; } .pb63 { padding-bottom: 63px !important; } .pl63 { padding-left: 63px !important; } .mt64 { margin-top: 64px !important; } .mr64 { margin-right: 64px !important; } .mb64 { margin-bottom: 64px !important; } .ml64 { margin-left: 64px !important; } .pt64 { padding-top: 64px !important; } .pr64 { padding-right: 64px !important; } .pb64 { padding-bottom: 64px !important; } .pl64 { padding-left: 64px !important; } .mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .mb65 { margin-bottom: 65px !important; } .ml65 { margin-left: 65px !important; } .pt65 { padding-top: 65px !important; } .pr65 { padding-right: 65px !important; } .pb65 { padding-bottom: 65px !important; } .pl65 { padding-left: 65px !important; } .mt66 { margin-top: 66px !important; } .mr66 { margin-right: 66px !important; } .mb66 { margin-bottom: 66px !important; } .ml66 { margin-left: 66px !important; } .pt66 { padding-top: 66px !important; } .pr66 { padding-right: 66px !important; } .pb66 { padding-bottom: 66px !important; } .pl66 { padding-left: 66px !important; } .mt67 { margin-top: 67px !important; } .mr67 { margin-right: 67px !important; } .mb67 { margin-bottom: 67px !important; } .ml67 { margin-left: 67px !important; } .pt67 { padding-top: 67px !important; } .pr67 { padding-right: 67px !important; } .pb67 { padding-bottom: 67px !important; } .pl67 { padding-left: 67px !important; } .mt68 { margin-top: 68px !important; } .mr68 { margin-right: 68px !important; } .mb68 { margin-bottom: 68px !important; } .ml68 { margin-left: 68px !important; } .pt68 { padding-top: 68px !important; } .pr68 { padding-right: 68px !important; } .pb68 { padding-bottom: 68px !important; } .pl68 { padding-left: 68px !important; } .mt69 { margin-top: 69px !important; } .mr69 { margin-right: 69px !important; } .mb69 { margin-bottom: 69px !important; } .ml69 { margin-left: 69px !important; } .pt69 { padding-top: 69px !important; } .pr69 { padding-right: 69px !important; } .pb69 { padding-bottom: 69px !important; } .pl69 { padding-left: 69px !important; } .mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; } .pt70 { padding-top: 70px !important; } .pr70 { padding-right: 70px !important; } .pb70 { padding-bottom: 70px !important; } .pl70 { padding-left: 70px !important; }