@charset "utf-8";
/*reset*/
body{
	background: #f2f5f5;
	font-family: "Microsoft YaHei","arial","helvetica";
	line-height: 1.5;
	color:#141414;
	font-size:.75rem;
}
a{
	text-decoration: none;
	color: inherit;
}
a:active{color:inherit}
img{
	border: none;
}
input,button{
	border: none;
	outline: none;
	/*特殊的属性定义  清除浏览器给input自带的样式*/
	-webkit-appearance: none;/*组件默认的样式空*/
	font-family: inherit;
}
a,span,button,li{
	-webkit-tap-highlight-color: transparent;
}
body,ul,li,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,button,a{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,input,p,textarea{
	font-weight: normal;
	font-size: inherit;
	color: inherit;
	line-height: inherit;
}

i,em{
	font-style:normal;
}
b{
	font-weight: 400;
}
.p b,
p b{
	font-weight: bold;
}
ul,li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}

/*常用间距*/
.mt24{
	margin-top: 0.75rem;
}
.mt0{
	margin-top: 0 !important;
}
/*常用间距 end*/
button:enabled:active{
	background-color:inherit;
	color:inherit;
}
.btn.loading-button,
.button.loading-button{
	opacity: .5;
}
.operate-btn button.loading-button{
	opacity: .5;
}
.operate-btn button.loading-button:before {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    vertical-align: top;
    margin-top: .25rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    margin-right: .3rem;
    -webkit-animation: Loading 3s infinite linear;
    animation: Loading 3s infinite linear;
    content: "\E91B";
    font-family: icon-font;
    transform-origin: center;
}
.button.loading-button:before {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-block;
    vertical-align: top;
    margin-top: .75rem;
    line-height: 1.2rem;
    font-size: 1.2rem;
    margin-right: .3rem;
    -webkit-animation: Loading 3s infinite linear;
    animation: Loading 3s infinite linear;
    content: "\E91B";
    font-family: icon-font;
    transform-origin: center;
}
.btn.loading-button:before{
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    margin-right: .3rem;
    -webkit-animation: Loading 3s infinite linear;
    animation: Loading 3s infinite linear;
    content: "\E91B";
    font-family: icon-font;
    transform-origin: center;
}
@-webkit-keyframes Loading {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes Loading {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}
textarea{
	font-family: "Microsoft YaHei","arial","helvetica";
}
::-webkit-input-placeholder {
    color: #bbb;
}
.mui-content {
	padding-top: 0;
	background: #f2f5f5;
	transform: translateZ(0);
}

.header-bar~.mui-content {
	padding-top: 2.75rem;
}
.search-box~.mui-content {
	padding-top: 2.75rem;
}
.search-box.tab~.mui-content .mui-scroll-wrapper{
	top: 5.5rem;
}
.search-box.tab~.mui-content {
	padding-top: 5.5rem;
}

.header-bar:not(.hide)~.search-box~.mui-content{
	padding-top: 5.5rem;
}
.header-bar:not(.hide)~.search-box{
    margin-top: 2.75rem;
}
.opera-box ~.mui-content {
	padding-bottom: 3rem;
}
.opera-box.list ~.mui-content {
	padding-bottom: 3.75rem;
}
.header-bar.tab ~.mui-content{
	padding-top: 5.5rem;
}
.header-bar.tab.hide ~.mui-content{
	padding-top: 2.75rem;
}
html,
body,
.mui-content {
	height: 100%;
}

.mui-content {
	overflow-y: auto;
	overflow-x: hidden;
}

div.bottombar {
	position: absolute;
	z-index: 99;
}
/*重置mui*/
select, textarea, input[type=text], input[type=search], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=color] {
    line-height: inherit;
    width: auto;
    height: auto;
    margin-bottom: auto;
    padding: 0;
    -webkit-user-select: text;
    border: 0;
    border-radius: 0;
    outline: 0;
    background-color: transparent;
    -webkit-appearance: none;
}

/*mlist*/
.mui-table-view{
	background: none;
}
.mui-table-view-cell{
    padding: .75rem .75rem;
    position: relative;
    font-size: .9375rem;
    overflow: hidden;
    min-height: 2.75rem;
    line-height: 1.25rem;
    background: white;
}
.mui-content > .mui-table-view,
.mui-content > .mui-table-view:first-child{
	margin-top: .75rem;
}
.list-tit+ .mui-table-view,
.list-tit-w + .mui-table-view{
	margin-top: 0;
}
/*多行处理*/
.mui-table-view-cell{
	display: flex;
	display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mui-table-view-cell .right-text{
    position: absolute;
    right: .75rem;
    bottom: .75rem;
    color: #141414;
    float: right;
}
.mui-table-view-cell .left-text{
	color: #141414;
	text-align: justify;
	word-break: break-all;
	word-wrap: break-word;
}
.mui-table-view-cell .sub-tit{
	font-size: 0.9375rem;
	color: #4d7fef;
	margin-bottom: .5rem;
}
.mui-table-view-cell>a .right-text{
    position: absolute;
}
.mui-table-view-cell>a .right-text{
	max-width: 56%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-list li .num-list span:empty:before,
.mui-table-view-cell .right-text:empty:before{
	content: attr(placeholder);
	color: #bbb;
}
.mui-table-view-cell:after{
	left: .75rem;
	right: .75rem;
	background: #none;
	border-bottom: solid 1px  #e0e0e0;
	transform-origin: 0 100%;
}
.mui-table-view .icon-question{
	font-size: 1.2rem;
    line-height: 1.5rem;
    vertical-align: middle;
    padding-left: .2rem;
    color: #bbbbbb;
}
.mui-table-view .input-box {
    position: absolute;
    right: .75rem;
    width: 60%;
}
.mui-table-view .input-box input{
	width: 100%;
	text-align: right;
}
.mui-navigate-right:after, .mui-push-right:after {
    right: .5rem;
    content: '\e902';
    font-family: icon-font;
}

.mui-switch .mui-switch-handle{
	width: 1.25rem;
	height: 1.25rem;
    top: 50%;
    margin-top: -.625rem;
    left: 0.125rem;
    box-shadow:none;
    -webkit-box-shadow:none;
    border-radius: 50%;
}
.mui-table-view-cell > .mui-btn, .mui-table-view-cell > .mui-badge, .mui-table-view-cell > .mui-switch, .mui-table-view-cell > a > .mui-btn, .mui-table-view-cell > a > .mui-badge, .mui-table-view-cell > a > .mui-switch{
	width: 2.75rem;
	height: 1.5rem;
	border-radius: 0.75rem;
	border:0;
	background: #e0e0e0;
	right: .75rem;
}
.mui-table-view-cell label{
	color: #666666;
}
.mui-table-view-cell label.required:before{
	content: "\*";
	color: red;
	position: absolute;
	margin-left: -.5rem;
}
.mui-table-view-cell>a .right-text{
	position: absolute;
	right: 1.875rem;
}
.mui-switch-mini.mui-active .mui-switch-handle {
    -webkit-transform: translate(1.25rem, 0);
    transform: translate(1.25rem, 0);
}
.mui-switch-mini.mui-active{
	background: #1ad96e;
}
.mui-table-view-cell> a:not(.mui-btn){
	margin: -.75rem;
}
.mui-table-view-cell> a .input-box{
	right: 1.75rem;
}
.mui-navigate-right:after, .mui-push-right:after{
	position: absolute;
	color: #bbb;
}
.mui-table-view-cell .tit{
	font-size: .9375rem;
}
.mui-table-view.affairs-list .time{
	font-size: .75rem;
	color: #999;
	position: absolute;
	bottom: .725rem;
	right: .75rem;
	width: auto;
	line-height: 1.5;
}
.mui-table-view.affairs-list .p{
	width: auto;
	margin-right: 6.5rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mui-table-view.affairs-list .tit{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mui-table-view .green{
	color: #27d098;
}
.mui-table-view .orange{
	color: #f58a44;
}
.mui-table-view .blue{
	color: #4d7fef;
}
.mui-table-view .red{
	color: #ff3b30;
}
.mui-table-view-cell .tit span{
	margin-right: .5rem;
	display: inline-block;
	vertical-align: top;
}
.mui-table-view-cell .p{
	color: #666;
	word-break: break-all;
	word-wrap: break-word;
	font-size: .75rem;
	line-height: 1.5;
}
.mui-table-view-cell.v-flow label,
.mui-table-view-cell.v-flow .right-text{
	display: block;
	position: static;
	line-height: 1.25;
}
.mui-table-view-cell.v-flow label{
	font-size: .9375rem;
	color: #141414;
}
.mui-table-view-cell.v-flow .right-text{
	max-width: none;
	margin-top: .5rem;
	font-size: .75rem;
	color: #666;
	white-space: normal;
}
.mui-table-view-cell a.val{
	display: block;
	color: #141414;
	white-space: normal;
	padding-right: 2.25rem;
}
.mui-table-view-cell.active:before{
	content: "\e908";
	font-family: icon-font;
	position: absolute;
	right: .75rem;
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #4D7FEF;
	position: absolute;
	top:50%;
	margin-top: -0.6rem;
}

/*多行文本*/
.mui-table-view-cell label{
	float: left;
	margin-right: .4rem;
	word-break: break-word;
}
.mui-table-view-cell .right-text{
    display: block;
    position: static;
    text-align: justify;
    word-break: break-all;
    word-wrap: break-word;
}
.mui-table-view-cell>ul,
.mui-table-view-cell>div,
.mui-table-view-cell>a{
	width: calc(100% + 1.5rem);
}
/*多行文本*/


.mui-table-view:before{
	content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.mui-table-view-cell:after{
	content: " ";
    position: absolute;
    left: .75rem;
    bottom: 0;
    right: .75rem;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.mui-table-view-cell:last-child:after{
	left: 0;
	right: 0;
}
/*mlist end*/



/*list左对齐风格*/
.mui-table-view.left-style .mui-table-view-cell{
	display: block;
	line-height: 1.6875rem;
	padding: .75rem .75rem;
	font-size: 0;
	min-height: 0;
	position: relative;
}
.mui-table-view.left-style .mui-table-view-cell>*{
	font-size: 0.9375rem;
}
.mui-table-view.left-style label{
	width: 6.25rem;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.mui-table-view.left-style .right-text{
	display: inline-block;
	vertical-align: top;
	float: none;
	text-align: left;
	width: calc(100% - 6.65rem);
}
.mui-table-view.left-style .input-box{
	width: calc(100% - 6.65rem);
	position: static;
	display: inline-block;
	vertical-align: top;
}
.mui-table-view.left-style .input-box input{
	text-align: left;
}
/*list左对齐风格*/
/*重置mui end*/
/*h2标题*/
h2.title{
	position: relative;
	padding: 0 0 0 1.625rem;
	font-size: 1rem;
	line-height: 2.75rem;
	background: white;
}
h2.title:before{
	content: "";
	position: absolute;
	top: 50%;
	left: .75rem;
	margin-top: -0.46875rem;
	width: 0.15625rem;
	border-radius: 0.078125rem;
	height: 0.9375rem;
	background: #1188ff;
}
h2.title .right-box{
	position: absolute;
	right: .75rem;
	top: 0;
}
h2.title .right-box .icon-arrowdown,
h2.title .right-box .icon-arrowup{
	font-size: 1rem;
}
h2.title .right-box .link{
	color: #1089ff;
	font-size: 0.875rem;
}
h2.title .icon-pre{
	font-size: 1.375rem;
	color: #ccc;
}
/*h2.title.b-border:after{
	left: .75rem;
	right: .75rem;
}*/
/*h2标题 end*/
/*清除浮动*/
.clearfix::after,
.clearfix::before{
	content: ".";
	line-height: 0;
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
/*reset end*/
.txt-ellipsis{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	word-break: break-all;
}
/*手机头部*/
.mui-table-view-cell .text-area-box{
	height: 6.1875rem;
	width: 100%;
}
.text-area-box textarea{
	width: 100%;
	height: 100%;
}
.header-bar{
	height: 2.75rem;
	line-height: 2.75rem;
	position: fixed;
	width: 100%;
	z-index: 10;
	background: white;
	text-align: center;
	color: white;
	font-size:1.125rem;
	padding: 0 .75rem;
	background: #1188ff;
}
.header-bar>h1{
	position: absolute;
    right: 2rem;
    left: 2rem;
    bottom: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 1.125rem;
}
.header-bar>.icon-pre{
	width: 1.9375rem;
	height: 1.9375rem;
	display: block;
	position: absolute;
    bottom: .40625rem;
	font-size: 1.2rem;
}
.header-bar>.icon-pre.right{
	left: auto;
	right: .75rem;
}
.header-bar>.icon-pre:before{
	line-height: 1.9375rem;
	height: 1.9375rem;
	width: 1.9375rem;
	display: inline-block;
	position: absolute;
	top:0;
	left: 0;
}
.header-bar>.icon-back{
	left: .75rem;
}
.header-bar>.right-btn{
	font-size: .8125rem;
}
.header-bar>.right-btn,
.header-bar>.icon-search,
.header-bar>.icon-share{
	right: .75rem;
	position: absolute;
}
.header-bar{
	color:white;
}

.login-bar{
	background: transparent;
}
.header-bar>h1>span{
	position: relative;
}
.header-bar>h1>span:before{
	font-size:.5rem;
	color:white;
	position: absolute;
	right: -1rem;
}
.header-bar {
	position: absolute;
	top: 0;
}
/*.header-bar:before{
	content: "";
	display: block;
	height: 1px;
	background: #e0e0e0;
	transform: scaleY(.5);
	-webkit-transform: scaleY(.5);
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}*/
/*按钮有圆背景*/
.header-bar .bg{
	background: rgba(0,0,0,.35);
	border-radius: 50%;
}
.header-bar .bg:before{
	color: white;
}
/*按钮有圆背景end*/
/*手机头部end*/

/*底部*/
.footer{

	background: #fff;
	font-size: 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 0 .3125rem;
}
.footer li{
	width: 25%;
	/*padding-top: 2rem;*/
	text-align: center;
	display: inline-block;
	color:#999999;
	font-size:.625rem;
    padding: .3125rem 0;
}
.footer a{
	color:#999999;
	font-size:.625rem;
	width: 25%;
	padding-top: 2rem;
	text-align: center;
	display: inline-block;
	color:#999999;
	font-size:.625rem;
	position: relative;
	
}
.footer a>i{
	position: absolute;
	top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.footer a>i:before{
	font-size:1.5625rem;	
}


.footer a.on{
	color:#0099ee;
}
.s-circle{
	position: absolute;
	padding: 0 .3rem;
	height: 1rem;
	border-radius: 1rem;
	background: #ff6c00;
	font-size:.65rem;
	color:#fff;
	text-align: center;
	line-height: 1rem;
	top: .3125rem;
	left: 50%;
	margin-left: .3rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	min-width: .4rem;
	max-width: 2rem;
}
/*底部end*/


/*空白页*/
ul .blank{
	position: relative;
}
.blank{
	
	width: 100%;
	margin-top: 6rem;
	position: absolute;
	left: 0;
	background: #F0F0F0;
}
.blank>img{
	width: 14.0625rem;
	display: block;	
	margin: 0 auto;
}
.blank>p{
	padding: 0 1rem;
	font-size:.875rem;
	color:#999999;
	text-align: center;
	margin-top: 1rem;
}
.owner-blank>img{
	width: 12.5rem;
	
}

/*空白页end*/


/*遮罩*/
.mask{
	position: fixed;
	background: rgba(0,0,0,.5);
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 99;
}
.over-mask {
	z-index: 1000!important;
}
.mui-pull .mui-pull-caption {
    font-size: .93rem;
    color: #999;
    font-weight: 400;
}

.mui-table-view:after{
	height: 0;
}
.mui-table-view:before{
	height: 0;
	
}

/*遮罩end*/
/*底部弹出操作*/
.bottom-operate{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #838484;
}
.bottom-operate li{
	position: relative;
	padding: 0 .75rem;
	font-size: .9375rem;
	color: #666;
	line-height: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	background: white;
}
.bottom-operate li:active{
	background: #fafafa;
}
.bottom-operate li.cancel{
	margin-top: .5rem;
	background: #f2f2f2;
}
.bottom-operate li:after{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
/*底部弹出操作 end*/


/*点击效果*/
body a.button:active{
	background: #4eb8f0;
	color:#fff;
}
.alarm>a.btn-claims:active{
	background: transparent;
	color: #21a6ec;
	border: 1px solid #2eb6fd;
}
body a.btn-vain:active{
	background: #ebf8ff;
	color: #21a6ec;
	border: 1px solid #2eb6fd;
	
}
.btn-dialog:active{
	background: #4eb8f0;
	color:#fff;
}
.btn-cancel:active{
	background: transparent;
	color:#141414;
}
.btn-login.disabled:active{
	background: #d6dce0;
	color: #fff;
}
body a.btn-add:active{
	background: #fafafa;
	color:#787878;
}
::-webkit-scrollbar {
    display: none;
}

/*tag*/
.tag-box{
	height: 2.5rem;
	position: relative;
	font-size: 0.875rem;
	width: 100%;
	background: #fafafa;
	display:-webkit-flex;
	display: flex;
}
.tag-box span{
	display: table-cell;
	text-align: center;
	line-height: 2.5rem;
	width: 1%;
	-webkit-flex: 1;
	flex: 1;
}
.tag-box span a{
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #666;
}
.tag-box span.active a{
	color: #bb0000;
}
.tag-box span.active a:before{
	content: "";
	display: block;
	height: 0.125rem;
	background: #bb0000;
	bottom:0;
	left: 0;
	right: 0;
	position: absolute;
	border-radius: .625rem;
}
.tag-box:before{
	content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
   
    z-index: 2;
}
.tag-box:after{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
/*固定在顶部*/
.tag-box.fix-top{
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	margin: 0;
	z-index: 99;
}
.tag-box.fix-top + .content{
	padding-top: 3rem;
}
/*tag end*/
/*弹框定位*/
.msg-box{
	position: absolute;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	top:50%;
	left: 50%;
}
/*弹框定位end*/


/*头部tag*/
.header-tag{
	height: 2.75rem;
	position: absolute;
	left: 4.5rem;
	right: 4.5rem;
	top:0;
	font-size: 0.875rem;
	display:-webkit-flex;
	display: flex;
}
.header-tag span{
	display: table-cell;
	text-align: center;
	line-height: 2.75rem;
	width: 1%;
	-webkit-flex: 1;
	flex: 1;
}
.header-tag span a{
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #666;
}
.header-tag span.active a{
	color: #bb0000;
}
.header-tag span.active a:before{
	content: "";
	display: block;
	height: 0.125rem;
	background: #bb0000;
	bottom:0;
	left: 0;
	right: 0;
	position: absolute;
	border-radius: .625rem;
}
.header-tag:before{
	content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
   
    z-index: 2;
}
.header-tag:after{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.header-bar.top-tag{
	background: white;
	position: fixed;
	left: 0;
	top:0;
	right: 0;
	color: #141414;
}
.header-bar.top-tag:before{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
/*头部tag*/

/*横向滚动tab*/

.hs-tab.no-scroll ul{
	display: flex;
	display: -webkit-flex;
}
.hs-tab.no-scroll ul li{
	flex: 1;
}
.hs-tab.content{
	position: relative;
	top:auto;
	margin-top: .75rem;
}
.hs-tab{
	z-index: 10;
	position: absolute;
	left: 0;
	right: 0;
	height: 2.75rem;
	background: white;
	overflow-x: auto;
	overflow-y: hidden;
}
.hs-tab ul:before{
	content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.hs-tab ul:after{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
/*.search-box.tab .hs-tab ul:before{
	display: none;
}*/
.hs-tab ul:after{
	top: auto;
	bottom: 0px;
}
.hs-tab ul{
	position: relative;
	display: inline-block;
	vertical-align: top;
	min-width: 100%;
	font-size: 0;
	text-align: center;
	white-space: nowrap;
    height: 100%;
}
.hs-tab ul li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: .5rem;
	padding: 0 .75rem;
	color: #999;
	font-size: .9375rem;
	line-height: 2.75rem;
}
.hs-tab ul li.active{
	color: #4D7FEF;
}
.hs-tab ul li.active a{
	display: inline-block;
	position: relative;
}
.hs-tab.no-scroll ul li{
	margin-right: 0;
}
.hs-tab.no-scroll ul li.active:before{
	display: none;
}
.hs-tab ul li.active a:before{
	content: "";
	position: absolute;
	display: block;
	left: -.2rem;
	right: -.2rem;
	bottom: .25rem;
	height: .15625rem;
	border-radius: .078125rem;
	background: currentcolor;
	
}
.hs-tab ul li.active:before{
	content: "";
	position: absolute;
	display: block;
	left: .75rem;
	right: .75rem;
	bottom: .25rem;
	height: .15625rem;
	border-radius: .078125rem;
	background: currentcolor;
	
}
.hs-tab ul li:last-child{
	margin-right: 0;
}
/*横向滚动tab end*/

/*小圆点*/
span.num{
	height: 0.9375rem;
	line-height: 0.9375rem;
	background: #bb0000;
	color: white;
	font-size: .75rem;
	text-align: center;
	padding: 0 .25rem;
	min-width: .45rem;
	display: inline-block;
	border-radius: 0.46875rem;
	position: absolute;
}

/*小圆点end*/
/*描边*/
.b-border::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: solid 1px #e0e0e0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}

.t-border::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #ededed;
    color: #e0e0e0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
/*描边end*/
/*已经见底了*/
.no-datatip {
    font-size: 0.75rem;
    text-align: center;
    margin: 0.375rem 0;
    color: #999999;
}
.no-datatip span {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.no-datatip span:before,
.no-datatip span:after {
    position: absolute;
    content: '';
    background: #999;
    height: 0.03125rem;
    width: 3.125rem;
    margin-top: 0.625rem;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}
.no-datatip span:before {
    left: -3.5625rem;
}
.no-datatip span:after {
    right: -3.5625rem;
}
/*已经见底了end*/


/*无背景标题*/
.list-tit{
	padding: .5rem .75rem;
	font-size: .9375rem;
	color: #666666;
	line-height: 1.375rem;
}
.list-tit.higher{
	line-height: 2rem;
	height: auto;
}
.list-tit b{
	font-weight: normal;
	color: #ff3b30;
}
.list-tit.higher button{
	display: inline-block;
	margin: .25rem .75rem 0;
	padding: 0 1rem;
	vertical-align: top;
	font-size: .8125rem;
	line-height: 1.5rem;
	color: #4d7fef;
	background: white;
	border: solid 1px currentcolor;
	border-radius: .2rem;
}
/*白色背景标题*/
.list-tit-w{
	position: relative;
	margin-top: .75rem;
	font-size: .9375rem;
	line-height: 2.75rem;
	background: white;
}
.list-tit-w span{
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 1.25rem;
	vertical-align: top;
}
.list-tit-w .right-text{
	position: absolute;
	right: 0;
	top: 0;
    margin-right: .75rem;
}
.list-tit-w span:first-child:before{
	content: "";
	display: block;
	position: absolute;
	left: .75rem;
	top: .875rem;
	bottom: .875rem;
	width: .15625rem;
	border-radius: .0753125rem;
	background: #4D7FEF;
}
.list-tit-w:before,
.list-tit-w:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 1px;
	background: #e0e0e0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}
.list-tit-w:before{
	bottom: auto;
	top: 0;
}
.list-tit-w a{
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 .75rem;
	color: #4D7FEF;
	font-size: .75rem;
}
/*通用表单end*/

/*材料相关*/
.file-list li .mui-navigate-right{
	margin: 0;
	padding: 0;
	margin-right: -.75rem;
	line-height: 1.25rem;
	font-size: .9375rem;
	color: #666;
}
.file-list li .num-list {
    padding-left: 1.5rem;
    padding-right: 7rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.file-list li .num-list span{
	position: absolute;
	right: 1.875rem;
	color: #141414;
}
.file-list li .num-list span:empty:before{
	content: attr(placeholder);
	color: #bbb;
}
.file-list li .mui-navigate-right i{
	position: absolute;
	left: 0;
	top: 0;
	vertical-align: top;
	width: 1.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
	color: white;
	font-style: normal;
	font-size: .75rem;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;
	background: #4D7FEF;
}
.file-list .collapse{
	margin-top: .5rem;
	padding-left: 1.5rem;	
	font-size: .9375rem;
	line-height: 1.5rem;
	color: #27d098;
}
.file-list .collapse.red{
	color: #ff3b30;
}
.file-list .collapse:after{
	content: "\e904";
	position: absolute;
	margin-left: .75rem;
	font-family: icon-font;
	font-size: .75rem;
	color: #bbb;
}
.file-list .collapse.active:after{
	content: "\e903";
}
.file-list .doc-list{
	display: none;
	margin-top: .5rem;
}
.file-list .doc-list li{
	position: relative;
	margin-top: .5rem;
	padding: .625rem 2rem .625rem 1.5rem;
	font-size: .9375rem;
	line-height: 1.25;
	color: #141414;
	background: #f2f5f5;
}
.file-list .doc-list li:first-child{
	margin-top: 0;
}
.file-list .doc-list li .icon-close{
	position: absolute;
	right: .5rem;
	top: 50%;
	margin-top: -.5125rem;
	width: 1.125rem;
	height: 1.125rem;
	color: #bbb;
	font-size: .5rem;
	text-align: center;
	line-height: 1.125rem;
	font-family: icon-font;
	background: white;
	box-shadow: 0 0 0 1px currentcolor inset;
	border-radius: 50%;
}
.file-list .doc-list li .icon-close:before{
	content: "\e906";
}
.file-list .doc-list li.add{
	text-align: center;
	text-indent: 1.625rem;
	color: #4D7FEF;
}
.file-list .doc-list li.add:before{
	content: "\e907";
	position: absolute;
	width: 1.125rem;
	height: 1.125rem;
	font-size: .5rem;
	font-family: icon-font;
	line-height: 1.125rem;
	margin-left: -1.625rem;
	text-indent: 0;
	background: white;
	border-radius: 50%;
	box-shadow: 0 0 0 1px currentcolor inset;
}
.file-list .collapse.active~.doc-list{
	display: block;
}
/*材料相关 end*/



/*底部按钮*/
.opera-box {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3rem;
	font-size: 0;
}
.opera-box .btn{
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	display: inline-block;
	width: 50%;
	font-size: 1.125rem;
	background: white;
}
.opera-box .btn.btn-sub{
	width: 40%;
}
.opera-box .btn.btn-sub~.blue{
	width: 60%;
}
.opera-box .btn.blue{
	background: #7099fc;
	color: white;
}
.opera-box .btn.blue:only-child {
	display: block;
	width: 100%;
	background: #1188ff;
    
}
/*底部按钮end*/

/*说明*/
.info-box{
	font-size: .75rem;
	padding: 0 .75rem;
}
.info-box .dl{
	margin-top: .75rem;
}
.info-box .dd{
	color: #666;
	word-break: break-all;
	word-wrap: break-word;
	text-align: justify;
}
/*说明end*/

/*时间选择器*/
.mui-dtpicker, .mui-poppicker{
	box-shadow: none;
	border:none;
}
.mui-dtpicker-header{
	background: rgb(242,242,242);
	height: 3rem;
	padding: 0.625rem .75rem;
}
.mui-dtpicker-header button.mui-btn:hover,
.mui-dtpicker-header button.mui-btn{
	width: 4.25rem;
	height: 1.75rem;
	border-radius: 0.1875rem;
	padding: 0;
	text-align: center;
	color: rgb(20,20,20);
	line-height: 1.75rem;
	background: none;
	font-size: .75rem;
	border:solid 1px rgb(153,153,153);
}
.mui-dtpicker-header button.mui-btn-blue:active,
.mui-dtpicker-header button.mui-btn-blue{
    background: #1188ff;
	color: white !important;
	border:none !important;
}
.mui-picker{
	background: white;
}
.mui-pciker-list, .mui-pciker-rule{
	height: 3rem;
	line-height: 3rem;
	font-size: .75rem;
	color: #141414;
    margin: -1.5rem 0 0;
}
.mui-pciker-list li{
	font-size: .9375rem;
	line-height: 3rem;
	height: 3rem;
}
.mui-pciker-list li.highlight{
	font-size: 1.0625rem;
}
.mui-pciker-list {
    -webkit-transform:rotateY(0) rotateX(0);
    transform:rotateY(0) rotateX(0);
}
.mui-dtpicker-body{
	height: 12rem;
}
.mui-picker-inner{
	-webkit-mask-box-image:none !important;
}
.mui-dtpicker-header .tit{
	font-size: 1.125rem;
	display: block;
	margin: 0 auto;
	color: #141414;
	position: absolute;
	left: 5.75rem;
	right: 5.75rem;
	top:0.625rem;
	text-align: center;
}
/*时间选择器end*/

/*星星*/
.star-box {
	font-size: 0;
	display: inline-block;
	vertical-align: top;
}
.star-box i{
	display: inline-block;
	width: 0.9375rem;
	height: 0.9375rem;
	text-align: center;
	position: relative;
	vertical-align: top;
	margin-right: .1rem;
}
.star-box i:before{
	display: inline-block;
	width: .875rem;
	height: .875rem;
	content: "\e90a";
	font-family: icon-font;
	font-size: 0.9375rem;
	line-height: 0.9375rem;
	color: #ff6c00;
	vertical-align: -.4rem;
}
.star-box.enable i:before{
	content: "\e909";
	color: #e0e0e0;
}
.star-box.enable i{
	height: 100%;
}
.star-box.st-1 i:first-child:before{
	content: "\e909";
	color:#ff6c00;
}
.star-box.st-2 i:first-child:before,
.star-box.st-2 i:first-child+i:before{
	content: "\e909";
	color:#ff6c00;
}
.star-box.st-3 i:first-child:before,
.star-box.st-3 i:first-child+i:before,
.star-box.st-3 i:first-child+i+i:before{
	content: "\e909";
	color:#ff6c00;
}
.star-box.st-4 i:first-child:before,
.star-box.st-4 i:first-child+i:before,
.star-box.st-4 i:first-child+i+i:before,
.star-box.st-4 i:first-child+i+i+i:before{
	content: "\e909";
	color:#ff6c00;
}
.star-box.st-5 i:first-child:before,
.star-box.st-5 i:first-child+i:before,
.star-box.st-5 i:first-child+i+i:before,
.star-box.st-5 i:first-child+i+i+i:before,
.star-box.st-5 i:first-child+i+i+i+i:before{
	content: "\e909";
	color:#ff6c00;
}
/*星星end*/


/*时间轴*/
.flow-list{
	background: white;
	line-height: 1.65;
}
.flow-list li{
	padding: .75rem;
	padding-left: 2.1875rem;
	position: relative;
}
.flow-list li .tit{
	position: relative;
	font-size: 0.9375rem;
}
.flow-list li .tit:after{
	position: absolute;
	display: block;
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #ccc;
	left: -1rem;
	top:.55rem;
	content: "";
	z-index: 2;
}
.flow-list li dl{
	font-size: 0;
	white-space: nowrap;
	color: #666;
	display: block;
	word-break: break-all;
	word-wrap: break-word;
	display: flex;
	display: -webkit-flex;
}
.flow-list li dl dt{
	min-width: 4rem;
	text-align: right;
	margin-right: .2rem;
}
.flow-list li dl dt,
.flow-list li dl dd{
	font-size: .75rem;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	word-break: break-all;
	word-wrap: break-word;
}
.flow-list li dl dd{
    /*width: 80%;*/
}
.flow-list li dl dd a{
	color: #4d7fef;
}
.material-box .btn-box,
.flow-list li dl dd .btn-box{
	font-size: 0;
}
.material-box .btn,
.flow-list li dl dd .btn{
	font-size: .75rem;
	color: #666;
	height: 1.75rem;
	line-height: 1.75rem;
	text-align: center;
	padding:  0 .75rem;
	min-width: 5rem;
	border:solid 1px #999;
	border-radius: 0.1875rem;
	display: inline-block;
	margin-right: 1rem;
	vertical-align: top;
	margin-top: .3rem;
}
.material-box .btn.blue,
.flow-list li dl dd .btn.blue{
	color: white;
    background: #1188ff;
	border:none;
}
.flow-list li:after{
	position: absolute;
	width: 0.0625rem;
	left: 1.425rem;
	display: block;
	background: #ccc;
	top:0;
	bottom: 0;
	content: "";
	z-index: 1;
}
.flow-list li:first-of-type:after{
	top:1.3rem;
}
.flow-list li.current .tit,
.flow-list li.current dl{
	color: #4d7fef;
}
.flow-list li.current .tit:after{
	background: #4d7fef;
	width: .75rem;
	height: .75rem;
    left: -1.1rem;
    top: .4rem;
}
/*时间轴end*/

/*选择方式*/
.fashion-cell-box{
	background: white;
	padding: .75rem 0;
	font-size: 0;
	text-align: center;
}
.fashion-cell-box .cell{
	height: 3.4375rem;
	width: 6.25rem;
	text-align: center;
	border:solid 1px #f58a44;
	color: #f58a44;
	border-radius: 0.1875rem;
	display: inline-block;
	font-size: 0.9375rem;
	margin: 0 1rem;
}
.fashion-cell-box .cell.logistics{
	color: #4d7fef;
	border-color: #4D7FEF;
}
.fashion-cell-box .cell span{
	display: block;
}
.fashion-cell-box .cell i{
	font-size: 1.3rem;
	line-height: 1.55rem;
}
/*选择方式end*/
/*弹窗样式*/
.mask .confirm-dialog {
	width: 18rem;
	background: #fff;
	border-radius: .3125rem;
	border: 1px solid #e0e0e0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	padding: 1.6rem 1rem;
	text-align: center;
}
.mask .confirm-dialog>h2 {
	font-size: .9375rem;
	color: #282828;
	margin-bottom: .5rem;
}
.mask .confirm-dialog .txt{
	font-size: .75rem;
	color: #666;
	text-align: center;
}
.mask .confirm-dialog .txt .p{
	text-align: justify;
	word-break: break-all;
	word-wrap: break-word;
	display: inline-block;
}
.mask .confirm-dialog .text-center{
	text-align: center !important;
}
.mask .confirm-dialog .operate-btn{
	margin-top: 1.25rem;
	font-size: 0;
}
.mask .confirm-dialog .operate-btn>button{
	display: inline-block;
	vertical-align: top;
	border: 1px solid #e0e0e0;
	border-radius: 0.1875rem;
	background: transparent;
	font-size: .875rem;
	color: #282828;
	text-align: center;
	line-height: 1.75rem;
	height: 1.75rem;
	padding: 0 1rem;
	min-width: 5rem;
	margin-right: 1.25rem;
}
.mask .confirm-dialog .operate-btn>button:last-of-type {
	margin-right: 0;
}
.mask .confirm-dialog .operate-btn>button.primary{
	border:none;
	color: #fff;
    background: #1188ff;
    
}
/*弹窗样式end*/

/*空白页*/
.empty-box{
	background: url(../../images/empty-bg.png)  center 5rem no-repeat;
	background-size: 12.5rem 7.5rem;
	height: 20rem;
	padding-top: 14rem;
	text-align: center;
	color: #999;
	font-size: 0.9375rem;
}
.empty-box.style2{
	background: url(../../images/empty-bg2.png)  center 5rem no-repeat;
	background-size: 12.5rem 7.5rem;
	height: 20rem;
	padding-top: 14rem;
	text-align: center;
	color: #999;
	font-size: 0.9375rem;
}
.empty-box.style3{
	background: url(../../images/empty-bg3.png)  center 5rem no-repeat;
	background-size: 12.5rem 7.5rem;
	height: 20rem;
	padding-top: 14rem;
	text-align: center;
	color: #999;
	font-size: 0.9375rem;
}
.msg-box .empty-box.style3{
	height: 12.25rem;
    background: url(../../images/empty-bg3.png) center 2rem no-repeat;
    background-size: 12.5rem 7.5rem;
    padding-top: 10rem;
}
/*空白页end*/
/*到底了*/
.up-flag,
.end-flag{
	font-size: 0;
	text-align: center;
	padding: .75rem 0;
	position: relative;
}
.up-flag span,
.end-flag span{
	position: relative;
	display: inline-block;
	font-size: .75rem;
	color: #999;
	padding: 0 .75rem;
	background: #f2f5f5;
	z-index: 2;
}
.end-flag:before{
	position: absolute;
	display: block;
	left: .75rem;
	right: .75rem;
	background: #bbb;
	height: 1px;
	top:50%;
	z-index: 1;
	content: "";
}
/*到底了end*/
/*成功页面*/
.submit-success{
	background: url(../../images/success-bg.png) no-repeat center 2.8125rem;
	background-size: 8.875rem 6rem;
	padding-top: 9.3125rem;
	height: 15.625rem;
	text-align: center;
	background-color: white;
	font-size: 1.125rem;
}
.flow-btn{
	padding:1.25rem  1rem;
}
.flow-btn .btn{
	height: 3rem;
	line-height: 3rem;
	border-radius: 0.1875rem;
	font-size: 1.125rem;
	color: white;
	display: block;
	text-align: center;
    background: #1188ff;
    
}
/*成功页面*/
/*所需材料*/
.material-box .cell{
	padding-left: 1.5rem;
	background: white;
	position: relative;
}
.material-box .cell i {
    position: absolute;
    left: -1rem;
    top: .9rem;
    vertical-align: top;
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    color: white;
    font-style: normal;
    font-size: .75rem;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    background: #4D7FEF;
}
.mui-table-view-cell .tip{
	color: #4d7fef;
	font-size: 0.9375rem;
	line-height: 1.5;
	margin-top: .5rem;
}
.material-box  .mui-table-view:after {
    height: 1px;
    background: #e0e0e0;
    left: -1.75rem;
    right: .75rem;
}
/*所需材料end*/

/*iphoneX头部兼容*/
@media only screen and (device-width: 375px) and (device-height: 812px) {
	.header-bar.ios-header {
		padding-top: constant(safe-area-inset-top);
		padding-top: env(safe-area-inset-top);
		height: calc(2.75rem + constant(safe-area-inset-top));
		height: calc(2.75rem + env(safe-area-inset-top));
	}
	.header-bar.ios-header~.mui-content{
		padding-top: calc(2.75rem + constant(safe-area-inset-top));
		padding-top: calc(2.75rem + env(safe-area-inset-top));
	}
	.header-bar.tab.ios-header~.mui-content{
		padding-top: calc(5.5rem + constant(safe-area-inset-top));
		padding-top: calc(5.5rem + env(safe-area-inset-top));
	}
}

/*iphoneX兼容 end*/

/*打开app*/
.app-open-btn{
	position: absolute;
    bottom: 10%;
    font-size: 0.9375rem;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    padding: 0 1.25rem;
    height: 2.125rem;
    line-height: 2.125rem;
    border-radius: 1.0625rem;
    background: #4d7fef;
    background: #1188ff;
    z-index: 77;
    box-shadow: 0 0.3rem .6rem rgba(234,61,60,.5);
}
/*打开append*/


/*分享弹框*/
.bottom-msg-box{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.bottom-msg-box .share-list{
	background: #f8f8f8;
	position: relative;
	font-size: 0;
}
.bottom-msg-box .share-list li {
	display: inline-block;
	width: 3.5625rem;
	vertical-align: top;
	margin-left: .75rem;
	margin-top: 1rem;
	padding-bottom: 1rem;
}
.bottom-msg-box .share-list li .icon-pre{
	display: block;
	width: 3.5625rem;
	height: 3.5625rem;
	background-color: white;
	border-radius: 0.3125rem;
}
.bottom-msg-box .share-list li .icon-wechat{
	background: url(../../images/icon-wechat.png) no-repeat center center;
	background-color: white;
	background-size: auto 1.875rem;
}
.bottom-msg-box .share-list li .icon-friend{
	background: url(../../images/icon-friends.png) no-repeat center center;
	background-color: white;
	background-size: auto 1.875rem;
}
.bottom-msg-box .share-list li .icon-copy-link{
	background: url(../../images/icon-link.png) no-repeat center center;
	background-color: white;
	background-size: auto 1.875rem;
}
.bottom-msg-box .share-list li span{
	font-size: 0.75rem;
	color: #141414;
	display: block;
	text-align: center;
	margin-top: .5rem;
}
.bottom-msg-box .btn{
	height: 3.125rem;
	line-height: 3.125rem;
	position: relative;
	background: white;
	font-size: 1rem;
	text-align: center;
	display: block;
}
/*分享弹框end*/

/*头部样式2end*/
.right-arrow{
	position: relative;
}
.right-arrow:before{
	content: "\e902";
    font-family: 'icon-font';
    position: absolute;
    color: #bbbbbb;
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    font-size: .9375rem;
    top: 50%;
    right: .75rem;
    margin-top: -1rem;
}
.fast-entrance {
	position: fixed;
	bottom: 4.25rem;
	right: 1rem;
}
.fast-entrance a {
	display: block;
	width: 2.5rem;
	height: 2.625rem;
	border-radius: 0.1875rem;
	background: rgba(0,0,0,.7);
	font-size: 0.5625rem;
	color: #fff;
	text-align: center;
	margin-bottom: 1px;
	line-height: 1;
	transition: all .3s;
	word-break: break-all;
}
.fast-entrance a:before {
	font-family: 'icon-font';
	color: #fff;
	display: block;
	font-size: 1.5rem;
	vertical-align: top;
	line-height: 1;
	padding-top: .1rem;
	margin-bottom: .06rem;
}

.to-top:before {
	content: '\e910';
	line-height: 2.625rem!important;
}


/*隐藏头部调整*/
.header-bar.hide~ .mui-content{
	padding-top: 0;
}
.header-bar.tag.hide{
	display: block !important;
	margin-top: -2.75rem;
}
.header-bar.tag.hide~.mui-content{
	padding-top: 3.1875rem;
}


/*隐藏头部调整end*/
/*加载更多*/
.loading-more {
    text-align: center;
    padding: 1rem 0;
    font-size: .75rem;
    color: #999;
    text-align: center;
    min-height: 3rem;
    box-sizing: border-box;
}

.loading-more .loading-pic {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: top
}

.loading-more .loading-pic>img {
    width: 100%;
    height: 100%
}

.loading-more>div.text {
    display: inline-block;
    font-size: .75rem;
    line-height: 1rem;
    color: #999;
    vertical-align: top;
}
.loading-more.no-more{
    position: relative;
}
.loading-more.no-more:before{
	left: 16%;
	right: 16%;
	height: 1px;
	background: #bbb;
	content: "";
	position:absolute;
	top:50%;
	z-index:1;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
}
.loading-more.no-more>div.text{
	position:relative;
	background: #f2f5f5;
	z-index:9;
	padding:0 .75rem;
}
/*加载更多end*/

/*搜索*/
.search-box{
	position: absolute;
	height: 2.75rem;
	background: white;
	left: 0;
	right: 0;
	top:0;
	z-index: 2;
}
.search-box.tab{
	height: 5.5rem;
}
.search-box .search{
	height: 1.75rem;
	border-radius: 0.875rem;
	margin: .5rem .75rem;
	position: relative;
	padding-left: 1.6rem;
	padding-right: .75rem;
	overflow: hidden;
}
.search-box .search input[type=search]{
	text-align: left;
}
.search-box .clear-btn{
	color: #cdcdcd;
	position: absolute;
	width: 1rem;
	height: 1rem;
	line-height: 1rem;
	right: .5rem;
	top:.3rem;
	font-size: 1rem;
	z-index: 9;
}
.search-box .clear-btn:before{
	content: "\e918";
	font-family: icon-font;
}
.search-box .cancel-btn:not(.hide)~.search{
	margin-right: 3rem;
}
.search-box .search-btn:not(.hide)~.search{
	margin-right: 3rem;
}
.search-box .search-btn,
.search-box .cancel-btn{
	position: absolute;
	right: .75rem;
	line-height: 1.75rem;
	display: block;
	top:.5rem;
	color: #666;
}
.search-box .search:after{
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius:1.75rem;
    z-index: 1;
}
.search-box .icon-search{
	height: 1.75rem;
	line-height: 1.75rem;
	width: 1.75rem;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	font-size: 0.9375rem;
	color: #bbb;
	position: absolute;
	left: 0;
	top:0;
}
.search-box  input{
	height: 1rem;
	line-height: 1rem;
	display: block;
	width: 100%;
	font-size: 0.8125rem;
	margin-top: .4rem;
	position: relative;
	z-index: 2;
}
/*搜索end*/
/*大按钮*/
button.button{
	margin: 0 .75rem;
    margin-top: 1rem;
    margin-bottom: .75rem;
}
button.button:hover,
button.button:active,
button.button{
    display: block;
    line-height: 2.75rem;
    text-align: center;
    border-radius: 0.1875rem;
    color: white;
    font-size: 1.125rem;
    background: #1188ff;
    display: block;
    width: calc(100% - 1.5rem);
    transition: none;
    -webkit-transition: none;
}
/*大按钮end*/
/*加载弹框*/
body .mui-backdrop.no-bg{
	z-index: 100;
	top: 2.75rem;
	background: rgba(0,0,0,0);
}
.mui-backdrop .loading{
	box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14rem;
	height: 7.2rem;
	padding-top: 5rem;
	margin-left: -7rem;
	margin-top: -3.6rem;
	font-size: .94rem;
	color: white;
	line-height: 1.5;
	text-align: center;
	background: rgba(64,64,64,.6);
	border-radius: .25rem;
}
.mui-backdrop .loading:empty:after{
	content: "正在加载";
}
.mui-backdrop .loading:before{
	content: "";
	position: absolute;
	left: 50%;
	top: 3rem;
	margin-left: -.125rem;
	width: .25rem;
	height: .25rem;
	border-radius: 50%;
	box-shadow: .75rem -1.125rem 0 white,
	1.25rem -.625rem 0 .09375rem white,
	1.375rem .125rem 0 .15rem white,
	.9375rem .8rem 0 .1875rem white,
	.03125rem 1.25rem 0 .25rem white,
	-1rem .8125rem 0 .28125rem white,
	-1.375rem -.25rem 0 .328125rem white,
	-.5625rem -1.3125rem 0 .40625rem white;
	-webkit-animation: scroll 2s linear infinite;
	animation: scroll 2s linear infinite;
}
@-webkit-keyframes scroll{
	from{
		-webkit-transform: rotate(0deg) scale(.625);
	}
	to{
		-webkit-transform: rotate(360deg) scale(.625);
	}
}
@keyframes scroll{
	from{
		transform: rotate(0deg) scale(.625);
	}
	to{
		transform: rotate(360deg) scale(.625);
	}
}
/*加载弹框end*/
/*头部页签*/
.header-tag span a {
	color: #999;
}
.header-tag span.active a{
	color: #1188ff;
	padding: 0 .75rem;
}
.header-tag span.active a:before{
	background: #1188ff;
}

/*头部页签end*/

/*弹窗样式*/
.mask .confirm-dialog {
	width: 18rem;
	background: #fff;
	border-radius: .3125rem;
	border: 1px solid #e0e0e0;
    line-height: 1.5;
    vertical-align: middle;
    display: inline-block;
	padding: 1.6rem 1rem;
	text-align: center;
}
.mask .msg-content{
	text-align: left;
	position: relative;
}
.mask .confirm-dialog>h2 {
	font-size: 1.125rem;
	color: #282828;
	margin-bottom: .5rem;
    display: inline-block;
    text-align: left;
}
.mask .confirm-dialog .txt{
	font-size: .75rem;
	color: #666;
	text-align: center;
}
.mask .confirm-dialog .txt .p{
	text-align: justify;
	word-break: break-all;
	word-wrap: break-word;
	display: inline-block;
}
.mask .confirm-dialog .txt .p em{
	color: #ff3a30;
}
.mask .confirm-dialog .operate-btn{
	margin-top: 1.25rem;
	font-size: 0;
}
.mask .confirm-dialog .operate-btn>button{
	display: inline-block;
	vertical-align: top;
	border: 1px solid #e0e0e0;
	border-radius: 0.1875rem;
	background: transparent;
	font-size: .875rem;
	color: #282828;
	text-align: center;
	line-height: 1.75rem;
	height: 1.75rem;
	padding: 0 1rem;
	min-width: 5rem;
	margin-right: 1.25rem;
}
.mask .confirm-dialog .operate-btn>button:last-of-type {
	margin-right: 0;
}
.mask .confirm-dialog .operate-btn>button.primary{
	border:none;
	color: #fff;
    background: #1188ff;
}

.mask .msg-content .apply-data-box{
	margin-left: -.75rem;
	margin-right: -.75rem;
    max-height: 18rem;
    overflow-y: auto;
}
.mask .apply-data-box ul li{
	font-size: 0.8125rem;
}
.mask h2 .blue{
	color: #4d7fef;
}
/*弹窗样式end*/

/*h2标题*/
h2.title{
	position: relative;
	padding: 0 0 0 1.625rem;
	font-size: 1rem;
	line-height: 2.5rem;
	background: white;
}
h2.title:before{
	content: "";
	position: absolute;
	top: 50%;
	left: .75rem;
	margin-top: -0.46875rem;
	width: 0.15625rem;
	height: 0.9375rem;
	background: #1188ff;
}
h2.title .right-box{
	position: absolute;
	right: .75rem;
	top: 0;
}
h2.title .right-box .icon-arrowdown,
h2.title .right-box .icon-arrowup{
	font-size: 1rem;
}
h2.title .right-box .link{
	color: #1089ff;
	font-size: 0.875rem;
}
h2.title .icon-pre{
	font-size: 1.375rem;
	color: #ccc;
}
/*h2标题 end*/

.mui-table-view .empty-box{
	/*background-color: #f2f5f5;*/
	margin-top: 15vh;
}

/*头部样式2*/
.header-bar.style2{
	background: white;
	font-size: 0;
	text-align: left;
	height: 3.125rem;
}
.header-bar.style2 .logo{
	width: 1.75rem;
	height: 1.75rem;
	margin-top: .75rem;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 0 .1rem rgba(0,0,0,.1);
	border-radius:0.5rem;
}
.header-bar.style2 .slogan{
	display: inline-block;
	vertical-align: top;
	height: 2.0625rem;
	width: 6.90625rem;
	margin-left: .75rem;
	margin-top: .5rem;
}
.header-bar.style2 .slogan img,
.header-bar.style2 .logo img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.header-bar.style2 h2{
	font-size: 1rem;
	color: #282828;
	display: inline-block;
	vertical-align: top;
	margin-left: .5rem;
	margin-top: .265rem;
}
.header-bar.style2 .open-btn{
	position: absolute;
	right: .75rem;
    background: #1188ff;
    padding: 0 1rem;
    height: 1.75rem;
    line-height: 1.75rem;
   	border-radius: 0.1875rem;
   	font-size: 0.9375rem;
   	margin-top: .7rem;
}
.header-bar.style2~.mui-content {
    padding-top: 3.125rem;
}
.header-bar.tips{
	background: url(../../images/tips-bg.jpg) no-repeat;
	background-size: cover;
	height: 3.75rem;
	padding-top: .3rem;
}
.header-bar.tips~.mui-content {
    padding-top: 3.75rem;
}
.header-bar.tips .logo{
	width: 2.3125rem;
	height: 2.3125rem;
	margin-top: .4rem;
}
/*头部样式2end*/
/*ios滚动bug*/
.mui-content:before{
	content: "";
	display: block;
	height:calc(100vh + 1px);
	position: absolute;
	left: 0;
	top:0;
	width: 1px;
}
/*ios滚动bug end*/




/*表单样式2*/
.mui-table-view.center-left-style .mui-table-view-cell:after{
	left: 0;
	right: 0;
}
.mui-table-view.center-left-style .mui-table-view-cell{
	padding: 0;
	display: table;
	position: relative;
	width: 100%;
}
.mui-table-view.center-left-style .mui-table-view-cell label{
	margin-right: 0;
	padding: .75rem 1.5rem;
	background: #f9f9f9;
	width: 4.3125rem;
	text-align: center;
	box-sizing: content-box;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	float: none;
}
.mui-table-view.center-left-style .mui-table-view-cell .input-box,
.mui-table-view.center-left-style .mui-table-view-cell .right-text{
	display: table-cell;
	padding: .75rem;
	text-align: left;
	float: none;
	vertical-align: middle;
}
.mui-table-view.center-left-style .mui-table-view-cell .textarea-box{
	padding: .75rem;
	padding-bottom: 1.2rem;
	display: table-cell;
    height: 6.75rem;
}
.mui-table-view.center-left-style .mui-table-view-cell .textarea-box .count{
	position: absolute;
	right: .75rem;
	bottom: .25rem;
	font-size: 0.75rem;
	color: #bbb;
}
.mui-table-view.center-left-style .mui-table-view-cell .textarea-box .count span{
	color: #666;
}
.mui-table-view.center-left-style .mui-table-view-cell .textarea-box textarea{
	width: 100%;
	height: 100%;
}
.mui-table-view.center-left-style .mui-table-view-cell .input-box{
	position: static;
	right: auto;
	width: auto;
}
.mui-table-view.center-left-style .mui-table-view-cell .input-box input{
	text-align: left;
}
.mui-table-view.center-left-style .mui-table-view-cell .blue,
.mui-table-view.center-left-style .mui-table-view-cell a.link{
	color: #4d7fef;
}

.mui-table-view.center-left-style .mui-navigate-right{
	margin: 0;
	width: 100%;
	display: table;
	padding-right: .75rem;
}
.mui-table-view.center-left-style .mui-table-view-cell>a .right-text{
	position: static;
	max-width: none;
	right: auto;
	white-space: normal;
}
.mui-table-view.center-left-style .mui-navigate-right:after{
	top:50%;
	line-height: 1rem;
	margin-top: -.5rem;
}
/*表单样式2*/

.upload-box{
	position: relative;
	font-size: 0;
	padding-left: .75rem;
	padding-top: .75rem;
}
.upload-box .add-btn{
	display: inline-block;
	vertical-align: top;
	width: 3.75rem;
	height: 3.75rem;
	border: 1px dashed #e0e0e0;
	text-align: center;
	line-height: 3.75rem;
	margin-bottom: .75rem;
	
}
.upload-box .add-btn:before{
	font-family: 'icon-font';
	content: '\e907';
	color: #cccccc;
	font-size: 1.625rem;
}
.upload-box .img-box{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 3.75rem;
	height: 3.75rem;
	border: 1px solid #e0e0e0;
	margin-right: .75rem;
	margin-bottom: .75rem;
}
.upload-box .img-box:nth-of-type(5n+5){
	margin-right: 0;
}
.upload-box .img-box img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.upload-box .img-box .close-btn{
	position: absolute;
	right: 0;
	top: 0;
	width: 1.25rem;
	height: 1.25rem;
	border-bottom-left-radius: 0.375rem;
	background: rgba(0,0,0,.5);
	text-align: center;
	line-height: 1.25rem;
}
.upload-box .img-box .close-btn:before{
	font-family: 'icon-font';
	content: '\e906';
	color: #fff;
	font-size: .75rem;
}

.refreshText {
    position: absolute;
    width: 100%;
    line-height: 30px;
    text-align: center;
    left: 0;
    top: -1rem;
    transform: translateY(-30px);
    font-size: .75rem;
    color: #999;
}