.box-header[data-v-7a224634]{height:65px;padding:31px 33px 0}.box-header[data-v-7a224634],.box-header li[data-v-7a224634]{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.box-header li[data-v-7a224634]{float:left;height:34px;line-height:34px;padding:0 18px;margin-right:34px;font-size:16px;font-family:OPPOSans-M;color:#222;cursor:pointer}.box-header li.active[data-v-7a224634]{color:#fff;background:-webkit-gradient(linear,left top,right top,from(#0fd),to(#0600fd));background:linear-gradient(90deg,#0fd,#0600fd);-webkit-box-shadow:0 3px 7px 0 rgba(2,182,230,.55);box-shadow:0 3px 7px 0 rgba(2,182,230,.55)}.box-header .search-frame[data-v-7a224634]{position:absolute;right:33px;bottom:0;width:275px;height:34px}.box-header .search-frame .search-input[data-v-7a224634]{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;background:none;outline:none;border:1px solid #f3f3f3;font-size:16px;padding:0 30px 0 10px;line-height:32px;font-family:OPPOSans-R}.box-header .search-frame .search-input[data-v-7a224634]::-webkit-input-placeholder{color:#666}.box-header .search-frame .search-input[data-v-7a224634]::-moz-placeholder{color:#666}.box-header .search-frame .search-input[data-v-7a224634]:-ms-input-placeholder{color:#666}.box-header .search-frame .search-input[data-v-7a224634]::-ms-input-placeholder{color:#666}.box-header .search-frame .search-input[data-v-7a224634]::placeholder{color:#666}.box-header .search-frame .search-btn[data-v-7a224634]{position:absolute;top:9px;right:11px;width:18px;height:17px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAMAAADnhAzLAAAAPFBMVEUAAAD////d3dHd3dDe3tDc3M/f39He3tHd3c/e3tHd3c/e3tDf39fd3dHd3dHe3tHc3NDf39D////d3dDEWcpMAAAAE3RSTlMAAbzz5bFXPcwn5t4g+uiMjEcCYnJEWAAAAHdJREFUGNNtkFsOwzAIBAE/wCFO2u7979q6EXWVZH4WjSzA0AeuJfdcKlOwGpA8AbaG2SDK9FLBdjg27HxUO+xbVUj0YEEdWaAUKMqInOYgTnlEd5p4v3117XU/kQ2P3169/W/PKgCWdvrjcwk3L9HCTYZzOjuXNzRBBSBthxodAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;cursor:pointer}.page{margin-top:20px;text-align:center}.pagination{display:inline-block;vertical-align:top;font-size:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pagination .btn-next,.pagination .btn-pre,.pagination .pager li{display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;min-width:28px;height:28px;background:#fff;border-radius:3px;border:1px solid #ddd;text-align:center;line-height:26px;margin:0 5px;color:#333;padding:0 4px;cursor:pointer;-webkit-transition:.1s;transition:.1s}.pagination .btn-next.disabled,.pagination .btn-pre.disabled{color:#c0c4cc;background-color:#fff;cursor:not-allowed}.pagination .pager{display:inline-block;vertical-align:top;font-size:0}.pagination .pager li.active{line-height:28px;border:none;color:#fff;background:linear-gradient(138deg,#00fdde,#0604fc);cursor:default}.pagination .pager .more{line-height:28px}.pagination .jump{display:inline-block;vertical-align:top;margin-left:7px;-webkit-box-sizing:border-box;box-sizing:border-box;width:72px;height:28px;background:#fff;border-radius:3px;border:1px solid #ddd;font-size:14px;color:#999;line-height:26px;text-align:center;cursor:pointer;-webkit-transition:.1s;transition:.1s}.pagination .jump:hover{color:#409eff;background-color:#f5f5f5}.pagination .jump.disabled{cursor:not-allowed}.pagination .jump.disabled:hover{color:#999;background-color:#fff}.empty-box[data-v-37c93fe2]{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0}.empty-box .empty-content[data-v-37c93fe2]{position:absolute;width:281px;height:216px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(http://cdn.macio.com.cn/static/img/empty.531f8ba1.png) no-repeat;background-size:100% 100%}.empty-box .empty-text[data-v-37c93fe2]{position:absolute;left:-200px;right:-200px;bottom:-4px;font-size:20px;color:#333;height:28px;text-align:center;line-height:28px}.m-dialog-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:auto;background-color:rgba(0,0,0,.5)}.m-dialog-wrapper.dialog-enter{-webkit-animation:dialog-in-m .3s;animation:dialog-in-m .3s}.m-dialog-wrapper.dialog-leave{opacity:0;-webkit-animation:dialog-out-m .3s;animation:dialog-out-m .3s}.m-dialog{width:560px;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;background:#fff;margin:20vh auto 50px}.m-dialog .dialog-header{padding:20px 20px 10px;height:24px;font-size:0}.m-dialog .dialog-header .header-title{line-height:24px;font-size:18px;color:#303133;vertical-align:top}.m-dialog .dialog-header .header-btn{position:absolute;top:20px;right:20px;padding:0;background:transparent;border:none;outline:none;cursor:pointer;font-size:16px}.m-dialog .dialog-header .header-btn .close-btn{color:#909399}.m-dialog .dialog-header .header-btn:focus .close-btn,.m-dialog .dialog-header .header-btn:hover .close-btn{color:#409eff}.m-dialog .dialog-body{padding:30px 20px;color:#606266;font-size:14px;word-break:break-all}.m-dialog .dialog-footer{padding:10px 20px 20px;text-align:right;-webkit-box-sizing:border-box;box-sizing:border-box}.m-dialog .dialog-footer .c-btn{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;text-align:center;cursor:pointer;width:73px;height:40px;font-size:14px;line-height:38px;border-radius:4px;border:1px solid #ddd;background:#fff;color:#666;-webkit-transition:.1s;transition:.1s;margin-right:20px}.m-dialog .dialog-footer .c-btn:hover{background:#f5f5f5}.m-dialog .dialog-footer .s-btn{display:inline-block;width:73px;height:40px;font-size:14px;line-height:40px}.m-dialog .form-item{margin-bottom:22px}.m-dialog .form-item_label{text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;line-height:40px;padding:0 12px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100px}.m-dialog .form-item.is-required .form-item_label:before{content:"*";color:#f56c6c;margin-right:4px}.m-dialog .form-item_content{margin-left:100px;line-height:40px;position:relative;font-size:14px}.m-dialog .form-item_content img{max-width:70%}.m-dialog .input{width:300px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:none;padding:0 15px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.m-dialog .input::-webkit-input-placeholder{color:#999}.m-dialog .input::-moz-placeholder{color:#999}.m-dialog .input:-ms-input-placeholder{color:#999}.m-dialog .input::-ms-input-placeholder{color:#999}.m-dialog .input::placeholder{color:#999}.m-dialog .input:focus{border-color:#409eff}.m-dialog .textarea{position:relative;display:inline-block;width:300px;height:100px;vertical-align:bottom;font-size:14px;resize:none;outline:none;padding:5px 15px;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;color:#606266;background-color:#fff;background-image:none;border:1px solid #dcdfe6;border-radius:4px;-webkit-transition:border-color .2s cubic-bezier(.645,.045,.355,1);transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.m-dialog .textarea::-webkit-input-placeholder{color:#999}.m-dialog .textarea::-moz-placeholder{color:#999}.m-dialog .textarea:-ms-input-placeholder{color:#999}.m-dialog .textarea::-ms-input-placeholder{color:#999}.m-dialog .textarea::placeholder{color:#999}.m-dialog .textarea:focus{border-color:#409eff}.m-dialog .form-item_tip{color:#f56c6c;font-size:12px;line-height:1;padding-top:4px;position:absolute;top:100%;left:0}@-webkit-keyframes dialog-in-m{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes dialog-in-m{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes dialog-out-m{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-out-m{0%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.user-plan .plan-con{padding:31px 33px 50px;min-height:386px;position:relative}.user-plan .plan-list{position:relative}.user-plan .plan-item{float:left;margin-top:20px;margin-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;width:270px;height:338px;border:1px solid #ddd;border-radius:4px}.user-plan .plan-item .img{-webkit-transition:.2s linear;transition:.2s linear;width:100%;height:210px;border-radius:4px 4px 0 0;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.user-plan .plan-item:nth-child(-n+3){margin-top:0}.user-plan .plan-item:nth-child(3n){margin-right:0}.user-plan .plan-item:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.user-plan .plan-item:hover .img{opacity:.9}.user-plan .content{padding:10px 19px}.user-plan .rel-row,.user-plan .title-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-plan .rel-row{margin-top:4px;font-size:14px;line-height:20px;color:#999}.user-plan .title{font-size:16px;font-weight:600;color:#333;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-plan .btn-row{margin-top:11px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.user-plan .plan-btn{width:110px;height:36px;border-radius:2px;line-height:34px}.user-plan .plan-btn.not_allowed{cursor:not-allowed}.user-plan .plan-btn.not_allowed:hover{background-color:#fff}