www.gusucode.com > 31:【198-3873】蓝色新闻博客自媒体头条网织梦模板(带手机端带投稿) > 31:【198-3873】蓝色新闻博客自媒体头条网织梦模板(带手机端带投稿)/skin/css/index.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ .content { width: 1200px; height: auto; overflow: hidden; text-align: center; margin: 0 auto; background: #fff; margin-top: 20px; } .content .content_home { width: 1170px; height: auto; overflow: hidden; padding: 15px; } .home_left { width: 790px; height: auto; overflow: hidden; float: left; text-align: left } .home_pic { width: 790px; height: 370px; overflow: hidden; } .home_pic img { width: 790px; height: 370px; border: 0px; float: left; position: relative } .hljxdd { width: 790px; height: auto; overflow: hidden; padding-top: 25px } .hljxdd-title { width: 790px; height: 35px; } .hljxdd-title hr { border: none; border-top: 1px #E5E5E5 solid; padding: 0; margin: 0; color: #E5E5E5; height: 1px; margin-top: 20px; float: left; width: 790px } .hljxdd-title .hljxddttxt { width: auto; height: 35px; line-height: 35px; font-family: 'Microsoft YaHei'; font-weight: bold; font-size: 18px; color: #515050; background: url(../images/hljxdd.jpg) left center no-repeat #fff; text-indent: 25px; position: absolute; z-index: 1; padding-right: 20px; } .hljxdd-content { width: 790px; height: 240px; overflow: hidden; padding-top: 15px } .hljxddc-box { width: 250px; height: 228px; border: 1px #E1DFDF solid; margin: 5px 20px 5px 0; position: absolute; z-index: 1; } .hljxddc-box:hover { background: #257FEB; cursor: pointer; box-shadow: 0px 0px 8px #ccc } .hljxdd-content .m2 { margin-left: 270px } .hljxdd-content .m3 { margin-left: 540px } .hljxddc-box:hover a { color: #fff } .hljxddc-box-pic { width: 250px; height: 165px; overflow: hidden; } .hljxddc-box-txt { width: 216px; height: 44px; padding: 8px 17px; line-height: 24px; overflow: hidden; } .hljxddc-box-txt a { color: #030303; font-size: 16px } .hlad1 { margin: 25px 0 0 0 } .hlrmtj { width: 790px; height: auto; overflow: hidden; padding-top: 25px } .hlrmtj-title { width: 790px; height: 35px; } .hlrmtj-title hr { border: none; border-top: 1px #E5E5E5 solid; padding: 0; margin: 0; color: #E5E5E5; height: 1px; margin-top: 20px; float: left; width: 790px } .hlrmtj-title .hlrmtjttxt { width: auto; height: 35px; line-height: 35px; font-family: 'Microsoft YaHei'; font-weight: bold; font-size: 18px; color: #515050; background: url(../images/hlrmtj.jpg) left center no-repeat #fff; text-indent: 25px; position: absolute; z-index: 1; padding-right: 20px; } .hlrmtj-content { width: 790px; height: auto; overflow: hidden; padding-top: 15px } .rtmj-box { width: 790px; height: auto; overflow: hidden; text-align: left; margin-bottom: 20px; border-bottom: 1px #E5E5E5 solid; padding-bottom: 20px } .rtmj-box dt { width: 250px; height: 165px; overflow: hidden; float: left; margin-right: 25px; } .rtmj-box dt img { transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; border-radius: 8px; } .rtmj-box dt img:hover { -webkit-filter: brightness(.7); border-radius: 8px; } .rtmj-box dd { width: 515px; height: 165px; overflow: hidden; float: left } .rtmj-box dd h3 { font-weight: normal; font-size: 20px; margin: 0; padding: 0; width: 515px; height: 35px; line-height: 35px; overflow: hidden } .rtmj-box dd h3 a:hover { color: #257FEB } .rtmj-box dd h3 .dj { background: #7BBC18; font-size: 14px; color: #fff; padding: 0px 8px 1px 8px; border-radius: 10px; line-height: 20px; margin-right: 5px } .rtmj-box dd h3 .yc { background: #257FEB; font-size: 14px; color: #fff; padding: 0px 8px 1px 8px; border-radius: 10px; line-height: 20px; margin-right: 5px } .rtmj-box dd p { color: #515050; font-size: 14px; padding: 15px 0 0 0; line-height: 24px } .rtmj-more { width: 790px; height: 100px; overflow: hidden; text-align: center; margin: 0 auto } .hlmore { width: 95px; height: 40px; line-height: 40px; font-size: 16px; color: #9F9F9F; border: 1px #d7d7d7 solid; margin: 20px 0 0 350px } .hlmore:hover { background: #257FEB; border: 1px #257FEB solid; color: #fff } .home_right { width: 350px; height: auto; overflow: hidden; float: left; margin-left: 30px; text-align: left } .hrtpic { width: 350px; height: auto; overflow: hidden; } .view { width: 350px; height: 230px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask, .view .content { width: 350px; height: 230px; position: absolute; overflow: hidden; top: 0; left: 0; } .view img { display: block; position: relative; } .third-effect .mask { opacity: 0; overflow: visible; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .imgshow { width: 270px; height: 80px; border-bottom: 1px #fff solid; margin: 75px 40px 0 40px; overflow: hidden; text-align: left } .third-effect a.info { position: relative; color: #fff; font-size: 24px; } .third-effect:hover .mask { opacity: 1; background: rgba(51,196,181,0.8); } .third-effect:hover a.info { opacity: 1; -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .hrsaomiao { width: 320px; height: 128px; border: 1px #F2F1F1 solid; overflow: hidden; margin-top: 10px; float: left } .hrsaomiao dt { float: left; width: 120px; height: 100px; padding: 7px 0 6px 7px; text-align: left } .hrsaomiao dd { float: left; width: 190px; height: 100px; padding: 7px 0 6px 0px; text-align: left } .hrsaomiao dd .hrwxtitle { width: 190px; height: 35px; line-height: 35px; font-size: 18px } .hrsaomiao dd .hrwxcontent { width: 190px; height: 50px; padding: 8px 0 0 0; overflow: hidden } .hrsaomiao dd .hrwxcontent .trwbico { background: url(../images/hrwbico.jpg) no-repeat; width: 50px; height: 50px; display: block; float: left; margin-right: 12px } .hrsaomiao dd .hrwxcontent .trqqwbico { background: url(../images/hrqqwbico.jpg) no-repeat; width: 50px; height: 50px; display: block; float: left; margin-right: 12px } .hrsaomiao dd .hrwxcontent .trwxico { background: url(../images/hrwxico.jpg) no-repeat; width: 50px; height: 50px; display: block; float: left } .hrrmht { width: 350px; height: auto; overflow: hidden; padding-top: 25px } .hrrmht-title { width: 350px; height: 35px; } .hrrmht-title hr { border: none; border-top: 1px #E5E5E5 solid; padding: 0; margin: 0; color: #E5E5E5; height: 1px; margin-top: 20px; float: left; width: 350px } .hrrmht-title .hrrmhtttxt { width: auto; height: 35px; line-height: 35px; font-family: 'Microsoft YaHei'; font-weight: bold; font-size: 18px; color: #515050; background: url(../images/hrrmht.jpg) left center no-repeat #fff; text-indent: 25px; position: absolute; z-index: 1; padding-right: 20px; } .hrrmht-content { width: 350px; height: auto; overflow: hidden; padding-top: 15px } .hrrmht-content li { float: left; width: 73px; padding: 0 7px; height: 52px; overflow: hidden; text-align: center; margin: 0 auto } .hrrmht-content li a { width: 73px; height: 32px; line-height: 30px; border: 1px #DCDCDC solid; color: #257FEB; font-size: 16px } .hrrmht-content li a:hover { background: #257FEB; color: #fff; border: 1px #257FEB solid } .hrrwbd { width: 350px; height: auto; overflow: hidden; padding-top: 25px } .hrrwbd-title { width: 350px; height: 35px; } .hrrwbd-title hr { border: none; border-top: 1px #E5E5E5 solid; padding: 0; margin: 0; color: #E5E5E5; height: 1px; margin-top: 20px; float: left; width: 350px } .hrrwbd-title .hrrwbdttxt { width: auto; height: 35px; line-height: 35px; font-family: 'Microsoft YaHei'; font-weight: bold; font-size: 18px; color: #515050; background: url(../images/hrrwbd.jpg) left center no-repeat #fff; text-indent: 25px; position: absolute; z-index: 1; padding-right: 20px; } .hrrwbd-content { width: 350px; height: auto; overflow: hidden; padding-top: 15px } .hrrwbd-content li { width: 332px; height: 36px; overflow: hidden; text-align: left; line-height: 18px; margin-bottom: 25px; padding-left: 15px; display: block; vertical-align: middle } .hrrwbd-content li.rwbd-1 { border-left: 3px #FD5F00 solid } .hrrwbd-content li.rwbd-2 { border-left: 3px #FFC002 solid } .hrrwbd-content li.rwbd-3 { border-left: 3px #00A635 solid } .hrrwbd-content li.rwbd-4 { border-left: 3px #00C3C4 solid } .hrrwbd-content li.rwbd-5 { border-left: 3px #B92400 solid } .hrrwbd-content li.rwbd-6 { border-left: 3px #E07E00 solid } .hrrwbd-content li.rwbd-7 { border-left: 3px #27C790 solid } .hrrwbd-content li.rwbd-8 { border-left: 3px #5C68EC solid } .hrrwbd-content li.rwbd-9 { border-left: 3px #00A9DA solid } .hrrwbd-content li.rwbd-10 { border-left: 3px #E41A91 solid } .hrrwbd-content li a { color: #939292; font-weight: 100 } .hrrwbd-content li a:hover { color: #257FEB } .hrtjzz { width: 350px; height: auto; overflow: hidden; padding-top: 25px } .hrtjzz-title { width: 350px; height: 35px; } .hrtjzz-title hr { border: none; border-top: 1px #E5E5E5 solid; padding: 0; margin: 0; color: #E5E5E5; height: 1px; margin-top: 20px; float: left; width: 350px } .hrtjzz-title .hrtjzztxt { width: auto; height: 35px; line-height: 35px; font-family: 'Microsoft YaHei'; font-weight: bold; font-size: 18px; color: #515050; background: url(../images/hrtjzz.jpg) left center no-repeat #fff; text-indent: 25px; position: absolute; z-index: 1; padding-right: 20px; } .hrtjzz-content { width: 350px; height: auto; overflow: hidden; padding-top: 15px } .tjzz-box { width: 350px; height: 90px; overflow: hidden; text-align: left; margin-bottom: 20px; border-bottom: 1px #E5E5E5 solid; padding: 10px 0 } .tjzz-box dt { width: 72px; height: 90px; overflow: hidden; float: left; margin-right: 15px; } .tjzz-box dt img { border-radius: 50px; } .tjzz-box dd { width: 263px; height: 90px; overflow: hidden; float: left } .tjzz-box dd h3 { font-weight: normal; font-size: 18px; color: #257FEB; margin: 0; padding: 0; width: 263px; height: 35px; line-height: 35px; overflow: hidden } .tjzz-box dd p { color: #515050; font-size: 14px; padding: 5px 0 0 0; line-height: 24px } .tjzz-box dd h3 a { color: #257FEB } .tjzz-box dd p a { color: #515050 } .frad3, frad2 { margin-top: 20px; } .links { width: 1200px; height: auto; overflow: hidden; text-align: center; margin: 0 auto; background: #fff; margin-top: 25px; } .links .links_pic { width: 1200px; height: 60px; margin: 30px 0; } .links .links_pic ul { padding: 0 20px } .links .links_pic li { float: left; width: 145px; height: 60px; overflow: hidden } .links .links_pic li .yqpic { border: 1px #EEEDED solid } .links .links_txt { width: 1200px; height: auto; overflow: hidden; padding-bottom: 20px } .links .links_txt_title { width: 1200px; height: 45px; line-height: 45px; font-size: 18px; color: #000; background: url(../images/yqlink.jpg) center center no-repeat; } .links .links_txt ul { padding: 0 20px } .links .links_txt li { float: left; font-size: 14px; margin: 5px 10px; color: #333; line-height: 22px; } .links .links_txt li a { color: #333 } .links .links_txt li a:hover { color: #257FEB }