.page{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:#efeff4}.page .header{position:relative;height:1.17333rem;line-height:1.17333rem;text-align:center;background-color:#fff;-webkit-box-shadow:0 .02667rem .16rem #ccc;box-shadow:0 .02667rem .16rem #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5}.page .header h1{font-size:.42667rem;font-weight:700}.page .header .cubeic-back{position:absolute;top:0;left:0;padding:0 .4rem;color:#4d8ee3}.page .header .header-right{position:absolute;top:0;right:0;height:1.17333rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-right:.13333rem}.page>.wrapper{height:calc(100% - 1.17333rem);overflow-x:hidden;overflow-y:auto}.page>.wrapper .desc{padding:.26667rem;margin:.26667rem 0;line-height:.53333rem;font-size:.37333rem}.page>.wrapper .content{background-color:#fff;overflow-y:auto;height:100%}.page.option-demo .wrapper{background-color:#fff}.page.option-demo .title{font-size:$fontsize-large;font-weight:500;color:#333;padding:.4rem;border-bottom:.02667rem solid rgba(0,0,0,.1);margin-bottom:.4rem}.page.option-demo .options{margin-bottom:.4rem}.page.option-demo .option-list .group{margin-bottom:.4rem;border:.02667rem solid rgba(0,0,0,.1);border-radius:$radius-size-medium}.page.option-demo .option-list .item{height:1.38667rem;border-bottom:.02667rem solid rgba(0,0,0,.1)}.page.option-demo .option-list .item.sub{font-size:$fontsize-medium;background-color:rgba(0,0,0,.04)}.page.option-demo .option-list .item.sub.first{-webkit-box-shadow:0 .02667rem .02667rem .02667rem #eee inset;box-shadow:inset 0 .02667rem .02667rem .02667rem #eee}.page.option-demo .option-list .item.sub.last{border-bottom:none}.page.option-demo .demo{margin-bottom:.4rem}.page.option-demo .methods .method-list .group{margin-bottom:.4rem;border:.02667rem solid rgba(0,0,0,.1);border-radius:$radius-size-medium}.page.option-demo .methods .method-list .item,.page.option-demo .methods .method-list button{height:1.06667rem;font-size:$fontsize-large}.page.option-demo .methods .method-list .item{background-color:$color-active-light-gray;border-bottom:.02667rem solid rgba(0,0,0,.1)}.page.option-demo .methods .method-list button{width:100%;border-bottom-left-radius:$radius-size-medium;border-bottom-right-radius:$radius-size-medium;background-color:#fc9153;-webkit-box-shadow:0 0 0 .02667rem #fc9153;box-shadow:0 0 0 .02667rem #fc9153;border:none;outline:none;color:#fff}.root[data-v-6e84c3de]{background-color:#f4f7fd;padding-top:.4rem}.root .time[data-v-6e84c3de]{font-size:.24rem;color:#666;margin:0 .4rem .4rem .4rem}.root .time .text[data-v-6e84c3de]{margin:.06667rem .13333rem}.root .body[data-v-6e84c3de]{width:100%;padding:0 .4rem .4rem .4rem}.root .body .common[data-v-6e84c3de]{height:3.86667rem;background-color:#fff;border-radius:.18667rem;margin-bottom:.4rem}.root .body .common .logo[data-v-6e84c3de]{margin:.6rem .26667rem;float:left;width:2.4rem;height:2.4rem;background-color:#f3f6fd;border-radius:50%}.root .body .common .logo .icon[data-v-6e84c3de]{width:2.4rem;height:2.4rem}.root .body .common .data-display[data-v-6e84c3de]{float:left;height:3.86667rem;width:5.86667rem;margin-top:.4rem;font-size:.32rem}.root .body .common .data-display .fl[data-v-6e84c3de]{float:left;width:43%}.root .body .common .data-display .fl p[data-v-6e84c3de]{margin-bottom:.26667rem}.root .body .common .data-display .jcenter[data-v-6e84c3de]{margin-top:.16rem;float:left;width:24%}.root .body .common .data-display .center[data-v-6e84c3de]{float:left;width:24%}.root .body .common .data-display .count p[data-v-6e84c3de]{white-space:nowrap}.root .body .common .data-display .rcenter[data-v-6e84c3de]{float:left;width:18%}.root .body .common .data-display .count p[data-v-6e84c3de]{color:#333;margin-bottom:.26667rem}.root .body .common .data-display .fr[data-v-6e84c3de]{float:left;width:15%}.root .body .common .data-display .fr .junits[data-v-6e84c3de]{margin-top:.16rem;float:right}.root .body .common .data-display .fr .junits p[data-v-6e84c3de]{margin-bottom:.26667rem}.root .body .common .data-display .fr .units[data-v-6e84c3de]{margin-top:.74667rem;float:right}.root .body .common .data-display .fr .units p[data-v-6e84c3de]{margin-bottom:.26667rem}