/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-user-select: auto;
}
body{
	max-width: 640px;
	margin: 0 auto;
}

html,
body {
	background-color: #f5f5f5;
}
.mui-bar .mui-icon{
	color: #FFFFFF;
}
.mui-bar-nav .iconfont,
.mui-bar-transparent .iconfont{
	display: inline-block;
    font-size: 20px;
    position: relative;
    z-index: 20;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #FFFFFF;
}
.mui-bar-nav~.mui-content {
	padding-top: 44px;
	padding-bottom: 50px;
}

.mui-content {
	background-color: #f5f5f5;
}

.mui-plus header.mui-bar {
	display: none;
}

.mui-plus .mui-bar-nav~.mui-content {
	padding: 0;
}

ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}


/*hm开头的表示仅为 Hello MUI示例定义*/

.hm-description {
	margin: .5em 0;
}

.hm-description>li {
	font-size: 14px;
	color: #8f8f94;
}

.mui-bar-nav {
	z-index: 999;
	background-color: #059ce5;
	color: #FFFFFF;
	box-shadow: 0 0 0 transparent;
}

.mui-title {
	color: #FFFFFF;
}

.mui-bar-nav .mui-icon {
	color: #FFF
}

.mui-table-view-cell:after {
	left: 0;
	background-color: #e2e2e2;
}

.mui-table-view-cell {
	padding: 15px 15px;
	font-size: 15px;
}

.mui-table-view-cell>a:not(.mui-btn) {
	margin: -15px -15px;
	font-size: 15px;
}

.mui-navigate-link {
	overflow: hidden;
}

.mui-navigate-link .title {
	display: inline-block;
	float: left;
	line-height: 20px;
}

.mui-navigate-link .time {
	display: inline-block;
	float: right;
	color: #999999;
	font-size: 13px;
	line-height: 20px;
}

.mui-bar .mui-btn-link {
	color: #FFFFFF;
}

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

.mui-navigate-right:after,
.mui-push-right:after {
	font-size: 24px;
	right: 10px;
}

.mui-page .mui-table-view-cell .iconfont {
	font-size: 22px;
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

.mui-page .mui-table-view-cell .icon-shangbao1 {
	color: #ee9f32;
}

.mui-page .mui-table-view-cell .icon-renwu1 {
	color: #ef4931;
}

.mui-page .mui-table-view-cell .icon-baoxiujilu {
	color: #1392ec;
}

.mui-page .mui-table-view-cell .icon-kaoqin1 {
	color: #148de4;
}

.mui-page .mui-table-view-cell .icon-tuichu- {
	color: #ef4931;
}

.mui-info-cell {
	background-color: #1c82d4;
}

.mui-info-cell .mui-name {
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.mui-info-cell .mui-company {
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	display: inline-block;
	border: 1px solid #5fb2ef;
	border-radius: 22px;
	background-color: #2a8ad6;
	color: #FFFFFF;
	padding: 0 15px;
}

.mui-table-view .mui-media-object {
	width: 55px;
	height: 55px;
	max-width: 55px;
	border-radius: 5px;
	box-shadow: 0 0 0 2px #5fb2ef;
}

.mui-info-cell .mui-navigate-right:after {
	color: #FFFFFF;
}

.mui-info-cell .mui-active {
	background-color: #1c82d4!important;
}

.head .head-img {
	border: 1px solid #E1E1E1;
	border-radius: 5px;
}

.mui-tab-item .iconfont {
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	color: #B8B8B8;
}

.mui-bar-tab .mui-tab-item .iconfont~.mui-tab-label {
	font-size: 11px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1;
	margin-top: 5px;
}

.mui-bar-tab {
	background-color: #FFFFFF;
	box-shadow: 0 0 0 transparent;
}

.mui-bar-tab .mui-tab-item.mui-active {
	color: #3f88f2;
}

.mui-tab-item.mui-active .iconfont {
	color: #3f88f2;
}

.iconfont .mui-badge {
	font-size: 10px;
	line-height: 1.4;
	position: absolute;
	top: -2px;
	left: 100%;
	margin-left: -7px;
	padding: 1px 5px;
	color: #fff;
	background: #fd3f3e;
}

.mui-bar .mui-btn-link {
	font-size: 15px;
}

.mui-switch.mui-active {
	border-color: #0096e5;
	background-color: #0096e5;
}

.mui-switch-mini {
	height: 25px;
}

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

.mui-switch-mini.mui-active .mui-switch-handle {
	-webkit-transform: translate(22px, 0);
	transform: translate(22px, 0);
}

img {
	max-width: 100%;
}

.justify {
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-banner {
	font-size: 0;
}

.swiper-banner img {
	width: 100%;
	display: block;
}

.notice-cell {
	position: relative;
	background-color: #FFFFFF;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
}

.notice-cell .iconfont {
	color: #f36633;
	position: absolute;
	left: 15px;
	top: 50%;
	display: block;
	line-height: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.swiper-notice {
	height: 40px;
	margin-left: 25px;
}

.swiper-notice .swiper-slide {
	line-height: 40px;
	height: 40px;
}

.swiper-notice .swiper-slide a {
	color: #f36633;
	font-size: 14px;
}

.index-card {
	padding: 10px 15px;
	overflow: hidden;
}

.qun-list {
	overflow: hidden;
	margin: 0 -6px;
	text-align: center;
}

.qun-list li {
	width: 50%;
	float: left;
	padding: 6px;
}

.qun-box {
	height: 140px;
	text-align: center;
	display: block;
	border-radius: 6px;
	padding: 25px 0;
}

.qun-box p {
	font-size: 12px;
	line-height: 2;
	margin-top: -50px;
	margin-left: 60px;
	color: #FFFFFF;
}

.ptime {
	font-size: 12px;
	line-height: 2;
	margin-top: -20px;
	margin-left: 60px;
	color: #FFFFFF;
}

.qun-title {
	width: 150px;
	font-size: 13px;
	line-height: 2;
	margin-top: 10px;
	margin-left: 10px;
	color: #FFFFFF;
}

.qun-box img {
	margin-top: -10px;
	margin-left: -100px;
	width: 50px;
}

.qun-list li .qun-box {
	background: -webkit-linear-gradient(#82cfed, #559ff6);
	background: -o-linear-gradient(#82cfed, #559ff6);
	background: -moz-linear-gradient(#82cfed, #559ff6);
	background: linear-gradient(#82cfed, #559ff6);
}

/*<!-- */

.card-list {
	overflow: hidden;
	margin: 0 -6px;
	text-align: center;
}

.card-list li {
	width: 50%;
	float: left;
	padding: 6px;
}

.card-box {
	height: 140px;
	text-align: center;
	display: block;
	border-radius: 6px;
	padding: 25px 0;
}

.card-box p {
	font-size: 18px;
	line-height: 1;
	padding-top: 10px;
	color: #FFFFFF;
}

.card-box img {
	width: 50px;
}

.card-list li .card-box {
	background: -webkit-linear-gradient(#82cfed, #559ff6);
	background: -o-linear-gradient(#82cfed, #559ff6);
	background: -moz-linear-gradient(#82cfed, #559ff6);
	background: linear-gradient(#82cfed, #559ff6);
}

.card-list li:nth-child(2) .card-box {
	background: -webkit-linear-gradient(#f6b439, #fb8e39);
	background: -o-linear-gradient(#f6b439, #fb8e39);
	background: -moz-linear-gradient(#f6b439, #fb8e39);
	background: linear-gradient(#f6b439, #fb8e39);
}

.card-list li:nth-child(3) .card-box {
	background: -webkit-linear-gradient(#ff664e, #ef5344);
	background: -o-linear-gradient(#ff664e, #ef5344);
	background: -moz-linear-gradient(#ff664e, #ef5344);
	background: linear-gradient(#ff664e, #ef5344);
}

.card-list li:nth-child(4) .card-box {
	background: -webkit-linear-gradient(#85de36, #71cc2f);
	background: -o-linear-gradient(#85de36, #71cc2f);
	background: -moz-linear-gradient(#85de36, #71cc2f);
	background: linear-gradient(#85de36, #71cc2f);
}

.card-list li:nth-child(5) .card-box {
	background: -webkit-linear-gradient(#00e6ef, #21c7cd);
	background: -o-linear-gradient(#00e6ef, #21c7cd);
	background: -moz-linear-gradient(#00e6ef, #21c7cd);
	background: linear-gradient(#00e6ef, #21c7cd);
}

.card-list li:nth-child(6) .card-box {
	background: -webkit-linear-gradient(#fbcf36, #ff9000);
	background: -o-linear-gradient(#fbcf36, #ff9000);
	background: -moz-linear-gradient(#fbcf36, #ff9000);
	background: linear-gradient(#fbcf36, #ff9000);
}

.index-button {
	padding: 10px 0;
}

.index-button .button {
	display: block;
	height: 50px;
	border-radius: 8px;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	background-color: #0faaf6;
}

.article-photo {
	text-align: center;
}

.article-photo img {
	width: 100%;
	display: block;
}

.article-main {
	background-color: #FFFFFF;
	padding: 15px;
	line-height: 1.8;
}

.article-main p {
	color: #333333;
	margin-bottom: 0;
}

.weui-cells {
	margin-bottom: 10px;
	background-color: #FFFFFF;
	line-height: 1.41176471;
	font-size: 15px;
	overflow: hidden;
	position: relative;
}


.weui-cells:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #dadada;
	color: rgba(0, 0, 0, 0.1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	z-index: 2;
}

.weui-cells:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	border-bottom: 1px solid #dadada;
	color: rgba(0, 0, 0, 0.1);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	z-index: 2;
}

.weui-cell {
	font-size: 15px;
	padding: 16px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.weui-cell:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	height: 1px;
	border-top: 1px solid #dadada;
	color: rgba(0, 0, 0, 0.1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	z-index: 2;
}

.weui-cell:first-child:before {
	display: none;
}

.weui-cell_primary {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.weui-cell__bd {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.weui-cell__ft {
	text-align: right;
	color: rgba(0, 0, 0, 0.5);
}

.mui-input-group .weui-cell {
	padding: 5px 15px;
}

.mui-input-group .weui-cell textarea {
	font-size: 14px;
	padding: 10px 0;
	height: 100px;
	font-size: 14px;
	line-height: 1.8;
}

.input-label {
	font-size: 15px;
	color: #999999;
}

.icon-link .iconfont {
	font-size: 20px;
	color: #1c82d4;
}

.list-search {
	background-color: #f5f5f5;
	padding: 10px 15px;
}

.mui-indexed-list-search {
	border-bottom: 0;
}

.mui-indexed-list-search input {
	background-color: #FFFFFF;
	font-size: 14px;
}

.peo-cell div {
	color: #999999;
	font-weight: lighter;
}

.mui-ios .mui-indexed-list-group,
.mui-ios .mui-indexed-list-item,
.mui-ios .mui-indexed-list-empty-alert {
	padding-right: 25px;
}

.mui-search .mui-placeholder {
	font-size: 14px;
}

/*.mui-checkbox input[type=checkbox] {*/
/*	width: 20px;*/
/*	height: 20px;*/
/*	line-height: 20px;*/
/*	top: 50%!important;*/
/*	left: 15px!important;*/
/*	margin-top: -10px;*/
/*}*/

/*.mui-checkbox input[type=checkbox]:before {*/
/*	font-family: "iconfont iconcheck" !important;*/
/*	font-size: 20px;*/
/*	font-style: normal;*/
/*	-webkit-font-smoothing: antialiased;*/
/*	-moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.mui-checkbox input[type=checkbox]:before {*/
/*	content: "\e60a";*/
/*}*/

/*.mui-checkbox input[type=checkbox]:checked:before {*/
/*	content: "\e6ca";*/
/*}*/

.mui-table-view-cell.mui-checkbox.mui-left,
.mui-table-view-cell.mui-radio.mui-left {
	padding-left: 48px;
}

.mui-indexed-list {
	height: auto;
}

.mui-indexed-list-inner {
	height: auto!important
}

.weui-upx-cell input[type=text] {
	margin-bottom: 0;
	outline: none;
	font-size: 15px;
	text-align: right;
	padding: 0;
	border: 0;
	height: 20px;
	line-height: 20px;
}

.weui-upx-cell textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
}

.weui-uploader__hd {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding-bottom: 16px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.weui-uploader__title {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.weui-uploader__info {
	color: rgba(0, 0, 0, 0.3);
}

.weui-uploader__bd {
	margin-right: -8px;
}

.weui-uploader__files {
	position: relative;
	z-index: 3;
	list-style: none;
}

.weui-uploader__file {
	position: relative;
	float: left;
	margin-right: 8px;
	width: 80px;
	height: 80px;
	background: no-repeat center center;
	background-size: cover;
	box-shadow: 0 0 0 1px #F5F5F5;
}

.weui-uploader__file_status {
	position: relative;
}

.weui-uploader__file_status:before {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.weui-uploader__file_status .weui-uploader__file-content {
	display: block;
}

.weui-uploader__file-content {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #FFFFFF;
}

.weui-uploader__file-content .weui-icon-warn {
	display: inline-block;
}

.weui-uploader__input-box {
	float: left;
	position: relative;
	margin-right: 10px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px dashed #cccccc;
}

.weui-uploader__input-box:active {
	border-color: #8b8b8b;
}

.weui-uploader__input-box:active:before,
.weui-uploader__input-box:active:after {
	background-color: #8b8b8b;
}

.weui-uploader__input {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.upload-tips {
	text-align: center;
	line-height: 1;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.upload-tips p {
	margin-bottom: 0;
	font-size: 12px;
	color: #999999;
	padding-top: 5px;
}
.weui-upx .weui-upx-cell{
	background-color: #FFFFFF;
}
.upload-tips .iconfont {
	font-size:40px;
	color: #d5d5d5;
}
.weui-demo-uploader .upload-tips .iconfont {
	font-size: 20px;
}
.weui-demo-uploader .weui-uploader__input-box {
	width: 60px;
	height: 60px;
}
.weui-demo-uploader .weui-uploader__file {
	width: 60px;
	height: 60px;
}

.weui-step-uploader .upload-tips .iconfont {
	font-size: 16px;
}
.weui-step-uploader .weui-uploader__input-box {
	width: 30px;
	height: 30px;
}
.weui-step-uploader .weui-uploader__file {
	width: 30px;
	height: 30px;
}











.weui-arrow-cell {
	padding-right: 25px;
}

.weui-arrow-cell:after {
	font-family: Muiicons;
	font-size: inherit;
	line-height: 1;
	position: absolute;
	top: 50%;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-decoration: none;
	color: #bbb;
	-webkit-font-smoothing: antialiased;
	right: 10px;
	content: '\e583';
}

.btn-space {
	text-align: center;
	padding: 15px 45px;
}

.mui-btn-default,
.mui-btn-default:enabled:active {
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	padding: 0;
	border: 0;
	color: #FFFFFF;
	background-color: #10abf6;
	box-shadow: 1px 2px 5px rgba(0, 0, 0, .1);
}

.mui-input-group input {
	font-size: 15px;
	padding: 10px 0;
}

.text-right {
	text-align: right;
}

.mui-btn-code {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -15px;
	border: 0;
	font-size: 14px;
	background-color: #fcbe0b;
	color: #FFFFFF;
	border-radius: 30px;
}

.mui-btn-code:enabled:active {
	background-color: #fcbe0b;
	color: #FFFFFF;
}

.mui-btn-code+input {
	padding-right: 100px;
}

.mui-input-row .label-check {
	padding: 0;
	color: #8c8c8c;
	font-size: 13px;
}

.mui-input-row .input-link {
	color: #8c8c8c;
	font-size: 13px;
}

.label-check {
	display: block;
	cursor: pointer;
	padding: 10px 15px 0 15px;
}

.label-check input,
.label-check span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	color: #666666;
	font-size: 14px;
}

.label-check input {
	position: relative;
	width: 18px;
	height: 18px;
	-webkit-appearance: none;
	appearance: none;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.label-check input:before {
	content: "\e703";
	line-height: 1;
	position: absolute;
	left: 50%;
	top: 50%;
	color: #999;
	transform: translate(-50%, -50%);
	margin-top: -2px;
}

.label-check input:checked:before {
	content: "\e601";
	color: #10abf6;
	margin-top: 0px;
}

.weui-cout {
	color: #999;
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 14px;
}

.input-text .sm {
	font-size: 14px;
}

.file-close {
	display: block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(../images/close.png) center no-repeat;
	background-size: contain;
	position: absolute;
	right: -5px;
	top: -5px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}


/*邀请*/

.invte-banner {
	position: relative;
}

.invte-banner img {
	width: 100%;
	display: block;
}

.invte-banner .invte-number {
	height: 88px;
	border-radius: 6px;
	border: 1px solid #ff8a73;
	height: 44px;
	line-height: 44px;
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	background-color: #fd5736;
}

.weui-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.weui-flex__item {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.weui-data-flex {
	text-align: center;
	padding: 15px 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #e2e2e2;
}

.weui-data-flex .number {
	color: #e83410;
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 10px;
}

.weui-data-flex .txt {
	color: #666666;
	font-size: 14px;
}

.weui-data-flex .weui-flex__item:first-child:after {
	display: block;
	width: 1px;
	height: 100%;
	background-color: #e2e2e2;
	content: '　';
	position: absolute;
	right: 0;
	top: 0;
}

.invte-body {
	padding: 15px;
}

.invte-button .btn {
	display: block;
	font-size: 0;
}

.invte-button .btn img {
	height: 40px;
}

.invte-tips {
	margin-top: 20px;
	font-size: 15px;
	color: #666;
	line-height: 2;
}

.text-red {
	color: #fd421d;
}


/*登录*/

.login-wrap {
	background: url(../images/mmbg.png) center top no-repeat;
	background-size: contain;
}

.logo-avatar {
	text-align: center;
	padding-top: 45px;
	padding-bottom: 25px;
}

.logo-avatar img {
	width: 80px;
	height: 80px;
}

.logo-avatar p {
	font-size: 20px;
	line-height: 1.2;
	color: #FFFFFF;
}

.mui-input-form {
	background-color: #FFFFFF;
	border-radius: 16px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin-left: 30px;
	margin-right: 30px;
	padding: 40px 20px;
}

.login-footer {
	text-align: center;
	color: #888888;
	font-size: 14px;
	margin-top: 80px;
}

.mui-input-row.justify {
	padding: 0 15px;
}

.mui-input-row .input-link {
	color: #f54e04;
}

.mui-button-row {
	margin-bottom: 30px;
}

.mui-input-row .iconfont {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	color: #d9d9d9;
	font-size: 20px;
}

.mui-input-row input {
	border: 0;
	margin-bottom: 0;
	background-color: #f5f5f5;
	height: 45px;
	line-height: 25px;
	border-radius: 6px;
	font-size: 14px;
	text-indent: 30px;
}

.mui-input-row input::placeholder {
	color: #CCCCCC;
}

.mui-input-form .mui-input-row {
	margin-bottom: 15px;
}

.mui-button-row {
	padding-top: 10px;
}

.mui-button-row .btn-default {
	cursor: pointer;
	height: 45px;
	line-height: 45px;
	border-radius: 45px;
	font-size: 16px;
	padding: 0;
	border: 0;
	width: 100%;
	color: #FFFFFF;
	background: -webkit-linear-gradient(left, #14b1fd, #0094dc);
	background: -o-linear-gradient(right, #14b1fd, #0094dc);
	background: -moz-linear-gradient(right, #14b1fd, #0094dc);
	background: linear-gradient(to right, #14b1fd, #0094dc);
	box-shadow: 1px 2px 5px rgba(0, 0, 0, .1);
}

.mui-button-row .btn-default:enabled:active {
	color: #FFFFFF;
	background: -webkit-linear-gradient(left, #14b1fd, #0094dc);
	background: -o-linear-gradient(right, #14b1fd, #0094dc);
	background: -moz-linear-gradient(right, #14b1fd, #0094dc);
	background: linear-gradient(to right, #14b1fd, #0094dc);
}
.mui-table-view-cell>a img,
.mui-table-view-cell>a span{
	display: inline-block;
	vertical-align: middle;
}
.uc-icon{
	width: 18px;
	height: 18px;
}
.mui-ucenter{
	background: url(../images/uubg.png) center top no-repeat;
	background-size: contain;
}

.ucenter-grid{
	padding-top: 55px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.ucenter-card{
	background-color: #FFFFFF;
	border-radius: 8px;
	box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.ucenter-flex{
	overflow: hidden;
	padding: 15px 0;
	border-top: 1px solid #dadada;
}
.ucenter-flex li{
	position: relative;
	width: 50%;
	text-align: center;
	line-height: 1;
	float: left;
}
.ucenter-flex .txt{
	color: #666666;
	font-size: 14px;
	margin-bottom: 10px;
}
.ucenter-flex .price{
	color: #e83410;
	margin-bottom: 10px;
	font-size: 18px;
}
.ucenter-flex .mui-btn{
	width: 88px;
	text-align: center;
	border-radius: 8px;
}
.mui-btn-blue, .mui-btn-primary, input[type=submit] {
    color: #fff;
    border: 1px solid #0da7f2;
    background-color: #0da7f2;
}
.mui-btn-blue, .mui-btn-primary, input[type=button] {
    color: #fff;
    border: 1px solid #0da7f2;
    background-color: #0da7f2;
}
.mui-btn-outlined{
	background-color: transparent;
}
.ucenter-flex li:after{
	content: '　';
	position: absolute;
	right: 0;
	width: 1px;
	background-color: #dadada;
	top: 0;
	bottom: 0;
}
.ucenter-flex li:last-child:after{
	display: none;
}
.ucenter-card .uc-logo{
	display: block;
	margin-right: 15px;
	width: 60px;
	height: 60px;
	border-radius: 60px;
}
.uc-tel{
	font-size: 18px;
}
.uc-id{
	font-size: 15px;
	color: #999999;
}
.uc-level{
	color: #0da7f2;
	height: 30px;
	line-height: 28px;
	padding: 0 10px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	border: 1px solid #0da7f2;
	border-right: 0;
	position: absolute;
	right: 0;
	top: 15px;
}

.team-cells{
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
.weui-team-cell .text{
	color: #999;
}

.mui-team-view{
	text-align: center;
}
.mui-team-view li{
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #666;
}
.mui-team-view .td:nth-child(1){
	width: 100px;
}
.mui-team-view .td:nth-child(2){
	width: 150px
}
.mui-team-view .td:nth-child(3){
	width:100px;
}
.t-number{
	color: #333333;
	font-size: 17px;
	text-align: left;
}
.t-id{
	color: #999;
	text-align: left;
}
.mui-team-view .mui-btn{
	border-radius: 30px;
	background-color: #fcbe0b;
	width: 80px;
}
.mui-team-view li:nth-child(even){
	background-color: #f5f5f5;
}
.dropload-down{
	padding: 15px;
	text-align: center;
	font-size: 12px;
	color: #999999;
}
.acc-text{
	position: relative;
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 0px;
}
.acc-text:after{
	position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e2e2e2;;
}
.mui-acc-view li{
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #666;
	text-align: center;
	padding: 10px;
}
.mui-acc-view li .td{
	line-height: 30px;
	border-right: 1px solid #DCDCDC;
}
.mui-acc-view .td:nth-child(1){
	width: 30%;
}
.mui-acc-view .td:nth-child(2){
	width: 30%;
}
.mui-acc-view .td:nth-child(3){
	width: 40%;
	border-right: 0;
}
.acc-time{
	font-size: 12px;
	color: #999999;
}
.acc-price{
	color: #e83410;
}
.acc-price span{
	font-size: 20px;
}

.mui-pull-top-tips {
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -25px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	z-index: 888;
}
.mui-bar~.mui-pull-top-tips {
	top: 24px;
}
.mui-pull-top-wrapper {
	width: 42px;
	height: 42px;
	display: block;
	text-align: center;
	background-color: #efeff4;
	border: 1px solid #ddd;
	border-radius: 25px;
	background-clip: padding-box;
	box-shadow: 0 4px 10px #bbb;
	overflow: hidden;
}
.mui-pull-top-tips.mui-transitioning {
	-webkit-transition-duration: 200ms;
	transition-duration: 200ms;
}
.mui-pull-top-tips .mui-pull-loading {
	/*-webkit-backface-visibility: hidden;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;*/
	
	margin: 0;
}
.mui-pull-top-wrapper .mui-icon,
.mui-pull-top-wrapper .mui-spinner {
	margin-top: 7px;
}
.mui-pull-top-wrapper .mui-icon.mui-reverse {
	/*-webkit-transform: rotate(180deg) translateZ(0);*/
}
.mui-pull-bottom-tips {
	text-align: center;
	background-color: transparent;
	font-size: 14px;
	line-height: 40px;
	color: #666666;
}
.mui-pull-top-canvas {
	overflow: hidden;
	background-color: #fafafa;
	border-radius: 40px;
	box-shadow: 0 4px 10px #bbb;
	width: 40px;
	height: 40px;
	margin: 0 auto;
}
.mui-pull-top-canvas canvas {
	width: 40px;
}
.mui-slider-indicator.mui-segmented-control {
	background-color: #efeff4;
}
.mui-tab-control{
	background-color: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 500;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
	height: 50px;
	border: 0;
	border-radius: 0;
}
.mui-tab-control .mui-control-item{
    position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-top: calc(16px + constant(safe-area-inset-top));
    padding-top: calc(16px + env(safe-area-inset-top));
    text-align: center;
    font-size: 15px;
    color: #666666;
    text-overflow: ellipsis;
    border-color: transparent;
    border-left:0;
    line-height: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mui-tab-control .mui-control-item.mui-active{
	color: #0ca5f0;
	background-color: transparent;
}
.mui-tab-control .mui-control-item:after{
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.mui-tab-control .mui-control-item:last-child:after{
	display: none;
}
.mui-tab-control:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.mui-tab-control:before {
    content: " ";
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    height: 1px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.mui-tab-control a.mui-active:before{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #0ca5f0;
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    color: #666666;
}
.acc-button{
	text-align: center;
	margin-bottom: 10px;
	font-size: 0;
}
.acc-button .mui-btn{
	display: inline-block;
	height: 35px;
	width: 100px;
	padding: 0;
	line-height: 32px;
	border-radius: 40px;
	font-size: 15px;
	margin: 0 5px;
}
.acc-button .mui-btn-outlined{
	background-color: #FFFFFF;
}
.toplist-cells{
	padding: 0 15px 15px 15px;
	background: url(../images/topligbg.jpg) center top no-repeat;
	background-size: 100% 100%;
}

.toplist-cells-my{
	padding: 0 15px 15px 15px;
	background-color: #3d96f7;
	background-size: 100% 100%;
}
.tl-cell{
	position: relative;
	width: 32%;
}
.tl-cell .tl-body{
	text-align: center;
	position: relative;
	z-index: 2;
	background-color: rgba(255,255,255,.85);
	border-radius: 8px;
	padding: 10px;
	line-height: 1.2;
}
.toplist-header{
	text-align: center;
	margin-bottom: 20px;
}
.toplist-3{
	margin-bottom: 30px;
}
.toplist-3 .tl-cell:nth-child(2){
	transform: translateY(-30px);
}
.tl-text{
	color: #666666;
	font-size: 15px;
	margin-bottom: 5px;
}
.tl-price{
	height: 30px;
	border-radius: 3px;
	line-height: 30px;
	background-color: #fcbe0b;
	color: #FFFFFF;
	font-size: 14px;
}
.tl-price span{
	font-size: 16px;
}
.tl-account{
	font-size: 12px;
	margin-top: 10px;
	color: #999999;
}
.tl-cell:after{
	display: block;
	background-color: #0857d1;
	height: 4px;
	border-radius: 4px;
	opacity: .3;
	content: '　';
	position: absolute;
	bottom: -3px;
	left: -3px;
	right: -3px;
}


.mui-rank-view{
	text-align: center;
}
.mui-rank-view li{
	width: auto;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: left;
	color: #666;
	padding: 10px;
}
.mui-rank-view li:first-child{
	padding: 15px 10px;
}
.mui-rank-view .td:nth-child(1){
	width: 50px;
}
.mui-rank-view .td:nth-child(2){
	width: 100px
}
.mui-rank-view .td:nth-child(3){
	width:150px;
}
.mui-rank-view li:nth-child(even){
	background-color: #f5f5f5;
}

.t-ods{
	width: 30px;
	height: 30px;
	background-color: #10abf6;
	border-radius: 30px;
	color: #FFFFFF;
	line-height: 30px;
	margin: 0 auto;
}
.mui-fullscreen .mui-segmented-control~.mui-slider-group{
	top: 50px;
}
.task-icon{
	display: block;
	margin-right: 10px;
	font-size: 0;
}
.task-icon img{
	width: 41px!important;
	height: 41px;
}
.task-title{
	margin-bottom: 6px;
}
.task-title a{
	color: #000;
}
.task-grid {
	line-height: 1;
}
.task-grid span{
	display: inline-block;
	margin-right: 20px;
	font-size: 13px;
}
.task-grid .task-num{
	color: #666666;
}
.task-grid .task-price{
	font-size: 14px;
	color: #ff0000;
}
.task-cells{
	margin-top: -1px!important;
}
.task-buttons{
	overflow: hidden;
	margin: 0 -2px;
	margin-top: 10px;
}
.task-buttons li{
	padding: 5px 2px;
	float: left;
	width: 30%;
}
.task-buttons .mui-btn{
	font-size: 11px;
	border-radius: 50px;
	width: 50px;
	height: 20px;
}
.weui-task-cell{
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.weui-task-cell:after{
	font-family: Muiicons;
    content: '\e583';
    font-size: inherit;
    line-height: 1;
    position: absolute;
	top: 30px;
    right: 15px;
    display: inline-block;
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
}
.weui-task-mywork:after{
	font-family: Muiicons;
    font-size: inherit;
    line-height: 1;
    position: absolute;
	top: 30px;
    right: 15px;
    display: inline-block;
    text-decoration: none;
    color: #bbb;
    -webkit-font-smoothing: antialiased;
}
.tabs-cells{
    padding: 15px 30px;
}
.link-tab{
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 500;
    border:1px solid #dadada;
    border-radius: 50px;
    overflow: hidden;
}
.link-tab .link-item{
	 position: relative;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    background-color: #FFFFFF;
    text-overflow: ellipsis;
    border-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.link-tab .link-item:after{
	display: block;
	width: 1px;
	height: 100%;
	background-color: #DADADA;
	content: '　';
	position: absolute;
	right: 0;
	top: 0;
}
.link-tab .link-item:last-child:after{
	display: none;
}
.link-tab .link-item.active{
	background-color: #0ca5f0;
	color: #FFFFFF;
}
.task-status{
	position: absolute;
	top: 0;
	right: 30px;
	top: 45%;
	transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0;
}
.task-status img{
	width: 72px!important
}
.nav-cells{
	position: relative;
}
.nav-cells:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.nav-tab{
	padding:10px 5px;
	overflow: hidden;
	background-color: #FFFFFF;
}
.nav-tab li{
	padding: 0 5px;
	float: left;
	width: 20%;
	text-align: center;
}
.nav-tab li a{
	height: 35px;
	line-height: 32px;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	font-size: 14px;
	display: block;
}
.nav-tab li.active a{
	background-color: #0ca5f0;
	color: #FFFFFF;
	border:1px solid #0ca5f0;
}

.label-text{
	color: #666666;
	margin-right: 10px;
	white-space: nowrap;
}
.label-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mui-panel{
	margin-bottom: 10px;
}
.panel-text{
	margin-bottom: 10px;
	color: #666666;
	font-size: 14px;
	padding: 0 15px;
}
.mui-panel-body{
	position: relative;
	padding: 15px;
	background-color: #FFFFFF;
}
.mui-panel-body img{
	display: block;
	width: 100%;
}
.mui-panel-body p:last-child{
	margin-bottom: 0;
}
.pbl-cell{
	font-size: 14px;
	line-height:26px;
}
.btn-copy{
	display: inline-block;
	vertical-align: middle;
	width: 80px;
	height: 28px;
	background-color: #0da7f2;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	line-height: 28px;
	border-radius: 3px;
}
.copy-text{
	font-size: 14px;
	color: #666;
	display: inline-block;
	margin-left: 10px;
}
.mui-panel-body:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.mui-panel-body:before {
    content: " ";
    position: absolute;
    left: 0;
    top: -1px;
    right: 0;
    height: 1px;
    border-top: 1px solid #dbdbdb;
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}
.mui-tab-control a.mui-active:before{
	content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #dbdbdb;
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    color: #666666;
}

.space-div{
	height: 9px;
	margin-bottom: 10px;
	background: url(../images/spaceline.png) no-repeat center;
	background-size: 100% 100%;
}
.text-blue{
	color: #0ba5ef;
}
.inner-info{
	font-size: 13px;
	color: #666666;
	margin-bottom: 10px;
}
.panel-photo{
	margin-bottom: 15px;
}
.mui-panel-body .acc-button{
	margin-bottom: 0;
}
.tm-list{
	overflow: hidden;
	margin: 0 -5px;
}
.tm-list li{
	width: 33.33%;
	float: left;
	padding: 0 5px;
}
.tm-list .tm-tag{
	height: 30px;
	line-height: 28px;
	border: 1px solid #0ba5ef;
	color: #0ba5ef;
	display: block;
	text-align: center;
	font-size: 14px;
	border-radius: 40px;
}
.weui-pla-cells{
	margin-top: 10px;
}
.plb-label{
	color: #000000;
	width: 60px;
}
.weui-cell .pl-input{
	margin-bottom: 0;
	border: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	text-align: right;
	font-size: 15px;
}
.label-span{
	margin-left: 10px;
	color: #999999;
}
.weui-cell textarea{
	padding: 0;
	border: 0;
	margin-bottom: 0;
	font-size: 15px;
}
.label-icon{
	display: block;
	line-height: 1;
	margin-left: 5px;
}
.label-icon .iconfont{
	color: #0ca5f0;
}
.tuan-cell{
	height: 20px;
}
.tuan-cell .pl-input{
	width: 115px;
	float: right;
}
.tuan-cell .mui-switch{
	width: 40px;
	float: right;height: 22px;
	margin-top: -1px;
}
.tuan-cell .mui-switch-mini .mui-switch-handle{
	width: 18px;
	height: 18px;
}
.tuan-cell .mui-switch-mini.mui-active .mui-switch-handle{
	 -webkit-transform: translate(18px, 0);
    transform: translate(18px, 0);
}
.pl-input::placeholder{
	color: #999999;
}
.plb-header{
	margin-bottom: 10px;
	padding: 0 15px;
}
.plb-text{
	font-size: 15px;
	color: #000000;
}
.plb-tips{
	font-size: 13px;
	color: #999999;
}
.del-button{
	width: 40px;
	height: 100%;
	line-height: 60px;
	text-align: center;
	background-color: #f20606;
	color: #FFFFFF;
	position: absolute;
	right: 0;
	top: 0;
}

@media only screen and (min-width: 639px) {
	.mui-bar-nav{
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}
	.mui-bar-tab{
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}
	.mui-fullscreen{
		width: 640px;
		left: 50%;
		margin-left: -320px;
	}
}

.icon-pingou{
	color: #ff0000;
}
.icon-tuangou{
	color: #ff0000;
}

.q-upload{
	padding-top: 20px;
	display: none;
}
.text-wain{
	color: #f57503;
}
.demo-list{
	overflow: hidden;
	margin: 0 -2px;
}
.demo-list li{
	padding: 0 2px;
	float: left;
	width: 20%;
}
.mui-focusin>.mui-bar-header-secondary,
.mui-focusin>.mui-bar-nav {
    position: fixed
}

.mui-btn.mui-disabled, .mui-btn:disabled, button.mui-disabled, button:disabled, input[type=button].mui-disabled, input[type=button]:disabled, input[type=reset].mui-disabled, input[type=reset]:disabled, input[type=submit].mui-disabled, input[type=submit]:disabled{
	background-color: #0da7f2;
}
.infoTxt+span{
	display: none;
}
.cell-link{
	text-align: center;
	padding: 15px;
}
.cell-link .tuan-link{
	color: #ff5400;
	text-decoration: underline
}

.weui-task-cell .task-title{
	color:#333
}

/* 12.19 */
.task-panel{
	position: relative;
}
.task-panel .task-buttons{
	padding: 0 15px 15px 60px;
	text-align: center;
	margin-top: 0;
}
.task-panel:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #dadada;
    color: rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    z-index: 2;
}
.task-panel:first-child{
	display: none;
}















