* {
    box-sizing: border-box;
}
.uf {
    display: -webkit-flex !important;
    display: flex !important;
}
.uf-row {
    flex-direction: row;
}

.uf-column, .uf-ver {
    flex-direction: column;
}

.uf-rev-row {
    flex-direction: row-reverse;
}

.uf-rev-column {
    flex-direction: column-reverse;
}

.uf-fh {
    width: 100%;
}

.uf-fv {
    height: 100%;
}

.uf-con {
    position: absolute;
    width: 100%;
    height: 100%;
}

.uf-ac {
    -webkit-align-items: center;
    align-items: center;
}

.uf-as {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.uf-ae {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.uf-pc {
    -webkit-justify-content: center;
    justify-content: center;
}

.uf-pe {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.uf-pj {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.uf-pa {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.uf-f1 {
    flex: 1;
}

.uf-f2 {
    position: relative;
    /*-webkit-box-flex: 2;*/
    flex: 2;
}

.uf-f3 {
    position: relative;
    flex: 3;
}

.uf-f4 {
    position: relative;
    flex: 4;
}

.fwrap-w {
    flex-wrap: wrap;
}

.uf-img {
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.uf-img1 {
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.uf-img2 {
    background-repeat: repeat-x;
    background-size: auto 100%
}

.uf-img3 {
    background-repeat: repeat-y;
    background-size: 100% auto
}

.uf-img4 {
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.uf-img5 {
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.uf-img6 {
    background-repeat: no-repeat;
    background-position: center;
}

.uf-img7 {
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.mgt-1 {
    margin-top: 1em;
}

.mgt-2 {
    margin-top: 2em;
}

.txd-line {
    text-decoration: underline
}
.txd-line-through {
    text-decoration: line-through;
}

.fwb {
    font-weight: bold
}

.wi100 {
    width: 100%
}
.wi10 {
    width: 10%;
}
.wi20 {
    width: 20%;
}
.wi25 {
    width: 25%;
}
.wi30 {
    width: 30%;
}
.wi33 {
    width: 33.33%;
}
.wi40 {
    width: 40%;
}
.wi45 {
    width: 45%;
}
.wi50 {
    width: 50%;
}
.wi55 {
    width: 55%;
}
.wi60 {
    width: 60%;
}
.wi70 {
    width: 70%;
}
.wi75 {
    width: 75%;
}
.wi85 {
    width: 85%;
}
.c-white {
    color: white;
}
.ufg-white {
    background: white;
}
.ufg-white {
    background: white;
}
.ufg-1 {
    background: #2c80d6;
}

.ufc-1 {
    color: #2c80d6
}

.ufg-2 {
    background: #b04861;
}

.ufc-2 {
    color: #b04861
}

.ufg-3 {
    background: #009587;
}

.ufc-3 {
    color: #009587
}

.ufg-4 {
    background: #50e3c2;
}

.ufc-4 {
    color: #50e3c2
}

.ufg-5 {
    background: #00bbd3;
}

.ufc-5 {
    color: #00bbd3
}

.ufg-6 {
    background: #fe5621;
}

.ufc-6 {
    color: #fe5621
}

.ufg-7 {
    background: #7538b1;
}

.ufc-7 {
    color: #7538b1
}

.ufg-8 {
    background: #8b572a;
}

.ufc-8 {
    color: #8b572a
}

.ufg-9 {
    background: #6a91f5;
}

.ufc-9 {
    color: #6a91f5
}

.ufg-10,.bgc-red {
    background: #ff0000;
}

.ufc-10,.c-red {
    color: #d0021b
}

.ufg-11 {
    background: #ecba07;
}

.ufc-11 {
    color: #ecba07
}

.ufg-12 {
    background: #4bae4f;
}

.ufc-12 {
    color: #4bae4f
}
.pr {
    position: relative;
}
.op-0 {
    opacity: 0
}
.op-05 {
    opacity: 0.5
}
.op-06 {
    opacity: 0.6
}
.op-07 {
    opacity: 0.7
}
.op-08 {
    opacity: 0.8
}
.op-09 {
    opacity: 0.9
}
.mgr-10 {
    margin-right: 10px;
}
.mgl-10 {
    margin-left: 10px;
}
.f8 {
    font-size: 8px;
}
.f12 {
    font-size: 12px;
}
.f13 {
    font-size: 13px;
}
.f14 {
    font-size: 14px;
}
.f15 {
    font-size: 15px;
}
.f16 {
    font-size: 16px;
}
.f17 {
    font-size: 17px;
}
.f18 {
    font-size: 18px;
}
.f20 {
    font-size: 20px;
}
.f22 {
    font-size: 22px;
}
.f24 {
    font-size: 22px;
}
.f26 {
    font-size: 26px;
}
.f30 {
    font-size: 30px;
}
.cp {
    cursor: pointer;
}
.word-break {
    word-break: break-all;
}
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
.tal {
    text-align: left;
}
.taj {
    text-align: justify;
}
/*2018-12-18 add*/
.fs {
    font-family: "宋体";
}
.hi100 {
    height: 100%
}
.h100vh {
    height: 100vh
}
.lhi100 {
    line-height: 100%;
}
.m-0 {
    margin: 0
}
.mt-0, .my-0 {
    margin-top: 0
}
.mr-0, .mx-0 {
    margin-right: 0
}
.mb-0, .my-0 {
    margin-bottom: 0
}
.ml-0, .mx-0 {
    margin-left: 0
}
.m-1 {
    margin: .25rem
}
.mt-1, .my-1 {
    margin-top: .25rem
}
.mr-1, .mx-1 {
    margin-right: .25rem
}
.mb-1, .my-1 {
    margin-bottom: .25rem
}
.ml-1, .mx-1 {
    margin-left: .25rem
}
.m-2 {
    margin: .5rem
}
.mt-2, .my-2 {
    margin-top: .5rem
}
.mr-1, .mx-1 {
    margin-right: .25rem
}
.mr-2, .mx-2 {
    margin-right: .5rem
}
.mb-2, .my-2 {
    margin-bottom: .5rem
}
.ml-2, .mx-2 {
    margin-left: .5rem
}
.m-3 {
    margin: 1rem
}
.mt-3, .my-3 {
    margin-top: 1rem
}
.mr-3, .mx-3 {
    margin-right: 1rem
}
.mb-3, .my-3 {
    margin-bottom: 1rem
}
.ml-3, .mx-3 {
    margin-left: 1rem
}
.m-4 {
    margin: 1.5rem
}
.mt-4, .my-4 {
    margin-top: 1.5rem
}
.mr-4, .mx-4 {
    margin-right: 1.5rem
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem
}
.ml-4, .mx-4 {
    margin-left: 1.5rem
}
.m-5 {
    margin: 3rem
}
.mt-5, .my-5 {
    margin-top: 3rem
}
.mr-5, .mx-5 {
    margin-right: 3rem
}
.mb-5, .my-5 {
    margin-bottom: 3rem
}
.ml-5, .mx-5 {
    margin-left: 3rem
}
.p-0 {
    padding: 0
}
.pt-0, .py-0 {
    padding-top: 0
}
.pr-0, .px-0 {
    padding-right: 0
}
.pb-0, .py-0 {
    padding-bottom: 0
}
.pl-0, .px-0 {
    padding-left: 0
}
.p-1 {
    padding: .25rem
}
.pt-1, .py-1 {
    padding-top: .25rem
}
.pr-1, .px-1 {
    padding-right: .25rem
}
.pb-1, .py-1 {
    padding-bottom: .25rem
}
.pl-1, .px-1 {
    padding-left: .25rem
}
.p-2 {
    padding: .5rem
}
.pt-2, .py-2 {
    padding-top: .5rem
}
.pr-2, .px-2 {
    padding-right: .5rem
}
.pb-2, .py-2 {
    padding-bottom: .5rem
}
.pl-2, .px-2 {
    padding-left: .5rem
}
.p-3 {
    padding: 1rem
}
.pt-3, .py-3 {
    padding-top: 1rem
}
.pr-3, .px-3 {
    padding-right: 1rem
}
.pb-3, .py-3 {
    padding-bottom: 1rem
}
.pl-3, .px-3 {
    padding-left: 1rem
}
.p-4 {
    padding: 1.5rem
}
.pt-4, .py-4 {
    padding-top: 1.5rem
}
.pr-4, .px-4 {
    padding-right: 1.5rem
}
.pb-4, .py-4 {
    padding-bottom: 1.5rem
}
.pl-4, .px-4 {
    padding-left: 1.5rem
}
.p-5 {
    padding: 3rem
}
.pt-5, .py-5 {
    padding-top: 3rem
}
.pr-5, .px-5 {
    padding-right: 3rem
}
.pb-5, .py-5 {
    padding-bottom: 3rem
}
.pl-5, .px-5 {
    padding-left: 3rem
}
.lh1 {
    line-height: 1.5em;
}
.lh2 {
    line-height: 2em;
}
.toe {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bb {
    border-bottom: 1px solid #f2f2f2
}
.bb-1 {
    border-bottom: 1px solid #cecece
}