css.css

*{ padding: 0; margin: 0; font-family:微软雅黑,"Microsoft YaHei","Microsoft JhengHei"; border: none; font-size: 14px; } a:hover{ text-decoration: underline; } a{ cursor:pointer; text-decoration:none; color: #fff; }body{background-color: #fff;} /* head部分 */ div#mainpic{ height: 309px; width: 100%; background:url(images/titlebg.gif)no-repeat 0 0; background-size:100% 100%; float: left; min-width:1349px; position: relative;z-index: 99} div#nav{ min-width:1073px; height: 61px; width: 100%; background: url(images/sprite2.png)repeat-x 0 -340px; float: left; text-align: center;   position: relative; z-index: 999} div#nav1{ float: left; height: 61px; position: relative; left: 50%; margin-left: -520px; line-height: 61px; } a.nav{ display: block; padding:0 31px;margin-left:30px;width: auto; float: left; text-align: center; color: white; font-size: 24px; } a.nav:hover{color:#D2011B;background-color: #fff;text-decoration: none;}/* main部分 */ div#main{ height:4390px; width:1039px; padding: 0 5px 0 30px; margin:auto; -webkit-box-shadow: 0 20px 20px rgba(0,0,0,0.3); -moz-box-shadow: 0 20px 20px rgba(0,0,0,0.3); box-shadow: 0 20px 20px rgba(0,0,0,0.3);position: relative;left: 20px;} div#picture{ height: 296px; float: left; width: 439px; margin-top: 20px; } /* 轮 播 代 码 */ .focus ul,li {list-style:none; margin:0px; padding:0px;} img {border:0;} .focus {width:439px; height:296px; overflow:hidden; position:relative; margin-top: 4px; } .focus ul { height:296px; position:absolute; } .focus ul li { float:left; width:439px; height:296px; overflow:hidden; position:relative; background:#000; } .focus ul li div { position:absolute; overflow:hidden; } .focus .btnBg { position:absolute; width:439px; height:20px; left:0; bottom:0; background:#000; display:none; } .focus .btn {position:absolute; widows: 439px; height:23px; padding:0px 8px; right:0; bottom:6px; text-align:right; overflow:hidden;} .focus .btn span {display:inline-block; _display:inline; _zoom:1; width:21px; height:21px; line-height:21px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#333; color:#fff;} .focus .btn span.on {background:#000; color:#fff; border:1px solid #fff;} div a { color: black; } li a{ color: white; } div#word1{ width: 552px; position:relative; top:30px;margin: 24px 0 0 17px;padding-left: 10px; float: left; height: 276px; border-left: 1px solid #d90d25;background-color: #fff; } div.hd{ width: 552px; height: 30px; float: left; font-size: 13px;font-weight: bold; padding:5px 0 8px 10px; color: #fff; line-height: 30px;background: url(images/sprite2.png) no-repeat 0 -340px; }.word{ color: #333; padding-left: 32px; } div#word{ padding-bottom: 20px; border-bottom: 1px dashed black; } div.word{ width: 100%; padding-left:5px; font-size: 18px;font-weight: bold; } div.hd span{ padding:0 128px 0 0px; font-size: 20px;left: 154px; } div#news{ float: left; margin: 20px 0 0 0 ; height: 302px; } div#new li span{ font-size: 18px; position: relative; top: -15px; } div#new{ width: 319px; height:258px; float: left; position: relative; top: 0px; line-height: 10px; background-color: #fff;} div#show{ width: 256px; height:236px; padding:64px 0 0 0 ; } div#video{ float: left; width: 374px; height:240px; margin: 9px 0px 0px 5px; } div#great{ width: 308px; height: 232px; background-color: #fff; position: relative; top: -10px; float: right; padding-right: 10px; } div#look{ width: 308px; height: 232px; background-color: #fff; float: right; margin: 20px 0 0 5px; } video{ width: 308px; height: 250px;margin-left:35px;  } div#sina{ margin:0 auto; } div.chd{ width:1009px;height:50px; color: black; float: left; position: relative; margin-bottom: 30px; } div#drhd{ background: url(images/sprite2.png)no-repeat 0 -661px; } div#grhd{ background: url(images/sprite2.png)no-repeat -1px -598px; } div#ruhd{ background: url(images/sprite2.png)no-repeat -1px -535px; } div#lfhd{ background: url(images/sprite2.png)no-repeat -1px -472px; } div#row { float: left; }/* 梦想人物的照片 */ div.stars{ float: left; width: 230px;background-color: #fff; } div.stars img{ width: 220px; height: 140px; margin: auto; border: none; } div.middle{ margin-right: 32px; } div.content{ text-align: center; font-size: 12px; color: white; width: 220px; height: 27px; background-color: rgba(168,114,128,0.6); position: relative; top: -31px; } div.insider{ width: 220px; font-size: 12px; text-indent: 1em; letter-spacing:0; word-spacing: 0; line-height: 18px; font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei"; position: relative; top: -20px; margin-bottom: 20px; font-weight: normal; } /* 这 里 是 新青年故事 图片*/ div#storypic{ width: 1009px; height: 200px; float: left; text-align: center; } div#sina{ overflow-y:hidden; float: left; } div#starweibos{ float: right; width: 310px; height: 730px; margin-top:30px; border-left: 1px solid #650000; padding-left: 28px; } #starweibos li{ width:50px; height:110px; float:left; padding-left:8px; } #starweibos li img{ display:block; background:#ccc ; width: 50px;height: 50px;} #starweibos li span{ width:50px; height:30px; line-height:30px; text-align:center; overflow:hidden;} div#foot{ background: #FFF; text-align: center; color: #650000; height: 150px; width: 100%; margin-top: 50px; } div#nav2{ margin: 20px; color:#fff; font-size: 1em; float: left; } /*轮播代码2*/ #rollpic { width:1009px; float:right; overflow:hidden;height:252px; border:none; } #inrollpic { float: left; width: 800%; } #rollpic1,#rollpic2{height:148px;float:left; display:inline-table;} #rollpic1 li,#rollpic2 li{ width:227px; height:160px; float:left; padding-left:8px; padding: 0 30px;} #rollpic1 li img,#rollpic2 li img{ display:block; background:#ccc; padding:2px; /*border:1px solid #6E1F1E;*/padding-bottom: 0px;border-bottom: 0;} #rollpic1 li span,#rollpic2 li span{ width:157px; height:30px; /*line-height:30px; */text-align:center; overflow:hidden; font-size: 12px; padding-bottom:10px;line-height: 27px;} #rollpic1 { float: left; } #rollpic2 { float: left; } div#young{ height:50px; width:660px; background: url(images/sprite2.png)no-repeat -302px -412px; margin:0 39px 0 0; float: left; } div#famous{ height: 50px; width: 310px; background: url(images/sprite2.png)no-repeat 20px -412px; margin:0 0 0 20; float: left; text-align: center; } div#starweibos ul li.middle{ padding: 0 35px; } div#starweibos ul li.first{ padding-left: 20px; padding-right: 5px; } div#starweibos ul li a{ color: black; font-size: 12px; font-weight: normal;