/** 宽高 */ .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;} /** 杂项 */