/* 分隔条系列 */
.bb1 {  border-bottom:2px solid #F2EEEC;}
.bb2 {  border-bottom:5px solid #F2EEEC;}

.bb1s {  border-bottom:1px solid #C2C2C2;}

.bb1-item>view:not(:last-child){border-bottom:2px solid #F2EEEC;}
.bb1s-item>view:not(:last-child){border-bottom:1px solid #D9D9D9;}

.menulist>view:not(:last-child){margin-bottom:50px;}
.menulist>b-a:not(:last-child)>navigator{margin-bottom:50px;}

/* 字号系列 */
.h-2 {  font-size: .07rem !important;  line-height: 1.5 !important;}
.h-1 {  font-size: .1rem !important;  line-height: 1.5 !important;}
.h0 {  font-size: .2rem !important;  line-height: 1.5 !important;}
.h1 {  font-size: .3rem !important;  line-height: 1.5 !important;}
.h2 {  font-size: .4rem !important;  line-height: 1.5 !important;}
.h3 {  font-size: .5rem !important;  line-height: 1.5 !important;}
.b {  font-weight: bolder !important;}
.h-cut{line-height: 1 !important;}

/* 背景色系列 */
.bg-2 { background-color: #ADA49EFF !important; }
.bg-1 { background-color: #ececec !important; }
.bg0 {  background-color: #333333 !important; }
.bg1 {  background-color: #ffffff !important; }
.bg2 {  background-color: #FF8125 !important; }
.bg3 {  background-color: #FFF7EA !important; }
.bg4 {  background-color: #E2EDF7 !important; }
.bg-error {  background-color: #DF5454 !important; }
.bg-warn {  background-color: #FFAF54 !important; }
.bg-info {  background-color: #1E6DFB !important; }

/* 前景色系列 */
.fg-2 {color:#9C9EA5 !important; }
.fg-1 {color:#8F8F8F !important; }
.fg0 { color:#333333 !important; }
.fg1 { color:#ffffff !important; }
.fg2 { color:#FF8125 !important; }
.fg3 { color:#FBAD37 !important; }
.fg4 { color:#3798FB !important; }
.fg5 { color:#3C72E0 !important; }

/* 全局text组件强制换行 */
text {
    word-break: break-all;
    word-wrap: break-word;
}

/* 显示行，多余隐藏，并显示... */
.txt-row1,
.txt-row2,
.txt-row3,
.txt-row4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.txt-row1 {-webkit-line-clamp: 1;}
.txt-row2 {-webkit-line-clamp: 2;}
.txt-row3 {-webkit-line-clamp: 3;}
.txt-row4 {-webkit-line-clamp: 4;}

/* 对象100%填充 */
.full{ width:100%; height:100%; }
.wfull{ width:100%; }
.hfull{ height:100%; }
/* 背景图view */
.image-bg{ background-repeat: no-repeat !important;	background-size: contain !important; }
.image-bg-full{ background-repeat: no-repeat !important;	background-size: cover !important; }
/* 图标通用 */
.icon-1{ width: .35rem; height:.35rem;}
.icon{ width: .65rem; height:.65rem;}
.icon1{ width: 1rem; height:1rem;}
.icon2{ width: 1.5rem; height:1.5rem;}
.icon3{ width: 2.3rem; height:2.3rem;}
/* 头像通用 */
.head{ width: 80rpx; height:80rpx; border-radius: 50%;}
.head-1{ width: 60rpx; height:60rpx; border-radius: 50%;}
.head-2{ width: 40rpx; height:40rpx; border-radius: 50%;}
.head2{ width: 120rpx; height:120rpx; border-radius: 50%;}
.head3{ width: 160rpx; height:160rpx; border-radius: 50%;}
/* 圆角 */
.radius-full{ border-radius: 50% !important;}  /* 圆形 */
.radius{ border-radius: 15rpx !important;}
.radius1{ border-radius: 35rpx !important;}
.radius2{ border-radius: 20rpx !important;}
.radius3{ border-radius: 10rpx !important;}
.radius4{ border-radius: 5rpx !important;}
/* 卡片 */
.card {  border-radius: 15rpx;  box-shadow: 0px 0px 10px #888888;}
.card1 {  border-radius: 11rpx;  box-shadow: 0px 0px 7px #bbbbbb;}/* 小圆角卡片 */
.card2 {  border-radius: 7rpx;  box-shadow: 0px 0px 5px #bbbbbb;}/* 小圆角卡片 */
.card3 {  border-radius: 3rpx;  box-shadow: 0px 0px 2px #bbbbbb;}/* 小圆角卡片 */
/* 顶部标题卡片 */
.card-title{  margin: 30rpx;  background-color: #ffffff;  padding: 20rpx;  border-radius: 15rpx;  box-shadow: 0px 0px 10px #888888;}




/* 布局系列 */
.body{ padding: 15rpx; background-color: #ffffff;}
.body2{ padding: 30rpx; background-color: #ffffff;}
.bodym{ margin:15rpx; padding: 15rpx; background-color: #ffffff;}
.bodym2{ margin:30rpx; padding: 30rpx; background-color: #ffffff;}
.item-mb>view:not(:last-child),.item-mb>button:not(:last-child),.item-mb>text:not(:last-child) { margin-bottom: 15rpx;}
.item-mr>view:not(:last-child),.item-mr>button:not(:last-child),.item-mr>text:not(:last-child) { margin-right: 15rpx;}
.item-mb2>view:not(:last-child),.item-mb2>button:not(:last-child),.item-mb2>text:not(:last-child) { margin-bottom: 30rpx;}
.item-mr2>view:not(:last-child),.item-mr2>button:not(:last-child),.item-mr2>text:not(:last-child) { margin-right: 30rpx;}

.m-auto,.mh-auto{margin-left:auto !important;margin-right:auto !important;}
.m-auto,.mv-auto{margin-top:auto !important;margin-bottom:auto !important;}
.m0,.ml0,.mh0{margin-left:0 !important;}.m0,.mr0,.mh0{margin-right:0 !important;}.m0,.mt0,.mv0{margin-top:0 !important;}.m0,.mb0,.mv0{margin-bottom:0 !important;}
.m1,.ml1,.mh1{margin-left:15rpx !important;}.m1,.mr1,.mh1{margin-right:15rpx !important;}.m1,.mt1,.mv1{margin-top:15rpx !important;}.m1,.mb1,.mv1{margin-bottom:15rpx !important;}
.m2,.ml2,.mh2{margin-left:30rpx !important;}.m2,.mr2,.mh2{margin-right:30rpx !important;}.m2,.mt2,.mv2{margin-top:30rpx !important;}.m2,.mb2,.mv2{margin-bottom:30rpx !important;}
.m3,.ml3,.mh3{margin-left:45rpx !important;}.m3,.mr3,.mh3{margin-right:45rpx !important;}.m3,.mt3,.mv3{margin-top:45rpx !important;}.m3,.mb3,.mv3{margin-bottom:45rpx !important;}
.m4,.ml4,.mh4{margin-left:60rpx !important;}.m4,.mr4,.mh4{margin-right:60rpx !important;}.m4,.mt4,.mv4{margin-top:60rpx !important;}.m4,.mb4,.mv4{margin-bottom:60rpx !important;}
.mt-1{margin-top:-15rpx;}.mt-2{margin-top:-30rpx;}.mt-3{margin-top:-45rpx !important;}.mt-4{margin-top:-60rpx !important;}

.p0,.pl0,.ph0{padding-left:0 !important;}.p0,.pr0,.ph0{padding-right:0 !important;}.p0,.pt0.pv0{padding-top:0 !important;}.p0,.pb0,.pv0{padding-bottom:0 !important;}
.p1,.pl1,.ph1{padding-left:15rpx !important;}.p1,.pr1,.ph1{padding-right:15rpx !important;}.p1,.pt1,.pv1{padding-top:15rpx !important;}.p1,.pb1,.pv1{padding-bottom:15rpx !important;}
.p2,.pl2,.ph2{padding-left:30rpx !important;}.p2,.pr2,.ph2{padding-right:30rpx !important;}.p2,.pt2,.pv2{padding-top:30rpx !important;}.p2,.pb2,.pv2{padding-bottom:30rpx !important;}
.p3,.pl3,.ph3{padding-left:45rpx !important;}.p3,.pr3,.ph3{padding-right:45rpx !important;}.p3,.pt3,.pv3{padding-top:45rpx !important;}.p3,.pb3,.pv3{padding-bottom:45rpx !important;}
.p4,.pl4,.ph4{padding-left:60rpx !important;}.p4,.pr4,.ph4{padding-right:60rpx !important;}.p4,.pt4,.pv4{padding-top:60rpx !important;}.p4,.pb4,.pv4{padding-bottom:60rpx !important;}
.p-1,.pl-1,.ph-1{padding-left:10rpx !important;}.p-1,.pr-1,.ph-1{padding-right:10rpx !important;}.p-1,.pt-1,.pv-1{padding-top:10rpx !important;}.p-1,.pb-1,.pv-1{padding-bottom:10rpx !important;}
.p-2,.pl-2,.ph-2{padding-left:5rpx !important;}.p-2,.pr-2,.ph-2{padding-right:5rpx !important;}.p-2,.pt-2,.pv-2{padding-top:5rpx !important;}.p-2,.pb-2,.pv-2{padding-bottom:5rpx !important;}


.inrow{display:inline-block;}
.inrow:not(:last-child){ margin-right: 15rpx; }

/* 纵向显示布局，该布局中，子控件flex为纵向，不建议使用 */
.block {
    display: -webkit-flex;  display: flex;  flex-direction: column; box-sizing: border-box;
    -webkit-align-items: center;  align-items: center;
    -webkit-justify-content: center;  justify-content: center;
    position: relative;
}
/* 控件间隔 */
.block>view:not(:last-child),
.block>button:not(:last-child),
.block>text:not(:last-child) { margin-bottom: 15rpx;}
.block-cut>view,
.block-cut>button,
.block-cut>text { margin-bottom: 0 !important;}
/* 布局方式 */
.block-top {  -webkit-justify-content: flex-start;  justify-content: flex-start;}
.block-bottom {  -webkit-justify-content: flex-end;  justify-content: flex-end;}
.block-left {  -webkit-align-items: flex-start;  align-items: flex-start;}
.block-right {  -webkit-align-items: flex-end;  align-items: flex-end;}
.block-bet {  -webkit-justify-content: space-between;  justify-content: space-between;}
.block-ard {  -webkit-justify-content: space-around;  justify-content: space-around;}

/* 同行显示布局 */
.inline, .btn {
    display: -webkit-flex;  display: flex;  flex-direction: row; box-sizing: border-box;
    -webkit-justify-content: center;  justify-content: center;
    -webkit-align-items: center;  align-items: center;
    position: relative;
}
/* 控件间隔 */
.inline>view:not(:last-child),
.inline>button:not(:last-child),
.inline>text:not(:last-child)
{ margin-right: 15rpx;}
.inline-cut>view,
.inline-cut>button,
.inline-cut>text
{ margin-right: 0 !important;}
/* 布局方式 */
.inline-top {  -webkit-align-items: flex-start;  align-items: flex-start;}
.inline-bottom {  -webkit-align-items: flex-end;  align-items: flex-end;}
.inline-left {  -webkit-justify-content: flex-start;  justify-content: flex-start;}
.inline-right {  -webkit-justify-content: flex-end;  justify-content: flex-end;}
.inline-bet {  -webkit-justify-content: space-between;  justify-content:space-between;}
.inline-ard {  -webkit-justify-content: space-around;  justify-content:space-around;}

.flex, .flexauto  {  display: -webkit-box; display: -webkit-flex; display: flex;}
.flexauto { flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.flex1 {  -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.flex2 {  -webkit-box-flex: 2; -webkit-flex: 2; flex: 2;}
.flex3 {  -webkit-box-flex: 3; -webkit-flex: 3; flex: 3;}
.flex4 {  -webkit-box-flex: 4; -webkit-flex: 4; flex: 4;}
.flex5 {  -webkit-box-flex: 5; -webkit-flex: 5; flex: 5;}
.flex6 {  -webkit-box-flex: 6; -webkit-flex: 6; flex: 6;}
.flex10 {  -webkit-box-flex: 10; -webkit-flex: 10; flex: 10;}

/* 文本居中/垂直居中/居右 */
.center {  text-align: center;}
.center-v {  vertical-align: middle;}
.right {  text-align: right;}

.borderbox { box-sizing: border-box; }

/* 顶部固定栏位置 */
.fixed-top {width: 100%; left: 0; top: 0; background-color: #fff; position: fixed; box-sizing: border-box; z-index: 999000; box-shadow: 0px 10px 10px -10px #dbdbdb;/*底部阴影*/}
/* 底部固定栏位置 */
.fixed-bottom {width: 100%; left: 0; bottom: 0; background-color:#fff; position: fixed; box-sizing: border-box; z-index: 999000; box-shadow: 0px -10px 10px -10px #dbdbdb;/*顶部阴影*/}

.absolute-top { position: absolute; top: 0; left: 0}
.absolute-bottom { position: absolute; bottom: 0; left: 0}
.absolute-left { position: absolute; left: 0}
.absolute-right { position: absolute; right: 0}

.overhidden { overflow: hidden; }

.hidden, .hide { display: none !important;}

/* 去除阴影 */
.unshadow {box-shadow:0 0 0 0 transparent !important;}

/* 页面级提示条 */
.hint {display: block; height: 32rpx; background-color: #CCCCCC; line-height: 32rpx; font-size: 22rpx; text-align: center; color: #FFFFFF;}


/* 按钮系列 */
.btn-view{ font-size: .28rem; line-height: 1.5;border-radius: 0; padding: 0; background-color: #ffffff;}
.btn-view::after{ border: none;}
.btn-view-disabled{ color: #999 !important; background-color: #C9C9C9 !important; }
.btn {
    padding-left: .2rem; padding-right: .2rem;
    text-align: center;  overflow: hidden; border-radius: .1rem;
    font-size: .28rem; height:.73rem;
    /* color: #ffffff;  border: 1px solid #2B82E4;  background-color: #2B82E4; */
    color: #ffffff;  border: 1px solid #1E6DFB;  background-color: #1E6DFB;
}
.btn::after{ border: none;}

/* 按钮颜色 */
.btn-normal{ color: #555; border: 1px solid #999999; background-color: #ffffff; }
.btn-warm{ color: #fff; border: 1px solid #FFB800; background-color: #FFB800; }
.btn-danger{ color: #fff; border: 1px solid #FF5722; background-color: #FF5722; }
.btn-we{ color: #fff; border: 1px solid #07c160; background-color: #07c160; }
.btn[disabled]{ color: #999;  border: 1px solid #C9C9C9;  background-color: #C9C9C9; }

/* 按钮样式 - 圆角 */
.btn-radius{ border-radius: .6rem; }
/* 按钮样式 - 移除边框 */
.btn-clear{ border-color: transparent;}

/* 按钮样式 - 镂空按钮 */
.btn-out{ color:#FF8125; background-color: transparent; }
/* 按钮样式 - 文本模式 */
.btn-txt{ border-color: transparent; background-color: transparent;}
/* 镂空、文本模式文本颜色 */
.btn-normal.btn-out, .btn-normal.btn-txt{ color: #555; }
.btn-warm.btn-out, .btn-warm.btn-txt{ color: #FFB800; }
.btn-danger.btn-out, .btn-danger.btn-txt{ color: #FF5722; }
.btn-we.btn-out, .btn-we.btn-txt{ color: #07c160; }

/* 按钮大小 */
.btn-sm{ height: .44rem; padding-left: .1rem; padding-right: .1rem; border-radius: .05rem; }
.btn-lg{ height: .9rem;}
.btn-lg2{ height: 1.2rem;}

/* 定制按钮 - 登录 */
.btn-submit {
    margin: 15rpx 60rpx;
    height: 78rpx;
    line-height: 76rpx;
    font-size: 30rpx;
    color: #FFFFFF;
    background-color: #FF8125;
    border-radius: 10rpx;
    text-align: center;
}

.space-fixed-bottom-submit { margin-bottom: 148rpx; }

.maskup{z-index:999999;}


/* 分隔条系列 */
.split1 { width:1px;height:100%; display: inline-block; background-color: #FF8125; }
.split-title { width:10rpx;height:100%; display: inline-block; background-color: #FF8125; }

/* 自定义头部 */
.navTop {
    width: 100%;
    /* height: 52px; */
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999998;
}


/* 动画时长 */
.tran-none,.tran-none *, .tran-this-none{
    transition:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;
}
.tran-2,.tran-2 *{
    transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;
}
.tran-2:hover, .tran-2:hover *{
    transition:all 0.2s ease-in 0s;-webkit-transition:all 0.2s ease-in 0s;-moz-transition:all 0.2s ease-in 0s;-o-transition:all 0.2s ease-in 0s;
}
.tran-4, .tran-4 *{
    transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;
}
.tran-4:hover, .tran-4:hover *{
    transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;
}
.tran-1,.tran-1 *{
    transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;
}
.tran-1:hover, .tran-1:hover *{
    transition:all 0.1s ease-in 0s;-webkit-transition:all 0.1s ease-in 0s;-moz-transition:all 0.1s ease-in 0s;-o-transition:all 0.1s ease-in 0s;
}