You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
- @charset "utf-8";
- #wrap {
- overflow: hidden;
- position: relative;
- width: 100%;
- height: auto;
- }
- #wrap header {
- margin: 0.2rem auto;
- width: 8.85333333rem;
- height: 0.82666667rem;
- background-color: #fd4c4c;
- border-radius: 31px;
- }
- #wrap header .title {
- margin: 0.2rem auto;
- padding: 0 0.66666667rem;
- width: 85%;
- height: 0.82666667rem;
- background-color: #fd4c4c;
- line-height: 0.82666667rem;
- font-size: 0.29333333rem;
- color: #fff;
- border-radius: 0.41333333rem;
- }
- #wrap header .title div {
- float: right;
- width: 85%;
- }
- #wrap header p {
- float: left;
- margin-right: 0.66666667rem;
- }
- #wrap header i {
- font-size: 0.29333333rem;
- }
- /*主体*/
- .main {
- padding: 0 0.4rem;
- width: 92%;
- height: auto;
- }
- .main li {
- padding: 0.53333333rem 0;
- width: 100%;
- height: 1.86666667rem;
- border-top: 1px solid #ddd;
- }
- .main li a {
- display: block;
- width: 100%;
- height: 100%;
- }
- .main li a img {
- width: 35%;
- height: inherit;
- }
- .main li div {
- position: relative;
- float: right;
- margin-top: 0.32rem;
- width: 60%;
- height: 1.2rem;
- }
- .main li div p:nth-child(1) {
- overflow: hidden;
- margin-bottom: 0.32rem;
- width: 4.66666667rem;
- font-size: 0.37333333rem;
- white-space: nowrap;
- text-overflow: ellipsis;
- color: #333;
- }
- .main li div p:nth-child(2) {
- font-size: 0.32rem;
- color: #999;
- }
- .main li div i {
- position: absolute;
- right: 0;
- top: 0.4rem;
- font-size: 0.45333333rem;
- color: #999;
- }
|