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; .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 { width: 92%; margin: 0 auto; overflow: hidden; .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{ width: 23%; float: left; height: 160px; border: 1px solid #D7D7D7; margin-top: 80px; margin-left: 19px; .rc-image{ float: right; overflow: hidden; height: 100%; display: flex; align-items: center; margin-right:20px; } img{ width: 80px; height: 80px; display: block; } em{ font-style: normal; font-size: 20px; display: block; font-weight: 500; color: #333333; } span{ color: #999999; font-size: 14px; } } .rc-userorder{ width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding-left:2.5rem; span{ margin-top: 8px; } } } }