160 lines
5.2 KiB
CSS
160 lines
5.2 KiB
CSS
/*科e互联特效基本框架CSS*/
|
||
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, select, fieldset, table, td, div, input {margin:0;-webkit-text-size-adjust: none}
|
||
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
|
||
body>div{margin:0 auto}
|
||
div {text-align:left}
|
||
a img {border:0}
|
||
body { color: #333; text-align: center; font: 12px "微软雅黑"; }
|
||
ul, ol, li {list-style-type:none;vertical-align:0}
|
||
a {outline-style:none;color:#535353;text-decoration:none}
|
||
a:hover { color: #D40000; text-decoration: none}
|
||
.clear{height:0; overflow:hidden; clear:both}
|
||
.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);
|
||
}
|
||
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top, #ed1c24, #A51715);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
|
||
}
|
||
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top, #c9151b, #a11115); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
|
||
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top, #aa1317, #ed1c24);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
|
||
.cor_bs,.cor_bs:hover{color:#ffffff;}
|
||
.keBody{background:url(../images/bodyBg.jpg) repeat #333;}
|
||
.keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal; overflow:hidden}
|
||
.kePublic{ background: #c3ccd5; padding: 50px 0px 0px; }
|
||
.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}
|
||
.keTxtP{font-size:16px; color:#ffffff;}
|
||
.keUrl{color:#FFF; font-size:30px;}
|
||
.keUrl:hover{ text-decoration: underline; color: #FFF; }
|
||
.mKeBanner,.mKeBanner div{text-align:center;}
|
||
/*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/
|
||
#header{
|
||
background-color: #3f8dbf;
|
||
float: left;
|
||
width: 100%;
|
||
height: 50px;
|
||
color: rgba(255,255,255,1);
|
||
line-height: 50px;
|
||
}
|
||
#header a {
|
||
color: rgba(255,255,255,1);
|
||
text-decoration: none;
|
||
display: block;
|
||
font-size: 15px;
|
||
}
|
||
#header-left{
|
||
float: left;
|
||
height: 50px;
|
||
}
|
||
#header-left:hover #header-left-icon{
|
||
background-color: #3F8DBF;
|
||
}
|
||
#header-left:hover #header-left-text{
|
||
background-color: #599BC8;
|
||
}
|
||
#header-left-icon{
|
||
float: left;
|
||
height: 50px;
|
||
width: 50px;
|
||
text-align: center;
|
||
background-color: #35759F;
|
||
-webkit-transition: background 0.5s;
|
||
-moz-transition: background 0.5s;
|
||
-o-transition: background 0.5s;
|
||
transition: background 0.5s;
|
||
}
|
||
#header-left-icon i {
|
||
line-height: 50px;
|
||
font-size: 20px;
|
||
}
|
||
#header-left-text{
|
||
float: left;
|
||
height: 50px;
|
||
-webkit-transition: background 0.5s;
|
||
-moz-transition: background 0.5s;
|
||
-o-transition: background 0.5s;
|
||
transition: background 0.5s;
|
||
}
|
||
#header-left-text a {
|
||
padding-left: 20px;
|
||
padding-right: 20px;
|
||
}
|
||
#header-right{
|
||
float: right;
|
||
height: 50px;
|
||
}
|
||
#header-right:hover #header-right-icon{
|
||
background-color: #3F8DBF;
|
||
}
|
||
#header-right:hover #header-right-text{
|
||
background-color: #599BC8;
|
||
}
|
||
#header-right-icon{
|
||
float: right;
|
||
height: 50px;
|
||
width: 50px;
|
||
text-align: center;
|
||
background-color: #35759F;
|
||
-webkit-transition: background 0.5s;
|
||
-moz-transition: background 0.5s;
|
||
-o-transition: background 0.5s;
|
||
transition: background 0.5s;
|
||
font-size: 18px;
|
||
line-height: 50px;
|
||
}
|
||
#header-right-icon i {
|
||
font-size: 20px;
|
||
line-height: 50px;
|
||
}
|
||
#header-right-text{
|
||
float: right;
|
||
height: 50px;
|
||
-webkit-transition: background 0.5s;
|
||
-moz-transition: background 0.5s;
|
||
-o-transition: background 0.5s;
|
||
transition: background 0.5s;
|
||
}
|
||
#header-right-text a {
|
||
padding-right: 20px;
|
||
padding-left: 20px;
|
||
}
|
||
#wrapper{
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
#wrapper-center{
|
||
width: 1100px;
|
||
margin-right: auto;
|
||
margin-left: auto;
|
||
}
|
||
.wrapper-center-title{
|
||
float: left;
|
||
width: 100%;
|
||
font-size: 18px;
|
||
}
|
||
.wrapper-center-content{
|
||
float: left;
|
||
width: 100%;
|
||
margin-top: 25px;
|
||
margin-bottom: 80px;
|
||
}
|
||
.wrapper-center-content a{
|
||
float: left;
|
||
padding-right: 20px;
|
||
padding-left: 20px;
|
||
background-color: #3F8DBF;
|
||
display: block;
|
||
line-height: 30px;
|
||
color: #FFFFFF;
|
||
text-decoration: none;
|
||
font-size: 14px;
|
||
-webkit-transition: background 0.5s;
|
||
-moz-transition: background 0.5s;
|
||
-o-transition: background 0.5s;
|
||
transition: background 0.5s;
|
||
margin-right: 20px;
|
||
margin-top: 20px;
|
||
}
|
||
.wrapper-center-content a:hover {
|
||
background-color: #262932;
|
||
}
|
||
.table>tbody>tr>td{text-align:center;}
|
||
|
||
form{margin-top:20px;} |