ygoa_app/css/OA-style.css

@charset "utf-8";

/* CSS Document */
img {
	display: block;
}

body {
	background: #eee;
}

.mui-bar-nav {
	background: #468CF0;
}

.mui-bar-nav h1 {
	color: #fff;
}

.user {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #999;
	margin-top: 6px;
	overflow: hidden;
}

.user img {
	width: 100%;
}

.search {
	width: 16px;
}

.search img {
	width: 100%;
	margin-top: 12px;
}

.head {
	width: 50px;
	margin-right: 10px;
	height: 50px;
	margin-top: 1px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #eee;
}

.head img {
	width: 100%;
}

.text {
	width: calc(100% - 60px);
}

.text h1 {
	font-size: 18px;
	color: #444444;
	font-weight: 500;
	width: calc(100% - 80px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text h2 {
	font-size: 14px;
	color: #999999;
	font-weight: 400;
	width: calc(100% - 26px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text h2 span {
	padding-right: 3px;
}

.angle {
	width: 20px;
	height: 20px;
	background-color: #ff5959;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	color: #fff;
	margin: 2px 0;
	font-weight: 500;
}

.text h3 {
	font-size: 12px;
	color: #999999;
	font-weight: 400;
}

.text h4 {
	font-size: 20px;
	color: #444444;
	font-weight: 500;
	line-height: 42px;
}

.mui-grid-view.mui-grid-9 {
	background: none;
}

.mui-grid-view.mui-grid-9 .mui-media {
	background: #fff;
}

.media-body-img {
	width: 54px;
	margin: 0 auto;
}

.media-body-img img {
	width: 100%;
}

.mui-table-view.mui-grid-view .mui-table-view-cell {
	width: calc(100% / 3);
}

.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
	font-size: 14px;
	color: #468cf0;
}

.mui-table-view-cell-1 {
	background: #eee;
	padding: 5px 15px;
}

.content {
	padding-top: 34px;
}

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

.mui-indexed-list-bar {
	background: #fff;
}

.mui-indexed-list {
	display: block;
}

.address_list {
	background: #fff;
}

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

.mui-indexed-list-search {
	position: fixed;
	width: 100%;
	top: 44px;
}

.indexed-list-bar {
	width: 30px;
	text-align: center;
	position: fixed;
	z-index: 1;
	right: 0;
	padding-top: 10px;
	background: none;
}

.indexed-list-bar a {
	font-size: 12px;
	color: #666;
	width: 100%;
	display: block;
	height: calc((100% - 138px) / 26);
}

/*.mui-content{ overflow:auto;}*/

.mui-off-canvas-left {
	width: 80%;
}

.mui-off-canvas-left {
	background: #fff;
}

.me_set {
	background: #468CF0;
	padding: 0 15px;
}

.me_out {
	width: 20px;
	padding: 12px 0px;
}

.me_out img {
	width: 100%;
	display: block;
}

.head-big {
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
	border: 2px #fff solid;
}

.head-big img {
	width: 100%;
}

.information {
	padding-top: 60px;
	padding-bottom: 18px;
	color: #fff;
}

.name {
	margin-left: 15px;
	padding-bottom: 20px;
}

.name h1 {
	font-weight: 500;
	font-size: 28px;
}

.name h2 {
	font-weight: 400;
	font-size: 14px;
	padding-top: 2px;
}

.information p {
	color: #fff;
	font-size: 14px;
	margin: 0;
}

.information span {
	height: 12px;
	width: 1px;
	background: #fff;
	display: block;
	margin: 0 10px;
	margin-top: 4px;
}

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

.set .icon {
	width: 22px;
}

.set .icon img {
	width: 100%;
}

.set {
	padding: 0 15px;
	margin-top: 32px;
}

.set p {
	padding: 0;
	margin: 0;
	padding-left: 15px;
	color: #444;
	font-size: 16px;
	line-height: 23px;
}

.set li {
	margin-bottom: 24px;
}

.weather {
	font-weight: 400;
	text-align: center;
	position: absolute;
	bottom: 30px;
	right: 20px;
}

.weather h1 {
	color: #468CF0;
	font-size: 30px;
}

.weather h2 {
	color: #444444;
	font-size: 14px;
}

.mui-off-canvas-left .mui-scroll-wrapper {
	position: relative;
	height: 100%;
}

.back,
.statistics {
	width: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
}

.back img,
.statistics img {
	width: 100%;
}

.head-text {
	background: #468CF0;
}

.head-text h1,
.head-text h2,
.head-text h3 {
	padding: 0;
	margin: 0;
	color: #fff;
	text-align: center;
	font-weight: normal;
}

.head-text h1 {
	font-size: 36px;
}

.head-text h2 {
	font-size: 18px;
	font-weight: 500;
	padding: 15px 0;
}

.head-text h3 {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 23px;
}

.table_item {
	width: 100%;
	background: #fff;
	padding: 12px 15px;
	border-bottom: 1px solid #dddddd;
}

.table_item p {
	margin: 0;
	font-size: 14px;
	color: #999;
	line-height: 24px;
}

.title_box {}

.title_box p {
	padding-left: 8px;
	color: #444;
}

.text_box {
	margin-left: 28px;
	position: relative;
	border-top: 1px dashed #dddddd;
	margin-top: 10px;
	padding-top: 10px;
}

.text_box p {
	position: absolute;
	color: #468CF0;
}

.text_box textarea {
	border: hidden;
	outline: none;
	font-size: 14px;
	line-height: 24px;
	padding: 0;
	margin: 0;
	display: block;
	height: 24px;
	resize: none;
	width: 100%;
	color: #444;
	text-indent: 80px;
	padding-right: 20px;
	background: url(../images/work_write.png) no-repeat right center;
	background-size: 12px;
}

.text_box textarea::-webkit-input-placeholder {
	color: #999;
}

.text_box textarea::input-placeholder {
	color: #999;
}

.label {
	color: #ff5959;
	font-size: 12px;
	line-height: 24px;
}

.label .attention {
	width: 14px;
	height: 14px;
	color: #fff;
	background: #ff5959;
	border-radius: 50%;
	text-align: center;
	line-height: 14px;
	font-weight: 600;
	margin-right: 8px;
	margin-top: 5px;
}

.tit_img {
	margin-top: 2px;
}

.label_normal {
	color: #999;
	font-size: 14px;
	line-height: 24px;
}

.normal_img {
	margin-top: 5px;
	margin-right: 8px;
}

.mui-switch-blue.mui-active {
	border-color: #468CF0;
	background: #468CF0;
}

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

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

.sign-in {
	width: 100%;
	padding: 8px 15px;
	background: #fff;
	position: fixed;
	bottom: 0;
}

.sign-in a {
	color: #fff;
	font-size: 16px;
	background: #468CF0;
	width: 100%;
	line-height: 33px;
	text-align: center;
	display: block;
}

.porcess {
	width: 100%;
	background: #fff;
	margin-bottom: 15px;
}

.porcess_item {
	width: calc(100% / 2);
	padding: 20px 0;
}

.porcess_item img {
	margin: 0 auto;
}

.porcess_item p {
	text-align: center;
	padding-top: 12px;
	margin: 0;
	color: #393a3f;
	font-size: 12px;
	line-height: 12px;
}

.address_list_4 {
	width: 25%;
	padding-bottom: 30px;
}

.address_list_4 p {
	text-align: center;
	padding-top: 12px;
	margin: 0;
	color: #393a3f;
	font-size: 12px;
	line-height: 12px;
}

.address_list_4 img {
	margin: 0 auto;
}

.mui-table-view:after {
	background-color: #ddd;
}

.mui-table-view:before {
	background-color: #ddd;
}

.mui-table-view {
	margin-bottom: 15px;
}

.mui-input-row label {
	font-size: 14px;
	color: #999;
	width: 28%;
}

.mui-input-row label~input,
.mui-input-row label~select,
.mui-input-row label~textarea {
	font-size: 14px;
	color: #444;
	width: 72%;
}

::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999;
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}

.mui-table-view-cell {
	overflow: hidden;
	padding: 15px;
}

.mui-input-row .mui-switch {
	margin-top: 0;
	margin-right: 0;
}

.add {
	width: 105px;
	height: 33px;
	border: 1px solid #cccccc;
	line-height: 33px;
	text-align: center;
}

.add span {
	font-size: 14px;
	color: #999;
	background: url(../images/form_add.png) no-repeat left center;
	background-size: 14px;
	padding-left: 20px;
}

.add_nr_box {
	margin-left: -15px;
	margin-right: -15px;
}

.add_nr {
	border: 1px solid #cccccc;
	padding-right: 10px;
	margin-top: 13px;
	margin-left: 15px;
}

.add_nr .touxiang {
	width: 32px;
	height: 32px;
	overflow: hidden;
}

.add_nr .touxiang img {
	width: 100%;
}

.add_nr p {
	color: #444;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 21px;
	background: url(../images/form_sc.png) right center no-repeat;
	background-size: 11px;
	line-height: 32px;
}

.report_head {
	width: 100%;
	background: #468CF0;
	padding: 9px 10px 15px;
}

.report_head_img {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #d4feff;
}

.report_head_img img {
	width: 100%;
	height: 100%;
}

.shuji {}

.shuji_cell {
	width: calc(100% / 3 - 1px);
	border-right: 1px solid #d4feff;
}

.shuji_cell h1 {
	text-align: center;
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	line-height: 30px;
	margin: 0;
	height: 30px;
}

.shuji_cell h1 span {
	font-size: 12px;
	color: #fff;
	padding-left: 2px;
}

.shuji_cell h2 {
	font-size: 12px;
	color: #d4feff;
	text-align: center;
	font-weight: 400;
}

.bb_list {}

.bb_list:before {
	position: absolute;
	right: 15px;
	margin-left: 15px;
	top: 0;
	left: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background: url(../images/bb_listbg.png);
}

.bb_list h1 {
	font-size: 14px;
	color: #444;
	background: url(../images/bb_shijian.png) no-repeat left center;
	background-size: 14px;
	padding-left: 20px;
}

.bb_list h1 span {
	padding-left: 5px;
	font-weight: normal;
	font-size: 14px;
	color: #444;
}

.bb_list h2 {
	color: #ff363b;
	font-size: 14px;
	font-weight: normal;
	background: url(../images/zhuyi.png) no-repeat left center;
	background-size: 14px;
	padding-left: 20px;
}

.bb_list h3 {
	color: #468CF0;
	font-size: 14px;
	font-weight: normal;
	background: url(../images/work_overtime.png) no-repeat left center;
	background-size: 16px;
	padding-left: 22px;
}

.mui-table-view-cell.mui-collapse .mui-collapse-content {
	padding: 9px 15px;
}

.mui-table-view-cell:after {
	left: 0;
}

.list_item {
	margin-top: 20px;
}

.list_item .date_box {
	width: 64px;
	height: 64px;
	background: #eee;
	border-radius: 50%;
	overflow: hidden;
	padding: 3px;
	margin-left: 15px;
}

.list_item .date {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #468CF0;
	text-align: center;
}

.list_item .date h1 {
	font-size: 24px;
	color: #666;
	line-height: 24px;
	font-weight: 800;
}

.list_item .date h2 {
	font-size: 12px;
	color: #666;
	line-height: 12px;
}

.list_item>div>h1 {
	font-size: 20px;
	color: #666;
	line-height: 64px;
	font-weight: 600;
	padding-left: 10px;
	margin: 0;
}

.list_line {
	width: 1px;
	background: #ccc;
	height: 100%;
	position: absolute;
	left: 46px;
	top: 0;
	z-index: -999;
}

.time {
	margin-top: 15px;
}

.time .yuan {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #468CF0;
	border: 3px solid #eee;
	margin-left: 40px;
	margin-right: 10px;
}

.time .yuan_red {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #ff5959;
	border: 3px solid #eee;
	margin-left: 40px;
	margin-right: 10px;
}

.time h4 {
	color: #666;
	font-size: 14px;
}

.time .red {
	color: #ff5959;
}

.text1 {
	background: #fff;
	padding: 15px;
	margin-left: 60px;
	width: calc(100% - 75px);
	margin-top: 15px;
	border-radius: 5px;
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06);
	margin-bottom: 30px;
}

.list_item .text1 h1 {
	width: 90%;
	color: #444;
	font-size: 16px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list_item .text1 h2 {
	width: 100%;
	color: 14px;
	color: #999;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list_gg {}

.list_gg_item {
	background: #fff;
}

.list_gg_item h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #999;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

.list_gg_item h1 {

	font-size: 16px;
	color: #444;
	margin-bottom: 10px;
}

.list_gg_item h3 {
	font-size: 12px;
	color: #999;
	background: url(../images/time.png) no-repeat left center;
	background-size: 14px;
	padding-left: 20px;
	line-height: 14px;
}

.geren {
	width: 100%;
	background: #468CF0;
	position: fixed;
	height: 67px;
	top: 44px;
}

.geren_touxiang {
	width: 104px;
	height: 104px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -52px;
	bottom: -65%;
	border: 2px #eee solid;
}

.geren_touxiang img {
	width: 100%;
	height: 100%;
}

.geren_ziliao {
	text-align: center;
	background: #fff;
	padding-top: 52px;
	padding-bottom: 30px;
	margin-top: 67px;
}

.geren_ziliao h1 {
	color: #444;
	font-size: 22px;
	font-weight: 500;
}

.geren_ziliao h2 {
	font-weight: 400;
	color: #444;
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 15px;
}

.geren_ziliao button {
	padding: 8px 26px;
	font-size: 14px;
	color: #fff;
	background-color: #468CF0;
	border: none;
	border-radius: 4px;
}

.lianxi {
	background: #fff;
}

.lianxi_item {
	position: relative;
	padding: 0 15px;
}

.lianxi_item:before {
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background: #ddd;
}

.lianxi_item:after {
	width: 100%;
	position: absolute;
	right: 0;
	border: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background: #ddd;
}

/*打款界面样式*/
.dakuang_div {
	background: #FFFFFF;
	margin-top: 60px;
	height: 170px;
	width: 90%;
	margin-left: 15px;
	border-radius: 5%;
}

.dakuang_div1 {
	border: #FFFFFF;
	height: 125px;
}

.dakuang_div2 {
	float: left;
}

.dakuang_div3 {
	margin-top: 20px;
	font-size: 20px;
}

.dakuang_div4 {
	float: right;
}

.dakuang_div5 {
	margin-top: 20px;
	font-size: 20px;
}

#dakuang_but {
	width: 50%
}

.dakuang_bg {
	background: #f7f7f7;
}

/*菜品管理*/
.cpgl_div1 {
	height: 110px;
	margin-top: 25px;
	background: #FFFFFF;
	border-radius: 21px;
	width: 94%;
}

.cpgl_div2 {
	height: 120px;
	width: 30%;
	float: left;
}

.cpgl_img {
	width: 80px;
	margin-top: 18px;
}

.cpgl_div3 {
	float: left;
	height: 120px;
	width: 50%;
}

.cpgl_div4 {
	border-bottom: #7F8994;
	height: 50%;
}

.cpgl_div5 {
	font-size: 30px;
	float: left;
	margin-top: 25px;
}

.cpgl_div6 {
	height: 50%;
	margin-top: 5px;
}

.cpgl_div7 {
	float: left;
	height: 60px;
	height: 20px;
	color: #6A7989;
}

.cpgl_div8 {
	height: 20px;
	color: #6A7989;
}

.cpgl_div9 {
	float: right;
	width: 20%;
	margin-top: 20px;
}

.cpgl_img1 {
	width: 35px;
	margin-top: -3px;
}

.cpgl_img2 {
	width: 35px;
	margin-top: 5px;
}

/*菜品编辑界面样式*/
.mui-bar {
	box-shadow: none;
}

.mui-table-view-cell.mui-active {
	background-color: #fff;
}

.caipingbianji_for {
	margin-top: 60px
}

.caipingbianji_div {
	margin-top: 12px
}

/*菜品添加界面样式*/
.tianjiacaiping_img {
	width: 40px;
	float: right;
	margin-top: 50px;
	margin-right: 15px;
}

.tianjiacaiping_img2 {
	float: left;
}

#tianjiacaiping_idv {
	height: 100px;
}

#tianjiacaiping_idv1 {
	height: 100px;
}

.tianjiacaiping_idv2 {
	height: 90px;
}

.tianjiacaiping_gd {
	height: 70px;
}

/**/
.mydc_height {
	height: 70px;
}



/*找回密码界面样式*/
.password_fasongmima {
	background: #f7f7f7;
	margin-top: 30px;
}

.password_xiugaimima {
	background: #f7f7f7;
	width: 90%;
}

.oacolor {
	border-color: #468CF0;
}

/*日程管理界面样式*/
.richeng_img {
	width: 70%;
	margin-left: 24px;
}

.richeng_div {
	width: 150px;
	height: 100px;
	float: left;
	background: #FFFFFF;
}

.richeng_div1 {
	float: right;
	width: 50%;
	height: 100px;
	background: #FFFFFF;
}

.richeng_div2 {
	margin-left: 20px;
}

#richengguanli_div {
	background: #ffff;
	width: 100%;
	height: 110px;
}

.rc_div {
	margin-top: 15px;
	background: #FFFFFF;
}

/*借书界面样式*/
#borrybook_saoyisao {
	margin-top: 10px;
	width: 80%;
	background-color: #468CF0;
	border: #468CF0;
}

#borrybook_shurutiaoxingma {
	margin-top: 20px;
	width: 80%;
}

.wp_borrybk {
	margin-top: 60px;
	margin-left: 15px;
	font-size: 16px;
}

.wp_borrybk2 {
	margin-top: 15px;
	margin-left: 15px;
	font-size: 16px;
}

.wp_booybkimg {
	width: 20%;
	margin-top: 5px;
}

.wp_booybkimg2 {
	width: 25%;
	margin-top: 5px;
}

/*督办详情界面样式*/
.dubangxiangqing_div {
	margin-top: 10px;
}

.dubangxiangqing_div1 {
	border: #FFFFFF 1px solid;
	background: #FFFFFF;
	height: 200px;
}

.dubangxiangqing_div2 {
	height: 50px;
	margin-left: 5px;
	float: left;
	width: 83%;
	height: 75px;
}

.dubangxiangqing_div3 {
	height: 30px;
	font-size: 22px;
	margin-left: 16px;
	margin-top: 20px;
}

.dubangxiangqing_div4 {
	margin-top: 20px;
	background: #FFFFFF;
}

.dubangxiangqing_h3 {
	margin-left: 25px;
	margin-top: 25px;
}

.dubangxiangqing_span {
	color: #999999;
}

.db_touxiang img {
	width: 70%;
	margin-left: 60px;
}

.dbspan {
	float: left;
	margin-top: 15px;
	margin-left: 5px;
}

.dbimg {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	float: left;
}

.dbsimg {
	width: 20px;
	height: 20px;
	float: left;
	margin-left: 17px;
	margin-top: 3px;
}

.dbfont {
	width: 30pc;
	height: 30px;
	margin-left: 5px;
	margin-top: 15px;
	color: #999999;
	font-size: 13px;
}

.dbfont1 {
	width: 30pc;
	height: 30px;
	margin-top: 15px;
	font-size: 13px;
	color: #999999;
}

.db_zhiwei {
	margin-top: 15px;
	float: right;
	color: #999999;
	font-size: 14px;
}

/*我的订单界面样式*/
.mydd_div {
	height: 122px;
	background: #FFFFFF;
	margin-top: 15px;
}

.mydd_div1 {
	float: left;
	font-size: 13px;
	width: 90px;
	margin-left: 10px;
	margin-top: 5px;
}

.mydd_div2 {
	float: right;
	font-size: 13px;
	margin-right: 20px;
	color: #C5564A;
	margin-top: 5px;
}

.mydd_div3 {
	height: 50px;
	background: #eeeeeeb5;
}

.mydd_div4 {
	width: 40px;
	height: 40px;
	float: left;
	margin-top: 2.5px;
	margin-left: 35px;
}

.mydd_div5 {
	float: left;
	height: 50%;
	margin-top: 2.5px;
	margin-left: 10px;
	width: 180px;
	font-size: 12px;
}

.mydd_span {
	float: left;
	color: #797979;
}

.mydd_div6 {
	float: right;
	margin-top: 2.5px;
	margin-right: 5px;
	width: 50px;
	height: 40px;
	font-size: 12px;
}

.mydd_span1 {
	color: #797979;
	margin-left: 5px;
}

.mydd_div7 {
	color: #797979;
	font-size: 12px;
	float: right;
	margin-right: 20px;
	margin-top: -22px;
}

.mydd_div8 {
	height: 35px;
}

.mydd_qx {
	float: right;
	margin-right: 17px;
	margin-top: -35px;
}

/*账户管理界面样式(基于我的订单样式)*/
.zhgl_div1 {
	height: 130px;
	background: #FFFFFF;
	margin-top: 15px;
}

.zhgl_span {
	float: left;
	color: #797979;
	color: #f0ad4e;
}

.zhgl_span1 {
	color: #797979;
	margin-left: 5px;
	color: #f0ad4e;
}

.zhgl_div {
	color: #797979;
	font-size: 12px;
	float: right;
	margin-right: 15px;
	margin-top: 10px;
}

/*签到界面样式*/
.qd_div {
	height: 150px;
}

.qd_div1 {
	height: 30px;
}

.qd_div2 {
	margin-left: 10px;
	margin-top: 10px;
}

.qd_span {
	margin-left: 20px;
}

.qd_div3 {
	border: #FFFFFF 1px solid;
	height: 110px;
	background: #FFFFFF;
}

.qd_div4 {
	margin-left: 10px;
	margin-top: 10px;
	font-size: 15px;
}

.qd_span1 {
	margin-left: 70px;
}

.qd_div5 {
	margin-left: 10px;
	margin-top: 5px;
	font-size: 15px;
}

/*我的图书界面样式*/
.mybk_shucolor {
	color: #3b688a;
}

.mybk_img {
	margin-top: 10px;
	width: 90px;
	float: left;
}

.mybk_div {
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	font-size: 12px;
	color: #a5a5a5
}

.mybk_div1 {
	float: left;
	width: 150px;
	margin-top: 10px;
	font-size: 12px;
	color: #a5a5a5
}

.mybk_div2 {
	float: right;
	margin-top: 10px;
}

.mybk_button {
	margin-top: 10px;
}

/*我的账单界面*/
.myzz_div {
	width: 96%;
	height: 110px;
	background: #FFFFFF;
	margin-top: 5px;
}

.myzz_div1 {
	margin-top: -5px;
}

.myzz_div2 {
	width: 50%;
	float: left;
}

.myzz_div3 {
	border: #0EA0A6 5px solid;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.myzz_div4 {
	margin-top: 17px;
	font-size: 20px;
}

.myzz_div5 {
	font-size: 10px;
	color: #9196A1;
}

.myzz_div6 {
	border: #2FA8EC 5px solid;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}


/*首页我的（基于侧边栏修改）*/
.index_my_div {
	height: 150px;
	background: #468CF0;
}

.index_my_div1 {
	margin-top: -30px;
	margin-left: 20px;
}

.index_my_div2 {
	float: right;
	margin-top: 10px;
}

.index_my_img {
	width: 20px;
	margin-right: 25px
}

.index_my_div3 {
	margin-left: 20px;
}

.index_my_ul {
	margin-top: 15px;
	color: #999999;
}

.index_my_img1 {
	float: left;
	width: 20px;
	margin-right: 10px;
}

.index_my_div4 {
	position: fixed;
	width: 100%;
	bottom: 60px;
}

/*流程列表*/
/*.liuchen_div{height: 95px;background: #FFFFFF;padding: 20px;}*/
.liuchen_div1 {
	height: 95px;
	width: 40px;
	float: left;
	margin-top: 5px;
}

.liuchen_img {
	width: 18px;
	margin-left: 20px;
	margin-top: 2px;
}

.liuchen_div2 {
	float: left;
	width: 100%;
}

.liuchen_div3 {
	color: #9196A1;
	font-size: 12px;
}

.liuchen_div4 {
	border: #FFFFFF 1px solid;
	border-bottom-color: #e3e3e3;
	color: #9196A1;
	font-size: 12px;
}

.liuchen_div5 {
	font-size: 12px;
	float: right;
}

.liuchen_div6 {
	font-weight: bold;
}

.liuchen_span {
	color: #ff0000;
	margin-right: 5px;
}

.liuchen_span1 {
	margin-right: 5px;
	margin-left: 5px;
}

.liuchen_span2 {
	color: #a5a5a5;
	font-size: 14px;
}

.liuchen_span3 {
	color: #e7ba1f;
	margin-right: 5px;
}

.liuchen_span4 {
	color: #61b32a;
	margin-right: 5px;
}

/*zjoa我的日程*/
.myrc_div {
	border: #FFFFFF 1px solid;
	width: 94%;
	height: 190px;
	border-radius: 20px;
	background: #FFFFFF;
}

.myrc_div1 {
	border: #fff 1px solid;
	height: 30px;
	margin-top: 14px;
	border-bottom-color: #D3D4D3;
}

.myrc_div2 {
	height: 30px;
	width: 70px;
	float: left;
	background: #468CF0;
	color: #FFFFFF;
	padding: 3px;
}

.myrc_title {
	float: left;
	padding: 3px;
}

.myrc_div3 {
	border: #FFFFFF 1px solid;
	height: 100px;
	border-bottom-color: #D3D4D3;
}

.myrc_center {
	width: 50%;
	float: left;
	height: 100px;
}

.myrc_center_title {
	color: #aca4a4;
	margin-top: 5px;
}

.myrc_center_time {
	font-size: 30px;
	margin-top: 5px;
}

.myrc_center_shijian {
	color: #aca4a4;
	font-size: 13px;
}

/*消息未读已读界面*/
.weidu_div {
	height: 110px;
	background: #FFFFFF;
	margin-top: 8px;
}

.weidu_div1 {
	height: 110px;
	width: 35px;
	float: left;
}

.weidu_img {
	margin-top: -2px;
	margin-left: 5px;
}

.weidu_div2 {
	border: #FFFFFF 1px solid;
	float: left;
	height: 50px;
	width: 88%;
	border-bottom-color: #9DABBA;
}

.weidu_div3 {
	height: 50px;
	width: 60px;
	float: left;
}

.weidu_div4 {
	font-size: 36px;
	height: 40px;
	width: 50px;
	margin-top: 10px;
	color: #FFB400;
	float: left;
}

.weidu_div5 {
	float: left;
	height: 40px;
	width: 77%;
	margin-top: 2px;
}

.weidu_div6 {
	float: left;
	height: 40px;
	width: 88%;
	color: #9DABBA;
	font-size: 12px;
}

.weidu_div7 {
	float: left;
	width: 88%;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}

.weidu_span {
	float: right;
	font-size: 14px;
	color: #a5a5a5;
	margin-top: -2px;
}

.weidu_img1 {
	width: 15px;
	float: right;
	margin-right: 5px;
}

/*待办 值班 会议 通知公告 消息详情通用样式*/
.tongzhi_img {
	width: 13px;
}

.tongzhi_img1 {
	width: 17px;
}

.tongzhi_img2 {
	width: 30px;
}

.tongzhi_title {
	color: #546371;
}

.tongzhi_div {
	display: inline-block;
	vertical-align: middle;
}

.tongzhi_div1 {
	display: inline-block;
	vertical-align: middle;
	color: #7a7a7a;
}

.tongzhi_div2 {
	display: inline-block;
	vertical-align: middle;
	color: #7a7a7a;
	height: auto;
	width: 92%;
}

.tongzhi_div3 {
	display: inline-block;
	vertical-align: middle;
	color: #546371;
}

.tongzhi_div4 {
	float: right;
}

.tongzhi_xian {
	font-size: 17px;
	border: #FFFFFF 2px solid;
	border-bottom-color: #eeeeee;
}

/*待办效率*/
.dbxl_div {
	background: #FFFFFF;
	padding: 15px;
	height: 175px;
}

.dbxl_span {
	float: right;
	color: #8F8F94;
	font-size: 13px;
}

.dbxl_div1 {
	margin-top: 10px;
	height: 120px;
}

.dbxl_div2 {
	width: 33%;
	height: 115px;
	float: left;
}

.dbxl_div_border {
	border: #eaeaea 1px solid;
	height: 40px;
	background: #eaeaea;
}

.dbxl_div_border2 {
	border: #eaeaea 1px solid;
	height: 75px;
}

.dbxl_div3 {
	width: 65%;
	height: 115px;
	float: right;
}

.dbxl_time1 {
	font-size: 18px;
	margin-top: 10px;
}

.dbxl_time2 {
	font-size: 14px;
	margin-top: 10px;
	color: #FF0000;
}

.dbxl_center {
	font-size: 18px;
	margin-top: 10px;
	font-size: 15px;
}

.dbxl_select {
	padding: 10px 10px;
}

/*出差*/
.trip_ul {
	background-color: #eeeeee;
}

.tri_li_left {
	height: 200px;
	background: #FFFFFF;
	overflow: hidden;
	position: relative
}

.tri_li_div1 {
	width: 30%;
	height: 200px;
	background: #468CF0;
	overflow: hidden;
	text-align: center;
	padding: 10px;
}

.tri_li_p {
	color: #FFFFFF;
}

.tri_li_span {
	color: #FFFFFF;
	font-size: 16px;
	word-break: break-all;
}

.tri_li_div2 {
	position: absolute;
	bottom: 10px;
	color: #FFFFFF;
	font-size: 14px;
}

.tri_li_right {
	height: 200px;
	overflow: hidden;
	padding: 20px;
	position: relative;
}

.tri_li_cardzh {
	/*position: absolute;bottom: 7px;*/
	margin-top: 10px;
}

.tri_li_cardzh_p {
	font-size: 0.7em;
}

.tri_li_cardzh_dv {
	margin-left: 12px;
}

.tri_li_hr {
	border: none;
	border-top: 1px dotted #6EB2E3;
}

.tri_li_p1 {
	font-size: 15px;
}

.tri_li_top {
	margin-top: 10px;
}

/*流转过程界面样式*/
.liuzhuan_img {
	width: 10px;
	display: inline;
	margin-right: 10px;
}

.liuzhuan_cg {
	color: #008000;
}

.liuzhuan_z {
	color: #CF2D28;
}