@charset "utf-8";

* {

    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: 0

}

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {

    -webkit-appearance: none;

    outline: 0

}

body, th, td, button, input, select, textarea {

    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";

    font-size: 12px;

    color: #333;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}

@media (max-width: 767px) {

    html {

        overflow-y: auto

    }

    body, th, td, button, input, select, textarea {

        font-size: 14px

    }

}

body {

    line-height: 1.6

}

h1, h2, h3, h4, h5, h6 {

    /*font-size:100%*/

}

a, area {

    outline: 0;

    blr: expression(this.onFocus=this.blur())

}

a {

    text-decoration: none;

    cursor: pointer

}

a:hover {

    /*text-decoration:underline;*/

    outline: 0

}

a.ie6:hover {

    zoom: 1

}

a:focus {

    outline: 0

}

a:hover, a:active {

    outline: 0

}

:focus {

    outline: 0

}

sub, sup {

    vertical-align: baseline

}

button, input[type="button"], input[type="submit"] {

    line-height: normal !important

}

img {

    border: 0;

    vertical-align: middle

}

a img, img {

    -ms-interpolation-mode: bicubic

}

* html {

    overflow: -moz-scrollbars-vertical;

    zoom: expression(function(ele) {

	ele.style.zoom = "1";

	document.execCommand("BackgroundImageCache",false,true)

}

(this))

}

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: .35em .625em .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

}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none

}

.cl:after, .clearfix:after {

    content: "\20";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden

}

.cl, .clearfix {

    zoom: 1

}

}
@media print {

    .container {

        width: auto

    }

}

.row {

    box-sizing: border-box;

    /*margin-left:-15px;*/

    /*margin-right:-15px*/

}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    min-height: 1px;

    position: relative;

    padding-left: 15px;

    padding-right: 15px;

    box-sizing: border-box;

    -webkit-transition: all .3s ease-in;

    -moz-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in

}

.col-1 {

    width: 8.33333%

}

.col-2 {

    width: 16.66667%

}

.col-3 {

    width: 25%

}

.col-4 {

    width: 33.33333%

}

.col-5 {

    width: 41.66667%

}

.col-6 {

    width: 50%

}

.col-7 {

    width: 58.33333%

}

.col-8 {

    width: 66.66667%

}

.col-9 {

    width: 75%

}

.col-10 {

    width: 83.33333%

}

.col-11 {

    width: 91.66667%

}

.col-12 {

    width: 100%

}

.col-offset-0 {

    margin-left: 0

}

.col-offset-1 {

    margin-left: 8.33333%

}

.col-offset-2 {

    margin-left: 16.66667%

}

.col-offset-3 {

    margin-left: 25%

}

.col-offset-4 {

    margin-left: 33.33333%

}

.col-offset-5 {

    margin-left: 41.66667%

}

.col-offset-6 {

    margin-left: 50%

}

.col-offset-7 {

    margin-left: 58.33333%

}

.col-offset-8 {

    margin-left: 66.66667%

}

.col-offset-9 {

    margin-left: 75%

}

.col-offset-10 {

    margin-left: 83.33333%

}

.col-offset-11 {

    margin-left: 91.66667%

}

.col-push-0 {

    position: relative;

    left: 0;

    right: auto

}

.col-pull-0 {

    right: 0;

    left: auto

}

.col-push-1 {

    left: 8.33333%;

    right: auto

}

.col-pull-1 {

    right: 8.33333%;

    left: auto

}

.col-push-2 {

    left: 16.66667%;

    right: auto

}

.col-pull-2 {

    right: 16.66667%;

    left: auto

}

.col-push-3 {

    left: 25%;

    right: auto

}

.col-pull-3 {

    right: 25%;

    left: auto

}

.col-push-4 {

    left: 33.33333%;

    right: auto

}

.col-pull-4 {

    right: 33.33333%;

    left: auto

}

.col-push-5 {

    left: 41.66667%;

    right: auto

}

.col-pull-5 {

    right: 41.66667%;

    left: auto

}

.col-push-6 {

    left: 50%;

    right: auto

}

.col-pull-6 {

    right: 50%;

    left: auto

}

.col-push-7 {

    left: 58.33333%;

    right: auto

}

.col-pull-7 {

    right: 58.33333%;

    left: auto

}

.col-push-8 {

    left: 66.66667%;

    right: auto

}

.col-pull-8 {

    right: 66.66667%;

    left: auto

}

.col-push-9 {

    left: 75%;

    right: auto

}

.col-pull-9 {

    right: 75%;

    left: auto

}

.col-push-10 {

    left: 83.33333%;

    right: auto

}

.col-pull-10 {

    right: 83.33333%;

    left: auto

}

.col-push-11 {

    left: 91.66667%;

    right: auto

}

.col-pull-11 {

    right: 91.66667%;

    left: auto

}

.col-1-1 {

    width: 100%

}

.col-2-1 {

    width: 50%

}

.col-3-1 {

    width: 33.333333%

}

.col-3-2 {

    width: 66.666667%

}

.col-4-1 {

    width: 25%

}

.col-4-3 {

    width: 75%

}

.col-5-1 {

    width: 20%

}

.col-5-2 {

    width: 40%

}

.col-5-3 {

    width: 60%

}

.col-5-4 {

    width: 80%

}

.col-6-1 {

    width: 16.666667%

}

.col-6-5 {

    width: 83.333333%

}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {

    float: left

}

.col-xs-12 {

    width: 100%

}

.col-xs-11 {

    width: 91.66666667%

}

.col-xs-10 {

    width: 83.33333333%

}

.col-xs-9 {

    width: 75%

}

.col-xs-8 {

    width: 66.66666667%

}

.col-xs-7 {

    width: 58.33333333%

}

.col-xs-6 {

    width: 50%

}

.col-xs-5 {

    width: 41.66666667%

}

.col-xs-4 {

    width: 33.33333333%

}

.col-xs-3 {

    width: 25%

}

.col-xs-2 {

    width: 16.66666667%

}

.col-xs-1 {

    width: 8.33333333%

}

.col-xs-pull-12 {

    right: 100%

}

.col-xs-pull-11 {

    right: 91.66666667%

}

.col-xs-pull-10 {

    right: 83.33333333%

}

.col-xs-pull-9 {

    right: 75%

}

.col-xs-pull-8 {

    right: 66.66666667%

}

.col-xs-pull-7 {

    right: 58.33333333%

}

.col-xs-pull-6 {

    right: 50%

}

.col-xs-pull-5 {

    right: 41.66666667%

}

.col-xs-pull-4 {

    right: 33.33333333%

}

.col-xs-pull-3 {

    right: 25%

}

.col-xs-pull-2 {

    right: 16.66666667%

}

.col-xs-pull-1 {

    right: 8.33333333%

}

.col-xs-pull-0 {

    right: auto

}

.col-xs-push-12 {

    left: 100%

}

.col-xs-push-11 {

    left: 91.66666667%

}

.col-xs-push-10 {

    left: 83.33333333%

}

.col-xs-push-9 {

    left: 75%

}

.col-xs-push-8 {

    left: 66.66666667%

}

.col-xs-push-7 {

    left: 58.33333333%

}

.col-xs-push-6 {

    left: 50%

}

.col-xs-push-5 {

    left: 41.66666667%

}

.col-xs-push-4 {

    left: 33.33333333%

}

.col-xs-push-3 {

    left: 25%

}

.col-xs-push-2 {

    left: 16.66666667%

}

.col-xs-push-1 {

    left: 8.33333333%

}

.col-xs-push-0 {

    left: auto

}

.col-xs-offset-12 {

    margin-left: 100%

}

.col-xs-offset-11 {

    margin-left: 91.66666667%

}

.col-xs-offset-10 {

    margin-left: 83.33333333%

}

.col-xs-offset-9 {

    margin-left: 75%

}

.col-xs-offset-8 {

    margin-left: 66.66666667%

}

.col-xs-offset-7 {

    margin-left: 58.33333333%

}

.col-xs-offset-6 {

    margin-left: 50%

}

.col-xs-offset-5 {

    margin-left: 41.66666667%

}

.col-xs-offset-4 {

    margin-left: 33.33333333%

}

.col-xs-offset-3 {

    margin-left: 25%

}

.col-xs-offset-2 {

    margin-left: 16.66666667%

}

.col-xs-offset-1 {

    margin-left: 8.33333333%

}

.col-xs-offset-0 {

    margin-left: 0

}

@media (max-width: 767px) {

    .responsive [class^="col-"], .responsive [class*=" col-"] {

        float: none !important;

        width: auto !important

    }

    .responsive [class^="col-offset-"], .responsive [class*=" col-offset-"] {

        margin-left: 0 !important

    }

}

@media (min-width: 768px) {

    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {

        float: left

    }

    .col-sm-12 {

        width: 100%

    }

    .col-sm-11 {

        width: 91.66666666666666%

    }

    .col-sm-10 {

        width: 83.33333333333334%

    }

    .col-sm-9 {

        width: 75%

    }

    .col-sm-8 {

        width: 66.66666666666666%

    }

    .col-sm-7 {

        width: 58.333333333333336%

    }

    .col-sm-6 {

        width: 50%

    }

    .col-sm-5 {

        width: 41.66666666666667%

    }

    .col-sm-4 {

        width: 33.33333333333333%

    }

    .col-sm-3 {

        width: 25%

    }

    .col-sm-2 {

        width: 16.666666666666664%

    }

    .col-sm-1 {

        width: 8.333333333333332%

    }

    .col-sm-pull-12 {

        right: 100%

    }

    .col-sm-pull-11 {

        right: 91.66666666666666%

    }

    .col-sm-pull-10 {

        right: 83.33333333333334%

    }

    .col-sm-pull-9 {

        right: 75%

    }

    .col-sm-pull-8 {

        right: 66.66666666666666%

    }

    .col-sm-pull-7 {

        right: 58.333333333333336%

    }

    .col-sm-pull-6 {

        right: 50%

    }

    .col-sm-pull-5 {

        right: 41.66666666666667%

    }

    .col-sm-pull-4 {

        right: 33.33333333333333%

    }

    .col-sm-pull-3 {

        right: 25%

    }

    .col-sm-pull-2 {

        right: 16.666666666666664%

    }

    .col-sm-pull-1 {

        right: 8.333333333333332%

    }

    .col-sm-pull-0 {

        right: 0

    }

    .col-sm-push-12 {

        left: 100%

    }

    .col-sm-push-11 {

        left: 91.66666666666666%

    }

    .col-sm-push-10 {

        left: 83.33333333333334%

    }

    .col-sm-push-9 {

        left: 75%

    }

    .col-sm-push-8 {

        left: 66.66666666666666%

    }

    .col-sm-push-7 {

        left: 58.333333333333336%

    }

    .col-sm-push-6 {

        left: 50%

    }

    .col-sm-push-5 {

        left: 41.66666666666667%

    }

    .col-sm-push-4 {

        left: 33.33333333333333%

    }

    .col-sm-push-3 {

        left: 25%

    }

    .col-sm-push-2 {

        left: 16.666666666666664%

    }

    .col-sm-push-1 {

        left: 8.333333333333332%

    }

    .col-sm-push-0 {

        left: 0

    }

    .col-sm-offset-12 {

        margin-left: 100%

    }

    .col-sm-offset-11 {

        margin-left: 91.66666666666666%

    }

    .col-sm-offset-10 {

        margin-left: 83.33333333333334%

    }

    .col-sm-offset-9 {

        margin-left: 75%

    }

    .col-sm-offset-8 {

        margin-left: 66.66666666666666%

    }

    .col-sm-offset-7 {

        margin-left: 58.333333333333336%

    }

    .col-sm-offset-6 {

        margin-left: 50%

    }

    .col-sm-offset-5 {

        margin-left: 41.66666666666667%

    }

    .col-sm-offset-4 {

        margin-left: 33.33333333333333%

    }

    .col-sm-offset-3 {

        margin-left: 25%

    }

    .col-sm-offset-2 {

        margin-left: 16.666666666666664%

    }

    .col-sm-offset-1 {

        margin-left: 8.333333333333332%

    }

    .col-sm-offset-0 {

        margin-left: 0

    }

}

@media (min-width: 992px) {

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {

        float: left

    }

    .col-md-12 {

        width: 100%

    }

    .col-md-11 {

        width: 91.66666666666666%

    }

    .col-md-10 {

        width: 83.33333333333334%

    }

    .col-md-9 {

        width: 75%

    }

    .col-md-8 {

        width: 66.66666666666666%

    }

    .col-md-7 {

        width: 58.333333333333336%

    }

    .col-md-6 {

        width: 50%

    }

    .col-md-5 {

        width: 41.66666666666667%

    }

    .col-md-4 {

        width: 33.33333333333333%

    }

    .col-md-3 {

        width: 25%

    }

    .col-md-2 {

        width: 16.666666666666664%

    }

    .col-md-1 {

        width: 8.333333333333332%

    }

    .col-md-pull-12 {

        right: 100%

    }

    .col-md-pull-11 {

        right: 91.66666666666666%

    }

    .col-md-pull-10 {

        right: 83.33333333333334%

    }

    .col-md-pull-9 {

        right: 75%

    }

    .col-md-pull-8 {

        right: 66.66666666666666%

    }

    .col-md-pull-7 {

        right: 58.333333333333336%

    }

    .col-md-pull-6 {

        right: 50%

    }

    .col-md-pull-5 {

        right: 41.66666666666667%

    }

    .col-md-pull-4 {

        right: 33.33333333333333%

    }

    .col-md-pull-3 {

        right: 25%

    }

    .col-md-pull-2 {

        right: 16.666666666666664%

    }

    .col-md-pull-1 {

        right: 8.333333333333332%

    }

    .col-md-pull-0 {

        right: 0

    }

    .col-md-push-12 {

        left: 100%

    }

    .col-md-push-11 {

        left: 91.66666666666666%

    }

    .col-md-push-10 {

        left: 83.33333333333334%

    }

    .col-md-push-9 {

        left: 75%

    }

    .col-md-push-8 {

        left: 66.66666666666666%

    }

    .col-md-push-7 {

        left: 58.333333333333336%

    }

    .col-md-push-6 {

        left: 50%

    }

    .col-md-push-5 {

        left: 41.66666666666667%

    }

    .col-md-push-4 {

        left: 33.33333333333333%

    }

    .col-md-push-3 {

        left: 25%

    }

    .col-md-push-2 {

        left: 16.666666666666664%

    }

    .col-md-push-1 {

        left: 8.333333333333332%

    }

    .col-md-push-0 {

        left: 0

    }

    .col-md-offset-12 {

        margin-left: 100%

    }

    .col-md-offset-11 {

        margin-left: 91.66666666666666%

    }

    .col-md-offset-10 {

        margin-left: 83.33333333333334%

    }

    .col-md-offset-9 {

        margin-left: 75%

    }

    .col-md-offset-8 {

        margin-left: 66.66666666666666%

    }

    .col-md-offset-7 {

        margin-left: 58.333333333333336%

    }

    .col-md-offset-6 {

        margin-left: 50%

    }

    .col-md-offset-5 {

        margin-left: 41.66666666666667%

    }

    .col-md-offset-4 {

        margin-left: 33.33333333333333%

    }

    .col-md-offset-3 {

        margin-left: 25%

    }

    .col-md-offset-2 {

        margin-left: 16.666666666666664%

    }

    .col-md-offset-1 {

        margin-left: 8.333333333333332%

    }

    .col-md-offset-0 {

        margin-left: 0

    }

}

@media (min-width: 1200px) {

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {

        float: left

    }

    .col-lg-12 {

        width: 100%

    }

    .col-lg-11 {

        width: 91.66666666666666%

    }

    .col-lg-10 {

        width: 83.33333333333334%

    }

    .col-lg-9 {

        width: 75%

    }

    .col-lg-8 {

        width: 66.66666666666666%

    }

    .col-lg-7 {

        width: 58.333333333333336%

    }

    .col-lg-6 {

        width: 50%

    }

    .col-lg-5 {

        width: 41.66666666666667%

    }

    .col-lg-4 {

        width: 33.33333333333333%

    }

    .col-lg-3 {

        width: 25%

    }

    .col-lg-2 {

        width: 16.666666666666664%

    }

    .col-lg-1 {

        width: 8.333333333333332%

    }

    .col-lg-pull-12 {

        right: 100%

    }

    .col-lg-pull-11 {

        right: 91.66666666666666%

    }

    .col-lg-pull-10 {

        right: 83.33333333333334%

    }

    .col-lg-pull-9 {

        right: 75%

    }

    .col-lg-pull-8 {

        right: 66.66666666666666%

    }

    .col-lg-pull-7 {

        right: 58.333333333333336%

    }

    .col-lg-pull-6 {

        right: 50%

    }

    .col-lg-pull-5 {

        right: 41.66666666666667%

    }

    .col-lg-pull-4 {

        right: 33.33333333333333%

    }

    .col-lg-pull-3 {

        right: 25%

    }

    .col-lg-pull-2 {

        right: 16.666666666666664%

    }

    .col-lg-pull-1 {

        right: 8.333333333333332%

    }

    .col-lg-pull-0 {

        right: 0

    }

    .col-lg-push-12 {

        left: 100%

    }

    .col-lg-push-11 {

        left: 91.66666666666666%

    }

    .col-lg-push-10 {

        left: 83.33333333333334%

    }

    .col-lg-push-9 {

        left: 75%

    }

    .col-lg-push-8 {

        left: 66.66666666666666%

    }

    .col-lg-push-7 {

        left: 58.333333333333336%

    }

    .col-lg-push-6 {

        left: 50%

    }

    .col-lg-push-5 {

        left: 41.66666666666667%

    }

    .col-lg-push-4 {

        left: 33.33333333333333%

    }

    .col-lg-push-3 {

        left: 25%

    }

    .col-lg-push-2 {

        left: 16.666666666666664%

    }

    .col-lg-push-1 {

        left: 8.333333333333332%

    }

    .col-lg-push-0 {

        left: 0

    }

    .col-lg-offset-12 {

        margin-left: 100%

    }

    .col-lg-offset-11 {

        margin-left: 91.66666666666666%

    }

    .col-lg-offset-10 {

        margin-left: 83.33333333333334%

    }

    .col-lg-offset-9 {

        margin-left: 75%

    }

    .col-lg-offset-8 {

        margin-left: 66.66666666666666%

    }

    .col-lg-offset-7 {

        margin-left: 58.333333333333336%

    }

    .col-lg-offset-6 {

        margin-left: 50%

    }

    .col-lg-offset-5 {

        margin-left: 41.66666666666667%

    }

    .col-lg-offset-4 {

        margin-left: 33.33333333333333%

    }

    .col-lg-offset-3 {

        margin-left: 25%

    }

    .col-lg-offset-2 {

        margin-left: 16.666666666666664%

    }

    .col-lg-offset-1 {

        margin-left: 8.333333333333332%

    }

    .col-lg-offset-0 {

        margin-left: 0

    }

}

.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {

    display: none !important

}

@media (max-width: 767px) {

    .visible-xs {

        display: block !important

    }

    table.visible-xs {

        display: table

    }

    tr.visible-xs {

        display: table-row !important

    }

    th.visible-xs, td.visible-xs {

        display: table-cell !important

    }

    .hidden-xs {

        display: none !important

    }

    .visible-xs-block {

        display: block !important

    }

    .visible-xs-inline {

        display: inline !important

    }

    .visible-xs-inline-block {

        display: inline-block !important

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .visible-sm {

        display: block !important

    }

    table.visible-sm {

        display: table

    }

    tr.visible-sm {

        display: table-row !important

    }

    th.visible-sm, td.visible-sm {

        display: table-cell !important

    }

    .hidden-sm {

        display: none !important

    }

    .visible-sm-block {

        display: block !important

    }

    .visible-sm-inline {

        display: inline !important

    }

    .visible-sm-inline-block {

        display: inline-block !important

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .visible-md {

        display: block !important

    }

    table.visible-md {

        display: table

    }

    tr.visible-md {

        display: table-row !important

    }

    th.visible-md, td.visible-md {

        display: table-cell !important

    }

    .hidden-md {

        display: none !important

    }

    .visible-md-block {

        display: block !important

    }

    .visible-md-inline {

        display: inline !important

    }

    .visible-md-inline-block {

        display: inline-block !important

    }

}

@media (min-width: 1200px) {

    .visible-lg {

        display: block !important

    }

    table.visible-lg {

        display: table

    }

    tr.visible-lg {

        display: table-row !important

    }

    th.visible-lg, td.visible-lg {

        display: table-cell !important

    }

    .hidden-lg {

        display: none !important

    }

    .visible-lg-block {

        display: block !important

    }

    .visible-lg-inline {

        display: inline !important

    }

    .visible-lg-inline-block {

        display: inline-block !important

    }

}

.visible-print {

    display: none !important

}

.visible-print-block {

    display: none !important

}

.visible-print-inline {

    display: none !important

}

.visible-print-inline-block {

    display: none !important

}

@media print {

    .visible-print {

        display: block !important

    }

    table.visible-print {

        display: table

    }

    tr.visible-print {

        display: table-row !important

    }

    th.visible-print, td.visible-print {

        display: table-cell !important

    }

    .visible-print-block {

        display: block !important

    }

    .visible-print-inline {

        display: inline !important

    }

    .visible-print-inline-block {

        display: inline-block !important

    }

    .hidden-print {

        display: none !important

    }

}

.Hui-wraper, .wp {

    margin-left: auto;

    margin-right: auto;

    text-align: left

}

.sd {

    float: right

}

.ct2 .mn {

    float: left

}

.ct2 .sd {

    float: right

}

.ct2_r .leftmenu {

    float: left

}

.ct2_r .mn {

    float: right

}

.ct3 .app {

    float: left;

    margin-right: 20px

}

.ct3 .mn {

    float: left;

    border-left: solid 1px #ddd

}

.ct3 .sd {

    float: right

}

.w-1200 {

    width: 1200px;

    margin: 0 auto;

}

.w-1000 {

    width: 1000px

}

.w-980 {

    width: 980px

}

.w-300 {

    width: 300px

}

.w-200 {

    width: 200px

}

@media (max-width: 1000px) {

    .Hui-wraper, .wp, {

        width: auto !important;

        padding: 0 15px !important

    }

}

@media print {

    .Hui-wraper {

        width: auto

    }

}

h1, h2, h3, h4, h5, h6 {

    /*font-weight:500;*/

    line-height: 1.1;

    color: inherit

}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {

    font-weight: 400;

    line-height: 1;

    color: #999

}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {

    font-size: 65%

}

h4, h5, h6 {

/ / margin-top : 10 px;

/ / margin-bottom : 10 px

}

h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {

    font-size: 75%

}

h1 {

    font-size: 36px

}

h2 {

    font-size: 30px

}

h3 {

    font-size: 24px

}

h4 {

    font-size: 18px

}

h5 {

    font-size: 14px

}

h6 {

    font-size: 12px

}

small {

    font-size: 85%

}

b, strong {

    font-weight: bold

}

em {

    font-style: italic

}

cite {

    font-style: normal

}

mark {

    color: #000;

    background: #ff0

}

dfn {

    font-style: italic

}

del {

    font-family: Simsun

}

code, kbd, pre, samp {

    font-family: monospace, serif;

    font-size: 1em

}

pre {

    white-space: pre-wrap

}

.uppercase {

    text-transform: uppercase

}

.lowercase {

    text-transform: lowercase

}

.capitalize {

    text-transform: capitalize

}

.en {

    font-family: Arial !important

}

.text-l {

    text-align: left

}

.text-r {

    text-align: right

}

.text-c {

    text-align: center

}

.va * {

    vertical-align: sub !important;

    *vertical-align: middle !important;

    _vertical-align: middle !important

}

.va-t {

    vertical-align: top !important

}

.va-m {

    vertical-align: middle !important

}

.va-b {

    vertical-align: bottom !important

}

.pos-r {

    position: relative

}

.pos-a {

    position: absolute

}

.pos-f {

    position: fixed

}

.l, .f-l {

    float: left !important;

    _display: inline

}

.r, .f-r {

    float: right !important;

    _display: inline

}

[class*="span"].r, [class*="span"].f-r {

    float: right

}

.text-overflow {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}

.line {

    font-size: 0;

    line-height: 0;

    border-top: solid 1px #eee;

    float: none

}

.m-5 {

    margin: 5px;

}

.m-10 {

    margin: 10px;

}

.m-20 {

    margin: 20px;

}

.mt-5 {

    margin-top: 5px

}
.mt-8 {

    margin-top: 8px

}

.mt-10 {

    margin-top: 10px

}

.mt-15 {

    margin-top: 15px

}

.mt-20 {

    margin-top: 20px

}

.mt-25 {

    margin-top: 25px

}

.mt-30 {

    margin-top: 30px

}

.mt-35 {

    margin-top: 35px

}

.mt-40 {

    margin-top: 40px

}

.mt-50 {

    margin-top: 50px

}

.mb-5 {

    margin-bottom: 5px

}

.mb-10 {

    margin-bottom: 10px

}

.mb-15 {

    margin-bottom: 15px

}

.mb-20 {

    margin-bottom: 20px

}

.mb-30 {

    margin-bottom: 30px

}

.mb-40 {

    margin-bottom: 40px

}

.mb-50 {

    margin-bottom: 50px

}

.ml-5 {

    margin-left: 5px

}

.ml-10 {

    margin-left: 10px

}

.ml-15 {

    margin-left: 15px

}

.ml-20 {

    margin-left: 20px

}

.ml-30 {

    margin-left: 30px

}

.ml-40 {

    margin-left: 40px

}

.ml-50 {

    margin-left: 50px

}

.mr-5 {

    margin-right: 5px

}

.mr-10 {

    margin-right: 10px

}

.mr-15 {

    margin-right: 15px

}

.mr-20 {

    margin-right: 20px

}

.mr-30 {

    margin-right: 30px

}

.mr-40 {

    margin-right: 40px

}

.mr-50 {

    margin-right: 50px

}

.p-2 {

    padding: 2px;

}

.p-3 {

    padding: 3px;

}

.p-5 {

    padding: 5px;

}

.p-10 {

    padding: 10px;

}

.p-20 {

    padding: 20px;

}

.pt-5 {

    padding-top: 5px

}
.pt-8 {

    padding-top: 8px

}

.pt-10 {

    padding-top: 10px

}

.pt-20 {

    padding-top: 20px

}

.pt-30 {

    padding-top: 30px

}

.pb-5 {

    padding-bottom: 5px

}

.pb-10 {

    padding-bottom: 10px

}

.pb-20 {

    padding-bottom: 20px

}

.pb-30 {

    padding-bottom: 30px

}

.pl-5 {

    padding-left: 5px

}

.pl-10 {

    padding-left: 10px

}

.pl-20 {

    padding-left: 20px

}

.pl-30 {

    padding-left: 30px

}

.pr-5 {

    padding-right: 5px

}

.pr-10 {

    padding-right: 10px

}

.pr-20 {

    padding-right: 20px

}

.pd-5 {

    padding: 5px

}

.pd-10 {

    padding: 10px

}

.pd-15 {

    padding: 15px

}

.pd-20 {

    padding: 20px

}

.pd-30 {

    padding: 30px

}

.pd-40 {

    padding: 40px

}

.w-20 {

    width: 20px;

}

.w-30 {

    width: 30px;

}

.w-40 {

    width: 40px;

}

.w-50 {

    width: 50px;

}

.w-80 {

    width: 80px;

}

.w-100 {

    width: 100px;

}

.w-120 {

    width: 120px;

}

.w-150 {

    width: 150px;

}

.w-200 {

    width: 200px;

}

.w-300 {

    width: 300px;

}

.w-400 {

    width: 400px;

}

.w-500 {

    width: 500px;

}

.h-20 {

    height: 20px;

}

.h-30 {

    height: 30px;

}

.h-40 {

    height: 40px;

}

.h-50 {

    height: 50px;

}

.h-80 {

    height: 80px;

}

.h-100 {

    height: 100px;

}

.h-120 {

    height: 120px;

}

.h-150 {

    height: 150px;

}

.h-200 {

    height: 200px;

}

.h-300 {

    height: 300px;

}

.h-400 {

    height: 400px;

}

.h-500 {

    height: 500px;

}

.bk-gray {

    border: solid 1px #eee

}

.radius {

    border-radius: 4px

}

.size-MINI.radius {

    border-radius: 3px

}

.size-L.radius {

    border-radius: 5px

}

.size-XL.radius {

    border-radius: 6px

}

.round {

    border-radius: 50%;

    overflow: hidden

}

.box-shadow {

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)

}

.text-shadow {

    -webkit-text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);

    text-shadow: 0 0 2px rgba(0, 0, 0, 0.2)

}

.pipe {

    margin: 0 5px;

    color: #CCC;

    font-size: 10px !important

}

.f-12 {

    font-size: 12px

}

.f-14 {

    font-size: 14px

}

.f-16 {

    font-size: 16px

}

.f-18 {

    font-size: 18px

}

.f-20 {

    font-size: 20px

}

.f-24 {

    font-size: 24px

}

.f-26 {

    font-size: 26px

}

.f-28 {

    font-size: 28px

}

.f-30 {

    font-size: 30px

}

.lh-16 {

    line-height: 16px

}

.lh-18 {

    line-height: 18px

}

.lh-20 {

    line-height: 20px

}

.lh-22 {

    line-height: 22px

}

.lh-24 {

    line-height: 24px

}

.lh-26 {

    line-height: 26px

}

.lh-28 {

    line-height: 28px

}

.lh-30 {

    line-height: 30px

}

.l16 {

    line-height: 16px

}

.l18 {

    line-height: 18px

}

.l20 {

    line-height: 20px

}

.l22 {

    line-height: 22px

}

.l-24 {

    line-height: 24px

}

.l-26 {

    line-height: 26px

}

.l-28 {

    line-height: 28px

}

.l-30 {

    line-height: 30px

}

body {

    background-color: #fff;

    color: #333

}

.bg-fff {

    background-color: #fff

}

a {

    color: #333

}

a:hover, .active a {

    color: #06c

}

.c-primary, .c-primary a, a.c-primary {

    color: #5a98de

}

.c-primary a:hover, a.c-primary:hover {

    color: #5a98de

}

.c-secondary, .c-secondary a, a.c-secondary {

    color: #555

}

.c-secondary a:hover, a.c-secondary:hover {

    color: #555

}

.c-success, .c-success a, a.c-success {

    color: #5eb95e

}

.c-success a:hover, a.c-success:hover {

    color: #5eb95e

}

.c-danger, .c-danger a, a.c-danger {

    color: #dd514c

}

.c-danger a:hover, a.c-danger:hover {

    color: #dd514c

}

.c-warning, .c-warning a, a.c-warning {

    color: #f37b1d

}

.c-warning a:hover, a.c-warning:hover {

    color: #f37b1d

}

.c-error, .c-error a, a.c-error {

    color: #c00

}

.c-error a:hover, a.c-error:hover {

    color: #c00

}

.c-333, .c-333 a, a.c-333 {

    color: #333

}

.c-333 a:hover, a.c-333:hover {

    color: #333

}

.c-666, .c-666 a, a.c-666 {

    color: #666

}

.c-666 a:hover, a.c-666:hover {

    color: #666

}

.c-999, .c-999 a, a.c-999 {

    color: #999

}

.c-999 a:hover, a.c-999:hover {

    color: #999

}

.c-red, .c-red a, a.c-red {

    color: red

}

.c-red a:hover, a.c-red:hover {

    color: red

}

.c-green, .c-green a, a.c-green {

    color: green

}

.c-red a:hover, a.c-red:hover {

    color: green

}

.c-blue, .c-blue a, a.c-blue {

    color: blue

}

.c-blue a:hover, a.c-blue:hover {

    color: blue

}

.c-white, .c-white a, a.c-white {

    color: white

}

.c-white a:hover, a.c-white:hover {

    color: white

}

.c-black, .c-black a {

    color: black

}

.c-black a:hover, a.c-black:hover {

    color: black

}

.c-orange, .c-orange a, a.c-orange {

    color: orange

}

.c-orange a:hover, a.c-orange:hover {

    color: orange

}

abbr[title], abbr[data-original-title] {

    cursor: help;

    border-bottom: 1px dotted #999

}

abbr.initialism {

    font-size: 90%;

    text-transform: uppercase

}

address {

    display: block;

    margin-bottom: 20px;

    font-style: normal;

    line-height: 20px

}

blockquote {

    padding: 0 0 0 15px;

    margin: 0 0 20px;

    border-left: 5px solid #eee

}

blockquote p {

    margin-bottom: 0;

    font-size: 17.5px;

    font-weight: 300;

    line-height: 1.25

}

blockquote small {

    display: block;

    line-height: 20px;

    color: #999

}

blockquote small:before {

    content: '\2014 \00A0'

}

blockquote.text-r {

    padding-right: 15px;

    padding-left: 0;

    border-right: 5px solid #eee;

    border-left: 0

}

blockquote.text-r p, blockquote.text-r small {

    text-align: right

}

blockquote.text-r small:before {

    content: ''

}

blockquote.text-r small:after {

    content: '\00A0 \2014'

}

q:before, q:after, blockquote:before, blockquote:after {

    content: ""

}

q {

    quotes: "\201C" "\201D" "\2018" "\2019"

}

sub, sup {

    position: relative;

    font-size: 75%;

    line-height: 0;

    vertical-align: baseline

}

sup {

    top: -0.5em

}

sub {

    bottom: -0.25em

}

.indent {

    text-indent: 2em

}

@media (max-width: 480px) {

}

ul.unstyled, ol.unstyled {

    margin-left: 0;

    list-style: none

}

ul.inline, ol.inline {

    margin-left: 0;

    list-style: none

}

ul.inline > li, ol.inline > li {

    display: inline-block;

    *display: inline;

    padding-right: 5px;

    padding-left: 5px;

    *zoom: 1

}

.tlist li {

    line-height: 22px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}

.top-list li {

    height: 20px;

    line-height: 20px;

    margin-bottom: 15px;

    overflow: hidden;

    padding-left: 30px;

    position: relative;

    text-overflow: ellipsis;

    vertical-align: bottom;

    white-space: nowrap

}

.top-list em {

    background-color: #f8f8f8;

    border: 1px solid #ebebeb;

    color: #333;

    height: 18px;

    left: 0;

    line-height: 18px;

    position: absolute;

    text-align: center;

    top: 0;

    width: 20px;

    font-style: normal

}

.top-list .top em {

    background-color: #390;

    border: 0;

    color: #fff;

    height: 20px;

    line-height: 20px;

    width: 22px

}

.top-list .date {

    color: #999;

    font-size: 12px;

    position: absolute;

    right: 0;

    top: 0

}

.tlist .time {

    font-size: 12px;

    font-family: Arial;

    color: #999

}

@media (max-width: 767px) {

    .tlist li {

        position: relative;

        font-size: 18px;

        border-bottom: 1px solid #eee

    }

    .tlist li a {

        display: block;

        padding: .7em 30px .7em 12px

    }

    .dot_1 {

        padding-left: 0

    }

    .night .tlist li {

        border-bottom: 1px solid #1f1f1f

    }

    .tlist .time {

        display: none

    }

    .tlist i {

        background: url(../images/article/arrow.png) no-repeat 0 0;

        background-size: 9px auto;

        height: 15px;

        margin-top: -7px;

        position: absolute;

        right: 10px;

        top: 50%;

        width: 9px

    }

    .night .tlist i {

        background-position: 0 -75px

    }

}

.dl-horizontal dt {

    float: left;

    width: 160px;

    overflow: hidden;

    clear: left;

    text-align: right;

    text-overflow: ellipsis;

    white-space: nowrap

}

.dl-horizontal dd {

    margin-left: 180px

}

.hide {

    display: none

}

[hidden] {

    display: none

}

.hidden {

    display: none !important;

    visibility: hidden !important

}

.f-hide {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0

}

[class*="span"].hide, .row-fluid [class*="span"].hide {

    display: none

}

.show {

    display: block

}

.invisible {

    visibility: hidden

}

.input-text, .btn, .input-text.size-M, .btn.size-M {

    font-size: 14px;

    height: 31px;

    line-height: 1.42857;

    padding: 4px

}

a.btn, a.btn.size-M, span.btn, span.btn.size-M {

    line-height: 21px

}

.btn, .btn.size-M {

    padding: 4px 12px

}

.input-text.size-MINI, .btn.size-MINI {

    font-size: 12px;

    height: 23px;

    padding: 1px 2px;

    line-height: 1.42857

}

a.btn.size-MINI, span.btn.size-MINI {

    line-height: 21px

}

.btn.size-MINI {

    padding: 1px 4px

}

.input-text.size-S, .btn.size-S {

    font-size: 12px;

    height: 27px;

    padding: 3px;

    line-height: 1.42857

}

a.btn.size-S, span.btn.size-S {

    line-height: 19px

}

.btn.size-S {

    padding: 3px 8px

}

.input-text.size-L, .btn.size-L {

    font-size: 16px;

    height: 41px;

    padding: 8px

}

a.btn.size-L, span.btn.size-L {

    line-height: 23px

}

.btn.size-L {

    padding: 8px 16px

}

.input-text.size-XL, .btn.size-XL {

    font-size: 18px;

    height: 48px;

    padding: 10px

}

a.btn.size-XL, span.btn.size-XL {

    line-height: 26px

}

.btn.size-XL {

    padding: 10px 24px

}

@media (max-width: 767px) {

    .responsive .input-text.size-MINI, .responsive .btn.size-MINI {

        height: 24px

    }

    .responsive .input-text.size-S, .responsive .btn.size-S {

        font-size: 14px;

        height: 30px

    }

    .responsive .input-text, .btn, .responsive .input-text.size-M, .responsive .btn.size-M {

        font-size: 16px;

        height: 36px

    }

    .responsive .input-text.size-L, .responsive .btn.size-L {

        font-size: 18px;

        height: 42px

    }

    .responsive .input-text.size-XL, .responsive .btn.size-XL {

        font-size: 20px;

        height: 48px

    }

}

code {

    padding: 0 3px 2px;

    font-family: Monaco, Menlo, Consolas, "Courier New", monospace

}

pre .title, pre .keyword, pre .body, pre .des {

    color: #333

}

pre {

    display: block;

    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;

    padding: 9.5px;

    margin-bottom: 10px;

    font-size: 12px;

    line-height: 20px;

    word-break: break-all;

    word-wrap: break-word;

    white-space: pre;

    white-space: pre-wrap;

    background-color: #f5f5f5;

    border: 1px solid #ccc;

    border-radius: 4px;

    color: #333

}

.prettyprint {

    margin-bottom: 20px;

    padding: 8px;

    background-color: #f7f7f9;

    border: 1px solid #e1e1e8

}

table {

    width: 100%;

    empty-cells: show;

    background-color: transparent;

    border-collapse: collapse;

    border-spacing: 0

}

table th {

    text-align: left;

    font-weight: 400

}

.table th {

    font-weight: bold

}

.table td {

    padding: 8px;

    line-height: 20px;

    word-break: break-all

}

.table td {

    text-align: center;

}

.table tbody tr.success > td {

    background-color: #dff0d8

}

.table tbody tr.error > td {

    background-color: #f2dede

}

.table tbody tr.warning > td {

    background-color: #fcf8e3

}

.table tbody tr.info > td {

    background-color: #d9edf7

}

.table tbody + tbody {

    border-top: 2px solid #ddd

}

.table .table {

    background-color: #fff

}

.table-border {

    border-top: 1px solid #ddd

}

.table-border th, .table-border td {

    border-bottom: 1px solid #ddd

}

.table-bg thead th {

    background-color: #f5fafe

}

.table-bordered {

    border: 1px solid #ddd;

    border-collapse: separate;

    *border-collapse: collapse;

    border-left: 0

}

.table-bordered th, .table-bordered td {

    border-left: 1px solid #ddd

}

.table-border.table-bordered {

    border-bottom: 0

}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {

    background-color: #f9f9f9

}

.table-condensed th, .table-condensed td {

    padding: 4px 5px

}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {

    background-color: #f5f5f5

}

.table tbody tr.selected td {

    background-color: #f3f3f3

}

.table tbody tr.active, .table tbody tr.active > td, .table tbody tr.active > th, .table tbody tr .active {

    background-color: #f5f5f5 !important

}

.table tbody tr.success, .table tbody tr.success > td, .table tbody tr.success > th, .table tbody tr .success {

    background-color: #dff0d8 !important

}

.table tbody tr.warning, .table tbody tr.warning > td, .table tbody tr.warning > th, .table tbody tr .warning {

    background-color: #fcf8e3 !important

}

.table tbody tr.danger, .table tbody tr.danger > td, .table tbody tr.danger > th, .table tbody tr .danger {

    background-color: #f2dede !important

}

.table .text-c th, .table .text-c td {

    text-align: center

}

.table .text-r th, .table .text-r td {

    text-align: right

}

.table th.text-l, .table td.text-l {

    text-align: left !important

}

.table th.text-c, .table td.text-c {

    text-align: center !important

}

.table th.text-r, .table td.text-r {

    text-align: right !important

}

table.dataTable {

    border-collapse: separate;

    border-spacing: 0;

    clear: both

}

table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting {

    cursor: pointer;

    background-repeat: no-repeat;

    background-position: right center

}

table.dataTable thead .sorting {

    background-image: url(../images/sort_both.png)

}

table.dataTable thead .sorting_asc {

    background-image: url(../images/sort_asc.png)

}

table.dataTable thead .sorting_desc {

    background-image: url(../images/sort_desc.png)

}

.dataTable td.sorting_1 {

    background-color: #f5fafe

}

.dataTables_wrapper .dataTables_length {

    float: left;

    padding-bottom: 20px

}

.dataTables_wrapper .dataTables_length .select {

    width: 50px

}

.dataTables_wrapper .dataTables_filter {

    float: right;

    text-align: right

}

.dataTables_wrapper .dataTables_filter .input-text {

    width: auto

}

.dataTables_wrapper .dataTables_info {

    clear: both;

    float: left;

    padding-top: 10px;

    font-size: 14px;

    color: #666

}

.dataTables_wrapper .dataTables_paginate {

    float: right;

    padding-top: 10px;

    text-align: right

}

.dataTables_wrapper .dataTables_paginate .paginate_button {

    border: 1px solid #ccc;

    cursor: pointer;

    display: inline-block;

    margin-left: 2px;

    text-align: center;

    text-decoration: none;

    color: #666;

    height: 26px;

    line-height: 26px;

    text-decoration: none;

    margin: 0 0 6px 6px;

    padding: 0 10px;

    font-size: 14px

}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

    background: #5a98de;

    color: #fff

}

@media (max-width: 767px) {

    table-responsive {

        width: 100%;

        margin-bottom: 15px;

        overflow-x: scroll;

        overflow-y: hidden;

        border: 1px solid #ddd;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        -webkit-overflow-scrolling: touch

    }

    table-responsive > .table {

        margin-bottom: 0

    }

    table-responsive > .table > thead > tr > th, table-responsive > .table > tbody > tr > th, table-responsive > .table > tfoot > tr > th, table-responsive > .table > thead > tr > td, table-responsive > .table > tbody > tr > td, table-responsive > .table > tfoot > tr > td {

        white-space: nowrap

    }

    table-responsive > .table-bordered {

        border: 0

    }

    table-responsive > .table-bordered > thead > tr > th:first-child, table-responsive > .table-bordered > tbody > tr > th:first-child, table-responsive > .table-bordered > tfoot > tr > th:first-child, table-responsive > .table-bordered > thead > tr > td:first-child, table-responsive > .table-bordered > tbody > tr > td:first-child, table-responsive > .table-bordered > tfoot > tr > td:first-child {

        border-left: 0

    }

    table-responsive > .table-bordered > thead > tr > th:last-child, table-responsive > .table-bordered > tbody > tr > th:last-child, table-responsive > .table-bordered > tfoot > tr > th:last-child, table-responsive > .table-bordered > thead > tr > td:last-child, table-responsive > .table-bordered > tbody > tr > td:last-child, table-responsive > .table-bordered > tfoot > tr > td:last-child {

        border-right: 0

    }

    table-responsive > .table-bordered > tbody > tr:last-child > th, table-responsive > .table-bordered > tfoot > tr:last-child > th, table-responsive > .table-bordered > tbody > tr:last-child > td, table-responsive > .table-bordered > tfoot > tr:last-child > td {

        border-bottom: 0

    }

}

.input-text, .textarea {

    box-sizing: border-box;

    border: solid 1px #ddd;

    /*width:100%;*/

    -webkit-transition: all .2s linear 0s;

    -moz-transition: all .2s linear 0s;

    -o-transition: all .2s linear 0s;

    transition: all .2s linear 0s

}

.textarea {

    height: 100px;

    resize: none;

    font-size: 14px;

    padding: 4px

}

.textarea-numberbar {

    position: absolute;

    right: 20px;

    bottom: 5px;

    z-index: 1;

    margin-bottom: 0

}

.textarea-length {

    font-style: normal

}

.input-text:hover, .textarea:hover {

    border: solid 1px #3bb4f2

}

.input-text.focus, textarea.focus {

    border: solid 1px #0f9ae0 \9;

    border-color: rgba(82, 168, 236, 0.8);

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)

}

.input-text.disabled, .textarea.disabled, .input-text.disabled.focus, .textarea.disabled.focus {

    background-color: #ededed;

    cursor: default;

    border-color: #ddd;

    -webkit-box-shadow: inset 0 2px 2px #e8e7e7;

    -moz-box-shadow: inset 0 2px 2px #e8e7e7;

    box-shadow: inset 0 2px 2px #e8e7e7

}

.input-text.disabled, .textarea.disabled {

    background-color: #e6e6e6;

    cursor: default

}

.input-text.box-shadow, .textarea.box-shadow {

    -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)

}

.input-text.inline {

    display: inline-block;

    width: auto

}

input[type="radio"], input[type="checkbox"] {

    line-height: normal;

    margin-top: -4px

}

.check-box, .radio-box {

    display: inline-block;

    box-sizing: border-box;

    cursor: pointer;

    position: relative;

    padding-left: 30px;

    padding-right: 20px

}

.icheckbox, .icheckbox-red, .icheckbox-green, .icheckbox-blue, .icheckbox-aero, .icheckbox-grey, .icheckbox-orange, .icheckbox-yellow, .icheckbox-pink, .icheckbox-purple, .iradio, .iradio-red, .iradio-green, .iradio-blue, .iradio-aero, .iradio-grey, .iradio-orange, .iradio-yellow, .iradio-pink, .iradio-purple {

    position: absolute;

    top: 4px;

    left: 0

}

@media (max-width: 767px) {

    .responsive .check-box, .responsive .radio-box {

        display: block

    }

}

.select-box {

    border: solid 1px #ddd;

    box-sizing: border-box;

    vertical-align: middle;

    /*width:100%;*/

    display: inline-block

}

.select {

    border: solid 1px #ddd;

    box-sizing: border-box;

    cursor: pointer;

    line-height: normal;

    font-weight: normal;

    /*width:100%;*/

    white-space: nowrap

}

.select-box .select {

    border: 0

}

.select-box.inline, .select-box.inline .select {

    width: auto

}

.select-box, .select-box.size-M {

    height: 31px;

    padding: 4px 5px

}

.select, .size-M .select {

    font-size: 14px

}

.select-box.size-MINI {

    height: 23px;

    padding: 0 5px

}

.size-MINI .select {

    font-size: 12px

}

.select-box.size-S {

    height: 27px;

    padding: 3px 5px

}

.size-S .select {

    font-size: 12px

}

.select-box.size-L {

    height: 41px;

    padding: 8px 5px

}

.size-L .select {

    font-size: 16px

}

.select-box.size-XL {

    height: 48px;

    padding: 10px 5px

}

.size-XL .select {

    font-size: 18px

}

@media (max-width: 767px) {

    .responsive .select-box {

        border: 0

    }

    .responsive .select-box .select, .responsive .select {

        border: solid 1px #ddd;

        padding: 10px;

        font-size: 16px

    }

    .responsive .select-box, .responsive .select-box.size-M, .responsive .select-box.size-MINI, .responsive .select-box.size-S, .responsive .select-box.size-L, .responsive .select-box.size-XL {

        height: auto;

        padding: 0

    }

}

.select-wrapper {

    position: relative;

    display: inline-block;

    font-size: 14px;

    cursor: default

}

.select-default {

    zoom: 1;

    display: block;

    padding-left: 10px;

    padding-right: 30px;

    background-color: #fff;

    border: solid 1px #d0d0d0;

    height: 34px;

    line-height: 34px

}

.jsselect.radius {

    overflow: visible

}

.jsselect.radius .select-default {

    border-radius: 4px

}

.jsselect.radius .select-list {

    border-radius: 4px;

    border-top-left-radius: 0;

    border-top-right-radius: 0

}

.select-icon {

    position: absolute;

    height: 8px;

    width: 12px;

    right: 10px;

    top: 50%;

    margin-top: -4px;

    background: url(../images/iconpic-arrow-down2.png) no-repeat center

}

.unselectable {

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

    user-select: none

}

.select-list {

    position: absolute;

    left: 0;

    right: 0;

    top: 100%;

    z-index: 1;

    line-height: 34px;

    max-height: 320px;

    overflow: auto;

    _height: expression(this.scrollHeight>319 ? "320px":"auto");

    background-color: #fff;

    background-clip: padding-box;

    -moz-box-shadow: 0 1px 2px rgba(0, 1, 1, 0.2);

    -webkit-box-shadow: 0 1px 2px rgba(0, 1, 1, 0.2);

    box-shadow: 0 1px 2px rgba(0, 1, 1, 0.2);

    box-sizing: border-box;

    border: solid 1px #d0d0d0;

    behavior: url(../lib/ie-css3.htc)

}

.select-item {

    margin: 0;

    padding: 0

}

.select-option {

    background: #fff;

    line-height: 34px;

    text-align: left;

    white-space: nowrap;

    cursor: pointer;

    border-bottom: 1px solid #f2f2f2;

    padding: 0 10px

}

.select-item .selected {

    background-color: #148cf1;

    color: #fff

}

.btn-upload {

    position: relative;

    display: inline-block;

    height: 31px;

    *display: inline;

    overflow: hidden;

    vertical-align: middle;

    cursor: pointer

}

.upload-url {

    cursor: pointer;

    width: 300px

}

.input-file {

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

    z-index: 1;

    font-size: 30em;

    opacity: 0;

    filter: alpha(opacity=0)

}

.form-group .upload-btn {

    margin-left: -1px

}

.btn-upload .icon-add, .btn-upload .icon-minus {

    cursor: pointer;

    display: inline-block;

    font-family: Arial;

    font-size: 30px;

    height: 31px;

    line-height: 31px;

    text-align: center;

    vertical-align: middle;

    width: 36px

}

@media (max-width: 767px) {

    .upload-btn {

        display: none

    }

    .upload-url {

        display: none

    }

}

.numberControlBox {

    display: inline-block;

    overflow: hidden;

    vertical-align: middle

}

.ncb-up, .ncb-down {

    font-size: 0;

    display: block;

    height: 10px;

    background-color: #f4f4f4;

    background: -moz-linear-gradient(top, #fff 0, #e6e6e6 50%, #fff 100%);

    width: 24px;

    border: 1px solid #d1d1d1;

    cursor: pointer

}

.ncb-up {

    margin-bottom: 1px

}

.numberControlBox .ncb_ico {

    display: block;

    height: 10px;

    background-image: url(../img/icon-arrow.png);

    background-repeat: no-repeat

}

.ncb-up .ncb_ico {

    background-position: -22px center

}

.ncb-down .ncb_ico {

    background-position: 1px center

}

.ncb_btn_hover {

    border: 1px solid #9dc7e7;

    background-color: #dff2fc;

    background: -moz-linear-gradient(top, #fff 0, #d2edfa 50%, #fff 100%)

}

.ncb_btn_selected {

    border: 1px solid #6198c2;

    background-color: #aee1fb;

    background: -moz-linear-gradient(top, #fff 0, #aee1fb 50%, #fff 100%)

}

.input-text[type="number"] {

    width: 80px

}

label, .placeholder {

    font-size: 14px

}

.form legend {

    font-size: 20px

}

.form .row {

    margin-top: 15px

}

.form-label {

    display: block;

    color: #555

}

.formControls {

    position: relative

}

.formControls > * {

    vertical-align: middle

}

.placeholder {

    position: absolute;

    left: 4px;

    top: 4px;

    color: #c6c6c6;

    cursor: text

}

.form-horizontal .form-label {

    margin-top: 3px;

    cursor: text;

    text-align: right

}

.form-horizontal .Validform_checktip {

    margin-top: 5px

}

::-webkit-input-placeholder {

    color: #b3b3b3

}

:-moz-placeholder {

    color: #b3b3b3

}

::-moz-placeholder {

    color: #b3b3b3

}

:-ms-input-placeholder {

    color: #b3b3b3

}

.placeholder {

    color: #adb0be;

    position: absolute;

    z-index: 9

}

@media (max-width: 767px) {

    .form-horizontal .form-label {

        text-align: left

    }

}

.Validform_error, input.error, select.error {

    background-color: #fbe2e2;

    border-color: #c66161;

    color: #c00

}

.Validform_wrong, .Validform_right, .Validform_warning {

    display: inline-block;

    height: 20px;

    font-size: 12px;

    vertical-align: middle;

    padding-left: 25px

}

.Validform_wrong {

    background: url(../images/icon_error_s.png) no-repeat 0 center;

    color: #ef392b

}

.Validform_right {

    background: url(../images/icon_right_s.png) no-repeat 0 center

}

.Validform_warning {

    background: url(../images/icon_warning_s.png) no-repeat 0 center;

    color: #777

}

label.error {

    position: absolute;

    right: 18px;

    top: 5px;

    color: #ef392b;

    font-size: 12px

}

.passwordStrength b {

    font-weight: 400

}

.passwordStrength b, .passwordStrength span {

    display: inline-block;

    vertical-align: middle;

    line-height: 16px;

    line-height: 18px \9;

    height: 16px

}

.passwordStrength span {

    width: 57px;

    text-align: center;

    background-color: #d0d0d0;

    border-right: 1px solid #fff

}

.passwordStrength .last {

    border-right: 0

}

.passwordStrength .bgStrength {

    color: #fff;

    background-color: #fcc900

}

#Validform_msg {

    font-size: 14px;

    width: 300px;

    -webkit-box-shadow: 2px 2px 3px #aaa;

    -moz-box-shadow: 2px 2px 3px #aaa;

    background: #fff;

    position: absolute;

    top: 0;

    right: 50px;

    z-index: 99999;

    display: none;

    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');

    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1)

}

#Validform_msg .iframe {

    position: absolute;

    left: 0;

    top: -1px;

    z-index: -1

}

#Validform_msg .Validform_title {

    font-size: 20px;

    padding: 10px;

    text-align: left;

    color: #fff;

    position: relative;

    background-color: #fcc900

}

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {

    position: absolute;

    right: 8px;

    top: 6px;

    color: #fff;

    text-decoration: none;

    font-family: Verdana

}

#Validform_msg a.Validform_close:hover {

    color: #fff

}

#Validform_msg .Validform_info {

    padding: 10px;

    border: 1px solid #bbb;

    border-top: 0;

    text-align: left

}

@media (max-width: 767px) {

    .responsive .Validform_checktip {

        margin-top: 10px

    }

}

.close {

    font-size: 20px;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: .2;

    filter: alpha(opacity=20)

}

.close:hover, .close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

    opacity: .4;

    filter: alpha(opacity=40)

}

button.close {

    padding: 0;

    cursor: pointer;

    background: transparent;

    border: 0;

    -webkit-appearance: none

}

.btn {

    display: inline-block;

    box-sizing: border-box;

    cursor: pointer;

    text-align: center;

    font-weight: 400;

    white-space: nowrap;

    vertical-align: middle;

    -moz-padding-start: npx;

    -moz-padding-end: npx;

    border: solid 1px #ddd;

    background-color: #fff;

    width: auto;

    *zoom: 1;

    *overflow: visible;

    -webkit-transition: background-color .1s linear;

    -moz-transition: background-color .1s linear;

    -o-transition: background-color .1s linear;

    transition: background-color .1s linear

}

a.btn:hover, a.btn:focus, a.btn:active, a.btn.active, a.btn.disabled, a.btn[disabled] {

    text-decoration: none

}

.btn:active, .btn.active {

    background-color: #ccc

}

.btn:first-child {

    *margin-left: 0

}

.btn.active, .btn:active {

    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset;

    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset;

    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset

}

.btn-default {

    background-color: #e6e6e6;

    border-color: #e6e6e6

}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {

    color: #333;

    background-color: #c7c7c7;

    border-color: #c7c7c7

}

.btn-primary {

    color: #fff;

    background-color: #5a98de;

    border-color: #5a98de

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {

    color: #fff;

    background-color: #0a6999;

    border-color: #0a6999

}

.btn-secondary {

    color: #fff;

    background-color: #3bb4f2;

    border-color: #3bb4f2

}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active {

    color: #fff;

    background-color: #0f9ae0;

    border-color: #0f9ae0

}

.btn-success {

    color: #fff;

    background-color: #5eb95e;

    border-color: #5eb95e

}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {

    color: #fff;

    background-color: #429842;

    border-color: #429842

}

.btn-warning {

    color: #fff;

    background-color: #f37b1d;

    border-color: #f37b1d

}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {

    color: #fff;

    background-color: #c85e0b;

    border-color: #c85e0b

}

.btn-danger {

    color: #fff;

    background-color: #dd514c;

    border-color: #dd514c

}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {

    color: #fff;

    background-color: #c62b26;

    border-color: #c62b26

}

.btn-link {

    color: #0e90d2;

    cursor: pointer;

    border-color: transparent;

    background-color: transparent

}

.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active {

    color: #095f8a;

    text-decoration: underline;

    background-color: transparent

}

.btn.disabled {

    cursor: not-allowed;

    background-image: none;

    opacity: .65;

    filter: alpha(opacity=65);

    box-shadow: none;

    pointer-events: none

}

.btn-block {

    -moz-box-sizing: border-box;

    display: block;

    padding-left: 0;

    padding-right: 0;

    width: 100%

}

.btn-primary-outline {

    color: #5a98de;

    background-color: transparent;

    background-image: none;

    border-color: #5a98de

}

.btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .open > .btn-primary-outline.dropdown-toggle {

    color: #fff;

    background-color: #5a98de;

    border-color: #5a98de

}

.btn-primary-outline:hover {

    color: #fff;

    background-color: #5a98de;

    border-color: #5a98de

}

.btn-primary-outline.disabled.focus, .btn-primary-outline.disabled:focus, .btn-primary-outline:disabled.focus, .btn-primary-outline:disabled:focus, fieldset[disabled] .btn-primary-outline.focus, fieldset[disabled] .btn-primary-outline:focus {

    border-color: #0a6999

}

.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover, fieldset[disabled] .btn-primary-outline:hover {

    border-color: #0a6999

}

.btn-secondary-outline {

    color: #3bb4f2;

    background-color: transparent;

    background-image: none;

    border-color: #3bb4f2

}

.btn-secondary-outline.active, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline:focus, .open > .btn-secondary-outline.dropdown-toggle {

    color: #fff;

    background-color: #3bb4f2;

    border-color: #3bb4f2

}

.btn-secondary-outline:hover {

    color: #fff;

    background-color: #3bb4f2;

    border-color: #3bb4f2

}

.btn-secondary-outline.disabled.focus, .btn-secondary-outline.disabled:focus, .btn-secondary-outline:disabled.focus, .btn-secondary-outline:disabled:focus, fieldset[disabled] .btn-secondary-outline.focus, fieldset[disabled] .btn-secondary-outline:focus {

    border-color: #0f9ae0

}

.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover, fieldset[disabled] .btn-secondary-outline:hover {

    border-color: #0f9ae0

}

.btn-success-outline {

    color: #5eb95e;

    background-color: transparent;

    background-image: none;

    border-color: #5eb95e

}

.btn-success-outline.active, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline:focus, .open > .btn-success-outline.dropdown-toggle {

    color: #fff;

    background-color: #5eb95e;

    border-color: #5eb95e

}

.btn-success-outline:hover {

    color: #fff;

    background-color: #5eb95e;

    border-color: #5eb95e

}

.btn-success-outline.disabled.focus, .btn-success-outline.disabled:focus, .btn-success-outline:disabled.focus, .btn-success-outline:disabled:focus, fieldset[disabled] .btn-success-outline.focus, fieldset[disabled] .btn-success-outline:focus {

    border-color: #429842

}

.btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover, fieldset[disabled] .btn-success-outline:hover {

    border-color: #429842

}

.btn-warning-outline {

    color: #f37b1d;

    background-color: transparent;

    background-image: none;

    border-color: #f37b1d

}

.btn-warning-outline.active, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline:focus, .open > .btn-warning-outline.dropdown-toggle {

    color: #fff;

    background-color: #f37b1d;

    border-color: #f37b1d

}

.btn-warning-outline:hover {

    color: #fff;

    background-color: #f37b1d;

    border-color: #f37b1d

}

.btn-warning-outline.disabled.focus, .btn-warning-outline.disabled:focus, .btn-success-outline:disabled.focus, .btn-warning-outline:disabled:focus, fieldset[disabled] .btn-warning-outline.focus, fieldset[disabled] .btn-warning-outline:focus {

    border-color: #c85e0b

}

.btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover, fieldset[disabled] .btn-warning-outline:hover {

    border-color: #c85e0b

}

.btn-danger-outline {

    color: #dd514c;

    background-color: transparent;

    background-image: none;

    border-color: #dd514c

}

.btn-danger-outline.active, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline:focus, .open > .btn-danger-outline.dropdown-toggle {

    color: #fff;

    background-color: #dd514c;

    border-color: #dd514c

}

.btn-danger-outline:hover {

    color: #fff;

    background-color: #dd514c;

    border-color: #dd514c

}

.btn-danger-outline.disabled.focus, .btn-danger-outline.disabled:focus, .btn-success-outline:disabled.focus, .btn-danger-outline:disabled:focus, fieldset[disabled] .btn-danger-outline.focus, fieldset[disabled] .btn-danger-outline:focus {

    border-color: #c62b26

}

.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover, fieldset[disabled] .btn-danger-outline:hover {

    border-color: #c62b26

}

.form-group {

    display: inline-block;

    vertical-align: middle

}

.form-group .input-text {

    position: relative;

    vertical-align: top

}

.form-group.radius {

    overflow: hidden

}

.form-group.radius .input-text {

    border-radius: 4px 0 0 4px

}

.form-group.round .input-text {

    border-radius: 1000px 0 0 1000px

}

.form-group .btn {

    position: relative;

    margin-left: -1px

}

.form-group.radius .btn {

    border-radius: 0 4px 4px 0

}

.form-group.round .btn {

    border-radius: 0 1000px 1000px 0

}

.img-responsive {

    display: inline-block;

    max-width: 100%;

    height: auto

}

.thumbnail {

    display: inline-block;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    max-width: 100%;

    height: auto;

    padding: 4px;

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #ddd;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out

}

@media (max-width: 767px) {

    .img-responsive {

        width: 100%

    }

}

.duang-opacity img {

    -webkit-transition: opacity .1s linear;

    -moz-transition: opacity .1s linear;

    -o-transition: opacity .1s linear;

    transition: opacity .1s linear

}

.duang-opacity a:hover img, a:hover .opacity img {

    opacity: .85;

    filter: alpha(opacity=85)

}

.album-img {

    border: 1px solid #e0e0e0

}

.album-img img {

    display: block;

    width: 100%

}

.album-title {

    display: block;

    text-align: left;

    padding: 7px 5px;

    line-height: 18px;

    color: #555;

    text-decoration: none;

    font-size: 12px;

    border: solid 1px #e0e0e0;

    border-top: 0

}

.album-bg-Fir, .album-bg-Sec {

    border: 1px solid #e6e6e6;

    border-top: 1px solid #f5f5f5;

    height: 1px;

    margin: 0 auto;

    overflow: hidden

}

.album-bg-Fir {

    margin: 0 3px

}

.album-bg-Sec {

    margin: 0 6px

}

.avatar {

    display: inline-block;

    position: relative;

    overflow: hidden

}

.avatar img {

    display: block

}

.avatar.radius, .avatar.radius img {

    border-radius: 50%

}

.avatar, .avatar img {

    width: 32px;

    height: 32px

}

.avatar.size-MINI {

    width: 16px;

    height: 16px

}

.avatar.size-S, .avatar.size-S img {

    width: 24px;

    height: 24px

}

.avatar.size-M, .avatar.size-M img {

    width: 32px;

    height: 32px

}

.avatar.size-L, .avatar.size-L img {

    width: 40px;

    height: 40px

}

.avatar.size-XL, .avatar.size-XL img {

    width: 64px;

    height: 64px

}

.avatar.size-XXL, .avatar.size-XXL img {

    width: 100px;

    height: 100px

}

.avatar.size-XXXL, .avatar.size-XXXL img {

    width: 128px;

    height: 128px

}

.iconpic {

    display: inline-block;

    vertical-align: sub;

    *vertical-align: middle;

    _vertical-align: middle;

    width: 16px;

    height: 16px;

    background-position: center;

    background-repeat: no-repeat

}

.hui-bounce, .hui-flip, .hui-flash, .hui-shake, .hui-swing, .hui-wobble, .hui-ring {

    -webkit-animation: 1s ease;

    -moz-animation: 1s ease;

    -ms-animation: 1s ease;

    animation: 1s ease

}

.hui-fadein, .hui-fadeinT, .hui-fadeinR, .hui-fadeinB, .hui-fadeinL, .hui-bouncein, .hui-bounceinT, .hui-bounceinR, .hui-bounceinB, .hui-bounceinL, .hui-rotatein, .hui-rotateinLT, .hui-rotateinLB, .hui-rotateinRT, .hui-rotateinRB, .hui-flipin, .hui-flipinX, .hui-flipinY {

    -webkit-animation: 1s ease-out backwards;

    -moz-animation: 1s ease-out backwards;

    -ms-animation: 1s ease-out backwards;

    animation: 1s ease-out backwards

}

.hui-fadeout, .hui-fadeoutT, .hui-fadeoutR, .hui-fadeoutB, .hui-fadeoutL, .hui-bounceout, .hui-bounceoutT, .hui-bounceoutR, .hui-bounceoutB, .hui-bounceoutL, .hui-rotateout, .hui-rotateoutLT, .hui-rotateoutLB, .hui-rotateoutRT, .hui-rotateoutRB, .hui-flipout, .hui-flipoutX, .hui-flipoutY {

    -webkit-animation: 1s ease-in forwards;

    -moz-animation: 1s ease-in forwards;

    -ms-animation: 1s ease-in forwards;

    animation: 1s ease-in forwards

}

.hui-fadein {

    -webkit-animation-name: fadein;

    -moz-animation-name: fadein;

    -ms-animation-name: fadein;

    animation-name: fadein

}

.hui-fadeinT {

    -webkit-animation-name: fadeinT;

    -moz-animation-name: fadeinT;

    -ms-animation-name: fadeinT;

    animation-name: fadeinT

}

.hui-fadeinR {

    -webkit-animation-name: fadeinR;

    -moz-animation-name: fadeinR;

    -ms-animation-name: fadeinR;

    animation-name: fadeinR

}

.hui-fadeinB {

    -webkit-animation-name: fadeinB;

    -moz-animation-name: fadeinB;

    -ms-animation-name: fadeinB;

    animation-name: fadeinB

}

.hui-fadeinL {

    -webkit-animation-name: fadeinL;

    -moz-animation-name: fadeinL;

    -ms-animation-name: fadeinL;

    animation-name: fadeinL

}

.hui-fadeout {

    -webkit-animation-name: fadeout;

    -moz-animation-name: fadeout;

    -ms-animation-name: fadeout;

    animation-name: fadeout

}

.hui-fadeoutT {

    -webkit-animation-name: fadeoutT;

    -moz-animation-name: fadeoutT;

    -ms-animation-name: fadeoutT;

    animation-name: fadeoutT

}

.hui-fadeoutR {

    -webkit-animation-name: fadeoutR;

    -moz-animation-name: fadeoutR;

    -ms-animation-name: fadeoutR;

    animation-name: fadeoutR

}

.hui-fadeoutB {

    -webkit-animation-name: fadeoutB;

    -moz-animation-name: fadeoutB;

    -ms-animation-name: fadeoutB;

    animation-name: fadeoutB

}

.hui-fadeoutL {

    -webkit-animation-name: fadeoutL;

    -moz-animation-name: fadeoutL;

    -ms-animation-name: fadeoutL;

    animation-name: fadeoutL

}

.hui-bounce {

    -webkit-animation-name: bounce;

    -moz-animation-name: bounce;

    -ms-animation-name: bounce;

    animation-name: bounce

}

.hui-bouncein {

    -webkit-animation-name: bouncein;

    -moz-animation-name: bouncein;

    -ms-animation-name: bouncein;

    animation-name: bouncein

}

.hui-bounceinT {

    -webkit-animation-name: bounceinT;

    -moz-animation-name: bounceinT;

    -ms-animation-name: bounceinT;

    animation-name: bounceinT

}

.hui-bounceinR {

    -webkit-animation-name: bounceinR;

    -moz-animation-name: bounceinR;

    -ms-animation-name: bounceinR;

    animation-name: bounceinR

}

.hui-bounceinB {

    -webkit-animation-name: bounceinB;

    -moz-animation-name: bounceinB;

    -ms-animation-name: bounceinB;

    animation-name: bounceinB

}

.hui-bounceinL {

    -webkit-animation-name: bounceinL;

    -moz-animation-name: bounceinL;

    -ms-animation-name: bounceinL;

    animation-name: bounceinL

}

.hui-bounceout {

    -webkit-animation-name: bounceout;

    -moz-animation-name: bounceout;

    -ms-animation-name: bounceout;

    animation-name: bounceout

}

.hui-bounceoutT {

    -webkit-animation-name: bounceoutT;

    -moz-animation-name: bounceoutT;

    -ms-animation-name: bounceoutT;

    animation-name: bounceoutT

}

.hui-bounceoutR {

    -webkit-animation-name: bounceoutR;

    -moz-animation-name: bounceoutR;

    -ms-animation-name: bounceoutR;

    animation-name: bounceoutR

}

.hui-bounceoutB {

    -webkit-animation-name: bounceoutB;

    -moz-animation-name: bounceoutB;

    -ms-animation-name: bounceoutB;

    animation-name: bounceoutB

}

.hui-bounceoutL {

    -webkit-animation-name: bounceoutL;

    -moz-animation-name: bounceoutL;

    -ms-animation-name: bounceoutL;

    animation-name: bounceoutL

}

.hui-rotatein {

    -webkit-animation-name: rotatein;

    -moz-animation-name: rotatein;

    -ms-animation-name: rotatein;

    animation-name: rotatein

}

.hui-rotateinLT {

    -webkit-animation-name: rotateinLT;

    -moz-animation-name: rotateinLT;

    -ms-animation-name: rotateinLT;

    animation-name: rotateinLT

}

.hui-rotateinLB {

    -webkit-animation-name: rotateinLB;

    -moz-animation-name: rotateinLB;

    -ms-animation-name: rotateinLB;

    animation-name: rotateinLB

}

.hui-rotateinRT {

    -webkit-animation-name: rotateinRT;

    -moz-animation-name: rotateinRT;

    -ms-animation-name: rotateinRT;

    animation-name: rotateinRT

}

.hui-rotateinRB {

    -webkit-animation-name: rotateinRB;

    -moz-animation-name: rotateinRB;

    -ms-animation-name: rotateinRB;

    animation-name: rotateinRB

}

.hui-rotateout {

    -webkit-animation-name: rotateout;

    -moz-animation-name: rotateout;

    -ms-animation-name: rotateout;

    animation-name: rotateout

}

.hui-rotateoutLT {

    -webkit-animation-name: rotateoutLT;

    -moz-animation-name: rotateoutLT;

    -ms-animation-name: rotateoutLT;

    animation-name: rotateoutLT

}

.hui-rotateoutLB {

    -webkit-animation-name: rotateoutLB;

    -moz-animation-name: rotateoutLB;

    -ms-animation-name: rotateoutLB;

    animation-name: rotateoutLB

}

.hui-rotateoutRT {

    -webkit-animation-name: rotateoutRT;

    -moz-animation-name: rotateoutRT;

    -ms-animation-name: rotateoutRT;

    animation-name: rotateoutRT

}

.hui-rotateoutRB {

    -webkit-animation-name: rotateoutRB;

    -moz-animation-name: rotateoutRB;

    -ms-animation-name: rotateoutRB;

    animation-name: rotateoutRB

}

.hui-flip {

    -webkit-animation-name: flip;

    -moz-animation-name: flip;

    -ms-animation-name: flip;

    animation-name: flip

}

.hui-flipinX {

    -webkit-animation-name: flipinX;

    -moz-animation-name: flipinX;

    -ms-animation-name: flipinX;

    animation-name: flipinX

}

.hui-flipin, .hui-flipinY {

    -webkit-animation-name: flipinY;

    -moz-animation-name: flipinY;

    -ms-animation-name: flipinY;

    animation-name: flipinY

}

.hui-flipoutX {

    -webkit-animation-name: flipoutX;

    -moz-animation-name: flipoutX;

    -ms-animation-name: flipoutX;

    animation-name: flipoutX

}

.hui-flipout, .hui-flipoutY {

    -webkit-animation-name: flipoutY;

    -moz-animation-name: flipoutY;

    -ms-animation-name: flipoutY;

    animation-name: flipoutY

}

.hui-flash {

    -webkit-animation-name: flash;

    -moz-animation-name: flash;

    -ms-animation-name: flash;

    animation-name: flash

}

.hui-shake {

    -webkit-animation-name: shake;

    -moz-animation-name: shake;

    -ms-animation-name: shake;

    animation-name: shake

}

.hui-swing {

    -webkit-animation-name: swing;

    -moz-animation-name: swing;

    -ms-animation-name: swing;

    animation-name: swing

}

.hui-wobble {

    -webkit-animation-name: wobble;

    -moz-animation-name: wobble;

    -ms-animation-name: wobble;

    animation-name: wobble

}

.hui-ring {

    -webkit-animation-name: ring;

    -moz-animation-name: ring;

    -ms-animation-name: ring;

    animation-name: ring

}

@-webkit-keyframes fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}

@-moz-keyframes fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}

@-ms-keyframes fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}

@keyframes fadein {

    0% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}

@-webkit-keyframes fadeinT {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-100px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }

}

@-moz-keyframes fadeinT {

    0% {

        opacity: 0;

        -moz-transform: translateY(-100px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateY(0)

    }

}

@-ms-keyframes fadeinT {

    0% {

        opacity: 0;

        -ms-transform: translateY(-100px)

    }

    100% {

        opacity: 1;

        -ms-transform: translateY(0)

    }

}

@keyframes fadeinT {

    0% {

        opacity: 0;

        transform: translateY(-100px)

    }

    100% {

        opacity: 1;

        transform: translateY(0)

    }

}

@-webkit-keyframes fadeinR {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0)

    }

}

@-moz-keyframes fadeinR {

    0% {

        opacity: 0;

        -moz-transform: translateX(100px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateX(0)

    }

}

@-ms-keyframes fadeinR {

    0% {

        opacity: 0;

        -ms-transform: translateX(100px)

    }

    100% {

        opacity: 1;

        -ms-transform: translateX(0)

    }

}

@keyframes fadeinR {

    0% {

        opacity: 0;

        transform: translateX(100px)

    }

    100% {

        opacity: 1;

        transform: translateX(0)

    }

}

@-webkit-keyframes fadeinB {

    0% {

        opacity: 0;

        -webkit-transform: translateY(100px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }

}

@-moz-keyframes fadeinB {

    0% {

        opacity: 0;

        -moz-transform: translateY(100px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateY(0)

    }

}

@-ms-keyframes fadeinB {

    0% {

        opacity: 0;

        -ms-transform: translateY(100px)

    }

    100% {

        opacity: 1;

        -ms-transform: translateY(0)

    }

}

@keyframes fadeinB {

    0% {

        opacity: 0;

        transform: translateY(100px)

    }

    100% {

        opacity: 1;

        transform: translateY(0)

    }

}

@-webkit-keyframes fadeinL {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-100px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0)

    }

}

@-moz-keyframes fadeinL {

    0% {

        opacity: 0;

        -moz-transform: translateX(-100px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateX(0)

    }

}

@-ms-keyframes fadeinL {

    0% {

        opacity: 0;

        -ms-transform: translateX(-100px)

    }

    100% {

        opacity: 1;

        -ms-transform: translateX(0)

    }

}

@keyframes fadeinL {

    0% {

        opacity: 0;

        transform: translateX(-100px)

    }

    100% {

        opacity: 1;

        transform: translateX(0)

    }

}

@-webkit-keyframes fadeout {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}

@-moz-keyframes fadeout {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}

@-ms-keyframes fadeout {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}

@keyframes fadeout {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}

@-webkit-keyframes fadeoutT {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(-100px)

    }

}

@-moz-keyframes fadeoutT {

    0% {

        opacity: 1;

        -moz-transform: translateY(0)

    }

    100% {

        opacity: 0;

        -moz-transform: translateY(-100px)

    }

}

@-ms-keyframes fadeoutT {

    0% {

        opacity: 1;

        -ms-transform: translateY(0)

    }

    100% {

        opacity: 0;

        -ms-transform: translateY(-100px)

    }

}

@keyframes fadeoutT {

    0% {

        opacity: 1;

        transform: translateY(0)

    }

    100% {

        opacity: 0;

        transform: translateY(-100px)

    }

}

@-webkit-keyframes fadeoutR {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateX(100px)

    }

}

@-moz-keyframes fadeoutR {

    0% {

        opacity: 1;

        -moz-transform: translateX(0)

    }

    100% {

        opacity: 0;

        -moz-transform: translateX(100px)

    }

}

@-ms-keyframes fadeoutR {

    0% {

        opacity: 1;

        -ms-transform: translateX(0)

    }

    100% {

        opacity: 0;

        -ms-transform: translateX(100px)

    }

}

@keyframes fadeoutR {

    0% {

        opacity: 1;

        transform: translateX(0)

    }

    100% {

        opacity: 0;

        transform: translateX(100px)

    }

}

@-webkit-keyframes fadeoutB {

    0% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(100px)

    }

}

@-moz-keyframes fadeoutB {

    0% {

        opacity: 1;

        -moz-transform: translateY(0)

    }

    100% {

        opacity: 0;

        -moz-transform: translateY(100px)

    }

}

@-ms-keyframes fadeoutB {

    0% {

        opacity: 1;

        -ms-transform: translateY(0)

    }

    100% {

        opacity: 0;

        -ms-transform: translateY(100px)

    }

}

@keyframes fadeoutB {

    0% {

        opacity: 1;

        transform: translateY(0)

    }

    100% {

        opacity: 0;

        transform: translateY(100px)

    }

}

@-webkit-keyframes fadeoutL {

    0% {

        opacity: 1;

        -webkit-transform: translateX(0)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateX(-100px)

    }

}

@-moz-keyframes fadeoutL {

    0% {

        opacity: 1;

        -moz-transform: translateX(0)

    }

    100% {

        opacity: 0;

        -moz-transform: translateX(-100px)

    }

}

@-ms-keyframes fadeoutL {

    0% {

        opacity: 1;

        -ms-transform: translateX(0)

    }

    100% {

        opacity: 0;

        -ms-transform: translateX(-100px)

    }

}

@keyframes fadeoutL {

    0% {

        opacity: 1;

        transform: translateX(0)

    }

    100% {

        opacity: 0;

        transform: translateX(-100px)

    }

}

@-webkit-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {

        -webkit-transform: translateY(0)

    }

    40% {

        -webkit-transform: translateY(-30px)

    }

    60% {

        -webkit-transform: translateY(-15px)

    }

}

@-moz-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {

        -moz-transform: translateY(0)

    }

    40% {

        -moz-transform: translateY(-30px)

    }

    60% {

        -moz-transform: translateY(-15px)

    }

}

@-ms-keyframes bounce {

    0%, 20%, 50%, 80%, 100% {

        -ms-transform: translateY(0)

    }

    40% {

        -ms-transform: translateY(-30px)

    }

    60% {

        -ms-transform: translateY(-15px)

    }

}

@keyframes bounce {

    0%, 20%, 50%, 80%, 100% {

        transform: translateY(0)

    }

    40% {

        transform: translateY(-30px)

    }

    60% {

        transform: translateY(-15px)

    }

}

@-webkit-keyframes bouncein {

    0% {

        opacity: 0;

        -webkit-transform: scale(0.3)

    }

    50% {

        opacity: 1;

        -webkit-transform: scale(1.05)

    }

    70% {

        -webkit-transform: scale(0.9)

    }

    100% {

        -webkit-transform: scale(1)

    }

}

@-moz-keyframes bouncein {

    0% {

        opacity: 0;

        -moz-transform: scale(0.3)

    }

    50% {

        opacity: 1;

        -moz-transform: scale(1.05)

    }

    70% {

        -moz-transform: scale(0.9)

    }

    100% {

        -moz-transform: scale(1)

    }

}

@-ms-keyframes bouncein {

    0% {

        opacity: 0;

        -ms-transform: scale(0.3)

    }

    50% {

        opacity: 1;

        -ms-transform: scale(1.05)

    }

    70% {

        -ms-transform: scale(0.9)

    }

    100% {

        -ms-transform: scale(1)

    }

}

@keyframes bouncein {

    0% {

        opacity: 0;

        transform: scale(0.3)

    }

    50% {

        opacity: 1;

        transform: scale(1.05)

    }

    70% {

        transform: scale(0.9)

    }

    100% {

        transform: scale(1)

    }

}

@-webkit-keyframes bounceinT {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateY(30px)

    }

    80% {

        -webkit-transform: translateY(-10px)

    }

    100% {

        -webkit-transform: translateY(0)

    }

}

@-moz-keyframes bounceinT {

    0% {

        opacity: 0;

        -moz-transform: translateY(-100px)

    }

    60% {

        opacity: 1;

        -moz-transform: translateY(30px)

    }

    80% {

        -moz-transform: translateY(-10px)

    }

    100% {

        -moz-transform: translateY(0)

    }

}

@-ms-keyframes bounceinT {

    0% {

        opacity: 0;

        -ms-transform: translateY(-100px)

    }

    60% {

        opacity: 1;

        -ms-transform: translateY(30px)

    }

    80% {

        -ms-transform: translateY(-10px)

    }

    100% {

        -ms-transform: translateY(0)

    }

}

@keyframes bounceinT {

    0% {

        opacity: 0;

        transform: translateY(-100px)

    }

    60% {

        opacity: 1;

        transform: translateY(30px)

    }

    80% {

        transform: translateY(-10px)

    }

    100% {

        transform: translateY(0)

    }

}

@-webkit-keyframes bounceinR {

    0% {

        opacity: 0;

        -webkit-transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(-30px)

    }

    80% {

        -webkit-transform: translateX(10px)

    }

    100% {

        -webkit-transform: translateX(0)

    }

}

@-moz-keyframes bounceinR {

    0% {

        opacity: 0;

        -moz-transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -moz-transform: translateX(-30px)

    }

    80% {

        -moz-transform: translateX(10px)

    }

    100% {

        -moz-transform: translateX(0)

    }

}

@-ms-keyframes bounceinR {

    0% {

        opacity: 0;

        -ms-transform: translateX(100px)

    }

    60% {

        opacity: 1;

        -ms-transform: translateX(-30px)

    }

    80% {

        -ms-transform: translateX(10px)

    }

    100% {

        -ms-transform: translateX(0)

    }

}

@keyframes bounceinR {

    0% {

        opacity: 0;

        transform: translateX(100px)

    }

    60% {

        opacity: 1;

        transform: translateX(-30px)

    }

    80% {

        transform: translateX(10px)

    }

    100% {

        transform: translateX(0)

    }

}

@-webkit-keyframes bounceinB {

    0% {

        opacity: 0;

        -webkit-transform: translateY(100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateY(-30px)

    }

    80% {

        -webkit-transform: translateY(10px)

    }

    100% {

        -webkit-transform: translateY(0)

    }

}

@-moz-keyframes bounceinB {

    0% {

        opacity: 0;

        -moz-transform: translateY(100px)

    }

    60% {

        opacity: 1;

        -moz-transform: translateY(-30px)

    }

    80% {

        -moz-transform: translateY(10px)

    }

    100% {

        -moz-transform: translateY(0)

    }

}

@-ms-keyframes bounceinB {

    0% {

        opacity: 0;

        -ms-transform: translateY(100px)

    }

    60% {

        opacity: 1;

        -ms-transform: translateY(-30px)

    }

    80% {

        -ms-transform: translateY(10px)

    }

    100% {

        -ms-transform: translateY(0)

    }

}

@keyframes bounceinB {

    0% {

        opacity: 0;

        transform: translateY(100px)

    }

    60% {

        opacity: 1;

        transform: translateY(-30px)

    }

    80% {

        transform: translateY(10px)

    }

    100% {

        transform: translateY(0)

    }

}

@-webkit-keyframes bounceinL {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -webkit-transform: translateX(30px)

    }

    80% {

        -webkit-transform: translateX(-10px)

    }

    100% {

        -webkit-transform: translateX(0)

    }

}

@-moz-keyframes bounceinL {

    0% {

        opacity: 0;

        -moz-transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -moz-transform: translateX(30px)

    }

    80% {

        -moz-transform: translateX(-10px)

    }

    100% {

        -moz-transform: translateX(0)

    }

}

@-ms-keyframes bounceinL {

    0% {

        opacity: 0;

        -ms-transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        -ms-transform: translateX(30px)

    }

    80% {

        -ms-transform: translateX(-10px)

    }

    100% {

        -ms-transform: translateX(0)

    }

}

@keyframes bounceinL {

    0% {

        opacity: 0;

        transform: translateX(-100px)

    }

    60% {

        opacity: 1;

        transform: translateX(30px)

    }

    80% {

        transform: translateX(-10px)

    }

    100% {

        transform: translateX(0)

    }

}

@-webkit-keyframes bounceout {

    0% {

        -webkit-transform: scale(1)

    }

    25% {

        -webkit-transform: scale(0.95)

    }

    50% {

        opacity: 1;

        -webkit-transform: scale(1.1)

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(0.3)

    }

}

@-moz-keyframes bounceout {

    0% {

        -moz-transform: scale(1)

    }

    25% {

        -moz-transform: scale(0.95)

    }

    50% {

        opacity: 1;

        -moz-transform: scale(1.1)

    }

    100% {

        opacity: 0;

        -moz-transform: scale(0.3)

    }

}

@-ms-keyframes bounceout {

    0% {

        -ms-transform: scale(1)

    }

    25% {

        -ms-transform: scale(0.95)

    }

    50% {

        opacity: 1;

        -ms-transform: scale(1.1)

    }

    100% {

        opacity: 0;

        -ms-transform: scale(0.3)

    }

}

@keyframes bounceout {

    0% {

        transform: scale(1)

    }

    25% {

        transform: scale(0.95)

    }

    50% {

        opacity: 1;

        transform: scale(1.1)

    }

    100% {

        opacity: 0;

        transform: scale(0.3)

    }

}

@-webkit-keyframes bounceoutT {

    0% {

        -webkit-transform: translateY(0)

    }

    20% {

        opacity: 1;

        -webkit-transform: translateY(20px)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(-100px)

    }

}

@-moz-keyframes bounceoutT {

    0% {

        -moz-transform: translateY(0)

    }

    20% {

        opacity: 1;

        -moz-transform: translateY(20px)

    }

    100% {

        opacity: 0;

        -moz-transform: translateY(-100px)

    }

}

@-ms-keyframes bounceoutT {

    0% {

        -ms-transform: translateY(0)

    }

    20% {

        opacity: 1;

        -ms-transform: translateY(20px)

    }

    100% {

        opacity: 0;

        -ms-transform: translateY(-100px)

    }

}

@keyframes bounceoutT {

    0% {

        transform: translateY(0)

    }

    20% {

        opacity: 1;

        transform: translateY(20px)

    }

    100% {

        opacity: 0;

        transform: translateY(-100px)

    }

}

@-webkit-keyframes bounceoutR {

    0% {

        -webkit-transform: translateX(0)

    }

    20% {

        opacity: 1;

        -webkit-transform: translateX(-20px)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateX(100px)

    }

}

@-moz-keyframes bounceoutR {

    0% {

        -moz-transform: translateX(0)

    }

    20% {

        opacity: 1;

        -moz-transform: translateX(-20px)

    }

    100% {

        opacity: 0;

        -moz-transform: translateX(100px)

    }

}

@-ms-keyframes bounceoutR {

    0% {

        -ms-transform: translateX(0)

    }

    20% {

        opacity: 1;

        -ms-transform: translateX(-20px)

    }

    100% {

        opacity: 0;

        -ms-transform: translateX(100px)

    }

}

@keyframes bounceoutR {

    0% {

        transform: translateX(0)

    }

    20% {

        opacity: 1;

        transform: translateX(-20px)

    }

    100% {

        opacity: 0;

        transform: translateX(100px)

    }

}

@-webkit-keyframes bounceoutB {

    0% {

        -webkit-transform: translateY(0)

    }

    20% {

        opacity: 1;

        -webkit-transform: translateY(-20px)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateY(100px)

    }

}

@-moz-keyframes bounceoutB {

    0% {

        -moz-transform: translateY(0)

    }

    20% {

        opacity: 1;

        -moz-transform: translateY(-20px)

    }

    100% {

        opacity: 0;

        -moz-transform: translateY(100px)

    }

}

@-ms-keyframes bounceoutB {

    0% {

        -ms-transform: translateY(0)

    }

    20% {

        opacity: 1;

        -ms-transform: translateY(-20px)

    }

    100% {

        opacity: 0;

        -ms-transform: translateY(100px)

    }

}

@keyframes bounceoutB {

    0% {

        transform: translateY(0)

    }

    20% {

        opacity: 1;

        transform: translateY(-20px)

    }

    100% {

        opacity: 0;

        transform: translateY(100px)

    }

}

@-webkit-keyframes bounceoutL {

    0% {

        -webkit-transform: translateX(0)

    }

    20% {

        opacity: 1;

        -webkit-transform: translateX(20px)

    }

    100% {

        opacity: 0;

        -webkit-transform: translateX(-100px)

    }

}

@-moz-keyframes bounceoutL {

    0% {

        -moz-transform: translateX(0)

    }

    20% {

        opacity: 1;

        -moz-transform: translateX(20px)

    }

    100% {

        opacity: 0;

        -moz-transform: translateX(-100px)

    }

}

@-ms-keyframes bounceoutL {

    0% {

        -ms-transform: translateX(0)

    }

    20% {

        opacity: 1;

        -ms-transform: translateX(20px)

    }

    100% {

        opacity: 0;

        -ms-transform: translateX(-100px)

    }

}

@keyframes bounceoutL {

    0% {

        transform: translateX(0)

    }

    20% {

        opacity: 1;

        transform: translateX(20px)

    }

    100% {

        opacity: 0;

        transform: translateX(-200px)

    }

}

@-webkit-keyframes rotatein {

    0% {

        opacity: 0;

        -webkit-transform: rotate(-200deg)

    }

    100% {

        opacity: 1;

        -webkit-transform: rotate(0)

    }

}

@-moz-keyframes rotatein {

    0% {

        opacity: 0;

        -moz-transform: rotate(-200deg)

    }

    100% {

        opacity: 1;

        -moz-transform: rotate(0)

    }

}

@-ms-keyframes rotatein {

    0% {

        opacity: 0;

        -ms-transform: rotate(-200deg)

    }

    100% {

        opacity: 1;

        -ms-transform: rotate(0)

    }

}

@keyframes rotatein {

    0% {

        opacity: 0;

        transform: rotate(-200deg)

    }

    100% {

        opacity: 1;

        transform: rotate(0)

    }

}

@-webkit-keyframes rotateinLT {

    0% {

        -webkit-transform-origin: left bottom;

        -webkit-transform: rotate(-90deg);

        opacity: 0

    }

    100% {

        -webkit-transform-origin: left bottom;

        -webkit-transform: rotate(0);

        opacity: 1

    }

}

@-moz-keyframes rotateinLT {

    0% {

        -moz-transform-origin: left bottom;

        -moz-transform: rotate(-90deg);

        opacity: 0

    }

    100% {

        -moz-transform-origin: left bottom;

        -moz-transform: rotate(0);

        opacity: 1

    }

}

@-ms-keyframes rotateinLT {

    0% {

        -ms-transform-origin: left bottom;

        -ms-transform: rotate(-90deg);

        opacity: 0

    }

    100% {

        -ms-transform-origin: left bottom;

        -ms-transform: rotate(0);

        opacity: 1

    }

}

@keyframes rotateinLT {

    0% {

        transform-origin: left bottom;

        transform: rotate(-90deg);

        opacity: 0

    }

    100% {

        transform-origin: left bottom;

        transform: rotate(0);

        opacity: 1

    }

}

@-webkit-keyframes rotateineftB {

    0% {

        -webkit-transform-origin: left bottom;

        -webkit-transform: rotate(90deg);

        opacity: 0

    }

    100% {

        -webkit-transform-origin: left bottom;

        -webkit-transform: rotate(0);

        opacity: 1

    }

}

@-moz-keyframes rotateineftB {

    0% {

        -moz-transform-origin: left bottom;

        -moz-transform: rotate(90deg);

        opacity: 0

    }

    100% {

        -moz-transform-origin: left bottom;

        -moz-transform: rotate(0);

        opacity: 1

    }

}

@-ms-keyframes rotateineftB {

    0% {

        -ms-transform-origin: left bottom;

        -ms-transform: rotate(90deg);

        opacity: 0

    }

    100% {

        -ms-transform-origin: left bottom;

        -ms-transform: rotate(0);

        opacity: 1

    }

}

@keyframes rotateineftB {

    0% {

        transform-origin: left bottom;

        transform: rotate(90deg);

        opacity: 0

    }

    100% {

        transform-origin: left bottom;

        transform: rotate(0);

        opacity: 1

    }

}

@-webkit-keyframes rotateinRT {

    0% {

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate(90deg);

        opacity: 0

    }

    100% {

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate(0);

        opacity: 1

    }

}

@-moz-keyframes rotateinRT {

    0% {

        -moz-transform-origin: right bottom;

        -moz-transform: rotate(90deg);

        opacity: 0

    }

    100% {

        -moz-transform-origin: right bottom;

        -moz-transform: rotate(0);

        opacity: 1

    }

}

@-ms-keyframes rotateinRT {

    0% {

        -ms-transform-origin: right bottom;

        -ms-transform: rotate(90deg);

        opacity: 0

    }

    100% {

        -ms-transform-origin: right bottom;

        -ms-transform: rotate(0);

        opacity: 1

    }

}

@keyframes rotateinRT {

    0% {

        transform-origin: right bottom;

        transform: rotate(90deg);

        opacity: 0

    }

    100% {

        transform-origin: right bottom;

        transform: rotate(0);

        opacity: 1

    }

}

@-webkit-keyframes rotateinRB {

    0% {

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate(-90deg);

        opacity: 0

    }

    100% {

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate(0);

        opacity: 1

    }

}

@-moz-keyframes rotateinRB {

    0% {

        -moz-transform-origin: right bottom;

        -moz-transform: rotate(-90deg);

        opacity: 0

    }

    100% {

        -moz-transform-origin: right bottom;

        -moz-transform: rotate(0);

        opacity: 1

    }

}

@-ms-keyframes rotateinRB {

    0% {

        -ms-transform-origin: right bottom;

        -ms-transform: rotate(-90deg);

        opacity: 0

    }

    100% {

        -ms-transform-origin: right bottom;

        -ms-transform: rotate(0);

        opacity: 1

    }

}

@keyframes rotateinRB {

    0% {

        transform-origin: right bottom;

        transform: rotate(-90deg);

        opacity: 0

    }

    100% {

        transform-origin: right bottom;

        transform: rotate(0);

        opacity: 1

    }

}

@-webkit-keyframes rotateout {

    0% {

        -webkit-transform-origin: center center;

        -webkit-transform: rotate(0);

        opacity: 1

    }

    100% {

        -webkit-transform-origin: center center;

        -webkit-transform: rotate(200deg);

        opacity: 0

    }

}

@-moz-keyframes rotateout {

    0% {

        -moz-transform-origin: center center;

        -moz-transform: rotate(0);

        opacity: 1

    }

    100% {

        -moz-transform-origin: center center;

        -moz-transform: rotate(200deg);

        opacity: 0

    }

}

@-ms-keyframes rotateout {

    0% {

        -ms-transform-origin: center center;

        -ms-transform: rotate(0);

        opacity: 1

    }

    100% {

        -ms-transform-origin: center center;

        -ms-transform: rotate(200deg);

        opacity: 0

    }

}

@keyframes rotateout {

    0% {

        transform-origin: center center;

        transform: rotate(0);

        opacity: 1

    }

    100% {

        transform-origin: center center;

        transform: rotate(200deg);

        opacity: 0

    }

}

@-webkit-keyframes rotateoutLT {

    0% {

        -webkit-transform-origin: left bottom;

        -webkit-transform: rotate(0);

        opacity: 1

    }

    100% {

        -webkit-transform-origin: left bottom;

        -webkit-transform: rotate(-90deg);

        opacity: 0

    }

}

@-moz-keyframes rotateoutLT {

    0% {

        -moz-transform-origin: left bottom;

        -moz-transform: rotate(0);

        opacity: 1

    }

    100% {

        -moz-transform-origin: left bottom;

        -moz-transform: rotate(-90deg);

        opacity: 0

    }

}

@-ms-keyframes rotateoutLT {

    0% {

        -ms-transform-origin: left bottom;

        -ms-transform: rotate(0);

        opacity: 1

    }

    100% {

        -ms-transform-origin: left bottom;

        -ms-transform: rotate(-90deg);

        opacity: 0

    }

}

@keyframes rotateoutLT {

    0% {

        transform-origin: left bottom;

        transform: rotate(0);

        opacity: 1

    }

    100% {

        transform-origin: left bottom;

        transform: rotate(-90deg);

        opacity: 0

    }

}

@-webkit-keyframes rotateoutLB {

    0% {

        -webkit-transform-origin: left bottom;

        -webkit-transform: rotate(0);

        opacity: 1

    }

    100% {

        -webkit-transform-origin: left bottom;

        -webkit-transform: rotate(90deg);

        opacity: 0

    }

}

@-moz-keyframes rotateoutLB {

    0% {

        -moz-transform-origin: left bottom;

        -moz-transform: rotate(0);

        opacity: 1

    }

    100% {

        -moz-transform-origin: left bottom;

        -moz-transform: rotate(90deg);

        opacity: 0

    }

}

@-ms-keyframes rotateoutLB {

    0% {

        -ms-transform-origin: left bottom;

        -ms-transform: rotate(0);

        opacity: 1

    }

    100% {

        -ms-transform-origin: left bottom;

        -ms-transform: rotate(90deg);

        opacity: 0

    }

}

@keyframes rotateoutLB {

    0% {

        transform-origin: left bottom;

        transform: rotate(0);

        opacity: 1

    }

    100% {

        transform-origin: left bottom;

        transform: rotate(90deg);

        opacity: 0

    }

}

@-webkit-keyframes rotateoutRT {

    0% {

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate(0);

        opacity: 1

    }

    100% {

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate(90deg);

        opacity: 0

    }

}

@-moz-keyframes rotateoutRT {

    0% {

        -moz-transform-origin: right bottom;

        -moz-transform: rotate(0);

        opacity: 1

    }

    100% {

        -moz-transform-origin: right bottom;

        -moz-transform: rotate(90deg);

        opacity: 0

    }

}

@-ms-keyframes rotateoutRT {

    0% {

        -ms-transform-origin: right bottom;

        -ms-transform: rotate(0);

        opacity: 1

    }

    100% {

        -ms-transform-origin: right bottom;

        -ms-transform: rotate(90deg);

        opacity: 0

    }

}

@keyframes rotateoutRT {

    0% {

        transform-origin: right bottom;

        transform: rotate(0);

        opacity: 1

    }

    100% {

        transform-origin: right bottom;

        transform: rotate(90deg);

        opacity: 0

    }

}

@-webkit-keyframes rotateoutBR {

    0% {

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate(0);

        opacity: 1

    }

    100% {

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate(-90deg);

        opacity: 0

    }

}

@-moz-keyframes rotateoutBR {

    0% {

        -moz-transform-origin: right bottom;

        -moz-transform: rotate(0);

        opacity: 1

    }

    100% {

        -moz-transform-origin: right bottom;

        -moz-transform: rotate(-90deg);

        opacity: 0

    }

}

@-ms-keyframes rotateoutBR {

    0% {

        -ms-transform-origin: right bottom;

        -ms-transform: rotate(0);

        opacity: 1

    }

    100% {

        -ms-transform-origin: right bottom;

        -ms-transform: rotate(-90deg);

        opacity: 0

    }

}

@keyframes rotateoutBR {

    0% {

        transform-origin: right bottom;

        transform: rotate(0);

        opacity: 1

    }

    100% {

        transform-origin: right bottom;

        transform: rotate(-90deg);

        opacity: 0

    }

}

@-webkit-keyframes flip {

    0% {

        -webkit-transform: perspective(400px) rotateY(0);

        -webkit-animation-timing-function: ease-out

    }

    40% {

        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);

        -webkit-animation-timing-function: ease-out

    }

    50% {

        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

        -webkit-animation-timing-function: ease-in

    }

    80% {

        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);

        -webkit-animation-timing-function: ease-in

    }

    100% {

        -webkit-transform: perspective(400px) scale(1);

        -webkit-animation-timing-function: ease-in

    }

}

@-moz-keyframes flip {

    0% {

        -moz-transform: perspective(400px) rotateY(0);

        -moz-animation-timing-function: ease-out

    }

    40% {

        -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);

        -moz-animation-timing-function: ease-out

    }

    50% {

        -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

        -moz-animation-timing-function: ease-in

    }

    80% {

        -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);

        -moz-animation-timing-function: ease-in

    }

    100% {

        -moz-transform: perspective(400px) scale(1);

        -moz-animation-timing-function: ease-in

    }

}

@-ms-keyframes flip {

    0% {

        -ms-transform: perspective(400px) rotateY(0);

        -ms-animation-timing-function: ease-out

    }

    40% {

        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);

        -ms-animation-timing-function: ease-out

    }

    50% {

        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

        -ms-animation-timing-function: ease-in

    }

    80% {

        -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);

        -ms-animation-timing-function: ease-in

    }

    100% {

        -ms-transform: perspective(400px) scale(1);

        -ms-animation-timing-function: ease-in

    }

}

@keyframes flip {

    0% {

        transform: perspective(400px) rotateY(0);

        animation-timing-function: ease-out

    }

    40% {

        transform: perspective(400px) translateZ(150px) rotateY(170deg);

        animation-timing-function: ease-out

    }

    50% {

        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);

        animation-timing-function: ease-in

    }

    80% {

        transform: perspective(400px) rotateY(360deg) scale(0.95);

        animation-timing-function: ease-in

    }

    100% {

        transform: perspective(400px) scale(1);

        animation-timing-function: ease-in

    }

}

@-webkit-keyframes flipinX {

    0% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotateX(-10deg)

    }

    70% {

        -webkit-transform: perspective(400px) rotateX(10deg)

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(0);

        opacity: 1

    }

}

@-moz-keyframes flipinX {

    0% {

        -moz-transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    40% {

        -moz-transform: perspective(400px) rotateX(-10deg)

    }

    70% {

        -moz-transform: perspective(400px) rotateX(10deg)

    }

    100% {

        -moz-transform: perspective(400px) rotateX(0);

        opacity: 1

    }

}

@-ms-keyframes flipinX {

    0% {

        -ms-transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    40% {

        -ms-transform: perspective(400px) rotateX(-10deg)

    }

    70% {

        -ms-transform: perspective(400px) rotateX(10deg)

    }

    100% {

        -ms-transform: perspective(400px) rotateX(0);

        opacity: 1

    }

}

@keyframes flipinX {

    0% {

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

    40% {

        transform: perspective(400px) rotateX(-10deg)

    }

    70% {

        transform: perspective(400px) rotateX(10deg)

    }

    100% {

        transform: perspective(400px) rotateX(0);

        opacity: 1

    }

}

@-webkit-keyframes flipinY {

    0% {

        -webkit-transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotateY(-10deg)

    }

    70% {

        -webkit-transform: perspective(400px) rotateY(10deg)

    }

    100% {

        -webkit-transform: perspective(400px) rotateY(0);

        opacity: 1

    }

}

@-moz-keyframes flipinY {

    0% {

        -moz-transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

    40% {

        -moz-transform: perspective(400px) rotateY(-10deg)

    }

    70% {

        -moz-transform: perspective(400px) rotateY(10deg)

    }

    100% {

        -moz-transform: perspective(400px) rotateY(0);

        opacity: 1

    }

}

@-ms-keyframes flipinY {

    0% {

        -ms-transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

    40% {

        -ms-transform: perspective(400px) rotateY(-10deg)

    }

    70% {

        -ms-transform: perspective(400px) rotateY(10deg)

    }

    100% {

        -ms-transform: perspective(400px) rotateY(0);

        opacity: 1

    }

}

@keyframes flipinY {

    0% {

        transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

    40% {

        transform: perspective(400px) rotateY(-10deg)

    }

    70% {

        transform: perspective(400px) rotateY(10deg)

    }

    100% {

        transform: perspective(400px) rotateY(0);

        opacity: 1

    }

}

@-webkit-keyframes flipoutX {

    0% {

        -webkit-transform: perspective(400px) rotateX(0);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

}

@-moz-keyframes flipoutX {

    0% {

        -moz-transform: perspective(400px) rotateX(0);

        opacity: 1

    }

    100% {

        -moz-transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

}

@-ms-keyframes flipoutX {

    0% {

        -ms-transform: perspective(400px) rotateX(0);

        opacity: 1

    }

    100% {

        -ms-transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

}

@keyframes flipoutX {

    0% {

        transform: perspective(400px) rotateX(0);

        opacity: 1

    }

    100% {

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

}

@-webkit-keyframes flipoutY {

    0% {

        -webkit-transform: perspective(400px) rotateY(0);

        opacity: 1

    }

    100% {

        -webkit-transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

}

@-moz-keyframes flipoutY {

    0% {

        -moz-transform: perspective(400px) rotateY(0);

        opacity: 1

    }

    100% {

        -moz-transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

}

@-ms-keyframes flipoutY {

    0% {

        -ms-transform: perspective(400px) rotateY(0);

        opacity: 1

    }

    100% {

        -ms-transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

}

@keyframes flipoutY {

    0% {

        transform: perspective(400px) rotateY(0);

        opacity: 1

    }

    100% {

        transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

}

@-webkit-keyframes flash {

    0%, 50%, 100% {

        opacity: 1

    }

    25%, 75% {

        opacity: 0

    }

}

@-moz-keyframes flash {

    0%, 50%, 100% {

        opacity: 1

    }

    25%, 75% {

        opacity: 0

    }

}

@-ms-keyframes flash {

    0%, 50%, 100% {

        opacity: 1

    }

    25%, 75% {

        opacity: 0

    }

}

@keyframes flash {

    0%, 50%, 100% {

        opacity: 1

    }

    25%, 75% {

        opacity: 0

    }

}

@-webkit-keyframes shake {

    0%, 100% {

        -webkit-transform: translateX(0)

    }

    10%, 30%, 50%, 70%, 90% {

        -webkit-transform: translateX(-10px)

    }

    20%, 40%, 60%, 80% {

        -webkit-transform: translateX(10px)

    }

}

@-moz-keyframes shake {

    0%, 100% {

        -moz-transform: translateX(0)

    }

    10%, 30%, 50%, 70%, 90% {

        -moz-transform: translateX(-10px)

    }

    20%, 40%, 60%, 80% {

        -moz-transform: translateX(10px)

    }

}

@-ms-keyframes shake {

    0%, 100% {

        -ms-transform: translateX(0)

    }

    10%, 30%, 50%, 70%, 90% {

        -ms-transform: translateX(-10px)

    }

    20%, 40%, 60%, 80% {

        -ms-transform: translateX(10px)

    }

}

@keyframes shake {

    0%, 100% {

        transform: translateX(0)

    }

    10%, 30%, 50%, 70%, 90% {

        transform: translateX(-10px)

    }

    20%, 40%, 60%, 80% {

        transform: translateX(10px)

    }

}

@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate(15deg)

    }

    40% {

        -webkit-transform: rotate(-10deg)

    }

    60% {

        -webkit-transform: rotate(5deg)

    }

    80% {

        -webkit-transform: rotate(-5deg)

    }

    100% {

        -webkit-transform: rotate(0)

    }

}

@-moz-keyframes swing {

    20% {

        -moz-transform: rotate(15deg)

    }

    40% {

        -moz-transform: rotate(-10deg)

    }

    60% {

        -moz-transform: rotate(5deg)

    }

    80% {

        -moz-transform: rotate(-5deg)

    }

    100% {

        -moz-transform: rotate(0)

    }

}

@-ms-keyframes swing {

    20% {

        -ms-transform: rotate(15deg)

    }

    40% {

        -ms-transform: rotate(-10deg)

    }

    60% {

        -ms-transform: rotate(5deg)

    }

    80% {

        -ms-transform: rotate(-5deg)

    }

    100% {

        -ms-transform: rotate(0)

    }

}

@keyframes swing {

    20% {

        transform: rotate(15deg)

    }

    40% {

        transform: rotate(-10deg)

    }

    60% {

        transform: rotate(5deg)

    }

    80% {

        transform: rotate(-5deg)

    }

    100% {

        transform: rotate(0)

    }

}

@-webkit-keyframes wobble {

    0% {

        -webkit-transform: translateX(0)

    }

    15% {

        -webkit-transform: translateX(-100px) rotate(-5deg)

    }

    30% {

        -webkit-transform: translateX(80px) rotate(3deg)

    }

    45% {

        -webkit-transform: translateX(-65px) rotate(-3deg)

    }

    60% {

        -webkit-transform: translateX(40px) rotate(2deg)

    }

    75% {

        -webkit-transform: translateX(-20px) rotate(-1deg)

    }

    100% {

        -webkit-transform: translateX(0)

    }

}

@-moz-keyframes wobble {

    0% {

        -moz-transform: translateX(0)

    }

    15% {

        -moz-transform: translateX(-100px) rotate(-5deg)

    }

    30% {

        -moz-transform: translateX(80px) rotate(3deg)

    }

    45% {

        -moz-transform: translateX(-65px) rotate(-3deg)

    }

    60% {

        -moz-transform: translateX(40px) rotate(2deg)

    }

    75% {

        -moz-transform: translateX(-20px) rotate(-1deg)

    }

    100% {

        -moz-transform: translateX(0)

    }

}

@-ms-keyframes wobble {

    0% {

        -ms-transform: translateX(0)

    }

    15% {

        -ms-transform: translateX(-100px) rotate(-5deg)

    }

    30% {

        -ms-transform: translateX(80px) rotate(3deg)

    }

    45% {

        -ms-transform: translateX(-65px) rotate(-3deg)

    }

    60% {

        -ms-transform: translateX(40px) rotate(2deg)

    }

    75% {

        -ms-transform: translateX(-20px) rotate(-1deg)

    }

    100% {

        -ms-transform: translateX(0)

    }

}

@keyframes wobble {

    0% {

        transform: translateX(0)

    }

    15% {

        transform: translateX(-100px) rotate(-5deg)

    }

    30% {

        transform: translateX(80px) rotate(3deg)

    }

    45% {

        transform: translateX(-65px) rotate(-3deg)

    }

    60% {

        transform: translateX(40px) rotate(2deg)

    }

    75% {

        transform: translateX(-20px) rotate(-1deg)

    }

    100% {

        transform: translateX(0)

    }

}

@-webkit-keyframes ring {

    0% {

        -webkit-transform: scale(1)

    }

    10%, 20% {

        -webkit-transform: scale(0.9) rotate(-3deg)

    }

    30%, 50%, 70%, 90% {

        -webkit-transform: scale(1.1) rotate(3deg)

    }

    40%, 60%, 80% {

        -webkit-transform: scale(1.1) rotate(-3deg)

    }

    100% {

        -webkit-transform: scale(1) rotate(0)

    }

}

@-moz-keyframes ring {

    0% {

        -moz-transform: scale(1)

    }

    10%, 20% {

        -moz-transform: scale(0.9) rotate(-3deg)

    }

    30%, 50%, 70%, 90% {

        -moz-transform: scale(1.1) rotate(3deg)

    }

    40%, 60%, 80% {

        -moz-transform: scale(1.1) rotate(-3deg)

    }

    100% {

        -moz-transform: scale(1) rotate(0)

    }

}

@-ms-keyframes ring {

    0% {

        -ms-transform: scale(1)

    }

    10%, 20% {

        -ms-transform: scale(0.9) rotate(-3deg)

    }

    30%, 50%, 70%, 90% {

        -ms-transform: scale(1.1) rotate(3deg)

    }

    40%, 60%, 80% {

        -ms-transform: scale(1.1) rotate(-3deg)

    }

    100% {

        -ms-transform: scale(1) rotate(0)

    }

}

@keyframes ring {

    0% {

        transform: scale(1)

    }

    10%, 20% {

        transform: scale(0.9) rotate(-3deg)

    }

    30%, 50%, 70%, 90% {

        transform: scale(1.1) rotate(3deg)

    }

    40%, 60%, 80% {

        transform: scale(1.1) rotate(-3deg)

    }

    100% {

        transform: scale(1) rotate(0)

    }

}

.btn-group {

    font-size: 0

}

.btn-group .btn {

    margin-left: -1px

}

.btn-group .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

    border-radius: 0

}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}

.navbar-wrapper {

    height: 45px

}

.navbar {

    position: relative;

    z-index: 1030;

    background-color: #fff

}

.navbar-black {

    background-color: #222

}

.navbar-fixed-top {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1030

}

.navbar .logo {

    height: 44px;

    line-height: 44px;

    margin-right: 10px;

    float: left

}

.navbar-logo, .navbar-logo-m {

    font-size: 16px

}

.navbar-slogan {

    font-size: 12px;

    cursor: default

}

.navbar .container {

    position: relative

}

.navbar-userbar {

    position: absolute;

    top: 0;

    right: 15px

}

.navbar .container .navbar-userbar {

    right: 0

}

@media (max-width: 767px) {

    .navbar-wrapper {

        height: 45px !important

    }

    .logo {

        margin-right: 0

    }

    .navbar .logo {

        height: 44px !important;

        line-height: 44px !important

    }

    .navbar-nav {

        display: none;

        float: none !important

    }

    .navbar-nav > ul > li {

        width: 100%;

        text-align: left;

        border-bottom: solid 1px #eee

    }

    .navbar-nav > ul > li > a {

        display: block;

        padding: 0 15px;

        text-align: left

    }

    .navbar-nav > ul > li.dropDown.open > .dropDown-menu {

        display: none

    }

    .navbar-nav > ul > li.dropDown > .dropDown_A > .Hui-iconfont {

        display: none

    }

    .navbar-nav > ul > li, .navbar-nav > ul > li > a {

        height: 44px !important;

        line-height: 44px !important

    }

    .nav-collapse ul, .nav-collapse li {

        width: 100%;

        display: block

    }

    .js .nav-collapse {

        position: absolute;

        display: block;

        float: none;

        clear: both;

        max-height: 0;

        clip: rect(0 0 0 0);

        margin-left: -15px;

        margin-right: -15px;

        overflow: hidden;

        zoom: 1;

        -webkt-transition: max-height 284ms ease 0s;

        -moz-transition: max-height 284ms ease 0s;

        -o-transition: max-height 284ms ease 0s;

        -ms-transition: max-height 284ms ease 0s;

        transition: max-height 284ms ease 0s

    }

    .js-nav-active .nav-collapse.closed {

        max-height: none

    }

    .nav-collapse.opened {

        max-height: 9999px

    }

}

.navbar-black {

    background-color: #222;

    border-bottom: #080808 1px solid;

    -moz-box-shadow: 0 0 4px #333;

    -webkit-box-shadow: 0 0 4px #333;

    box-shadow: 0 0 4px #333

}

.navbar-black .logo {

    color: #fff

}

.navbar-black .navbar-logo-m {

    color: #eee

}

.navbar-black .navbar-nav > ul > li, .navbar-black .navbar-nav > ul > li > a {

    color: #fff

}

.navbar-black .navbar-nav > ul > li > a:hover, .navbar-black .navbar-nav > ul > li.current > a {

    color: #fff

}

.navbar-black .navbar-userbar {

    color: #fff

}

@media (max-width: 767px) {

    .navbar-black .navbar-nav > ul > li {

        border-bottom: solid 1px #222

    }

    .navbar-black .navbar-nav > ul > li > a:hover, .navbar-black .navbar-nav > ul > li.current > a {

        background: #777

    }

}

.nav-toggle, a.nav-toggle {

    position: absolute;

    top: 0;

    right: 15px;

    font-size: 20px;

    color: #999;

    padding: 6px 11px;

    background-color: rgba(0, 0, 0, 0.5);

    color: #fff;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none

}

.nav-toggle:hover, a.nav-toggle:hover {

    text-decoration: none;

    color: #fff

}

.mainnav {

    z-index: 1;

    background-color: #222

}

.mainnav > ul {

    font-size: 0;

    line-height: 0

}

.mainnav > ul > li, .mainnav > ul > li > a {

    height: 40px;

    line-height: 40px

}

.mainnav > ul > li {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    font-weight: bold

}

.mainnav > ul > li > a {

    display: inline-block;

    padding: 0 20px;

    color: #fff;

    text-align: center

}

.mainnav > ul > li > a:hover, .mainnav > ul > li.current > a {

    color: #fff;

    text-decoration: none;

    background-color: #000;

    -webkit-transition: background-color .3s ease 0s;

    -moz-transition: background-color .3s ease 0s;

    -o-transition: background-color .3s ease 0s;

    -ms-transition: background-color .3s ease 0s;

    transition: background-color .3s ease 0s

}

.Hui-nav-toggle, a.Hui-nav-toggle {

    position: absolute;

    top: 0;

    right: 15px;

    font-size: 20px;

    color: #999;

    padding: 6px 11px;

    background-color: rgba(0, 0, 0, 0.5);

    color: #fff

}

.Hui-nav-toggle:hover, a.Hui-nav-toggle:hover {

    text-decoration: none;

    color: #fff

}

@media (max-width: 767px) {

    .mainnav > ul > li {

        font-size: 1.125em

    }

}

@media (max-width: 480px) {

    .mainnav > ul > li {

        text-align: center

    }

    .mainnav > ul > li {

        width: 20%

    }

    .mainnav > ul > li > a {

        padding: 0;

        padding: 0;

        display: block

    }

}

.breadcrumb {

    border-bottom: 1px solid #e5e5e5;

    line-height: 39px;

    height: 39px;

    overflow: hidden;

    padding: 0 15px

}

.breadcrumb span {

    padding: 0 5px

}

@media (max-width: 767px) {

    .breadcrumb > .container {

        padding: 0

    }

}

.pageNav {

    float: none;

    clear: both;

    font-size: 0;

    font-family: Arial, Helvetica, sans-serif;

    padding: 18px 0;

    text-align: center

}

.pageNav span, .pageNav a, .pageNav b {

    font-size: 14px;

    margin-right: 5px;

    overflow: hidden;

    padding: 3px 8px

}

.pageNav a {

    border: 1px solid #ccdbe4;

    cursor: pointer

}

.pageNav b {

    color: #000

}

.pageNav .mor {

    padding: 3px;

    font-weight: bold

}

.topnav {

    height: 30px;

    line-height: 30px;

    background-color;

    #f7f7f7;

    border-bottom: 1px solid #ebebeb;

    font-size: 12px

}

.topbar {

    background-color: #ececec;

    border-bottom: 1px solid #ddd

}

.topbar a {

    margin-right: 5px

}

.r_nav {

    display: inline-block;

    color: #999

}

.steps, .step {

    display: inline-block;

    position: relative;

    padding: 1em 2em 1em 3em;

    vertical-align: top;

    background-color: #FFF;

    color: #888;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box

}

.step:after, .steps .step:after {

    position: absolute;

    z-index: 2;

    content: '';

    top: 0;

    right: -1.45em;

    border-bottom: 1.5em solid transparent;

    border-left: 1.5em solid #FFF;

    border-top: 1.5em solid transparent;

    width: 0;

    height: 0

}

.step, .steps .step, .steps .step:after {

    -webkit-transition: opacity .1s ease, color .1s ease, -webkit-box-shadow .1s ease;

    transition: opacity .1s ease, color .1s ease, box-shadow .1s ease

}

.steps {

    cursor: pointer;

    display: inline-block;

    font-size: 0;

    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);

    line-height: 1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border-radius: .3125rem

}

.steps .step:first-child {

    padding-left: 1.35em;

    border-radius: .3125em 0 0 .3125em

}

.steps .step:last-child {

    border-radius: 0 .3125em .3125em 0

}

.steps .step:only-child {

    border-radius: .3125em

}

.steps .step:last-child {

    margin-right: 0

}

.steps .step:last-child:after {

    display: none

}

.step:hover, .step.hover {

    background-color: #f7f7f7;

    color: rgba(0, 0, 0, .8)

}

.steps .step.hover:after, .steps .step:hover:after, .step:hover, .step.hover::after {

    border-left-color: #f7f7f7

}

.steps .step.down, .steps .step:active, .step.down, .step:active {

    background-color: #f0f0f0

}

.steps .step.down:after, .steps .step:active:after, .steps.down::after, .steps:active::after {

    border-left-color: #f0f0f0

}

.steps .step.active, .active.step {

    cursor: auto;

    background-color: #428bca;

    color: #FFF;

    font-weight: 700

}

.steps .step.active:after, .active.steps:after {

    border-left-color: #428bca

}

.steps .disabled.step, .disabled.step {

    cursor: auto;

    background-color: #FFF;

    color: #cbcbcb

}

.disabled.step:after {

    border: 0;

    background-color: #FFF;

    top: .42em;

    right: -1em;

    width: 2.15em;

    height: 2.15em;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    box-shadow: -1px -1px 0 0 rgba(0, 0, 0, .1) inset

}

.attached.steps {

    margin: 0;

    border-radius: .3125em .3125em 0 0

}

.attached.steps .step:first-child {

    border-radius: .3125em 0 0

}

.attached.steps .step:last-child {

    border-radius: 0 .3125em 0 0

}

.bottom.attached.steps {

    margin-top: -1px;

    border-radius: 0 0 .3125em .3125em

}

.bottom.attached.steps .step:first-child {

    border-radius: 0 0 0 .3125em

}

.bottom.attached.steps .step:last-child {

    border-radius: 0 0 .3125em

}

.one.steps, .two.steps, .three.steps, .four.steps, .five.steps, .six.steps, .seven.steps, .eight.steps {

    display: block

}

.one.steps > .step {

    width: 100%

}

.two.steps > .step {

    width: 50%

}

.three.steps > .step {

    width: 33.333%

}

.four.steps > .step {

    width: 25%

}

.five.steps > .step {

    width: 20%

}

.six.steps > .step {

    width: 16.666%

}

.seven.steps > .step {

    width: 14.285%

}

.eight.steps > .step {

    width: 12.5%

}

.small.step, .small.steps .step {

    font-size: .8rem

}

.step, .steps .step {

    font-size: 1rem

}

.large.step, .large.steps .step {

    font-size: 1.25rem

}

.steps-ie, .step-ie, .step-ie .arrow {

    height: 44px;

    line-height: 44px

}

.steps-ie {

    background-color: #eaf4fd;

    border: solid 1px #afcfcc

}

.step-ie {

    position: relative;

    display: inline-block;

    float: left;

    cursor: pointer;

    padding: 0 20px 0 40px;

    background: url(../images/step_bg.png) repeat-x 0 center

}

.step-ie .arrow {

    position: absolute;

    right: -21px;

    top: 0;

    width: 21px;

    height: 44px;

    display: block;

    cursor: pointer;

    background: url(../images/step_arrow.png) no-repeat 0 center;

    z-index: 50

}

.step-ie.active {

    background-image: url(../images/step_bg-active.png);

    color: #fff;

    z-index: 100

}

.step-ie.active .arrow {

    background-image: url(../images/step_arrow-active.png)

}

.verticalTab {

    background: #fff url(../images/tab_bg.png) repeat-y 0 0;

    width: 38px

}

.verticalTab a {

    position: relative;

    display: block;

    width: 18px;

    height: auto;

    text-align: center;

    position: relative;

    padding: 26px 10px 6px 10px;

    background: url(../images/tabNav.png) no-repeat 0 0

}

.verticalTab a em {

    position: absolute;

    left: 0;

    bottom: -20px;

    width: 38px;

    height: 20px;

    background: url(../images/tabNav_right.png) no-repeat 0 0;

    z-index: 50

}

.verticalTab a.active {

    background-image: url(../images/tabNav-active.png);

    color: #fff;

    z-index: 99

}

.verticalTab a.active em {

    background-image: url(../images/tabNav_right-active.png)

}

.acrossTab {

    height: 29px;

    background: url(../images/acrossTab-bg.png) repeat-x 0 0;

    padding-top: 1px

}

.acrossTab li, .acrossTab li em {

    background: url(../images/acrossTab.png) no-repeat 0 0

}

.acrossTab li {

    position: relative;

    float: left;

    display: inline-block;

    height: 29px;

    line-height: 29px;

    font-size: 12px;

    cursor: pointer;

    padding: 0 30px;

    white-space: nowrap;

    color: #282828;

    background-position: 0 0

}

.acrossTab li em {

    position: absolute;

    width: 23px;

    height: 29px;

    right: -20px;

    top: 0;

    z-index: 50;

    background-position: right -30px

}

.acrossTab li:hover {

    background-position: 0 -60px

}

.acrossTab li:hover em {

    background-position: right -90px

}

.acrossTab li.active {

    background-position: 0 -120px;

    z-index: 99

}

.acrossTab li.active em {

    background-position: right -150px

}

.acrossTab li i {

    position: absolute;

    display: block;

    width: 13px;

    height: 13px;

    top: 50%;

    margin-top: -6px;

    right: 5px;

    font-size: 0;

    line-height: 0;

    cursor: pointer;

    background: url(../images/acrossTab-close.png) no-repeat 0 0

}

.acrossTab li i:hover {

    background-position: 0 bottom

}

.dropDown {

    display: inline-block

}

.dropDown_A {

    display: inline-block

}

.dropDown-menu {

    display: none;

    transition: all .3s ease 0s

}

.dropDown:focus, .dropDown-menu:focus {

    outline: 0

}

.dropDown-menu li.arrow {

    position: absolute;

    display: block;

    width: 12px;

    height: 8px;

    margin-top: -13px;

    margin-left: 20%;

    line-height: 0;

    background: url(../images/icon-jt.png) no-repeat 0 0

}

.dropDown.hover .dropDown_A, .dropDown.open .dropDown_A {

    text-decoration: none;

    background-color: rgba(255, 255, 255, 0.2)

}

.dropDown.open .dropDown_A .menu_dropdown-arrow {

    transition-duration: .3s;

    transition-property: all;

    _background-position: 0 0

}

.dropDown.open .dropDown_A .menu_dropdown-arrow {

    transform: rotate(180deg)

}

.dropDown > .dropDown-menu {

    display: none

}

.dropDown.open {

    position: relative;

    z-index: 990

}

.dropDown.open > .dropDown-menu {

    position: absolute;

    z-index: 1000;

    display: inline-block;

    top: 100%;

    left: -1px;

    min-width: 100%;

    background-color: #fff;

    border: solid 1px #f2f2f2

}

.dropDown.open.right > .dropDown-menu {

    right: -1px !important;

    left: auto !important

}

.slider {

    position: relative;

    text-align: center;

    margin: 0 auto;

    z-index: 1

}

.slider .bd, .slider .bd li, .slider .bd img {

    width: 100%;

    height: 100%

}

.slider .bd {

    z-index: 2;

    overflow: hidden

}

.slider .bd li {

    float: left;

    width: 100%;

    overflow: hidden;

    background-position: center;

    background-repeat: no-repeat

}

.slider .bd li a {

    display: block;

    width: 100%;

    height: 100%

}

.slider .bd li img {

    display: block

}

.slider .hd {

    position: absolute;

    z-index: 3;

    left: 0;

    right: 0;

    bottom: 10px;

    padding: 0 10px;

    text-align: center

}

.slider .hd li {

    display: inline-block;

    text-align: center;

    margin-right: 10px;

    cursor: pointer;

    background-color: #c2c2c2

}

.slider .hd li.active {

    background-color: #222

}

.dots li {

    width: 10px;

    height: 10px;

    font-size: 0;

    line-height: 0;

    border-radius: 50%

}

.numbox li {

    width: 20px;

    height: 20px;

    line-height: 20px;

    font-size: 13px;

    font-family: Arial;

    font-weight: bold;

    text-indent: inherit

}

.numbox li.active {

    color: #fff

}

.rectangle li {

    width: 40px;

    height: 10px;

    font-size: 0;

    line-height: 0

}

.slider-arrow {

    display: block;

    position: absolute;

    top: 50%;

    margin-top: -25px;

    height: 50px;

    width: 50px;

    line-height: 50px;

    text-align: center;

    z-index: 3;

    opacity: .7;

    filter: alpha(opacity=70)

}

.slider-arrow:hover {

    opacity: 1;

    filter: alpha(opacity=100)

}

.slider-arrow.prev {

    left: 0

}

.slider-arrow.next {

    right: 0

}

.tabBar {

    border-bottom: 2px solid #222

}

.tabBar span {

    background-color: #e8e8e8;

    cursor: pointer;

    display: inline-block;

    float: left;

    font-weight: bold;

    height: 30px;

    line-height: 30px;

    padding: 0 15px

}

.tabBar span.current {

    background-color: #222;

    color: #fff

}

.tabCon {

    display: none

}

.label, .badge {

    display: inline-block;

    padding: 2px 4px;

    font-size: 11.844px;

    font-weight: bold;

    line-height: 14px;

    color: #fff;

    white-space: nowrap;

    vertical-align: middle;

    background-color: #999;

    overflow: hidden

}

.label.radius {

    border-radius: 3px

}

.badge {

    padding-right: 9px;

    padding-left: 9px;

    border-radius: 9px

}

.label:empty, .badge:empty {

    display: none

}

a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {

    color: #fff;

    text-decoration: none;

    cursor: pointer

}

.label-default, .badge-default {

    background-color: #e6e6e6;

    color: #333

}

.label-default[href], .badge-default[href] {

    background-color: #e6e6e6;

    color: #333

}

.label-primary, .badge-primary {

    background-color: #5a98de

}

.label-primary[href], .badge-primary[href] {

    background-color: #5a98de

}

.label-secondary, .badge-secondary {

    background-color: #3bb4f2

}

.label-secondary[href], .badge-secondary[href] {

    background-color: #3bb4f2

}

.label-success, .badge-success {

    background-color: #5eb95e

}

.label-success[href], .badge-success[href] {

    background-color: #5eb95e

}

.label-warning, .badge-warning {

    background-color: #f37b1d

}

.label-warning[href], .badge-warning[href] {

    background-color: #f37b1d

}

.label-danger, .badge-danger {

    background-color: #dd514c

}

.label-danger[href], .badge-danger[href] {

    background-color: #dd514c

}

.Huialert {

    position: relative;

    padding: 8px 35px 8px 14px;

    margin-bottom: 20px;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

    background-color: #fcf8e3;

    border: 1px solid #fbeed5

}

.Huialert, .Huialert h4 {

    color: #c09853

}

.Huialert h4 {

    margin: 0

}

.Huialert .Hui-iconfont {

    position: absolute;

    top: 9px;

    right: 10px;

    line-height: 20px;

    cursor: pointer;

    color: #000;

    opacity: .2;

    _color: #666

}

.Huialert .Hui-iconfont.hover {

    color: #000;

    opacity: .8

}

.Huialert-success {

    color: #468847;

    background-color: #dff0d8;

    border-color: #d6e9c6

}

.Huialert-success h4 {

    color: #468847

}

.Huialert-danger {

    color: #b94a48;

    background-color: #f2dede;

    border-color: #eed3d7

}

.Huialert-danger h4 {

    color: #b94a48

}

.Huialert-error {

    color: #fff;

    background-color: #f37b1d;

    border-color: #e56c0c

}

.Huialert-error h4 {

    color: #fff

}

.Huialert-info {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1

}

.Huialert-info h4 {

    color: #31708f

}

.Huialert-block {

    padding-top: 14px;

    padding-bottom: 14px

}

.Huialert-block > p, .Huialert-block > ul {

    margin-bottom: 0

}

.Huialert-block p + p {

    margin-top: 5px

}

.progress, .progress-bar, .sr-only {

    height: 10px;

    font-size: 0;

    line-height: 0

}

.progress {

    overflow: hidden;

    width: 400px

}

.progress-bar {

    width: 100%;

    background-color: #efefef

}

.sr-only {

    display: inline-block;

    background-color: #58b957

}

.loading {

    height: 50px;

    background: url(../images/loading_072.gif) no-repeat center

}

.mask {

    position: fixed;

    top: 0;

    left: 0;

    z-index: 999;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

    -moz-transition: all .3s ease-in;

    -webkit-transition: all .3s ease-in;

    -o-transition: all .3s ease-in;

    transition: all .3s ease-in

}

* html .mask {

    position: absolute;

    left: expression(documentElement.scrollLeft+documentElement.clientWidth - this.offsetWidth);

    top: expression(documentElement.scrollTop+documentElement.clientHeight - this.offsetHeight)

}

.modal-open {

    overflow: hidden

}

.page-overflow {

    margin-right: 16px

}

.modal-scrollable {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    overflow: auto

}

.modal-overflow .modal-scrollable {

    overflow-y: scroll

}

.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1040;

    background-color: #000

}

* html .modal-backdrop {

    position: absolute;

    left: expression(documentElement.scrollLeft+documentElement.clientWidth - this.offsetWidth);

    top: expression(documentElement.scrollTop+documentElement.clientHeight - this.offsetHeight)

}

.modal-backdrop.fade {

    opacity: 0;

    filter: alpha(opacity=0)

}

.modal-backdrop, .modal-backdrop.fade.in {

    opacity: .7;

    filter: alpha(opacity=70)

}

.modal {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 500px;

    margin-left: -250px;

    z-index: 1050;

    overflow: visible;

    background-color: #fff;

    background-clip: padding-box;

    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);

    -webkit-background-clip: padding-box;

    -khtml-background-clip: padding-box;

    -moz-background-clip: padding-box;

    -ms-background-clip: padding-box;

    -o-background-clip: padding-box;

    background-clip: padding-box;

    border-radius: 6px;

    border: 1px solid rgba(0, 0, 0, 0.3);

    *border: 1px solid #999

}

.fade {

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: opacity .2s linear;

    -moz-transition: opacity .2s linear;

    -o-transition: opacity .2s linear;

    transition: opacity .2s linear

}

.fade.in {

    opacity: 1;

    filter: alpha(opacity=100)

}

.modal.fade {

    top: -100%

}

.modal.fade.in {

    top: 50%

}

.modal.modal-overflow.fade.in {

    top: 0

}

.loading-spinner {

    position: absolute;

    top: 50%;

    left: 50%;

    margin: -12px 0 0 -12px

}

.modal-header {

    padding: 9px 15px;

    border-bottom: 1px solid #eee;

    position: relative

}

.modal-header .close {

    position: absolute;

    right: 10px;

    top: 10px

}

.modal-header h3 {

    margin: 0

}

.modal-body {

    overflow-y: visible;

    padding: 15px;

    word-break: break-all

}

.modal-form {

    margin-bottom: 0

}

.modal-footer {

    padding: 14px 15px 15px;

    margin-bottom: 0;

    text-align: right;

    background-color: #f5f5f5;

    border-top: 1px solid #ddd;

    *zoom: 1;

    border-radius: 0 0 6px 6px;

    box-shadow: inset 0 1px 0 #fff

}

.modal-footer:before, .modal-footer:after {

    display: table;

    content: ""

}

.modal-footer:after {

    clear: both

}

.modal-footer .btn + .btn {

    margin-left: 5px;

    margin-bottom: 0

}

.modal-footer .btn-group .btn + .btn {

    margin-left: -1px

}

.modal-alert {

    position: fixed;

    width: 300px;

    margin-left: -150px;

    margin-top: -30px;

    z-index: 9999

}

.modal-alert-info {

    padding: 30px;

    text-align: center;

    font-size: 14px;

    background-color: #fff

}

.mask_box {

    background-image: none;

    display: none;

    z-index: 99

}

.hover .mask_box {

    position: absolute;

    bottom: 0;

    left: 0;

    display: block;

    background: url(../images/backdrop.png) repeat 0 0;

    text-align: left

}

.easyDialog_wrapper {

    width: 320px;

    color: #444;

    border: 3px solid rgba(0, 0, 0, 0);

    border-radius: 5px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);

    display: none

}

.easyDialog_wrapper .easyDialog_content {

    border-radius: 4px;

    background: #fff;

    border: 1px solid #e5e5e5

}

.easyDialog_wrapper .easyDialog_title {

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    color: #666;

    padding: 0 10px;

    font-size: 14px;

    border-bottom: 1px solid #e5e5e5;

    background: #f7f7f7;

    border-radius: 4px 4px 0 0;

    margin: 0

}

.easyDialog_wrapper .close_btn {

    font-family: arial;

    font-size: 18px;

    _font-size: 12px;

    font-weight: 700;

    color: #999;

    text-decoration: none;

    float: right

}

.easyDialog_wrapper .close_btn:hover {

    color: #333

}

.easyDialog_wrapper .easyDialog_text {

    padding: 25px 10px;

    font-size: 13px;

    line-height: 22px

}

.easyDialog_wrapper .easyDialog_footer {

    padding: 10px;

    text-align: right;

    *zoom: 1

}

.easyDialog_wrapper .easyDialog_footer:after {

    content: '';

    display: block;

    height: 0;

    overflow: hidden;

    visibility: hidden;

    clear: both

}

.easyDialog_wrapper .btn_highlight, .easyDialog_wrapper .btn_normal {

    border: 1px solid;

    border-radius: 2px;

    cursor: pointer;

    float: right;

    font-size: 12px;

    padding: 0 12px;

    height: 24px;

    line-height: 24px;

    margin-bottom: 10px

}

.easyDialog_wrapper .btn_highlight {

    background: #4787ed;

    background: -webkit-gradient(linear, center bottom, center top, from(#4787ed), to(#4d90fe));

    background: -moz-linear-gradient(90deg, #4787ed, #4d90fe);

    border-color: #3079ed;

    color: #fff

}

.easyDialog_wrapper .btn_normal {

    margin-left: 10px;

    border-color: #c3c3c3;

    background: #ececec;

    color: #333;

    background: -webkit-gradient(linear, center bottom, center top, from(#ececec), to(#f4f4f4));

    background: -moz-linear-gradient(90deg, #ececec, #f4f4f4)

}

.modal-open .dropdown-menu {

    z-index: 2050

}

.modal-open .dropdown.open {

    *z-index: 2050

}

.modal-open .popover {

    z-index: 2060

}

.modal-open .tooltip {

    z-index: 2070

}

.toTop {

    position: fixed;

    bottom: 60px;

    right: 15px;

    z-index: 999;

    display: none;

    cursor: pointer;

    overflow: hidden;

    visibility: visible;

    background-color: #fff;

    border: 1px solid #d9d9d9;

    color: #9c9c9c;

    font-size: 16px;

    width: 38px;

    height: 38px;

    line-height: 38px;

    text-align: center;

    text-decoration: none;

    _position: absolute;

    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight)

}

.toTop:hover {

    color: #fff;

    text-decoration: none;

    background-color: #999;

    border-color: #999

}

.bdsharebuttonbox.Hui-share a.bds_more, .bdsharebuttonbox.Hui-share a.bds_weixin, .bdsharebuttonbox.Hui-share a.bds_qzone, .bdsharebuttonbox.Hui-share a.bds_sqq, .bdsharebuttonbox.Hui-share a.bds_tsina, .bdsharebuttonbox.Hui-share a.bds_tqq, .bdsharebuttonbox.Hui-share a.bds_douban {

    display: inline-block;

    background: 0;

    padding-left: 0;

    text-decoration: none;

    margin: 0;

    margin-right: 6px;

    height: auto;

    line-height: auto

}

.bdsharebuttonbox.Hui-share a:hover {

    text-decoration: none

}

.bdsharebuttonbox.Hui-share .share-text {

    display: inline-block;

    margin-right: 6px;

    color: #999;

    cursor: default;

    float: left

}

.bdsharebuttonbox.bdshare-button-style0-16.Hui-share a, .bdsharebuttonbox.bdshare-button-style0-16.Hui-share .share-text, .bdsharebuttonbox.bdshare-button-style0-16.Hui-share .Hui-iconfont {

    line-height: 16px

}

.bdsharebuttonbox.bdshare-button-style0-16.Hui-share .share-text, .bdsharebuttonbox.bdshare-button-style0-16.Hui-share .Hui-iconfont {

    font-size: 16px

}

.bdsharebuttonbox.bdshare-button-style0-24.Hui-share a, .bdsharebuttonbox.bdshare-button-style0-24.Hui-share .share-text, .bdsharebuttonbox.bdshare-button-style0-24.Hui-share .Hui-iconfont {

    line-height: 24px

}

.bdsharebuttonbox.bdshare-button-style0-24.Hui-share .share-text, .bdsharebuttonbox.bdshare-button-style0-24.Hui-share .Hui-iconfont {

    font-size: 24px

}

.Hui-share.jiathis_style_24x24 .jtico {

    background: 0;

    padding-left: 0 !important

}

.Hui-share.jiathis_style_24x24 .jiathis_separator {

    margin-left: 0;

    margin-right: 6px

}

.panel {

    background-color: #fff;

    border: solid 1px transparent

}

.panel-header {

    border-bottom: solid 1px transparent;

    padding: 8px 15px;

    font-size: 14px;

    font-weight: 700

}

.panel-body {

    padding: 15px

}

.panel-footer {

    background-color: #f5f5f5;

    border-top: 1px solid #ddd;

    padding: 5px 20px

}

.panel-default {

    border-color: #ddd

}

.panel-default > .panel-header {

    border-color: #ddd;

    background-color: #f5f5f5;

    color: #444

}

.panel-primary {

    border-color: #5a98de

}

.panel-primary > .panel-header {

    border-color: #5a98de;

    background-color: #5a98de;

    color: #fff

}

.panel-secondary {

    border-color: #3bb4f2

}

.panel-secondary > .panel-header {

    border-color: #3bb4f2;

    background-color: #3bb4f2;

    color: #fff

}

.panel-success {

    border-color: #5eb95e

}

.panel-success > .panel-header {

    border-color: #5eb95e;

    background-color: #5eb95e;

    color: #fff

}

.panel-warning {

    border-color: #f37b1d

}

.panel-warning > .panel-header {

    border-color: #f37b1d;

    background-color: #f37b1d;

    color: #fff

}

.panel-danger {

    border-color: #dd514c

}

.panel-danger > .panel-header {

    border-color: #dd514c;

    background-color: #dd514c;

    color: #fff

}

.docs-example {

    position: relative;

    *position: static;

    *padding-top: 19px;

    margin: 15px 0;

    padding: 39px 19px 14px;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px

}

.docs-example:after {

    /*content:"Example";*/

    /*position:absolute;*/

    /*top:-1px;*/

    /*left:-1px;*/

    /**position:static;*/

    /*padding:3px 7px;*/

    /*font-size:12px;*/

    /*font-weight:bold;*/

    /*background-color:#f5f5f5;*/

    /*border:1px solid #ddd;*/

    /*color:#9da0a4;*/

    /*border-radius:4px 0 4px 0*/

}

.marquee {

    height: 22px;

    overflow: hidden;

    line-height: 22px

}

.rollpic .prev, .rollpic .next {

    display: block;

    height: 38px;

    width: 38px;

    cursor: pointer;

    float: left;

    background: url(../images/unslider-arrow2.png) no-repeat 0 0;

    margin-top: 70px

}

.rollpic .prev {

    background-position: 0 0;

    margin-right: 5px

}

.rollpic .prev:hover {

    background-position: 0 -38px

}

.rollpic .next {

    background-position: 0 -76px;

    margin-left: 5px

}

.rollpic .next:hover {

    background-position: 0 -114px

}

.rollpicshow {

    float: left;

    border: solid 1px #ddd

}

.rollpicshow li {

    padding: 10px

}

.ac_results {

    position: absolute;

    border: solid 1px #ddd;

    background-color: #fff;

    padding: 3px;

    display: none;

    margin-top: -1px;

    z-index: 999

}

.ac_results ul {

    width: 100%;

    list-style-position: outside;

    list-style: none;

    padding: 0;

    margin: 0

}

.ac_results li {

    padding-left: 5px;

    padding-right: 5px;

    display: block;

    height: 24px;

    line-height: 24px;

    cursor: pointer

}

.ac_results li p {

    float: left;

    margin: 0;

    padding: 0;

    overflow: hidden

}

.ac_results li p tt {

    color: #666

}

.ac_results li span {

    margin: 0;

    padding: 0;

    display: inline;

    float: right;

    color: #f93;

    width: 90px;

    text-align: right;

    overflow: hidden

}

.ac_results li.ac_over {

    background-color: #f0f1f2

}

.ac_loading {

    background: #fff url(../images/loading_s.gif) right center no-repeat

}

.AD {

    text-align: center

}

.dual {

    top: 260px;

    position: absolute;

    width: 102px;

    overflow: hidden;

    display: none;

    z-index: 100

}

.dual_l {

    left: 6px

}

.dual_r {

    right: 6px

}

.dual_con {

    border: #CCC solid 1px;

    width: 100px;

    height: 300px;

    overflow: hidden;

    background-color: #0C9

}

.dual_close {

    width: 100%;

    height: 24px;

    line-height: 24px;

    text-align: center;

    display: block;

    font-size: 13px;

    color: #555;

    text-decoration: none

}

.Hui-tags {

    border: solid 1px #dedede;

    padding: 0 10px

}

.Hui-tags-editor {

    position: relative;

    padding: 10px 0 10px 24px

}

.Hui-tags-editor .Hui-tags-icon {

    position: absolute;

    left: 0;

    top: 11px;

    font-size: 14px;

    color: #666

}

.Hui-tags-token {

    color: #aaa;

    float: left;

    font-size: 12px;

    height: 20px;

    line-height: 20px;

    margin-right: 8px;

    padding: 0 1px;

    white-space: nowrap;

    cursor: pointer

}

.Hui-tags-token:before {

    content: "#"

}

.Hui-tags-token:hover {

    text-decoration: line-through

}

.Hui-tags-iptwrap {

    position: relative;

    float: left

}

.Hui-tags-input {

    position: relative;

    height: 20px;

    min-width: 60px;

    border: 0 none;

    vertical-align: top;

    line-height: 20px;

    color: #333;

    z-index: 2;

    background: url(../images/empty.png) repeat scroll 0 0;

    display: inline-block;

    width: 100%

}

.Hui-tags-label {

    position: absolute;

    top: 0;

    left: 2px;

    width: 240px;

    height: 20px;

    line-height: 20px;

    font-size: 14px;

    overflow: hidden;

    z-index: 1;

    color: #ccc

}

.Hui-tags-list {

    padding: 0 0 10px 0;

    display: none

}

.Hui-notag {

    font-size: 12px

}

.Hui-tags-has span {

    cursor: pointer;

    font-size: 12px;

    white-space: nowrap;

    margin-right: 10px

}

.tags a {

    height: 26px;

    line-height: 26px;

    padding-right: 6px

}

.tags1 {

    color: #C00;

    font-size: 24px

}

.tags2 {

    color: #030;

    font-size: 16px

}

.tags3 {

    color: #00F

}

.tags4 {

    font-size: 16px

}

.tags5 {

    color: #C00;

    font-size: 20px

}

.tags6 {

    color: #F06 font-size : 20 px

}

.tags7 {

    color: #030;

    font-weight: bold;

    font-size: 18px

}

.tags8 {

    color: #F06;

    font-weight: bold

}

.tags9 {

    color: #C00;

    font-weight: bold;

    font-size: 16px

}

.tags a:hover {

    color: #F00;

    text-decoration: underline

}

#tagyun {

    position: relative

}

#tagyun a {

    position: absolute;

    top: 0;

    left: 0;

    font-weight: bold;

    text-decoration: none;

    padding: 3px 6px

}

.Huifold .item {

    position: relative

}

.Huifold .item h4 {

    margin: 0;

    font-weight: bold;

    position: relative;

    border-top: 1px solid #fff;

    font-size: 15px;

    line-height: 22px;

    padding: 7px 10px;

    background-color: #eee;

    cursor: pointer;

    padding-right: 30px

}

.Huifold .item h4 b {

    position: absolute;

    display: block;

    cursor: pointer;

    right: 10px;

    top: 7px;

    width: 16px;

    height: 16px;

    text-align: center;

    color: #666

}

.Huifold .item .info {

    display: none;

    padding: 10px

}

.maskBar {

    position: absolute;

    height: auto;

    left: 0;

    bottom: -100%;

    right: 0;

    padding: 10px;

    background-color: rgba(0, 0, 0, 0.6);

    z-index: 2;

    color: #fff !important

}

.maskWraper {

    position: relative;

    overflow: hidden

}

.maskWraper.hover .maskBar {

    bottom: 0;

    transition: bottom 200ms;

    -moz-transition: bottom 200ms;

    -webkit-transition: bottom 200ms;

    -o-transition: bottom 200ms

}

.maskBox {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 2;

    color: #fff !important

}

.maskWraper.hover .maskBox {

    background-color: rgba(0, 0, 0, 0.6);

    transition: all 500ms;

    -moz-transition: all 500ms;

    -webkit-transition: all 500ms;

    -o-transition: all 500ms

}

.commentList .item {

    list-style: none outside none;

    margin: 1.6rem 0 0

}

.commentList .avatar {

    border: 1px solid transparent;

    float: left

}

.comment-main {

    position: relative;

    margin-left: 64px;

    border: 1px solid #dedede;

    border-radius: 2px

}

.comment-main:before, .comment-main:after {

    position: absolute;

    top: 11px;

    left: -16px;

    right: 100%;

    width: 0;

    height: 0;

    display: block;

    content: " ";

    border-color: transparent;

    border-style: solid solid outset;

    pointer-events: none

}

.comment-main:before {

    border-right-color: #dedede;

    border-width: 8px

}

.comment-main:after {

    border-width: 7px;

    border-right-color: #f8f8f8;

    margin-top: 1px;

    margin-left: 2px

}

.comment-header {

    padding: 10px 15px;

    background: #f8f8f8;

    border-bottom: 1px solid #eee

}

.comment-title {

    margin: 0 0 8px 0;

    font-size: 1.6rem;

    line-height: 1.2

}

.comment-meta {

    font-size: 13px;

    color: #999;

    line-height: 1.2

}

.comment-meta a {

    color: #999

}

.comment-author {

    font-weight: 700;

    color: #999

}

.comment-body {

    padding: 15px;

    overflow: hidden

}

.comment-body > :last-child {

    margin-bottom: 0

}

.commentList .comment-flip .avatar {

    float: right

}

.comment-flip .comment-main {

    margin-left: 0;

    margin-right: 64px

}

.comment-flip .comment-main:before {

    border-left-color: #dedede;

    border-right-color: transparent

}

.comment-flip .comment-main:before, .comment-flip .comment-main:after {

    left: 100%;

    position: absolute;

    right: -16px

}

.comment-flip .comment-main:after {

    border-left-color: #f8f8f8;

    border-right-color: transparent;

    margin-left: auto;

    margin-right: 2px

}

.footer {

    border-top: 1px solid #e8e8e8;

    padding: 15px 0;

    font-family: tahoma, Arial;

    font-size: 12px;

    color: #999;

    line-height: 22px;

    text-align: center

}

.footer a, .footer a:hover {

    color: #999

}

.page-404 {

    color: #afb5bf;

    padding-top: 60px;

    padding-bottom: 90px

}

.page-404 .error-title {

    font-size: 80px

}

.page-404 .error-title .iconfont {

    font-size: 80px

}

.page-404 .error-description {

    font-size: 24px

}

.page-404 .error-info {

    font-size: 14px

}

#page-404 .footer {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0
}