@charset 'utf-8'; * {margin:0px; padding:0px;} ul,li {list-style:none;} img {max-width:100%;} body {font-family:"Arial" "微软雅黑" "宋体"; letter-spacing:1px; padding-bottom:10px;} a {color:#4e4e4e; text-decoration:none;} a:visited {color:#4e4e4e;} *:focus {outline: none;} /* flex布局自定义原子类 */ .flex {display:-webkit-box; display:-ms-flex; display:-webkit-flex; display:flex;} .inline-flex {display:-webkit-inline-box; display:-ms-inline-flex; display:-webkit-flex; display:inline-flex;} .flex-vertical {-webkit-box-orient:vertical; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;} .flex-hc {-webkit-box-pack:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;} .flex-vc {-webkit-box-align:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;} .flex-hb {-webkit-box-pack:justify; -ms-justify-content:space-around; -webkit-justify-content:space-around; justify-content:space-around;} .flex-item {-webkit-box-flex:1; -ms-flex-grow:1; -webkit-flex-grow:1; flex-grow:1;} body {word-break:break-all;} .p10 {padding:10px;} .pt10 {padding-top:10px;} .pt5 {padding-top:5px;} .img-container {height:80px; min-width:80px; max-width:80px; overflow:hidden;} .img-container img {height:100%; width:100%;} .text-container {padding-left:15px;} .page {font-size:12px;} .comment {font-size:12px; float:right; font-style:italic;} a:nth-child(even) li {background:#f2f2f2;} .load-more {text-align:center; line-height:38px; border:1px solid #ddd; width:95%; margin:0 auto; background:-webkit-linear-gradient(top,#fff,#e7e7e7);} .meneame { clear:both; background:none; border:0; height:40px; width:100%; text-align:center; } .meneame a { display:inline; float:none; width:100px; color:#fff; } .meneame a:visited{ color:#262626; } .caselist dl { MARGIN: 10px 20px 15px 0px; WIDTH: 99%; height:140px; overflow:hidden; FLOAT: left; border: 1px solid #111401; } .caselist dl dt { PADDING-BOTTOM: 0px; PADDING-LEFT: 8px; WIDTH: 172px; PADDING-RIGHT: 8px; BACKGROUND: url(../img/works.gif) no-repeat; FLOAT: left; HEIGHT: 123px; PADDING-TOP: 8px; } .caselist dl dt img{ WIDTH: 156px; HEIGHT: 107px; } .caselist dl dd { WIDTH: 385px; FLOAT:left; margin-left:10px; } .caselist dl dd span { LINE-HEIGHT: 24px; COLOR: #000; FONT-WEIGHT: bold; } .caselist dl span strong { COLOR: #000; } .caselist dl dd p.link { MARGIN-BOTTOM: 10px; } .caselist dl dd p { COLOR: #000; } @media screen and (max-width:640px) { } @media screen and (max-width:540px) { } @media screen and (max-width:480px) { } @media screen and (max-width:320px) { }