123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240 |
- /** 宽高 */
- .i-w-400{width: 25rem;}
- .i-w-600{width: 37.5rem;}
- .i-w-p10{width: 10%;}
- .i-w-p12{width: 12%;}
- .i-w-p15{width: 15%;}
- .i-w-p20{width: 20%;}
- .i-w-p30{width: 30%;}
- .i-w-p33{width: 33%;}
- .i-w-p34{width: 34%;}
- .i-w-p40{width: 40%;}
- .i-w-p50{width: 50%;}
- .i-w-p60{width: 60%;}
- .i-w-p63{width: 63%;}
- .i-w-p65{width: 65%;}
- .i-w-p70{width: 70%;}
- .i-w-p80{width: 80%;}
- .i-w-p90{width: 90%;}
- .i-w-p96{width: 96%;}
- .i-w-p98{width: 98%;}
- .i-w-p100{width: 100%;}
- .i-w-v100{width: 100vw;}
- .i-h-60{height: 3.75rem;}
- .i-h-80{height: 5.00rem;}
- .i-h-100{height: 6.25rem;}
- .i-h-110{height: 6.88rem;}
- .i-h-200{height: 12.50rem;}
- .i-h-250{height: 15.63rem;}
- .i-h-300{height: 18.75rem;}
- .i-h-350{height: 21.88rem;}
- .i-h-380{height: 23.75rem;}
- .i-h-400{height: 25rem;}
- .i-h-600{height: 37.5rem;}
- .i-h-800{height: 50rem;}
- .i-h-p10{height: 10%;}
- .i-h-p12{height: 12%;}
- .i-h-p14{height: 14%;}
- .i-h-p15{height: 15%;}
- .i-h-p16{height: 16%;}
- .i-h-p17{height: 17%;}
- .i-h-p20{height: 20%;}
- .i-h-p30{height: 30%;}
- .i-h-p35{height: 35%;}
- .i-h-p40{height: 40%;}
- .i-h-p50{height: 50%;}
- .i-h-p60{height: 60%;}
- .i-h-p70{height: 70%;}
- .i-h-p80{height: 80%;}
- .i-h-p84{height: 84%;}
- .i-h-p85{height: 85%;}
- .i-h-p90{height: 90%;}
- .i-h-p100{height: 100%;}
- .i-h-v100{height: 100vh;}
- /** 宽高 */
- /** 外边距 */
- .i-m-0auto{margin: 0 auto;}
- .i-m-10{margin: 0.625rem;}
- .i-mt-10{margin-top: 0.625rem;}
- .i-mt-16{margin-top: 1rem;}
- .i-mt-26{margin-top: 1.625rem;}
- .i-mt-34{margin-top: 2.125rem;}
- .i-mt-64{margin-top: 4rem;}
- .i-mt-p5{margin-top: 5%;}
- .i-mt-p10{margin-top: 10%;}
- .i-ml-10{margin-left: 0.625rem;}
- .i-ml-18{margin-left: 1.125rem;}
- .i-ml-20{margin-left: 1.25rem;}
- .i-mr-10{margin-right: 0.625rem;}
- .i-mr-18{margin-right: 1.125rem;}
- .i-mr-20{margin-right: 1.25rem;}
- .i-mr-30{margin-right: 1.875rem;}
- .i-mr-60{margin-right: 3.75rem;}
- /** 外边距 */
- /** 内边距 */
- .i-p-2{padding: 0.13rem;}
- .i-ptb-5{padding-top: 0.31rem;padding-bottom: 0.31rem;}
- .i-ptb-10{padding-top: 0.625rem;padding-bottom: 0.625rem;}
- .i-ptb-14{padding-top: 0.875rem;padding-bottom: 0.875rem;}
- .i-ptb-16{padding-top: 1rem; padding-bottom: 1rem;}
- .i-ptb-18{padding-top: 1.125rem; padding-bottom: 1.125rem;}
- .i-ptb-20{padding-top: 1.25rem; padding-bottom: 1.25rem;}
- .i-ptb-30{padding-top: 1.875rem; padding-bottom: 1.875rem;}
- .i-plr-10{padding-left: 0.625rem; padding-right: 0.625rem;}
- .i-plr-14{padding-left: 0.875rem; padding-right: 0.875rem;}
- .i-plr-20{padding-left: 1.25rem; padding-right: 1.25rem;}
- .i-plr-25{padding-left: 1.56rem; padding-right: 1.56rem;}
- .i-plr-30{padding-left: 1.88rem; padding-right: 1.88rem;}
- .i-plr-60{padding-left: 3.75rem; padding-right: 3.75rem;}
- .i-plr-80{padding-left: 5rem; padding-right: 5rem;}
- .i-plr-160{padding-left: 10rem; padding-right: 10rem;}
- /** 内边距 */
- /** 背景颜色 */
- .i-b-c-fff{background-color: #fff;}
- .i-b-c-000{background-color: #000;}
- .i-b-c-F7F7F7{background-color: #F7F7F7;}
- .i-b-c-D7E6FB{background-color: #D7E6FB;}
- .i-b-c-037B7D{background-color: #037B7D;}
- .i-b-c-B42346{background-color: #B42346;}
- /** 背景颜色 */
- /** 渐变背景色 */
- .i-b-c-1{background: linear-gradient(180deg, rgba(4,109,95,1) 0%,rgba(15, 194, 205,1) 100%);}
- .i-b-c-2{background: linear-gradient(0deg, rgba(4,109,95,1) 10%,rgba(15, 194, 205,1) 100%);}
- .i-b-c-3{background: linear-gradient(180deg, rgba(4, 147, 162,1) 10%,rgba(8, 114, 118,1) 100%);}
- /** 渐变背景色 */
- /** 阴影 */
- .i-shadow-b1{box-shadow: inset 0rem -0.1rem 0.25rem #000;}
- /** 阴影 */
- /** 文字阴影 */
- .i-t-shadow-b1{text-shadow: 0rem 0.1rem 0.1rem #000;}
- /** 文字阴影 */
- /** 文字颜色 */
- .i-c-fff{color: #fff;}
- .i-c-D7E6FB{color: #D7E6FB;}
- .i-c-F24507{color: #F24507;}
- .i-c-FF5834{color: #FF5834;}
- .i-c-5C616F{color: #5C616F;}
- .i-c-052345{color: #052345;}
- /** 文字颜色 */
- /** 文字大小 */
- .i-fs-10{font-size: 0.625rem;}
- .i-fs-20{font-size: 1.25rem;}
- .i-fs-26{font-size: 1.625rem;}
- .i-fs-28{font-size: 1.75rem;}
- .i-fs-30{font-size: 1.875rem;}
- .i-fs-40{font-size: 2.5rem;}
- .i-fs-46{font-size: 2.875rem;}
- .i-fs-50{font-size:3.125rem;}
- .i-fs-60{font-size: 3.75rem;}
- .i-fs-70{font-size: 4.375rem;}
- /** 文字大小 */
- /** 文字加粗 */
- .i-fw-bold{font-weight: bold;}
- /** 文字加粗 */
- /** 文字对齐 */
- .i-t-center{text-align: center;}
- .i-t-end{text-align: end;}
- /** 文字对齐 */
- /** 字间距 */
- .i-letter-10{letter-spacing: 0.625rem;}
- /** 字间距 */
- /** 边框 */
- .i-bd-1{border: #fff solid 0.2rem;}
- .i-bd-2{border: #0FC2CD solid 0.2rem;}
- .i-bd-3{border: #000000 solid 0.1rem;}
- /** 边框 */
- /** 圆角 */
- .i-radius-p10{border-radius: 10%;}
- .i-radius-p20{border-radius: 20%;}
- .i-radius-p50{border-radius: 50%;}
- .i-radius-10{border-radius: 0.625rem;}
- .i-radius-16{border-radius: 1rem;}
- .i-radius-20{border-radius: 1.25rem;}
- .i-radius-30{border-radius: 1.88rem;}
- .i-radius-40{border-radius: 2.50rem;}
- .i-radius-t20{border-top-left-radius: 1.25rem;border-top-right-radius: 1.25rem;}
- .i-radius-t40{border-top-left-radius: 2.5rem;border-top-right-radius: 2.5rem;}
- .i-radius-l8{border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
- .i-radius-l10{border-top-left-radius: 0.625rem;border-bottom-left-radius: 0.625rem;}
- .i-radius-l16{border-top-left-radius: 1rem;border-bottom-left-radius: 1rem;}
- .i-radius-l70{border-top-left-radius: 4.75rem;border-bottom-left-radius: 4.75rem;}
- /** 圆角 */
- /** 定位 */
- .i-pst-r{position: relative;}
- .i-pst-a{position: absolute;}
- .i-pst-f{position: fixed;}
- .i-t-0{top: 0;}
- .i-t-150{top: 150rpx;}
- .i-t-180{top: 180rpx;}
- .i-t-260{top: 260rpx;}
- .i-t-p5{top: 5%;}
- .i-t-p10{top: 10%;}
- .i-t-p15{top: 15%;}
- .i-t-p20{top: 20%;}
- .i-t-p35{top: 35%;}
- .i-t-p50{top: 50%;}
- .i-t-0p50{top: -50%;}
- .i-b-0{bottom: 0;}
- .i-b-p15{bottom: 15%;}
- .i-b-p25{bottom: 25%;}
- .i-b-p35{bottom: 35%;}
- .i-b-150{bottom: 150rpx;}
- .i-l-p10{left: 10%;}
- .i-l-p11{left: 11%;}
- .i-l-p12{left: 12%;}
- .i-l-p15{left: 15%;}
- .i-l-p20{left: 20%;}
- .i-r-p10{right: 10%;}
- .i-r-p20{right: 20%;}
- .i-r-p21{right: 21%;}
- .i-r-p22{right: 22%;}
- .i-r-p30{right: 30%;}
- /** 定位 */
- /** 布局 */
- .i-inline-flex{display: inline-flex;}
- .i-wrap{flex-wrap: wrap;}
- .i-flex{display: flex;}
- .i-flex-drt-column{flex-direction: column;}
- .i-jst-center{justify-content: center;}
- .i-jst-space-between{justify-content: space-between;}
- .i-jst-space-around{justify-content: space-around;}
- .i-jst-space-evenly{justify-content: space-evenly;}
- // .i-jst-flex-end{justify-content: flex-end;}
- .i-jst-flex-end{justify-content: flex-end;}
- .i-al-center{align-items: center;}
- .i-al-flex-end{align-items: flex-end;}
- /** 布局 */
- /** 画布 */
- .i-z-index01{z-index: -1;}
- .i-z-index1{z-index: 1;}
- .i-z-index2{z-index: 2;}
- .i-z-index3{z-index: 3;}
- /** 画布 */
- /** 杂项 */
- .i-white-space-nowrap{white-space:nowrap;}
- .i-of-x-scroll{overflow-x: scroll;}
- .i-cp{cursor: pointer;}
- .i-of-scroll{overflow: scroll;-ms-overflow-style: none;
- scrollbar-width: none;}
- /** 杂项 */
|