@charset "utf-8";

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 {
    -webkit-text-size-adjust: 100%;
    /*禁用Webkit内核浏览器的文字大小调整功能，默认是auto；*/
    -ms-text-size-adjust: 100%;
    /*禁用IE内核浏览器的文字大小调整功能，默认是auto；*/
    font-family: sans-serif;
    /* 1 */
    -webkit-font-smoothing: antialiased;
}

.container {
    margin-right: auto;
    margin-left: auto;
    position: relative;
	overflow: hidden;
}

.container {
    *zoom: 1;
}

.container:after,
.container:before {
    display: table;
    content: ""
}

.container:after {
    clear: both
}

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

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

button {
    overflow: visible;
    outline: none
}

body,
th,
td,
button,
input,
select,
textarea {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

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

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

a {
    text-decoration: none;
}

a:focus {
    outline: none
}

a:hover,
a:active {
    outline: none;
    text-decoration: none;
}

:focus {
    outline: none
}

sub,
sup {
    vertical-align: baseline
}

a {
    transition: all 0.2s linear 0s;
}

/*img自适应*/
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    background: url(../img/loading-1.gif) no-repeat center #FFFFFF;
}

/*IE下a:hover 背景闪烁*/
html {
    overflow: -moz-scrollbars-vertical;

    zoom:expression(function(ele) {
        ele.style.zoom="1";
        document.execCommand("BackgroundImageCache", false, true)
    }

    (this))
}

img {
    border: none;
}

/*图片居右*/
.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    clear: both;
    display: block;
    margin: auto;
}

/*---------------------HTML5 reset--------------------------*/
header,
footer,
section,
aside,
details,
menu,
article,
section,
nav,
address,
hgroup,
figure,
figcaption,
summary,
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
}

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

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

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

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

/*清除浮动*/
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

/*隐藏*/
.hidden {
    display: none;
}

/*浮动*/
.fl {
    float: left;
    display: block;
}

.fr {
    float: right;
    display: block;
}

/*文字位置*/
.tl {
    text-align: left;
}

.tc {
    text-align: center;
}

.tr {
    text-align: right !important;
}

.arial {
    font-family: "arial";
}

.pr {
    position: relative;
}

.fix_top {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1140px) {
    .container {
        width: 1140px
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}