.l-family-member-list{ background-color: #fff; /*height: 311px;*/ /*min-height: 305px;*/ margin-bottom: 5px; } .l-family-member-list li{ height: 5rem; border-bottom: 1px solid #ccc; } .l-family-member-list .avatar{ float: left; border-radius: 50%; margin: 1rem; overflow: hidden; } .l-family-member-list img.default{ width: 2rem; height: 2rem; padding: 0.5rem; } .l-family-member-list img.photo{ /*padding: 0.5rem;*/ width: 3rem; height: 3rem; display: none; } .l-family-member-list .info{ float: left; height: 5rem; line-height: 5rem; font-size: 1.25rem; width: 20%; position: relative; } .l-family-member-list .relax{ font-size: 1rem; color:#909090; position: absolute; top: 18px; } .l-family-member-list .name{ font-size: 1.25rem; position: absolute; top: -12px; } .l-family-member-list .l-btn{ float: right; height: 5rem; /*line-height: 5rem;*/ font-size: 1rem; margin-right: 34px; width: 15%; } .l-family-member-list .l-btn div{ text-align: center; width: 5rem; height: 2rem; line-height: 2rem; margin-top: 1.5rem; border-radius:5px; } .l-family-member-list .l-btn .btn-inner{ background-color: #1ca3e7; color: #fff; } .btn-tzsb{ /*background-color: #74BF00; color: #fff;*/ } .l-arrow-r-1{ width: 12px; height: 12px; border-width: 1px 1px 0 0; border: solid #e1e1e1; -webkit-transform: rotate(-135deg); border-top: none; border-right: none; margin-top: 17px; margin-left: 10px; } .l-jb{ display: -webkit-box; height: 50px; border-top: 1px solid #e1e1e1; /*border-bottom: 1px solid #ccc;*/ line-height: 50px; padding: 0 15px; } .l-jb .l-text{ width: 100px; font-weight: 700; } .l-jb .l-value{ color: #909090; -webkit-box-flex: 1; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .l-jb .l-arror-wrap{ width: 12px; height: 12px; border-width: 1px 1px 0 0; border: solid #e1e1e1; -webkit-transform: rotate(-135deg); border-top: none; border-right: none; margin-top: 17px; margin-left: 10px; } .f-dn{display: none;} .f-vam{vertical-align: middle;} .addjkzd{width: 60px;height: 60px;background: url(../images/zhidao_icon.png) no-repeat center top;background-size: 60px;position: absolute; z-index: 4;bottom: 50px; left: 23px;} .addfzgl{width: 60px;height: 60px;background: url(../images/zhuanzhen_icon.png) no-repeat center top;background-size: 60px;position: absolute;z-index: 4;bottom: 130px;left: 12px;} .addtzyj{width: 60px;height: 60px;background: url(../images/tizhengyujingi_icon.png) no-repeat center top;background-size: 60px;position: absolute; z-index: 4;bottom: 104px; left: 50%; top: 50%; margin-left: -27px; margin-top: -118px;} .addtzsb{width: 60px;height: 60px;background: url(../images/tizheng_icon.png) no-repeat center top;background-size: 60px;position: absolute;z-index: 4;bottom: 130px;left: 180px;} .addjtcy{width: 60px;height: 60px;background: url(../images/chengyuan_icon.png) no-repeat center top;background-size: 60px;position: absolute;z-index: 4;bottom: 50px;left: 173px;} .quxiao{width: 60px;height: 60px;background: url(../images/quxiao_icon.png) no-repeat center top;background-size: 60px;position: absolute; z-index: 4;left: 50%; top: 50%; margin-left: -27px; margin-top: 60px;} .quxiao.active{width: 60px;height: 60px;background: url(../images/quxiao_pre.png) no-repeat center top;background-size: 60px;position: absolute; z-index: 4;left: 50%; top: 50%; margin-left: -27px; margin-top: 60px;} .addjkzd.active{width: 60px; height: 60px;background: url(../images/zhidao_pre.png) no-repeat center top; background-size: 60px;position: absolute; z-index: 4;bottom: 50px;left: 23px;} .addfzgl.active{width: 60px; height: 60px;background: url(../images/zhuanzhen_pre.png) no-repeat center top; background-size: 60px;position: absolute;z-index: 4; bottom: 130px;left: 12px;} .addtzyj.active{width: 60px; height: 60px;background: url(../images/tizhengyujingi_pre.png) no-repeat center top; background-size: 60px;position: absolute; z-index: 4;bottom: 104px;left: 50%;top: 50%;margin-left: -27px;margin-top: -118px;} .addtzsb.active{width: 60px; height: 60px;background: url(../images/tizheng_pre.png) no-repeat center top; background-size: 60px;position: absolute;z-index: 4; bottom: 130px;left: 180px;} .addjtcy.active{width: 60px; height: 60px;background: url(../images/chengyuan_pre.png) no-repeat center top; background-size: 60px;position: absolute;z-index: 4; bottom: 50px;left: 173px;} .div-dialog-content{width: 250px;height: 250px;background: url(../images/anniu_icon.png) no-repeat center top;background-size: 250px;position: absolute;z-index: 4;left: 50%;top: 50%;margin-left: -125px;margin-top: -125px;} .modal-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;z-index: 3;visibility: hidden;opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;} .modal-overlay.modal-overlay-visible{ visibility: visible;opacity: 1;} .fix-adds{width: 50px; height: 50px; background: url(../images/gengduo_icon.png) no-repeat center top; background-size: 100% 100%; position: fixed; z-index: 1111; right: 10px; bottom: 30px;} .fix-txjf{width: 50px; height: 50px; background: url(../images/tixingjiaofei_btn.png) no-repeat center top; background-size: 100% 100%; position: fixed; z-index: 1111; right: 10px; bottom: 50px;} .fix-ytx{width: 50px; height: 50px; background: url(../images/yitixing_btn.png) no-repeat center top; background-size: 100% 100%; position: fixed; z-index: 1111; right: 10px; bottom: 50px;} #footer { position: absolute; bottom: 0;width: 100%;z-index: 4;} .f-fs16{font-size: 16px;} .c-border-top{border-top: 1px solid #dcdcdc;} .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after { 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); transform: rotate(45deg); } .modal-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;z-index: 3;visibility: hidden;opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;} .modal-overlay.modal-overlay-visible{ visibility: visible;opacity: 1;} .count-ul li{height: 70px;background: #ffffff;} .count-item{width:33%;text-align: center;border-right: 1px solid #dcdcdc;height: 100%;float: left;} .template-ul li:first-child{border-top: 1px solid #dcdcdc;} .template-ul li:last-child{border-bottom: 1px solid #dcdcdc;} .template-ul li{height: 50px;background: #ffffff;border-bottom: 1px solid #f1f1f1;} .template-item{width:50%;text-align: center;border-right: 1px solid #f1f1f1;height: 100%;float: left;line-height: 50px;} .bor-bottom{border-bottom: 1px solid #dcdcdc;} .template-item img{width:25px;height: 25px;background-size: 25px;margin-top: 12px;margin-right: 10px;} #remind_menu { position: absolute; bottom: 60px; right: 20px; z-index: 9999; } .undo-icon, .done-icon { display: none; width: 50px; height: 50px; } .undo .undo-icon, .done .done-icon { display: block; } .bgc-17b3ec{background-color: #17b3ec;} .bgc-02cfb9{background-color: #02cfb9;} .ptb2{padding: 2px 0;} .h46{height: 46px;} .lh46{line-height: 46px;} .adddoc{ width: 100%;background: url(../images/adddoc.png ) no-repeat center center;background-size: 23px auto;height: 52px;margin: 20px auto 0;display: block;} .hzlist li{min-width: 80px;} .jtcyli{ display: none;} .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);} #recent_events { margin: 0 10px; border: 0; background-color: transparent; } #recent_events .event-name { padding: 2px 5px; color: #FFF; background-color: #F0B548; border-radius: 5px; } #recent_events.c-list .c-list-info > p { color: #323232; font-size: 16px; } #recent_events.c-list > li { margin-left: 0; padding-left: 15px; border: 1px solid #e1e1e1; border-radius: 5px; margin-bottom: 10px; background-color: #FFF; } .c-list .div-title { width: 100%;} .jkjl-link { width: -webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width: calc(100% - 80px); } .scroll-wrapper { top: 45px; } #list { border-top: 1px solid #f1f1f1; } .no-result-img { margin-top: 20px; } .weixin-icon { width: 20px; height: 22px; margin-left: 10px; } #selFuwu_dummy{ width: -webkit-calc(100% - 80px); width: calc(100% - 80px); text-align: right; line-height: inherit; height: inherit; margin-bottom: 0px; padding: 0px; -webkit-user-select: none; border: none; border-radius: 0px; outline: 0; color: #909090; } #smallTipSev{ font-size: 14px; line-height: 1.8; color: #999999; background-color: #f2f4f6; padding-left: 15px; display: none; } .mbsc-ios .dw-msel:before { font-size: 1.2em!important; } .hz-main{margin: 10px 0px;border-top: solid #dcdcdc 1px;} .hz-main .template-item{border-bottom: solid 1px #f1f1f1;} .mb-yu{ width: 36px; height: 18px;margin-left: 5px;} .mj-flex{display:-webkit-box;-webkit-box-align:center;padding-top: 5px;} .weixin-icon ,.kangfufuwu-icon{ width: 20px; height: 17px; margin-top: 0px; margin-right: 5px;vertical-align:middle; } .xuetang-icon { width: 12px; height: 21px; margin-top: 0px; margin-right: 0px;vertical-align:middle; } .xueya-icon { width: 15px; height: 18px; margin-top: 0px; margin-right: 5px;vertical-align:middle; } .mb-icon-round{width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 39px;font-size: 16px;} .mb-icon-round.red{border: solid 1px #FF4c4c;color: #FF4c4c;} .mb-icon-round.orange{border: solid 1px #FFc691;color: #FFc691;} .mb-icon-round.green{border: solid 1px #06bf04;color: #06bf04;}