/*****************************手机常用部分******************************************** 2017-12-10/

/******************************手机端样式以 mob- 开头****************************** 2017-12-10/

/*手机头部*/
.mob-page-top{position:fixed;top:0;left:0; width:100%;height:50px;line-height:50px;font-size:17px; z-index:6;
          text-align:center;margin-bottom:20px;border-bottom:1px solid #dbdbdb;background-color:#fff;color:#333;}
.mob-page-top .left{position:absolute;left:15px;top:0; color:#333;width:10%;} /*左侧返回按钮*/
.mob-page-top .left a{float:left; width:100%; text-align:center; line-height:50px;}
.mob-page-top .right {position:absolute;right:15px;top:0;line-height:50px; color:#fff;}
.mob-page-top .right i{color:#fe5000;padding-left:15px;}

/**没有底部切换选项卡的中部内容**/
.mob-page-content{position:absolute;top:60px;left:0;width:100%;right:0;z-index:5; padding:5px 0;}
.mob-page-box{float:left;width:100%; margin-bottom:15px;}

/**带有固定底部的中部内容**/
.mob-fixed-content{position:absolute;top:60px; left:0;width:100%;right:0;z-index:5; padding:5px 0 50px 0;}
.mob-fixed-bottom{position: fixed; bottom: 0;width: 100%; text-align:center;  height:45px; line-height:45px; z-index: 5; padding: 0 15px; background-color:#fff; border-top:1px solid #eee; }

.mob-fixed-bottom ul,.mob-fixed-bottom li{padding:0; margin:0; list-style:none; float:left;cursor: pointer; box-sizing:border-box;}
.mob-fixed-bottom ul{ width:100%;}

.mob-fixed-bottom ul li.mob-bottom-active{color:orange;font-weight:800;}

/*中间列*/
.mob-row{float:left;width:100%;padding:0 10px;table-layout: fixed;background-color:#fff;}
.mob-row li{float:left;width:100%; border-bottom:1px solid #e5e6e7; padding:10px 8px;}
.mob-row li .left{float:left;width:80%;font-weight:bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mob-row li .right{float:right;width:20%;color:#8a8a8a;}
.mob-row li .gray{float:left;width:79%;line-height:20px;margin:2px 0; color:#ff9900;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:12px;}
.mob-row li .zong{color:#e09347;}
.mob-row li.last{float:right;width:15%;border-bottom:1px solid #e5e6e7;line-height:48px; text-align:center;padding:10px 0;}

.mob-row-title{float:left; width:100%; line-height:30px;font-weight:bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mob-row-line{float:left; width:100%; padding-left:20px; line-height:22px;color:#666;}
.mob-row-line i{float:left; width:13px;height:22px; line-height:22px; text-align:center; margin-right:6px;}

/*两列的情况 */
.mob-two-col{float:left;width:97%;padding:0 15px;margin-left:1.5%;border-bottom:1px solid #e5e6e7;}
.mob-two-col .left{float:left;line-height:22px;padding:10px 0; width:25%;}
.mob-two-col .right{float:left;line-height:22px;padding:10px 0;width:75%;color:#8a8a8a;text-align:right;}
.mob-two-col .right input{text-indent:0; background:transparent;border:none;color:#8a8a8a;width:100%;line-height:22px; font-weight:normal;text-align:right;}
.mob-two-col .right textarea{text-indent:0; background:transparent;border:none;color:#8a8a8a;width:100%;line-height:22px; font-weight:normal;text-align:right;}
.mob-two-col .right label{background:transparent;border:none;color:#8a8a8a;width:100%;line-height:22px;font-weight:normal;}
.mob-two-col-select{float:left;width:92%;padding:0 3%;margin-left:1%;border-bottom:1px solid #e5e6e7;}
.mob-two-col-select .left{float:left;line-height:22px;padding:10px 0; width:80%;}
.mob-two-col-select .right{float:left;line-height:22px;padding:10px 0;width:20%;color:#8a8a8a;text-align:right;}
 
 /*三列的情况,20171225*/
.mob-three-col{float:left;width:97%;padding:0 15px;margin-left:1.5%; box-sizing:padding-box; border-bottom:1px solid #e5e6e7;}
.mob-three-col .left{float:left;line-height:20px;padding:10px 0; width:25%;}
.mob-three-col .center{float:left;line-height:20px;padding:10px 0;width:70%;color:#8a8a8a;text-align:right;}
.mob-three-col .center input{text-indent:0; background:transparent;border:none;color:#8a8a8a;width:100%;line-height:20px; font-weight:normal;text-align:right;}
.mob-three-col .center label{background:transparent;border:none;color:#8a8a8a;width:100%;line-height:20px;padding:10px 0; font-weight:normal;}
.mob-three-col .center label.lbl_checked_info{float:right; width:70px;height:18px;line-height:18px;text-align:center;padding:0;margin:0; white-space:nowrap;}
.mob-three-col .center textarea{text-indent:0; background:transparent;border:none;color:#8a8a8a;width:100%;line-height:20px; font-weight:normal;text-align:right;}
.mob-three-col .right{float:right;line-height:20px;padding:10px 0;width:5%;color:#e47106;text-align:right;}

/**二级页面**/
.mob-sec-page{position:fixed;top:60px;left:0;width:100%; background-color:#fff;}
.mob-sec-page-top{float:left;width:100%;line-height:22px;margin:10px 0 15px 0;text-align:center;color:#e47106;font-size:16px;}
.mob-sec-page-top .rightBtn{position:absolute;width:auto;right:15px;margin-top:-23px;}
.mob-sec-page-content{float:left;width:92%;margin-left:1%;padding:10px 3%;}

/***常用首页横向：左图片、中标题、右箭头式 布局***/
.mob-index-box{position:absolute;top:60px;left:0;width:100%;right:0;z-index:5; padding:5px 0; background-color:#fff;}
.mob-index-row{float:left;width:100%;}
.mob-index-row li{list-style:none; padding:0; margin:0;}
.mob-index-row li:nth-child(1){float:left;width:25%;text-align:center;padding:12px 0;}
.mob-index-row li:nth-child(1) img{float:left;margin-left:20px;height:50px;width:50px;border-radius:8px;}
.mob-index-row li:nth-child(2){float:left;width:60%;border-bottom:1px solid #e5e6e7;text-indent:5px;padding:10px 0;}
.mob-index-row li:nth-child(2) .mob-index-row-up{float: left;width:100%;line-height:20px;margin:3px 0;font-weight:bold;}
.mob-index-row li:nth-child(2) .mob-index-row-bottom{float: left;width:100%;line-height:20px;margin:3px 0;color:#8a8a8a;}
.mob-index-row li:nth-child(3){float:right;width:12%; margin-right:3%; border-bottom:1px solid #e5e6e7;line-height:48px; text-align:center;padding:12px 0;}

/**常用九宫格**/
.mob-jiu{position:absolute;top:50px;left:0;width:100%;right:0;z-index:5;}
.mob-jiu-type{float:left;width:100%;height:30px;line-height:30px;background-color:#f4f5fa;text-indent:15px;}/*九宫格分类提示标题文字*/
.mob-jiu-row{float:left;width:100%;list-style:none;border-bottom:1px solid #e5e5e5;}
.mob-jiu-row li{float:left;width:33.3333333333%;height:90px; text-align:center; background-color:#fff; list-style:none;}
.mob-jiu-row li:hover{background-color:#f0f1f4;}
.mob-jiu-row li:nth-child(2){border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;box-sizing:border-box;}
.mob-jiu-row .mob-jiu-img{float:left;width:100%;height:40px;margin-top:15px; text-align:center;}
.mob-jiu-row .mob-jiu-img img{width:40px;height:40px;}
.mob-jiu-row .mob-jiu-title{float:left;width:100%;height:22px;line-height:22px; margin-top:5px; text-align:center;}

/*手机页面常用图标设置，地图、时间、角色、科室、分类、圆形标、党会、任务、流程、流程*/
.mob-map-red{ float:left; height:22px; line-height:22px;  width:10px; margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/maplocation_red.png) no-repeat center center;  background-size:10px 14px;}
.mob-map-blue{ float:left; height:22px; line-height:22px; width:10px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/maplocation_blue.png) no-repeat center center;  background-size:10px 14px;}
.mob-map-orange{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important;  background:url(icons/moblie/map-address-orange.png) no-repeat center center;  background-size:10px 14px;}
.mob-logo-time{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/mob-time.png) no-repeat center center;  background-size:13px 14px;}
.mob-logo-jiaoSe{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/logo-jiaose.png) no-repeat center center;  background-size:13px 14px;}
.mob-logo-keShi{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/logo-keShi.png) no-repeat center center;  background-size:13px 14px;}
.mob-logo-ckind{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/logo-ckind.png) no-repeat center center;  background-size:13px 13px;}
.mob-logo-yuan{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/logo-yuan.png) no-repeat center center;  background-size:13px 13px;}
.mob-logo-yuanHuan{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/logo-yuanHuan.png) no-repeat center center;  background-size:13px 13px;}
.mob-logo-dangHui{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/logo-dangHui.png) no-repeat center center;  background-size:15px 15px;}
.mob-logo-dangRiHuoDong{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/logo-dangRiHuoDong.png) no-repeat center center;  background-size:13px 13px;}
.mob-logo-money{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/logo-money.png) no-repeat center center;  background-size:13px 11px;}
.mob-man-duban{ float:left; height:22px; line-height:22px; width:13px;margin-right:6px; text-align:center; color:#fff; font-size:11px !important; background:url(icons/moblie/man-duban.png) no-repeat center center;  background-size:13px 13px;}
/*任务图标*/
.mob-logo-task{ float:left; height:22px; line-height:22px; width:14px;margin-right:6px; background:url(icons/moblie/mob-logo-task.png) no-repeat center center;  background-size:14px 14px;}
/*流程图标*/
.mob-logo-flow{ float:left; height:22px; line-height:22px; width:14px;margin-right:6px; background:url(icons/moblie/mob-logo-flow.png) no-repeat center center;  background-size:14px 14px;}
/*流程图标*/
.mob-logo-yiJian{ float:left; height:22px; line-height:22px; width:14px;margin-right:6px; background:url(icons/moblie/mob-logo-yiJian.png) no-repeat center center;  background-size:14px 13px;}

/***手机常用单选、多选-样式***/
.mob-radio-green{float:left; width:100%;}
.mob-radio-green span{color:#000;border:1px solid #01b14c;border-radius:3px;background-color:#fff; color:#666; padding:3px 10px; line-height:22px; margin:5px;}
.mob-radio-green span.active{background-color:#093;color:#fff;}

.mob-radio-blue{float:left; width:100%;}
.mob-radio-blue span{color:#000;border:1px solid #1c84c6;border-radius:3px;background-color:#fff; color:#666; padding:3px 10px; line-height:22px; margin:5px;}
.mob-radio-blue span.mobRadActive{background-color:#1c84c6;color:#fff;}

/*手机底部架加载更多*/
.mob-load-more{float:left; width:100%; color:#333;text-align:center; cursor:pointer; line-height:40px;height:40px;background:#fff;clear:both; margin-top:6px;}

/**css控制圆形背景图形**/
.mob-circle-green{ float:left; width:14px;height:14px; border-radius:7px; margin-right:1px; margin-top:7px; background-color:#a4cf46;}