/*公共样式--开始*/



/* 复位样式 */

html,
body,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
i,
p,
dl,
dt,
dd,
form,
label,
input,
button,
select,
option,
textarea,
table,
th,
td {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

/* 把所有盒子的盒模型转化为IE盒模型 */

html,
body {

    max-width: 1920px;

    min-height: 100%;

    margin: 0 auto;

    overflow-x: hidden;

    -webkit-font-smoothing: antialiased;
    /*文字抗锯齿*/

    -moz-osx-font-smoothing: grayscale;
    /*文字抗锯齿*/

}

body {

    /* 默认字体 | 默认文字大小 | 默认文字颜色 */

    font-family: '微软雅黑';
    /* 默认字体 微软雅黑 */

    color: #333;
    /* 默认字体颜色 */

    font-size: 16px;
    /* 默认字体大小 */

}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
    /* 标题标签清除默认样式 */

    font-size: inherit;

    font-weight: normal;

}

ul,
ol {

    list-style: none;

}

em,
i {

    font-style: normal;

    display: inline-block;

}

img {

    border: none;

    max-width: 100%;

    max-height: 100%;

    vertical-align: middle;

}

a {

    display: block;

    color: inherit;

    text-decoration: none;

}

table {

    table-layout: fixed;

    border-collapse: collapse;

}

input,
textarea,
button {

    outline: none;

    border: none;

    background: none;

    font-family: inherit;

    font-size: inherit;

    color: inherit;

}

textarea {

    resize: none;

    overflow: auto;

}

input {

    -webkit-appearance: none;
    /* 去除input默认样式 */

}

a,
button,
input,
optgroup,
select,
textarea {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* 移动端点击后会出现"暗色"的背景 */

}

input::-ms-clear {
    display: none;
}

/* 去除IE浏览器器下输入框叉叉 */

input::-ms-reveal {
    display: none;
}

/* 去除IE浏览器器下输入框叉叉 */

input:-webkit-autofill,

textarea:-webkit-autofill,

select:-webkit-autofill {
    /* 表单历史记录默认背景 */

    -webkit-transition: background-color 99999999s ease-in-out 0s;

    transition: background-color 99999999s ease-in-out 0s;

    -webkit-transition: color 99999999s ease-in-out 0s;

    transition: color 99999999s ease-in-out 0s;

}

@media screen and (max-width: 1200px) {
    /* 针对PC端的代码，小于一定尺寸时显示将要隐藏的内容 */

    html {

        min-width: 1200px;

        overflow-x: auto;

    }

}

.center {
    /* 居中 */

    width: 1200px;

    margin: 0 auto;

}





/*浏览器低版本提示*/

#brower-max {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000;
    display: none;
}

#brower-max.cur00 {
    display: block;
}

#brower {
    position: fixed;
    width: 400px;
    height: 200px;
    background-color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -100px;
    padding-top: 50px;
    z-index: 1000;
    display: none;
}

#brower.cur00 {
    display: block;
}

#brower p {
    margin-top: 20px;
}

#brower p a {
    color: #ff9c00;
}

@media \0screen\,screen\9 {
    /* 只支持IE6、7、8 */

    #brower-max {
        background-color: #000000;
        filter: Alpha(opacity=50);
        *zoom: 1;
        /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }

    #brower {
        filter: Alpha(opacity=100);
    }

}







/* flex布局兼容 START */

.flex {

    /* 设置为flex盒子 */

    display: box;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

}

.flex_column {

    /* 垂直排列 */

    -webkit-box-orient: vertical;

    -webkit-flex-direction: column;

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    flex-direction: column;

}

.flex_wrap {

    /* 允许换行 */

    -webkit-box-lines: multiple;

    -webkit-flex-wrap: wrap;

    -moz-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    -o-flex-wrap: wrap;

    flex-wrap: wrap;

}

.flex_row_center {

    /* 水平方向上居中 */

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

}

.flex_row_start {

    /* 水平方向上居左 */

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -moz-justify-content: flex-start;

    -ms-justify-content: flex-start;

    -o-justify-content: flex-start;

    justify-content: flex-start;

}

.flex_row_end {

    /* 水平方向上居右 */

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -moz-justify-content: flex-end;

    -ms-justify-content: flex-end;

    -o-justify-content: flex-end;

    justify-content: flex-end;

}

.flex_row_justify {

    /* 水平方向上等间距排列 */

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -moz-justify-content: space-between;

    -ms-justify-content: space-between;

    -o-justify-content: space-between;

    justify-content: space-between;

}

.flex_column_center {

    /* 垂直方向上居中 */

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    -ms-align-items: center;

    -o-align-items: center;

    align-items: center;

}

.flex_column_start {

    /* 垂直方向上居上 */

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -moz-align-items: flex-start;

    -ms-align-items: flex-start;

    -o-align-items: flex-start;

    align-items: flex-start;

}

.flex_column_end {

    /* 垂直方向上居下 */

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    -moz-align-items: flex-end;

    -ms-align-items: flex-end;

    -o-align-items: flex-end;

    align-items: flex-end;

}

.flex1 {

    /* 占据1份大小 */

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

}

.flex_rank_1 {

    /* 排列等级 */

    -webkit-box-ordinal-group: 1;

    -moz-box-ordinal-group: 1;

    -ms-flex-order: 1;

    -webkit-order: 1;

    order: 1;

}

.flex_rank_2 {

    /* 排列等级 */

    -webkit-box-ordinal-group: 2;

    -moz-box-ordinal-group: 2;

    -ms-flex-order: 2;

    -webkit-order: 2;

    order: 2;

}

/* flex END */







/* 清除浮动 */

.clear_float::after {

    content: ' ';

    display: block;

    clear: both;

}





/* 浮动 */

.float_left {

    float: left;

}

.float_right {

    float: right;

}





/* 过度 */

.transition {

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}





/* 单行文本溢出隐藏 */

.one_row_text {

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

}





/* 多行文本溢出隐藏 */

.two_row_text {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}





/* 字体图标 */

.iconfont {

    color: inherit;

    font-size: inherit;

    display: inline-block;

    -webkit-font-smoothing: antialiased;
    /* 文字抗锯齿 */

    -moz-osx-font-smoothing: grayscale;
    /* 文字抗锯齿 */

}





/* 背景图 */

.background_img {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}





/* 图片居中 */

.picture_container {

    position: relative;

    overflow: hidden;

    background: none;

}

.picture_container img {

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

}







/* 分页 */

.paging {

    position: relative;

}

.paging.white a {

    background: #fff;

}

.paging.gray a {

    background: #f4f4f4;

}

.paging a {

    margin: 0 7px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border-radius: 50%;

    font-size: 14px;

    color: #888888;

}

.paging .page a {

    width: 40px;

}

.paging .prevPage a,

.paging .nextPage a {

    width: 78px;

    border-radius: 20px;

    margin: 0 13px;

}

.paging .active a,

.paging li:not(.noPage):hover a {

    background: #e21f24;

    color: #fff;

}

.paging .noPage a {

    opacity: 0.5;

    cursor: default;

}





/* 个人中心-分页 */

.center_paging {

    position: relative;

}

.center_paging a {

    height: 34px;

    margin: 0 5px;

    line-height: 34px;

    text-align: center;

    border-radius: 3px;

    font-size: 14px;

    color: #666666;

    background: #eee;

}

.center_paging .page_select {

    outline: none;

    width: 60px;

    height: 34px;

    margin: 0 5px;

    line-height: 34px;

    border-radius: 3px;

    font-size: 14px;

    color: #333333;

    background: #fff;

    border: 5px solid #eee;

}

.center_paging .page {

    width: 40px;

}

.center_paging .firstPage,

.center_paging .lastPage {

    width: 60px;

}

.center_paging .prevPage,

.center_paging .nextPage {

    width: 75px;

}

.center_paging li.active a,

.center_paging li:not(.noPage) a:hover {

    background: #e21f24;

    color: #fff;

}

.center_paging .noPage {

    opacity: 0.5;

    cursor: default;

}








[class*=animate] {
    /* 动画时间，动画开始前的状态 */

    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;



    opacity: 0;

    -webkit-animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -o-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

}