cloud-business 0.1.111 → 0.1.112-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -17913,6 +17913,9 @@ body {
17913
17913
  display: inline-block;
17914
17914
  position: absolute;
17915
17915
  top: 15px;
17916
+ left: 61px;
17917
+ }
17918
+ .cloud-goods-selector-pro-container-new .totals-flag-tabs {
17916
17919
  left: 141px;
17917
17920
  }
17918
17921
  .cloud-goods-selector-pro-container-new .newCloud-tabs-header-line {
@@ -20207,6 +20210,1717 @@ body {
20207
20210
  z-index: 1;
20208
20211
  }
20209
20212
 
20213
+ body {
20214
+ margin: 0;
20215
+ --shuyunBlue1: #EDF6FF;
20216
+ --shuyunBlue2: #CCE6FF;
20217
+ --shuyunBlue3: #72B0ED;
20218
+ --shuyunBlue4: #0066CC;
20219
+ --shuyunBlue5: #004CA3;
20220
+ --shuyunBlue6: #003775;
20221
+ --shuyunBlue7: #002147;
20222
+ }
20223
+ .assetModal {
20224
+ height: 700px;
20225
+ }
20226
+ .assetModal .assetModalWarp {
20227
+ width: 100%;
20228
+ display: flex;
20229
+ padding: 10px 0 0 0;
20230
+ overflow: hidden;
20231
+ position: relative;
20232
+ }
20233
+ .assetModal .newCloud-modal-footer {
20234
+ padding: 12px 0;
20235
+ }
20236
+ .assetModal .assetModalFooter {
20237
+ display: flex;
20238
+ }
20239
+ .assetModal .assetModalFooter .footerLeft {
20240
+ flex: 0 0 140px;
20241
+ position: relative;
20242
+ }
20243
+ .assetModal .assetModalFooter .footerLeft::before {
20244
+ position: absolute;
20245
+ width: 140px;
20246
+ top: -13px;
20247
+ height: 1px;
20248
+ left: 0;
20249
+ background: #fff;
20250
+ content: '';
20251
+ }
20252
+ .assetModal .assetModalFooter .footerLeft::after {
20253
+ position: absolute;
20254
+ width: 1px;
20255
+ top: -13px;
20256
+ right: 0;
20257
+ height: 56px;
20258
+ background: #E8E8E8;
20259
+ content: '';
20260
+ }
20261
+ .assetModal .assetModalFooter .footerRight {
20262
+ display: flex;
20263
+ padding: 0 20px;
20264
+ align-items: center;
20265
+ justify-content: space-between;
20266
+ width: 100%;
20267
+ }
20268
+ .assetModal .assetModalFooter .footerRight .footerOperate {
20269
+ flex: 1;
20270
+ text-align: left;
20271
+ }
20272
+ .assetModal .assetModalFooter .footerRight .footerOperate .select {
20273
+ font-size: 12px;
20274
+ color: rgba(0, 0, 0, 0.65);
20275
+ margin-right: 12px;
20276
+ cursor: pointer;
20277
+ }
20278
+ .assetModal .assetModalFooter .footerRight .footerOperate .select .count {
20279
+ color: var(--shuyunBlue4);
20280
+ }
20281
+ .assetModal .assetModalFooter .footerRight .footerConfirm {
20282
+ flex: 0 0 128;
20283
+ }
20284
+
20285
+ .combineInputContainer {
20286
+ display: flex;
20287
+ align-items: center;
20288
+ }
20289
+ .combineInputContainer .select {
20290
+ margin-right: -1px;
20291
+ }
20292
+ .combineInputContainer .input {
20293
+ flex: 1;
20294
+ }
20295
+
20296
+ .assetSearchWrapper {
20297
+ background: #fff;
20298
+ border-radius: 3px;
20299
+ margin: 10px 20px 0 20px;
20300
+ display: flex;
20301
+ box-sizing: border-box;
20302
+ position: relative;
20303
+ align-items: center;
20304
+ justify-content: space-between;
20305
+ }
20306
+ .assetSearchWrapper .searchRight {
20307
+ display: flex;
20308
+ align-items: center;
20309
+ justify-content: center;
20310
+ }
20311
+ .assetSearchWrapper .searchRight .solid-de {
20312
+ display: inline-block;
20313
+ width: 1px;
20314
+ height: 12px;
20315
+ margin: 0 8px;
20316
+ background-color: #E8E8E8;
20317
+ }
20318
+ .assetSearchWrapper .searchRight .active {
20319
+ color: var(--shuyunBlue4);
20320
+ font-size: 16px;
20321
+ cursor: pointer;
20322
+ }
20323
+ .assetSearchWrapper .searchRight .normal {
20324
+ font-size: 16px;
20325
+ cursor: pointer;
20326
+ color: rgba(0, 0, 0, 0.25);
20327
+ }
20328
+ .assetSearchWrapper .item {
20329
+ width: 226px;
20330
+ }
20331
+ .assetSearchWrapper .item > div,
20332
+ .assetSearchWrapper .item > input {
20333
+ width: 100%;
20334
+ }
20335
+ .assetSearchWrapper .searchBtn {
20336
+ display: flex;
20337
+ }
20338
+ .assetSearchWrapper .searchBtn .okBtn {
20339
+ margin-right: 12px;
20340
+ }
20341
+
20342
+ body {
20343
+ margin: 0;
20344
+ --shuyunBlue1: #EDF6FF;
20345
+ --shuyunBlue2: #CCE6FF;
20346
+ --shuyunBlue3: #72B0ED;
20347
+ --shuyunBlue4: #0066CC;
20348
+ --shuyunBlue5: #004CA3;
20349
+ --shuyunBlue6: #003775;
20350
+ --shuyunBlue7: #002147;
20351
+ }
20352
+ .assetTableTab {
20353
+ display: flex;
20354
+ flex-direction: column;
20355
+ width: 100%;
20356
+ overflow: hidden;
20357
+ }
20358
+ .assetTableTab .assetOperate {
20359
+ display: flex;
20360
+ align-items: center;
20361
+ justify-content: center;
20362
+ }
20363
+ .assetTableTab .assetOperate .collect {
20364
+ width: 20px;
20365
+ height: 20px;
20366
+ background: #FFFFFF;
20367
+ display: flex;
20368
+ align-items: center;
20369
+ justify-content: center;
20370
+ font-size: 12px;
20371
+ color: rgba(0, 0, 0, 0.25);
20372
+ margin-right: 18px;
20373
+ cursor: pointer;
20374
+ }
20375
+ .assetTableTab .assetOperate .collect.active {
20376
+ color: #FF5866;
20377
+ }
20378
+ .assetTableTab .assetOperate .edit {
20379
+ cursor: pointer;
20380
+ color: rgba(0, 0, 0, 0.25);
20381
+ }
20382
+ .assetTableTab .tabContent {
20383
+ padding-right: 20px;
20384
+ border-right: 1px solid #E8E8E8;
20385
+ }
20386
+ .assetTableTab .newCloud-tabs.newCloud-tabs-left .newCloud-tabs-header-line .newCloud-tabs-item-line .newCloud-tab-content {
20387
+ min-width: 64px;
20388
+ }
20389
+ .assetTableTab .newCloud-tabs.newCloud-tabs-left .newCloud-tabs-header-line .newCloud-tabs-item-line.newCloud-tabs-container {
20390
+ height: 40px;
20391
+ }
20392
+ .assetTableTab .selectNum {
20393
+ margin-top: 140px;
20394
+ width: 120px;
20395
+ height: 40px;
20396
+ background: #FAFAFA;
20397
+ border-radius: 4px;
20398
+ display: flex;
20399
+ align-items: center;
20400
+ justify-content: center;
20401
+ }
20402
+ .assetTableTab .materialContainer {
20403
+ flex: 1;
20404
+ overflow: hidden;
20405
+ display: flex;
20406
+ }
20407
+ .assetTableTab .materialContainer .groupContainer {
20408
+ height: 100%;
20409
+ padding: 0 10px 10px;
20410
+ flex: 0 0 120px;
20411
+ box-shadow: inset -1px 0px 0px 0px #E8E8E8;
20412
+ border-radius: 0px 0px 0px 12px;
20413
+ }
20414
+ .assetTableTab .materialContainer .groupContainer .header {
20415
+ height: 52px;
20416
+ }
20417
+ .assetTableTab .materialContainer .groupContainer .header .label {
20418
+ color: rgba(0, 0, 0, 0.85);
20419
+ }
20420
+ .assetTableTab .materialContainer .groupContainer .header .addIcon {
20421
+ color: rgba(0, 0, 0, 0.45);
20422
+ cursor: pointer;
20423
+ font-size: 13px;
20424
+ }
20425
+ .assetTableTab .materialContainer .groupContainer .defaultList {
20426
+ padding-bottom: 12px;
20427
+ border-bottom: 1px solid #E8E8E8;
20428
+ }
20429
+ .assetTableTab .materialContainer .groupContainer .add-group {
20430
+ display: flex;
20431
+ align-items: center;
20432
+ justify-content: space-between;
20433
+ padding: 0 8px;
20434
+ font-size: 12px;
20435
+ color: rgba(0, 0, 0, 0.65);
20436
+ height: 48px;
20437
+ }
20438
+ .assetTableTab .materialContainer .groupContainer .add-group .add-plus {
20439
+ cursor: pointer;
20440
+ }
20441
+ .assetTableTab .materialContainer .groupContainer .list {
20442
+ overflow-y: scroll;
20443
+ }
20444
+ .assetTableTab .materialContainer .groupContainer .list .item {
20445
+ height: 36px;
20446
+ padding: 0 8px;
20447
+ margin-bottom: 4px;
20448
+ cursor: pointer;
20449
+ }
20450
+ .assetTableTab .materialContainer .groupContainer .list .item .name {
20451
+ margin-left: 8px;
20452
+ color: rgba(0, 0, 0, 0.85);
20453
+ }
20454
+ .assetTableTab .materialContainer .groupContainer .list .item .num {
20455
+ color: rgba(0, 0, 0, 0.45);
20456
+ }
20457
+ .assetTableTab .materialContainer .groupContainer .list .item .icon {
20458
+ color: rgba(0, 0, 0, 0.45);
20459
+ display: none;
20460
+ margin-left: 12px;
20461
+ }
20462
+ .assetTableTab .materialContainer .groupContainer .list .item .icon:hover {
20463
+ color: #2157EB;
20464
+ }
20465
+ .assetTableTab .materialContainer .groupContainer .list .item .root {
20466
+ z-index: 1000;
20467
+ }
20468
+ .assetTableTab .materialContainer .groupContainer .list .item .overlay {
20469
+ width: 160px;
20470
+ height: 100px;
20471
+ background: #fff;
20472
+ box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
20473
+ border-radius: 6px;
20474
+ padding: 6px 0;
20475
+ }
20476
+ .assetTableTab .materialContainer .groupContainer .list .item .overlay .row {
20477
+ height: 36px;
20478
+ padding: 0 14px;
20479
+ display: flex;
20480
+ align-items: center;
20481
+ color: rgba(0, 0, 0, 0.85);
20482
+ }
20483
+ .assetTableTab .materialContainer .groupContainer .list .item .overlay .row .oIcon {
20484
+ margin-right: 10px;
20485
+ color: rgba(0, 0, 0, 0.45);
20486
+ }
20487
+ .assetTableTab .materialContainer .groupContainer .list .item .overlay .row:hover {
20488
+ background: rgba(0, 0, 0, 0.05);
20489
+ }
20490
+ .assetTableTab .materialContainer .groupContainer .list .item .overlay .divider {
20491
+ background: #E8E8E8;
20492
+ width: 100%;
20493
+ height: 1px;
20494
+ margin: 8px 0;
20495
+ }
20496
+ .assetTableTab .materialContainer .groupContainer .list .item:hover {
20497
+ background: #FAFAFA;
20498
+ }
20499
+ .assetTableTab .materialContainer .groupContainer .list .item:hover .icon {
20500
+ display: block;
20501
+ }
20502
+ .assetTableTab .materialContainer .groupContainer .list .active {
20503
+ background: #FAFAFA;
20504
+ border-radius: 3px;
20505
+ }
20506
+ .assetTableTab .materialContainer .groupContainer .list .active .name {
20507
+ color: #2157EB;
20508
+ }
20509
+ .assetTableTab .materialContainer .tableWarp {
20510
+ flex: 1;
20511
+ overflow: hidden;
20512
+ display: flex;
20513
+ flex-direction: column;
20514
+ height: 540px;
20515
+ }
20516
+ .assetTableTab .materialContainer .tableWarp .cardMaterials {
20517
+ gap: 12px;
20518
+ }
20519
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card {
20520
+ width: 128px;
20521
+ height: 152px;
20522
+ background: #FFFFFF;
20523
+ overflow: hidden;
20524
+ cursor: pointer;
20525
+ }
20526
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card:hover .img .checkbox {
20527
+ visibility: visible;
20528
+ }
20529
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card:hover .img .collect {
20530
+ visibility: visible;
20531
+ }
20532
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img {
20533
+ height: 128px;
20534
+ position: relative;
20535
+ background: #FAFAFA;
20536
+ border: 1px solid #E8E8E8;
20537
+ border-radius: 6px;
20538
+ }
20539
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .collect {
20540
+ position: absolute;
20541
+ top: 8px;
20542
+ left: 8px;
20543
+ visibility: hidden;
20544
+ width: 20px;
20545
+ height: 20px;
20546
+ background: #FFFFFF;
20547
+ display: flex;
20548
+ align-items: center;
20549
+ justify-content: center;
20550
+ font-size: 12px;
20551
+ color: rgba(0, 0, 0, 0.25);
20552
+ border-radius: 3px;
20553
+ }
20554
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .collect.active {
20555
+ color: #FF5866;
20556
+ }
20557
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .materialInfoAndPreview {
20558
+ position: absolute;
20559
+ bottom: 0;
20560
+ left: 0;
20561
+ display: flex;
20562
+ align-items: center;
20563
+ justify-content: space-between;
20564
+ padding: 0 4px;
20565
+ width: 118px;
20566
+ width: 120px;
20567
+ height: 26px;
20568
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
20569
+ border-radius: 0px 0px 6px 6px;
20570
+ }
20571
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .materialInfoAndPreview .materialInfo {
20572
+ font-size: 9px;
20573
+ color: #FFFFFF;
20574
+ }
20575
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .materialInfoAndPreview .rightOperate {
20576
+ display: flex;
20577
+ align-items: center;
20578
+ justify-content: center;
20579
+ }
20580
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .materialInfoAndPreview .materialEdit {
20581
+ font-size: 12px;
20582
+ color: #FFFFFF;
20583
+ margin-right: 4px;
20584
+ display: none;
20585
+ }
20586
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .materialInfoAndPreview .materialPreview {
20587
+ font-size: 12px;
20588
+ color: #FFFFFF;
20589
+ }
20590
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .checkbox {
20591
+ position: absolute;
20592
+ top: 10px;
20593
+ right: 8px;
20594
+ visibility: hidden;
20595
+ }
20596
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .newCloud-radio {
20597
+ margin-right: 0px;
20598
+ }
20599
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .newCloud-radio .newCloud-radio-wrapper {
20600
+ margin-right: 0px;
20601
+ }
20602
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img:hover .materialInfoAndPreview .materialInfo {
20603
+ display: none;
20604
+ }
20605
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img:hover .materialInfoAndPreview .materialEdit {
20606
+ display: block;
20607
+ }
20608
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .imgBox {
20609
+ width: 100%;
20610
+ height: 100%;
20611
+ overflow: hidden;
20612
+ }
20613
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .imgBox:hover .mask {
20614
+ display: block;
20615
+ opacity: 1;
20616
+ }
20617
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .imgBox:hover .more {
20618
+ opacity: 1;
20619
+ }
20620
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img img {
20621
+ max-width: 100%;
20622
+ max-height: 100%;
20623
+ }
20624
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .mask {
20625
+ width: 100%;
20626
+ height: 100%;
20627
+ background: rgba(0, 0, 0, 0.45);
20628
+ position: absolute;
20629
+ top: 0;
20630
+ left: 0;
20631
+ z-index: 100;
20632
+ transition: all 0.3s;
20633
+ opacity: 0;
20634
+ border-radius: 6px 6px 0 0;
20635
+ cursor: zoom-in;
20636
+ }
20637
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .operation {
20638
+ width: 28px;
20639
+ height: 28px;
20640
+ box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
20641
+ border-radius: 3px;
20642
+ background: #FFFFFF;
20643
+ display: flex;
20644
+ align-items: center;
20645
+ justify-content: center;
20646
+ cursor: pointer;
20647
+ text-align: center;
20648
+ }
20649
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .img .more {
20650
+ position: absolute;
20651
+ top: 12px;
20652
+ right: 12px;
20653
+ width: 24px;
20654
+ height: 24px;
20655
+ z-index: 101;
20656
+ color: rgba(0, 0, 0, 0.85);
20657
+ opacity: 0;
20658
+ }
20659
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .info {
20660
+ margin-top: 4px;
20661
+ }
20662
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .card .info .title {
20663
+ font-size: 12px;
20664
+ font-weight: 400;
20665
+ color: rgba(0, 0, 0, 0.85);
20666
+ line-height: 20px;
20667
+ cursor: pointer;
20668
+ }
20669
+ .assetTableTab .materialContainer .tableWarp .cardMaterials .checked .img .checkbox {
20670
+ visibility: visible;
20671
+ }
20672
+
20673
+ body {
20674
+ margin: 0;
20675
+ --shuyunBlue1: #EDF6FF;
20676
+ --shuyunBlue2: #CCE6FF;
20677
+ --shuyunBlue3: #72B0ED;
20678
+ --shuyunBlue4: #0066CC;
20679
+ --shuyunBlue5: #004CA3;
20680
+ --shuyunBlue6: #003775;
20681
+ --shuyunBlue7: #002147;
20682
+ }
20683
+ .row-flex,
20684
+ .row-flex-center,
20685
+ .row-flex-baseline,
20686
+ .row-flex-start,
20687
+ .row-flex-end,
20688
+ .row-flex-wrap {
20689
+ display: flex;
20690
+ flex-direction: row;
20691
+ min-width: 0;
20692
+ min-height: 0;
20693
+ }
20694
+ .row-flex,
20695
+ .row-flex-center,
20696
+ .row-flex-baseline,
20697
+ .row-flex-start,
20698
+ .row-flex-end,
20699
+ .row-flex-wrap {
20700
+ display: flex;
20701
+ flex-direction: row;
20702
+ min-width: 0;
20703
+ min-height: 0;
20704
+ }
20705
+ .row-flex-center {
20706
+ align-items: center;
20707
+ }
20708
+ .row-flex-baseline {
20709
+ align-items: baseline;
20710
+ }
20711
+ .row-flex-start {
20712
+ align-items: flex-start;
20713
+ }
20714
+ .row-flex-end {
20715
+ align-items: flex-end;
20716
+ }
20717
+ .row-flex-wrap {
20718
+ flex-wrap: wrap;
20719
+ align-items: flex-start;
20720
+ }
20721
+ .column-flex,
20722
+ .column-flex-center {
20723
+ display: flex;
20724
+ flex-direction: column;
20725
+ min-width: 0;
20726
+ min-height: 0;
20727
+ }
20728
+ .column-flex-center {
20729
+ align-items: center;
20730
+ min-height: 0;
20731
+ }
20732
+ .jc-center {
20733
+ justify-content: center;
20734
+ }
20735
+ .jc-start {
20736
+ justify-content: flex-start;
20737
+ }
20738
+ .jc-end {
20739
+ justify-content: flex-end;
20740
+ }
20741
+ .jc-space {
20742
+ justify-content: space-between;
20743
+ }
20744
+ .jc-around {
20745
+ justify-content: space-around;
20746
+ }
20747
+ .align-content-start {
20748
+ align-content: flex-start;
20749
+ }
20750
+ .flex1 {
20751
+ flex: 1;
20752
+ }
20753
+ .flex2 {
20754
+ flex: 2;
20755
+ }
20756
+ .flex3 {
20757
+ flex: 3;
20758
+ }
20759
+ .flex5 {
20760
+ flex: 5;
20761
+ }
20762
+ .no-shrink {
20763
+ flex-shrink: 0;
20764
+ }
20765
+ .flex-wrap {
20766
+ flex-wrap: wrap;
20767
+ }
20768
+ .flex-nowrap {
20769
+ flex-wrap: nowrap;
20770
+ }
20771
+ .cursor-pointer {
20772
+ cursor: pointer;
20773
+ }
20774
+ .text-ellipsis {
20775
+ white-space: nowrap;
20776
+ overflow: hidden;
20777
+ text-overflow: ellipsis;
20778
+ }
20779
+ .text-ellipsis-2 {
20780
+ word-break: break-all;
20781
+ text-overflow: ellipsis;
20782
+ display: -webkit-box;
20783
+ -webkit-box-orient: vertical;
20784
+ -webkit-line-clamp: 2;
20785
+ /* 这里是超出几行省略 */
20786
+ overflow: hidden;
20787
+ }
20788
+ .text-ellipsis-3 {
20789
+ word-break: break-all;
20790
+ text-overflow: ellipsis;
20791
+ display: -webkit-box;
20792
+ -webkit-box-orient: vertical;
20793
+ -webkit-line-clamp: 3;
20794
+ /* 这里是超出几行省略 */
20795
+ overflow: hidden;
20796
+ }
20797
+ .assetDetailModal {
20798
+ height: 522px;
20799
+ border-radius: 3px;
20800
+ border: 1px solid #E8E8E8;
20801
+ }
20802
+ .assetDetailModal .left {
20803
+ width: 520px;
20804
+ padding: 20px;
20805
+ background-color: #FAFAFA;
20806
+ }
20807
+ .assetDetailModal .left img,
20808
+ .assetDetailModal .left video {
20809
+ max-width: 100%;
20810
+ max-height: 100%;
20811
+ }
20812
+ .assetDetailModal .left .audio {
20813
+ width: 100%;
20814
+ height: 100%;
20815
+ position: relative;
20816
+ background: #FAFAFA;
20817
+ }
20818
+ .assetDetailModal .left .audio audio {
20819
+ width: 100%;
20820
+ position: absolute;
20821
+ bottom: 0;
20822
+ }
20823
+ .assetDetailModal .left .audio audio::-webkit-media-controls-panel {
20824
+ background: #FAFAFA;
20825
+ }
20826
+ .assetDetailModal .left .textContainer {
20827
+ width: 100%;
20828
+ height: 100%;
20829
+ position: relative;
20830
+ }
20831
+ .assetDetailModal .left .textContainer .content {
20832
+ overflow-y: scroll;
20833
+ margin-top: 15px;
20834
+ word-break: break-all;
20835
+ line-height: 22px;
20836
+ }
20837
+ .assetDetailModal .left .link {
20838
+ width: 322px;
20839
+ height: 90px;
20840
+ background: #FFFFFF;
20841
+ border-radius: 10px;
20842
+ border: 1px solid #E8E8E8;
20843
+ padding: 10px;
20844
+ }
20845
+ .assetDetailModal .left .link .img {
20846
+ width: 70px;
20847
+ height: 70px;
20848
+ border-radius: 6px;
20849
+ margin-left: 18px;
20850
+ }
20851
+ .assetDetailModal .left .link .img img {
20852
+ max-width: 100%;
20853
+ max-height: 100%;
20854
+ }
20855
+ .assetDetailModal .left .link .linkLeft {
20856
+ height: 100%;
20857
+ padding: 6px 2px;
20858
+ overflow: hidden;
20859
+ }
20860
+ .assetDetailModal .left .link .title {
20861
+ font-weight: 500;
20862
+ }
20863
+ .assetDetailModal .left .link .desc {
20864
+ color: rgba(0, 0, 0, 0.45);
20865
+ margin-top: 10px;
20866
+ }
20867
+ .assetDetailModal .left .program {
20868
+ width: 260px;
20869
+ background: #FFFFFF;
20870
+ border-radius: 10px;
20871
+ border: 1px solid #E8E8E8;
20872
+ padding: 22px 20px 0 20px;
20873
+ }
20874
+ .assetDetailModal .left .program .title {
20875
+ font-weight: 500;
20876
+ font-size: 16px;
20877
+ }
20878
+ .assetDetailModal .left .program .desc {
20879
+ color: rgba(0, 0, 0, 0.45);
20880
+ margin: 10px 0;
20881
+ }
20882
+ .assetDetailModal .left .program .img {
20883
+ width: 100%;
20884
+ height: 175px;
20885
+ }
20886
+ .assetDetailModal .left .program .footer {
20887
+ height: 40px;
20888
+ color: rgba(0, 0, 0, 0.45);
20889
+ border-top: 1px solid #F5F5F5;
20890
+ margin-top: 10px;
20891
+ }
20892
+ .assetDetailModal .left .paramCode .qrCode {
20893
+ width: 290px;
20894
+ height: 290px;
20895
+ background: #FFFFFF;
20896
+ border: 1px solid #E8E8E8;
20897
+ border-radius: 145px;
20898
+ padding: 20px;
20899
+ overflow: hidden;
20900
+ }
20901
+ .assetDetailModal .left .paramCode .download {
20902
+ margin: 0 auto;
20903
+ width: -moz-max-content;
20904
+ width: max-content;
20905
+ margin-top: 25px;
20906
+ }
20907
+ .assetDetailModal .left .paramCode .download .newCloud-dropdowns.newCloud-dropdowns-placement-bottomRight {
20908
+ width: 148px;
20909
+ }
20910
+ .assetDetailModal .left .paramCode .download .newCloud-dropdowns.newCloud-dropdowns-placement-bottomRight .newCloud-dropdowns-menu-area {
20911
+ width: -webkit-fill-available;
20912
+ }
20913
+ .assetDetailModal .left.poi {
20914
+ padding: 0;
20915
+ }
20916
+ .assetDetailModal .right {
20917
+ padding: 20px;
20918
+ flex: 1;
20919
+ overflow-y: auto;
20920
+ }
20921
+ .assetDetailModal .right .row {
20922
+ margin-bottom: 28px;
20923
+ font-size: 14px;
20924
+ }
20925
+ .assetDetailModal .right .row .label {
20926
+ color: rgba(0, 0, 0, 0.65);
20927
+ width: 85px;
20928
+ }
20929
+ .assetDetailModal .right .row .value {
20930
+ color: rgba(0, 0, 0, 0.85);
20931
+ }
20932
+ .assetDetailModal .right .row .value .valueContent {
20933
+ word-break: break-all;
20934
+ }
20935
+ .assetDetailModal .right .row .value .openingTime {
20936
+ background: #F5F5F5;
20937
+ border-radius: 8px;
20938
+ padding: 15px;
20939
+ margin-top: 10px;
20940
+ }
20941
+ .assetDetailModal .right .row .value .openingTime .item {
20942
+ margin: 10px 0;
20943
+ }
20944
+ .assetDetailModal .right .shopImg {
20945
+ width: 96px;
20946
+ height: 96px;
20947
+ background: #FFFFFF;
20948
+ border-radius: 3px;
20949
+ border: 1px solid #E8E8E8;
20950
+ padding: 8px;
20951
+ }
20952
+ .assetDetailModal .right .shopImg img {
20953
+ max-width: 100%;
20954
+ max-height: 100%;
20955
+ }
20956
+
20957
+ body {
20958
+ margin: 0;
20959
+ --shuyunBlue1: #EDF6FF;
20960
+ --shuyunBlue2: #CCE6FF;
20961
+ --shuyunBlue3: #72B0ED;
20962
+ --shuyunBlue4: #0066CC;
20963
+ --shuyunBlue5: #004CA3;
20964
+ --shuyunBlue6: #003775;
20965
+ --shuyunBlue7: #002147;
20966
+ }
20967
+ .picturePreviewer {
20968
+ display: inline-block;
20969
+ vertical-align: middle;
20970
+ width: 40px;
20971
+ height: 40px;
20972
+ border-radius: 2px;
20973
+ background-color: #F5F5F5;
20974
+ background-position: center;
20975
+ background-size: contain;
20976
+ background-repeat: no-repeat;
20977
+ overflow: hidden;
20978
+ }
20979
+ .picturePreviewer:hover .mask {
20980
+ opacity: 1;
20981
+ visibility: visible;
20982
+ }
20983
+ .picturePreviewer .mask {
20984
+ height: 100%;
20985
+ opacity: 0;
20986
+ visibility: hidden;
20987
+ background: rgba(0, 0, 0, 0.45);
20988
+ display: flex;
20989
+ justify-content: center;
20990
+ align-items: center;
20991
+ transition: opacity 0.3s, visibility 0.3s;
20992
+ }
20993
+ .picturePreviewer .mask .actions {
20994
+ display: flex;
20995
+ align-items: center;
20996
+ justify-content: center;
20997
+ gap: 2px;
20998
+ color: #FFFFFF;
20999
+ }
21000
+ .picturePreviewer .mask .actions .newCloud-icon {
21001
+ cursor: pointer;
21002
+ }
21003
+ .picturePreviewerContent {
21004
+ display: flex;
21005
+ align-items: center;
21006
+ justify-content: center;
21007
+ width: 100%;
21008
+ height: 100%;
21009
+ }
21010
+ .picturePreviewerContent img {
21011
+ max-width: 100%;
21012
+ max-height: 100%;
21013
+ }
21014
+
21015
+ .row-flex,
21016
+ .row-flex-center,
21017
+ .row-flex-baseline,
21018
+ .row-flex-start,
21019
+ .row-flex-end,
21020
+ .row-flex-wrap {
21021
+ display: flex;
21022
+ flex-direction: row;
21023
+ min-width: 0;
21024
+ min-height: 0;
21025
+ }
21026
+ .row-flex,
21027
+ .row-flex-center,
21028
+ .row-flex-baseline,
21029
+ .row-flex-start,
21030
+ .row-flex-end,
21031
+ .row-flex-wrap {
21032
+ display: flex;
21033
+ flex-direction: row;
21034
+ min-width: 0;
21035
+ min-height: 0;
21036
+ }
21037
+ .row-flex-center {
21038
+ align-items: center;
21039
+ }
21040
+ .row-flex-baseline {
21041
+ align-items: baseline;
21042
+ }
21043
+ .row-flex-start {
21044
+ align-items: flex-start;
21045
+ }
21046
+ .row-flex-end {
21047
+ align-items: flex-end;
21048
+ }
21049
+ .row-flex-wrap {
21050
+ flex-wrap: wrap;
21051
+ align-items: flex-start;
21052
+ }
21053
+ .column-flex,
21054
+ .column-flex-center {
21055
+ display: flex;
21056
+ flex-direction: column;
21057
+ min-width: 0;
21058
+ min-height: 0;
21059
+ }
21060
+ .column-flex-center {
21061
+ align-items: center;
21062
+ min-height: 0;
21063
+ }
21064
+ .jc-center {
21065
+ justify-content: center;
21066
+ }
21067
+ .jc-start {
21068
+ justify-content: flex-start;
21069
+ }
21070
+ .jc-end {
21071
+ justify-content: flex-end;
21072
+ }
21073
+ .jc-space {
21074
+ justify-content: space-between;
21075
+ }
21076
+ .jc-around {
21077
+ justify-content: space-around;
21078
+ }
21079
+ .align-content-start {
21080
+ align-content: flex-start;
21081
+ }
21082
+ .flex1 {
21083
+ flex: 1;
21084
+ }
21085
+ .flex2 {
21086
+ flex: 2;
21087
+ }
21088
+ .flex3 {
21089
+ flex: 3;
21090
+ }
21091
+ .flex5 {
21092
+ flex: 5;
21093
+ }
21094
+ .no-shrink {
21095
+ flex-shrink: 0;
21096
+ }
21097
+ .flex-wrap {
21098
+ flex-wrap: wrap;
21099
+ }
21100
+ .flex-nowrap {
21101
+ flex-wrap: nowrap;
21102
+ }
21103
+ .cursor-pointer {
21104
+ cursor: pointer;
21105
+ }
21106
+ .text-ellipsis {
21107
+ white-space: nowrap;
21108
+ overflow: hidden;
21109
+ text-overflow: ellipsis;
21110
+ }
21111
+ .text-ellipsis-2 {
21112
+ word-break: break-all;
21113
+ text-overflow: ellipsis;
21114
+ display: -webkit-box;
21115
+ -webkit-box-orient: vertical;
21116
+ -webkit-line-clamp: 2;
21117
+ /* 这里是超出几行省略 */
21118
+ overflow: hidden;
21119
+ }
21120
+ .text-ellipsis-3 {
21121
+ word-break: break-all;
21122
+ text-overflow: ellipsis;
21123
+ display: -webkit-box;
21124
+ -webkit-box-orient: vertical;
21125
+ -webkit-line-clamp: 3;
21126
+ /* 这里是超出几行省略 */
21127
+ overflow: hidden;
21128
+ }
21129
+ .assetContentView img,
21130
+ .assetContentView video {
21131
+ border-radius: 4px;
21132
+ margin-right: 8px;
21133
+ }
21134
+ .assetContentView .name {
21135
+ color: #2157EB;
21136
+ cursor: pointer;
21137
+ }
21138
+ .assetContentView .twoRows {
21139
+ white-space: initial;
21140
+ }
21141
+ .assetContentView .duration {
21142
+ color: rgba(0, 0, 0, 0.45);
21143
+ margin-top: 4px;
21144
+ display: block;
21145
+ }
21146
+ .assetContentView .left {
21147
+ width: 40px;
21148
+ height: 40px;
21149
+ background: #FAFAFA;
21150
+ border-radius: 3px;
21151
+ margin-right: 8px;
21152
+ position: relative;
21153
+ }
21154
+ .assetContentView .left .materialImg {
21155
+ width: 100%;
21156
+ height: 100%;
21157
+ }
21158
+ .assetContentView .left img {
21159
+ width: 22px;
21160
+ height: 22px;
21161
+ margin-right: 0;
21162
+ }
21163
+ .assetContentView .left video {
21164
+ width: 100%;
21165
+ height: 100%;
21166
+ margin: 0;
21167
+ }
21168
+ .assetContentView .left .play {
21169
+ position: absolute;
21170
+ left: 9px;
21171
+ top: 12px;
21172
+ color: rgba(0, 0, 0, 0.45);
21173
+ }
21174
+ .assetContentView .link img {
21175
+ max-width: 100%;
21176
+ max-height: 100%;
21177
+ width: auto;
21178
+ height: auto;
21179
+ }
21180
+
21181
+ .assetSearchItem {
21182
+ display: flex;
21183
+ align-items: center;
21184
+ }
21185
+ .assetSearchItem .title {
21186
+ text-align: right;
21187
+ font-size: 14px;
21188
+ color: rgba(0, 0, 0, 0.65);
21189
+ line-height: 20px;
21190
+ }
21191
+ .assetSearchItem .note {
21192
+ color: #D9001B;
21193
+ padding-right: 5px;
21194
+ }
21195
+ .assetSearchItem .content {
21196
+ flex: 1;
21197
+ }
21198
+ .assetSearchItem .content > div,
21199
+ .assetSearchItem .content > input {
21200
+ width: 100%;
21201
+ }
21202
+ .assetSearchItem.autoWidth {
21203
+ width: 100%;
21204
+ }
21205
+
21206
+ .assetSearchBlockWrapper {
21207
+ background: #FAFAFA;
21208
+ border-radius: 3px;
21209
+ margin-left: 24px;
21210
+ padding: 16px 12px;
21211
+ }
21212
+ .assetSearchBlockWrapper .searchBtn {
21213
+ display: flex;
21214
+ padding-left: 80px;
21215
+ padding-top: 20px;
21216
+ -moz-column-gap: 12px;
21217
+ column-gap: 12px;
21218
+ }
21219
+ .assetSearchBlockWrapper .searchBox {
21220
+ display: flex;
21221
+ flex-wrap: wrap;
21222
+ -moz-column-gap: 12px;
21223
+ column-gap: 12px;
21224
+ row-gap: 16px;
21225
+ flex-shrink: 0;
21226
+ background: #FAFAFA;
21227
+ border-radius: 3px;
21228
+ }
21229
+ .assetSearchBlockWrapper .searchBox .okBtn {
21230
+ margin-right: 12px;
21231
+ }
21232
+ .assetSearchBlockWrapper .searchBox .moreSearch {
21233
+ display: flex;
21234
+ }
21235
+ .assetSearchBlockWrapper .moreParamsWrapper {
21236
+ position: relative;
21237
+ display: flex;
21238
+ align-items: center;
21239
+ flex: 1;
21240
+ justify-content: flex-end;
21241
+ }
21242
+ .assetSearchBlockWrapper .moreParamsWrapper .moreItems {
21243
+ display: flex;
21244
+ flex-direction: column;
21245
+ position: absolute;
21246
+ padding: 24px 24px 12px;
21247
+ top: 25px;
21248
+ left: -150px;
21249
+ width: 468px;
21250
+ background-color: #fff;
21251
+ box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08), 0px 1px 4px 0px rgba(0, 0, 0, 0.04);
21252
+ z-index: 10;
21253
+ }
21254
+ .assetSearchBlockWrapper .moreParamsWrapper .moreItems .moreItemsBtn {
21255
+ align-self: flex-end;
21256
+ margin-top: 24px;
21257
+ }
21258
+ .assetSearchBlockWrapper .moreParamsWrapper .moreNum {
21259
+ display: inline-block;
21260
+ margin-left: 6px;
21261
+ width: 16px;
21262
+ height: 16px;
21263
+ background: #fd830a;
21264
+ font-size: 12px;
21265
+ color: #fff;
21266
+ line-height: 16px;
21267
+ border-radius: 8px;
21268
+ }
21269
+
21270
+ body {
21271
+ margin: 0;
21272
+ --shuyunBlue1: #EDF6FF;
21273
+ --shuyunBlue2: #CCE6FF;
21274
+ --shuyunBlue3: #72B0ED;
21275
+ --shuyunBlue4: #0066CC;
21276
+ --shuyunBlue5: #004CA3;
21277
+ --shuyunBlue6: #003775;
21278
+ --shuyunBlue7: #002147;
21279
+ }
21280
+ .miniProgramForm .input {
21281
+ max-width: 400px;
21282
+ }
21283
+ .miniProgramForm .createMiniProgramForm {
21284
+ display: flex;
21285
+ }
21286
+ .miniProgramForm .footer {
21287
+ position: absolute;
21288
+ bottom: 0px;
21289
+ align-items: center;
21290
+ display: flex;
21291
+ justify-content: center;
21292
+ width: calc(100% - 40px);
21293
+ }
21294
+ .miniProgramForm .createOption {
21295
+ flex: 0 0 414px;
21296
+ }
21297
+ .miniProgramForm .createImg {
21298
+ padding-left: 20px;
21299
+ flex: 1;
21300
+ }
21301
+ .miniProgramForm .createImg .imgBox {
21302
+ width: 96px;
21303
+ height: 96px;
21304
+ background: #FAFAFA;
21305
+ border-radius: 3px;
21306
+ border: 1px solid #E8E8E8;
21307
+ display: flex;
21308
+ align-items: center;
21309
+ justify-content: center;
21310
+ }
21311
+ .miniProgramForm .createImg .tips {
21312
+ font-size: 14px;
21313
+ color: rgba(0, 0, 0, 0.45);
21314
+ }
21315
+ .miniProgramForm .cover {
21316
+ width: 100px;
21317
+ height: 100px;
21318
+ border: 1px dashed #878b8f;
21319
+ border-radius: 4px;
21320
+ }
21321
+ .miniProgramForm .cover img {
21322
+ max-width: 100%;
21323
+ max-height: 100%;
21324
+ }
21325
+ .miniProgramForm .tips {
21326
+ color: rgba(0, 0, 0, 0.45);
21327
+ margin-top: 6px;
21328
+ }
21329
+ .miniProgramForm .newCloud-upload-list-text-info-detail {
21330
+ display: none;
21331
+ }
21332
+ .miniProgramForm .newCloud-tree-select {
21333
+ margin-bottom: 0 !important;
21334
+ }
21335
+ .miniProgramForm .newCloud-tree-select .newCloud-tree-select-wrapper {
21336
+ height: 32px;
21337
+ }
21338
+ .miniProgramForm .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-selected {
21339
+ font-size: 14px;
21340
+ padding-left: 14px;
21341
+ }
21342
+ .miniProgramForm .addRow {
21343
+ margin-bottom: 15px;
21344
+ }
21345
+ .miniProgramForm .timeRow {
21346
+ gap: 10px;
21347
+ }
21348
+ .miniProgramForm .delete {
21349
+ cursor: pointer;
21350
+ }
21351
+ .miniProgramFormHelpDoc {
21352
+ position: absolute;
21353
+ top: 11px;
21354
+ right: 45px;
21355
+ }
21356
+
21357
+ body {
21358
+ margin: 0;
21359
+ --shuyunBlue1: #EDF6FF;
21360
+ --shuyunBlue2: #CCE6FF;
21361
+ --shuyunBlue3: #72B0ED;
21362
+ --shuyunBlue4: #0066CC;
21363
+ --shuyunBlue5: #004CA3;
21364
+ --shuyunBlue6: #003775;
21365
+ --shuyunBlue7: #002147;
21366
+ }
21367
+ .paramCodeForm {
21368
+ width: 600px;
21369
+ }
21370
+ .paramCodeForm .addRow {
21371
+ margin-bottom: 15px;
21372
+ }
21373
+ .paramCodeForm .timeRow {
21374
+ gap: 10px;
21375
+ }
21376
+ .paramCodeForm .delete {
21377
+ cursor: pointer;
21378
+ }
21379
+ .paramCodeForm .pageFormItem .newCloud-form-item-wrapper {
21380
+ line-height: normal;
21381
+ }
21382
+ .paramCodeForm .footer {
21383
+ position: absolute;
21384
+ bottom: 0px;
21385
+ align-items: center;
21386
+ display: flex;
21387
+ justify-content: center;
21388
+ width: calc(100% - 40px);
21389
+ }
21390
+ .row-flex,
21391
+ .row-flex-center,
21392
+ .row-flex-baseline,
21393
+ .row-flex-start,
21394
+ .row-flex-end,
21395
+ .row-flex-wrap {
21396
+ display: flex;
21397
+ flex-direction: row;
21398
+ min-width: 0;
21399
+ min-height: 0;
21400
+ }
21401
+
21402
+ .poiForm {
21403
+ min-width: 240px;
21404
+ }
21405
+ .poiForm .createItem {
21406
+ display: flex;
21407
+ }
21408
+ .poiForm .createItem .createUploadContainer {
21409
+ flex: 0 0 328px;
21410
+ }
21411
+ .poiForm .createItem .createOther {
21412
+ padding-left: 20px;
21413
+ flex: 1;
21414
+ height: 490px;
21415
+ overflow-y: scroll;
21416
+ }
21417
+ .poiForm .createUpload {
21418
+ background: #FAFAFA;
21419
+ border-radius: 6px;
21420
+ border: 1px solid #E8E8E8;
21421
+ height: 328px;
21422
+ display: flex;
21423
+ align-items: center;
21424
+ justify-content: center;
21425
+ flex-direction: column;
21426
+ padding: 0 50px;
21427
+ width: 228px;
21428
+ }
21429
+ .poiForm .createUpload .createIcon {
21430
+ font-size: 18px;
21431
+ color: rgba(0, 0, 0, 0.85);
21432
+ margin-bottom: 20px;
21433
+ }
21434
+ .poiForm .createUpload .createUploadLabel {
21435
+ font-weight: 400;
21436
+ font-size: 14px;
21437
+ color: rgba(0, 0, 0, 0.85);
21438
+ }
21439
+ .poiForm .tips {
21440
+ text-align: center;
21441
+ color: rgba(0, 0, 0, 0.45);
21442
+ margin-top: 6px;
21443
+ }
21444
+ .poiForm .item {
21445
+ margin-bottom: 0;
21446
+ }
21447
+ .poiForm .timeRow {
21448
+ gap: 10px;
21449
+ }
21450
+ .poiForm .timeRow .delete {
21451
+ font-size: 14px;
21452
+ color: rgba(0, 0, 0, 0.45);
21453
+ cursor: pointer;
21454
+ }
21455
+ .poiForm .footer {
21456
+ position: absolute;
21457
+ bottom: 0px;
21458
+ align-items: center;
21459
+ display: flex;
21460
+ justify-content: center;
21461
+ width: calc(100% - 40px);
21462
+ }
21463
+
21464
+ body {
21465
+ margin: 0;
21466
+ --shuyunBlue1: #EDF6FF;
21467
+ --shuyunBlue2: #CCE6FF;
21468
+ --shuyunBlue3: #72B0ED;
21469
+ --shuyunBlue4: #0066CC;
21470
+ --shuyunBlue5: #004CA3;
21471
+ --shuyunBlue6: #003775;
21472
+ --shuyunBlue7: #002147;
21473
+ }
21474
+ .assetLinkForm .input {
21475
+ max-width: 400px;
21476
+ }
21477
+ .assetLinkForm .cover {
21478
+ width: 100px;
21479
+ height: 100px;
21480
+ border: 1px dashed #878b8f;
21481
+ border-radius: 4px;
21482
+ }
21483
+ .assetLinkForm .cover img {
21484
+ max-width: 100%;
21485
+ max-height: 100%;
21486
+ }
21487
+ .assetLinkForm .createItem {
21488
+ display: flex;
21489
+ }
21490
+ .assetLinkForm .createItem .createUploadContainer {
21491
+ flex: 0 0 328px;
21492
+ }
21493
+ .assetLinkForm .createItem .createOther {
21494
+ padding-left: 20px;
21495
+ flex: 1;
21496
+ }
21497
+ .assetLinkForm .createUpload {
21498
+ background: #FAFAFA;
21499
+ border-radius: 6px;
21500
+ border: 1px solid #E8E8E8;
21501
+ height: 328px;
21502
+ display: flex;
21503
+ align-items: center;
21504
+ justify-content: center;
21505
+ flex-direction: column;
21506
+ padding: 0 50px;
21507
+ width: 228px;
21508
+ }
21509
+ .assetLinkForm .createUpload .createIcon {
21510
+ font-size: 18px;
21511
+ color: rgba(0, 0, 0, 0.85);
21512
+ margin-bottom: 20px;
21513
+ }
21514
+ .assetLinkForm .createUpload .createUploadLabel {
21515
+ font-weight: 400;
21516
+ font-size: 14px;
21517
+ color: rgba(0, 0, 0, 0.85);
21518
+ }
21519
+ .assetLinkForm .tips {
21520
+ text-align: center;
21521
+ color: rgba(0, 0, 0, 0.45);
21522
+ margin-top: 6px;
21523
+ }
21524
+ .assetLinkForm .newCloud-upload-list-text-info-detail {
21525
+ display: none;
21526
+ }
21527
+ .assetLinkForm .newCloud-tree-select {
21528
+ margin-bottom: 0 !important;
21529
+ }
21530
+ .assetLinkForm .newCloud-tree-select .newCloud-tree-select-wrapper {
21531
+ height: 32px;
21532
+ }
21533
+ .assetLinkForm .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-selected {
21534
+ font-size: 14px;
21535
+ padding-left: 14px;
21536
+ }
21537
+ .assetLinkForm .addRow {
21538
+ margin-bottom: 15px;
21539
+ }
21540
+ .assetLinkForm .timeRow {
21541
+ gap: 10px;
21542
+ }
21543
+ .assetLinkForm .delete {
21544
+ cursor: pointer;
21545
+ }
21546
+ .assetLinkForm .footer {
21547
+ position: absolute;
21548
+ bottom: 0px;
21549
+ align-items: center;
21550
+ display: flex;
21551
+ justify-content: center;
21552
+ width: calc(100% - 40px);
21553
+ }
21554
+
21555
+ :root,
21556
+ :host {
21557
+ --w-e-textarea-bg-color: #fff;
21558
+ --w-e-textarea-color: #333;
21559
+ --w-e-textarea-border-color: #ccc;
21560
+ --w-e-textarea-slight-border-color: #e8e8e8;
21561
+ --w-e-textarea-slight-color: #d4d4d4;
21562
+ --w-e-textarea-slight-bg-color: #f5f2f0;
21563
+ --w-e-textarea-selected-border-color: #B4D5FF;
21564
+ --w-e-textarea-handler-bg-color: #4290f7;
21565
+ --w-e-toolbar-color: #595959;
21566
+ --w-e-toolbar-bg-color: #fff;
21567
+ --w-e-toolbar-active-color: #333;
21568
+ --w-e-toolbar-active-bg-color: #f1f1f1;
21569
+ --w-e-toolbar-disabled-color: #999;
21570
+ --w-e-toolbar-border-color: #e8e8e8;
21571
+ --w-e-modal-button-bg-color: #fafafa;
21572
+ --w-e-modal-button-border-color: #d9d9d9;
21573
+ }
21574
+
21575
+ .w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}
21576
+ .w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 10px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}
21577
+ .w-e-text-container [data-slate-editor] ol,.w-e-text-container [data-slate-editor] ul{padding-left:20px}.w-e-text-container [data-slate-editor] li{line-height:inherit;margin:10px 0}
21578
+ .w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}
21579
+ .w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}
21580
+
21581
+ .w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}
21582
+ .assetEditorWangWrapper {
21583
+ border: 1px solid #E8E8E8;
21584
+ border-radius: 2px;
21585
+ z-index: 100;
21586
+ }
21587
+ .assetEditorWangWrapper .w-e-text-placeholder {
21588
+ line-height: initial;
21589
+ }
21590
+ .assetEditorWangWrapper li {
21591
+ list-style: unset !important;
21592
+ }
21593
+ .has-error .assetEditorWangWrapper {
21594
+ border-color: #e74949;
21595
+ }
21596
+
21597
+ body {
21598
+ margin: 0;
21599
+ --shuyunBlue1: #EDF6FF;
21600
+ --shuyunBlue2: #CCE6FF;
21601
+ --shuyunBlue3: #72B0ED;
21602
+ --shuyunBlue4: #0066CC;
21603
+ --shuyunBlue5: #004CA3;
21604
+ --shuyunBlue6: #003775;
21605
+ --shuyunBlue7: #002147;
21606
+ }
21607
+ .assetCommonForm .input {
21608
+ max-width: 400px;
21609
+ }
21610
+ .assetCommonForm .createItem {
21611
+ display: flex;
21612
+ }
21613
+ .assetCommonForm .createItem .createUploadContainer {
21614
+ flex: 0 0 328px;
21615
+ }
21616
+ .assetCommonForm .createItem .createOther {
21617
+ padding-left: 20px;
21618
+ flex: 1;
21619
+ }
21620
+ .assetCommonForm .createUpload {
21621
+ background: #FAFAFA;
21622
+ border-radius: 6px;
21623
+ border: 1px solid #E8E8E8;
21624
+ height: 328px;
21625
+ display: flex;
21626
+ align-items: center;
21627
+ justify-content: center;
21628
+ flex-direction: column;
21629
+ padding: 0 50px;
21630
+ width: 228px;
21631
+ }
21632
+ .assetCommonForm .createUpload .createIcon {
21633
+ font-size: 18px;
21634
+ color: rgba(0, 0, 0, 0.85);
21635
+ margin-bottom: 20px;
21636
+ }
21637
+ .assetCommonForm .createUpload .createUploadLabel {
21638
+ font-weight: 400;
21639
+ font-size: 14px;
21640
+ color: rgba(0, 0, 0, 0.85);
21641
+ }
21642
+ .assetCommonForm .cover {
21643
+ width: 100px;
21644
+ height: 100px;
21645
+ border: 1px dashed #878b8f;
21646
+ border-radius: 4px;
21647
+ }
21648
+ .assetCommonForm .cover img {
21649
+ max-width: 100%;
21650
+ max-height: 100%;
21651
+ }
21652
+ .assetCommonForm .tips {
21653
+ text-align: center;
21654
+ color: rgba(0, 0, 0, 0.45);
21655
+ margin-top: 8px;
21656
+ }
21657
+ .assetCommonForm .newCloud-upload-list-text-info-detail {
21658
+ display: none;
21659
+ }
21660
+ .assetCommonForm .newCloud-tree-select {
21661
+ margin-bottom: 0 !important;
21662
+ }
21663
+ .assetCommonForm .newCloud-tree-select .newCloud-tree-select-wrapper {
21664
+ height: 32px;
21665
+ }
21666
+ .assetCommonForm .newCloud-tree-select .newCloud-tree-select-wrapper .newCloud-tree-select-selected {
21667
+ font-size: 14px;
21668
+ padding-left: 14px;
21669
+ }
21670
+ .assetCommonForm .addRow {
21671
+ margin-bottom: 15px;
21672
+ }
21673
+ .assetCommonForm .timeRow {
21674
+ gap: 10px;
21675
+ }
21676
+ .assetCommonForm .delete {
21677
+ cursor: pointer;
21678
+ }
21679
+ .assetCommonForm .footer {
21680
+ position: absolute;
21681
+ bottom: 0px;
21682
+ align-items: center;
21683
+ display: flex;
21684
+ justify-content: center;
21685
+ width: calc(100% - 40px);
21686
+ }
21687
+
21688
+ .createAssetContainer {
21689
+ width: 100%;
21690
+ }
21691
+ .createAssetContainer .createBread {
21692
+ padding: 4px 20px 6px 20px;
21693
+ width: 100%;
21694
+ border-bottom: 1px solid #e8e8e8;
21695
+ }
21696
+ .createAssetContainer .createForm {
21697
+ padding: 20px;
21698
+ }
21699
+
21700
+ body {
21701
+ margin: 0;
21702
+ --shuyunBlue1: #EDF6FF;
21703
+ --shuyunBlue2: #CCE6FF;
21704
+ --shuyunBlue3: #72B0ED;
21705
+ --shuyunBlue4: #0066CC;
21706
+ --shuyunBlue5: #004CA3;
21707
+ --shuyunBlue6: #003775;
21708
+ --shuyunBlue7: #002147;
21709
+ }
21710
+ .selectedAssetContainer {
21711
+ width: 100%;
21712
+ display: flex;
21713
+ flex-direction: column;
21714
+ }
21715
+ .selectedAssetContainer .selectedBread {
21716
+ padding: 4px 20px 6px 20px;
21717
+ width: 100%;
21718
+ border-bottom: 1px solid #e8e8e8;
21719
+ }
21720
+ .selectedAssetContainer .selectedTable {
21721
+ padding: 18px 0px;
21722
+ flex: 1;
21723
+ overflow: hidden;
21724
+ display: flex;
21725
+ flex-direction: column;
21726
+ }
21727
+ .selectedAssetContainer .assetSelectSearchContainer {
21728
+ padding: 0 20px;
21729
+ background: #fff;
21730
+ border-radius: 3px;
21731
+ display: flex;
21732
+ box-sizing: border-box;
21733
+ position: relative;
21734
+ align-items: center;
21735
+ justify-content: space-between;
21736
+ }
21737
+ .selectedAssetContainer .assetSelectSearchContainer .searchRight {
21738
+ display: flex;
21739
+ align-items: center;
21740
+ justify-content: center;
21741
+ }
21742
+ .selectedAssetContainer .assetSelectSearchContainer .searchRight .normal {
21743
+ font-size: 16px;
21744
+ cursor: pointer;
21745
+ color: rgba(0, 0, 0, 0.25);
21746
+ }
21747
+ .selectedAssetContainer .assetSelectSearchContainer .searchRight .active {
21748
+ color: var(--shuyunBlue4);
21749
+ font-size: 16px;
21750
+ }
21751
+ .selectedAssetContainer .assetSelectSearchContainer .searchRight .solid-de {
21752
+ display: inline-block;
21753
+ width: 1px;
21754
+ height: 12px;
21755
+ margin: 0 8px;
21756
+ background-color: #E8E8E8;
21757
+ }
21758
+ .selectedAssetContainer .cardMaterials {
21759
+ padding: 0 20px;
21760
+ gap: 12px;
21761
+ }
21762
+ .selectedAssetContainer .cardMaterials .card {
21763
+ width: 128px;
21764
+ height: 152px;
21765
+ background: #FFFFFF;
21766
+ overflow: hidden;
21767
+ cursor: pointer;
21768
+ }
21769
+ .selectedAssetContainer .cardMaterials .card:hover .img .checkbox {
21770
+ visibility: visible;
21771
+ }
21772
+ .selectedAssetContainer .cardMaterials .card:hover .img .collect {
21773
+ visibility: visible;
21774
+ }
21775
+ .selectedAssetContainer .cardMaterials .card .img {
21776
+ height: 128px;
21777
+ position: relative;
21778
+ background: #FAFAFA;
21779
+ border: 1px solid #E8E8E8;
21780
+ border-radius: 6px;
21781
+ }
21782
+ .selectedAssetContainer .cardMaterials .card .img .collect {
21783
+ position: absolute;
21784
+ top: 8px;
21785
+ left: 8px;
21786
+ visibility: hidden;
21787
+ width: 20px;
21788
+ height: 20px;
21789
+ background: #FFFFFF;
21790
+ display: flex;
21791
+ align-items: center;
21792
+ justify-content: center;
21793
+ font-size: 12px;
21794
+ color: rgba(0, 0, 0, 0.25);
21795
+ border-radius: 3px;
21796
+ }
21797
+ .selectedAssetContainer .cardMaterials .card .img .collect.active {
21798
+ color: #FF5866;
21799
+ }
21800
+ .selectedAssetContainer .cardMaterials .card .img .materialInfoAndPreview {
21801
+ position: absolute;
21802
+ bottom: 0;
21803
+ left: 0;
21804
+ display: flex;
21805
+ align-items: center;
21806
+ justify-content: space-between;
21807
+ padding: 0 4px;
21808
+ width: 118px;
21809
+ width: 120px;
21810
+ height: 26px;
21811
+ background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
21812
+ border-radius: 0px 0px 6px 6px;
21813
+ }
21814
+ .selectedAssetContainer .cardMaterials .card .img .materialInfoAndPreview .materialInfo {
21815
+ font-size: 9px;
21816
+ color: #FFFFFF;
21817
+ }
21818
+ .selectedAssetContainer .cardMaterials .card .img .materialInfoAndPreview .rightOperate {
21819
+ display: flex;
21820
+ align-items: center;
21821
+ justify-content: center;
21822
+ }
21823
+ .selectedAssetContainer .cardMaterials .card .img .materialInfoAndPreview .materialEdit {
21824
+ font-size: 12px;
21825
+ color: #FFFFFF;
21826
+ margin-right: 4px;
21827
+ display: none;
21828
+ }
21829
+ .selectedAssetContainer .cardMaterials .card .img .materialInfoAndPreview .materialPreview {
21830
+ font-size: 12px;
21831
+ color: #FFFFFF;
21832
+ }
21833
+ .selectedAssetContainer .cardMaterials .card .img .checkbox {
21834
+ position: absolute;
21835
+ top: 10px;
21836
+ right: 8px;
21837
+ visibility: hidden;
21838
+ }
21839
+ .selectedAssetContainer .cardMaterials .card .img .newCloud-radio {
21840
+ margin-right: 0px;
21841
+ }
21842
+ .selectedAssetContainer .cardMaterials .card .img .newCloud-radio .newCloud-radio-wrapper {
21843
+ margin-right: 0px;
21844
+ }
21845
+ .selectedAssetContainer .cardMaterials .card .img:hover .materialInfoAndPreview .materialInfo {
21846
+ display: none;
21847
+ }
21848
+ .selectedAssetContainer .cardMaterials .card .img:hover .materialInfoAndPreview .materialEdit {
21849
+ display: block;
21850
+ }
21851
+ .selectedAssetContainer .cardMaterials .card .img .imgBox {
21852
+ width: 100%;
21853
+ height: 100%;
21854
+ overflow: hidden;
21855
+ }
21856
+ .selectedAssetContainer .cardMaterials .card .img .imgBox:hover .mask {
21857
+ display: block;
21858
+ opacity: 1;
21859
+ }
21860
+ .selectedAssetContainer .cardMaterials .card .img .imgBox:hover .more {
21861
+ opacity: 1;
21862
+ }
21863
+ .selectedAssetContainer .cardMaterials .card .img img {
21864
+ max-width: 100%;
21865
+ max-height: 100%;
21866
+ }
21867
+ .selectedAssetContainer .cardMaterials .card .img .mask {
21868
+ width: 100%;
21869
+ height: 100%;
21870
+ background: rgba(0, 0, 0, 0.45);
21871
+ position: absolute;
21872
+ top: 0;
21873
+ left: 0;
21874
+ z-index: 100;
21875
+ transition: all 0.3s;
21876
+ opacity: 0;
21877
+ border-radius: 6px 6px 0 0;
21878
+ cursor: zoom-in;
21879
+ }
21880
+ .selectedAssetContainer .cardMaterials .card .img .operation {
21881
+ width: 28px;
21882
+ height: 28px;
21883
+ box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
21884
+ border-radius: 3px;
21885
+ background: #FFFFFF;
21886
+ display: flex;
21887
+ align-items: center;
21888
+ justify-content: center;
21889
+ cursor: pointer;
21890
+ text-align: center;
21891
+ }
21892
+ .selectedAssetContainer .cardMaterials .card .img .more {
21893
+ position: absolute;
21894
+ top: 12px;
21895
+ right: 12px;
21896
+ width: 24px;
21897
+ height: 24px;
21898
+ z-index: 101;
21899
+ color: rgba(0, 0, 0, 0.85);
21900
+ opacity: 0;
21901
+ }
21902
+ .selectedAssetContainer .cardMaterials .card .info {
21903
+ margin-top: 4px;
21904
+ }
21905
+ .selectedAssetContainer .cardMaterials .card .info .title {
21906
+ font-size: 12px;
21907
+ font-weight: 400;
21908
+ color: rgba(0, 0, 0, 0.85);
21909
+ line-height: 20px;
21910
+ cursor: pointer;
21911
+ }
21912
+ .selectedAssetContainer .cardMaterials .checked .img .checkbox {
21913
+ visibility: visible;
21914
+ }
21915
+ .selectedAssetContainer .selectAssetFooter {
21916
+ display: flex;
21917
+ align-items: center;
21918
+ justify-content: center;
21919
+ }
21920
+ .selectedAssetContainer .selectAssetFooter .cancel {
21921
+ margin-left: 12px;
21922
+ }
21923
+
20210
21924
  body {
20211
21925
  margin: 0;
20212
21926
  --shuyunBlue1: #EDF6FF;