ul li ol li em strong i { list-style: none; font-style: normal; } /deep/.van-swipe__indicator--active{ background:#E2001A; } //手机端 @media screen and (max-width: 768px) { .rc-main { margin: 0 auto; overflow: hidden; .rc-center { width: 100%; height: 180px; img { width: 100%; height: 100%; display: block; } } .rc-userorder{ display: flex; align-items: center; height: 100%; } .rc-order{ padding: 16px 0 16px 0 ; width: 100%; display: flex; align-items: center; font-size: 14px; color: #333333; font-weight: 500; border-bottom: 1px solid #D8D8D8; margin-top: 22px; } .rc-cordd{ color:#666666; font-size: 14px; margin-top: 16px; span{ display: block; margin-top: 16px; } .block{ height: 8px; background: #D7D7D7; margin-top: 16px; border-radius: 4px; .r-block{ width: 0%; height: 100%; background: #008900; } } .rc-value{ display: flex; justify-content: space-between; } } .usermember{ width: 100%; height: 80px; border-bottom: 1px solid #D8D8D8; display: flex; align-items: center; padding-left:0; padding-bottom:0; .rc-image{ height: 100%; display: flex; align-items: center; } img{ width: 3rem; height: 3rem; display: block; object-fit: contain; } em{ font-style: normal; font-size: 16px; display: block; margin-left:3vw; font-weight: bold; color: #531c1c; width:4.25rem; } span{ color: #666666; font-size: 14px; margin-left: 3vw; width: 51vw; } } } } @media screen and (min-width: 769px) { .rc-main { .rc-center { width: 100%; height: 180px; display: none; img { width: 100%; height: 100%; display: block; } } .rc-order{ padding: 16px 0 16px 0 ; width: 100%; display: flex; align-items: center; font-size: 26px; color: #333333; font-weight: 500; } .rc-cordd{ color:#666666; margin-top: 16px; span{ display: block; margin-top: 16px; font-size: 16px; } .block{ height: 8px; background: #D7D7D7; margin-top: 16px; border-radius: 4px; .r-block{ width: 0%; height: 100%; background: #008900; } } .rc-value{ display: flex; justify-content: space-between; } } .usermember{ min-width:14.5rem; max-width:16.75rem; width:16vw; height: 10rem; border: 1px solid #D7D7D7; margin-top: 5rem; margin-left: .75rem; .rc-image{ float: right; overflow: hidden; height: 100%; display: flex; align-items: center; } img{ width: 5rem; height: 5rem; display: block; } em{ font-style: normal; font-size: 1.25rem; display: block; font-weight: 500; color: #333333; } span{ color: #999999; font-size: .875rem; } } .rc-userorder{ width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; span{ margin-top: .5rem; } } } }