.cube-page{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:#efeff4}.cube-page .header{position:relative;height:44px;line-height:44px;text-align:center;background-color:#edf0f4;-webkit-box-shadow:0 1px 6px #ccc;box-shadow:0 1px 6px #ccc;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5}.cube-page .header h1{font-size:16px;font-weight:700}.cube-page .header .cubeic-back{position:absolute;top:0;left:0;padding:0 15px;color:#fc9153}.cube-page>.wrapper{height:calc(100% - 44px);overflow-x:hidden;overflow-y:auto}.cube-page>.wrapper .desc{padding:10px;margin:10px 0;line-height:20px;font-size:14px}.cube-page.option-demo .wrapper{background-color:#fff}.cube-page.option-demo .title{font-size:16px;font-weight:500;color:#333;padding:15px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:15px}.cube-page.option-demo .options{margin-bottom:15px}.cube-page.option-demo .option-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:5px}.cube-page.option-demo .option-list .item{height:52px;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .option-list .item.sub{font-size:14px;background-color:rgba(0,0,0,.04)}.cube-page.option-demo .option-list .item.sub.first{-webkit-box-shadow:0 1px 1px 1px #eee inset;box-shadow:inset 0 1px 1px 1px #eee}.cube-page.option-demo .option-list .item.sub.last{border-bottom:none}.cube-page.option-demo .demo{margin-bottom:15px}.cube-page.option-demo .methods .method-list .group{margin-bottom:15px;border:1px solid rgba(0,0,0,.1);border-radius:5px}.cube-page.option-demo .methods .method-list .item,.cube-page.option-demo .methods .method-list button{height:40px;font-size:16px}.cube-page.option-demo .methods .method-list .item{background-color:$color-active-light-gray;border-bottom:1px solid rgba(0,0,0,.1)}.cube-page.option-demo .methods .method-list button{width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fc9153;-webkit-box-shadow:0 0 0 1px #fc9153;box-shadow:0 0 0 1px #fc9153;border:none;outline:none;color:#fff}.view-binding-index .card-list{min-height:150px;margin:10px;border-radius:10px}.view-binding-index .card-no{padding-top:80px}.view-binding-index .img-div{width:120px;height:120px;margin:0 auto;border-radius:50%;overflow:hidden;text-align:center}.view-binding-index .card-no-p1{margin-top:40px;text-align:center;font-size:22px}.view-binding-index .card-no-p2{margin-top:30px;padding:0 30px;font-size:14px;color:#999}.view-binding-index .cube-content{background:#fff;margin:15px 10px;border-radius:10px}.view-binding-index .cube-content>.cube-index-list-item{list-style:none;line-height:50px;margin:0 20px}.view-binding-index .cubeic-arrow{float:right}.view-binding-index .cube-content>.cube-index-list-item>a{font-size:16px;border-bottom:1px solid #ebebeb}.view-binding-index .cube-content>.cube-index-list-item>a>img{width:26px;height:26px;float:left;margin-top:13px;margin-right:15px}.view-binding-index .link{display:block;position:relative;width:100%;color:#333;text-decoration:none;outline:0}.view-binding-index .card-list-content{height:150px;position:relative;background:#fff;margin-bottom:10px;border-radius:10px}.view-binding-index .card-list-sex{position:absolute;left:20px;top:25px}.view-binding-index .card-list-name{position:absolute;top:22px;left:90px;font-weight:700;font-size:18px}.view-binding-index .card-list-idcard{position:absolute;left:90px;top:52px;font-size:14px}.view-binding-index .card-list-qrcode{width:30px;position:absolute;right:20px;top:25px}.view-binding-index .card-list-hospital{position:absolute;top:110px;left:20px;font-size:14px}.view-binding-index .card-list-edit{right:20px;background:#fc9153}.view-binding-index .card-list-edit,.view-binding-index .card-list-first{width:60px;height:25px;top:110px;position:absolute;border-radius:20px;text-align:center;font-size:13px;line-height:25px;color:#fff}.view-binding-index .card-list-first{right:90px;background:#14b5fd}.view-binding-index .card-list-view{position:absolute;width:100%;height:1px;top:95px;background:#ebebeb}