JDF_ElectronicPublicity_uni/custom/custom.scss

/** 宽高 */
.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-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-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-p-2{padding: 0.13rem;}
.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-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-D7E6FB{background-color: #D7E6FB;}
.i-b-c-037B7D{background-color: #037B7D;}
/** 背景颜色 */

/** 渐变背景色 */
.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;}
/** 杂项 */