- .top {
- width: 100 % ;
- }.c_lan {
- font - size: 1.1em;
- font - weight: 900;
- line - height: 1.1em;
- display: block;
- padding - top: 5px;
- margin - bottom: 15px;
- }.space {
- width: 100 % ;
- height: 1px;
- background - color: #EEE9BF;
- display: block;
- }.c_article {
- font - size: 1.0em;
- font - weight: 100;
- line - height: 1.0em;
- width: 100 % ;
- height: 50px;
- }.left {
- width: 45 % ;
- float: left;
- text - align: left;
- font - size: 0.9em;
- height: 50px;
- line - height: 50px;
- }.right {
- width: 45 % ;
- float: right;
- text - align: right;
- font - size: 0.9em;
- height: 50px;
- line - height: 50px;
- }.font {
- display: inline;
- }.reverse {
- width: 100 % ;
- height: 30px;
- text - align: center;
- color: #EEE9BF;
- font - size: 1.1em;
- line - height: 30px; - webkit - tap - highlight - color: rgba(255, 255, 255, 0);
- }.kong {
- width: 100 % ;
- height: 10px;
- background - color: #EEE9BF;
- display: block;
- }.new {
- width: 30 % ;
- margin - left: 3 % ;
- float: left;
- margin - bottom: 10px;
- }.new_img {
- width: 100 % ;
- }.new_content {
- width: 100 % ;
- height: 50px;
- line - height: 1.5em;
- text - align: left;
- font - size: 0.75em;
- overflow: hidden;
- }.new_surrond {
- width: 100 % ;
- overflow: auto;
- }.guang {
- width: 45.5 % ;
- margin - left: 2.5 % ;
- float: left;
- margin - bottom: 10px;
- }.guang_img {
- width: 100 % ;
- }.guang_content {
- width: 100 % ;
- height: 20px;
- line - height: 1.5em;
- text - align: center;
- font - size: 0.75em;
- overflow: hidden;
- }.guang_desc {
- width: 100 % ;
- height: 15px;
- line - height: 1.2em;
- text - align: center;
- font - size: 0.6em;
- overflow: hidden;
- }.guang_surround {
- width: 100 % ;
- overflow: auto;
- }.extend {
- width: 100 % ;
- height: 100px;
- }.extend_img {
- width: 50px;
- height: 50px;
- margin - top: 25px;
- float: right;
- margin - right: 30px;
- }.extend_title {
- line - height: 1.2em;
- font - size: 0.9em;
- margin - left: 20px;
- margin - top: 20px;
- display: inline - block;
- }.extend_subtitle {
- line - height: 1.2em;
- font - size: 0.7em;
- margin - left: 40px;
- margin - top: 20px;
- display: inline - block;
- }
提示:由于网页太长,有滚动条,导致截图有点不好看,自行脑补吧~
来源: http://www.2cto.com/kf/201608/543654.html