/*网站基础样式*/
@charset "utf-8";
* {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    font-size: 10px; /*10 ÷ 16 × 100% = 62.5%*/
}

body {
    font-size: 100%;
    margin: 0 auto;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
    line-height: 1.5em;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: inherit;
    vertical-align: baseline;
    font-size: 1.4rem;
    /*line-height: 1.5em;*/
    color: #444;
    color: inherit;
}
h1 {
    font-size: 4rem
}
h2 {
    font-size:3.6rem
}
h2 {
    font-size: 3rem
}
h3 {
    font-size: 2.5rem
}

h4 {
    font-size: 2.2rem
}

h5 {
    font-size: 1.8rem
}

h4 {
    font-size: 1.6rem
}
img {
    border:0px;
    max-width: 100%;
    max-height:100%;
    height: auto;
}

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

a {
    color: inherit;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color:#333;
    }

    a:focus, a:link, a:active {
        color: #333;
        outline: none;
    }

    a img {
        border-width: 0;
        border-style: none
    }


button, input, select, textarea {
    font-family: 'microsoft yahei',simsun,sans-serif
}

button, input, select {
    box-sizing: border-box
}

button {
    border: none
}

button, input[type=button], input[type=submit], select {
    cursor: pointer
}

p {
    margin: 0px;
    margin-bottom: 10px;
}

.YaHei {
    font-family: 'Microsoft YaHei' !important;
}

.SimSun {
    font-family: 'Tahoma','simsun' !important;
}

.text-bold {
    font-weight: bold;
}
.text-normal{
    font-weight:normal;
}
.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}
.overflow-hidden{overflow:hidden}

.auto-size{width:100%;height:auto}

.display-block {
    display: block
}
.display-inline-block {
    display: inline-block;
}
.display-flex{
    display: flex;
}

/* ---- basic layout ---- */

.container {
    clear: both;
    margin: 0 auto;
    width: 100%;
    _width:1200px; /*IE*/
    max-width:1200px;
}

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

    /*平均分*/
    .col-avg-5 {
        width: 20%;
    }

    .col-avg-4 {
        width: 25%;
    }

    .col-avg-3 {
        width: 33.33%;
    }

    .col-avg-2 {
        width: 50%;
    }

    .col-avg-1 {
        width: 100%;
    }

    .col-avg-5, .col-avg-4, .col-avg-3, .col-avg-2 {
        min-height: 1px;
        float: left;
        position: relative;
    }

        .col-avg-5.first, .col-avg-4.first, .col-avg-3.first, .col-avg-2.first {
            padding-left: 0px !important;
        }

        .col-avg-5.last, .col-avg-4.last, .col-avg-3.last, .col-avg-2.last {
            padding-right: 0px !important;
        }

    /* ----mobile---- */
    @media (max-width:767px) {
        .col-xs-avg-5 {
            width: 20%;
        }

        .col-xs-avg-4 {
            width: 25%;
        }

        .col-xs-avg-3 {
            width: 33.33%;
        }

        .col-xs-avg-2 {
            width: 50%;
        }

        .col-xs-avg-1 {
            width: 100%;
        }

        .col-xs-avg-5, .col-xs-avg-4, .col-xs-avg-3, .col-xs-avg-2 {
            min-height: 1px;
            float: left;
            position: relative;
        }

            .col-xs-avg-5.first, .col-xs-avg-4.first, .col-xs-avg-3.first, .col-xs-avg-2.first {
                padding-left: 0px !important;
            }

            .col-xs-avg-5.last, .col-xs-avg-4.last, .col-xs-avg-3.last, .col-xs-avg-2.last {
                padding-right: 0px !important;
            }

        .col-xs-text-center {
            text-align: center
        }

        .col-xs-text-left {
            text-align: left;
        }

        .col-xs-text-right {
            text-align: right;
        }

        .col-xs-text-justify {
            text-align: justify;
        }

        .col-xs-hidden {
            display: none;
        }

        .col-xs-block {
            display: block
        }

        .col-xs-inline-block {
            display: inline-block;
        }

        .col-xs-left {
            float: left
        }

        .col-xs-right {
            float: right
        }

        .col-xs-nofloat {
            float: none;
        }
    }
    /* ----ipad ---- */
    @media (min-width:768px) and (max-width:1199px) {
        .col-sm-avg-5 {
            width: 20%;
        }

        .col-sm-avg-4 {
            width: 25%;
        }

        .col-sm-avg-3 {
            width: 33.33%;
        }

        .col-sm-avg-2 {
            width: 50%;
        }

        .col-sm-avg-1 {
            width: 100%;
        }

        .col-sm-avg-5, .col-sm-avg-4, .col-sm-avg-3, .col-sm-avg-2 {
            min-height: 1px;
            float: left;
            position: relative;
        }

            .col-sm-avg-5.first, .col-sm-avg-4.first, .col-sm-avg-3.first, .col-sm-avg-2.first {
                padding-left: 0px !important;
            }

            .col-sm-avg-5.last, .col-sm-avg-4.last, .col-sm-avg-3.last, .col-sm-avg-2.last {
                padding-right: 0px !important;
            }

        .col-sm-text-center {
            text-align: center
        }

        .col-sm-text-left {
            text-align: left;
        }

        .col-sm-text-right {
            text-align: right;
        }

        .col-sm-text-justify {
            text-align: justify;
        }

        .col-sm-hidden {
            display: none;
        }

        .col-sm-block {
            display: block
        }

        .col-sm-inline-block {
            display: inline-block;
        }

        .col-sm-left {
            float: left
        }

        .col-sm-right {
            float: right
        }

        .col-sm-nofloat {
            float: none;
        }
    }

    /* ----pc---- */
    @media (min-width:1200px) {

        .col-lg-avg-5 {
            width: 20%;
        }

        .col-lg-avg-4 {
            width: 25%;
        }

        .col-lg-avg-3 {
            width: 33.33%;
        }

        .col-lg-avg-2 {
            width: 50%;
        }

        .col-lg-avg-1 {
            width: 100%;
        }

        .col-lg-avg-5, .col-lg-avg-4, .col-lg-avg-3, .col-lg-avg-2 {
            min-height: 1px;
            float: left;
            position: relative;
        }


            .col-lg-avg-5.first, .col-lg-avg-4.first, .col-lg-avg-3.first, .col-lg-avg-2.first {
                padding-left: 0px !important;
            }

            .col-lg-avg-5.last, .col-lg-avg-4.last, .col-lg-avg-3.last, .col-lg-avg-2.last {
                padding-right: 0px !important;
            }

        .col-lg-text-center {
            text-align: center
        }

        .col-lg-text-left {
            text-align: left;
        }

        .col-lg-text-right {
            text-align: right;
        }

        .col-lg-text-justify {
            text-align: justify;
        }

        .col-lg-hidden {
            display: none;
        }

        .col-lg-block {
            display: block
        }

        .col-lg-inline-block {
            display: inline-block;
        }

        .col-lg-left {
            float: left
        }

        .col-lg-right {
            float: right
        }

        .col-lg-nofloat {
            float: none;
        }
    }
    /* ---- color ---- */
    .white-color {
        color: #fff;
    }

    .grayLight-color {
        color: #eeeeee;
    }

    .gray-color {
        color: #999;
    }

    .grayDark-color {
        color: #666;
    }

    .black-color {
        color: #333333;
    }

    .red-color {
        color: #ff0000;
    }

    .blue-color {
        color: #223066;
    }

    .green-color {
        color: #26c281;
    }

    .greenLight-color {
        color: #71843f;
    }

    .yellow-color {
        color: #fc6;
    }

    .orange-color {
        color: #f4b162;
    }

    .purple-color {
        color: #af91e1;
    }

    .pink-color {
        color: #f78db8;
    }

    .lime-color {
        color: #a8db43;
    }

    .magenta-color {
        color: #e65097;
    }

    .teal-color {
        color: #97d3c5;
    }

    .brown-color {
        color: #d1b993;
    }

    .error-color {
        color: #ff5454
    }

    .warning-color {
        color: #fabb3d
    }

    .success-color {
        color: #79c447
    }

    /* ---- list ---- */
    ul, ol, dl {
        font: normal 15px/26px "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-bottom: 8px;
        list-style-position: inside;
        list-style: none;
    }

        ul li ul, ul li ol {
            margin-left: 15px;
            margin-bottom: 0;
        }

        ul.square {
            list-style-type: square;
        }

        ul.circle {
            list-style-type: circle;
        }

        ul.disc {
            list-style-type: disc;
        }

        ul.no-bullet {
            list-style: none;
        }

            ul.square li ul, ul.circle li ul, ul.disc li ul, ul.no-bullet li ul {
                margin-left: 15px;
            }

        ol li ul, ol li ol {
            margin-left: 20px;
            margin-bottom: 0;
        }

        dl dt {
            line-height: 24px;
        }

        dl dd {
            margin-left: 15px;
        }

    .dl-horizontal {
        *zoom: 1;
        margin: 15px 0 0 0;
    }

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

        .dl-horizontal:after {
            clear: both
        }

        .dl-horizontal dt {
            float: left;
            width: 90px;
            overflow: hidden;
            clear: left;
            text-align: right;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding: 0;
            margin: 5px 0 5px 0;
            line-height: 28px;
            color: #333;
        }

        .dl-horizontal dd {
            padding: 5px 0;
            line-height: 28px;
            margin-left: 110px;
            color: #333;
        }

            .dl-horizontal dd span {
                font-weight: bold;
                color: #00589e;
            }

    /* ---- Table ---- */
    table {
        width: 100%;
        border: solid #ccc 1px;
        border-left: none;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        vertical-align: middle;
    }

    td, th {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        padding: 10px 15px;
        text-align: center;
        vertical-align: middle;
    }

    th {
        background-color: #f0f0f0;
        box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
        border-top: none;
        text-shadow: 0 1px 0 rgba(255,255,255,.5);
        font-size: 0.875rem;
        line-height: 24px;
        text-align: center;
        vertical-align: central;
    }

    td {
        vertical-align: central;
        font-size: 14px;
    }

    table tr:first-child th:first-child {
        padding: 15px 10px;
        border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
    }

    table tr:first-child th:last-child {
        padding: 15px 10px;
        border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
    }

    table tr:last-child td:first-child {
        border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
    }

    table tr:last-child td:last-child {
        border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
    }

    table tr.even td {
        background-color: #fafafa;
    }


    /*-----line-height-----*/
    .line-height-1 {
        line-height: 1
    }

    .line-height-1-2 {
        line-height: 1.2
    }

    .line-height-1-4 {
        line-height: 1.4
    }

    .line-height-1-6 {
        line-height: 1.6
    }

    .line-height-1-8 {
        line-height: 1.8
    }

    .line-height-2 {
        line-height: 2
    }

    .line-height-2-4 {
        line-height: 2.4
    }

    .line-height-2-6 {
        line-height: 2.6
    }

    .line-height-2-8 {
        line-height: 2.8
    }

    .line-height-3 {
        line-height: 3
    }

    .line-height-3-4 {
        line-height: 3.4
    }

    .line-height-3-6 {
        line-height: 3.6
    }

    .line-height-3-8 {
        line-height: 3.8
    }

    .line-height-4 {
        line-height: 4
    }

    .line-height-4-5 {
        line-height: 4.5
    }

    .line-height-5 {
        line-height: 5
    }

    .line-height-5-5 {
        line-height: 5.5
    }

    .line-height-6 {
        line-height: 6
    }

    .line-height-6-5 {
        line-height: 6.5
    }

    .line-height7 {
        line-height: 7
    }

    .line-height7-5 {
        line-height: 7.5
    }

    .line-height-8 {
        line-height: 8
    }

    .line-height-8-5 {
        line-height: 8.5
    }

    .line-height-9 {
        line-height: 9
    }
    /*-----font-fs-----*/
    .font-size-0 {
        font-size: 0rem;
    }

    .font-size-0-5 {
        font-size: 0.5rem;
    }

    .font-size-0-8 {
        font-size: 0.8rem;
    }

    .font-size-1-2 {
        font-size: 1.2rem;
    }

    .font-size-1-5 {
        font-size: 1.5rem;
    }

    .font-size-1-8 {
        font-size: 1.8rem
    }

    .font-size-2 {
        font-size: 2rem
    }

    .font-size-2-2 {
        font-size: 2.2rem
    }

    .font-size-2-5 {
        font-size: 2.5rem
    }

    .font-size-2-8 {
        font-size: 2.8rem
    }



    .font-size-3 {
        font-size: 3rem
    }

    .font-size-3-2 {
        font-size: 3.2rem;
    }

    .font-size-3-5 {
        font-size: 3.5rem;
    }

    .font-size-3-8 {
        font-size: 3.8rem;
    }

    .font-size-4 {
        font-size: 4rem;
    }

    .font-size-4-5 {
        font-size: 4.5rem;
    }

    .font-size-5 {
        font-size: 5rem;
    }

    .font-size-6 {
        font-size: 6rem
    }

    /*-----border-style-----*/
    .border {
        border: 1px solid #cccccc
    }

    .border-slide {
        border-style: solid
    }

    .border-dotted {
        border-style: dotted
    }

    .border-dashed {
        border-style: dashed
    }

    .border-double {
        border-style: double
    }
    /*-----border-color-----*/
    .border-white {
        border-color: #fff;
    }

    .border-grayLight {
        border-color: #eee;
    }

    .border-gray {
        border-color: #ccc;
    }

    .border-grayDark {
        border-color: #999;
    }

    .borderd-blackLight {
        border-color: #666;
    }

    .border-bottomlack {
        border-color: #333;
    }

    .border-bottomlackDark {
        border-color: #000;
    }

    /*-----border-width-----*/

    .border-0 {
        border-width: 0px;
    }

    ..border-topop-0 {
        border-top-width: 0px;
    }

    .border-right-0 {
        border-right-width: 0px;
    }

    .border-bottom-0 {
        border-bottom-width: 0px;
    }

    ..border-left-0 {
        border-left-width: 0px;
    }

    .border-1 {
        border-width: 1px;
    }

    ..border-top-1 {
        border-top-width: 1px;
    }

    .border-right-1 {
        border-right-width: 1px;
    }

    .border-bottom-1 {
        border-bottom-width: 1px;
    }

    .border-left-1 {
        border-left-width: 1px;
    }

    .border-2 {
        border-width: 2px;
    }

    ..border-top-2 {
        border-top-width: 2px;
    }

    .border-right-2 {
        border-right-width: 2px;
    }

    .border-bottom-2 {
        border-bottom-width: 2px;
    }

    .border-left-2 {
        border-left-width: 2px;
    }

    /*-----pddding-----*/
    .padding-0 {
        padding: 0px;
    }

    .padding-0-2 {
        padding: 0.2rem
    }

    .padding-0-5 {
        padding: 0.5rem
    }

    .padding-0-8 {
        padding: 0.8rem
    }

    .padding-1 {
        padding: 1rem
    }


    .padding-1-2 {
        padding: 1.2rem
    }

    .padding-1-5 {
        padding: 1.5rem;
    }

    .padding-1-8 {
        padding: 1.8rem;
    }

    .padding-2 {
        padding: 2rem;
    }

    .padding-2-2 {
        padding: 2.2rem;
    }

    .padding-2-5 {
        padding: 2.5rem;
    }

    .padding-2-8 {
        padding: 2.8rem;
    }


    .padding-3 {
        padding: 3rem;
    }

    .padding-3-2 {
        padding: 3.2rem;
    }

    .padding-3-4 {
        padding: 3.4rem;
    }

    .padding-3-8 {
        padding: 3.8rem;
    }

    .padding-4 {
        padding: 4rem;
    }

    .padding-4-2 {
        padding: 4.2rem;
    }

    .padding-4-5 {
        padding: 4.5rem;
    }

    .padding-4-8 {
        padding: 4.8rem;
    }

    .padding-5 {
        padding: 5rem;
    }

    .padding-6 {
        padding: 6rem;
    }

    .padding-8 {
        padding: 8rem;
    }

    /*-----pddding-top-----*/
    .padding-top-0 {
        padding-top: 0px;
    }

    .padding-top-0-2 {
        padding-top: 0.2rem
    }

    .padding-top-0-5 {
        padding-top: 0.5rem
    }

    .padding-top-0-8 {
        padding-top: 0.8rem
    }

    .padding-top-1 {
        padding-top: 1rem
    }


    .padding-top-1-2 {
        padding-top: 1.2rem
    }

    .padding-top-1-5 {
        padding-top: 1.5rem;
    }

    .padding-top-1-8 {
        padding-top: 1.8rem;
    }

    .padding-top-2 {
        padding-top: 2rem;
    }

    .padding-top-2-2 {
        padding-top: 2.2rem;
    }

    .padding-top-2-5 {
        padding-top: 2.5rem;
    }

    .padding-top-2-8 {
        padding-top: 2.8rem;
    }


    .padding-top-3 {
        padding-top: 3rem;
    }

    .padding-top-3-2 {
        padding-top: 3.2rem;
    }

    .padding-top-3-4 {
        padding-top: 3.4rem;
    }

    .padding-top-3-8 {
        padding-top: 3.8rem;
    }

    .padding-top-4 {
        padding-top: 4rem;
    }

    .padding-top-4-2 {
        padding-top: 4.2rem;
    }

    .padding-top-4-5 {
        padding-top: 4.5rem;
    }

    .padding-top-4-8 {
        padding-top: 4.8rem;
    }

    .padding-top-5 {
        padding-top: 5rem;
    }

    .padding-top-6 {
        padding-top: 6rem;
    }

    .padding-top-8 {
        padding-top: 8rem;
    }

    /*-----pddding-right-----*/
    .padding-right-0 {
        padding-right: 0px;
    }

    .padding-right-0-2 {
        padding-right: 0.2rem
    }

    .padding-right-0-5 {
        padding-right: 0.5rem
    }

    .padding-right-0-8 {
        padding-right: 0.8rem
    }

    .padding-right-1 {
        padding-right: 1rem
    }


    .padding-right-1-2 {
        padding-right: 1.2rem
    }

    .padding-right-1-5 {
        padding-right: 1.5rem;
    }

    .padding-right-1-8 {
        padding-right: 1.8rem;
    }

    .padding-right-2 {
        padding-right: 2rem;
    }

    .padding-right-2-2 {
        padding-right: 2.2rem;
    }

    .padding-right-2-5 {
        padding-right: 2.5rem;
    }

    .padding-right-2-8 {
        padding-right: 2.8rem;
    }


    .padding-right-3 {
        padding-right: 3rem;
    }

    .padding-right-3-2 {
        padding-right: 3.2rem;
    }

    .padding-right-3-4 {
        padding-right: 3.4rem;
    }

    .padding-right-3-8 {
        padding-right: 3.8rem;
    }

    .padding-right-4 {
        padding-right: 4rem;
    }

    .padding-right-4-2 {
        padding-right: 4.2rem;
    }

    .padding-right-4-5 {
        padding-right: 4.5rem;
    }

    .padding-right-4-8 {
        padding-right: 4.8rem;
    }

    .padding-right-5 {
        padding-right: 5rem;
    }

    .padding-right-6 {
        padding-right: 6rem;
    }

    .padding-right-8 {
        padding-right: 8rem;
    }
    /*-----pddding-bottom-----*/
    .padding-bottom-0 {
        padding-bottom: 0px;
    }

    .padding-bottom-0-2 {
        padding-bottom: 0.2rem
    }

    .padding-bottom-0-5 {
        padding-bottom: 0.5rem
    }

    .padding-bottom-0-8 {
        padding-bottom: 0.8rem
    }

    .padding-bottom-1 {
        padding-bottom: 1rem
    }


    .padding-bottom-1-2 {
        padding-bottom: 1.2rem
    }

    .padding-bottom-1-5 {
        padding-bottom: 1.5rem;
    }

    .padding-bottom-1-8 {
        padding-bottom: 1.8rem;
    }

    .padding-bottom-2 {
        padding-bottom: 2rem;
    }

    .padding-bottom-2-2 {
        padding-bottom: 2.2rem;
    }

    .padding-bottom-2-5 {
        padding-bottom: 2.5rem;
    }

    .padding-bottom-2-8 {
        padding-bottom: 2.8rem;
    }


    .padding-bottom-3 {
        padding-bottom: 3rem;
    }

    .padding-bottom-3-2 {
        padding-bottom: 3.2rem;
    }

    .padding-bottom-3-4 {
        padding-bottom: 3.4rem;
    }

    .padding-bottom-3-8 {
        padding-bottom: 3.8rem;
    }

    .padding-bottom-4 {
        padding-bottom: 4rem;
    }

    .padding-bottom-4-2 {
        padding-bottom: 4.2rem;
    }

    .padding-bottom-4-5 {
        padding-bottom: 4.5rem;
    }

    .padding-bottom-4-8 {
        padding-bottom: 4.8rem;
    }

    .padding-bottom-5 {
        padding-bottom: 5rem;
    }

    .padding-bottom-6 {
        padding-bottom: 6rem;
    }

    .padding-bottom-8 {
        padding-bottom: 8rem;
    }

    /*-----pddding-left-----*/
    .padding-left-0 {
        padding-left: 0px;
    }

    .padding-left-0-2 {
        padding-left: 0.2rem
    }

    .padding-left-0-5 {
        padding-left: 0.5rem
    }

    .padding-left-0-8 {
        padding-left: 0.8rem
    }

    .padding-left-1 {
        padding-left: 1rem
    }


    .padding-left-1-2 {
        padding-left: 1.2rem
    }

    .padding-left-1-5 {
        padding-left: 1.5rem;
    }

    .padding-left-1-8 {
        padding-left: 1.8rem;
    }

    .padding-left-2 {
        padding-left: 2rem;
    }

    .padding-left-2-2 {
        padding-left: 2.2rem;
    }

    .padding-left-2-5 {
        padding-left: 2.5rem;
    }

    .padding-left-2-8 {
        padding-left: 2.8rem;
    }


    .padding-left-3 {
        padding-left: 3rem;
    }

    .padding-left-3-2 {
        padding-left: 3.2rem;
    }

    .padding-left-3-4 {
        padding-left: 3.4rem;
    }

    .padding-left-3-8 {
        padding-left: 3.8rem;
    }

    .padding-left-4 {
        padding-left: 4rem;
    }

    .padding-left-4-2 {
        padding-left: 4.2rem;
    }

    .padding-left-4-5 {
        padding-left: 4.5rem;
    }

    .padding-left-4-8 {
        padding-left: 4.8rem;
    }

    .padding-left-5 {
        padding-left: 5rem;
    }

    .padding-left-6 {
        padding-left: 6rem;
    }

    .padding-left-8 {
        padding-left: 8rem;
    }

    /*top*/
    .top-0 {
        top: 0rem
    }

    .top-0-2 {
        top: 0.2rem
    }

    .top-0-5 {
        top: 0.5rem
    }

    .top-0-8 {
        top: 0.8rem
    }

    .top-1 {
        top: 1rem
    }

    .top-1-2 {
        top: 1.2rem
    }

    .top-1-5 {
        top: 1.5rem
    }

    .top-1-8 {
        top: 1.8rem
    }

    .top-2 {
        top: 2rem
    }

    .top-3 {
        top: 3rem
    }

    .top-4 {
        top: 4rem
    }
    /*right*/
    .right-0 {
        right: 0rem
    }

    .right-0-2 {
        right: 0.2rem
    }

    .right-0-5 {
        right: 0.5rem
    }

    .right-0-8 {
        right: 0.8rem
    }

    .right-1 {
        right: 1rem
    }

    .right-1-2 {
        right: 1.2rem
    }

    .right-1-5 {
        right: 1.5rem
    }

    .right-1-8 {
        right: 1.8rem
    }

    .right-2 {
        right: 2rem
    }

    .right-3 {
        right: 3rem
    }

    .right-4 {
        right: 4rem
    }
    /*bottom*/
    .bottom-0 {
        bottom: 0rem
    }

    .bottom-0-2 {
        bottom: 0.2rem
    }

    .bottom-0-5 {
        bottom: 0.5rem
    }

    .bottom-0-8 {
        bottom: 0.8rem
    }

    .bottom-1 {
        bottom: 1rem
    }

    .bottom-1-2 {
        bottom: 1.2rem
    }

    .bottom-1-5 {
        bottom: 1.5rem
    }

    .bottom-1-8 {
        bottom: 1.8rem
    }

    .bottom-2 {
        bottom: 2rem
    }

    .bottom-3 {
        bottom: 3rem
    }

    .bottom-4 {
        bottom: 4rem
    }

    /*left*/
    .left-0 {
        left: 0rem
    }

    .left-0-2 {
        left: 0.2rem
    }

    .left-0-5 {
        left: 0.5rem
    }

    .left-0-8 {
        left: 0.8rem
    }

    .left-1 {
        left: 1rem
    }

    .left-1-2 {
        left: 1.2rem
    }

    .left-1-5 {
        left: 1.5rem
    }

    .left-1-8 {
        left: 1.8rem
    }

    .left-2 {
        left: 2rem
    }

    .left-3 {
        left: 3rem
    }

    .left-4 {
        left: 4rem
    }

    /*opacity*/
    .opacity-0 {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .opacity-1 {
        opacity: 0.1;
        filter: alpha(opacity=10);
    }

    .opacity-2 {
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

    .opacity-3 {
        opacity: 0.3;
        filter: alpha(opacity=30);
    }

    .opacity-4 {
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

    .opacity-5 {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .opacity-6 {
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    .opacity-7 {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .opacity-8 {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    .opacity-9 {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .opacity-10 {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    /*z-index*/
    .z-index-0 {
        z-index: 0;
    }

    .z-index-1 {
        z-index: 1;
    }

    .z-index-2 {
        z-index: 2;
    }

    .z-index-3 {
        z-index: 3;
    }

    .z-index-4 {
        z-index: 4;
    }

    .z-index-5 {
        z-index: 5;
    }

    .z-index-6 {
        z-index: 6;
    }

    .z-index-7 {
        z-index: 7;
    }

    .z-index-8 {
        z-index: 8;
    }

    .z-index-9 {
        z-index: 9;
    }

    .z-index-10 {
        z-index: 10;
    }



.transition {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
}

/*360度旋转*/
.rotate360:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
    /*放大*/
    .scale1-2:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }

    .scale1-5:hover {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
    }

    .scale2:hover {
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        -ms-transform: scale(2);
    }

    /*移动*/
    .translate-top:hover {
        transform: translate(0,-20px);
        -webkit-transform: translate(0,-20px);
        -moz-transform: translate(0,-20px);
        -o-transform: translate(0,-20px);
        -ms-transform: translate(0,-20px);
    }

    .translate-bottom:hover {
        transform: translate(0,20px);
        -webkit-transform: translate(0,20px);
        -moz-transform: translate(0,20px);
        -o-transform: translate(0,20px);
        -ms-transform: translate(0,20px);
    }

