h1 { font-size: 16px; } .c-arrow-r { position: absolute; top: 50%; right: 10px; margin-top: -5px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sign-comonhd .sanp-flex { -webkit-box-flex: 1; box-flex: 1; text-align: center; padding-bottom: 10px; height: 45px; line-height: 45px; } #list>li { font-size: 16px; color: #333; position: relative; display: -webkit-box; display: box; margin-left: 15px; border-top: 1px solid #f1f1f1; height: 40px; line-height: 20px; text-align: center; background: #FFFFFF; } #dest_list>li>.sjlzf { position: relative; left: 20px; } .div_dfp { position: relative; right: 100px; width: 77px; } .div_dfp>img { width: 100%; height: 100%; } .next { width: 290px; height: 40px; position: relative; top: 30px; background: #17B3EC; margin: 0 auto; font-size: 14px; text-align: center; line-height: 40px; color: #FFFFFF; border-radius: 5px; } ._service { position: absolute; right: 30px; line-height: 40px; top: 0px; } .ncard { position: absolute; line-height: 40px; top: 0px; } .c-list-action { /*color: #fff !important; background: #06BF04; text-align: center; right: 0px!important; width: 30px; font-size: 14px; position: absolute; height: 100%; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; top: 0;*/ font-size: 14px; color: #fff !important; background: #06BF04; color: #909090; position: absolute; height: 100%; right: 0px!important; display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; top: 0; width: 50px; text-align: center; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } #query_tab>.sanp-flex>._active { color: #17B3EC; } .sign-comonhd .sanp-flex { -webkit-box-flex: 1; box-flex: 1; text-align: center; padding-bottom: 0px; height: 45px; line-height: 45px; } #sheet3_area { position: relative; } #sheet3_area .mui-scroll-wrapper { margin: 0px; } #sheet3_area .mui-table-view { margin-top: 0px; margin-bottom: 0px; } .lin-search{ padding: 8px 10px; background-color: #fff; } .lin-gp-add{ display: block; width: 45px; height: 45px; position: absolute; right: 0; top: 0; } .icon-sousuo-btn{ background: url('../images/icon_sousuo.png') no-repeat; background-size: 20px 20px; background-position: center; } .lin-group-chat{ background: #fff; height: 47px; padding: 0px 15px; border-top: 1px solid #f2f4f6; display: -webkit-box; -webkit-box-align: center; } .lin-group-chat:first-child{ border-top-color:#dcdcdc; } .lin-group-chat:last-child{ border-bottom:solid 1px #dcdcdc; } .lin-group-chat div.title{ line-height: 25px; font-size: 18px; -webkit-box-flex: 1; color: #323232; } .lin-group-chat div.text{ color: #909090; font-size: 16px; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 5px; } .zy-alert{ color:#17b3ec!important; font-size: 16px; } .lin-group-chat div.icon-come{ width:10px; height: 27px; background: url('../images/icon_jinru.png') no-repeat; background-size: contain; background-position: center; margin-left: 5px; } .lin-group-chat div.lin-arrow{ transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform:rotate(7deg); -o-transform:rotate(7deg); border-top: 2px solid #909090; border-right: 2px solid #909090; width: 12px; height: 12px; } .zy-lin-footer{ width: 100%; margin-top: 80px; } .zy-send-btn{ color: #fff; height: 38px; line-height: 38px; margin-right: 10px; font-size: 14px; width: 90%; background-color: #84d3f1; margin-left: 5%; margin-top: 5px; border-radius: 5px; text-align: center; } .zy-send-btn.active{ background-color: #17b3ec; } .lin-search img{ width: 29px; } .lin-search div{ width: 100%; text-align: center; border-radius: 5px; line-height: 29px; background-color: #f2f4f6; color: #999; } .n-list-checked{ display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; width:20px; height: 20px; background: url(../images/unchecked.png) no-repeat; background-size: 100% 100%; margin: 20px 10px 20px 0; } .n-list-checked.checked{ background: url(../images/checked_all.png) no-repeat; background-size: 100%; } .check-img{ width: 20px; height: 20px; vertical-align: middle; } .n-list{ border-bottom: 1px solid #f1f1f1; } .n-list > li, .n-list > .n-list-li{ border-top: none; padding-right: 0; } .n-list-info{ border-top: 1px solid #f1f1f1; } .n-list >li:first-child > .n-list-info{ border-top: none; } .lin-down-arrow{ position: relative; top: -2px; left: 5px; height: 10px; width: 10px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; display: inline-block; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 和 Chrome */ -o-transform:rotate(45deg); /* Opera */ zoom: 1; } .lin-sel-group{ position: fixed; top: 45px; background: #fff; width: 100%; z-index: 11; display: none; } .lin-sel-group li{ text-align: center; color: #17b3ec; height: 40px; line-height: 40px; font-size: 16px; border-bottom: 1px solid #f2f4f6; } .lin-sel-group img{ width: 20px; margin: 10px; display: none; } .lin-sel-group li.checked img{ display: inline; } .lin-mask{ position: fixed; top: 45px; height: 100%; width: 100%; height: 100%; z-index: 10; display: none; background-color: rgba(0,0,0,0.5); } .sel-group{ position: fixed; top: 45px; right: 10px; width: 163px; height: 193px; z-index: 11; background: url(../images/tanchuang_icon.png) no-repeat; background-size: 100% 100%; display: none; } .sel-group li{ height: 45px; line-height: 45px; font-size: 16px; color: #323232; border-bottom: 1px solid #f2f4f6; } .sel-group li:first-child{ margin-top: 10px; } .sel-group li:last-child{ border-bottom: none; } .sel-group img{ width: 20px; vertical-align: middle; margin-left: 25px; margin-right: 10px; } .searchbar { height: 44px; box-sizing: border-box; padding: 0 8px; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-color: #FFF; } html.pixel-ratio-2 .searchbar:after { -webkit-transform: scaleY(.5); transform: scaleY(.5) } html.pixel-ratio-3 .searchbar:after { -webkit-transform: scaleY(.33); transform: scaleY(.33) } .searchbar .searchbar-input { width: 100%; height: 28px; position: relative; -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; flex-shrink: 1; } .searchbar input[type=search] { box-sizing: border-box; width: 100%; height: 100%; display: block; border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border-radius: 5px; font-family: inherit; color: #000; font-size: 14px; font-weight: 400; padding: 0 28px; background-color: #fff; background-repeat: no-repeat; background-position: 8px center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QUE2NTYxNDY1MjMxMUU2OTZFMkZGNTMzRTNEODdCQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QUE2NTYxNTY1MjMxMUU2OTZFMkZGNTMzRTNEODdCQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZBQTY1NjEyNjUyMzExRTY5NkUyRkY1MzNFM0Q4N0JDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZBQTY1NjEzNjUyMzExRTY5NkUyRkY1MzNFM0Q4N0JDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+gJ4fKgAAA2tJREFUeNq8mHtoTmEcx887o9XmNvzFXJatMWEIteQaxaa5FP/IZbMSeVOEEGMxauytEYaVkNWQXHLLNUSLVmZu28ztD+WuMdb4/vQ9+vW2ncvO2X716fmdy3v6vud5nt/zfU6goKDAcBjDwHC2SSAS1IMK8BCUgUeGywgGg//zSJt7O4L5YBXo3cw9E1X+BGwHh0GjW2FWYmaB/SCWx1/BA3AbPANfQA++pVS+NcmLwTqQCW76IaYQLGX+HOzgv/1l8azOIAusBP3BDbAB5DoVE9HEuZNKSB5IBAdshBh8U/mgD++X2AJCLRWzD8xgngHWGu5DRC8GS3i8nN3mSoyMkWzm6eC04S32KkHSVSOcipGxU8J8Ezhr+BMi6KjqfkdiVoB24A3IUdfjOCu8xDzQwGfNsRPTHmxW/aujlINxmQcxf8BqNaAtxaSAKNaRU+raZDBSFTMvcYhtAuhmJWY882th18x1Yiu44lHMZ1DOPM1KzBjmV9X5vmAAS3qOT4PZnBSpVmLim+iKOLZVDoqd03iq/mizYqKYf1fnzXMfDf/iG9sYKzF1zKPV+Xq2sT6K6cS2zkpMLfMkdf4123gHNsNpJLCtthJzi/kEdb6GY0gK4UafxKSzvWMlxpxF48JNGNv1rDleu2gI8zNWYso5RrqoFVviEs2UaTm9xEK2Yso+WImpV7Uk3BDP5lKQ51FMvtPlwBTRSJ+7Jmzs7PYopIhj7y044kTMD7WibgNTfBq02bSiEjPdmKtSmmmJC2CqRyFZdI4GvfD9sOpuazsXqTXkHB8ScCkimoa+iMd76PSkXh1knRnt1JCnqyVffM4LdmF3GxG9aMRqlKHPVXkEp7eIuqumuu1WJZO2YSer8HFlHeVBjzkLY7i6y0Zukvp9JevU5TCjLj74OhjLHehQ7kj/RcBme9uBu8kF3AvZRQV9byGPxUXu4lvLUPfdo3GTP5SMLW6VEzE6BrMSS3/3pNCf4BXf1kVlEwy13lUyL+aYNKOMu1BZOAdCUK0bMS0JGSdz1Q6hhMe6+g8Cn6SNMFo3pJAeA9N5LBPhhLqWwiWiq9je1hZjqMVxmip+5mIpW5hkGrvEthIjcV59PkkzTT7GSgNXAKMtxZimP1V913kfCoWq+Wnld1uLMc3VKPCSIvqBdzKu/gowAICpvmijfvwCAAAAAElFTkSuQmCC"); -webkit-background-size: 13px 13px; background-size: 13px 13px; background-color: #F2F3F5; } .searchbar input[type=search]::-webkit-input-placeholder { color: #939398; opacity: 1 } .searchbar input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none } .searchbar .searchbar-clear { position: absolute; width: 28px; height: 28px; right: 0; top: 0; opacity: 0; pointer-events: none; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E"); -webkit-background-size: 14px 14px; background-size: 14px 14px; -webkit-transition-duration: .3s; transition-duration: .3s; cursor: pointer } .searchbar .searchbar-cancel { -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); font-size: 17px; cursor: pointer; opacity: 0; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; margin-left: 0; pointer-events: none; display: none; color: #17b3ec; } .searchbar.searchbar-active .searchbar-cancel { margin-left: 8px; opacity: 1; pointer-events: auto } .searchbar.searchbar-active .searchbar-cancel.active-state,html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:active { opacity: .3; -webkit-transition-duration: 0s; transition-duration: 0s } /*.searchbar { border-bottom: 1px solid #CCC; }*/ #search_suggest_text { position: absolute; top: 90px; left: 8px; color: #17b3ec; font-size: 18px;} .locate-city { background-color: #F2F3F5; } .locate-city img { width: 15px; height: 20px; } .list-wrap { border-top: 1px solid #CCC; background-color: #FFF; } .more-result { display: block; height: 35px; line-height: 35px; margin-left: -10px; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; } .more-result>span { position: relative; color: #666; } .more-result .fa-angle-right { position: absolute; top: -3px; right: -10px;font-size: 22px; } .search-target-text em { font-weight: bold; color: #75BF00; } .scroll-wrapper { top: 130px; } #search_result {overflow: auto;} #search_suggest_text { left: 0; width: 100%; padding-left: 8px; box-sizing: border-box; } .no-result-img { display: block; width: 320px; height: 184px; margin: 0 auto; margin-top: 160px; } .j-text-ellipsis em { font-weight: bold; color: #23AFFF; } #jumin_wrapper .c-list > li { margin-left: 0; } .weixin-icon { width: 20px; height: 20px; margin-left: 6px; vertical-align: middle;} .patient-face{ width: 40px; height: 40px; margin: 10px 10px 10px 0px; position: relative; } .my-work-secflo .patient-face{ margin: 10px 10px 10px 0px; position: relative; } .lin-footer{ position: fixed; bottom: 0; left: 0; height: 48px; line-height: 48px; width: 100%; background-color: #fff; box-shadow: 0 0 1px #ccc; z-index: 10; } .lin-footer img{ vertical-align: middle; margin-left: 10px; margin-right: 10px; } .send-btn{ color: #fff; height: 38px; line-height: 38px; margin-right: 10px; width: 90%; background-color: #17b3ec; margin-left: 5%; margin-top: 5px; border-radius: 5px; text-align: center; } .next-btn{ color:#84d3f1 ; height: 48px; line-height: 40px; width: 100%; margin-top: 5px; text-align: center; font-size: 16px; } .next-btn.active{ color: #17b3ec; } .search-box{ background: #fff; padding: 10px 16px; /*top: 45px;*/ /*position: absolute;*/ width: 100%; z-index: 5; border-bottom: 1px solid #ccc; box-sizing: border-box; } .search-box>div{ background: #f2f4f6; border-radius: 5px;width:100%; } .search-box input{ box-sizing: border-box; width: 100%; height: 40px; font-size: 14px; background: url(../../../images/sousuo_icon.png) no-repeat; background-size: 40px 40px; -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; padding-left: 40px; } /*搜索页面样式*/ .lin-search-ipt { height: 45px; padding: 8px 10px; background-color: #17b3ec; display: -webkit-box; box-sizing: border-box; } .lin-search-ipt div { border-radius: 5px; line-height: 29px; background-color: #f2f4f6; color: #999; text-align: left; -webkit-box-flex: 1; } .lin-search-ipt input { background-color: #f2f4f6; border-radius: 5px; height: 30px; color: #999; text-align: left; padding-left: 30px; background: url(../../../images/sousuo_icon.png) no-repeat; background-size: 30px 30px; width: 100%; } .lin-search-ipt a { font-size: 16px; display: block; padding: 4px 6px 4px 12px; color: #fff; } .lin-search-ipt .searchbar-clear{ position: absolute; padding: 0; top: 5px; right: 5px; width: 18px; height: 18px; background: url(../images/guanbi_btn.png) no-repeat; background-size: 100% 100%; display: none; } .top-search{ height: 40px; font-size: 18px; line-height: 40px; padding: 0px 15px; color: #17b3ec; display: none; } .jm-title{ background: #fff; border-bottom: 1px solid #f2f4f6; border-top: 1px solid #f2f4f6; color: #909090; font-size: 12px; padding: 8px 16px; } .jm-more{ font-size: 12px; color: #909090; text-align: center; background: #fff; padding: 8px; border-bottom: 1px solid #f2f4f6; } /*不用任何图标实现删除icon效果*/ .u-icon-delete { position: absolute; top: 55px; right: 16px; width: 40px; height: 40px; } /*给before伪类设置一个默认背景色 设置content*/ .u-icon-delete:before { position: absolute; top: 10px; left: 10px; width: 20px; height: 20px; border-radius: 20px; background-color: #8e8e93; content: ''; } /*给after伪类 -webkit-transform: rotate(-45deg);旋转 background-color: #e1e2e4;设置X的一边的颜色*/ .u-icon-delete:after { position: absolute; top: 19px; left: 14px; width: 12px; height: 2px; -webkit-transform: rotate(-45deg); background-color: #e1e2e4; content: ''; } /* -webkit-transform: rotate(45deg); 运用的特别巧秒*/ .u-icon-delete i { position: absolute; top: 19px; left: 14px; width: 12px; height: 2px; background-color: #e1e2e4; -webkit-transform: rotate(45deg); } .btn-record { width: 50px; height: 50px; position: fixed; bottom: 25px; right: 25px; color: #fff; border-radius: 50%; z-index: 9999; padding-left: 12px; } .btn-record > img{ width: 50px; height: 50px; } .notice-tip{ font-size: 12px; padding:5px 10px; color: #FFF; background-color: #FA8888; } .c-list-indent-m { padding-right: 0px !important; } .c-list .c-list-info >.pcode{ display: inline-block !important; font-size: 14px!important; } .fsgq{ width: calc(50% - 10px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #909090; } .c-list { background-color: #fff; margin: 10px; background: #f2f4f6 } .c-list > li, .c-list > .c-list-div { font-size: 16px; color: #333; position: relative; display: -webkit-box; display: box; margin-left: 15px; border-top: 1px solid #f1f1f1; background: #FFFFFF; margin-top: 10px; margin-left: 0px !important; border-radius: 10px; }