@charset "utf-8";
/* CSS Document */

/*
 * Author : wenyejie
 * Mail : wenyejie@foxmail
 * Link : http://wenyejie.com/
 */

ol, ul, fieldset {
    margin: 0;
    padding: 0;
}
td {
    padding: 0;
}
legend {
    padding-right: 0;
    padding-left: 0;
}
menu {
    padding-left: 0;
}
body, blockquote, figure {
    margin: 0;
}
body {
    _margin: 0;
}
html, body {
    height: 100%;
}
p:after, p:before {
    content: "";
}
p, h1, h2, h3, h4, h5, h6, dl, pre, hr, menu {
    margin-top: 0;
    margin-bottom: 0;
}
dd {
    margin-left: 0;
}
textarea {
    vertical-align: bottom;
    resize: none; /* 禁止用户变更textarea的大小 */
}
a, input, textarea, select {
    outline: none;
}
html {
    font-size: 100%;
    -webkit-appearance: none;
    -ms-text-size-adjust: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
ul, ol {
    list-style: none;
}
label {
    line-height: inherit;
}
label > input[type="checkbox"], label > input[type="radio"] {
    margin-top: -0.185em;
    *margin-top:-0.1em;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="radio"], input[type="checkbox"], input[type="image"], button, label, select {
    cursor: pointer;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
audio, canvas, video {
    display: inline-block;
    max-width: 100%;
}
img {
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
}
iframe, img {
    /* scrolling="no" 不显示滚动条 */
    border: none;
}

@media print {
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: not-allowed;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
    overflow: hidden;
}
.clearfix {
    *zoom:1;
}
ul.clearfix li{
    _float: left;
}
.dn, input[type="hidden"] {
    display: none;
}
.db, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block;
}
.dib {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.fl, ul.clearfix > li, ol.clearfix > li {
    float: left;
}
.fr {
    float: right;
}
.fl, .fr {
    _display: inline;
}
.pr {
    position: relative;
}
.pa {
    position: absolute;
}
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
.tal {
    text-align: left;
}
.ti2 {
    text-indent: 2em;
}
.fwb {
    font-weight: bold;
}
.fsn, em, i {
    font-style: normal;
}
.fsi {
    font-style: italic;
}
.fwn, b {
    font-weight: normal;
}
.oh {
    overflow: hidden;
}
.vam, input, button, select {
    vertical-align: middle;
}
.auto {
    margin-left: auto;
    margin-right: auto;
}
.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
}
.zero {
    line-height: 0;
    font-size: 0;
}

/* center < */
.vetically {
    vertical-align: middle;
    display: table-cell;
    *display: block;
    *position: relative;
}
.vetically_C {
    display: block;
    margin: 0 auto;
    text-align: center;
    *position: absolute;
    *top: 50%;
    *left: 50%;
    *margin-top: expression(-(this.height ) / 2);
    *margin-left: expression(-(this.width ) / 2);
}
/* center > */

.ellipsis, .ellipsisDB {
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    _width: 100%;
}
.ellipsisDB {
    display: block;
}
.noSelect { /* 禁止用户选择 */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

/* font-family { */
.ffm {font-family: "Microsoft YaHei"} /* 微软雅黑 */
.ffs {font-family: SimSun} /* 宋体 */
.ffa {font-family: Arial}
/* font-family } */

/* margin-top { */
.mt1 {margin-top: 1px}
.mt2 {margin-top: 2px}
.mt3 {margin-top: 3px}
.mt4 {margin-top: 4px}
.mt5 {margin-top: 5px}
.mt6 {margin-top: 6px}
.mt7 {margin-top: 7px}
.mt8 {margin-top: 8px}
.mt9 {margin-top: 9px}
.mt10 {margin-top: 10px}
.mt11 {margin-top: 11px}
.mt12 {margin-top: 12px}
.mt13 {margin-top: 13px}
.mt14 {margin-top: 14px}
.mt15 {margin-top: 15px}
.mt16 {margin-top: 16px}
.mt17 {margin-top: 17px}
.mt18 {margin-top: 18px}
.mt19 {margin-top: 19px}
.mt20 {margin-top: 20px}
.mt21 {margin-top: 21px}
.mt22 {margin-top: 22px}
.mt23 {margin-top: 23px}
.mt24 {margin-top: 24px}
.mt25 {margin-top: 25px}
.mt26 {margin-top: 26px}
.mt27 {margin-top: 27px}
.mt28 {margin-top: 28px}
.mt29 {margin-top: 29px}
.mt30 {margin-top: 30px}
/* margin-top } */

/* margin-right { */
.mr1 {margin-right: 1px}
.mr2 {margin-right: 2px}
.mr3 {margin-right: 3px}
.mr4 {margin-right: 4px}
.mr5 {margin-right: 5px}
.mr6 {margin-right: 6px}
.mr7 {margin-right: 7px}
.mr8 {margin-right: 8px}
.mr9 {margin-right: 9px}
.mr10 {margin-right: 10px}
.mr11 {margin-right: 11px}
.mr12 {margin-right: 12px}
.mr13 {margin-right: 13px}
.mr14 {margin-right: 14px}
.mr15 {margin-right: 15px}
.mr16 {margin-right: 16px}
.mr17 {margin-right: 17px}
.mr18 {margin-right: 18px}
.mr19 {margin-right: 19px}
.mr20 {margin-right: 20px}
.mr21 {margin-right: 21px}
.mr22 {margin-right: 22px}
.mr23 {margin-right: 23px}
.mr24 {margin-right: 24px}
.mr25 {margin-right: 25px}
.mr26 {margin-right: 26px}
.mr27 {margin-right: 27px}
.mr28 {margin-right: 28px}
.mr29 {margin-right: 29px}
.mr30 {margin-right: 30px}
/* margin-right } */

/* margin-bottom { */
.mb1 {margin-bottom: 1px}
.mb2 {margin-bottom: 2px}
.mb3 {margin-bottom: 3px}
.mb4 {margin-bottom: 4px}
.mb5 {margin-bottom: 5px}
.mb6 {margin-bottom: 6px}
.mb7 {margin-bottom: 7px}
.mb8 {margin-bottom: 8px}
.mb9 {margin-bottom: 9px}
.mb10 {margin-bottom: 10px}
.mb11 {margin-bottom: 11px}
.mb12 {margin-bottom: 12px}
.mb13 {margin-bottom: 13px}
.mb14 {margin-bottom: 14px}
.mb15 {margin-bottom: 15px}
.mb16 {margin-bottom: 16px}
.mb17 {margin-bottom: 17px}
.mb18 {margin-bottom: 18px}
.mb19 {margin-bottom: 19px}
.mb20 {margin-bottom: 20px}
.mb21 {margin-bottom: 21px}
.mb22 {margin-bottom: 22px}
.mb23 {margin-bottom: 23px}
.mb24 {margin-bottom: 24px}
.mb25 {margin-bottom: 25px}
.mb26 {margin-bottom: 26px}
.mb27 {margin-bottom: 27px}
.mb28 {margin-bottom: 28px}
.mb29 {margin-bottom: 29px}
.mb30 {margin-bottom: 30px}
/* margin-bottom } */

/* margin-left { */
.ml1 {margin-left: 1px}
.ml2 {margin-left: 2px}
.ml3 {margin-left: 3px}
.ml4 {margin-left: 4px}
.ml5 {margin-left: 5px}
.ml6 {margin-left: 6px}
.ml7 {margin-left: 7px}
.ml8 {margin-left: 8px}
.ml9 {margin-left: 9px}
.ml10 {margin-left: 10px}
.ml11 {margin-left: 11px}
.ml12 {margin-left: 12px}
.ml13 {margin-left: 13px}
.ml14 {margin-left: 14px}
.ml15 {margin-left: 15px}
.ml16 {margin-left: 16px}
.ml17 {margin-left: 17px}
.ml18 {margin-left: 18px}
.ml19 {margin-left: 19px}
.ml20 {margin-left: 20px}
.ml21 {margin-left: 21px}
.ml22 {margin-left: 22px}
.ml23 {margin-left: 23px}
.ml24 {margin-left: 24px}
.ml25 {margin-left: 25px}
.ml26 {margin-left: 26px}
.ml27 {margin-left: 27px}
.ml28 {margin-left: 28px}
.ml29 {margin-left: 29px}
.ml30 {margin-left: 30px}
/* margin-left } */

/* padding-top { */
.pt1 {padding-top: 1px}
.pt2 {padding-top: 2px}
.pt3 {padding-top: 3px}
.pt4 {padding-top: 4px}
.pt5 {padding-top: 5px}
.pt6 {padding-top: 6px}
.pt7 {padding-top: 7px}
.pt8 {padding-top: 8px}
.pt9 {padding-top: 9px}
.pt10 {padding-top: 10px}
.pt11 {padding-top: 11px}
.pt12 {padding-top: 12px}
.pt13 {padding-top: 13px}
.pt14 {padding-top: 14px}
.pt15 {padding-top: 15px}
.pt16 {padding-top: 16px}
.pt17 {padding-top: 17px}
.pt18 {padding-top: 18px}
.pt19 {padding-top: 19px}
.pt20 {padding-top: 20px}
.pt21 {padding-top: 21px}
.pt22 {padding-top: 22px}
.pt23 {padding-top: 23px}
.pt24 {padding-top: 24px}
.pt25 {padding-top: 25px}
.pt26 {padding-top: 26px}
.pt27 {padding-top: 27px}
.pt28 {padding-top: 28px}
.pt29 {padding-top: 29px}
.pt30 {padding-top: 30px}
/* padding-top } */

/* padding-right { */
.pr1 {padding-right: 1px}
.pr2 {padding-right: 2px}
.pr3 {padding-right: 3px}
.pr4 {padding-right: 4px}
.pr5 {padding-right: 5px}
.pr6 {padding-right: 6px}
.pr7 {padding-right: 7px}
.pr8 {padding-right: 8px}
.pr9 {padding-right: 9px}
.pr10 {padding-right: 10px}
.pr11 {padding-right: 11px}
.pr12 {padding-right: 12px}
.pr13 {padding-right: 13px}
.pr14 {padding-right: 14px}
.pr15 {padding-right: 15px}
.pr16 {padding-right: 16px}
.pr17 {padding-right: 17px}
.pr18 {padding-right: 18px}
.pr19 {padding-right: 19px}
.pr20 {padding-right: 20px}
.pr21 {padding-right: 21px}
.pr22 {padding-right: 22px}
.pr23 {padding-right: 23px}
.pr24 {padding-right: 24px}
.pr25 {padding-right: 25px}
.pr26 {padding-right: 26px}
.pr27 {padding-right: 27px}
.pr28 {padding-right: 28px}
.pr29 {padding-right: 29px}
.pr30 {padding-right: 30px}
/* padding-right } */

/* padding-bottom { */
.pb1 {padding-bottom: 1px}
.pb2 {padding-bottom: 2px}
.pb3 {padding-bottom: 3px}
.pb4 {padding-bottom: 4px}
.pb5 {padding-bottom: 5px}
.pb6 {padding-bottom: 6px}
.pb7 {padding-bottom: 7px}
.pb8 {padding-bottom: 8px}
.pb9 {padding-bottom: 9px}
.pb10 {padding-bottom: 10px}
.pb11 {padding-bottom: 11px}
.pb12 {padding-bottom: 12px}
.pb13 {padding-bottom: 13px}
.pb14 {padding-bottom: 14px}
.pb15 {padding-bottom: 15px}
.pb16 {padding-bottom: 16px}
.pb17 {padding-bottom: 17px}
.pb18 {padding-bottom: 18px}
.pb19 {padding-bottom: 19px}
.pb20 {padding-bottom: 20px}
.pb21 {padding-bottom: 21px}
.pb22 {padding-bottom: 22px}
.pb23 {padding-bottom: 23px}
.pb24 {padding-bottom: 24px}
.pb25 {padding-bottom: 25px}
.pb26 {padding-bottom: 26px}
.pb27 {padding-bottom: 27px}
.pb28 {padding-bottom: 28px}
.pb29 {padding-bottom: 29px}
.pb30 {padding-bottom: 30px}
/* padding-bottom } */

/* padding-left { */
.pl1 {padding-left: 1px}
.pl2 {padding-left: 2px}
.pl3 {padding-left: 3px}
.pl4 {padding-left: 4px}
.pl5 {padding-left: 5px}
.pl6 {padding-left: 6px}
.pl7 {padding-left: 7px}
.pl8 {padding-left: 8px}
.pl9 {padding-left: 9px}
.pl10 {padding-left: 10px}
.pl11 {padding-left: 11px}
.pl12 {padding-left: 12px}
.pl13 {padding-left: 13px}
.pl14 {padding-left: 14px}
.pl15 {padding-left: 15px}
.pl16 {padding-left: 16px}
.pl17 {padding-left: 17px}
.pl18 {padding-left: 18px}
.pl19 {padding-left: 19px}
.pl20 {padding-left: 20px}
.pl21 {padding-left: 21px}
.pl22 {padding-left: 22px}
.pl23 {padding-left: 23px}
.pl24 {padding-left: 24px}
.pl25 {padding-left: 25px}
.pl26 {padding-left: 26px}
.pl27 {padding-left: 27px}
.pl28 {padding-left: 28px}
.pl29 {padding-left: 29px}
.pl30 {padding-left: 30px}
/* padding-left } */

/* font-size { */
.fz10 {font-size: 10px}
.fz11 {font-size: 11px}
.fz12 {font-size: 12px}
.fz13 {font-size: 13px}
.fz14 {font-size: 14px}
.fz15 {font-size: 15px}
.fz16 {font-size: 16px}
.fz17 {font-size: 17px}
.fz18 {font-size: 18px}
.fz19 {font-size: 19px}
.fz20 {font-size: 20px}
.fz21 {font-size: 21px}
.fz22 {font-size: 22px}
.fz23 {font-size: 23px}
.fz24 {font-size: 24px}
.fz25 {font-size: 25px}
.fz26 {font-size: 26px}
.fz27 {font-size: 27px}
.fz28 {font-size: 28px}
.fz29 {font-size: 29px}
.fz30 {font-size: 30px}
/* font-size } */

/* line-height { */
.lh10 {line-height: 10px}
.lh11 {line-height: 11px}
.lh12 {line-height: 12px}
.lh13 {line-height: 13px}
.lh14 {line-height: 14px}
.lh15 {line-height: 15px}
.lh16 {line-height: 16px}
.lh17 {line-height: 17px}
.lh18 {line-height: 18px}
.lh19 {line-height: 19px}
.lh20 {line-height: 20px}
.lh21 {line-height: 21px}
.lh22 {line-height: 22px}
.lh23 {line-height: 23px}
.lh24 {line-height: 24px}
.lh25 {line-height: 25px}
.lh26 {line-height: 26px}
.lh27 {line-height: 27px}
.lh28 {line-height: 28px}
.lh29 {line-height: 29px}
.lh30 {line-height: 30px}
/* line-height } */