@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: #444; } .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; } .table1 { margin: 5px auto; width: 95%; background-color: #FFFFFF; text-align: center; border: #e0e0e0 1px solid; } .table2 { margin: 5px auto; width: 95%; } .mui-content th { height: 30px; } .mui-content td { padding: 10px 0px; line-height: 30px; text-align: center; } .mui-off-canvas-left { width: 80%; } .mui-off-canvas-left { background: #fff; } .me_set { background: #00c4cb; 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: #00c4cb; 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: #00c4cb; } .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: #00c4cb; } .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: #00c4cb; background: #00c4cb; } .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: #00c4cb; 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: #00c4cb; 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: #00c4cb; 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 #00c4cb; 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: #00c4cb; 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 { text-align: center; 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: #00c4cb; 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: #00c4cb; 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: #00c4cb; } /*日程管理界面样式*/ .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: #00c4cb; border: #00c4cb; } #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: #00c4cb; } .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: #00c4cb; 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: #00c4cb; 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; }