/*基于mui开发的共通组件*/

body {
	background: #f0f0f0;
	color: #333;
	font-family: "苹方", helvetica;
	line-height: 1.5rem;
}

.mui-content {
	background: #f0f0f0;
	padding-bottom: 60px;
}

.mui-title {
	color: #fff;
	font-size: 1.26rem
}

h1,
.mui-h1 {
	font-size:1.57rem;
	margin: 10px 0;
	line-height:1.2
}

h2,
.mui-h2 {
	font-size:1.21rem;
}

h3,
.mui-h3 {
	font-size:1.14rem;
	line-height:1.2
}

h4,
.mui-h4 {
	font-size:1.07rem;
}

h5,
.mui-h4 {
	font-size:1rem;
	color: #666;
}

h6,
.mui-h4 {
	font-size: 0.93rem;
	color: #888; 
}

p {
	margin-bottom: 5px;
	font-size: 0.93rem;
	color: #888;
}

a {
	color: #00a9f8;
}
.a-underline{
	text-decoration:underline
}

/*顶部选项卡*/

header.mui-bar.mui-bar-nav {
	background-color: #FA4747;
	-webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	box-shadow: 0 0 0 rgba(255, 255, 255, 0)
}

.mui-bar .mui-segmented-control {
	width: 44%;
	border: #fff 1px solid;
	font-size: 1.07rem;
}

.title-mui-segmented-control.mui-segmented-control .mui-control-item {
	line-height: 28px;
}

.mui-segmented-control .mui-control-item {
	color: #FFFFFF;
	border-left: #fff 1px solid;
}

.mui-segmented-control .mui-control-item.mui-active {
	color: #fff;
	background: url(../img/common/icon_title_select.png) top right no-repeat #fa4747;
	background-size: 14px 12px;
}
.mui-segmented-control.em-segmented-control-redBg .mui-control-item.mui-active {
	color: #fa4747;
	background: url(../img/common/icon_title_select_red.png) top right no-repeat #fff;
	background-size: 14px 12px;
}


/*顶部返回按钮图标*/

.mui-icon-back:before,
.mui-icon-left-nav:before {
	color: #FFFFFF;
}

input[type='button'],
input[type='submit'],
input[type='reset'],
button,
.mui-btn {
	padding: 10px 15px;
}

button,
.mui-btn {
	border: 1px #e5e5e5 solid;
	border-radius:5px
}


/*底部选项卡*/

nav.mui-bar-tab .mui-tab-item.mui-active {
	color: #FA4747;
}

.mui-bar {
	box-shadow: 0 0 1px #aaa;
}


/*上拉加载*/

.mui-pull-bottom-tips {
	text-align: center;
	font-size: 0.93rem;
	line-height:36px;
	color: #666;
}


/*可拖动选项卡*/

.mui-segmented-control.mui-segmented-control-inverted {
	background: #fff;
	border-bottom: 1px #e5e5e5 solid;
}

.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
	border-bottom: 1px #FA4747 solid;
	color: #FA4747;
}

.mui-segmented-control.mui-segmented-control-inverted~ .mui-slider-progress-bar {
	background-color: #FA4747;
}

.mui-slider .mui-segmented-control.mui-segmented-control-inverted~ .mui-slider-group .mui-slider-item {
	margin-top: 0;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
	color: #333;
}

.mui-segmented-control.mui-scroll-wrapper .mui-scroll {
	height: 37px;
	font-size:1.07rem;
}

.mui-segmented-control .mui-control-item {
	line-height: 36px;
}

.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
	padding: 0;
}

.mui-fullscreen .mui-segmented-control~ .mui-slider-group {
	top: 37px;
}

/*资讯订阅*/
.em-mui-segmented-control-box{
	position:fixed;
	top:44px;
	background: #fff;
	z-index: 1;
}
.em-mui-segmented-control{
	width: 70%;
	margin: 10px 15%;
	border: 1px solid #fa4747;
	background: #fff;
	
}

.em-mui-segmented-control .mui-control-item{
	color: #fa4747;
	border-left: 1px solid #fa4747;
}


/*可移动选项卡右侧箭头*/

.mui-slider-indicator .mui-icon.em-icon-arrowright {
	position: absolute;
	z-index: 2;
	right: 0;
	background: #fff;
	margin: 0;
	font-size:1rem;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border: 0;
	border-left: 1px #e5e5e5 solid;
}


/* .mui-table-view-cell{
	padding: 11px 15px;
}
.mui-table-view-cell>a:not(.mui-btn){
	margin: -11px -15px;
} */


/*快捷入口*/

.mui-grid-view.mui-grid-9 {
	background: #fff;
	/* margin: -2px 0; */
	border:0;
	margin:0;
	padding:0
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell {
	padding: 11px 2px;
	border-right: 0;
	border-bottom: #f7f7f7 solid 1px;
	margin-bottom: -1px;
	box-sizing: border-box;
	float:left
}

.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
	font-size:1rem;
	color: #545454;
	margin-top: 10px
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
	 border-right: #f7f7f7 solid 1px; 
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell:nth-of-type(4)>a:not(.mui-btn),.mui-grid-view.mui-grid-9 .mui-table-view-cell:nth-of-type(8)>a:not(.mui-btn) {
	border-right: 0;
}

/*数据中心*/
.mui-table-view.mui-grid-view.em-grid-dataCenter .mui-table-view-cell .mui-media-body{
	margin-top: 0;
}
.mui-grid-view.mui-grid-9.em-grid-dataCenter .mui-table-view-cell:nth-of-type(3)>a:not(.mui-btn),.mui-grid-view.mui-grid-9.em-grid-dataCenter .mui-table-view-cell:nth-of-type(6)>a:not(.mui-btn),.mui-grid-view.mui-grid-9.em-grid-dataCenter .mui-table-view-cell:nth-of-type(9)>a:not(.mui-btn){
	border-right: 0;
}

.mui-grid-view.mui-grid-9.em-grid-dataCenter .mui-table-view-cell>a:not(.mui-btn) {
	 border-right: #f7f7f7 solid 1px; 
}

/*按钮色*/

.mui-btn-negative,
.mui-btn-danger,
.mui-btn-red {
	color: #fff;
	border: 1px solid #FA4747;
	background-color: #FA4747;
}

.mui-btn-negative:enabled:active,
.mui-btn-negative.mui-active:enabled,
.mui-btn-danger:enabled:active,
.mui-btn-danger.mui-active:enabled,
.mui-btn-red:enabled:active,
.mui-btn-red.mui-active:enabled {
	color: #fff;
	border: 1px solid #c83939;
	background-color: #c83939;
}

input[type='button']:enabled:active,
input[type='button'].mui-active:enabled,
input[type='submit']:enabled:active,
input[type='submit'].mui-active:enabled,
input[type='reset']:enabled:active,
input[type='reset'].mui-active:enabled,
button:enabled:active,
button.mui-active:enabled,
.mui-btn:enabled:active,
.mui-btn.mui-active:enabled {
	background: #c83939;
	color: #fff
}

.mui-btn-disable {
	background: #dcdcdc;
	color: #fff;
}

.mui-btn-xs-sm {
	padding: 6px 8px;
	font-size: 0.93rem;
}

.mui-btn-xs {
	padding: 8px 15px;
	font-size: 1.07rem;
}

.mui-btn-xs-xs {
	padding: 3px 6px;
	border: 1px #fff solid;
	font-size: 0.93rem;
	opacity: 0.8;
	color: #fff;
}
.mui-btn-xs-lg{
	padding:6px 20px;
	border: 1px #fff solid;
	font-size: 2.14rem;
	opacity: 0.8;
	color: #fff;
}

a.mui-btn-xs-xs:hover,a.mui-btn-xs-lg:hover {
	color: #fff
}

.mui-btn-xs-red {
	padding: 2px 6px;
	border: 1px #FA4747 solid;
	font-size: 0.93rem;
	color: #FA4747;
	border-radius:3px
}
.mui-btn-sm-red {
	padding: 6px 30px;
	border: 1px #FA4747 solid;
	font-size: 0.93rem;
	color: #FA4747;
	border-radius:3px
}
.mui-btn-lg-red {
	padding: 10px 30px;
	border: 1px #FA4747 solid;
	font-size: 1.07rem;
	color: #FA4747;
	border-radius:5px
}
.mui-btn-blue {
	border: 1px #00a9f8 solid;
}

.mui-btn-outlined.mui-btn-blue {
	color: #00a9f8;
}

.mui-btn-outlined-danger {
	color: #FA4747;
	border: 1px #FA4747 solid;
}

button[disabled] {
	background: #aaa;
	border:1px #aaa solid;
}


/*外边框*/

.mui-slider .mui-segmented-control.mui-segmented-control-inverted~ .mui-slider-group .mui-slider-item {
	border-top: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid
}


/*播放器*/

.mui-input-range input[type=range] {
	background: #ff7462;
}

.mui-input-range input[type='range']::-webkit-slider-thumb {
	width: 20px;
	height: 20px;
	background: #fff;
}

.mui-input-range .mui-tooltip {
	display: none;
	border: 0;
}

.mui-pull-bottom-tips {
	height: 68px;
}

.mui-table-view-cell:after {
	background: #e5e5e5;
	right:15px
}

.mui-table-view:before,
.mui-table-view:after {
	background: #f2f2f2;
}

.em-media-horizontal .mui-table-view.mui-table-view-cell:after {
	background: none;
}

/*输入框组件*/

.mui-input-group .mui-input-row {
	font-size:1.14rem;
	height: 54px;
	color: #333;
}

.mui-input-row label {
	line-height: 2;
	padding:12px 15px
}
.mui-input-row.em-input-row label{
	width:auto;
}
.mui-input-row.em-input-row label~ input, .mui-input-row.em-input-row label~ textarea{
	float: left;
	padding:8px  25px 0 15px ;
}
.mui-input-group:before,.mui-input-group:after{
	background: none;
}
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'] {
	height: 50px;
	line-height: 2;
	font-size: 1.07rem;
}
input[type='search']{
	height: 36px;
}
input[type='datetime'],
input[type='datetime-local'],
input[type='date'] {
	font-size:1rem;
	padding: 11px 8px;
	height: 56px;
}


/*角标*/

.mui-badge-danger,
.mui-badge-red {
	background: #ffa593;
	border-radius: 5px;
}

.mui-badge {
	padding: 4px 6px;
	font-size: 0.93rem;
}

.mui-badge-danger.mui-badge-inverted,
.mui-badge-red.mui-badge-inverted,
.mui-badge-success.mui-badge-inverted {
	color: #fff;
	background: #fc7b64;
	border-radius:20px;
	padding:0 6px;
	font-size:0.79rem;
	position:absolute;
	right:15px;
	margin-top:4px;
}
.mui-badge-success.mui-badge-inverted,
.mui-badge-green.mui-badge-inverted {
	color: #41b78b;
	background:none;
	font-size:0.93rem;
}
.mui-badge-warning,
.mui-badge-yellow {
	background: #fff;
	border: 1px #fec460 solid;
	color: #ffaa03;
	border-radius: 3px;
	padding: 2px 6px;
	font-weight: normal;
	font-size: 0.86rem;
}
.mui-badge-gray{
	background: #fff;
	border-radius: 3px;
	padding: 2px 6px;
	font-weight: normal;
	font-size: 0.86rem;
	border: 1px #ccc solid;
	color:#888
}
.mui-badge-xs {
	padding: 2px 2px;
	font-size: 0.79rem;
	border-radius: 3px;
	min-width: 18px;
	min-height: 18px;
	text-align:center;
}
.mui-badge-yellow-xs{
	background: #fff;
	border: 1px #fec460 solid;
	color: #ffaa03;
	border-radius: 3px;
	padding: 3px 6px;
	font-weight: normal;
	font-size: 0.8rem;
	margin:0.5rem 0
}
.mui-badge-white{
	background: none;
	border: #fff 1px solid;
	color: #fff;
	opacity: 0.7;
}
.em-badge-danger-xs{
	background: #fa4747;
	padding:0 5px;
	color: #fff;
	font-size: 0.7rem;
	border-radius: 5px;
}
/*倒三角*/

.triangle-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffa593;
	position: relative;
}
/*理财首页向下*/

.triangle_border_down2 {
	width: 0;
	height: 0;
	border-width: 6px 10px 0 1px;
	border-style: solid;
	border-color: #ffeecc transparent transparent;
	margin: -1px auto 0 6px;
	position: relative;
}

.mui-card .mui-table-view .mui-table-view-divider:first-child,
.mui-card .mui-table-view .mui-table-view-cell:first-child {
	border-radius: 0;
}

.mui-card-content-inner {
	border-bottom: 1px #f2f2f2 solid;
	padding:20px 15px;
}


/*radio选择色*/

.mui-radio input[type='radio']:checked:before,
.mui-checkbox input[type='checkbox']:checked:before {
	color: #fa4747;
}

.mui-radio input[type='radio'],
.mui-checkbox input[type='checkbox'] {
	width: 14px;
	height: 12px;
	top: 11px;
}

.mui-radio input[type='radio']:before,
.mui-checkbox input[type='checkbox']:before {
	font-size: 1.71rem;
	color: #dcdcdc;
}

.mui-radio.mui-left input[type='radio'],
.mui-checkbox.mui-left input[type='checkbox'] {
	left: 15px;
}

.mui-radio.mui-left label,
.mui-checkbox.mui-left label {
	font-size:1.14rem;
	padding: 13px 15px 13px 40px;
	line-height: 1.8;
}
.mui-checkbox.em-checkbox-agreement.mui-left label {
	font-size: 14px;
	padding: 8px 0 0 40px;
	color:#555
}
.em-checkbox-agreement a{
	margin: 5px 0;
}
.mui-radio.mui-left label .mui-badge-inverted,
.mui-checkbox.mui-left label .mui-badge-inverted {
	/* line-height: 2.9; */
}

.mui-radio input[type='radio']:before,
.mui-checkbox input[type='checkbox']:before,
.mui-radio input[type='radio']:checked:before,
.mui-checkbox input[type='checkbox']:checked:before {
	width: 16px;
	height: 16px;
	content: "";
	display: inline-block;
	margin-top: 6px;
}

.mui-radio input[type='radio']:before {
	background: url(../img/common/icon_radio.png) no-repeat left center;
	background-size: 16px 16px;
}

.mui-checkbox input[type='checkbox']:before {
	background: url(../img/common/icon_checkbox.png) no-repeat left center;
	background-size: 16px 16px;
}

.mui-radio input[type='radio']:checked:before,
.mui-checkbox input[type='checkbox']:checked:before {
	background: url(../img/common/icon_checkbox_ok.png) no-repeat left center;
	background-size: 16px 16px;
}


/*输入框边框*/

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'] {
	border: 1px #e5e5e5 solid;
}


/*进度条颜色*/

.mui-progressbar {
	background: #e5e5e5;
}

.mui-progressbar-danger span {
	background: #ffa592;
}

.mui-input-group .mui-input-row:after {
	background: #e5e5e5;
}

.mui-input-group .mui-input-row:last-child:after {
	background: none
}

.mui-table-view-cell.mui-active {
	background: inherit;
}

.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-active {
	background: inherit;
}

.mui-table-view-cell>a:not(.mui-btn).mui-active {
	background: inherit;
}

.mui-input-group input,
.mui-input-group textarea {
	color: #333;
	font-size:1.14rem;
}

.mui-focusin>.mui-bar-nav,
.mui-focusin>.mui-bar-header-secondary {
	position: fixed
}

.mui-focusin> .mui-bar~ .mui-content {
	padding-bottom: 60px;
}


/*登录*/

.mui-input-group.em-login:before,
.mui-input-group.em-login:after {
	background: none;
}

.mui-input-group.em-login .mui-input-row.mui-input-row label {
	width: 10%;
	padding: 14px 0;
}

.mui-input-group.em-login .mui-input-row label~ input {
	width: 90%;
	line-height: 2;
	height: 52px;
	padding: 14px 8px;
}


/*滑块*/
.mui-input-row .mui-switch{
	margin-top:15px;
	margin-right:0
}
.mui-switch.mui-active {
	border-color: #00a9f8;
	background: #00a9f8;
}

.mui-switch {
	height: 24px;
	width: 40px
}

.mui-switch .mui-switch-handle {
	width: 22px;
	height: 22px;
}

.mui-slider .mui-slider-group .mui-slider-item img {
	width: auto;
}

.mui-input-row .mui-input-clear~ .mui-icon-clear {
	top: 5px;
}
.mui-input-row.mui-search .mui-input-clear~ .mui-icon-clear{
	top:-2px;
	color:#bbb
}

/*加载更多*/

.mui-pull-caption {
	font-size: 0.86rem;
	font-weight: normal;
}

.mui-navigate-right:after,
.mui-push-right:after {
	font-size:1.42rem;
	font-weight: 400;
	color:#ccc
}
/*清除等图标颜色*/
.mui-input-row .mui-input-clear~ .mui-icon-clear, .mui-input-row .mui-input-speech~ .mui-icon-speech, .mui-input-row .mui-input-password~ .mui-icon-eye{
	color: #dcdcdc;
	height:40px;
	width: 40px;
	line-height:40px;
	right:15px;
	font-size:1rem;
}

/*列表箭头*/
.mui-table-view-cell.mui-collapse>.mui-navigate-right:after,
.mui-table-view-cell.mui-collapse>.mui-push-right:after {
	content: '\e583'
}
.mui-table-view-cell.mui-collapse.mui-active>.mui-navigate-right:after, .mui-table-view-cell.mui-collapse.mui-active>.mui-push-right:after{
	content: '\e581'
}
.mui-table-view-cell{
	padding: 20px 20px;
}
.mui-table-view-cell>a:not(.mui-btn){
	margin:-20px -20px;
}
.mui-table-view-cell.mui-table-view-cell-xs{
	padding: 13px 15px;
}
.mui-table-view-cell.mui-table-view-cell-xs>a:not(.mui-btn){
	margin:-13px -15px;
}
.mui-table-view-cell>a:not(.mui-btn){
	font-size:1.26rem;
}
.mui-grid-view.em-media-horizontal-xs.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
	margin: 0;
	padding: 5px 0;
}

.mui-table-view-cell.mui-collapse.mui-active{
	margin-top: 0;
}
/*报错提示框*/
.mui-toast-container{
	bottom:inherit;
	top:45%;
}
.mui-toast-message{
	color: #333;
	font-size:1rem;
	padding:10px;
	background: #fff;
	word-wrap: break-word;
}
/*刷新箭头去掉*/
.mui-icon-pulldown:before{
	display: none;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 0;  
    height:0;  
    background-color:none;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);  
    border-radius: 10px;  
    background-color:none;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);  
    background-color: none;  
} 

.mui-ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	white-space: normal!important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

/* 修改mui toast样式 */
.mui-toast-message {
	padding: 10px 20px;
	background-color: rgba(102, 102, 102, 0.9);
	line-height: 20px;
	color: #FFF;
	display: inline-block;
}
.mui-toast-container {
	text-align: center;
}

/* 修改 .em-loading样式 */
.em-loading {
	background-color: rgba(102, 102, 102, 0.9);
	color: #FFF !important;
	text-align: center;
	display: inline-block;
	padding: 10px 20px;
	line-height: 20px;
}

.em-refresh {
	top: 0;
	color: #fff;
	left: 6px;
}