/*摘自weuix部分通用样式*/

/*基本样式类*/

.baseline {
    vertical-align: baseline;
}

.middle {
    vertical-align: middle;
}

.top {
    vertical-align: top;
}

.block {
    display: block;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.inline {
    display: inline;
}

.iblock {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.tleft {
    text-align: left;
}

.tright {
    text-align: right;
}

.tcenter {
    text-align: center;
}

.center {
    margin: 0 auto;
}

.border {
    border: 1px solid #e0e0e0 !important;
}

.border-t {
    border-top: 1px solid #e0e0e0;
}

.border-b {
    border-bottom: 1px solid #e0e0e0;
}

.border-tb {
    border-top: #e0e0e0 1px solid;
    border-bottom: #e0e0e0 1px solid;
    background-image: none;
}

.border-l {
    border-left: 1px solid #e0e0e0;
}

.border-r {
    border-right: 1px solid #e0e0e0;
}

.border-radius {
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.dotted {
    border: 1px dotted #e0e0e0 !important;
}

.dotted-b {
    border-bottom: 1px dotted #e0e0e0 !important;
}

.hand {
    cursor: pointer;
}

.move {
    cursor: move;
}

.u {
    text-decoration: underline;
}

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

.-u {
    text-decoration: none;
}

.i {
    font-style: italic;
}

.-i {
    font-style: normal;
}

.bold {
    font-weight: bold;
}

.-bold {
    font-weight: normal;
}

.-wrap {
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
}

.wrap {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.clearfix:after, .clearfix:before {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.upper {
    text-transform: uppercase;
}

.lower {
    text-transform: lowercase;
}

.cap {
    text-transform: capitalize;
}

.hidden {
    overflow: hidden;
}

.visible {
    overflow: visible;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.fixed {
    position: fixed;
}

.indent {
    text-indent: 20px;
}

.lheight {
    line-height: 22px;
}

.outline {
    outline: none;
}

.ell {
    text-overflow: ellipsis;
    overflow: hidden;
}

.yahei {
    font-family: "Microsoft YaHei";
}

.hr1 {
    width: 100%;
    margin: 0 auto;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.v-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.v-bothside {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.req:before {
    content: ' *';
    color: #fa5151;
    font-weight: bold;
}

.margin0-t {
    margin-top: 0px;
}

.margin0-r {
    margin-right: 0px;
}

.margin0-b {
    margin-bottom: 0px;
}

.margin0-l {
    margin-left: 0px;
}

.margin0 {
    margin: 0px;
}

.padding0-t {
    padding-top: 0px;
}

.padding0-r {
    padding-right: 0px;
}

.padding0-b {
    padding-bottom: 0px;
}

.padding0-l {
    padding-left: 0px;
}

.padding0 {
    padding: 0px;
}

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

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

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

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

.margin5 {
    margin: 5px;
}

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

.padding5-r {
    padding-right: 5px;
}

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

.padding5-l {
    padding-left: 5px;
}

.padding5 {
    padding: 5px;
}

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

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

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

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

.margin10 {
    margin: 10px;
}

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

.padding10-r {
    padding-right: 10px;
}

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

.padding10-l {
    padding-left: 10px;
}

.padding10 {
    padding: 10px;
}

.margin15-t {
    margin-top: 15px;
}

.margin15-r {
    margin-right: 15px;
}

.margin15-b {
    margin-bottom: 15px;
}

.margin15-l {
    margin-left: 15px;
}

.margin15 {
    margin: 15px;
}

.padding15-t {
    padding-top: 15px;
}

.padding15-r {
    padding-right: 15px;
}

.padding15-b {
    padding-bottom: 15px;
}

.padding15-l {
    padding-left: 15px;
}

.padding15 {
    padding: 15px;
}

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

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

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

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

.margin20 {
    margin: 20px;
}

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

.padding20-r {
    padding-right: 20px;
}

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

.padding20-l {
    padding-left: 20px;
}

.padding20 {
    padding: 20px;
}

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

.padding30-r {
    padding-right: 30px;
}

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

.padding30-l {
    padding-left: 30px;
}

.padding30 {
    padding: 30px;
}

/*字体11-55号*/
.f8 {
    font-size: 8px !important;
    line-height: 8px; }
.f9 {
    font-size: 9px !important;
    line-height: 9px; }
.f10 {
    font-size: 10px !important;
    line-height: 10px; }
.f11 {
    font-size: 11px !important;
    line-height: 11px; }

.f12 {
    font-size: 12px !important;
    line-height: 12px; }

.f13 {
    font-size: 13px !important;
    line-height: 13px; }

.f14 {
    font-size: 14px !important;
    line-height: 14px; }

.f15 {
    font-size: 15px !important;
    line-height: 15px; }

.f16 {
    font-size: 16px !important;
    line-height: 16px; }

.f17 {
    font-size: 17px !important;
    line-height: 17px; }

.f18 {
    font-size: 18px !important;
    line-height: 18px; }

.f19 {
    font-size: 19px !important;
    line-height: 19px; }

.f20 {
    font-size: 20px !important;
    line-height: 20px; }

.f21 {
    font-size: 21px !important;
    line-height: 21px; }

.f22 {
    font-size: 22px !important;
    line-height: 22px; }

.f23 {
    font-size: 23px !important;
    line-height: 23px; }

.f24 {
    font-size: 24px !important;
    line-height: 24px; }

.f25 {
    font-size: 25px !important;
    line-height: 25px; }

.f26 {
    font-size: 26px !important;
    line-height: 26px; }

.f27 {
    font-size: 27px !important;
    line-height: 27px; }

.f28 {
    font-size: 28px !important;
    line-height: 28px; }

.f29 {
    font-size: 29px !important;
    line-height: 29px; }

.f30 {
    font-size: 30px !important;
    line-height: 30px; }

.f31 {
    font-size: 31px !important;
    line-height: 31px; }

.f32 {
    font-size: 32px !important;
    line-height: 32px; }

.f35 {
    font-size: 35px !important;
    line-height: 35px; }

.f40 {
    font-size: 40px !important;
    line-height: 40px; }

.f45 {
    font-size: 45px !important;
    line-height: 45px; }

.f50 {
    font-size: 50px !important;
    line-height: 50px; }
.f55 {
    font-size: 55px !important;
    line-height: 55px; }
/*字体颜色*/
.f-red {
    color: #fa5151 !important; }

.f-green {
    color: #07c160 !important; }

.f-blue {
    color: #10aeff !important; }

.f-black {
    color: #333 !important; }

.f-white {
    color: #FFF !important; }

.f-zi {
    color: #FF33CC !important; }

.f-gray {
    color: #CCCCCC !important; }

.f-yellow {
    color: #FFFF66 !important; }

.f-orange {
    color: #FF6600 !important; }
/*背景颜色*/

.bg-green{
    background-color:#07c160;
}
.bg-red{
    background-color:#fa5151;
}
.bg-white{
    background-color:#FFFFFF;
}
.bg-blue {
    background-color: #10aeff;
}
.bg-blue:not(.weui-btn_disabled):visited {
    color: #FFFFFF;
}

.b-red{
    border: 1px solid #fa5151!important;
}
.b-green{
    border: 1px solid #07c160!important;
}

.bg-orange {
    background-color: #FF6600;
}

.bg-gray {
    background-color: #f7f7f7;
}