* {
    margin: 0;
    padding: 0;
    font-size: 14px;
    outline: none
}

body {
    font-size: 14px;
    font-family: "Comfortaa", "Arial";
    background: #fff;
    -webkit-text-size-adjust: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, legend, select  {
    margin: 0;
    padding: 0;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    -webkit-appearance: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

img {
    max-width: 100%;
    border: 0;
    vertical-align: middle
}

p {
    word-wrap: break-word;
    color: #666;
}

a {
    opacity: 1;
    text-decoration: none;
    -webkit-transition: color 0.5s, all 0.5s;
    -moz-transition: color 0.5s, all 0.5s;
    -ms-transition: color 0.5s, all 0.5s;
    -o-transition: color 0.5s, all 0.5s;
    transition: color 0.5s, all 0.5s;
}

em, i {
    font-style: normal
}

li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: normal;
    color: #333;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 28px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 20px;
}


/*去除谷歌核心浏览器的 video下载按钮*/
video::-internal-media-controls-download-button {
    display: none;
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

/*清除浮动*/
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.clearfix {
    zoom: 1
}

.img_box {
    position: relative;
    overflow: hidden;
}

em,
i,
b{
    font-weight: normal;
    font-style: normal;
}




.overflow {
    overflow: hidden;
}

/* Slider css*/
.slick-slider {
    outline: none;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

.slick-slide:focus {
    outline: none;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-prev,
.slick-next {
    display: block;
    position: absolute;
    top: 50%;
    height: 40px;
    width: 40px;
    padding: 0;
    font-size: 0;
    line-height: 0;

    /*居中*/
    margin-top: -20px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 1000;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.slick-prev {
    left: 0;
}

.slick-prev:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 40px;
    content: "←";
    color: #000;
    font-size: 18px;
}

.slick-next {
    right: 0;
}

.slick-next:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 40px;
    content: "→";
    color: #000;
    font-size: 18px;
}

/*dots*/
.slick-dots {
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
    z-index: 999;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    *display: inline;
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0 4px;
    background: red;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    zoom: 1;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background-color: transparent;
}

.slick-dots li.slick-active {
    background-color: #ffffff;
}

.slick-dots li a {
    font-size: 0;
    color: transparent;
    outline: none;
}

/*normal*/
.pull_right {
    float: right;
}

.pull_left {
    float: left;
}

.relative {
    position: relative;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.text_left {
    text-align: left;
}

/*reset end*/

/*frame*/
.container {
    width: 1220px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.container_1200 {
    width: 1200px;
    margin: auto;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
    *margin-right: 0px;
    *margin-left: 0px;
}

.col_box {
    *margin-left: 10px;
    *margin-right: 10px;
}

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

}

.container:after,
.container_1200:after,
.row:after {
    clear: both;
}

*:before,
*:after,
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.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,
.col_xs_13, .col_sm_13, .col_md_13, .col_lg_13,
.col_xs_14, .col_sm_14, .col_md_14, .col_lg_14,
.col_xs_15, .col_sm_15, .col_md_15, .col_lg_15,
.col_xs_16, .col_sm_16, .col_md_16, .col_lg_16,
.col_xs_17, .col_sm_17, .col_md_17, .col_lg_17,
.col_xs_18, .col_sm_18, .col_md_18, .col_lg_18,
.col_xs_19, .col_sm_19, .col_md_19, .col_lg_19,
.col_xs_20, .col_sm_20, .col_md_20, .col_lg_20,
.col_xs_21, .col_sm_21, .col_md_21, .col_lg_21,
.col_xs_22, .col_sm_22, .col_md_22, .col_lg_22,
.col_xs_23, .col_sm_23, .col_md_23, .col_lg_23,
.col_xs_24, .col_sm_24, .col_md_24, .col_lg_24,
.col_lg_1_5, .col_lg_1_9, .col_lg_1_10
{
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    *padding-right: 0px;
    *padding-left: 0px;
}

.col_lg_1, .col_lg_2, .col_lg_3, .col_lg_4, .col_lg_5, .col_lg_6, .col_lg_7, .col_lg_8, .col_lg_9, .col_lg_10, .col_lg_11, .col_lg_12, .col_lg_13, .col_lg_14, .col_lg_15, .col_lg_16, .col_lg_17, .col_lg_18, .col_lg_19, .col_lg_20, .col_lg_21, .col_lg_22, .col_lg_23, .col_lg_24, .col_lg_1_5, .col_lg_1_9, .col_lg_1_10{
    float: left;
}

.col_lg_24 {
    width: 100%;
}

.col_lg_23 {
    width: 95.83333333%;
}

.col_lg_22 {
    width: 91.66666667%;
}

.col_lg_21 {
    width: 87.5%;
}

.col_lg_20 {
    width: 83.33333333%;
}

.col_lg_19 {
    width: 79.16666667%;
}

.col_lg_18 {
    width: 75%;
}

.col_lg_17 {
    width: 70.83333333%;
}

.col_lg_16 {
    width: 66.66666667%;
}

.col_lg_15 {
    width: 62.5%;
}

.col_lg_14 {
    width: 58.33333333%;
}

.col_lg_13 {
    width: 54.16666667%;
}

.col_lg_12 {
    width: 50%;
}

.col_lg_11 {
    width: 45.83333333%;
}

.col_lg_10 {
    width: 41.66666667%;
}

.col_lg_9 {
    width: 37.5%;
}

.col_lg_8 {
    width: 25%;
}

.col_lg_7 {
    width: 29.16666667%;
}

.col_lg_6 {
    width: 25%;
}

.col_lg_5 {
    width: 20.83333333%;
}

.col_lg_4 {
    width: 16.66666667%;
}

.col_lg_3 {
    width: 12.5%;
}

.col_lg_2 {
    width: 8.33333333%;
}

.col_lg_1 {
    width: 4.16666667%;
}
.col_lg_1_5 {
    width: 20%;
}
.col_lg_1_9 {
    width: 11.11111%;
}
.col_lg_1_10 {
    width: 10%;
}
/*列排序*/
.col_lg_pull_24 {
    right: 100%;
}

.col_lg_pull_23 {
    width: 95.83333333%;
}

.col_lg_pull_22 {
    right: 91.66666667%;
}

.col_lg_pull_21 {
    right: 87.5%;
}

.col_lg_pull_20 {
    right: 83.33333333%;
}

.col_lg_pull_19 {
    right: 79.16666667%;
}

.col_lg_pull_18 {
    right: 75%;
}

.col_lg_pull_17 {
    right: 70.83333333%;
}

.col_lg_pull_16 {
    right: 66.66666667%;
}

.col_lg_pull_15 {
    right: 62.5%;
}

.col_lg_pull_14 {
    right: 58.33333333%;
}

.col_lg_pull_13 {
    right: 54.16666667%;
}

.col_lg_pull_12 {
    right: 50%;
}

.col_lg_pull_11 {
    right: 45.83333333%;
}

.col_lg_pull_10 {
    right: 41.66666667%;
}

.col_lg_pull_9 {
    right: 37.5%;
}

.col_lg_pull_8 {
    right: 33.33333333%;
}

.col_lg_pull_7 {
    right: 29.16666667%;
}

.col_lg_pull_6 {
    right: 25%;
}

.col_lg_pull_5 {
    right: 20.83333333%;
}

.col_lg_pull_4 {
    right: 16.66666667%;
}

.col_lg_pull_3 {
    right: 12.5%;
}

.col_lg_pull_2 {
    right: 8.33333333%;
}

.col_lg_pull_1 {
    right: 4.16666667%;
}

.col_lg_pull_0 {
    right: auto;
}

.col_lg_push_24 {
    left: 100%;
}

.col_lg_push_23 {
    left: 95.83333333%;
}

.col_lg_push_22 {
    left: 91.66666667%;
}

.col_lg_push_21 {
    left: 87.5%;
}

.col_lg_push_20 {
    left: 83.33333333%;
}

.col_lg_push_19 {
    left: 79.16666667%;
}

.col_lg_push_18 {
    left: 75%;
}

.col_lg_push_17 {
    left: 70.83333333%;
}

.col_lg_push_16 {
    left: 66.66666667%;
}

.col_lg_push_15 {
    left: 62.5%;
}

.col_lg_push_14 {
    left: 58.33333333%;
}

.col_lg_push_13 {
    left: 54.16666667%;
}

.col_lg_push_12 {
    left: 50%;
}

.col_lg_push_11 {
    left: 45.83333333%;
}

.col_lg_push_10 {
    left: 41.66666667%;
}

.col_lg_push_9 {
    left: 37.5%;
}

.col_lg_push_8 {
    left: 33.33333333%;
}

.col_lg_push_7 {
    left: 29.16666667%;
}

.col_lg_push_6 {
    left: 25%;
}

.col_lg_push_5 {
    left: 20.83333333%;
}

.col_lg_push_4 {
    left: 16.66666667%;
}

.col_lg_push_3 {
    left: 12.5%;
}

.col_lg_push_2 {
    left: 8.33333333%;
}

.col_lg_push_1 {
    left: 4.16666667%;
}

.col_lg_push_0 {
    left: auto;
}

.col_lg_offset_24 {
    margin-left: 100%;
}

.col_lg_offset_23 {
    margin-left: 95.83333333%;
}

.col_lg_offset_22 {
    margin-left: 91.66666667%;
}

.col_lg_offset_21 {
    margin-left: 87.5%;
}

.col_lg_offset_20 {
    margin-left: 83.33333333%;
}

.col_lg_offset_19 {
    margin-left: 79.16666667%;
}

.col_lg_offset_18 {
    margin-left: 75%;
}

.col_lg_offset_17 {
    margin-left: 70.83333333%;
}

.col_lg_offset_16 {
    margin-left: 66.66666667%;
}

.col_lg_offset_15 {
    margin-left: 62.5%;
}

.col_lg_offset_14 {
    margin-left: 58.33333333%;
}

.col_lg_offset_13 {
    margin-left: 54.16666667%;
}

.col_lg_offset_12 {
    margin-left: 50%;
}

.col_lg_offset_11 {
    margin-left: 45.83333333%;
}

.col_lg_offset_10 {
    margin-left: 41.66666667%;
}

.col_lg_offset_9 {
    margin-left: 37.5%;
}

.col_lg_offset_8 {
    margin-left: 33.33333333%;
}

.col_lg_offset_7 {
    margin-left: 29.16666667%;
}

.col_lg_offset_6 {
    margin-left: 25%;
}

.col_lg_offset_5 {
    margin-left: 20.83333333%;
}

.col_lg_offset_4 {
    margin-left: 16.66666667%;
}

.col_lg_offset_3 {
    margin-left: 12.5%;
}

.col_lg_offset_2 {
    margin-left: 8.33333333%;
}

.col_lg_offset_1 {
    margin-left: 4.16666667%;
}

/*frame end*/


/*frame自适应*/
@media (max-width: 1200px) {
    .container,
    .container_1200{
        width: 100%;
    }
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
}
/*col_md_num*/
@media (max-width: 1200px) {
    .col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12, .col_md_13, .col_md_14, .col_md_15, .col_md_16, .col_md_17, .col_md_18, .col_md_19, .col_md_20, .col_md_21, .col_md_22, .col_md_23, .col_md_24{
        float: left;
    }

    .col_md_24 {
        width: 100%;
    }
    .col_md_23 {
        width: 95.83333333%;
    }
    .col_md_22 {
        width: 91.66666667%;
    }
    .col_md_21 {
        width: 87.5%;
    }
    .col_md_20 {
        width: 83.33333333%;
    }
    .col_md_19 {
        width: 79.16666667%;
    }
    .col_md_18 {
        width: 75%;
    }
    .col_md_17 {
        width: 70.83333333%;
    }
    .col_md_16 {
        width: 66.66666667%;
    }
    .col_md_15 {
        width: 62.5%;
    }
    .col_md_14 {
        width: 58.33333333%;
    }
    .col_md_13 {
        width: 54.16666667%;
    }
    .col_md_12 {
        width: 50%;
    }
    .col_md_11 {
        width: 45.83333333%;
    }
    .col_md_10 {
        width: 41.66666667%;
    }
    .col_md_9 {
        width: 37.5%;
    }
    .col_md_8 {
        width: 33.33333333%;
    }
    .col_md_7 {
        width: 29.16666667%;
    }
    .col_md_6 {
        width: 25%;
    }
    .col_md_5 {
        width: 20.83333333%;
    }
    .col_md_4 {
        width: 16.66666667%;
    }
    .col_md_3 {
        width: 12.5%;
    }
    .col_md_2 {
        width: 8.33333333%;
    }
    .col_md_1 {
        width: 4.16666667%;
    }

    /*列排序*/
    .col_md_pull_24 {
        right: 100%;
    }
    .col_md_pull_23 {
        width: 95.83333333%;
    }
    .col_md_pull_22 {
        right: 91.66666667%;
    }
    .col_md_pull_21 {
        right: 87.5%;
    }
    .col_md_pull_20 {
        right: 83.33333333%;
    }
    .col_md_pull_19 {
        right: 79.16666667%;
    }
    .col_md_pull_18 {
        right: 75%;
    }
    .col_md_pull_17 {
        right: 70.83333333%;
    }
    .col_md_pull_16 {
        right: 66.66666667%;
    }
    .col_md_pull_15 {
        right: 62.5%;
    }
    .col_md_pull_14 {
        right: 58.33333333%;
    }
    .col_md_pull_13 {
        right: 54.16666667%;
    }
    .col_md_pull_12 {
        right: 50%;
    }
    .col_md_pull_11 {
        right: 45.83333333%;
    }
    .col_md_pull_10 {
        right: 41.66666667%;
    }
    .col_md_pull_9 {
        right: 37.5%;
    }
    .col_md_pull_8 {
        right: 33.33333333%;
    }
    .col_md_pull_7 {
        right: 29.16666667%;
    }
    .col_md_pull_6 {
        right: 25%;
    }
    .col_md_pull_5 {
        right: 20.83333333%;
    }
    .col_md_pull_4 {
        right: 16.66666667%;
    }
    .col_md_pull_3 {
        right: 12.5%;
    }
    .col_md_pull_2 {
        right: 8.33333333%;
    }
    .col_md_pull_1 {
        right: 4.16666667%;
    }
    .col_md_pull_0 {
        right: auto;
    }

    .col_md_push_24 {
        left: 100%;
    }
    .col_md_push_23 {
        left: 95.83333333%;
    }
    .col_md_push_22 {
        left: 91.66666667%;
    }
    .col_md_push_21 {
        left: 87.5%;
    }
    .col_md_push_20 {
        left: 83.33333333%;
    }
    .col_md_push_19 {
        left: 79.16666667%;
    }
    .col_md_push_18 {
        left: 75%;
    }
    .col_md_push_17 {
        left: 70.83333333%;
    }
    .col_md_push_16 {
        left: 66.66666667%;
    }
    .col_md_push_15 {
        left: 62.5%;
    }
    .col_md_push_14 {
        left: 58.33333333%;
    }
    .col_md_push_13 {
        left: 54.16666667%;
    }
    .col_md_push_12 {
        left: 50%;
    }
    .col_md_push_11 {
        left: 45.83333333%;
    }
    .col_md_push_10 {
        left: 41.66666667%;
    }
    .col_md_push_9 {
        left: 37.5%;
    }
    .col_md_push_8 {
        left: 33.33333333%;
    }
    .col_md_push_7 {
        left: 29.16666667%;
    }
    .col_md_push_6 {
        left: 25%;
    }
    .col_md_push_5 {
        left: 20.83333333%;
    }
    .col_md_push_4 {
        left: 16.66666667%;
    }
    .col_md_push_3 {
        left: 12.5%;
    }
    .col_md_push_2 {
        left: 8.33333333%;
    }
    .col_md_push_1 {
        left: 4.16666667%;
    }
    .col_md_push_0 {
        left: auto;
    }

    .col_md_offset_24 {
        margin-left: 100%;
    }
    .col_md_offset_23 {
        margin-left: 95.83333333%;
    }
    .col_md_offset_22 {
        margin-left: 91.66666667%;
    }
    .col_md_offset_21 {
        margin-left: 87.5%;
    }
    .col_md_offset_20 {
        margin-left: 83.33333333%;
    }
    .col_md_offset_19 {
        margin-left: 79.16666667%;
    }
    .col_md_offset_18 {
        margin-left: 75%;
    }
    .col_md_offset_17 {
        margin-left: 70.83333333%;
    }
    .col_md_offset_16 {
        margin-left: 66.66666667%;
    }
    .col_md_offset_15 {
        margin-left: 62.5%;
    }
    .col_md_offset_14 {
        margin-left: 58.33333333%;
    }
    .col_md_offset_13 {
        margin-left: 54.16666667%;
    }
    .col_md_offset_12 {
        margin-left: 50%;
    }
    .col_md_offset_11 {
        margin-left: 45.83333333%;
    }
    .col_md_offset_10 {
        margin-left: 41.66666667%;
    }
    .col_md_offset_9 {
        margin-left: 37.5%;
    }
    .col_md_offset_8 {
        margin-left: 33.33333333%;
    }
    .col_md_offset_7 {
        margin-left: 29.16666667%;
    }
    .col_md_offset_6 {
        margin-left: 25%;
    }
    .col_md_offset_5 {
        margin-left: 20.83333333%;
    }
    .col_md_offset_4 {
        margin-left: 16.66666667%;
    }
    .col_md_offset_3 {
        margin-left: 12.5%;
    }
    .col_md_offset_2 {
        margin-left: 8.33333333%;
    }
    .col_md_offset_1 {
        margin-left: 4.16666667%;
    }

}

/*col_sm_num*/
@media (max-width: 992px) {
    .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12, .col_sm_13, .col_sm_14, .col_sm_15, .col_sm_16, .col_sm_17, .col_sm_18, .col_sm_19, .col_sm_20, .col_sm_21, .col_sm_22, .col_sm_23, .col_sm_24{
        float: left;
    }

    .col_sm_24 {
        width: 100%;
    }
    .col_sm_23 {
        width: 95.83333333%;
    }
    .col_sm_22 {
        width: 91.66666667%;
    }
    .col_sm_21 {
        width: 87.5%;
    }
    .col_sm_20 {
        width: 83.33333333%;
    }
    .col_sm_19 {
        width: 79.16666667%;
    }
    .col_sm_18 {
        width: 75%;
    }
    .col_sm_17 {
        width: 70.83333333%;
    }
    .col_sm_16 {
        width: 66.66666667%;
    }
    .col_sm_15 {
        width: 62.5%;
    }
    .col_sm_14 {
        width: 58.33333333%;
    }
    .col_sm_13 {
        width: 54.16666667%;
    }
    .col_sm_12 {
        width: 50%;
    }
    .col_sm_11 {
        width: 45.83333333%;
    }
    .col_sm_10 {
        width: 41.66666667%;
    }
    .col_sm_9 {
        width: 37.5%;
    }
    .col_sm_8 {
        width: 33.33333333%;
    }
    .col_sm_7 {
        width: 29.16666667%;
    }
    .col_sm_6 {
        width: 25%;
    }
    .col_sm_5 {
        width: 20.83333333%;
    }
    .col_sm_4 {
        width: 16.66666667%;
    }
    .col_sm_3 {
        width: 12.5%;
    }
    .col_sm_2 {
        width: 8.33333333%;
    }
    .col_sm_1 {
        width: 4.16666667%;
    }

    /*列排序*/
    .col_sm_pull_24 {
        right: 100%;
    }
    .col_sm_pull_23 {
        width: 95.83333333%;
    }
    .col_sm_pull_22 {
        right: 91.66666667%;
    }
    .col_sm_pull_21 {
        right: 87.5%;
    }
    .col_sm_pull_20 {
        right: 83.33333333%;
    }
    .col_sm_pull_19 {
        right: 79.16666667%;
    }
    .col_sm_pull_18 {
        right: 75%;
    }
    .col_sm_pull_17 {
        right: 70.83333333%;
    }
    .col_sm_pull_16 {
        right: 66.66666667%;
    }
    .col_sm_pull_15 {
        right: 62.5%;
    }
    .col_sm_pull_14 {
        right: 58.33333333%;
    }
    .col_sm_pull_13 {
        right: 54.16666667%;
    }
    .col_sm_pull_12 {
        right: 50%;
    }
    .col_sm_pull_11 {
        right: 45.83333333%;
    }
    .col_sm_pull_10 {
        right: 41.66666667%;
    }
    .col_sm_pull_9 {
        right: 37.5%;
    }
    .col_sm_pull_8 {
        right: 33.33333333%;
    }
    .col_sm_pull_7 {
        right: 29.16666667%;
    }
    .col_sm_pull_6 {
        right: 25%;
    }
    .col_sm_pull_5 {
        right: 20.83333333%;
    }
    .col_sm_pull_4 {
        right: 16.66666667%;
    }
    .col_sm_pull_3 {
        right: 12.5%;
    }
    .col_sm_pull_2 {
        right: 8.33333333%;
    }
    .col_sm_pull_1 {
        right: 4.16666667%;
    }
    .col_sm_pull_0 {
        right: auto;
    }

    .col_sm_push_24 {
        left: 100%;
    }
    .col_sm_push_23 {
        left: 95.83333333%;
    }
    .col_sm_push_22 {
        left: 91.66666667%;
    }
    .col_sm_push_21 {
        left: 87.5%;
    }
    .col_sm_push_20 {
        left: 83.33333333%;
    }
    .col_sm_push_19 {
        left: 79.16666667%;
    }
    .col_sm_push_18 {
        left: 75%;
    }
    .col_sm_push_17 {
        left: 70.83333333%;
    }
    .col_sm_push_16 {
        left: 66.66666667%;
    }
    .col_sm_push_15 {
        left: 62.5%;
    }
    .col_sm_push_14 {
        left: 58.33333333%;
    }
    .col_sm_push_13 {
        left: 54.16666667%;
    }
    .col_sm_push_12 {
        left: 50%;
    }
    .col_sm_push_11 {
        left: 45.83333333%;
    }
    .col_sm_push_10 {
        left: 41.66666667%;
    }
    .col_sm_push_9 {
        left: 37.5%;
    }
    .col_sm_push_8 {
        left: 33.33333333%;
    }
    .col_sm_push_7 {
        left: 29.16666667%;
    }
    .col_sm_push_6 {
        left: 25%;
    }
    .col_sm_push_5 {
        left: 20.83333333%;
    }
    .col_sm_push_4 {
        left: 16.66666667%;
    }
    .col_sm_push_3 {
        left: 12.5%;
    }
    .col_sm_push_2 {
        left: 8.33333333%;
    }
    .col_sm_push_1 {
        left: 4.16666667%;
    }
    .col_sm_push_0 {
        left: auto;
    }

    .col_sm_offset_24 {
        margin-left: 100%;
    }
    .col_sm_offset_23 {
        margin-left: 95.83333333%;
    }
    .col_sm_offset_22 {
        margin-left: 91.66666667%;
    }
    .col_sm_offset_21 {
        margin-left: 87.5%;
    }
    .col_sm_offset_20 {
        margin-left: 83.33333333%;
    }
    .col_sm_offset_19 {
        margin-left: 79.16666667%;
    }
    .col_sm_offset_18 {
        margin-left: 75%;
    }
    .col_sm_offset_17 {
        margin-left: 70.83333333%;
    }
    .col_sm_offset_16 {
        margin-left: 66.66666667%;
    }
    .col_sm_offset_15 {
        margin-left: 62.5%;
    }
    .col_sm_offset_14 {
        margin-left: 58.33333333%;
    }
    .col_sm_offset_13 {
        margin-left: 54.16666667%;
    }
    .col_sm_offset_12 {
        margin-left: 50%;
    }
    .col_sm_offset_11 {
        margin-left: 45.83333333%;
    }
    .col_sm_offset_10 {
        margin-left: 41.66666667%;
    }
    .col_sm_offset_9 {
        margin-left: 37.5%;
    }
    .col_sm_offset_8 {
        margin-left: 33.33333333%;
    }
    .col_sm_offset_7 {
        margin-left: 29.16666667%;
    }
    .col_sm_offset_6 {
        margin-left: 25%;
    }
    .col_sm_offset_5 {
        margin-left: 20.83333333%;
    }
    .col_sm_offset_4 {
        margin-left: 16.66666667%;
    }
    .col_sm_offset_3 {
        margin-left: 12.5%;
    }
    .col_sm_offset_2 {
        margin-left: 8.33333333%;
    }
    .col_sm_offset_1 {
        margin-left: 4.16666667%;
    }
}

/*col_xs_num*/
@media (max-width: 767px) {
    .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, .col_xs_13, .col_xs_14, .col_xs_15, .col_xs_16, .col_xs_17, .col_xs_18, .col_xs_19, .col_xs_20, .col_xs_21, .col_xs_22, .col_xs_23, .col_xs_24{
        float: left;
    }

    .col_xs_24 {
        width: 100%;
    }
    .col_xs_23 {
        width: 95.83333333%;
    }
    .col_xs_22 {
        width: 91.66666667%;
    }
    .col_xs_21 {
        width: 87.5%;
    }
    .col_xs_20 {
        width: 83.33333333%;
    }
    .col_xs_19 {
        width: 79.16666667%;
    }
    .col_xs_18 {
        width: 75%;
    }
    .col_xs_17 {
        width: 70.83333333%;
    }
    .col_xs_16 {
        width: 66.66666667%;
    }
    .col_xs_15 {
        width: 62.5%;
    }
    .col_xs_14 {
        width: 58.33333333%;
    }
    .col_xs_13 {
        width: 54.16666667%;
    }
    .col_xs_12 {
        width: 50%;
    }
    .col_xs_11 {
        width: 45.83333333%;
    }
    .col_xs_10 {
        width: 41.66666667%;
    }
    .col_xs_9 {
        width: 37.5%;
    }
    .col_xs_8 {
        width: 33.33333333%;
    }
    .col_xs_7 {
        width: 29.16666667%;
    }
    .col_xs_6 {
        width: 25%;
    }
    .col_xs_5 {
        width: 20.83333333%;
    }
    .col_xs_4 {
        width: 16.66666667%;
    }
    .col_xs_3 {
        width: 12.5%;
    }
    .col_xs_2 {
        width: 8.33333333%;
    }
    .col_xs_1 {
        width: 4.16666667%;
    }

    /*列排序*/
    .col_xs_pull_24 {
        right: 100%;
    }
    .col_xs_pull_23 {
        width: 95.83333333%;
    }
    .col_xs_pull_22 {
        right: 91.66666667%;
    }
    .col_xs_pull_21 {
        right: 87.5%;
    }
    .col_xs_pull_20 {
        right: 83.33333333%;
    }
    .col_xs_pull_19 {
        right: 79.16666667%;
    }
    .col_xs_pull_18 {
        right: 75%;
    }
    .col_xs_pull_17 {
        right: 70.83333333%;
    }
    .col_xs_pull_16 {
        right: 66.66666667%;
    }
    .col_xs_pull_15 {
        right: 62.5%;
    }
    .col_xs_pull_14 {
        right: 58.33333333%;
    }
    .col_xs_pull_13 {
        right: 54.16666667%;
    }
    .col_xs_pull_12 {
        right: 50%;
    }
    .col_xs_pull_11 {
        right: 45.83333333%;
    }
    .col_xs_pull_10 {
        right: 41.66666667%;
    }
    .col_xs_pull_9 {
        right: 37.5%;
    }
    .col_xs_pull_8 {
        right: 33.33333333%;
    }
    .col_xs_pull_7 {
        right: 29.16666667%;
    }
    .col_xs_pull_6 {
        right: 25%;
    }
    .col_xs_pull_5 {
        right: 20.83333333%;
    }
    .col_xs_pull_4 {
        right: 16.66666667%;
    }
    .col_xs_pull_3 {
        right: 12.5%;
    }
    .col_xs_pull_2 {
        right: 8.33333333%;
    }
    .col_xs_pull_1 {
        right: 4.16666667%;
    }
    .col_xs_pull_0 {
        right: auto;
    }

    .col_xs_push_24 {
        left: 100%;
    }
    .col_xs_push_23 {
        left: 95.83333333%;
    }
    .col_xs_push_22 {
        left: 91.66666667%;
    }
    .col_xs_push_21 {
        left: 87.5%;
    }
    .col_xs_push_20 {
        left: 83.33333333%;
    }
    .col_xs_push_19 {
        left: 79.16666667%;
    }
    .col_xs_push_18 {
        left: 75%;
    }
    .col_xs_push_17 {
        left: 70.83333333%;
    }
    .col_xs_push_16 {
        left: 66.66666667%;
    }
    .col_xs_push_15 {
        left: 62.5%;
    }
    .col_xs_push_14 {
        left: 58.33333333%;
    }
    .col_xs_push_13 {
        left: 54.16666667%;
    }
    .col_xs_push_12 {
        left: 50%;
    }
    .col_xs_push_11 {
        left: 45.83333333%;
    }
    .col_xs_push_10 {
        left: 41.66666667%;
    }
    .col_xs_push_9 {
        left: 37.5%;
    }
    .col_xs_push_8 {
        left: 33.33333333%;
    }
    .col_xs_push_7 {
        left: 29.16666667%;
    }
    .col_xs_push_6 {
        left: 25%;
    }
    .col_xs_push_5 {
        left: 20.83333333%;
    }
    .col_xs_push_4 {
        left: 16.66666667%;
    }
    .col_xs_push_3 {
        left: 12.5%;
    }
    .col_xs_push_2 {
        left: 8.33333333%;
    }
    .col_xs_push_1 {
        left: 4.16666667%;
    }
    .col_xs_push_0 {
        left: auto;
    }

    .col_xs_offset_24 {
        margin-left: 100%;
    }
    .col_xs_offset_23 {
        margin-left: 95.83333333%;
    }
    .col_xs_offset_22 {
        margin-left: 91.66666667%;
    }
    .col_xs_offset_21 {
        margin-left: 87.5%;
    }
    .col_xs_offset_20 {
        margin-left: 83.33333333%;
    }
    .col_xs_offset_19 {
        margin-left: 79.16666667%;
    }
    .col_xs_offset_18 {
        margin-left: 75%;
    }
    .col_xs_offset_17 {
        margin-left: 70.83333333%;
    }
    .col_xs_offset_16 {
        margin-left: 66.66666667%;
    }
    .col_xs_offset_15 {
        margin-left: 62.5%;
    }
    .col_xs_offset_14 {
        margin-left: 58.33333333%;
    }
    .col_xs_offset_13 {
        margin-left: 54.16666667%;
    }
    .col_xs_offset_12 {
        margin-left: 50%;
    }
    .col_xs_offset_11 {
        margin-left: 45.83333333%;
    }
    .col_xs_offset_10 {
        margin-left: 41.66666667%;
    }
    .col_xs_offset_9 {
        margin-left: 37.5%;
    }
    .col_xs_offset_8 {
        margin-left: 33.33333333%;
    }
    .col_xs_offset_7 {
        margin-left: 29.16666667%;
    }
    .col_xs_offset_6 {
        margin-left: 25%;
    }
    .col_xs_offset_5 {
        margin-left: 20.83333333%;
    }
    .col_xs_offset_4 {
        margin-left: 16.66666667%;
    }
    .col_xs_offset_3 {
        margin-left: 12.5%;
    }
    .col_xs_offset_2 {
        margin-left: 8.33333333%;
    }
    .col_xs_offset_1 {
        margin-left: 4.16666667%;
    }

}