.l-liri{ position: relative; top: -5px; height: 30px; width: 30px; float: left; margin-right: 16px; /*background: url(../images/rili.png) no-repeat; background-size: 30px 30px;*/ } .time-sel-input{ height: 48px; background-color: #FFFFFF; padding: 14px 20px; padding-right: 10px; /*font-size: .8rem;*/ } .l-arrow-right { display: block; width: 14px; height: 14px; border: solid #cdcdcd; border-width: 3px 3px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: 2px; } .l-arrow-left { display: block; width: 14px; height: 14px; border: solid #cdcdcd; border-width: 0 0 3px 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: 2px; } .l-qytj-barner{ display: -webkit-box; /*height: 60px;*/ height: auto; margin-bottom: 10px; /*background-color: #fff;*/ } .l-qytj-barner li{ -webkit-box-flex: 1; text-align: center; margin-left: 10px; background: #fff; border-radius: 10px; } .l-qytj-barner li.l-over{ border-bottom: 8px solid #17B3EC; color: #17b3ec; } .l-qytj-barner li.l-last{ margin-right: 10px; } .l-qytj-val { padding-top: 10px; /*font-size: 1.1rem;*/ } .l-qytj-name{ /*font-size: 0.8rem;*/ /*padding-top: 2px;*/ padding-top: 10px; padding-bottom: 10px; } .l-qytj-img{ height: 78px; padding-top: 18px; } .l-qytj-barner div.back-img{ width: 50px; height: 50px; background-size: 50px 50px; margin-left: auto; margin-right: auto; } .l-qytj-barner div.qianyue{ background: url(../images/qianyue.png); } .l-qytj-barner li.over div.qianyue{ background: url(../images/qianyue_over.png); } .l-qytj-barner div.jieyue{ background: url(../images/jieyue.png); } .l-qytj-barner li.over div.jieyue{ background: url(../images/jieyue_over.png); } .l-qytj-barner div.jiandang{ background: url(../images/jiandang.png); } .l-qytj-barner li.over div.jiandang{ background: url(../images/jiandang_over.png); } .l-qytj-barner div.zixun{ background: url(../images/zixun.png); } .l-qytj-barner li.over div.zixun{ background: url(../images/zixun_over.png); } .l-qytj-barner div.suifang{ background: url(../images/suifang.png); } .l-qytj-barner li.over div.suifang{ background: url(../images/suifang_over.png); } .l-qytj-barner div.zhidao{ background: url(../images/zhidao.png); } .l-qytj-barner li.over div.zhidao{ background: url(../images/zhidao_over.png); } .l-qytj-name2{ color: #888; font-size: 14px; } .l-qytj-barner li.over div.l-qytj-name2{ color: #17b3ec; } .l-zxt{ padding: 10px; height: 250px; background-color: #fff; margin-top: 2px; margin-bottom: 10px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .l-zxt-con{ width: 100%; height: 100%; /* background-color: #f1f4fb; */ overflow: hidden; } /*.l-zxt-inner{ width: 122%; height: 116%; position: relative; top: -4%; left: -76px; }*/ /*.l-zxt-inner div:first-child{ left: -7%; }*/ .l-bar-title{ height: 2.3rem; padding: 0.3rem 0.7rem; font-size: 1rem; color: #666; background-color: #fff; } .l-bar-title div{ background: url(../images/quyu.png) no-repeat; background-size: 1.6rem 1.6rem; height: 100%; padding: 0.2rem 2rem; } .mui-backdrop { height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 998; background-color: rgba(0,0,0,.3); } .l-gq-list{ background-color: #fff; } .l-gq-list li{ height: 70px; /* padding: 0.6rem 0; */ border-top: 1px solid #e1e1e1; margin: 0 0.6rem; position: relative; } .l-gq-list li:first-child{ border-top: none; } .l-gq-bg{ position: relative; height: 60px; width: 40%; border-radius: 8px; background-color: #17b3ec; opacity: 0.4; z-index: 1; top: 5px; } .l-gq-name{ position: relative; top: -70%; left: 5px; color: #333333; } .l-gq-arrow{ position: relative; top: -42%; float: right; right: 10px; border: solid #17b3ec; border-width: 3px 3px 0 0; } .l-gq-sj{ position: relative; top: -60%; left: 5px; color: #005f99; /*font-size: .8rem;*/ } .l-time-sel-box{ background-color: #fff; font-size: 1rem; width: 100%; color: #555; } .l-time-sel-box ul{ padding: 0rem 1.25rem; } .l-time-sel-box ul li{ height: 3rem; border-top: 1px solid #ccc; line-height: 3rem; } .l-time-sel-box ul li.l-over{ background: url(../images/checked.png) no-repeat; background-position: right; background-size: 1.8rem 1.8rem; } .l-time-sel-custom{ margin: 0rem 1.25rem; border-top: 1px solid #ccc; line-height: 3rem; } .l-btn-arr{ border-top: 1px solid #ccc; height: 3rem; font-size: 1.3rem; } .l-btn-arr div{ float: left; width: 50%; text-align: center; line-height: 3rem; } .l-btn-cancel{ } .l-btn-ok{ color: #fff; background-color: #17b3ec; } .l-date-form{ height: 66px; padding: 0 1.25rem; display: none; } .l-date-form input{ color: #17b3ec; } .l-date-start{ font-size: 1rem; color: #888; width: 50%; float: left; } .l-date-start input{ border: none; margin-bottom: 0px; padding-left: 0px; } .l-date-end{ text-align: right; width: 50%; float: right; font-size: 1rem; color: #888; } .l-date-end input{ border: none; margin-bottom: 0px; text-align: right; padding-right: 0; } .l-jmfx{ position: relative; z-index: 999; color: #17b3ec; top: 0rem; height: 0; right: 2rem; display: none; font-size: 0.8rem; } .l-jmfx img{ width: .8rem; height: .7rem; margin-left: 6px; margin-top: 0.35rem; } .l-refresh{ float: right; position: relative; top: -37px; height: 30px; right: -26px; } .l-refresh img{ width: 26px; height: 26px; } .l-legend{ position: relative; top: 1rem; left: 12%; height: 0; z-index: 999; width: 200px; } .l-legend ul{ display: -webkit-box; /*height: 0;*/ font-size: 0.8rem; color: #ccc; } .l-legend li{ -webkit-flex: 1; margin-left: 10px; } .l-legend label{ float: left; width: 16px; height: 12px; border-radius: 5px; background: #ccc; margin-top: 4px; margin-right: 3px; } .l-legend li.l-over{ color: #17b3ec; } .l-legend li.l-over label{ background: #17b3ec; } .l-times{ position: relative; top: 1.6rem; font-size: 0.6rem; height: 0px; background: red; left: 8%; width: 0px; } .f-dn{display: none;} .div-lv{display: box; display: -webkit-box; display: -moz-box;/*background: #ffffff; padding-top: 8px;*/height: 162px;background: #ffffff;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;margin-bottom: 10px;padding-bottom: 10px;} .div-lv .wrap{width: 50%;text-align: center;margin-top: 6px;} .div-lv .wrap p{line-height: 1.5;} .height-12{height: 12px;} .wrap canvas{width: 76px;height: 76px;} .f-fs16{font-size: 16px;} .f-fr{float:right} .mui-switch.mui-active:before { right: auto; left: 10px; content: '日'; color: #fff } .mui-switch:before { font-size: 13px; position: absolute; top: 3px; right: 11px; content: '周'; text-transform: uppercase; color: #fff } .mui-switch.mui-active { border-color: #0068a9; background-color: #0068a9 } .mui-switch{ border: 2px solid #0068a9; background-color: #0068a9; z-index: 100; width:60px; } .mui-switch .mui-switch-handle{left: -1px;} .div-ranking{position: absolute;top: 42%;right: 32px;z-index: 10;padding: 2px 4px;border-radius: 10px;color: #fff;/*font-size: 14px;*/} .c-EA5B3A{color: #EA5B3A;} .cb-EA5B3A{background: #EA5B3A;} .cb-FF8746{background: #FF8746;} .cb-69CA2E{background: #69CA2E;} .cb-3DA9CE{background: #3DA9CE;} .canvas-wc{width:100%; height:190px; margin: 37px 7px;position: absolute;top:0;left:0;display: none;background: #17B3EC;z-index: 10;} .div-switch{position: absolute;top: 37px;left: 10px;display: none;} .div-danwei{position: absolute;right: 10px;top: 40px;z-index: 100;color: #ffffff;} .div-mbl{ position: absolute; right: 13px; top: 54px; z-index: 100; color: #ffffff; } .div-layer{width: 100%; height: 200px; margin: 33px 5px; position: absolute; top: 0; left: 0; background: #17B3EC; z-index: 5;border-radius: 10px;} .div-btn-group{ position: absolute; top: 37px; left: 10px;z-index: 100;} .div-btn-group .div-btn{width: 40px;height: 20px; line-height: 20px; background: #0068A9;text-align: center;border-radius: 10px;color: #fff;float: left;margin-right: 5px;} .div-btn-group .div-btn.active{background: #90D5FF; color: #0068a9;} .div-header{height: 73px;} .div-header-item{width: 25%;float: left;text-align: center;padding-top: 10px;} .c-ec5317{color: #ec5317;} .f-fs13{font-size: 13px;} .f-fs14{font-size: 14px;} .icon-remark{width: 25px;height: 25px;background: url(../images/wenhao_icon.png) no-repeat center top;background-size: 25px;position: absolute; top: 10px; right: 10px;} .modal-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 9999;visibility: hidden;opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;} .modal-overlay.modal-overlay-visible{ visibility: visible;opacity: 1;} .c-ti2 {text-indent: 2em;} .c-fwb { font-weight: bold;} .pl14{padding-left: 14px;} .pr14{padding-right: 14px;} .c-333333{color:#333333} .f-f14{font-size: 14px;} .modal-content{height: 400px;position: absolute;width: 80%;border-radius: 20px;z-index: 9999;top: 50%;left: 50%;margin-left: -40%;margin-top: -199px;display: none;} .div-header-title{height: 80px;background: #17B3EC;width: 100%;position: relative;border-top-left-radius: 10px;border-top-right-radius: 10px;} .div-close{width: 26px;height: 26px;background: url(../images/tankuang_guanbi_icon.png) no-repeat center top;background-size: 26px;position: absolute; top: 10px; right: 10px;} .div-overlay-img{width: 170px;height: 53px;background: url(../images/tankuang_bg_img.png) no-repeat center top;background-size: 170px 53px;position: absolute; top: 15px; left:50%;margin-left: -85px;} .div-overlay-title{position: absolute;top: 38px;left:40%;color: #fff;font-weight: bold;font-size: 18px;} .div-overlay-content{height: 320px;background: #fff;width: 100%;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;} .div-list,.div-list0,.div-list1,.div-list2{width: 100%;height: auto;position: relative;background: #fff;} .div-left-content{width: 100%;position: absolute;left: 0;top:60px;z-index: 10;} .div-right-data-content{width: 50%;position: absolute;right: -10px;top:60px;z-index: 20;} .div-ranking-top{padding: 4px 10px; border-radius: 10px; color: #fff; font-size: 10px; width: auto; float: left; margin-left: 5px; margin-top: 15px;} .div-left-title{line-height: 55px;display: -moz-box;display: -webkit-box;font-size: 12px;overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#323232;word-break: break-all; width: 50px;float: left; margin-left: 5px;text-align: center;} .div-left-title1{line-height: 25px;display: -moz-box;display: -webkit-box;font-size: 12px;overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#323232;word-break: break-all; width: 50px;float: left; margin-left: 5px;text-align: center;} .div-left-title2{line-height: 19px;display: -moz-box;display: -webkit-box;font-size: 12px;overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color:#323232;word-break: break-all; width: 50px;float: left; margin-left: 5px;text-align: center;} .div-right-danwei{position: absolute;right: 0;top: 48px;color: #cccccc;} .div-right-content,.div-right-team-content{width:100%;height: 30px;line-height: 30px;/*position: absolute;right: 0;top:35px;*/} .div-right-team-content{padding-left: 80px;} .f-fs10{font-size:10px} .qyl{width: 15px;height: 15px;background: #a0dc28;margin-left: 10px;} .rks{width: 15px;height: 15px;background: #ffc149;margin-left: 10px;margin-top: 10px;} .mbl{width: 15px;height: 15px;background: #17b3ec;margin-left: 10px;margin-top: 10px;} .qylv{width:15px;height: 2px;background: red;margin-top: 10px;margin-left: 10px;} .mblv{width:15px;height: 2px;background: #925cfe;margin-top: 10px;margin-left: 10px;} .qyl-td{width: 15px;height: 15px;background: #17B3EC;margin-left: 10px;} .icon-refresh{width: 25px;height: 25px;background: url(../images/qiehuan_icon.png) no-repeat center top;background-size: 25px;position: absolute; top: 10px; right: 10px;} .h62{height: 62px;} .h58{height: 58px;} .h66{height: 66px;} .h68{height: 68px;} .h54{height: 54px;} .mt20{margin-top:20px} .mt10{margin-top:10px} .div-top{width:1rem;color:#fff;margin-top: 17px;text-align: center;border-radius: 5px;float:left;margin-left: 5px;} .div-name,.div-amount{text-align: center;width:50px;float: left;margin-left: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;word-break: break-word;} .c-a0dc28{color:#a0dc28;} .c-17b8ec{color:#17b8ec} .list-ul li{height: 63px;} .div-shujujz{height: 38px;line-height: 38px;text-align: left;color: #909090;margin-left: 10px;} .div-shujujz .text-box span{display: inline-block;vertical-align: middle;} .div-shujujz .text-box .title{max-width: 50%;height: 38px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .scroll-wrapper{top: 45px;} .pullDown, .pullUp{background: #f2f4f6;} .pullDown.scrolledUp {margin-top: -51px;} .pullUp,.pullUpLabel{display: none;} .lin-sel-group{ position: absolute; 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: absolute; top: 45px; height: 100%; width: 100%; /*background: #000;*/ height: 100%; z-index: 10; display: none; background-color: rgba(0,0,0,0.5); } .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; box-sizing: border-box; } .color-block{ display: inline-block; width: 0.625rem; height: 0.625rem; margin-bottom: -2px; } .bgc-a0dc28{background-color: #a0dc28;} .bgc-ffc149{background-color: #ffc149;} .bgc-17b3ec{background-color: #17b3ec;} .bgc-925cfe{background-color: #925cfe;} .bgc-17B3EC{background-color: #17B3EC;} .bgc-EA5B3A{background-color: #EA5B3A;} .color-line{ display: inline-block; width: 0.625rem; height: 2px; margin-bottom: 4px; } .c-17b3ec{color: #17b3ec;} .c-4ECD70{color: #4ECD70;} .bor-bom{border-bottom: 1px solid #dcdcdc;} .bor-top{border-top: 1px solid #dcdcdc;} .zongzixun-ul.l-qytj-barner li:not(.zongzixun-li){background-color: #efeff4;} .c-efeff4{color: #efeff4;} .c-top25{top:25%} .c-top55{top:-55%} .div-data-list{background: #fff;} .choose-label{ font-size: 14px; color: #17b3ec; margin: 0; padding-right: 10px; float: right; width: 33%; height: 38px; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .div-shujujz img{ width: 0.6rem; height: .6rem; background-size: .6rem; vertical-align: middle; margin-right: 5px; } .text-box{ width: 67%; height: 38px; line-height: 38px; float: left; margin:0; } .info-icon{ vertical-align: middle; margin-bottom: 5px; } .information{ background-color: rgba(0,0,0,0.5); font-size: 14px; color: #fff; } .information .ui-col-0{ width: 40px; text-align: center; }