- @charset "utf-8";
- @rem:75rem;
-
- #wrap {
- overflow: hidden;
- position: relative;
- width: 100%;
- height: auto;
- }
-
- #wrap header{
- margin: 15/@rem auto;
- width: 664/@rem;
- height: 62/@rem;
- background-color: #fd4c4c;
- border-radius: 31px;
- }
-
- #wrap header .title{
- margin: 15/@rem auto;
- padding: 0 50/@rem;
- width: 85%;
- height: 62/@rem;
- background-color: #fd4c4c;
- line-height: 62/@rem;
- font-size: 22/@rem;
- color: #fff;
- border-radius: 31/@rem;
- }
-
- #wrap header .title div{
- float: right;
- width: 85%;
- }
-
- #wrap header p{
- float: left;
- margin-right: 50/@rem;
- }
-
- #wrap header i{
- font-size: 22/@rem;
- }
-
- /*主体*/
- .main{
- padding: 0 30/@rem;
- width: 92%;
- height: auto;
- }
-
- .main li{
- padding: 40/@rem 0;
- width: 100%;
- height: 140/@rem;
- 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: 24/@rem;
- width: 60%;
- height: 90/@rem;
- }
-
- .main li div p:nth-child(1){
- overflow: hidden;
- margin-bottom: 24/@rem;
- width: 350/@rem;
- font-size: 28/@rem;
- white-space:nowrap;
- text-overflow:ellipsis;
- color: #333;
- }
-
- .main li div p:nth-child(2){
- font-size: 24/@rem;
- color: #999;
- }
-
- .main li div i{
- position: absolute;
- right: 0;
- top: 30/@rem;
- font-size: 34/@rem;
- color: #999;
- }
-
-
|