*{margin: 0;padding: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor: pointer;} body{font-size: 12px;overflow: hidden;} a,a:hover,a:focus{text-decoration: none;outline: none;} ul{list-style: none;} input,input[type=date]:focus{background-color: #fff;outline: none;-moz-appearance:none;-webkit-appearance: none;appearance: none;-webkit-user-select:auto;} select {background-color: #fff;padding-right: 14px;border: none;outline: none;-moz-appearance:none;-webkit-appearance: none;appearance: none;} table{border-spacing: 0;border-collapse: collapse;} .porela{position: relative;} .kz-hide{display: none !important;} .text-ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .text-left{text-align: left;} .text-center{text-align: center;} .text-right{text-align: right;} .pull-left{float: left;} .pull-right{float: right;} .default-color{color: #787878;} .theme-bg{background-color: #3ed6b2!important;} .bg-box{background-color: #f5f5f5;} .clearfix:before,.clearfix:after,.kz-row:before,.kz-row:after{display: table;content: "";clear: both;} .box-transition{-webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} /*全局弹窗*/ .malert{position: fixed;z-index: 10000; top: 45%;left: 0;width: 100%;text-align: center;-webkit-animation-name: bouncein; animation-name: bouncein;-webkit-animation-duration: .8s;animation-duration: .8s;} .malert span{display: inline-block;padding:.2rem .35rem;background-color: #333;color: #fff;border-radius: 50px;font-size: 14px;} /*阴影*/ .box-inner-shadow{-moz-box-shadow: 1px 2px 5px #ccc inset;-webkit-box-shadow: 1px 2px 5px #ccc inset;box-shadow: 1px 2px 5px #ccc inset;} .box-outer-shadow{-moz-box-shadow: 2px 3px 5px #c2c2c2;-webkit-box-shadow: 2px 3px 5px #c2c2c2;box-shadow: 2px 3px 5px #c2c2c2;} /*下拉三角形*/ .has-circ{background: no-repeat scroll right center transparent;} .caret:after{content: '';position: absolute;top: 50%;right: -.32rem;margin-top: -.08rem;width: 0;height: 0;vertical-align: middle;border-top: .16rem dashed;border-right: .16rem solid transparent;border-left: .16rem solid transparent;} /*超出出现省略号*/ .mul-ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;} /*必填项*/ .input-required:before{content: '*';position: absolute;top: 50%;left: .1rem;color: red;-webkit-transform: translatey(-50%);transform: translatey(-50%);} /*开关按钮*/ .toggle{position:relative;display:inline-block;margin:0 auto;width:75px;height:30px;color:#fff;outline:0;text-decoration:none;border-radius:100px;border:2px solid#e4f4f0;background-color:#3ed6b2;transition:all 500ms;vertical-align:middle} .toggle:active {background-color: #e4f4f0;} .toggle:after{display:block;position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 8px);line-height:20px;text-align:center;text-transform:uppercase;font-size:14px;color:#fff;border:2px solid;transition:all 500ms} .toggle-on:after {content: '开';border-radius: 25px 3px 3px 25px;color: #fff;} .toggle-off:after {content: '关';border-radius: 3px 25px 25px 3px;transform: translate(100%, 0);color: #fff;} .toggle-moving {background-color: #00b28e;} .toggle-moving:after {color: transparent;border-color: #e4f4f0;background-color: #e4f4f0;transition: color 0s, transform 500ms, border-radius 500ms, background-color 500ms;} /*mobilescroll控件样式 start*/ .ms-set-btn{color: #00b28e;margin: 0 .5rem;} /*mobilescroll控件样式 end*/ /*进度条颜色*/ .swiper-pagination-progress .swiper-pagination-progressbar{background-color: #3ed6b2;} .kz-col-1{float: left;width: 8.33333333%;} .kz-col-2{float: left;width: 16.66666667%;} .kz-col-3{float: left;width: 25%;} .kz-col-4{float: left;width: 33.33333333%;} .kz-col-5{float: left;width: 41.66666667%;} .kz-col-6{float: left;width: 50%;} .kz-col-7{float: left;width: 58.33333333%;} .kz-col-8{float: left;width: 66.66666667%;} .kz-col-9{float: left;width: 75%;} .kz-col-10{float: left;width: 83.33333333%;} .kz-col-11{float: left;width: 91.66666667%;} .icons{display: inline-block;background-image: url(/uploads/image/spmimages/index-icons.png);background-size: 1.34375rem 3.421875rem;} .icon-bell {width: .55rem;height: .64rem;background-position: 0 -2.72rem;visibility: hidden;} .icon-home {width: .66rem;height: .67rem;background-position: 0 0;} .icon-voucher {width: .6rem;height: .69rem;background-position: 0 -.67rem;} .icon-report {width: .61rem;height: .68rem;background-position: 0 -1.36rem;} .icon-me{width: .61rem;height: .63rem;background-position: 0 -2.03rem;} .tab-content .tab-pane{display: none;} .tab-content .tab-pane.active{display: block;} .tab-content .fade{opacity: 0;-webkit-transition: opacity .15s linear;-o-transition: opacity .15s linear;transition: opacity .15s linear;} .tab-content .fade.in{opacity: 1;} /*轮播*/ .index-box .swiper-container img{width: 100%;min-height: 5.23rem;background-color: #ddd;} .index-box .swiper-pagination-bullet-active{background:#fff;} /*登录注册 start*/ .custom-box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .custom-box .error:after,.custom-box .success:after{content:'';display: inline-block;position: absolute;top: 50%;right: .3rem;width: .42rem;height: .42rem;margin-top: -.21rem;background-size: 100% 100%;} .custom-box .error:after{background-image: url(/uploads/image/spmimages/error.png);} .custom-box .success:after{background-image: url(/uploads/image/spmimages/right.png);} .custom-box .has-btn:after{right: 3rem; } .custom-box .look-lock i{display: inline-block;position: absolute;top: 50%;right: .3rem;width: .59rem;height: .28rem;margin-top: -.14rem;background-image: url(/uploads/image/spmimages/look_lock.png);background-size: 100% 100%;} .custom-box .look-lock.un i{background-image: url(/uploads/image/spmimages/look_unlock.png);} .custom-box .logo>img{width: 2.27rem;margin: 1rem auto;} .custom-box .input-item{position: relative;width: 5.4rem;height: 1.18rem;line-height: 1.18rem;margin: 0 auto .5rem;padding: 0 .4rem;border: 1px solid #dcdcdc;border-radius: 1rem;} .custom-box .input-item>img{width: .47rem;margin: 0 .2rem;vertical-align: middle;} .custom-box .input-item>input{position: relative;width: 100%;font-size: .38rem;border: none; vertical-align: sub;} .custom-box .input-item.submit,.custom-box .input-item.next{display: block;width: 6.2rem;text-align: center;font-size: .44rem;color: #fff;background-color: #00b28e;border: none;} .custom-box .input-item.bottom{padding: 0;font-size: 15px;border: none;} .custom-box .input-item.bottom>a{color: #00b28e;font-size: .34rem;} .custom-box .img-v-code{padding: 0;width: 6.2rem;border: none;} .custom-box .img-v-code>div{float: left;width: 50%;} .custom-box .img-v-code>img{float: right;width: 30%;height: 1.18rem;margin: 0;background-color: #eeeeee;} .custom-box.login .input-item>input{width: 4.2rem;} .custom-box.regist form>.input-item:first-child,.custom-box.reset form>.input-item:first-child{margin-top: 1rem;} .custom-box.regist .getvcode{display: block;position: absolute;top: -1px;right: -1px;bottom: -1px;padding: 0 .4rem;font-size: .36rem;color: #fff;background-color: #00b28e;border: 1px solid #00b28e;border-radius: 0 1rem 1rem 0;outline: none;} .custom-box.regist .getvcode[disabled]{background-color: #e2e2e2;color: #c2c2c2;border: 1px solid #e2e2e2;} .custom-box.regist .tologin{font-size: .36rem;color: #00b28e;} .custom-box.regist .mobile-v-code>input{width: 3rem;} /*登录注册 end*/ /*忘记密码 start*/ .custom-box.regist.forget form>.input-item{width: 7rem;} .custom-box.regist.forget .getmcode:active,.custom-box.regist.forget .getmcode:focus{color: #ff4500;} .custom-box.regist.forget .input-item.img-v-code,.custom-box.regist.forget .input-item.next{width: 7.8rem;} .custom-box.reset .input-item{width: 7rem;} .custom-box.reset button[type=submit]{width: 7.8rem;color: #fff;} .custom-box.reset button[type=submit][disabled]{background-color: #e2e2e2;} /*忘记密码 end*/ /*头部*/ .bar {position: fixed;right: 0;left: 0;} .bar-nav {top: 0;height: 1.06rem;font-size: 18px;color: #fff;background-color: #3ed6b2;z-index: 666;} /*二级头部*/ .bar-second-nav{position: fixed;top: 1.06rem;left: 0;right: 0;z-index: 20;} .bar-nav>a{display: block;position: relative;z-index: 20;padding-left: 10px;padding-right: 10px;color: #fff;line-height: 1.06rem;font-size: 15px;} .bar-nav .back>i,.bar-nav .fa-plus,.bar-nav .fa-close{padding-right: .16rem;font-size: 21px;vertical-align: -2px;} .bar-nav>a.icon-menu{padding-top: .25rem;} /*头部菜单图标动画*/ .bar-nav>a.icon-menu{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .bar-nav>a.icon-menu .line{width:.58rem;height:.06rem;background-color:#fff;display:block;margin:.1rem auto;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out} .bar-nav>a.icon-menu.active{animation: smallbig 0.6s forwards;} .bar-nav>a.icon-menu.active .line{-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s} .bar-nav>a.icon-menu.active .line:nth-child(1){-webkit-transform:translatey(.168rem)rotate(45deg);-ms-transform:translatey(.168rem)rotate(45deg);-o-transform:translatey(.168rem)rotate(45deg);transform:translatey(.168rem)rotate(45deg)} .bar-nav>a.icon-menu.active .line:nth-child(2){opacity:0} .bar-nav>a.icon-menu.active .line:nth-child(3){-webkit-transform:translatey(-.168rem)rotate(-45deg);-ms-transform:translatey(-.168rem)rotate(-45deg);-o-transform:translatey(-.168rem)rotate(-45deg);transform:translatey(-.168rem)rotate(-45deg)} .bar-nav .title {position: absolute;display: block;width: 100%;line-height: 1.06rem;font-size: 18px;font-weight: 500;color: #fff;text-align: center;white-space: nowrap;} .bar-nav .title>span {display: inline-block;height: 100%;} /*底部切换导航*/ .bar-tab {display: table;bottom: 0;width: 100%;height: 1.3rem;min-height: 1.3rem;table-layout: fixed;border-top: 1px solid #ddd;border-bottom: 0;background-color: #fff;z-index: 50;} .bar-tab .tab-item {display: table-cell;width: 20%;height: 1.3rem;color: #929292;background-color: #fff;text-align: center;vertical-align: middle;} .bar-tab .tab-item .icons {margin-top: 0;margin-bottom: 0;margin-bottom: -.08rem} .bar-tab .tab-item .icons ~ .tab-label {display: block;font-size: 11px;} .bar-tab .tab-item.active {color: #3ed6b2;} .bar-tab .tab-item.active .icon-home{background-position: -.67rem 0;} .bar-tab .tab-item.active .icon-voucher{background-position: -.61rem -.67rem;} .bar-tab .tab-item.active .icon-report{width: .63rem;height: .64rem;background-position: -.61rem -1.36rem;} .bar-tab .tab-item.active .icon-me{width: .66rem;height: .66rem;background-position: -.61rem -2.03rem;} .bar-tab .tab-item.mid:before{content: ' ';position: absolute;width: 1.6rem;height: 1.6rem;line-height: 1.6rem;top: -.8rem;left: 50%;margin-left: -.778rem;text-align: center;font-size: 1.2rem;font-weight: 700;color: #fff;background-color: #3ed6b2;border-radius: 50%;z-index: 1;} .bar-tab .tab-item.mid:after{content: '';position: absolute;width: 2rem;height: 2rem;top: -1rem;left: 50%;margin-left: -1rem;border: 1px solid #ddd;background-color: #fff;border-radius: 50%;z-index: -1;} .bar-tab ~ .content{padding-bottom: 1.3rem;} /*内容*/ .content{position: absolute;top: 1.06rem;right: 0;bottom: 0;left: 0;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;} /*后续优化样式*/ .slide-page{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;z-index: 668;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform: translatex(100%);-ms-transform: translatex(100%);-o-transform: translatex(100%);transform: translatex(100%);} .slide-page.ani{-webkit-transform: translatex(0%);-ms-transform: translatex(0%);-o-transform: translatex(0%);transform: translatex(0%);} .sum-area {background-color: #efefef;padding-bottom: .1rem;z-index: 20;} .sum-area>ul{padding: .1rem;background-color: #fff;border-bottom:1px solid #dcdcdc;} .sum-area li{position: relative;width: 25%;text-align: center;} .sum-area li.spit:after{content: '';position: absolute;border-right: 1px solid #dcdcdc;top: 10%;right: 0;height: 80%;} .sum-area li>span{display: block;font-size: 17px;} .sum-area li>span:nth-child(2){margin-top: .1rem;color: #00b28e;font-size: .3rem;} .menu-area{border-top: 1px solid #dcdcdc;text-align: center;} .menu-area img{width: 1.375rem;} .menu-area>div{width: 25%;margin-top: .2rem;font-size: 14px;} .menu-area>div>a{color: #000;} /*菜单展开*/ .mask {position: absolute;top: 1.06rem;bottom: 0;left: 0;width: 100%;background-color: #e4f4f0;z-index: 102;overflow-y: auto;-webkit-overflow-scrolling: touch;visibility: hidden;transition: all .5s;-webkit-transform: translatey(-100%);transform: translatey(-100%);} .mask.ani{visibility: visible;-webkit-transform: translatey(0%);transform: translatey(0%);} .mask a.add-book{display: inline-block;line-height: normal;margin: .2rem .1rem;padding: .16rem 1.2rem;text-align: center;color: #fff;font-size: 15px; background-color: #ff6838;border-radius: 4px;} .mask .account-sets{background-color: #e4f4f0;} .mask .account-sets li{padding: .2rem .15rem;border-bottom: 1px dashed #787878;} .mask .account-sets li .kz-col-8>p:nth-child(1){margin-bottom: .1rem;font-size: 15px;} .mask .account-sets li .kz-col-8>p:nth-child(2){color: #777;} .mask .account-sets li .kz-col-4>a{display: inline-block;margin-top: .16rem;margin-right: .18rem;padding: .1rem .15rem;color: #fff;font-size: 13px;border-radius: 4px;} .mask .account-sets li .kz-col-4>a:nth-child(1){background-color: #3ed6b2;} .mask .account-sets li .kz-col-4>a:nth-child(2){background-color: #ff6838;} .mask .account-sets li.active{background-color: #3ed6b2;color: #fff;border-bottom-color: #3ed6b2;} .mask .account-sets li.active .kz-col-4>a:nth-child(1){background-color: #00b28e;} .mask .account-sets li.active .kz-col-8>p:nth-child(2){color: #fff;} /*入口 start*/ .bar-nav.entrance{height: 1.34rem;} .bar-nav.entrance>a{line-height: 1.34rem;padding-left: .39rem;padding-right: .39rem;} .bar-nav.entrance>a.e_close>img{width: .38rem;vertical-align: middle;} .bar-nav.entrance>a.e_share>img{width: .61rem;vertical-align: middle;} .bar-nav.entrance .share-box{position: absolute;top: 0;right: 0;line-height: 1.34rem;background-color: #3ed6b2;opacity: 0;transition: all .5s;transform: translatex(100%);} .bar-nav.entrance .share-box.ani{opacity: 1;transform: translatex(0%);z-index: 40;} .bar-nav.entrance .share-box>img{width: .61rem;margin-right: .16rem;vertical-align: middle;} .entrance-box{position: absolute;top: 1.34rem;right: 0;bottom: 0;left: 0;} .entrance-box .swiper-container {width: 100%;height: 100%;} .entrance-box .swiper-slide>img{width: 4.44rem;margin: .64rem;} .entrance-box .swiper-slide h1{font-size: .58rem;} .entrance-box .ask-txt{margin: .16rem auto;font-size: .48rem;color: #444;} .entrance-box .ask-txt.not-first{margin-bottom: .28rem;} .entrance-box .answer-txt{padding-left: .46rem;padding-right: .46rem;font-size: .41rem;color: #666;} .entrance-box .b-wrap {position: absolute;right: 0;bottom: 0;left: 0;} .entrance-box .b-wrap .down-btn{display: inline-block;padding: .2rem .6rem;color: #fff;font-size: .4rem;background-color: #21c9a7;border-radius: .1rem;} .entrance-box .b-wrap>img{display: block;width: .68rem;margin: .5rem auto;} .entrance-box .b-wrap.last {background-color: #21c9a7;} .entrance-box .b-wrap.last:before {content: '';position: absolute;top: 10%;left: 50%;margin-left: -.5px;height: 80%;border-left: 1px solid #fff; } .entrance-box .b-wrap.last>a{float: left;width: 50%;padding: .3rem 0;color: #fff;font-size: .4rem;} /*入口 end*/ /*新增凭证 strat*/ .voucher-add {background-color: #f1f1f1;padding-bottom: 1.5rem;} .voucher-add .card{margin-bottom: .2rem;padding: 0 .3rem;background-color: #fff;} .voucher-add .card-inner{position: relative;line-height: 1.24rem;} .voucher-add .card.top .card-inner>select{font-size: .42rem;} .voucher-add .card.top .card-inner>span{display: inline-block;width: 2.4rem;height: .6rem;line-height: .6rem;border-bottom: 1px solid #333;} .voucher-add .card.top .card-inner>span>input{width: 100%;height: .6rem;line-height: .6rem;text-align: center;background-color: #fff;font-size:15px;border: none;} .voucher-add .card.top .card-inner>div{width: 36%;} .voucher-add .card.top .card-inner>div>input{position: relative;font-size: .42rem;width: 100%;margin-top: .3rem;text-align: right;background-color: #fff;border: none;} .voucher-add .card.top .card-inner>div>input:before{content: '';position: absolute;top: 50%;left: 86%; margin-top: -.08rem;width: 0;height: 0;vertical-align: middle;border-top: .16rem dashed;border-right: .16rem solid transparent;border-left: .16rem solid transparent; } /*摘要*/ .voucher-add .voucher-card .card-inner:not(:last-child):after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #f1f1f1;} .voucher-add .card-inner .l-txt{font-size: 15px;} .voucher-add .card-inner .mid-input{width: 100%;padding-left: .2rem;font-size: 14px;border: none; } .voucher-add .card-inner .summary-select{position: absolute;top: 0;left: 0;line-height: inherit;opacity: 0;} .voucher-add .card-inner .add-summary{margin-right: .1rem;padding: .1rem .2rem;color: #00b28e;border: 1px solid #00b28e;border-radius: .1rem;} .voucher-add .card-inner.summary img{width: .5rem;vertical-align: text-bottom;} .voucher-add .card-inner.summary .choice{padding-left: .1rem;font-size: 15px;font-weight: bold;color: #c2c2c2;border-left: 1px solid #c2c2c2;} .voucher-add .card-inner.summary .kz-col-7{min-height: 1.24rem;} .voucher-add .card-inner.summary .tip{position: absolute;top: 50%;left: -3.05rem;width: 3rem;height: .8rem;line-height: .8rem;margin-top: -.43rem;font-size: 15px;background-color: #666;border-radius: .1rem;z-index: 60;} .voucher-add .card-inner.summary .tip:before{content: "";position: absolute;top: 10%;left: 50%;height: 80%;margin-left: -1px;border-right: 1px solid #fff;} .voucher-add .card-inner.summary .tip:after{content: "";position: absolute;top: 50%;right: -10px;height: 0;margin-top: -6px;margin-right: 3px;width: 0;border-left: 8px solid #666;border-top: 6px solid transparent;border-bottom: 6px solid transparent;} .voucher-add .card-inner.summary .tip>a{display: inline-block;width: 1.4rem;color: #fff;} /*科目*/ .voucher-add .card-inner .sub-txt{margin-left: .2rem;font-size: 14px;} .voucher-add .card-inner .gt{line-height: inherit;margin-right: .4rem;font-size: 19px;color: #c2c2c2;} /*金额*/ .voucher-add .card-inner.money .track{display: inline-block;position: relative;width: 1.4rem;height: .4rem;color: #fff;background-color: #f1f1f1;} .voucher-add .card-inner.money .track>span{position: absolute;top: -.2rem;width: 50%;height: .8rem;line-height: .8rem;padding: 0 .1rem;font-size: 15px;border-radius: .1rem;} .voucher-add .card-inner.money .track>span:nth-child(1){left: 0;background-color: #fc7d55;} .voucher-add .card-inner.money .track>span:nth-child(2){right: 0;background-color: #f7c540;} /*合计*/ .voucher-add .card.total span{margin-right: 1.6rem;font-size: 15px;} /*科目列表*/ /*搜索框样式*/ .has-search .search-fixed{position: fixed;left: 0;top: 1.06rem;width: 100%; -webkit-animation:affix-bar .5s; animation:affix-bar .5s;} .has-search .search-nav{position: relative;padding: .2rem .4rem;background-color: #dedede;line-height: .68rem;} .has-search .search-nav .wrap{position: relative;padding-left: .8rem;margin-right: 0;background-color: #fff;border-radius: .1rem;transition: all .5s;} .has-search .search-nav.ani .wrap{margin-right: 1rem;} .has-search .search-nav .wrap>i{position: absolute;left: 0;width: .8rem;margin-top: .08rem;font-size: .44rem;text-align: center;color: #dbdbdb;} .has-search .search-nav .wrap>input{display: block;width: 100%;height: .68rem;line-height: .68rem;color: #666;font-size: .36rem;border: none;border-radius: 0 .1rem .1rem 0;} .has-search .search-nav .cancel{position: absolute;top: .2rem;right: -2rem;font-size: .36rem;color: #fff;transition: all .5s;-webkit-transform: translatex(2rem);transform: translatex(2rem);} .has-search .search-nav.ani .cancel{-webkit-transform: translatex(-2.4rem);transform: translatex(-2.4rem);} .voucher-subjects{position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow-x: hidden;overflow-y: auto;background-color: #fff;z-index: 668;transition: all .5s;-webkit-transform: translatex(100%);-ms-transform: translatex(100%);-o-transform: translatex(100%);transform: translatex(100%);} .voucher-subjects.ani{-webkit-transform: translatex(0);-ms-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0);} .voucher-subjects .sub-top{position: fixed;top: 0;right: 0;left: 0;} .voucher-subjects .subs-nav{font-size: .4rem;border-bottom: 1px solid #dcdcdc;background-color: #fff;} .voucher-subjects .subs-nav li{float: left;width: 20%;} /*企业准则科目搜索栏样式*/ .voucher-subjects .subs-nav.e-standard li{width: 16.6666%;} .voucher-subjects .subs-nav li>a{display: inline-block;width: 100%;padding-top: .16rem;padding-bottom: .16rem;color: #000;} .voucher-subjects .subs-nav li.active>a{position: relative;color: #00b28e;} .voucher-subjects .subs-nav li.active>a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;border-bottom: 1px solid #00b28e;} .voucher-subjects .sub-lists,.slide-page .sub-lists{display: none;position: absolute;top: 3.09rem;left: 0;right: 0;bottom: 0;font-size: .4rem;z-index: 20;overflow-y: scroll;-webkit-overflow-scrolling: touch;} .voucher-subjects .sub-lists.show,.slide-page .sub-lists.show{display: block !important;} .voucher-subjects .sub-lists.no-tab,.slide-page .sub-lists.no-tab{z-index: 30;top: 2.14rem;background-color: #fff;z-index: 33;} .voucher-subjects .sub-lists ul li,.slide-page .sub-lists ul li{position: relative;padding: .4rem ;color: #555;} .voucher-subjects .sub-lists ul li.active,.voucher-subjects .sub-lists ul li:active,.slide-page .sub-lists ul li.active,.slide-page .sub-lists ul li:active{color: #00b28e;} .voucher-subjects .sub-lists ul li:after,.slide-page .sub-lists ul li:after{content:'';position: absolute;bottom: -1px;left: 0;width: 100%;border-bottom: 1px solid #dcdcdc;} /*底部栏*/ .footer{position: fixed;right: 0;bottom: 0;left: 0;height: 1.5rem;line-height: 1.5rem;background-color: #f7f7f7;z-index: 10;} .footer:before{content: '';display: block;position: absolute;top: 0;left: 0;height: 1px; width: 100%;background-color: #e7e7e7;z-index: 15;} .footer.voucher-footer>div{position: absolute;top: 0;bottom: 0;left: 0;right: 0;} .footer button{width: 60%;padding-top: .18rem;padding-bottom: .18rem;font-size: .4rem;border: 1px solid #00b28e;border-radius: .08rem;} .footer button:nth-child(1){color: #00b28e;background-color: #f7f7f7;} .footer button.r{color: #fff;background-color: #00b28e;} /*新增凭证 end*/ /*查看凭证 start*/ .filter-cycle {height: 1.2rem;line-height: 1.2rem;background-color: #f7f7f7;border-bottom: 1px solid #dcdcdc;font-size: 13px;} .filter-cycle input[type=month]{position: relative;width: 90%;padding: .1rem;font-size: 15px;background-color: #fff;border-radius: .1rem;border: none} /*凭证周期*/ .voucher-cycle{position: fixed;top: 1.06rem;left: 0;right: 0;z-index: 20;} .voucher-cycle .more-search{position: absolute;top: .22rem;right: 2%;line-height: initial;padding: .1rem;color: #00b28e;font-size: 12px;border: 1px solid #00b28e;border-radius: .1rem;} .voucher-cycle.filter-cycle>div{width: 82%;} /*凭证列表*/ .voucher-view {position: absolute;top: 2.26rem;background-color: #efefef;} .voucher-view .view-ul li{margin-bottom: .2rem;padding: .2rem .3rem;background-color: #fff;} .not-more{padding-top: .4rem !important;padding-bottom: .4rem !important; text-align: center;color: #999;} .voucher-view .view-ul li>p:nth-child(1){font-size: 16px;} .voucher-view .view-ul li>p:nth-child(2){font-size: 14px;} .voucher-view .view-ul li>p:nth-child(2)>span:nth-child(1){color: #c2c2c2;} .voucher-view .filter-box{position: fixed;top: 2.26rem;left: 0;right: 0;padding-left: .3rem;padding-right: .3rem;font-size: 15px;background-color: #fff;transition: all .5s;-webkit-transform: translatey(-105%);transform: translatey(-105%);} .voucher-view .filter-box.ani{-webkit-transform: translatey(0%);transform: translatey(0%);} .voucher-view .filter-box .inner-item{height: 1.26rem;line-height: 1.26rem;border-bottom: 1px solid #dcdcdc;} .voucher-view .filter-box .inner-item input{width: 100%;font-size: 15px;border: none;} .voucher-view .filter-box .inner-item select{font-size: 14px;} .voucher-view .filter-box .inner-item .gt{margin-right: .4rem;font-size: 19px;color: #c2c2c2;} .voucher-view .filter-box .inner-item .v-num{display: inline-block;position: relative;width: 30%;} .voucher-view .filter-box .inner-item .v-num:nth-child(2){width: 20%;text-align: center;} /*凭证预览*/ .voucher-preview{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 668;transition: all .5s;-webkit-transform: translatex(-100%);transform: translatex(-100%);} .voucher-preview.ani{-webkit-transform: translatex(0%);transform: translatex(0%);} .voucher-preview table{width: 100%;font-size: 14px;background-color: #f0f0f0;} .voucher-preview table tr {height: 1.32rem;} .voucher-preview table td{padding-left: .2rem;padding-right: .2rem;border: 1px solid #ebebeb;} .voucher-preview table thead th{width: 25%;border: 1px solid #ebebeb;} .voucher-preview table tbody tr{background-color: #fff;} .voucher-preview table tbody td>p{margin-top: .2rem;margin-bottom: .2rem;font-size: 13px;} .voucher-preview .swiper-container{height: 100%;} .voucher-preview .swiper-container .swiper-slide{overflow-y: auto;-webkit-overflow-scrolling: touch;} .voucher-preview .ots-line{line-height: .8rem;padding: 0 .2rem;font-size: 13px;} .voucher-preview .ots-line:first-child{margin-top: 4px;} /*查看凭证 end*/ /*账表 start*/ .account-table{background-color: #f5f5f5;} .account-table a{display: block;float: left;width: 30%;height: 2.1rem;padding-top: .2rem;padding-bottom: .5rem;background-color: #ffffff;margin-top: .2rem;margin-left: 2%;font-size: 15px;color: #000;border: 1px solid #dcdcdc;} .account-table a>img{display: block;width: 1.38rem;margin: .2rem auto;} /*账表 end*/ /*科目余额表 start*/ .tab-link{padding: .1rem .3rem;color: #fff;font-size: 15px;border: 1px solid #fff;} .tab-link.active{background-color: #fff;color: #3ed6b2;} .tab-link:nth-child(1){margin-right: -.16rem;border-radius: .16rem 0 0 .16rem;} .tab-link:nth-child(2){border-radius: 0 .16rem .16rem 0;} .sub-balance-headline{height: .8rem;line-height: .8rem;text-align: center;font-size: 15px;background-color: #f7f7f7;border-bottom: 1px solid #dcdcdc;} .sub-balance-headline>div:nth-child(2){color: #f38c6b;background-color: #e9e9e9;} .sub-balance-headline>div:nth-child(3){color: #1ea3e6;} .trial-balance{top: 3.06rem;background-color: #f7f7f7;} .trial-balance li{margin-bottom: .2rem;background-color: #fff;} .trial-balance li > a{color: #000;} .trial-balance li>a>p{height: 1rem;line-height: 1.2rem;padding: 0 .3rem;font-size: 17px;border-bottom: 1px solid #dcdcdc;} .trial-balance li>a>p span{margin: 0 .4rem;} .trial-balance li>a>div{height: .8rem;line-height: .8rem;margin: 0 .3rem;font-size: 15px;border-bottom: 1px dashed #dcdcdc;} .trial-balance li>a>div:last-child{border-bottom: 0;} /*科目余额表 end*/ /*明细账 start*/ .ledgers{top: 2.28rem;padding-bottom: 1.3rem;} .ledgers .borrow-color{color: #f38c6b;} .ledgers .loan-color{color: #1ea3e6;} .ledgers .ledgers-item{height: 1.46rem;line-height: 1.46rem;padding:0 .3rem;font-size: .32rem;color: #666;border-bottom: 1px solid #dcdcdc;} .ledgers .ledgers-item:first-child{height: 1.4rem;line-height: 1.4rem;} .ledgers .ledgers-item-title{display: inline-block;font-size: .36rem;} .ledgers .ledger-item-balance{line-height: initial;font-size: .3rem;} .ledgers .ledgers-item p{line-height: .6rem;padding-top: .12rem;} .ledgers .ledgers-item .mul-t-row>p{position: relative;line-height: initial;} .ledgers .ledgers-item .mul-t-row>p:first-child{padding-top: .18rem;} .ledgers .ledgers-item .ledgers-nd{display: inline-block;float: left;width: 2.2rem;} .ledgers .ledgers-item .ledgers-num{padding: .1rem .1rem .06rem;color: #fff;background-color: #00b28e;border-radius: .1rem;;} .ledgers .ledgers-item .ledgers-title{display: block;font-size: .32rem;} @media only screen and (min-width: 320px) { .ledgers .ledgers-item .ledgers-nd{width: 2.4rem;} } .ledger-footer{font-size: 16px;height: 1.3rem;line-height: 1.3rem;} .ledger-footer i{margin: .3rem;font-size: .7rem;color: #c2c2c2;} /*明细账 end*/ /* 多表公用样式*/ .sheet-box .minus-color{color: #ff0000;} .sheet-box .top-fixed{position: fixed;top: 1.06rem;right: 0;left: 0;z-index: 10;} .sheet-box .tab-circ{position: relative;padding: .2rem .4rem;background-color: #dedede;} .sheet-box .tab-circ>div{height: .9rem;line-height: .9rem;background-color: #fff;border-radius: .1rem;} .sheet-box .tab-circ>div>span{display: block;padding-top: .03rem;font-size: .44rem;} .sheet-box .tab-circ .fa-angle-down{position: absolute;top: 50%;right: .3rem;margin-top: -12px;font-size: 24px;color: #000000;z-index: 1;} .sheet-box .tab-circ input[type=month]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: .44rem;opacity: 0;z-index: 2;} .sheet-box .tab-circ select{position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: .44rem;opacity: 0;z-index: 2;} .sheet-box .top-head{height: .8rem;line-height: .8rem;padding-left: .2rem;padding-right: .2rem;font-size: .36rem;color: #666;background-color: #f0f0f0;} .sheet-box ul li{line-height: 1.2rem;padding-left: .2rem;padding-right: .2rem;text-align: right;font-size: .36rem;color: #555;border-bottom: 1px solid #dcdcdc;} .sheet-box ul li.mark{border-bottom: 1px solid #00b28e;color: #000;} .sheet-box ul li h4{font-weight: normal;font-size: .4rem;} .sheet-box .total-content{position: absolute;top: 2.1rem;right: 0;bottom: 0;left: 0;} /*table排版*/ .sheet-box .total-content table{width: 100%;} .sheet-box .total-content table td{width: 33.33333333%;padding: .2rem;font-size: .36rem;color: #555;border-top: 1px solid #dcdcdc;} .sheet-box .total-content table tr td:nth-child(2){padding-left: 0;padding-right: 0;} .sheet-box .total-content table .mark td{font-size: .4rem;color: #000;border-bottom: 1px solid #00b28e;} /*资产负债表 start*/ .balance-sheet .top-tip {position: relative; min-height: 1rem;line-height: 1rem;padding-left:.2rem;padding-right: .2rem;background-color: #ffdcde;} .balance-sheet .top-tip .tip-i{display:inline-block;width: .5rem;height: .4rem;padding: .05rem 0;line-height: .5rem;font-size: .4rem;color:#fff;background-color: #fe6c6c;border-radius: 50%;vertical-align: middle;} .balance-sheet .top-tip .tip-t{line-height: normal;font-size: .32rem;margin-left: .06rem;vertical-align: middle;} .balance-sheet .top-tip .tip-c{display: inline-block;float: right;font-size:.6rem;} .balance-sheet .top-tab {position: relative;background-color: #fff;border-bottom: 1px solid #dcdcdc;} .balance-sheet .top-tab>a{position: relative;float: left;width: 50%;height: 1rem;line-height: 1rem;text-align: center;font-size: .46rem;color: #555;} .balance-sheet .top-tab>a.active{color: #00b28e;} .balance-sheet .top-tab>a.active:after{content: '';position: absolute;right: 0;bottom: -1px;left: 0;border-bottom: 2px solid #00b28e;} .balance-sheet .total-balance {position: fixed;right: 0;bottom: 0;left: 0;font-size: .4rem;-webkit-overflow-scrolling: touch;} .balance-sheet .total-balance>div{position: absolute;top: 0;left: 0;right: 0;height: 100%;overflow-y: auto;} /*资产负债表 end*/ /*设置 staty*/ .settings-box a{display: block;height: 1.24rem;margin-bottom: 1px;line-height: 1.24rem;font-size: .4rem;background-color: #fff;} .settings-box a>img{width: .76rem;height: .76rem;margin-left: .3rem;margin-right: .1rem;vertical-align: middle;} .settings-box a>span{color: #555;vertical-align: middle;} .settings-box a>i{line-height: 1.24rem;margin-right: .6rem;font-size: .68rem;color: #999999;} /*设置 end*/ /*科目管理 start*/ .sub-manage-box.voucher-subjects {z-index: 665;-webkit-transform: none;transform: none;} .sub-manage-box.voucher-subjects .sub-top {top: 1.06rem;} /*科目管理 end*/ /*新增科目 start*/ .sub-add-box ul li{position: relative;line-height: 1.26rem;padding: 0 .3rem;font-size: .38rem;color: #555;border-bottom: 1px solid #dcdcdc;} .sub-add-box ul li .pre-code{position: absolute;top: 0;right: 1rem;} .sub-add-box select{position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: .38rem;opacity: 0;} .sub-add-box .kz-col-8{min-height: 1.26rem;} .sub-add-box .account-item.active .fa-check-circle,.sub-add-box .account-child>p.active .fa-check-circle{color: #00b28e;} .sub-add-box .account-child{display: none;padding-left: .5rem;padding-right: 1.2rem;background-color: #e4f4f0;} .sub-add-box .account-child input{background-color: #e4f4f0;} .sub-add-box .account-child>p{padding: 0 .2rem;} .sub-add-box .gt{font-size: .56rem;color: #c2c2c2;vertical-align: middle;} .sub-add-box .account-child>p{border-bottom: 1px solid #dcdcdc;} .sub-add-box .account-child>p:last-child{border-bottom: 0;} .sub-add-box .account-child>p.title{font-weight: bold;font-size: .3rem;line-height: 1rem;} .sub-add-box .account-child .gt{margin-top: .38rem;font-size: .5rem;color: #c2c2c2;} .sub-add-box .sub-name,.sub-add-box .units{width: 100%;line-height: 1.22rem;text-align: right;font-size: .38rem;color: #555;border: none;} .sub-add-box .sub-name.units{background-color: #e4f4f0;} /*新增科目 end*/ /*币别设置 start*/ .currency-box ul li {position: relative;line-height: 1.26rem;padding: 0 .3rem;font-size: .38rem;color: #555;border-bottom: 1px solid #dcdcdc;} .currency-box ul li >a{color: #555;} .currency-box .kz-col-8{min-height: 1.26rem;} .currency-box .gt{font-size: .56rem;color: #c2c2c2;vertical-align: middle;} .currency-box .c-input{width: 100%;text-align: right;font-size: .36rem;border: none;} /*币别设置 end*/ /*个人中心 start*/ .upgrade-btn > span{background-color: #fff;color: #00b28e;border-radius: .1rem;padding: .08rem 0.2rem;} .mine-box .mine-top .bg{width: 100%;height: 4.68rem;background-size: 100% 100%;background-image: url(/uploads/image/spmimages/my_bg.jpg);border-bottom: 1px solid #dcdcdc;/*filter: blur(1px);-ms-filter: blur(1px);-webkit-filter: blur(1px);*/} .mine-box .mine-top .info{position: absolute;top: .6rem;right: 0;left: 0;} .mine-box .mine-top .my-head>img{width:80px;height: 80px; border: 1px solid #dcdcdc;border-radius: 50%;overflow: hidden;} .mine-box .mine-top .my-phone{margin-top: .2rem;color: #333;font-size: .46rem;} .mine-box .mine-top .my-power{margin-top: .2rem;color: #ff0000;font-size: .42rem;} .mine-box .settings-box{padding-top: .3rem;background-color: #efefef;} .mine-box .settings-box a:nth-child(1),.mine-box .settings-box a:nth-child(5){margin-bottom: .3rem;border-bottom: none;} .mine-box .btn-wrap {margin-top: .2rem;padding: .6rem 1rem 1rem;background-color: #fff;} .mine-box .btn-wrap .exit-btn{width: 100%;padding: .26rem;font-size: .4rem;color: #fff;background-color: #00b28e;border: none;border-radius: .1rem;} /*个人中心 end*/ /*账套管理 start*/ .account-set-box.mask{transition: none;transform: none;visibility: visible;} .account-set-box.mask .search-nav{background-color: #e4f4f0;border: 1px solid #c2c2c2;} .account-set-box .has-search .cancel{color: #666;} .account-set-box.sub-add-box .r-input,.account-set-box.sub-add-box .r-input:focus,.account-set-box select{width: 100%;line-height: 1.22rem;text-align: right;font-size: .38rem;background-color: #e4f4f0;border: none;} .account-set-box input[type=date]{position: absolute;top: 0; left: 0; width: 100%;height: 100%;font-size: .38rem; opacity: 0;} .account-set-box .submit-wrap,.simple-box .submit-wrap{padding-top: .4rem;} .account-set-box .submit-wrap>input,.simple-box .submit-wrap>input{width: 80%;padding-top: .24rem;padding-bottom: .24rem;font-size: .46rem;border: none;background-color: #3ed6b2;color: #fff;border-radius: .1rem;} .account-set-box.sub-add-box .notice-txt{line-height: 1.26rem;padding-left: .3rem;color: red;font-size: .38rem;} /*账套管理 end*/ /*制单人|邮箱|修改密码 start*/ .simple-box .simple-input{padding: .2rem;border-bottom: 1px solid #dcdcdc;} .simple-box .simple-input>input{width: 100%;line-height: .8rem;font-size: .4rem;border: none;} .simple-box .modify-psw{padding-top: .3rem;} .simple-box .psw-input{display: block;margin: .6rem auto;padding: 0 .2rem;width: 80%;line-height: 1.18rem;font-size: .4rem;border: 1px solid #dcdcdc;border-radius: .1rem;} /*制单人|邮箱|修改密码 end*/ /*辅助核算 start*/ .trialbalance-box .trial-lists li{padding: .2rem;line-height: .8rem;font-size: .4rem;color: #555;border-bottom: 1px solid #dcdcdc;} .trialbalance-box .trial-lists li>span{display: inline-block;} .trialbalance-box .trial-lists li>i{line-height: inherit;color: #c2c2c2;font-size: .68rem;vertical-align: middle;} .trial-add-box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;visibility: hidden;transition: all .5s;-webkit-transform: translatey(100%);transform: translatey(100%);z-index: 800;} .trial-add-box.ani{visibility: visible;transform: translatey(0%);} .trial-add-box ul li{position: relative;line-height: 1.26rem;padding: 0 .3rem;font-size: .38rem;color: #555;border-bottom: 1px solid #dcdcdc;} .trial-add-box ul li .t-input{width: 100%;text-align: right;color: #666;font-size: .4rem;border: none;} /*辅助核算 end*/ /*升级会员页面 start*/ /*适配居中*/ .center{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .vertical{position: absolute;top: 50%;-webkit-transform: translatey(-50%);transform: translatey(-50%);} .vertical.right{right: 0;} .horizontal{position: absolute;left: 50%;-webkit-transform: translatex(-50%);transform: translatex(-50%);} .main .m-header{position: fixed;top: 0;left: 0;width: 100%;height: 1.28rem;background-color: #00b882;z-index: 300;} .m-header .title{display: block;font-size: 18px;color: #fff;letter-spacing: 2px;} .m-header .fa-plus{padding-right: .16rem;font-size: .44rem;} .m-header > a{display: block;z-index: 20;padding: .36rem;font-size: .38rem;color: #fff;} .m-header > a.back > i{font-size: .6rem;vertical-align: middle;} .m-header > a.back > span{font-size: .38rem;vertical-align: middle;} .m-content{position: absolute;top: 1.28rem;right: 0;bottom: 0;left: 0;overflow-y: auto;-webkit-overflow-scrolling: touch;} .m-content .tabs{width: 100%;background-color: #fff;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);} .m-content .tabs > a{display: inline-block;float: left;width: 50%;height: 1.25rem;line-height: 1.25rem;text-align: center;font-size: 16px;border-bottom: 1px solid transparent;} .m-content .tabs > a.active{color: #00b882;border-bottom: 1px solid #00b882;} .m-content .member-content{position: absolute;top: 1.28rem;bottom: 2.6rem;width: 100%;background-color: #f8f8f8;} .m-content .member-content .tab-content{width: 70%;height: 94%;background-color: #fff;margin: 3% auto;} .m-content .member-content .imgs-box{position: relative;height: 70%;background-color: #e8f1ee;} .m-content .member-content .imgs-box img{display: block;margin: .3rem auto;} .m-content .member-content .imgs-box img.package-txt{width: 3.44rem;} .m-content .member-content .imgs-box img.package-icon{width: 1.86rem;} .m-content .member-content .introds {height: 30%;font-size: .34rem;color: #222;} .m-content .member-content .introds p{text-align: center;margin: .1rem auto;letter-spacing: 1px;} .m-content .member-content .introds p:last-child{color: #787878;} .pay-footer{position: absolute;bottom: 0;right: 0;left: 0;height: 2.6rem;} .pay-footer:before{content: '';position: absolute;top: 50%;left: 0;width: 100%;border-top: .02rem solid #e2e2e2;-webkit-transform: translatey(-50%);transform: translatey(-50%);} .pay-footer > div{position: relative;height: 50%;} .pay-footer .pay-ways{width: 100%;line-height: 1.3rem;font-size: .4rem;color: #666;} .pay-footer .p-way>img{width: .6rem;margin: 0 .1rem;} .pay-footer .p-way>*{vertical-align: middle;} .pay-footer .radio-cir{position: relative;display: inline-block;width: .46rem;height: .46rem;border: 1px solid #dcdcdc;border-radius: 50%;} .pay-footer .p-way.choose .radio-cir{border: 1px solid #00b882;} .pay-footer .p-way.choose .radio-cir:before{content: '';position: absolute;top: 50%;left: 50%;width: .3rem;height: .3rem;background-color: #00b882;border-radius: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%); } .pay-footer .p-total{display: block;height: 1.3rem;line-height: 1.3rem;font-size: .4rem;color: #666;} .pay-footer .p-total .red{color: #ff4a4a;font-size: .48rem;} .pay-footer .p-btn > a{display: block;height: 1.3rem;line-height: 1.3rem;font-size: .4rem;color: #fff;background-color: #ff4a4a;} /*升级会员页面 end*/ /*日记账 start*/ .journal .duration-wrapper{padding-top: .2rem;text-align: center;} .journal .duration-wrapper > i{font-size: .58rem;color: #3ed6b2;vertical-align: middle;} .journal .duration-wrapper > input{width: 3.4rem;text-align: center;font-size: .4rem;border-color: transparent;vertical-align: middle;} .journal .cashier-amounts {position: relative;padding-bottom: .3rem;} .journal .cashier-amounts > img{display: block;margin: .26rem auto;width: 4.8rem;} .journal .cashier-amounts .amount{top: 3rem;text-align: center;font-size: .36rem;color: #000;} .journal .cashier-amounts .amount > p{margin-bottom: .1rem;} .journal .cashier-amounts .cb-amount {display: flex;justify-content: center;align-items: center;position: absolute;top: 5.16rem;width: 100%;font-size: .4rem;} .journal .cashier-amounts .cb-amount > a {flex: 1;padding: 0 .4rem;color: #000;} .journal .cashier-amounts .cb-amount > a p{margin-bottom: .1rem;} .journal .list-block{background-color: #f7f7f7;padding-top: .2rem;font-size: .36rem;} .journal .list-block > a{color: #666;} .journal .list-block p{position: relative;padding: .34rem .6rem .3rem .3rem;text-align: right;background-color: #fff;border-bottom: 1px solid #e7e7e7;} .journal .list-block p > span:nth-child(1){left: .3rem;} .journal .list-block p > i{right: .3rem;font-size: .6rem;color: #b2b2b2;vertical-align: middle;} .journal .menu-footer{position: fixed;display: flex;bottom: 0;left: 0;width: 100%;padding-bottom: .2rem;} .journal .menu-footer > a{text-align: center;font-size: .36rem;color: #000;} .journal .menu-footer > a > img{display:block;width: 1.4rem;margin: .1rem auto;} .journal .menu-footer > a.flex{flex: 1;padding-top: .4rem;} .journal .menu-footer > a.flex > img{width: .8rem;} .journal-box .title-block{position: relative;height: 1rem;background-color: #f2f2f2;} .journal-box .cb-duration > input{width: 2.6rem;font-size: .4rem;text-align: center;border-color: transparent;background-color: transparent;vertical-align: middle;} .journal-box .cb-duration > i{font-size: .5rem;color: #666;vertical-align: middle;} .journal-box .amounts-sum{right: .2rem;font-size: .36rem;} .journal-box .cb-content{position: absolute;top: 1rem;bottom: 1.34rem;left: 0;width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;} .journal-box .cb-content .j-inner{position: relative;width: 100%;min-height: 1.2rem;padding: .3rem;font-size: .36rem;border-bottom: 1px solid #dcdcdc;overflow: hidden;box-sizing: border-box; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-flex: 1;-ms-flex: 1;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .journal-box .cb-content .j-inner-title{-webkit-flex-shrink: 1;-ms-flex: 0 1 auto;flex-shrink: 1;position: relative;max-width: 100%;} .journal-box .cb-content .j-inner-after{white-space: nowrap;color: #000;margin-left: 0.25rem;} .journal-box .cb-content .acc-details > li{padding: .2rem;font-size: .36rem;border-bottom: 1px solid #dcdcdc;} .journal-box .cb-content .acc-details > li p:nth-child(1){margin-bottom: .1rem;} .journal-box .cb-footer {position: fixed;bottom: 0;left: 0;width: 100%;min-height: 1.34rem;line-height: 1.34rem;text-align: center;background-color: #f7f7f7;} .account-handler .cb-footer button{width: 60%;margin-top: .6rem;} .account-lists .content > ul li {min-height: 1.2rem;line-height: 1.2rem;padding: 0 .3rem;font-size: .36rem;border-bottom: 1px solid #dcdcdc;} .journal-info .tabs-box{width: 100%;background-color: #fff;} .journal-info .tabs-box > a{display: inline-block;float: left;width: 50%;height: 1.25rem;line-height: 1.25rem;text-align: center;font-size: .4rem;border-bottom: 1px solid transparent;} .journal-info .tabs-box > a.active{color: #00b882;border-bottom: 1px solid #00b882;} .journal-info .j-date{text-align: right;font-size: .38rem;border-color: transparent;} .journal-info .j-info-form{padding-top: .2rem;background-color: #f7f7f7;} .journal-info .j-info-form > *{background-color: #fff;} .journal-info .j-info-form .cb-footer{padding-top: .6rem;text-align: center;} .cb-footer button{display: inline-block;line-height: normal;padding: .2rem .8rem;margin: 0 .2rem;font-size: .4rem;border-radius: .2rem;vertical-align: middle;outline: none;} .cb-footer .left{background-color: #fff;color: #3ed6b2;border: 1px solid #3ed6b2;} .cb-footer .right{background-color: #3ed6b2;color: #fff;border: 1px solid transparent;} .cb-footer .acc-name{left: 0;right:0;font-size: .4rem;padding: 0 .4rem;text-align: left;} /*收支日历*/ .j-calendar .j-sum-tr{border-width: 1px 0 1px 0;border-style: solid;border-color: #e8e8e8;} .j-calendar .sum-td{padding: .2rem 0;text-align: center;font-size: .36rem;} .j-calendar .actions-block > div{padding: 0 .46rem;font-size: .36rem;} .j-calendar .actions-block b{display: block;position: relative;padding: .2rem 0;} .j-calendar .actions-block .flag-dot{position: absolute;top: 50%;left: -.3rem;width: 8px;height: 8px;border-radius: 50%;background-color: red;-webkit-transform: translatey(-50%);transform: translatey(-50%);} .j-calendar .actions-block .flag-dot.out{background-color: #00b28e;} .j-calendar .actions-block > div > ul li{padding: .2rem 0;} .j-calendar .actions-block > div > ul li > span{margin-right: .4rem;} /*收支图*/ .journal.j-charts .duration-wrapper{min-height: .08rem;padding-bottom: .2rem;background-color: #f2f2f2;} .journal.j-charts .duration-wrapper > input{background-color: #f2f2f2;} .journal.j-charts .month-details{position: absolute;top: .96rem;bottom: 0;left: 0;width: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;} .journal.j-charts .month-details table{width: 100%;} .journal.j-charts .month-details table thead tr{background-color: #f2f2f2;} .journal.j-charts .month-details table thead td{width: 30%;padding: .3rem .1rem;text-align: center;font-size: .4rem;} .journal.j-charts .month-details table thead td:first-of-type{width: 10%;} .journal.j-charts .month-details table tbody tr{border-bottom: 1px solid #e7e7e7;} .journal.j-charts .month-details table tbody td{padding: .3rem .1rem;text-align: center;font-size: .36rem;} /*日记账 end*/ /*凭证模板 start*/ .voucher-tpl .tpl-lists{background-color: #e7e7e7;} .voucher-tpl .tpl-lists > li{margin-bottom: .18rem;padding: .26rem;background-color: #fff;border-bottom: 1px solid #e7e7e7;} .voucher-tpl .tpl-lists .item-title .t-cir{display: inline-block;margin-right: .1rem;width: 16px;height: 16px;border-radius: 50%;background-color: #3ed6b2;vertical-align: middle;} .voucher-tpl .tpl-lists .item-title .t-txt{font-size: .46rem;vertical-align: middle;} .voucher-tpl .tpl-lists .item-subtitle{margin-top: .1rem;font-size: .42rem;color: #999;} .voucher-tpl .tpl-lists .item-subtitle .sub-code{margin: 0 .12rem;} /*凭证模板 end*/ /*本期金额*/ .amountbox .amount-box .total-content{top:2.37rem;} .amountbox .amount-box .top-head{height: 1.066rem;line-height: 1.066rem;background-color: #fff;color: #0ed7aa;font-weight: bold;} .amountbox .amount-box .total-content .mark{border:none;background: #f5f5f5;} .amountbox .amount-box .mark h4{line-height:.8rem;font-weight: bold;font-size: 0.3rem;} .amountbox .nav{position: absolute;left:2.866rem;top: 1.33rem;color: #333;background: #fff;width: 4.266rem;text-align: center;z-index: 1000;} .amountbox .nav li{line-height: 1.066rem;font-size: 0.346rem;letter-spacing: 4px;} .amountbox .top-fixed{top: 1.06rem;border-bottom: 1px solid #ddd;} .amountbox .amount-box .sum{font-weight: bold;} .amountbox .amount-box .kz-row{text-align: center} .amount-box ul li{font-size: 0.3rem;} .amountbox .filter-cycle input[type=month]{text-align: center;} .amountbox .hide{display: none;} .amountbox .nav .amount-list-f{border-bottom: 1px #ddd solid;} .amountbox .nav span{display:block;width:0;height:0;border-width:0 10px 10px;border-style:solid;border-color:transparent transparent #fff;position:absolute;top:-0.27rem;left:45%;} .amountbox .assets{font-weight: bold;} .amountbox .assets-child{color: #555 !important;} .amountbox .layer {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;z-index: 999;} .amountbox .result, .result1{width:5.493rem;position: fixed;top: 0.76rem;left: 2.306rem;z-index: 1000;} .amountbox .result1{width:5.293rem;left: 4.08rem;top:4.706rem;} .amountbox .result img, .result1 img{width: 100%;} .amountbox .overflow{visibility: hidden;} /*权限设置 start*/ .permiss-box .p-head{position: relative;height: 2.8rem;background-color: #fff;} .permiss-box .p-head img{box-sizing: border-box;width: 2rem;height: 2rem;margin: 0 .4rem;overflow: hidden;border-radius: 50%;vertical-align: middle;} .permiss-box .p-head .p-info{display: inline-block;line-height: 1.6;font-size: .46rem;vertical-align: middle;} .permiss-box .p-head .p-info .p-status{font-size: .4rem;color: #6a6a6a;} .permiss-box .permis-lists{position: absolute;top: 3rem;bottom: 0;left: 0;width: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;} .permiss-box .permis-lists > ul li{position: relative;padding: 0 .3rem;border-bottom: 1px solid #eeeeee;background-color: #fff;-webkit-transition: ease-in .5s; -moz-transition: ease-in .5s; -ms-transition: ease-in .5s; -o-transition: ease-in .5s; transition: ease-in .5s; -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } .permiss-box .permis-lists > ul li.slide-func{-webkit-transform: translatex(-4rem); -moz-transform: translatex(-3.24rem); -ms-transform: translatex(-3.24rem); -o-transform: translatex(-3.24rem); transform: translatex(-3.24rem); } .permiss-box .permis-lists > ul li>div{height: 1.36rem;} .permiss-box .permis-lists > ul li img{width: .625rem;vertical-align: middle;} .permiss-box .permis-lists > ul li .staff-name{font-size: .418rem;color: #000;vertical-align: middle;} .permiss-box .permis-lists > ul li .staff-status{font-size: .428rem;color: #a3a3a3;} .permiss-box .permis-lists > ul li .func-btns{position: absolute;top: 0;left: 0;width: 3.24rem;height: 1.36rem;margin-left: 100%;} .permiss-box .permis-lists > ul li .func-btns button{float: left;width: 50%;height: 100%;border: none;font-size: .444rem;color: #fff;outline: none;} .permiss-box .permis-lists > ul li .func-btns button.edit{background-color: #00b28e;} .permiss-box .permis-lists > ul li .func-btns button{background-color: #ff0000;} .permiss-add-box form{background-color: #fff;} .permiss-add-box .icon-checked{width: .625rem;height: .625rem;margin-right: .1rem;background: url(/uploads/image/spmimages/role_selected.png) no-repeat;background-size: contain;} .permiss-add-box .form-item{position: relative;min-height: 1.26rem;line-height: 1.26rem;padding-left: .2rem;padding-right: .4rem;margin-left: .4rem;border-bottom: 1px solid #e5e5e5;font-size: .4rem;color: #666666;} .permiss-add-box .form-item .input-item{display: inline-block;width: 100%;border: none;font-size: .4rem;} .permiss-add-box .form-item .fa{line-height: inherit;font-size: .66rem;color: #999999;} .permiss-add-box .form-item input[type=radio]{width: .625rem;height: .569rem;margin-right: .2rem;background-size: contain;vertical-align: middle;} .permiss-add-box .form-item .role-maker{background-image: url(/uploads/image/spmimages/permis_maker.png);} .permiss-add-box .form-item .role-auditor{background-image: url(/uploads/image/spmimages/permis_auditor.png);} .permiss-add-box .form-item .role-check{background-image: url(/uploads/image/spmimages/permis_check.png);} .permiss-add-box .role-item .roled{visibility:hidden;} .permiss-add-box .role-item.bg-box .roled{visibility:visible;} .permiss-add-box .data-sets{padding-right: .8rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .permiss-add-box .data-sets i{right: .4rem;} .permiss-add-box .account-item input[type=checkbox]{visibility:hidden;vertical-align: middle;} .permiss-add-box .account-item input:checked{visibility:visible;} .permiss-add-box .wrap{background-color: #fff;} .permiss-add-box .account-item .form-item{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .permis-sets .permiss-add-box .permis-table{padding-left: .3rem;background-color: #fff;} .permis-sets .permiss-add-box table{width: 100%;} .permis-sets .permiss-add-box table .split-line{border-bottom: 1px solid #e5e5e5;} .permis-sets .permiss-add-box table td {height: 1.28rem;width: 25%;font-size: .38rem;color: #666666;} .permis-sets .permiss-add-box table td.active{color: #00b28e;} .permis-sets .permiss-add-box table td input[type=checkbox]{width: .425rem;height: .425rem;margin-right: .1rem;background: url(/uploads/image/spmimages/permis_select.png) no-repeat;background-size: contain;vertical-align: sub;} .permis-sets .permiss-add-box table td input:checked{background-image: url(/uploads/image/spmimages/permis_selected.png);} .permis-sets .permiss-add-box table td.module-name{font-weight: bold;color: #333;} .permis-sets .permiss-add-box table td.more-len{width: 30%;} /*权限设置 end*/ /*动画*/ @keyframes smallbig{0%,100%{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}} @-webkit-keyframes bouncein{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes bouncein{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}} @-webkit-keyframes affix-bar{0%{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes affix-bar{0%{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}