gusucode.com > 【demx68】蓝色大气app下载企业通用网站织梦dedecms模板 > 【demx68】蓝色大气app下载企业通用网站织梦dedecms模板/skin/css/join.css
/* 织梦58(dede58.com)做最好的织梦整站模板下载网站 */ * { margin: 0; padding: 0; } body { font-size: 14px/1.6; font-family: Microsoft YaHei, Arial, sans-serif; letter-spacing:1px; } li { list-style-type: none; } a { text-decoration:none; } .line { height:1px; background-color:#e1e1e1; margin:25px 0; } .inner { position: relative; width: 80%; margin: 0 auto; } .dowebok-hd { position: fixed; z-index: 1000; width: 100%; height: 64px; min-width:1200px; } .dowebok-hd h1 { float: left; width: 177px; height: 64px; } .dowebok-hd h1 a { display: block; width: 177px; height: 64px; text-indent: -9999px; background-image: url(../images/logo.png); } .dowebok-hd .nav { float: right; list-style-type: none; } .dowebok-hd .nav li { float: left; } .dowebok-hd .nav a { opacity: 1; float: left; padding: 0 10px; line-height: 64px; color: #fff; text-decoration: none; width:85px; text-align: center; font-size:16px !important; } .dowebok-hd .nav a:hover { background:#00b4ff; } .nav-current { background:#00b4ff; } #join .join-content { position: relative; width: 60%; margin: 50px auto 0; text-align:center; } #join .join-content-img { background: url(../images/join.jpg) center center no-repeat; width:100%; height:500px; } #join .join-content-p1 { color:#7e7e7e; font-size:24px; } #join .join-content-p2 { color:#26201d; font-size:36px; margin-top:15px; line-height:80px; } #join .join-content-p3 { color:#7e7e7e; font-size:16px; line-height:30px; margin-top:10px; } #join .join-content-p4 { color:#26201d; font-size:32px; line-height:30px; margin-top:100px; } #join .box { width:100%; margin:40px auto; } #join .box .menu { overflow:hidden; width:100%; display: inline-block; } #join .box .menu li { float:left; text-align:center; width:25%; cursor:pointer; background:#f6f6f6; line-height:45px; display: inline-block; font-size:18px; } #join .box .current { color:#00b4ff; } #join .box .others { color:#26201d; } #join .box .others:hover { color:#6d6d6d; } #join .box .box-content { width:100%; margin:50px auto; text-align:left; } #join .box .box-content ul li { margin:30px auto; } #join .box .box-line1 { height:3px; width:100%; background:#7c7c7c; } #join .box .box-line2 { height:1px; width:100%; background:#dddddd; margin-top:10px; } #join .box .box-content .box-content-p1 { font-size:18px; color:#00b4ff; margin-left:30px; line-height:30px; } #join .box .box-content .box-content-p2 { font-size:16px; color:#26201d; margin-left:30px; line-height:30px; margin-top:10px; } #join .box .box-content .box-content-p3 { font-size:16px; color:#7e7e7e; margin-left:30px; line-height:30px; margin-bottom:10px; } #join .box .box-content .box-content-p4 { font-size:16px; color:#7e7e7e; margin-left:30px; line-height:30px; margin-top:10px; } #foot { width:100%; height:80px; text-align:center; padding:30px 0 0 0; position: relative; font-size:12px; } #foot .foot-content { position:absolute; bottom:0; margin:0 auto; width:100%; color:#a1a1a1; }