body {
    background: #ffffff;
    font-family: '宋体'
}

view {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 15px
}


/*主色调*/

.main-color {
    color: #ff5251
}

.main-color-light {
    color: #ff5251
}

.main-bgcolor {
    background-color: #ff5251;
    color: #fff
}

.main-bgcolor-light {
    background-color: #ff5251;
    color: #fff
}

.bmain-color {
    color: #2f3e4e
}

.bmain-color-light {
    color: #242d31
}

.bmain-bgcolor {
    background-color: #2f3e4e;
    color: #fff
}

.bmain-bgcolor-light {
    background-color: #242d31;
    color: #fff
}


/*类别*/

.categoryactive {
    background: url(images/border_left.png) no-repeat -5px center;
}


/*滚动*/

.scrolly {
    overflow-y: scroll;
}

.scrollx {
    overflow-x: scroll;
}


/*形状*/

.circle {
    border-radius: 50%;
    overflow: hidden;
}

.rectangle {
    border-radius: 2px;
    overflow: hidden;
}


/*flex 容器*/

.d-flex {
    display: flex;
    line-height: 20px;
    margin: 0 0 0 0;
    padding: 0 0 0 0
}

.f-row {
    display: flex;
    flex-direction: row;
}
.flex-row {
    display: flex;
    flex-direction: row;
}

.f-column {
    display: flex;
    flex-direction: column;
}
.f-col {
    display: flex;
    flex-direction: column;
}

.f-wrap {
    flex-wrap: wrap;
}

.f-nowrap {
    flex-wrap: nowrap;
}

.f-spacearound {
    justify-content: space-around;
}

.f-spaceabetween {
    justify-content: space-between;
}
.f-between {
    justify-content: space-between;
}

.f-justycenter {
    justify-content: center;
}

.f-start {
    align-content: flex-start;
}

.f-end {
    align-content: flex-end;
}

.f-center {
    align-content: center;
}

.fcenter {
    align-items: center;
}

.flex1 {
    flex: 1;
}

.acenter {
    align-items: center;
}
.aright {
    text-align: right;
}
.aleft {
    text-align: left;
}
.relative {
    position: relative;
}

.badge {
    background: #bd4838;
    color: #ffffff;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 8px;
    position: absolute;
    text-align: center;
    padding: 0 3px;
}

.badger {
    background: #bd4838;
    color: #ffffff;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 8px;
    position: absolute;
    text-align: center;
    padding: 0 3px;
    right: 5px;
}

.input {
    border: none;
    background-color: none;
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
    width: 90%;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    border-radius: 3px;
    outline: none;
}

.input2 {
    border: none;
    background-color: none;
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
    width: 90%;
    height: 28px;
    line-height: 28px;
    padding-left: 5px;
    border-radius: 3px;
    outline: none;
}


/*block显示*/

.d-hide {
    display: none
}

.d-tab {
    display: table
}

.d-tab-caption {
    display: table-caption
}

.d-tab-cell {
    display: table-cell
}

.d-tab-column {
    display: table-column
}

.d-tab-row {
    display: table-row
}

.d-block {
    display: block
}

.d-inlineblock {
    display: inline-block;
}

.middle {
    vertical-align: middle;
}


/*对其方式*/

.alignl {
    text-align: left;
    vertical-align: middle;
}

.alignr {
    text-align: right;
    vertical-align: middle;
}

.alignc {
    text-align: center;
    vertical-align: middle;
}


/*flex item*/

.flex-1 {
    flex: 1
}

.flex-2 {
    flex: 2
}

.flex-3 {
    flex: 3
}

.flex-4 {
    flex: 4
}

.flex-5 {
    flex: 5
}

.flex-6 {
    flex: 6
}

.flex-7 {
    flex: 7
}

.flex-8 {
    flex: 8
}


/*button */

.radiobox,
.checkbox,
#reverse {
    cursor: pointer;
}

.btn {
    display: inline-block;
    border-radius: 5px
}

.btn1 {
    display: inline-block;
    border-radius: 10px
}

.btn2 {
    display: inline-block;
    border-radius: 20px
}

.btn3 {
    display: inline-block;
    border-radius: 30px
}

.btn4 {
    display: inline-block;
    border-radius: 40px
}

.btn-circle {
    display: inline-block;
    border-radius: 50%
}

.btn-rec {
    display: inline-block;
    border-radius: 1px
}

.btn-info {
    display: inline-block;
    background-color: #068bf7;
    color: #dfe6e9;
}

.btn-normal {
    display: inline-block;
    background-color: #dfe6e9;
    color: #444444;
}

.btn-warning {
    display: inline-block;
    background-color: #ec9909;
    color: #dfe6e9;
}

.btn-danger {
    display: inline-block;
    background-color: #d65745;
    color: #dfe6e9;
}

.btn-main {
    display: inline-block;
    background-color: #57b99d;
    color: #dfe6e9;
}

.btn-danger i,
.btn-info i,
.btn-warning i,
.btn-main i {
    color: #dfe6e9;
}

.btn-normal i {
    color: #444444
}

.btn-danger:hover,
.btn-info:hover,
.btn-warning:hover,
.btn-main:hover,
.btn-danger:hover i,
.btn-info:hover i,
.btn-warning:hover i,
.btn-main:hover i {
    color: #ffffff;
}

.btn-normal:hover,
.btn-normal:hover i {
    color: #000000;
}


/*圆角*/

.radius3 {
    border-radius: 3px;
}

.radius4 {
    border-radius: 4px;
}

.radius5 {
    border-radius: 5px;
}

.radius10 {
    border-radius: 10px;
}

.radius20 {
    border-radius: 20px;
}

.radius25 {
    border-radius: 25px;
}

.radius30 {
    border-radius: 30px;
}

.radius35 {
    border-radius: 35px;
}

.radius40 {
    border-radius: 40px;
}

.radius45 {
    border-radius: 45px;
}

.radius50 {
    border-radius: 50px;
}


/*阴影*/

.shadow-black {
    box-shadow: 0 0 5px #000
}

.shadow-y-black {
    box-shadow: 0 1px 1px #000
}

.shadow-x-black {
    box-shadow: 1px 0 1px #000
}

.shadow-green {
    box-shadow: 0 0 5px #07993e
}

.shadow-y-green {
    box-shadow: 0 1px 1px #07993e
}

.shadow-x-green {
    box-shadow: 1px 0 1px #07993e
}

.shadow-blue {
    box-shadow: 0 0 5px #0487ec
}

.shadow-y-blue {
    box-shadow: 0 1px 1px #0487ec
}

.shadow-x-blue {
    box-shadow: 1px 0 1px #0487ec
}

.shadow-orange {
    box-shadow: 0 0 5px #e27f0b
}

.shadow-y-orange {
    box-shadow: 0 1px 1px #e27f0b
}

.shadow-x-orange {
    box-shadow: 1px 0 1px #e27f0b
}

.shadow-purple {
    box-shadow: 0 0 5px #9d06c8
}

.shadow-y-purple {
    box-shadow: 0 1px 1px #9d06c8
}

.shadow-x-purple {
    box-shadow: 1px 0 1px #9d06c8
}

.shadow-silver {
    box-shadow: 0 0 5px #e9e9e9
}

.shadow-y-silver {
    box-shadow: 0 1px 1px #e9e9e9
}

.shadow-x-silver {
    box-shadow: 1px 0 1px #e9e9e9
}

.shadow-gray {
    box-shadow: 0 0 5px #d6d7d8
}

.shadow-y-gray {
    box-shadow: 0 1px 1px #d6d7d8
}

.shadow-x-gray {
    box-shadow: 1px 0 1px #d6d7d8
}

.shadow-main {
    box-shadow: 0 0 5px #0699f6
}

.shadow-y-main {
    box-shadow: 0 1px 1px #0699f6
}

.shadow-x-main {
    box-shadow: 1px 0 1px #0699f6
}


/*边框*/

.noborder {
    border: none !important;
}

.border{border: 1px solid #f1f1f1}
.border1 {
    border-width: 1px;
    border-style: solid;
}

.border2 {
    border-width: 2px;
    border-style: solid;
}

.border3 {
    border-width: 3px;
    border-style: solid;
}

.border4 {
    border-width: 4px;
    border-style: solid;
}

.border5 {
    border-width: 5px;
    border-style: solid;
}

.border6 {
    border-width: 6px;
    border-style: solid;
}

.border7 {
    border-width: 7px;
    border-style: solid;
}

.border8 {
    border-width: 8px;
    border-style: solid;
}

.border9 {
    border-width: 9px;
    border-style: solid;
}

.border10 {
    border-width: 10px;
    border-style: solid;
}

.border-maincolor {
    border-color: #0699f6
}

.border-gray {
    border-color: #d6d7d8
}

.border-black {
    border-color: #444444
}

.border-silver {
    border-color: #e9e9e9
}

.border-green {
    border-color: #07993e
}

.border-red {
    border-color: #ff2e2e
}

.border-blue {
    border-color: #0487ec
}

.border-orange {
    border-color: #e27f0b
}

.border-purple {
    border-color: #9d06c8
}

.border-white {
    border-color: #ffffff
}

.bordert-1 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 1px
}

.bordert-2 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 2px
}

.bordert-3 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 3px
}

.bordert-4 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 4px
}

.bordert-5 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 5px
}

.bordert-6 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 6px
}

.bordert-7 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 7px
}

.bordert-8 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 8px
}

.bordert-9 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 9px
}

.bordert-10 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-top-width: 10px
}

.borderb-1 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 1px
}

.borderb-2 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 2px
}

.borderb-3 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 3px
}

.borderb-4 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 4px
}

.borderb-5 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 5px
}

.borderb-6 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 6px
}

.borderb-7 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 7px
}

.borderb-8 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 8px
}

.borderb-9 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 9px
}

.borderb-10 {
    border-style: solid;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 10px
}

.borderr {
    background: url(images/li_r_border_silver.png) no-repeat right top;
}

.borderl {
    background: url(images/li_r_border_silver.png) no-repeat left top;
}

.borderb {
    background: url(images/li_bottom_border_silver.png) no-repeat left bottom;
}

.bordert {
    background: url(images/li_bottom_border_silver.png) no-repeat left top;
}


/*颜色*/

.txt-zhifubao {
    color: #00b2ff
}

.txt-white {
    color: #ffffff
}

.txt-gray {
    color: #d6d7d8
}

.txt-gray10 {
    color: #ededed
}

.txt-gray9 {
    color: #999999
}

.txt-gray8 {
    color: #888888
}

.txt-gray7 {
    color: #777777
}

.txt-gray6 {
    color: #666666
}

.txt-gray5 {
    color: #555555
}

.txt-gray4 {
    color: #444444
}

.txt-gray3 {
    color: #333333
}

.txt-gray2 {
    color: #222222
}

.txt-silver {
    color: #e9e9e9
}

.txt-green {
    color: #21e189
}

.txt-red {
    color: #ea081e
}

.txt-lred {
    color: #d65745
}

.txt-blue {
    color: #0487ec
}

.txt-orange {
    color: #e27f0b
}

.txt-purple {
    color: #9d06c8
}

.txt-black {
    color: #000000
}
.txt-yellow {
    color: #eab353
}


/*背景颜色*/

.bgzhifubao {
    background-color: #00b2ff
}

.bgblack {
    background-color: #000000
}

.bgwhite {
    background-color: #ffffff
}

.bggray {
    background-color: #d6d7d8
}

.bggray9 {
    background-color: #999999
}

.bggray8 {
    background-color: #888888
}

.bggray7 {
    background-color: #777777
}

.bggray6 {
    background-color: #666666
}

.bggray5 {
    background-color: #555555
}

.bggray4 {
    background-color: #444444
}

.bggray3 {
    background-color: #333333
}

.bggray2 {
    background-color: #222222
}

.bgsilver {
    background-color: #e9e9e9
}

.bggrey {
    background-color: #f1f1f1
}

.bggreen {
    background-color: #21e189
}

.bgred {
    background-color: #ea081e
}

.bgblue {
    background-color: #05a4f6
}

.bglightblue {
    background-color: #9fa3fd
}

.bgorange {
    background-color: #e27f0b
}

.bglightorange {
    background-color: #fbd8c7
}

.bgpurple {
    background-color: #9d06c8
}

.bgyellow {
    background-color: #f5c007
}

.bglime {
    background-color: #00ead9
}

.nobg {
    background-color: none;
    background: none
}


/*大小*/

.txt-b {
    font-weight: bold;
}

.txt-bb {
    font-weight: bolder;
}

.txt-through {
    text-decoration: line-through;
}

.txt-under {
    text-decoration: underline;
}

.txt-8 {
    font-size: 8px;
}

.txt-9 {
    font-size: 9px;
}

.txt-10 {
    font-size: 10px;
}

.txt-11 {
    font-size: 11px;
}

.txt-12 {
    font-size: 12px;
}

.txt-13 {
    font-size: 13px;
}

.txt-14 {
    font-size: 14px;
}

.txt-15 {
    font-size: 15px;
}

.txt-16 {
    font-size: 16px;
}

.txt-17 {
    font-size: 17px;
}

.txt-18 {
    font-size: 18px;
}

.txt-19 {
    font-size: 19px;
}

.txt-20 {
    font-size: 20px;
}

.txt-21 {
    font-size: 21px;
}

.txt-22 {
    font-size: 22px;
}

.txt-23 {
    font-size: 23px;
}

.txt-24 {
    font-size: 24px;
}

.txt-25 {
    font-size: 25px;
}

.txt-26 {
    font-size: 26px;
}

.txt-27 {
    font-size: 27px;
}

.txt-28 {
    font-size: 28px;
}

.txt-29 {
    font-size: 29px;
}

.txt-30 {
    font-size: 30px;
}

.txt-40 {
    font-size: 40px;
}

.txt-50 {
    font-size: 50px;
}

.txt-60 {
    font-size: 60px;
}

.txt-70 {
    font-size: 70px;
}

.txt-80 {
    font-size: 80px;
}

.txt-90 {
    font-size: 90px;
}

.txt-100 {
    font-size: 100px;
}


/*宽度*/

.w1 {
    width: 1%;
}

.w2 {
    width: 2%;
}

.w3 {
    width: 3%;
}

.w5 {
    width: 5%;
}

.w10 {
    width: 10%;
}

.w11 {
    width: 11%;
}

.w12 {
    width: 12%;
}

.w13 {
    width: 13%;
}

.w14 {
    width: 14%;
}

.w15 {
    width: 15%;
}

.w16 {
    width: 16%;
}

.w17 {
    width: 17%;
}

.w18 {
    width: 18%;
}

.w19 {
    width: 19%;
}

.w20 {
    width: 20%;
}

.w21 {
    width: 21%;
}

.w22 {
    width: 22%;
}

.w23 {
    width: 23%;
}

.w24 {
    width: 24%;
}

.w25 {
    width: 25%;
}

.w26 {
    width: 26%;
}

.w27 {
    width: 27%;
}

.w28 {
    width: 28%;
}

.w29 {
    width: 29%;
}

.w30 {
    width: 30%;
}

.w33 {
    width: 33.333%;
}

.w35 {
    width: 35%;
}

.w40 {
    width: 40%;
}

.w45 {
    width: 45%;
}

.w50 {
    width: 50%;
}

.w60 {
    width: 60%;
}

.w61 {
    width: 61%;
}

.w62 {
    width: 62%;
}

.w63 {
    width: 63%;
}

.w64 {
    width: 64%;
}

.w65 {
    width: 65%;
}

.w66 {
    width: 66%;
}

.w67 {
    width: 67%;
}

.w68 {
    width: 68%;
}

.w69 {
    width: 69%;
}

.w70 {
    width: 70%;
}

.w75 {
    width: 75%;
}

.w76 {
    width: 76%;
}

.w77 {
    width: 77%;
}

.w78 {
    width: 78%;
}

.w79 {
    width: 79%;
}

.w80 {
    width: 80%;
}

.w81 {
    width: 81%;
}

.w82 {
    width: 82%;
}

.w83 {
    width: 83%;
}

.w84 {
    width: 84%;
}

.w85 {
    width: 85%;
}

.w86 {
    width: 86%;
}

.w87 {
    width: 87%;
}

.w88 {
    width: 88%;
}

.w89 {
    width: 89%;
}

.w90 {
    width: 90%;
}

.w95 {
    width: 95%;
}

.w100 {
    width: 100%;
}

.ww1 {
    width: 1px;
}

.ww2 {
    width: 2px;
}

.ww3 {
    width: 3px;
}

.ww5 {
    width: 5px;
}

.ww10 {
    width: 10px;
}

.ww11 {
    width: 11px;
}

.ww12 {
    width: 12px;
}

.ww13 {
    width: 13px;
}

.ww14 {
    width: 14px;
}

.ww15 {
    width: 15px;
}

.ww16 {
    width: 16px;
}

.ww17 {
    width: 17px;
}

.ww18 {
    width: 18px;
}

.ww19 {
    width: 19px;
}

.ww20 {
    width: 20px;
}

.ww21 {
    width: 21px;
}

.ww22 {
    width: 22px;
}

.ww23 {
    width: 23px;
}

.ww24 {
    width: 24px;
}

.ww25 {
    width: 25px;
}

.ww30 {
    width: 30px;
}

.ww33 {
    width: 33.333px;
}

.ww35 {
    width: 35px;
}

.ww40 {
    width: 40px;
}

.ww50 {
    width: 50px;
}

.ww60 {
    width: 60px;
}

.ww61 {
    width: 61px;
}

.ww62 {
    width: 62px;
}

.ww63 {
    width: 63px;
}

.ww64 {
    width: 64px;
}

.ww65 {
    width: 65px;
}

.ww70 {
    width: 70px;
}

.ww75 {
    width: 75px;
}

.ww76 {
    width: 76px;
}

.ww77 {
    width: 77px;
}

.ww78 {
    width: 78px;
}

.ww79 {
    width: 79px;
}

.ww80 {
    width: 80px;
}

.ww81 {
    width: 81px;
}

.ww82 {
    width: 82px;
}

.ww83 {
    width: 83px;
}

.ww84 {
    width: 84px;
}

.ww85 {
    width: 85px;
}

.ww86 {
    width: 86px;
}

.ww87 {
    width: 87px;
}

.ww88 {
    width: 88px;
}

.ww89 {
    width: 89px;
}

.ww90 {
    width: 90px;
}

.ww95 {
    width: 95px;
}

.ww100 {
    width: 100px;
}

.ww120 {
    width: 120px;
}
.ww150 {
    width: 150px;
}

.ww200 {
    width: 200px;
}

.ww220 {
    width: 220px;
}

.ww240 {
    width: 240px;
}

.ww260 {
    width: 260px;
}

.ww300 {
    width: 300px;
}

.ww350 {
    width: 350px;
}
.ww380 {
    width: 380px;
}

.ww400 {
    width: 400px;
}

.ww450 {
    width: 450px;
}

.ww500 {
    width: 500px;
}


/*最大宽度*/

.mxw1 {
    max-width: 1%;
}

.mxw2 {
    max-width: 2%;
}

.mxw3 {
    max-width: 3%;
}

.mxw5 {
    max-width: 5%;
}

.mxw10 {
    max-width: 10%;
}

.mxw15 {
    max-width: 15%;
}

.mxw20 {
    max-width: 20%;
}

.mxw25 {
    max-width: 25%;
}

.mxw30 {
    max-width: 30%;
}

.mxw33 {
    max-width: 33.333%;
}

.mxw40 {
    max-width: 40%;
}

.mxw50 {
    max-width: 50%;
}

.mxw60 {
    max-width: 60%;
}

.mxw70 {
    max-width: 70%;
}

.mxw80 {
    max-width: 80%;
}

.mxw90 {
    max-width: 90%;
}

.mxw100 {
    max-width: 100%;
}


/*高度*/

.hei100p {
    height: 100%;
}

.hei80p {
    height: 80%;
}

.hei60p {
    height: 60%;
}

.hei50p {
    height: 50%;
}

.hei40p {
    height: 40%;
}

.hei30p {
    height: 30%;
}

.hei20p {
    height: 20%;
}

.hei10p {
    height: 10%;
}

.hei200 {
    height: 200px;
}

.hei190 {
    height: 190px;
}

.hei185 {
    height: 185px;
}

.hei180 {
    height: 180px;
}

.hei175 {
    height: 175px;
}

.hei170 {
    height: 170px;
}

.hei165 {
    height: 165px;
}

.hei160 {
    height: 160px;
}

.hei155 {
    height: 155px;
}

.hei150 {
    height: 150px;
}

.hei145 {
    height: 145px;
}

.hei140 {
    height: 140px;
}

.hei135 {
    height: 135px;
}

.hei130 {
    height: 130px;
}

.hei121 {
    height: 121px;
}

.hei120 {
    height: 120px;
}

.hei100 {
    height: 100px;
}

.hei90 {
    height: 90px;
}

.hei80 {
    height: 80px;
}

.hei70 {
    height: 70px;
}

.hei60 {
    height: 60px;
}

.hei50 {
    height: 50px;
}

.hei40 {
    height: 40px;
}

.hei45 {
    height: 45px;
}

.hei35 {
    height: 35px;
}

.hei30 {
    height: 30px;
}

.hei25 {
    height: 25px;
}

.hei20 {
    height: 20px;
}

.hei10 {
    height: 10px;
}

.hei5 {
    height: 5px;
}

.hei4 {
    height: 4px;
}

.hei3 {
    height: 3px;
}

.hei2 {
    height: 2px;
}

.hei1 {
    height: 1px;
}

.linehei100 {
    line-height: 100px;
}

.linehei90 {
    line-height: 90px;
}

.linehei80 {
    line-height: 80px;
}

.linehei70 {
    line-height: 70px;
}

.linehei60 {
    line-height: 60px;
}

.linehei50 {
    line-height: 50px;
}

.linehei45 {
    line-height: 45px;
}

.linehei40 {
    line-height: 40px;
}

.linehei35 {
    line-height: 35px;
}

.linehei30 {
    line-height: 30px;
}

.linehei25 {
    line-height: 25px;
}

.linehei20 {
    line-height: 20px;
}

.linehei15 {
    line-height: 15px;
}

.linehei10 {
    line-height: 10px;
}


/*最大高度*/

.mxhei140 {
    max-height: 140px
}

.mxhei130 {
    max-height: 130px
}

.mxhei120 {
    max-height: 120px
}

.mxhei110 {
    max-height: 110px
}

.mxhei100 {
    max-height: 100px
}

.mxhei90 {
    max-height: 90px
}

.mxhei80 {
    max-height: 80px
}

.mxhei70 {
    max-height: 70px
}

.mxhei60 {
    max-height: 60px
}

.mxhei55 {
    max-height: 55px
}

.mxhei50 {
    max-height: 50px
}

.mxhei45 {
    max-height: 45px
}

.mxhei40 {
    max-height: 40px
}

.mxhei35 {
    max-height: 35px
}

.mxhei30 {
    max-height: 30px
}

.mxhei25 {
    max-height: 25px
}

.mxhei20 {
    max-height: 20px
}

.mxhei15 {
    max-height: 15px
}

.mxhei10 {
    max-height: 10px
}


/*padding*/

.pdy {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pdy1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pdy2 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pdy3 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pdy4 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pdy5 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pdy6 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.pdx {
    padding-left: 5px;
    padding-right: 5px;
}

.pdx1 {
    padding-left: 10px;
    padding-right: 10px;
}

.pdx2 {
    padding-left: 20px;
    padding-right: 20px;
}

.pdx3 {
    padding-left: 30px;
    padding-right: 30px;
}

.pdx4 {
    padding-left: 40px;
    padding-right: 40px;
}

.pdx5 {
    padding-left: 50px;
    padding-right: 50px;
}

.pdx6 {
    padding-left: 60px;
    padding-right: 60px;
}

.pdx-p {
    padding-left: 5%;
    padding-right: 5%;
}

.pdx1-p {
    padding-left: 1%;
    padding-right: 1%;
}

.pdx2-p {
    padding-left: 2%;
    padding-right: 2%;
}

.pdx3-p {
    padding-left: 3%;
    padding-right: 3%;
}

.pdx4-p {
    padding-left: 4%;
    padding-right: 4%;
}

.pdx5-p {
    padding-left: 5%;
    padding-right: 5%;
}

.pdx6-p {
    padding-left: 6%;
    padding-right: 6%;
}

.pdx7-p {
    padding-left: 7%;
    padding-right: 7%;
}

.pdx8-p {
    padding-left: 8%;
    padding-right: 8%;
}

.pdx9-p {
    padding-left: 9%;
    padding-right: 9%;
}

.pdx10-p {
    padding-left: 10%;
    padding-right: 10%;
}

.pdx15-p {
    padding-left: 15%;
    padding-right: 15%;
}

.pdx20-p {
    padding-left: 20%;
    padding-right: 20%;
}

.pdx25-p {
    padding-left: 25%;
    padding-right: 25%;
}

.pdx30-p {
    padding-left: 30%;
    padding-right: 30%;
}

.pdx35-p {
    padding-left: 35%;
    padding-right: 35%;
}

.pdx40-p {
    padding-left: 40%;
    padding-right: 40%;
}

.pdx45-p {
    padding-left: 45%;
    padding-right: 45%;
}

.pdx50-p {
    padding-left: 50%;
    padding-right: 50%;
}

.pdx55-p {
    padding-left: 55%;
    padding-right: 55%;
}

.pdx60-p {
    padding-left: 60%;
    padding-right: 60%;
}

.pdy-p {
    padding-top: 5%;
    padding-bottom: 5%;
}

.pdy1-p {
    padding-top: 1%;
    padding-bottom: 1%;
}

.pdy2-p {
    padding-top: 2%;
    padding-bottom: 2%;
}

.pdy3-p {
    padding-top: 3%;
    padding-bottom: 3%;
}

.pdy4-p {
    padding-top: 4%;
    padding-bottom: 4%;
}

.pdy5-p {
    padding-top: 5%;
    padding-bottom: 5%;
}

.pdy6-p {
    padding-top: 6%;
    padding-bottom: 6%;
}

.pdy7-p {
    padding-top: 7%;
    padding-bottom: 7%;
}

.pdy8-p {
    padding-top: 8%;
    padding-bottom: 8%;
}

.pdy9-p {
    padding-top: 9%;
    padding-bottom: 9%;
}

.pdy10-p {
    padding-top: 10%;
    padding-bottom: 10%;
}

.pdy15-p {
    padding-top: 15%;
    padding-bottom: 15%;
}

.pdy20-p {
    padding-top: 20%;
    padding-bottom: 20%;
}

.pdy25-p {
    padding-top: 25%;
    padding-bottom: 25%;
}

.pdy30-p {
    padding-top: 30%;
    padding-bottom: 30%;
}

.pdy35-p {
    padding-top: 35%;
    padding-bottom: 35%;
}

.pdy40-p {
    padding-top: 40%;
    padding-bottom: 40%;
}

.pdy45-p {
    padding-top: 45%;
    padding-bottom: 45%;
}

.pdy50-p {
    padding-top: 50%;
    padding-bottom: 50%;
}

.pdy55-p {
    padding-top: 55%;
    padding-bottom: 55%;
}

.pdy60-p {
    padding-top: 60%;
    padding-bottom: 60%;
}

.pd-t {
    padding-top: 5px;
}

.pd1-t {
    padding-top: 10px;
}

.pd2-t {
    padding-top: 20px;
}

.pd3-t {
    padding-top: 30px;
}

.pd4-t {
    padding-top: 40px;
}

.pd5-t {
    padding-top: 50px;
}

.pd6-t {
    padding-top: 60px;
}

.pd-b {
    padding-bottom: 5px;
}

.pd1-b {
    padding-bottom: 10px;
}

.pd2-b {
    padding-bottom: 20px;
}

.pd3-b {
    padding-bottom: 30px;
}

.pd4-b {
    padding-bottom: 40px;
}

.pd5-b {
    padding-bottom: 50px;
}

.pd6-b {
    padding-bottom: 60px;
}


/*margin*/

.marauto {
    margin: auto
}
.maryl {
    margin:left
}

.mary {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mary1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mary2 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mary3 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mary4 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mary5 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mary6 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mar-t {
    margin-top: 5px;
}

.mar1-t {
    margin-top: 10px;
}

.mar2-t {
    margin-top: 20px;
}

.mar3-t {
    margin-top: 30px;
}

.mar4-t {
    margin-top: 40px;
}

.mar5-t {
    margin-top: 50px;
}

.mar6-t {
    margin-top: 60px;
}

.mar7-t {
    margin-top: 70px;
}

.mar8-t {
    margin-top: 80px;
}

.mar9-t {
    margin-top: 90px;
}

.mar10-t {
    margin-top: 100px;
}

.mar-b {
    margin-bottom: 5px;
}

.mar1-b {
    margin-bottom: 10px;
}

.mar2-b {
    margin-bottom: 20px;
}

.mar3-b {
    margin-bottom: 30px;
}

.mar4-b {
    margin-bottom: 40px;
}

.mar5-b {
    margin-bottom: 50px;
}

.mar6-b {
    margin-bottom: 60px;
}

.mar7-tb {
    margin-bottom: 70px;
}

.mar8-tb {
    margin-bottom: 80px;
}

.mar9-tb {
    margin-bottom: 90px;
}

.mar10-tb {
    margin-bottom: 100px;
}

.mar-l {
    margin-left: 5px;
}

.mar1-l {
    margin-left: 10px;
}

.mar2-l {
    margin-left: 20px;
}

.mar3-l {
    margin-left: 30px;
}

.mar4-l {
    margin-left: 40px;
}

.mar5-l {
    margin-left: 50px;
}

.mar6-l {
    margin-left: 60px;
}

.mar-r {
    margin-right: 5px;
}

.mar1-r {
    margin-right: 10px;
}

.mar2-r {
    margin-right: 20px;
}

.mar3-r {
    margin-right: 30px;
}

.mar4-r {
    margin-right: 40px;
}

.mar5-r {
    margin-right: 50px;
}

.mar6-r {
    margin-right: 60px;
}

.marx {
    margin-left: 5px;
    margin-right: 5px;
}

.marx1 {
    margin-left: 10px;
    margin-right: 10px;
}

.marx2 {
    margin-left: 20px;
    margin-right: 20px;
}

.marx3 {
    margin-left: 30px;
    margin-right: 30px;
}

.marx4 {
    margin-left: 40px;
    margin-right: 40px;
}

.marx5 {
    margin-left: 50px;
    margin-right: 50px;
}

.marx6 {
    margin-left: 60px;
    margin-right: 60px;
}


/*线条*/

.line1 {
    display: block;
    width: 100%;
    height: 1px;
}

.line2 {
    display: block;
    width: 100%;
    height: 2px;
}

.line3 {
    display: block;
    width: 100%;
    height: 3px;
}

.line4 {
    display: block;
    width: 100%;
    height: 4px;
}

.line5 {
    display: block;
    width: 100%;
    height: 5px;
}

.line6 {
    display: block;
    width: 100%;
    height: 6px;
}

.line7 {
    display: block;
    width: 100%;
    height: 7px;
}

.line8 {
    display: block;
    width: 100%;
    height: 8px;
}

.line9 {
    display: block;
    width: 100%;
    height: 9px;
}

.line10 {
    display: block;
    width: 100%;
    height: 10px;
}

.line20 {
    display: block;
    width: 100%;
    height: 20px;
}

.line30 {
    display: block;
    width: 100%;
    height: 30px;
}

.line40 {
    display: block;
    width: 100%;
    height: 40px;
}

.line-w80-h1 {
    display: block;
    width: 80%;
    height: 1px;
    margin-left: 20%
}


/*文字行数*/

.boxline1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.boxline2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.boxline3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.boxline4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.boxline5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.boxline6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

.boxline7 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}

.boxline8 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

.boxline9 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    overflow: hidden;
}

.txt-b {
    font-weight: bolder;
}


/*开关*/

.switch {
    margin: 0;
    padding: 0;
}

.switch input {
    display: none
}

.switch label {
    width: 52px;
    background: #CCC;
    height: 28px;
    border-radius: 14px;
    float: right;
    margin: 8px 10px 0 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
}

.switch label em {
    width: 26px;
    height: 26px;
    float: left;
    margin: 1px;
    border-radius: 13px;
    box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
    background: #FFF;
    transition: 0.1s;
}

.switch input:checked+label {
    background: #0699f6;
}

.switch input:checked+label em {
    margin: 1px 1px 1px 25px;
}

.switch input:disabled+label {
    opacity: 0.5
}

#modalDialogBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 999999
}

.pointer:hover {
    cursor: pointer;
    text-decoration: underline;
}

input::placeholder{font-size: 15px;}