.img-clip-box { width: 100%; height: 100%; position: fixed; z-index: 11111; left: 0; right: 0; bottom: 0; display:none;}
.img-clip-box .pop-mask-box { width: 100%; height: 100%; background: #111; opacity: 0.6; z-index: 111; }
.img-clip-box .img-pop-content-box { position: absolute; top: 0; width: 100%; background: #111; height: 100%; border-radius: 0rem 0rem 0 0; z-index: 112; }

/**
 * tab布局，不采用mui重新写
 */

.nav-bar {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    height: 44px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    box-shadow: 0 0 1px rgba(0, 0, 0, .85);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	border-radius: 15px 15px 0 0;
}

.nav-bar-tab {
    bottom: 0;
    display: table;
    width: 100%;
    height: 160px;
    padding: 0;
    table-layout: fixed;
    border-top: 0;
    border-bottom: 0;
    -webkit-touch-callout: none;
	box-sizing: border-box;
	padding:20px 6% 0 6%;
}

.tab-item {
    display: block;
    width: 100%;
    height: 50px;
	margin-bottom: 10px;
	line-height: 50px;
	box-sizing: border-box;
	border-radius: 50px;
	border:solid 1px #5EC84E;
    text-align: center;
    vertical-align: middle;
	background-color: #5EC84E;
	color: #fff;
	font-size: 1.6rem;
 
}
.tab-item#btn-back {
	margin-bottom: 0;
	background-color: #fff;
	color: #5EC84E;
}
.nav-bar-tab .tab-item:active {
    background: #D3D3D3;
}

.nav-bar-tab .tab-icon {
    font-size: 28px;
    position: relative;
    z-index: 20;
    top: 3px;
    width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
}

.nav-bar-tab .tab-item .mui-icon~.tab-label {
    font-size: 11px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-bar-tab .tab-item .mui-icon.rotate90 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


/**
 * 立体风格按钮
 */

.button-three-dimen {
    display: block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
}

.button-three-dimen:hover {
    text-decoration: none;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
}

.button-three-dimen:active {
    position: relative;
    top: 1px;
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
}

.img-clip {
    
}
/*.img-clip canvas {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.img-clip .clip-rect {
	top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}*/
.clip-content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 57px;
}

.show-content {
    position: relative;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

.img-wrap {
    margin: 0 auto;
}

.choose-gallery {
    margin-top: -10px;
}

.choose-camera {
    margin-top: 50px;
}

@font-face {
	font-family: Muiicons;
	font-weight: normal;
	font-style: normal;
	src: url('fonts/mui.ttf') format('truetype');
}

.mui-icon {
	font-family: Muiicons;
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	display: inline-block;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.mui-icon.mui-active {
	color: #007aff;
}

.mui-icon.mui-right:before {
	float: right;
	padding-left: .2em;
}

.mui-icon-contact:before {
	content: '\e100';
}

.mui-icon-person:before {
	content: '\e101';
}

.mui-icon-personadd:before {
	content: '\e102';
}

.mui-icon-contact-filled:before {
	content: '\e130';
}

.mui-icon-person-filled:before {
	content: '\e131';
}

.mui-icon-personadd-filled:before {
	content: '\e132';
}

.mui-icon-phone:before {
	content: '\e200';
}

.mui-icon-email:before {
	content: '\e201';
}

.mui-icon-chatbubble:before {
	content: '\e202';
}

.mui-icon-chatboxes:before {
	content: '\e203';
}

.mui-icon-phone-filled:before {
	content: '\e230';
}

.mui-icon-email-filled:before {
	content: '\e231';
}

.mui-icon-chatbubble-filled:before {
	content: '\e232';
}

.mui-icon-chatboxes-filled:before {
	content: '\e233';
}

.mui-icon-weibo:before {
	content: '\e260';
}

.mui-icon-weixin:before {
	content: '\e261';
}

.mui-icon-pengyouquan:before {
	content: '\e262';
}

.mui-icon-chat:before {
	content: '\e263';
}

.mui-icon-qq:before {
	content: '\e264';
}

.mui-icon-videocam:before {
	content: '\e300';
}

.mui-icon-camera:before {
	content: '\e301';
}

.mui-icon-mic:before {
	content: '\e302';
}

.mui-icon-location:before {
	content: '\e303';
}

.mui-icon-mic-filled:before,
.mui-icon-speech:before {
	content: '\e332';
}

.mui-icon-location-filled:before {
	content: '\e333';
}

.mui-icon-micoff:before {
	content: '\e360';
}

.mui-icon-image:before {
	content: '\e363';
}

.mui-icon-map:before {
	content: '\e364';
}

.mui-icon-compose:before {
	content: '\e400';
}

.mui-icon-trash:before {
	content: '\e401';
}

.mui-icon-upload:before {
	content: '\e402';
}

.mui-icon-download:before {
	content: '\e403';
}

.mui-icon-close:before {
	content: '\e404';
}

.mui-icon-redo:before {
	content: '\e405';
}

.mui-icon-undo:before {
	content: '\e406';
}

.mui-icon-refresh:before {
	content: '\e407';
}

.mui-icon-star:before {
	content: '\e408';
}

.mui-icon-plus:before {
	content: '\e409';
}

.mui-icon-minus:before {
	content: '\e410';
}

.mui-icon-circle:before,
.mui-icon-checkbox:before {
	content: '\e411';
}

.mui-icon-close-filled:before,
.mui-icon-clear:before {
	content: '\e434';
}

.mui-icon-refresh-filled:before {
	content: '\e437';
}

.mui-icon-star-filled:before {
	content: '\e438';
}

.mui-icon-plus-filled:before {
	content: '\e439';
}

.mui-icon-minus-filled:before {
	content: '\e440';
}

.mui-icon-circle-filled:before {
	content: '\e441';
}

.mui-icon-checkbox-filled:before {
	content: '\e442';
}

.mui-icon-closeempty:before {
	content: '\e460';
}

.mui-icon-refreshempty:before {
	content: '\e461';
}

.mui-icon-reload:before {
	content: '\e462';
}

.mui-icon-starhalf:before {
	content: '\e463';
}

.mui-icon-spinner:before {
	content: '\e464';
}

.mui-icon-spinner-cycle:before {
	content: '\e465';
}

.mui-icon-search:before {
	content: '\e466';
}

.mui-icon-plusempty:before {
	content: '\e468';
}

.mui-icon-forward:before {
	content: '\e470';
}

.mui-icon-back:before,
.mui-icon-left-nav:before {
	content: '\e471';
}

.mui-icon-checkmarkempty:before {
	content: '\e472';
}

.mui-icon-home:before {
	content: '\e500';
}

.mui-icon-navigate:before {
	content: '\e501';
}

.mui-icon-gear:before {
	content: '\e502';
}

.mui-icon-paperplane:before {
	content: '\e503';
}

.mui-icon-info:before {
	content: '\e504';
}

.mui-icon-help:before {
	content: '\e505';
}

.mui-icon-locked:before {
	content: '\e506';
}

.mui-icon-more:before {
	content: '\e507';
}

.mui-icon-flag:before {
	content: '\e508';
}

.mui-icon-home-filled:before {
	content: '\e530';
}

.mui-icon-gear-filled:before {
	content: '\e532';
}

.mui-icon-info-filled:before {
	content: '\e534';
}

.mui-icon-help-filled:before {
	content: '\e535';
}

.mui-icon-more-filled:before {
	content: '\e537';
}

.mui-icon-settings:before {
	content: '\e560';
}

.mui-icon-list:before {
	content: '\e562';
}

.mui-icon-bars:before {
	content: '\e563';
}

.mui-icon-loop:before {
	content: '\e565';
}

.mui-icon-paperclip:before {
	content: '\e567';
}

.mui-icon-eye:before {
	content: '\e568';
}

.mui-icon-arrowup:before {
	content: '\e580';
}

.mui-icon-arrowdown:before {
	content: '\e581';
}

.mui-icon-arrowleft:before {
	content: '\e582';
}

.mui-icon-arrowright:before {
	content: '\e583';
}

.mui-icon-arrowthinup:before {
	content: '\e584';
}

.mui-icon-arrowthindown:before {
	content: '\e585';
}

.mui-icon-arrowthinleft:before {
	content: '\e586';
}

.mui-icon-arrowthinright:before {
	content: '\e587';
}

.mui-icon-pulldown:before {
	content: '\e588';
}

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

.mui-fullscreen.mui-slider .mui-slider-group {
	height: 100%;
}

.mui-fullscreen .mui-segmented-control~.mui-slider-group {
	position: absolute;
	top: 40px;
	bottom: 0;
	width: 100%;
	height: auto;
}

.mui-fullscreen.mui-slider .mui-slider-item>a {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mui-fullscreen .mui-off-canvas-wrap .mui-slider-item>a {
	top: auto;
	-webkit-transform: none;
	transform: none;
}

.mui-bar-nav~.mui-content .mui-slider.mui-fullscreen {
	top: 44px;
}

.mui-bar-tab~.mui-content .mui-slider.mui-fullscreen .mui-segmented-control~.mui-slider-group {
	bottom: 50px;
}

.mui-android.mui-android-4-0 input:focus,
.mui-android.mui-android-4-0 textarea:focus {
	-webkit-user-modify: inherit;
}

.mui-android.mui-android-4-2 input,
.mui-android.mui-android-4-2 textarea,
.mui-android.mui-android-4-3 input,
.mui-android.mui-android-4-3 textarea {
	-webkit-user-select: text;
}

.mui-ios .mui-table-view-cell {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.mui-plus-visible,
.mui-wechat-visible {
	display: none !important;
}

.mui-plus-hidden,
.mui-wechat-hidden {
	display: block !important;
}

.mui-tab-item.mui-plus-hidden,
.mui-tab-item.mui-wechat-hidden {
	display: table-cell !important;
}

.mui-plus .mui-plus-visible,
.mui-wechat .mui-wechat-visible {
	display: block !important;
}

.mui-plus .mui-tab-item.mui-plus-visible,
.mui-wechat .mui-tab-item.mui-wechat-visible {
	display: table-cell !important;
}

.mui-plus .mui-plus-hidden,
.mui-wechat .mui-wechat-hidden {
	display: none !important;
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav {
	height: 64px;
	padding-top: 20px;
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content {
	padding-top: 64px;
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-nav~.mui-content .mui-pull-top-pocket {
	top: 64px;
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary {
	top: 64px;
}

.mui-plus.mui-statusbar.mui-statusbar-offset .mui-bar-header-secondary~.mui-content {
	padding-top: 94px;
}