* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

em,
i {
    font-style: normal;
}

li {
    list-style: none;
}

img {
    border: 0;
    /*ie6*/
    vertical-align: middle;
}

button {
    cursor: pointer;
}

a {
    color: #666;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #2932E1;
}

button,
input {
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    outline: none;
}

body {
    background-color: #FFFFFF;
    font: 12px/1.5 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
}

.hide,
.none {
    display: none;
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}

.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}

.clearfix {
    *zoom: 1
}

.w {
    width: 1100px;
    margin: 0 auto;
}

#fnav{ clear:both; width:1080px; height:40px; margin:10px auto; padding:10px; text-align:center; background-color:#fff; border:1px solid #E8E8E8; }
#fnav a{ display:inline-block; height:40px; line-height:25px; color:#999; font-size:14px; }
#fnav a:hover{ color:red; text-decoration:underline; }
#fnav span{ margin:0 15px; color:#999; }

#friend{ clear:both; width:1080px; height:135px; margin:10px auto; background-color:#fff; border:1px solid #E8E8E8; }
#friend p{ border-bottom:1px solid #f4f4f4; height:32px; line-height:32px; font-size:14px; font-weight:bold; padding-left:10px; color:#3BA354; }
#friend div{ margin:10px; }
#friend div a{ display:inline-block; margin:4px 10px; font-size:14px; color:#666; }
#friend div a:hover{ color:red; text-decoration:underline; }

#footer{ clear:both; width:1080px; height:100px; margin:10px auto; padding:10px; background-color:#fff; border:1px solid #E8E8E8; font-size:18px; }
#footer td{ width:200px; height:26px; line-height:26px; color:#999; font-size:14px; }
#footer td a{ color:#999; font-size:14px; }
#footer td a:hover{ color:red; }