@charset "utf-8"; /* CSS Document */ img{display: block;} body{ background: #eee;} .mui-bar-nav { background: #00c4cb; } .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;}*/ .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;}