BOSSHAND_Android/css/common/common.css

/*视口背景颜色*/

html,
body {
	background-color: #f5f5f5;
}

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


/*头部*/

.mui-title {
	height: 46px;
	line-height: 48px;
	color: #FFFFFF;
}

.mui-bar {
	background-color: #FFFFFF;
	height: 46px;
}

#header .fz {
	color: #FFFFFF;
	line-height: 48px;
}

#header a:before {
	color: #FFFFFF;
}

#header .mui-action-back {
	padding-top: 11px;
	padding-left: 5px;
}

#header .back {
	position: absolute;
	top: 17px;
	right: -18px;
	font-size: 16px;
	color: #ffffff;
}


/*tab部分*/

.mui-bar-nav {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: none;
	background: #1badf8;
}

.mui-bar-tab {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-top: 1px solid #d7d7d7;
	box-sizing: border-box;
}


/*星星*/

.stars {
	position: relative;
	top: -5px;
}


/*通用样式*/

* {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #000000;
}

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


/*设置字体*/

.sm-word {
	font-size: 12px;
}

.sm-mo-word {
	font-size: 14px;
}

.mo-word {
	overflow: hidden;
}
.mo-word img{
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 17px;
	width: 16px;
	height: 16px;
	
}
.color {
	color: #1badf8;
}


/*点击后全部为主题色*/

.mui-bar-tab .mui-tab-item.mui-active {
	color: #1badf8;
}


/*清除浮动*/

.clearfloat:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	clear: both;
	overflow: hidden;
	zoom: 1;
}


/************/


/*nav及content*/

.nc-box {
	padding: 12px 10px 8px 10px;
	border-bottom: 1px solid rgba(221, 221, 221, 0.66);
	background: #FFFFFF;
}

.nc-box-k {
	margin-top: 5px;
}

.nc-box span:first-child {
	color: #999999;
}

.nc-box span:last-child {
	position: absolute;
	right: 15px;
	color: #CCCCCC;
}

.nc-box-content {
	padding: 10px;
	background: #FFFFFF;
	margin-bottom: 10px;
}

.nc-box-content div {
	padding: 3px 20px;
}

.nc-box-content div:first-child span {
	color: #018EEF;
}

.nc-box-content div:first-child {
	position: relative;
}

.nc-box-content div:first-child span:first-child {
	position: absolute;
	top: 5px;
	left: 7px;
	display: inline-block;
	width: 3px;
	height: 14px;
	background: #018EEF;
}

.nc-box-content div span {
	font-size: 14px;
}

.nc-box-content div span:first-child {
	color: #999999;
}


/*搜索框*/

.mui-input-row.mui-search {
	padding-top: 10px;
	text-align: center;
	background: #F3F5F7;
}

.mui-search .mui-placeholder {
	line-height: 53px;
}

input:focus {
	outline-offset: 0px;
}

input[type=search] {
	padding-left: 0;
	background: #FFFFFF;
	width: 95%;
	font-size: 14px;
	margin-bottom: 9px;
}

.mui-search.mui-active:before {
	left: 3%;
	top: 36px;
}

.mui-input-row.mui-search .mui-icon-clear {
	right: 2%;
	top: 18px;
}

.mui-placeholder>span:last-child {
	font-size: 14px;
}

.mui-placeholder>span:before {
	color: #999;
}


/*单个时间栏*/

.box {
	position: relative;
	padding: 11px 10px 6px 10px;
	border-bottom: 1px solid #d7d7d7;
}

.box span {
	color: #999999;
}

.sign>div {
	padding: 10px;
}

.right {
	position: absolute;
	right: 10px;
}
.left{
	position: absolute;
	left: 10px;
}

/*重置ul*/


/*ul的通用样式*/

.mui-media-body {
	font-size: 14px;
}

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

.mui-content>.mui-table-view:first-child {
	margin-top: 0;
}

.mui-table-view span {
	position: absolute;
	top: 12px;
	right: 15px;
	color: #999999;
}

.mui-table-view-cell {
	border-bottom: 1px solid #F3F5F7;
	padding: 11px 15px 9px 15px;
}

.mui-table-view-cell:last-child {
	border-bottom: none;
}

.mui-media-body .mui-ellipsis {
	position: relative;
	top: 3px;
}

.mui-table-view-cell .sm-mui {
	width: 11%;
}

.mui-table-view-cell .sm-mui {
	margin-top: 2px;
	width: 34px;
	height: 34px;
}

.mui-ellipsis {
	font-size: 12px;
}


/*去掉ul li 的样式*/

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


/*picker弹出框*/

.mui-btn-blue,
.mui-btn-primary,
input[type=submit],
.mui-poppicker-header .mui-btn,
.mui-dtpicker-header button {
	color: #1badf8;
	border: none;
	background-color: #f7f7f7;
}

.mui-poppicker-header,
.mui-dtpicker-header,
.mui-dtpicker-title h5 {
	background: #f7f7f7;
}

.mui-picker-inner {
	background: #FFFFFF;
	-webkit-mask-box-image: none !important;
}

.mui-poppicker-body {
	border-top: none;
}


/*固定的菜单选项*/

.fixed-box>div {
	width: 50px;
	height: 50px;
	background: #1badf8;
	border-radius: 50%;
	position: fixed;
	right: 25px;
	bottom: 50px;
	text-align: center;
	line-height: 52px;
	color: #FFFFFF;
	z-index: 998;
}

.fixed-box div.xx {
	font-size: 30px;
}

.fixed-box div a {
	color: #FFFFFF;
}

.move1 {
	-webkit-animation: move1 0.1s linear both;
}

@-webkit-keyframes move1 {
	from {
		bottom: 50px;
	}
	to {
		bottom: 110px;
	}
}

.move2 {
	-webkit-animation: move2 0.2s linear both;
}

@-webkit-keyframes move2 {
	from {
		bottom: 50px;
	}
	to {
		bottom: 170px;
	}
}

.move3 {
	-webkit-animation: move3 0.3s linear both;
}

@-webkit-keyframes move3 {
	from {
		bottom: 50px;
	}
	to {
		bottom: 230px;
	}
}

.move4 {
	-webkit-animation: move4 0.1s 0.2s linear both;
}

@-webkit-keyframes move4 {
	from {
		bottom: 110px;
	}
	to {
		bottom: 50px;
	}
}

.move5 {
	-webkit-animation: move5 0.2s 0.1s linear both;
}

@-webkit-keyframes move5 {
	from {
		bottom: 170px;
	}
	to {
		bottom: 50px;
	}
}

.move6 {
	-webkit-animation: move6 0.3s linear both;
}

@-webkit-keyframes move6 {
	from {
		bottom: 230px;
	}
	to {
		bottom: 50px;
	}
}

.move7 {
	-webkit-animation: move7 0.2s linear both;
}

@-webkit-keyframes move7 {
	from {
		-webkit-transform: rotateZ(0deg);
	}
	to {
		-webkit-transform: rotateZ(45deg);
	}
}

.move8 {
	-webkit-animation: move8 0.2s linear both;
}

@-webkit-keyframes move8 {
	from {
		-webkit-transform: rotateZ(45deg);
	}
	to {
		-webkit-transform: rotateZ(0deg);
	}
}


/*回复前面的图标*/

.app-reply {
	display: inline-block;
	position: relative;
	top: 7px;
	width: 20px;
	height: 20px;
	margin-right: 3px;
	background: url('../../img/approve/chart_comment@3x.png') no-repeat;
	background-size: contain;
}

/*ca-right*/
.ca_right {
	position: absolute;
	top: 13px;
	font-size: 16px;
	color: #ffffff;
}
.ca_left {
	position: absolute;
	top: 4px;
	font-size: 16px;
	color: #ffffff;
}