a,div,img{
    transition:all 0.2s;
    -moz-transition:all 0.2s; /* Firefox 4 */
    -webkit-transition:all 0.2s; /* Safari and Chrome */
    -o-transition:all 0.2s; /* Opera */
}

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: inherit;
  letter-spacing:0.5px;
}

/* basics */

body {
    font: 14px/18px 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
    color: #333;
    background:#f5f5f5;
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    margin-bottom: 1em;
    font-family: 'Lantinghei SC', 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 13px;
}

a:link { color: inherit; text-decoration: none; }
a:visited {color: inherit;text-decoration: none;}
a:focus, a:active, a:hover {color: inherit;text-decoration: none;}

ul {
    list-style: none;
}

ol {
    line-height: 1.6em;
}

p {
    margin-bottom: 1em;
    line-height: 1.4em;
}

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

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

blockquote:before, blockquote:after{
    content: "";
}

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

blockquote, q {
    quotes: "" "";
}

fieldset {
    display: block;
}

blockquote{
    padding:0 20px;
    margin-bottom:20px;
    background:#f9f9f9;
}

.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}


.main,.footer{width:100%;max-width:740px;margin:0 auto;background:#fff;}

.header{width:100%;overflow:hidden;}
.header .logo{width:100%;text-align:center;height:50px;background:#7744dd;}
.header .logo img{height:50px;padding:5px 0;}
.header .map{background:#fff;overflow-x:auto;text-align:center;margin:10px auto;width:100%;max-width:740px;white-space:nowrap;}
.header .map a{line-height:40px;font-size:12px;margin:0 15px;color:#666;}

.main .crumbs{color:#999;padding:10px;border-left:5px solid #7348d9;}

#Article{background:#fff;overflow:hidden;padding:0 5%;border-top:1px solid #f1f1f1;}
#Article .content{padding:10px;font-size:14px;color:#444;}
#Article .content p{margin-bottom:22px;letter-spacing:1px;line-height:28px;}
#Article .content sup{font-size:12px;color:#666;}
#Article .content a{font-size:14px;color:#7348d9;}
#Article .content img{display:block;margin:10px auto;max-width:100%;height:auto !important;}
#Article h1{color:#444;display:block;font-size:26px;margin-bottom:15px;padding:20px 0 0;border-bottom:1px dashed #eee;position:relative;line-height:40px;}
#Article h1 span{font-size: 14px;font-weight: normal;display:inline-block;margin:10px 10px;line-height:42px;color: #999;}

.comment-form{background:#0e0d12;border:1px 0 1px 0 solid #fff;}
.comment-form textarea{background:#161117;border:none;}

#pages,.Article-Tool{margin:30px auto;text-align:center;}

.footer p{margin:0 auto;padding:20px 5%;text-align:center;color:#666;font-size:12px;}
.footer p a{color:#666;font-size:12px;line-height:20px;}

.ylink{background:#fff;padding:10px;margin-bottom:10px;line-height:20px;padding:20px 5%;}
.ylink h5{font-size:12px;}
.ylink a{font-size:12px;}
.ylink ul li a{font-size:12px;}

.content{background:#fff;}
.content img{}

.catbox em{display:block;padding:10px;background:#fff;text-align:center;}
.catbox em a{font-size:18px;}
.catbox span{display:block;text-align:center;font-size:16px;padding:0 0 10px;}
.catbox ul li{display:block;overflow:hidden;background:#fff;padding:25px 5%;border-top:2px solid #f5f5f5;}
.catbox i{display:block;clear:left;font-size:10px;color:#666;}
.catbox img{display:block;margin:0 auto;width:100%;overflow:hidden;}
.catbox p{display:block;font-size:12px;color:#666;padding:20px 0;}
.catbox i a{font-size:12px;margin:2px;padding:3px;border:1px solid #7348d9;color:#956bfa;}

#pages{font-size:12px;line-height:26px;margin:20px auto;text-align:center;}
#pages a{border-radius:20px;width:26px;display:inline-block;margin:0 1px;}
#pages a.a1{font-size:12px;width:90px;}
#pages a:hover{color:#fff;background:#956bfa;}
#pages span{border-radius:20px;width:26px;margin:0 1px;display:inline-block;color:#fff;background:#956bfa;}