﻿/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
}

header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
    font-weight: normal;
}

html, body, fieldset, img, iframe, abbr {
    border: 0;
}

i, cite, em, var, address, dfn {
    font-style: normal;
}

[hidefocus], summary {
    outline: 0;
}

ul, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, small {
    font-size: 100%;
}

sup, sub {
    font-size: 83%;
}

pre, code, kbd, samp {
    font-family: inherit;
}

q:before, q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label, summary {
    cursor: default;
}

a, button {
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6, em, strong, b {
    font-weight: bold;
}

del, ins, u, s, a, a:hover {
    text-decoration: none;
}

body, textarea, input, button, select, keygen, legend {
    font: 12px/1.14 "Microsoft YaHei", \5b8b\4f53;
    color: #333;
    outline: 0;
}

body {
    background: #f2f2f2;
    letter-spacing: 1px;
}

a, a:hover {
    color: #333;
}

.clearfix {
    zoom: 1
}

.clearfix:before {
    content: '';
    clear: both;
    display: block;
    visibility: hidden;
}

.clearfix:after {
    content: '';
    clear: both;
    display: block;
    visibility: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
/*修改滚动条样式*/
::-webkit-scrollbar{
    width:10px;
    height:10px;
    /**/
}
::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius:2px;
}
::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
}
::-webkit-scrollbar-thumb:hover{
    background: #8d8d8d;
}
::-webkit-scrollbar-corner{
    background: #8d8d8d;
}
.relative {
    position: relative;
}
/* jump */
#jump {
    position:fixed;
    top:300px;
    right:30px;
    width:40px;
    z-index:400;
}
*html #jump {
    position:absolute;
    top:expression(documentElement.scrollTop +"px");
    margin:300px 0 0 0;
}
#jump li {
    height:50px;
    overflow:hidden;
}
#top, #share, #reply, #sina, #ceping, #weixin {
    display:block;
    width:40px;
    height:42px;
    overflow:hidden;
    cursor:pointer;
}
#top {
    background:url(../images/top.png) no-repeat;
}
#share {
    background:url(../images/share.png) no-repeat;
}
#reply {
    background:url(../images/reply.png) no-repeat;
}
#sina {
    background:url(../images/sina.png) no-repeat;
}
#weixin {
    background:url(../images/weixin.png) no-repeat;
}
#top:hover {
    background:url(../images/toped.png) no-repeat;
}
#share:hover {
    background:url(../images/shared.png) no-repeat;
}
#reply:hover {
    background:url(../images/replyed.png) no-repeat;
}
#sina:hover {
    background:url(../images/sinad.png) no-repeat;
}
#weixin:hover {
    background:url(../images/weixind.png) no-repeat;
}
#ceping {
    background:url(../images/ceping.png) no-repeat;
}
#ceping:hover {
    background:url(../images/cepinged.png) no-repeat;
}
#EWM {
    position:absolute;
    left:-150px;
    display:none;
}
#EWM img {
    width:150px;
    height:150px;
}
