ys-app/src/static/common.css

@import '@/static/font/iconfont.css';

page {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #F5F5F5;
    color: #333;
}

.container {
    background-color: #F5F5F5;
    margin: 0 auto;
    padding: 0;
}

.con-body {
    width: 100%;
    margin: 0;
    padding: 0;
}


.con-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    /* #ifdef APP-PLUS */
    background: url('@/static/images/bg-Blue.png') no-repeat;
    background-size: 100vw 761rpx;
    width: 100vw;
    height: 761rpx;
    left: 0;
    /* #endif */
    /* #ifndef APP-PLUS */
    background: url('@/static/images/bg-Blue.png') no-repeat;
    background-size: 750rpx 761rpx;
    width: 750rpx;
    height: 761rpx;
    left: 50%;
    margin-left: -375rpx;
    /* #endif */

}

.top-height {
    /* #ifdef APP-PLUS */
    height: 160rpx;
    /* #endif */
    /* #ifndef APP-PLUS */
    height: 116rpx;
    /* #endif */
}

.bottom-height {
    height: 60px;
}

.margin-bottom20 {
    margin-bottom: 20rpx;
}

.flex {
    display: flex;
}

.flex-auto {
    flex: 0 0 auto;
}

.font-bold {
    font-size: 28rpx;
    color: #333;
    font-weight: bold;
}

.font-gray {
    color: #919191;
    font-size: 28rpx;
}

.title {
    color: #fff;
}


/* 弹出提示框修改样式 begin */
/* #ifdef H5 */

.uni-modal {
    border-radius: 24rpx !important;
    width: 70% !important;
}

.uni-modal .uni-modal__bd {
    color: #393939 !important;
    font-size: 30rpx !important;
    padding-top: 50rpx !important;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

.uni-modal .uni-modal__btn::after {
    border: none !important;
}

.uni-modal .uni-modal__ft {
    padding: 20rpx 40rpx 60rpx !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 5% !important;
    /* 元素间距 */
}

.uni-modal .uni-modal__ft::after {
    border: none !important;
}

.uni-modal .uni-modal__btn {
    /* flex-basis: 200rpx !important; */
    border-radius: 48rpx !important;
    font-size: 30rpx !important;
    /* width:150rpx !important; */
    height: 65rpx !important;
    line-height: 60rpx !important;
}

.uni-modal .uni-modal__btn_default {
    border: 1px solid #05A3F4 !important;
    color: #05A3F4 !important;
}

.uni-modal .uni-modal__btn_primary {
    /* margin-left:20rpx !important; */
    background-color: #05A3F4 !important;
    color: #fff !important;
}
/* #endif */
/* 弹出提示框修改样式 end */

/* 搜索框修改样式 begin */
.custom-search.uni-searchbar {
    padding: 10rpx 30rpx 30rpx !important;
}

.custom-search .uni-searchbar__box {
    height: 56rpx !important;
    padding: 0 !important;
}

.custom-search .uni-searchbar__text-placeholder {
    color: #fff !important;
    font-size: 27rpx;
}

.custom-search .uni-searchbar__box-icon-search {
    padding: 0 0 0 8px !important;
}

.custom-search .uni-searchbar__box-icon-search .uniui-search {
    color: #fff !important;
    font-size: 40rpx !important;
}

.custom-search .uni-input-placeholder {
    color: #fff !important;
    font-size: 27rpx !important;
}

.custom-search .uni-searchbar__box-icon-clear {
    /* display: none !important; */
    margin-right:10rpx;
}

.custom-search .uni-searchbar__box-icon-clear .uniui-clear{
    color:#fff !important;
    font-size: 40rpx !important;
}

/* 自定义搜索框 */
.search-bg{
    background-color: #6FA2F8;
    border-radius: 28rpx;
    /* width:690rpx; */
    width:630rpx;
    height:56rpx;
    margin:0 auto 30rpx;
    padding:0 30rpx;
    display: flex;
    color:#fff;
    font-size:28rpx;
    flex: auto;
}
.search-bg .search-left{
    border-right:1px solid #4687F2;
    margin-top:10rpx;
    margin-bottom:10rpx;
    padding-right:30rpx;
    /* width:10%; */
}
.search-bg .search-right{
    margin-top:10rpx;
    padding-left:30rpx;
    /* width:60%; */
}
.search-bg .search-right .uni-input{
    color:#fff;
    font-size:28rpx;
}
.search-bg .search-right .uni-input .uni-input-input{
    width: 380rpx;
}
.search-bg .search-right .uni-input .search-color{
    color:#fff !important;
}
/* 搜索框修改样式 end */

.head-right {
    font-size: 28rpx;
    display: flex;
    align-items: center;
    /* #ifdef APP-PLUS */
    height:160rpx;
    /* #endif */
    /* #ifndef APP-PLUS */
    height:116rpx;
    /* #endif */
}

.head-right img {
    width: 28rpx;
    height: 33rpx;
    margin-right: 10rpx;
}

.head-right .uni-icons {
    margin-right: 6rpx;
}

.border-bottom {
    height: 1px;
    background-color: #E7E7E7;
    width: 660rpx;
}

.border-bottom.b-width {
    width: 720rpx;
}

.all-body {
    width: 100%;
    position: absolute;
    /* #ifdef APP-PLUS */
    top: 88rpx;
    height: calc(100vh - 44px);
    /* #endif */
    /* #ifndef APP-PLUS */
    top: 88rpx;
    height: calc(100vh);
    /* #endif */
    overflow: hidden;
    /* z-index:999; */
}

.white-bg {
    width: 630rpx;
    /*690*/
    margin: 10rpx auto 30rpx;
    background-color: #fff;
    border-radius: 10rpx;
    padding: 30rpx;
    border-radius: 8px;
}

.white-bg .w-b-title {
    display: flex;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    align-items: center;
}

.white-bg .w-b-title text {
    color: #0395E0;
    font-size: 13px;
    font-weight: normal;
    margin-left: auto;
}

.white-bg .w-b-title text .iconfont {
    font-size: 11px !important;
    margin-left: 10rpx;
}

.white-bg .w-b-title .btn-edit{
    margin-left:auto;
    background-color: #05A3F4;
    padding:10rpx 30rpx;
    color:#fff;
    border-radius: 10rpx;
    font-size:28rpx;
    font-weight: normal;
    cursor: pointer;
}


.white-bg .logo-list {
    margin-top: 30rpx;
    display: flex;
    flex-wrap: wrap;
    /* 关键属性：允许换行 */
    gap: 20rpx;
    /* 项目间距 */
}

.white-bg .logo-list .l-l-item {
    width: 140rpx;
    text-align: center;
    margin-bottom: 30rpx;
    position: relative;
}

.white-bg .logo-list .l-l-item img {
    width: 90rpx;
    height: 90rpx;
}

.white-bg .logo-list .l-l-item .font-gray {
    color: #333;
    font-size: 13px;
    display: block;
}

.white-bg .logo-list .l-l-item .uni-badge--x {
    position: absolute;
    right: 3px;
    top: -3px
}

.mar-top {
    margin-top: 30rpx;
}

.white-bg .w-b-title .yellow-bg {
    background-color: #FFF5DD;
    border-radius: 5px;
    padding: 10rpx 20rpx;
    display: flex;
    align-items: center;
    margin-left: auto;
    font-weight: normal;
}

.white-bg .w-b-title .yellow-bg .iconfont {
    font-size: 35rpx;
    color: #6CBCFF;
    margin-right: 12rpx;
}

.white-bg .w-b-title .yellow-bg .text-black {
    color: #333;
    font-size: 12px;
}

.white-bg .w-b-title .yellow-bg .picker-icon {
    color: #282728;
    font-size: 24rpx;
}

.white-bg .w-b-title .yellow-bg .uni-input {
    font-size: 24rpx;
}

.news-list {
    margin: 0;
}

.news-list .news-item {
    display: flex;
    border-bottom: 1px solid #E7E7E7;
    padding: 30rpx 0 40rpx;
}

.news-list .news-item:last-child {
    border-bottom: none;
}

.news-list .news-item .n-i-title {
    font-size: 32rpx;
}

.news-list .news-item .n-i-title .n-i-date {
    color: #BFBFBF;
    font-size: 28rpx;
    margin-top: 10rpx;
}

.news-list .news-item img {
    width: 240rpx;
    height: 160rpx;
    margin-left: auto;
}

uni-button[size='mini'] {
    font-size: 28rpx !important;
}

uni-button[type='primary'][plain] {
    color: #05A3F4 !important;
    border: 1px solid #05A3F4 !important;
}

.dot {
    width: 16rpx;
    height: 16rpx;
    background-color: #FF2B44;
    border-radius: 50%;
}

/* CRM 样式 begin */
.loading-scroll .mescroll-upwarp .upwarp-progress{
    border-color: #fff !important;
}
.loading-scroll .mescroll-upwarp .upwarp-tip{
    color: #fff !important;
}

.mescroll-downwarp .downwarp-progress,
.mescroll-downwarp .mescroll-rotate {
    border-color: #fff !important;
}

.mescroll-downwarp .downwarp-tip,
.mescroll-downwarp .upwarp-tip {
    color: #fff !important;
}

.report-list {}

.report-list .title {
    color: #3384DF;
    font-size: 38rpx;
    font-weight: bold;
}

.report-list .r-list {
    padding: 20rpx 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.report-list .r-list .r-left {
    font-size: 28rpx;
}

.report-list .r-list .r-name {
    color: #333;
    font-weight: bold;
    font-size: 28rpx;
}

.report-list .r-list .r-gray {
    color: #919191;
    font-size: 28rpx;
}

.report-list .r-list .r-right {
    margin-left: auto;
    text-align: right;
    color: #919191;
    font-size: 28rpx;
}

.report-list .r-list .btn-orange,
.report-list .r-list .btn-pink,
.report-list .r-list .btn-gray {
    background-color: #FF9638;
    color: #fff;
    border: none;
    padding: 10rpx 15rpx;
    border-radius: 10rpx;
    font-weight: normal;
}

.report-list .r-list .btn-orange::after,
.report-list .r-list .btn-pink::after,
.report-list .r-list .btn-gray::after {
    display: none;
}

.report-list .r-list .btn-pink {
    background-color: #FF687A;
    padding: 10rpx 40rpx;
}

.report-list .r-list .btn-gray {
    background-color: #F0F0F0;
    padding: 10rpx 20rpx;
    color: #919191;
    font-weight: normal;
}

.report-list .r-list .btn-blue {
    background-color: #05A3F4;
    padding: 10rpx 30rpx;
    color: #fff;
    font-weight: normal;
}

.form-con {
    padding: 0 30rpx;
}

.form-con .uni-forms-item__label {
    font-weight: bold;
    font-size: 32rpx;
}

.form-con .f-c-right .uni-forms-item__content {
    text-align: right;
    color: #919191;
}

.form-con .f-c-right .f-c-text {
    color: #919191;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 20rpx;
}

.form-con .uni-forms-item {
    margin-bottom: 25rpx !important;
}

.form-con .txt-right {
    padding-right: 40rpx;
}

.form-con .footer-con {
    display: flex;
}

/* .form-con .form-texarea .is-textarea{
    min-height: 230rpx;
} */
.form-con .form-picker {
    border: 1px solid #E7E7E7;
    border-radius: 10rpx;
    padding: 20rpx;
    color: #919191;
}

.form-con .form-picker .uniui-down {
    margin-left: auto;
}

.form-con .footer-con .btn-default,
.form-con .footer-con .btn-primary {
    background-color: #fff;
    border: 1px solid #05A3F4;
    color: #05A3F4;
    border-radius: 25px;
    padding: 0rpx 80rpx;
    font-size: 34rpx;
    margin-left: 0;
    margin-right: 20rpx;
}

.form-con .footer-con .btn-primary {
    background-color: #05A3F4;
    border: 1px solid #05A3F4;
    color: #fff;
    padding: 0rpx 60rpx;
}

.form-con .footer-con .btn-default::after,
.form-con .footer-con .btn-primary::after {
    display: none;
}

.my-table {
    width: 100%;
    border-collapse: collapse;
}

.my-table th,
.my-table td {
    border: 1px solid #E9E9E9;
    padding: 12rpx 10rpx;
    text-align: center;
    font-size:26rpx;
}

.my-table th {
    background-color: #ffffff;
    font-weight: bold;
}

.my-table tr:nth-child(even) {
    background-color: #F7F7F7;
}

.my-table tr:hover {
    background-color: #f0f0f0;
}
.my-table .tab-width100{
    width:100rpx;
    word-wrap: break-word; 
    overflow-wrap: break-word;
}
.my-table .tab-width160{
    width:160rpx;
    word-wrap: break-word; 
    overflow-wrap: break-word;
}
.my-table .txtLeft{
    text-align: left;
}


/* CRM 样式 end */