* {
    word-wrap: break-word
}

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
    margin: 0;
    padding: 0
}

ul, ol, dl {
    list-style-type: none
}

html, body {
    *position: static
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

input, button {
    overflow: visible;
    vertical-align: middle;
    outline: none;
    padding-left: 5px;
}

body, th, td, button, input, select, textarea {
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";
    font-size: 12px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    line-height: 1.6
}

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

a, area {
    outline: none;
    blr: expression(this.onFocus=this.blur())
}

a {
    text-decoration: none;
    cursor: pointer
}

    a:hover {
        text-decoration: underline;
        outline: none
    }

    a.ie6:hover {
        zoom: 1
    }

    a:focus {
        outline: none
    }

    a:hover, a:active {
        outline: none
    }

:focus {
    outline: none
}

sub, sup {
    vertical-align: baseline
}

button, input[type="button"], input[type="submit"] {
    line-height: normal !important
}
/*img*/
img {
    border: 0;
    vertical-align: middle
}

a img, img {
    -ms-interpolation-mode: bicubic
}

.img-responsive {
    max-width: 100%;
    height: auto
}

/*IE下a:hover 背景闪烁*/
/**html {
    overflow: -moz-scrollbars-vertical;
    zoom: expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))
}*/

/*HTML5 reset*/
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {
    display: block;
    margin: 0;
    padding: 0
}

time {
    display: inline
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

    audio:not([controls]) {
        display: none
    }

legend {
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

    legend small {
        font-size: 15px;
        color: #999
    }

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border-width: 0;
    padding: 0.35em 0.625em 0.75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
    }
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.cl:after, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.cl, .clearfix {
    zoom: 1
}

a:link {
    text-decoration: none;
    color: black;
}

a:visited {
    text-decoration: none;
    color: black;
}

a:hover {
    text-decoration: none;
    color: black;
}

a:active {
    text-decoration: none;
    color: black;
}

table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    border-spacing: 0;
    border-left: 1px solid cornflowerblue;
    border-top: 1px solid cornflowerblue;
}


    table td, table th {
        word-break: break-all;
        word-wrap: break-word;
        font: 500 14px Arial;
        min-height: 30px;
        height: 30px;
        border-right: 1px solid cornflowerblue;
        border-bottom: 1px solid cornflowerblue;
    }

input, select {
    border: 0px;
    height: 30px;
}

textarea {
    border: 1px solid cornflowerblue;
    height: 100px;
}

button {
    border: 0px;
    background-color: white;
}

.w1 {
    width: 1% !important;
}

.w2 {
    width: 2% !important;
}

.w3 {
    width: 3% !important;
}

.w4 {
    width: 4% !important;
}

.w5 {
    width: 5% !important;
}

.w6 {
    width: 6% !important;
}

.w7 {
    width: 7% !important;
}

.w8 {
    width: 8% !important;
}

.w9 {
    width: 9% !important;
}

.w10 {
    width: 10% !important;
}

.w11 {
    width: 11% !important;
}

.w12 {
    width: 12% !important;
}

.w13 {
    width: 13% !important;
}

.w14 {
    width: 14% !important;
}

.w15 {
    width: 15% !important;
}

.w16 {
    width: 16% !important;
}

.w17 {
    width: 17% !important;
}

.w18 {
    width: 18% !important;
}

.w19 {
    width: 19% !important;
}

.w20 {
    width: 20% !important;
}

.w21 {
    width: 21% !important;
}

.w22 {
    width: 22% !important;
}

.w23 {
    width: 23% !important;
}

.w24 {
    width: 24% !important;
}

.w25 {
    width: 25% !important;
}

.w26 {
    width: 26% !important;
}

.w27 {
    width: 27% !important;
}

.w28 {
    width: 28% !important;
}

.w29 {
    width: 29% !important;
}

.w30 {
    width: 30% !important;
}

.w31 {
    width: 31% !important;
}

.w32 {
    width: 32% !important;
}

.w33 {
    width: 33% !important;
}

.w34 {
    width: 34% !important;
}

.w35 {
    width: 35% !important;
}

.w36 {
    width: 36% !important;
}

.w37 {
    width: 37% !important;
}

.w38 {
    width: 38% !important;
}

.w39 {
    width: 39% !important;
}

.w40 {
    width: 40% !important;
}

.w41 {
    width: 41% !important;
}

.w42 {
    width: 42% !important;
}

.w43 {
    width: 43% !important;
}

.w44 {
    width: 44% !important;
}

.w45 {
    width: 45% !important;
}

.w46 {
    width: 46% !important;
}

.w47 {
    width: 47% !important;
}

.w48 {
    width: 48% !important;
}

.w49 {
    width: 49% !important;
}

.w50 {
    width: 50% !important;
}

.w51 {
    width: 51% !important;
}

.w52 {
    width: 52% !important;
}

.w53 {
    width: 53% !important;
}

.w54 {
    width: 54% !important;
}

.w55 {
    width: 55% !important;
}

.w56 {
    width: 56% !important;
}

.w57 {
    width: 57% !important;
}

.w58 {
    width: 58% !important;
}

.w59 {
    width: 59% !important;
}

.w60 {
    width: 60% !important;
}

.w61 {
    width: 61% !important;
}

.w62 {
    width: 62% !important;
}

.w63 {
    width: 63% !important;
}

.w64 {
    width: 64% !important;
}

.w65 {
    width: 65% !important;
}

.w66 {
    width: 66% !important;
}

.w67 {
    width: 67% !important;
}

.w68 {
    width: 68% !important;
}

.w69 {
    width: 69% !important;
}

.w70 {
    width: 70% !important;
}

.w71 {
    width: 71% !important;
}

.w72 {
    width: 72% !important;
}

.w73 {
    width: 73% !important;
}

.w74 {
    width: 74% !important;
}

.w75 {
    width: 75% !important;
}

.w76 {
    width: 76% !important;
}

.w77 {
    width: 77% !important;
}

.w78 {
    width: 78% !important;
}

.w79 {
    width: 79% !important;
}

.w80 {
    width: 80% !important;
}

.w81 {
    width: 81% !important;
}

.w82 {
    width: 82% !important;
}

.w83 {
    width: 83% !important;
}

.w84 {
    width: 84% !important;
}

.w85 {
    width: 85% !important;
}

.w86 {
    width: 86% !important;
}

.w87 {
    width: 87% !important;
}

.w88 {
    width: 88% !important;
}

.w89 {
    width: 89% !important;
}

.w90 {
    width: 90% !important;
}

.w91 {
    width: 91% !important;
}

.w92 {
    width: 92% !important;
}

.w93 {
    width: 93% !important;
}

.w94 {
    width: 94% !important;
}

.w95 {
    width: 95% !important;
}

.w96 {
    width: 96% !important;
}

.w97 {
    width: 97% !important;
}

.w98 {
    width: 98% !important;
}

.w99 {
    width: 99% !important;
}

.w100 {
    width: 100% !important;
}

.center {
    text-align: center !important;
    margin: auto !important;
}

.left {
    text-align: left !important;
    margin-left: 0px !important;
}

.right {
    text-align: right !important;
    margin-right: 0px !important;
}

.button {
    background-color: cornflowerblue;
    border-radius: 3px;
    height: 28px;
    cursor: pointer;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 2px gray;
}

    .button:hover {
        text-shadow: 2px 2px 2px black;
    }

.border {
    border: 1px solid cornflowerblue;
}

.border-left {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 1px solid cornflowerblue;
}

.border-top {
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-top: 1px solid cornflowerblue;
}

.border-right {
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-right: 1px solid cornflowerblue;
}

.border-bottom {
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid cornflowerblue;
}

.border-none {
    border: 0px !important
}

    .border-none table {
        border: 0px;
    }

    .border-none td, border-none th {
        border: 0px;
    }

.select {
    border: 1px solid cornflowerblue;
    height: 30px;
}

.button-block {
    display: block;
    width: 100%;
}

.top-5 {
    margin-top: 5px !important;
}

.top-10 {
    margin-top: 10px !important;
}

.top-20 {
    margin-top: 20px !important;
}

.bottom-5 {
    margin-bottom: 5px !important;
}

.bottom-10 {
    margin-bottom: 10px !important;
}

.bottom-20 {
    margin-bottom: 20px !important;
}

.top-bottom-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.top-bottom-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.top-bottom-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.left-5 {
    margin-left: 5px !important;
}

.left-10 {
    margin-left: 10px !important;
}

.left-20 {
    margin-left: 20px !important;
}

.right-5 {
    margin-right: 5px !important;
}

.right-10 {
    margin-right: 10px !important;
}

.right-20 {
    margin-right: 20px !important;
}

.left-right-5 {
    margin-left: 5px !important;
    margin-right: 5px;
}

.left-right-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.left-right-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.font-5 {
    font-size: 5px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-18 {
    font-size: 18px !important;
}

.font-20 {
    font-size: 20px !important;
}

.font-22 {
    font-size: 22px !important;
}

.font-24 {
    font-size: 24px !important;
}

.font-26 {
    font-size: 26px !important;
}

.font-28 {
    font-size: 28px !important;
}

.font-30 {
    font-size: 30px !important;
}

.title {
    background-color: cornflowerblue;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid cornflowerblue;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.flex-start {
    display: flex;
    justify-content: flex-start;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.flex-around {
    display: flex;
    justify-content: space-around;
}

.flex-start-v {
    display: flex;
    align-items: flex-start;
}

.flex-end-v {
    display: flex;
    align-items: flex-end;
}

.flex-center-v {
    display: flex;
    align-items: center;
}

.flex-stretch-v {
    display: flex;
    align-items: stretch;
}

.flex-baseline-v {
    display: flex;
    align-items: baseline;
}

.text-left {
    text-align: left !important;
}

.red {
    color: red !important;
}

.green {
    color: green !important;
}

.gray {
    color: gray !important;
}

.black {
    color: black !important;
}

.yellow {
    color: yellow !important;
}

.bg-red {
    background-color: red !important;
}

.bg-green {
    background-color: green !important;
}

.bg-gray {
    background-color: gray !important;
}

.bg-yellow {
    background-color: yellow !important;
}

.bg-black {
    background-color: black !important;
}
/*文本框样式*/
.text-style {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 0;
}

    .text-style input {
        width: 70%;
        border-top: 1px solid cornflowerblue;
        border-bottom: 1px solid cornflowerblue;
        border-left: 1px solid cornflowerblue;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        height: 30px;
        font-size: 14px;
        padding-left: 5px;
    }

    .text-style button {
        margin-left: 0px;
        width: 29%;
        border-top: 1px solid cornflowerblue;
        border-right: 1px solid cornflowerblue;
        border-bottom: 1px solid cornflowerblue;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        height: 32px;
        background-color: cornflowerblue;
        color: white;
        cursor: pointer;
        text-shadow: 2px 2px 2px gray;
    }

        .text-style button:hover {
            text-shadow: 2px 2px 2px black;
        }