bn-q-icon/common/css/common.css

body{
    margin: 0;
    padding: 0;
    font-size: 16rpx;
    background: rgb(246, 247, 250);
}
.black-custom-img{
    width: 160rpx;
    height: 160rpx;
}
.black-custom-img-1{
    width: 60rpx;
    height: 1rpx;
}

/* 隐藏scroll-view 滚动条 */
::-webkit-scrollbar {
    display: none;
}

/* 不换行 */
.view-nowrap{
    white-space: nowrap;
}
/* 数字和文字不自动换行 */
.overflowWrap{
    overflowWrap:break-word;
    word-break: break-all;
}
/* 自动换行 */
.view-word-wrap{
    white-space: pre-wrap;
    word-wrap: break-word;
}
/*超出三行... */
.text-overflow-ellipsis-t {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*超出两行... */
.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*超出一行... */
.text-overflow-ellipsis-one {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
/* 内部盒子 */
.box-border-box{
    box-sizing: border-box;
}

.flex-common-css {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.flex-index-css {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.flex-direction-column {
    display: flex;
    flex-direction: column;
}
.display-flex {
    display: flex;
}
.flex-justify-space {
    display: flex;
    justify-content: space-between;
}

.flex-justify-around {
    display: flex;
    justify-content: space-around;
}

.flex-justify-center {
    display: flex;
    justify-content: center;
}
.flex-justify-end {
    display: flex;
    justify-content: flex-end;
}
.flex-justify-start {
    display: flex;
    justify-content: flex-start;
}
.align-items-start {
    display: flex;
    align-items: flex-start;
}
.align-items-center {
    display: flex;
    align-items: center;
}
.align-items-flex-end {
    display: flex;
    align-items: flex-end;
}
.flex-wrap-wrap {
    display: flex;
    flex-wrap: wrap;
}
.common-view-css{
    width: 100%;
    flex: 1;
}
.scroll-view-css {
    width: 100%;
    flex: 1;
    overflow: auto;
}
.box-sizing-border {
    box-sizing: border-box;
}
.text-align-center {
    text-align: center;
}
.text-align-right {
    text-align: right;
}
.text-align-left {
    text-align: left;
}
.flex-1{
    flex: 1;
}
.flex-shrink0{
    flex-shrink: 0;
}

/* 字体大小 */
.fs-12{
    font-size: 12rpx;
}
.fs-14{
    font-size: 14rpx;
}
.fs-15{
    font-size: 15rpx;
}
.fs-16{
    font-size: 16rpx;
}
.fs-17{
    font-size: 17rpx;
}
.fs-18{
    font-size: 18rpx;
}
.fs-20{
    font-size: 20rpx;
}
.fs-22{
    font-size: 22rpx;
}
.fs-24{
    font-size: 24rpx;
}
.fs-26{
    font-size: 26rpx;
}
.fs-28{
    font-size: 28rpx;
}
.fs-30{
    font-size: 30rpx;
}
.fs-32{
    font-size: 32rpx;
}
.fs-34{
    font-size: 34rpx;
}
.fs-36{
    font-size: 36rpx;
}
.fs-40{
    font-size: 40rpx;
}
.fs-44{
    font-size: 44rpx;
}
.fs-48{
    font-size: 48rpx;
}
.fs-52{
    font-size: 52rpx;
}
.fs-64{
    font-size: 64rpx;
}
.fs-72{
    font-size: 72rpx;
}
/* 字体粗细 */
.fw-b{
    font-weight: bold;
}
.fw-400{
    font-weight: 400;
}
.fw-500{
    font-weight: 500;
}
.fw-600{
    font-weight: 600;
}
/* 圆角 */

.br-r-8{
    border-radius: 8rpx;
}

.br-r-16{
    border-radius: 16rpx;
}
.br-r-20{
    border-radius: 20rpx;
}

/* 字体颜色 */
.fc-f{
    color: #fff;
}
.fc-0{
    color: #000;
}
.fc-3{
    color: #333;
}
.fc-6{
    color: #666;
}
.fc-858585{
    color: #858585;
}
.fc-9{
    color: #999;
}
.fc-794B06{
    color: #794B06;
}
.fc-FFDDA1{
    color: #FFDDA1;
}
.fc-16BB5D{
    color: #16BB5D;
}
.fc-4BC285{
    color: #4BC285;
}
.fc-13984C{
    color: #13984C;
}
.fc-34C759{
    color: #34C759;
}
.fc-ED301D{
    color: #ED301D;
}
.fc-FF3B30{
    color: #FF3B30;
}
.fc-f78820{
    color: #f78820;
}
.fc-ED930F{
    color: #ED930F;
}
.fc-FF9D00{
    color: #FF9D00;
}
.fc-FE9E11{
    color: #FE9E11;
}
.fc-3489FF{
    color: #3489FF;
}
.fc-358AFD{
    color:#358AFD;
    font-weight: 600;
}
.fc-27AE60{
    color: #27AE60;
}
.fc-9198A2{
    color: #9198A2;
}
.fc-2F80ED{
    color: #2F80ED;
}
.fc-632611{
    color: #632611;
}
.fc-8C5E0B{
    color: #8C5E0B;
}
.fc-2680EB{
    color: #2680EB;
}
.fc-4C96EF{
    color: #4C96EF;
}
.fc-1778FD{
    color: #1778FD;
}
.fc-C6DBFE{
    color: #C6DBFE;
}
.fc-7B7D82{
    color: #7B7D82;
}
/* 背景颜色 */
.bgc-f{
    background-color: #fff;
}
.bgc-c{
    background-color: #ccc;
}
.bgc-3{
    background-color: #333;
}
.bgc-9{
    background-color: #999;
}
.bgc-F5F5F5{
    background-color: #F5F5F5;
}
.bgc-F6F7FA{
    background-color: #F6F7FA;
}
.bgc-F6F6F6{
    background-color: #F6F6F6;
}
.bgc-27AE60{
    background-color: #27AE60;
}
.bgc-A2E4BE{
    background-color: #A2E4BE;
}
.bgc-16BB5D{
    background-color: #16BB5D;
}
.bgc-E8F9EF{
    background-color: #E8F9EF;
}
.bgc-3489FF{
    background-color: #3489FF;
}
.bgc-E2EEFF{
    background-color: #E2EEFF;
}
.bgc-1778FD{
    background-color: #1778FD;
}
.bgc-EAF4FD{
    background-color: #EAF4FD;
}
.bgc-4FB3EF{
    background-color: #4FB3EF;
}
.bgc-B3DDFB{
    background-color: #B3DDFB;
}
.bgc-f1f9fe{
    background-color: #f1f9fe;
}
.bgc-1989F9{
    background-color: #1989F9;
}
.bgc-ADCDFE{
    background-color: #ADCDFE;
}
.bgc-F5F4F9{
    background-color: #F5F4F9;
}
.bgc-F7F7F7{
    background-color: #F7F7F7;
}
.bgc-F6F7FB{
    background-color: #F6F7FB;
}
.bgc-FE9E11{
    background: #FE9E11;
}

/* 内边距 */
.pb-10{
    padding-bottom: 10rpx;
}
.pb-20{
    padding-bottom: 20rpx;
}
.pb-30{
    padding-bottom: 30rpx;
}
.pb-32{
    padding-bottom: 32rpx;
}
.pb-24{
    padding-bottom: 24rpx;
}
.p-10{
    padding: 10rpx;
}
.p-16{
    padding: 16rpx;
}
.p-20{
    padding: 20rpx;
}
.p-24{
    padding: 24rpx;
}
.p-30{
    padding: 30rpx;
}
.p-32{
    padding: 32rpx;
}
.p-40{
    padding: 40rpx;
}
.p-46{
    padding: 46rpx;
}
.pl-20{
    padding-left: 20rpx;
}
.plr-20{
    padding: 0 20rpx;
}
.plr-24{
    padding: 0 24rpx;
}
.plr-32{
    padding: 0 32rpx;
}
.plr-40{
    padding: 0 40rpx;
}
.plr-38{
    padding: 0 38rpx;
}
.pr-8{
    padding-right: 8rpx;
}
.pt-24 {
    padding-top: 24rpx;
}
.pt-10{
    padding-top: 10rpx;
}
.pt-7{
    padding-top: 7rpx;
}
.pt-5{
     padding-top: 5rpx;
 }
/* 外边距 */
.m-24{
    margin: 24rpx;
}

.ml-8{
    margin-left: 8rpx;
}
.ml-10{
    margin-left: 10rpx;
}
.ml-16{
    margin-left: 16rpx;
}
.ml-20{
    margin-left: 20rpx;
}
.ml-26{
    margin-left: 26rpx;
}
.ml-30{
    margin-left: 30rpx;
}
.ml-40{
    margin-left: 40rpx;
}
.mt-4{
    margin-top: 4rpx;
}
.mt-7{
    margin-top: 7rpx;
}
.mt-8{
    margin-top: 8rpx;
}
.mt-10{
    margin-top: 10rpx;
}
.mt-17{
    margin-top: 17rpx;
}
.mt-20{
    margin-top: 20rpx;
}
.mt-30{
    margin-top: 30rpx;
}
.mb-2{
    margin-bottom: 2rpx;
}
.mb-8{
    margin-bottom: 8rpx;
}
.mb-10{
    margin-bottom: 10rpx;
}
.mb-13{
    margin-bottom: 13rpx;
}
.mb-16{
    margin-bottom: 16rpx;
}
.mb-18{
    margin-bottom: 18rpx;
}
.mb-24{
    margin-bottom: 24rpx;
}
.mb-30{
    margin-bottom: 30rpx;
}
.mb-32{
    margin-bottom: 32rpx;
}
.mb-40{
    margin-bottom: 40rpx;
}
.mb-50{
    margin-bottom: 50rpx;
}
.mb-56{
    margin-bottom: 56rpx;
}
.mb-64{
    margin-bottom: 64rpx;
}
.mb-80{
    margin-bottom: 80rpx;
}
.mb-100{
    margin-bottom: 100rpx;
}


.mr-4{
    margin-right: 4rpx;
}
.mr-6{
    margin-right: 6rpx;
}
.mr-8{
    margin-right: 8rpx;
}
.mr-10{
    margin-right: 10rpx;
}
.mr-16{
    margin-right: 16rpx;
}
.mr-20{
    margin-right: 20rpx;
}
.mr-22{
    margin-right: 22rpx;
}
.mr-24{
    margin-right: 24rpx;
}
.mr-26{
    margin-right: 26rpx;
}
.mr-30{
    margin-right: 30rpx;
}
.mr-40{
    margin-right: 40rpx;
}
.mr-50{
    margin-right: 50rpx;
}
.mr-68{
    margin-right: 68rpx;
}
.mr-90{
    margin-right: 90rpx;
}

.mt-80{
    margin-top: 80rpx;
}
.m-t-40{
    margin-top: 40rpx;
}
.mb-4{
    margin-bottom: 4rpx;
}
.m-b-20{
    margin-bottom: 20rpx;
}
.m-b-32{
    margin-bottom: 32rpx;
}
.m-b-72{
    margin-bottom: 72rpx;
}

.mb-20{
    margin-bottom: 20rpx;
}
.pb-30{
    padding-bottom: 30rpx;
}
.border-9 {
    border: 1rpx solid #999999;
}
.border-bottom-E6E7E9{
    border-bottom: 1rpx solid #E6E7E9;
}
.border-bottom-e5e5e5{
    border-bottom: 1rpx solid #e5e5e5;
}
.b-b-EEEEEE{
    border-bottom: 1rpx solid #EEEEEE;
}

.w-100{
    width: 100rpx;
}
.w-200{
    width: 200rpx;
}
.w-10030{
    width: 30%;
}
.w-100100{
    width: 100%;
}


.b-rad-200{
    border-radius: 200rpx;
}
.b-rad-100{
    border-radius: 100rpx;
}
.b-rad-20{
    border-radius: 20rpx;
}
.b-rad-16{
    border-radius: 16rpx;
}
.b-rad-10{
    border-radius: 10rpx;
}
.b-rad-8{
    border-radius: 8rpx;
}

.sc-img{
    width: 40rpx;
    height: 40rpx;
}