<> .hd_top { width: 100%; border-top: 5px solid #38a548; background: #f7f7f7; height: 40px; border-bottom: 1px solid #e5e5e5; } .hd_top1 { width: 1042px; height: 5px; background: url(//news.youth.cn/images/youth_sjy_01.jpg) no-repeat; margin: -5px auto; } .hd_top_box { /* width: 1120px; */ width: 1220px; height: 40px; margin: 0 auto; line-height: 50px; text-align: center; font-size: 12px; color: #666666; } .hd_top_box a { padding: 0 14px; font-size: 12px; color: #666666; font-family: "Microsoft Yahei",helvetica,arial,sans-serif; word-wrap: break-word; } .hd_top_box span img{ vertical-align: middle; width: 13px; color: #666666; transform: translateY(-2px); padding: 0 10px; cursor: pointer; } body { font-family: "Microsoft YaHei""Arial""黑体""宋体"sans-serif; } < type="text/css"> * { margin: 0; padding: 0; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } ul { list--type: none; } li { list--type: none; } .youth-footer-div { margin-top: 30px; clear: both; } .youth-copyright02 p { font-size: 14px; line-height: 32px; font-weight: 400; font-family: SimSunArialHelveticasans-serif; clear: both; } .youth-footer { width: 100%; background-color: #f5f5f5; float: left; height: 150px; padding-top: 30px; } .youth-copyright { width: 100%; float: left; background-color: #216ed8; height: 140px; } .footercon { width: 1000px; margin: 0 auto; position: relative; } .footerline01, .footerline02 { width: 2px; height: 120px; float: left; position: absolute; border-left: #e0e0e0 1px solid; } .footerline01 { left: 239px; top: 0px; } .footerline02 { left: 605px; top: 0px; } .footerlink a { font-family: "simsun"; } .footerlink { width: 285px; float: left; } .footerlink span { color: #000; line-height: 32px; padding: 0px; font-family: "Microsoft YaHei""黑体""宋体"sans-serif; font-size: 18px; } .footerlink ul { width: 100%; float: left; } .footerlink ul li { width: 48%; margin-top: 10px; text-align: unset; float: left; color: #000; line-height: 32px; font-family: "simsun"sans-serif; font-size: 14px; } .youth-copyright01 li { margin-right: 15px; color: #fff; line-height: 32px; font-family: "宋体"sans-serif; font-size: 14px; float: left; } .footerlink ul li a { color: #000; font-family: "simsun"sans-serif; } .youth-copyright02 { width: 500px; float: right; color: #fff; text-align: right; margin-top: 39px; } .footerapp { width: 375px; margin-top: 40px; float: right; height: 41px; } .footerapp li { width: 91px; float: left; } .footerapp li img { float: left; padding-right: 4px; width: auto } .footerapp li p { width: 44px; font-size: 14px; line-height: 20px; font-family: "宋体"sans-serif; color: #000; float: left; } .foot_zgqnb_logo::after { content: url(//news.youth.cn/images/20190920youth_qb_ewm.png); position: absolute; right: -2px; top: 39px; z-index: 99; width: 87px; height: 87px; border: 2px solid #fff; border-radius: 2px; transform-origin: top right; transform: scale(0); opacity: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .foot_zgqnb_logo:hover::after { transform: scale(1); opacity: 1; } .foot_qctt_logo::after { content: url(//news.youth.cn/images/20190920qctt_logo.jpg); position: absolute; right: -2px; top: 44px; z-index: 99; width: 87px; height: 87px; border: 2px solid #fff; border-radius: 2px; transform-origin: top right; transform: scale(0); opacity: 0; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .foot_qctt_logo:hover::after { transform: scale(1); opacity: 1; } /*底部版权start*/ .youth-copyright { height: 170px; } .youth-copyright01 { margin-top: 30px; width: 1000px; text-align: center; } .youth-copyright01 p { font-size: 14px; line-height: 32px; font-family: "SimSun"ArialHelveticasans-serif; } .youth-copyright01 p img { display: inline-block; width: auto; } .youth-copyright01 p a, .youth-copyright01 p span { color: #fff; padding: 0px 10px; } .youth-copyright01 p .line_x { color: #fff; padding: 0px; } .youth-copyright02 { width: 1000px; margin-top: 20px; } .youth-copyright02 .copyrightimg { width: 100%; margin: 0 auto; text-align: center; } .youth-copyright02 .copyrightimg li { display: inline-block; margin-left: 20px; float: none; } .youth-copyright02 .copyrightimg li img { vertical-align: baseline; } /*底部版权end*/