You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
3.6 KiB
CSS
83 lines
3.6 KiB
CSS
/**
|
|
* 基本样式
|
|
* @author 鹿文学
|
|
*/
|
|
/* common */
|
|
html{font:400 14px/1.5 'Microsoft YaHei','微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;color:#333;}
|
|
img {border:none;vertical-align:middle;}
|
|
ol,ul{list-style:none;padding:0;margin:0;}
|
|
a{text-decoration:none;color:inherit;}
|
|
body {background:#FFF;margin:0;font:inherit;}
|
|
.clearfix{zoom:1}
|
|
.clearfix:after{content:"";display:block;height:0;font-size:0;clear:both;overflow:hidden}
|
|
.inner {width:1200px;margin:0 auto;position:relative;}
|
|
|
|
.trunk-title {font-size:18px;color:#526782;border-bottom:1px solid #F0F2F4;height:48px;line-height:48px;padding:0px 20px;}
|
|
.trunk-title img {margin-top:-3px;margin-right:10px;}
|
|
.trunk-content .table,.table4 {width:100%;}
|
|
.trunk-content .table,.table4,.table2 {border:0;margin:0;border-collapse:collapse;border-spacing:0;}
|
|
td,th{padding:0;}
|
|
input,select,button{outline:none;font-size:14px;font-family:inherit;}
|
|
|
|
.page-aside {padding:20px 0 40px;}
|
|
.page-aside .aside-title {font-size:20px;font-weight:100;line-height:3;color:#333;text-align:center;position:relative;}
|
|
.page-aside .aside-title span {border-bottom:1px solid #F3F3F3;padding:.6em 2em;position:relative;}
|
|
.page-aside .aside-title:after {content:'';display:table;width:2em;height:3px;background-color:#5A90EE;position:absolute;left:0;right:0;margin:-.3em auto 0;left:50%\9;margin-left:-1em\9;}
|
|
|
|
/* head */
|
|
.header {height:63px;padding:10px 0;font-size:16px;background:#0B53A2;color:#FFF;}
|
|
.header .logo {float:left;}
|
|
.header .logo img {
|
|
max-height:60px;
|
|
float:left;
|
|
/* margin-top:6px; */
|
|
}
|
|
.header .logo .text {padding-top:7px;color:#FFF;float:left;}
|
|
.header .logo .text span {display:block;}
|
|
.header .logo i{width:1px;height:40px;background-color:#e6e6e6;margin:0 10px;float:left;margin-top:10px;}
|
|
|
|
.header .nav {float:right;line-height:63px;}
|
|
.header .nav li {float:left;width:100px;}
|
|
.header .nav li a {display:block;text-align:center;}
|
|
.header .nav li a span {padding:29px 0;}
|
|
.header .nav li a:hover span,.header li a.active span {border-bottom:2px solid #26C7DB;color:#26C7DB;}
|
|
|
|
/* trunk */
|
|
|
|
|
|
/* pagenation */
|
|
/* .pagenation {padding:25px 0;text-align:center;}
|
|
.pagenation>div {display:inline-block;}
|
|
.pagenation span,.pagenation a {display:inline-block;width:40px;height:40px;border:1px solid #D7DCDF;margin:1px;text-align:center;line-height:40px;color:#D7DCDF;float:left;}
|
|
.pagenation span.current,.pagenation a:hover {border-color:#526782;color:#526782;}
|
|
.pagenation .prev {border-top-left-radius:5px;border-bottom-left-radius:5px;}
|
|
.pagenation .next {border-top-right-radius:5px;border-bottom-right-radius:5px;}
|
|
*/
|
|
.page{margin:40px auto;text-align:center;}
|
|
.page a,.page span{display:inline-block;margin-right:5px;margin-left:2px;padding:7px 14px;border:1px solid #d9d9d9;color:#3c3c3c;}
|
|
.page .current{border-color:#45acef;background-color:#45acef;color:#fff;}
|
|
|
|
/* go to top */
|
|
.gotop {width:40px;height:40px;z-index:10;position:fixed;bottom:100px;right:20px;line-height:40px;display:none;cursor:pointer;}
|
|
.gotop img {padding:0px;width:40px;}
|
|
|
|
|
|
/* foot */
|
|
.footer{
|
|
/*background:#526782;*/
|
|
color:#F1F1F1;
|
|
width:100%;
|
|
text-align:center;padding:1px 0;z-index:1;position:relative;bottom:0}
|
|
.footer p span {margin:0 15px;}
|
|
.footer p a{margin:0 30px;position:relative;}
|
|
.footer p a~a:before {content:'';width:1px;height:14px;background:#E2E2E2;position:absolute;left:-30px;top:3px;}
|
|
.footer .footer_text{color:#E2E2E2;}
|
|
|
|
.placeholder-graphic{background:#c2c2c2;display:inline-block;}
|
|
.header .logo .placeholder-graphic_logo {float:left;}
|
|
|
|
.app .slideColumn .bd ul li .pic .placeholder-graphic_icon {border-radius:20px;width:100px;height:100px;}
|
|
.trunk-list .item .placeholder-graphic_icon {float:left;border-radius:25%;width:70px;height:70px;}
|
|
|
|
|