@charset "utf-8";
/*
 * 重置样式表
 * 用以重置MUI和SUI的样式
 * 2017-09-28
 */

body,.content{
	-webkit-overflow-scrolling:auto;
}

/*
 *=====================================================
 * 重置MUI
 *=====================================================
 */
	input[type=color],
	input[type=date],
	input[type=datetime-local],
	input[type=datetime],
	input[type=email],
	input[type=month],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=time],
	input[type=url],
	input[type=week],
	select,textarea {
	    padding: 0;
	    margin-bottom: 0;
	    width: auto;
	    height: auto;
	    line-height: normal;
	    border: none;
	    outline: 0;
	    background-color: transparent;
	}
	input[type=search] {height: auto;font-size: .8rem;text-align: start;line-height: normal;}
	
/*可滑动选项卡*/
	.mui-segmented-control {font-size: .7rem;}
	.mui-segmented-control.mui-scroll-wrapper,
	.mui-segmented-control.mui-scroll-wrapper .mui-scroll {height: 2.2rem;}
	.mui-segmented-control .mui-control-item {line-height: 2.1rem;}
	.mui-segmented-control.mui-scroll-wrapper .mui-control-item {padding: 0 .5rem;}
	/*特殊颜色修改*/
	.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {color: #ff7e01;}
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {border-bottom: .11rem solid #ff7e01;}
	
	.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {border-top: none;border-bottom: none;}
	.mui-slider .mui-slider-group .mui-slider-item img {width: auto;}
	.mui-fullscreen .mui-segmented-control~.mui-slider-group {top: 2.2rem;}

/*单选框*/
	.mui-table-view:after,.mui-table-view:before {height: 0;}
	.mui-table-view-cell:after {left: .75rem;background-color: #e7e7e7;}
	.mui-table-view-cell>a:not(.mui-btn) {margin: 0;padding: 0;}
	.mui-table-view-cell {padding: .4rem .75rem;}
	.mui-table-view-radio .mui-table-view-cell {min-height: 2.2rem;padding-right: 0;}
	.mui-table-view-radio .mui-table-view-cell>a:not(.mui-btn) {width:100%;margin-right: 0;padding-right: 2rem;}
	.mui-table-view-radio .mui-table-view-cell .mui-navigate-right:after {right: .5rem;color: #53C142;font-size: 1.5rem;}

/*输入框*/
	.mui-input-row .mui-input-clear~.mui-icon-clear,
	.mui-input-row .mui-input-password~.mui-icon-eye,
	.mui-input-row .mui-input-speech~.mui-icon-speech {position: relative;font-size: .85rem;top: 0;width: .85rem;height: .85rem;}
	
	.mui-input-row .mui-input-clear~.mui-icon-clear.mui-active,
	.mui-input-row .mui-input-password~.mui-icon-eye.mui-active,
	.mui-input-row .mui-input-speech~.mui-icon-speech.mui-active {color: #53C142;}




/*
 *=====================================================
 * 重置SUI
 *=====================================================
 */
	html {font-size: 18px;}
	@media only screen and (min-width: 375px) {html {font-size:18.5px!important}}
	@media only screen and (min-width: 400px) {html {font-size:19px!important}}
	@media only screen and (min-width: 414px) {html {font-size:19.5px!important}}
	@media only screen and (min-width: 480px) {html {font-size:20px!important}}
	@media only screen and (min-width: 600px) {html {font-size:20.5px!important}}
	body {font-size: .7rem;}
	a,a:active {color: #ff7e01;}
	h1, h2, h3, h4, h5, h6 {line-height: 1.5;margin-top: 0;margin-bottom: 0;color: inherit;font-weight: normal;}
	h1 {font-size: 1.85rem;}
	h2 {font-size: 1.5rem;}
	h3 {font-size: 1.2rem;}
	h4 {font-size: 1rem;}
	h5 {font-size: .85rem;}
	h6 {font-size: .7rem;}
	p {margin: 0;font-size: .8rem;color: inherit;word-wrap: break-word;}
	figure{margin: 0;}
	ul {list-style: none; padding-left: 0;margin: 0;}
	div[contenteditable]:empty:before,
	input::-webkit-input-placeholder {color: #999;}
	label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
	label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {background-color: #53C142;}
	.page, .page-group {background: #f1f2f6;}
	.button:active {color: #53C142;border-color: #53C142;}
	.button.active, .button.active:active {color: #53C142;border-color: #53C142;}
	.button.button-fill.active,.button.button-fill:active {color: #fff;background: #53C142;}
	.button {padding: .4rem;height: auto;line-height: normal;border-radius: .1rem;}
	.button.button-fill {line-height: normal;border: 1px solid rgba(0,0,0,0);}
	.content-block-title {line-height: normal;}
	.modal-button {color: #53C142;}
	.bar {background-color: #ffffff; box-shadow: .25rem 0 .1rem rgba(158,155,155,.6);z-index: 16;}
	.bar .button-link,
	.bar .icon.icon-left {color: #3d4145;}
	.bar-tab .tab-item .icon {height: 1rem;font-size: 1rem;line-height: 1;}
	.bar-tab .tab-item.active, .bar-tab .tab-item:active {color: #53C142;}
	.card {border-radius: .3rem; box-shadow: 0 0 0 1px #e1e1e1;}
	.card-header {font-size: .7rem;}
	.card-content-inner {padding: .5rem;}
	.card-footer, .card-header {padding: .5rem;}
	.card-footer {color: #3d4145;}
	.card-content-inner>.content-block,
	.card-content-inner>.list-block {margin: 0;}
	.card-content-inner>.list-block .item-content {padding-left: 0;}
	.list-block .item-inner {padding-right: .5rem;}
	.list-block {margin: 0;font-size: .7rem;}
	.list-block .item-after {max-width: 65%; white-space: normal; max-height: none;}
	.list-block>ul:before,.list-block>ul:after {display: none;}
	.list-block input[type=text],
	.list-block input[type=password],
	.list-block input[type=email],
	.list-block input[type=tel],
	.list-block input[type=url],
	.list-block input[type=date],
	.list-block input[type=datetime-local],
	.list-block input[type=time],
	.list-block input[type=number],
	.list-block input[type=search],
	.list-block select,.list-block textarea {padding: 0 0 0 0;height: auto;font-size: .8rem;}
	
	.bar-tab { display: flex; align-items: center; bottom: 0; width: 100%; height: 2.5rem; padding: 0;}
	.bar-tab .tab-item {position: relative;flex: 1;color: #929292;text-align: center;vertical-align: middle;width: auto;height: auto;}
	.bar-tab .tab-item.txt-white .tab-label {line-height: 2.5rem;}
	html:not(.watch-active-state) label.label-checkbox:active, label.label-checkbox.active-state {
	    background-color: transparent;
	}
		
/*重置伪类边框*/
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.content-block-inner:before,
		.content-block-inner:after,
		.bar:after,
		.bar-footer-secondary-tab:before,.bar-footer-secondary:before,.bar-footer:before,
		.bar-tab:before,
		.list-block ul:before,
		.list-block ul:after,
		.list-block .item-inner:after,
		.list-block .item-link.list-button:after,
		.list-block .item-divider:before,.list-block .list-group-title:before,
		.list-block li li:last-child .item-inner:after,.list-block li:last-child li .item-inner:after,
		.buttons-tab:after,
		.modal-inner:after,
		.modal-button:after,
		.modal-buttons-vertical .modal-button:after,
		.actions-modal-button:after,.actions-modal-label:after,
		.picker-modal .toolbar:before,
		.picker-modal.picker-modal-inline .toolbar:after,
		.card-header:after,
		.card-footer:before,
		.picker-calendar-week-days:after,
		.picker-calendar-row:after,
		.picker-center-highlight:before,
		.picker-center-highlight:after,
		.picker-modal .bar:before,
		.picker-modal .bar:after {transform: scaleY(.9);background: #f4f4f4;}
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 3) {
		.content-block-inner:before,
		.content-block-inner:after,
		.bar:after,
		.bar-footer-secondary-tab:before,.bar-footer-secondary:before,.bar-footer:before,
		.bar-tab:before,
		.list-block ul:before,
		.list-block ul:after,
		.list-block .item-inner:after,
		.list-block .item-link.list-button:after,
		.list-block .item-divider:before,.list-block .list-group-title:before,
		.list-block li li:last-child .item-inner:after,.list-block li:last-child li .item-inner:after,
		.buttons-tab:after,
		.modal-inner:after,
		.modal-button:after,
		.modal-buttons-vertical .modal-button:after,
		.actions-modal-button:after,.actions-modal-label:after,
		.picker-modal .toolbar:before,
		.picker-modal.picker-modal-inline .toolbar:after,
		.card-header:after,
		.card-footer:before,
		.picker-calendar-week-days:after,
		.picker-calendar-row:after,
		.picker-center-highlight:before,
		.picker-center-highlight:after,
		.picker-modal .bar:before,
		.picker-modal .bar:after {transform: scaleY(.9);background: #f4f4f4;}
	}
	.list-block li li:last-child .item-inner:after, .list-block li:last-child li .item-inner:after {height: 0;}

/*日期选择*/
	.picker-calendar-day.picker-calendar-day-selected span {background: #53C142;}

/*侧栏*/	
	.panel-overlay {background: rgba(0,0,0,.4);opacity: 1;}
	.panel {color: #3d4145;background: #eee;}

/*第二头部bar*/
	.bar-header-secondary~.content {top: 4.4rem !important;}
/*选项卡*/	
	.tab-link {color: inherit;}
	.tab-link.active {color: #53C142;}

/*弹窗*/
	.login-screen, .popup {z-index: 10500;}
	.login-screen.modal-out, .popup.modal-out {
	    -webkit-transform: translate3d(0,200%,0);
	    transform: translate3d(0,200%,0);
	}
	
/*搜索框*/
	.mui-search input[type=search],
	.search-input label+input {padding-left: 1.4rem !important;}
	.search-input .icon {left: 0;}	

/*modal*/
	.modal-inner {
	    padding: .5rem 0;
	    background: #fff;
	}
	.modal-button {
	    font-size: .75rem;
	}
	/*Prompt对话框样式重置*/	
	input.modal-text-input{
		width: 90%;
		height: 2rem;
		border: 1px solid #a0a0a0;
		margin: .75rem auto;
		padding-left: .5rem;
		padding-right: .5rem;
	}
	
/*actions-modal*/
	.actions-modal-button {font-size: .85rem;color: inherit;}
	.actions-modal-button, .actions-modal-label {background: #fff;}
	    
    .actions-modal-button.bg-warning, .actions-modal-label.bg-warning {background: #53C142;color: #fff;}
    .actions-modal-button.color-warning, .actions-modal-label.color-warning {color: #53C142;}
    
/*Swiper*/
	.swiper-pagination-bullet-active {background: #3d4145;}