.phone-box{width:320px;height:560px;background:#333;border-radius:20px;padding:20px 10px}.phone-box .phone-header{width:100%;height:20px;line-height:20px}.phone-box .phone-header .camera{width:10px;height:10px;border:1px solid #999;border-radius:5px;background:#222;margin:0 auto}.phone-box .phone-screen{background:#f8f8f8;width:100%;padding-bottom:10px;height:460px;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column}.phone-box .phone-btn{width:60px;height:60px;cursor:pointer;background:linear-gradient(#dbdbdb,#f8f8f8,#999);border-radius:50%;border:3px solid #fff;margin:10px auto}.phone-box .phone-btn:hover{border:3px solid #fae0a9}.box{border:2px solid #f0efef;position:relative;padding:10px 15px;background:#fff}.box .ic{width:20px;height:20px;color:#fff;text-align:center;line-height:20px;position:absolute;cursor:pointer;right:0;top:0;z-index:10}.box .ic:hover{color:#f78585}.box .con{width:100%}.mask{position:fixed;z-index:1;width:100%;height:100%;top:0;left:0}.m-box{width:160px;border-radius:5px;height:auto;position:absolute;top:0;left:0;z-index:10;background:#fff;overflow:hidden;box-shadow:10px 10px 50px 0 rgba(0,0,0,.75);-webkit-box-shadow:10px 10px 50px 0 rgba(0,0,0,.75);-moz-box-shadow:10px 10px 50px 0 rgba(0,0,0,.75)}.m-box .m-list{width:96%;padding:0 3%;line-height:30px;height:30px;border-bottom:1px solid #f8f8f8;cursor:pointer;font-size:12px;color:#666}.m-box .m-list:hover{background:#f8f8f8;color:#333}.inline{display:flex}.inline div{margin-left:10px}.saveBox{text-align:center;margin:10px auto}.list-box .list-item{display:flex;padding:10px 5px;border-bottom:1px solid #fbfbfb}.list-box .list-item .del{line-height:20px;margin:2px 5px;cursor:pointer}.list-box .list-item .del:hover{color:red}.list-box .list-item:hover{background:#f8f8f8}.radioBox{padding:10px 0;height:auto;clear:both}.Icon.disabled{color:#dbdbdb;cursor:default}.Icon{margin:0 15px;font-size:1.2em;cursor:pointer}.sel-box{display:flex;min-width:360px;height:auto;border:1px solid #f8f8f8}.sel-box .seleted{background:#f8f8f8}.sel-box .sel-item{border-right:1px solid #f8f8f8;flex:1}.sel-box .sel-item .sel-line{width:96%;cursor:pointer;display:flex;line-height:36px;height:36px;padding:5px 2%}.sel-box .sel-item .sel-line .left{flex:1}.sel-box .sel-item .sel-line .icon{line-height:inherit}.sel-box .sel-item .sel-line .icon.disabled{color:#dbdbdb;cursor:default}.addBox{padding:5px 10px}.title{width:100%;height:40px;line-height:40px;text-align:left;font-size:1em;border-bottom:1px solid #dbdbdb}span.el-checkbox__inner{color:#999;font-size:12px}.flex-box{display:flex;padding:12px 10px}.flex-box .addBox,.flex-box .left{flex:1}.flex-box .radio{padding:2px 4px}.el-icon-remove-outline{color:#a80707}.fixed{width:100%;height:40px}.pageNavB .van-cell{background-color:#5cb87a;color:#fff}.icon{margin-right:10px;font-size:16px;line-height:inherit}.content{flex:1;overflow-y:scroll;position:relative}.content .notice{width:100%;height:35px;line-height:35px;text-align:center;color:#fff;background:#48830e}.content .sign{background:#d84e2b}.btn{width:100%;height:35px;border-top:1px solid #dbdbdb;padding:5px 0;text-align:center;line-height:35px;display:flex}.btn .btn-item{flex:1;text-align:center}.setting-box{border-top:1px solid #dbdbdb;margin-top:20px;padding-top:20px}