a,body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,td,textarea,th,ul{margin:0;padding:0;font-size:14px;font-family:Microsoft YaHei}table{border-collapse:collapse;border-spacing:0;border:0}fieldset,img,input{border:none}fieldset,input,select{vertical-align:middle}body,button,input,select,textarea{outline:none}nav li,ol,ul{list-style-type:none}a{outline:none}a,a:active,a:hover,a:link,a:visited{text-decoration:none}address,cite,dfn,em,i,var{font-style:normal}input:-ms-clear{display:none}.clear:after{line-height:0}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.bc{margin:0 auto}.fl{float:left}.fr{float:right}.vm{vertical-align:middle}.pr{position:relative}.pa{position:absolute}.zoom{zoom:1}.none{display:none}.block{display:block}.yahei{font-family:Microsoft YaHei}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f16{font-size:16px}.f20{font-size:20px}.fb{font-weight:700}.fn{font-weight:400}.t2{text-indent:2em}.lastli{margin-right:0!important}.dib{display:inline-block;*display:inline;*zoom:1}.elli{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[v-cloak]{display:none}a{color:#333}.demo-pages{margin-top:30px;margin-bottom:30px;box-sizing:border-box}.demo-pages:first-of-type{margin-top:0}.demo-pages>.tips{line-height:28px}.demo-pages h3{margin-bottom:20px}.demo-pages .demo-btn-page,.demo-pages .demo-page{margin:20px}.demo-pages .demo-btn-page:first-of-type,.demo-pages .demo-page:first-of-type{margin-top:10px}.demo-pages .demo-page .texts{line-height:28px}.demo-pages .show-page{margin-top:20px;padding:16px;border:1px solid #ebebeb}.demo-pages .source-code{border:1px solid #eaeaea;border-top:none;background-color:#fafafa;overflow:hidden}.demo-pages .code-tips{margin:20px;padding:10px;background:#fff;border:1px solid #eaeaea;line-height:26px;color:#5e6d82}.demo-pages .code-page{padding:0 20px}.demo-pages .code-btn{width:100%;background:#fff;line-height:30px;cursor:pointer;border:none;border-top:1px solid #eaeaea}.demo-pages .code-btn.active{border-top:none}.demo-pages .code-btn:hover{-webkit-transition:.2s;transition:.2s;background:#607d8b;color:#fff}.api-pages{margin-top:40px;margin-bottom:40px}.api-pages h3{margin-bottom:10px;color:#333}.api-pages table tbody tr,.api-pages table thead tr{line-height:50px;border-bottom:1px solid #eaeaea}.api-pages table td{color:#606266}#vue-xinui{margin:0 auto;width:90%}header{padding:26px 0}header h1{font-size:24px;color:#525252}aside{padding:0;float:left;width:200px;box-sizing:border-box}aside .nav-group-item{font-weight:700;line-height:28px}aside .nav-group-item a{font-size:16px}aside .section-group{margin-bottom:30px}aside .section-group:first-of-type{margin-top:0}aside .section-group h2{font-size:16px}aside .section-group .title{margin-top:6px;margin-bottom:10px;font-size:12px;color:#999}aside .section-group li{line-height:28px}main{position:absolute;left:300px;right:0;padding:0 20px 0 0;box-sizing:border-box}main h3{font-weight:400;font-size:20px}main .doc-text{margin-bottom:14px}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.fadefast-enter-active,.fadefast-leave-active{-webkit-transition:opacity .2s;transition:opacity .2s}.fadefast-enter,.fadefast-leave-to{opacity:0}.clear:after{display:block;content:"";height:0;visibility:hidden;clear:both}.float-l{float:left}.float-r{float:right}button{outline:none}.show-page[data-v-6c7833ea]{min-height:200px}.x-upload-normal{width:200px;height:200px;border:1px dashed #bfbfbf}.x-upload-normal:active{border:1px solid #007faa}.x-upload-normal img{max-width:100%;height:200px}.x-upload-normal .x-upload-add{width:200px;height:200px;line-height:200px;text-align:center;color:#666;font-size:16px}.x-upload-dragpage{width:200px;height:200px}.x-upload-dragpage img{max-width:100%;height:200px}.x-upload-dragpage .x-upload-add{width:200px;height:200px;line-height:200px;text-align:center;color:#666;font-size:16px}.hljs-comment,.hljs-quote{color:#696969}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#d91e18}.hljs-attribute,.hljs-built_in,.hljs-builtin-name,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#aa5d00}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:green}.hljs-section,.hljs-title{color:#007faa}.hljs-keyword,.hljs-selector-tag{color:#7928a1}.hljs{display:block;overflow-x:auto;color:#545454;padding:.5em}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-builtin-name,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}.progress-text{position:absolute;left:0;top:0;text-align:center;width:100%;line-height:100px;z-index:9}.x-pagination{margin-bottom:40px}img{max-width:100%}.inputpage{width:300px}.x-form{width:580px}.x-form .line-height-set{line-height:1.3}.x-form .line-height-set2{line-height:1.5}.x-slide{height:200px}.x-slide,.x-slide .content-li{width:300px}.x-button{background:transparent;border:none;text-align:center;cursor:pointer}.x-button.disabled{cursor:not-allowed!important}.x-dialog-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99999}.x-dialog-mask .x-closebtn{position:absolute;right:10px;top:0;width:30px;cursor:pointer}.x-dialog-mask .x-dialog{position:absolute;left:0;top:0;right:0;bottom:0;padding:22px;width:300px;height:300px;margin:auto;background:#fff;border-radius:6px;box-sizing:border-box}.x-dialog-mask .x-dialog-title{margin:0 0 20px;text-align:center;font-size:18px}.x-dialog-mask .x-one-page,.x-dialog-mask .x-twobtn-page{margin:30px auto;width:200px;text-align:center}.x-dialog-mask .x-twobtn-page .x-button:first-of-type{float:left}.x-dialog-mask .x-twobtn-page .x-button:last-of-type{float:right}.picture-puzzle{width:300px}.picture-puzzle .error{width:30px}.picture-puzzle .picture{position:relative;width:100%;min-height:110px;overflow:hidden}.picture-puzzle .dragbg{display:block;width:100%;height:100%}.picture-puzzle .dragimg{position:absolute;left:0;top:0;cursor:pointer}.picture-puzzle .dragverify{position:relative;background:#bfbfbf;width:100%;height:40px;line-height:40px}.picture-puzzle .dragverify p{font-size:15px;color:#666;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9}.picture-puzzle .dragverify p.errortips{color:#d91e18}.picture-puzzle .dragblock{position:absolute;left:0;top:0;width:40px;height:40px;line-height:40px;background:#fff;cursor:pointer;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:20;border:1px solid #e3e3e3}.picture-puzzle .icon-arrow{margin-top:10px}.picture-puzzle .icon-close{margin-top:6px}.picture-puzzle .icon-success{margin-top:4px}.x-upload{display:inline-block;position:relative;text-align:center;cursor:pointer}.x-upload .x-file{display:none}.x-upload .x-upload-drag{width:100%;height:100%;border:1px dashed #bfbfbf}.x-upload .x-upload-drag.active{border:1px solid #007faa}.x-upload .progress{position:absolute;left:0;bottom:0;width:100%;height:4px}.x-upload .progress .bar{background:#009688;width:0;height:100%}.x-ring{position:relative}.x-ring-bar{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:.5s;transition:.5s}.x-ring-slot{position:absolute;left:0;top:0;width:100%;height:100%}.x-pagination{overflow:hidden}.x-pagination .btn-page{float:left}.x-pagination .btn-page span{float:left;padding:0 12px;line-height:34px;border:1px solid #ddd;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:16px;background-color:#f4f4f5;box-sizing:border-box;color:#606266}.x-pagination .btn-page span.current-page{background:#2d98e6;border:1px solid #2d98e6;color:#fff}.x-pagination .btn-page .page-btns:last-of-type{margin-right:0}.x-pagination .onlyone *{cursor:not-allowed}.x-pagination .page-btns:hover{background:#2d98e6;color:#fff}.x-pagination .last-page-btn:hover{color:#007faa}.x-pagination .jump-page{float:left;margin-left:20px}.x-pagination .jump-page input{max-width:50px;line-height:34px;text-align:center;border-radius:4px;border:1px solid #dcdfe6}.x-input{position:relative}.x-input,.x-input .x-input-self{width:100%;box-sizing:border-box}.x-input .x-input-self{display:block;font-size:14px;line-height:32px;text-indent:1em;border:1px solid #e3e3e3;border-radius:4px;-webkit-transition:.3s;transition:.3s}.x-input .x-input-self:focus{border-color:#409eff}.x-input .x-input-self.error{border-color:#d91e18}.x-input .x-input-page:after{content:"";display:block;height:0;clear:both;visibility:hidden}.x-input .x-input-aside{padding-right:10px;float:left;line-height:32px;text-align:right;box-sizing:border-box}.x-input .x-input-error-text{text-indent:1em;margin:6px 0;color:#d91e18;font-size:12px}.x-input .x-tips-list li{margin:8px 0}.x-input .x-tips-list li:after{content:"";display:block;height:0;clear:both;visibility:hidden}.x-input .x-tips-list li svg{float:left}.x-input .x-tips-list li p{float:left;padding-top:4px;font-size:14px;color:#d91e18}.x-input .x-tips-list .right *{fill:#009688;color:#009688}.x-radio{display:inline-block;margin-right:20px;cursor:pointer}.x-radio.disabled{cursor:not-allowed!important}.x-radio.disabled .x-radio-text{color:#999}.x-radio.disabled .x-radio-round.active{background:#93b9e0}.x-radio .x-radio-page:after{content:"";display:block;clear:both;height:0;visibility:hidden}.x-radio .x-radio-round{float:left;margin:3px 10px 0 0;width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid #c7c7c7;-webkit-transition:.3s;transition:.3s}.x-radio .x-radio-round.active{background:#409eff;border:1px solid #fff}.x-radio .x-radio-insideround{margin:5px auto;width:10px;height:10px;border-radius:50%;background:#fff}.x-radio .x-radio-text{float:left;line-height:28px}.x-form-item .x-radio{margin-top:2px}.x-checkbox{display:inline-block;margin-right:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-checkbox:after{content:"";display:block;clear:both;height:0;visibility:hidden}.x-checkbox .x-checkbox-btn{margin-right:10px;float:left;width:20px;height:20px;border:1px solid #e3e3e3;border-radius:4px;overflow:hidden}.x-checkbox .x-checkbox-text{float:left;line-height:22px}.x-checkbox .x-checkbox-text.active{color:#409eff}.x-form-item .x-checkbox-group{padding-top:8px}.x-checkbox-group .error-text{margin-top:6px;color:#d91e18}.x-select .x-select-page{position:relative;max-width:140px;min-height:34px;border:1px solid #e3e3e3;border-radius:4px;padding:6px 14px;cursor:pointer;box-sizing:border-box}.x-select .x-select-page:hover{border:1px solid #409eff}.x-select *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-select-list{position:absolute;width:100%;left:0;top:45px;background:#fff;border:1px solid #e3e3e3;border-radius:4px;z-index:9}.x-select-list:after{position:absolute;left:20px;top:-12px;content:"";border:6px solid transparent;border-bottom-color:#e3e3e3}.x-select-value{width:90%}.x-option,.x-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-option{text-indent:1em;line-height:34px;cursor:pointer;width:100%}.x-option:hover{background:#f1f1f1}.x-select-arrow{position:absolute;right:4px;top:6px;-webkit-transition:.15s;transition:.15s}.x-select-arrow.down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.error-text{margin-top:6px;color:#d91e18}.x-select .fade-enter-active,.x-select .fade-leave-active{-webkit-transition:opacity .2s;transition:opacity .2s}.x-select .fade-enter,.x-select .fade-leave-to{opacity:0}.x-select .fadefast-enter-active,.x-select .fadefast-leave-active{-webkit-transition:opacity .2s;transition:opacity .2s}.x-select .fadefast-enter,.x-select .fadefast-leave-to{opacity:0}.x-location-select .x-location-page:after{content:"";visibility:hidden;height:0;display:block;clear:both}.x-location-select .location-page{float:left;position:relative;margin-right:10px;border:1px solid #e3e3e3;border-radius:4px;width:140px;height:32px;line-height:32px}.x-location-select .location-page:hover{border-color:#2d98e6}.x-location-select .location-page .location-text{height:100%;cursor:pointer;text-indent:1em}.x-location-select .list-page{position:absolute;top:31px;width:100%;max-height:280px;overflow-y:scroll;text-indent:1em;border:1px solid #e3e3e3;border-radius:4px;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.x-location-select .list-page li{cursor:pointer}.x-location-select .list-page li:hover{background:#f1f1f1}.x-location-select ::-webkit-scrollbar{width:6px;background:transparent}.x-location-select ::-webkit-scrollbar-thumb{height:4px;background:#2d98e6;border-radius:4px}.x-location-select svg{cursor:pointer}.x-location-select .x-arrow{position:absolute;right:2px;top:4px}.x-location-select .no-data{padding:10px 0;text-align:center}.x-location-select .error-text{margin-top:6px;color:#d91e18}.x-switch .x-switch-page{position:relative;width:46px;height:20px;background:#999;border-radius:10px;cursor:pointer;-webkit-transition:.2s;transition:.2s}.x-switch.active .x-switch-page{background:#1890ff}.x-switch.active .x-switch-round{left:27px}.x-switch .x-switch-round{position:absolute;left:1px;top:1px;width:18px;height:18px;background:#fff;border-radius:9px;-webkit-transition:.2s;transition:.2s}.x-form-control .x-switch{padding-top:5px}.x-form-item{margin-bottom:20px}.x-form-label{padding-right:14px;text-align:right;line-height:32px;box-sizing:border-box}.x-form-label .requried-icon{color:red}.x-textarea textarea{padding:0 10px;line-height:28px;border:1px solid #e3e3e3;border-radius:4px;resize:vertical}.x-slide{position:relative;overflow:hidden}.x-slide .x-slide-imgpage{position:absolute;left:0;top:0;height:100%}.x-slide .x-slide-imgpage:after{content:"";display:block;height:0;visibility:hidden;clear:both}.x-slide .x-slide-imgpage>li{float:left;height:100%;text-align:center;color:#fff;overflow:hidden}.x-slide .x-slide-imgpage>li img{width:100%;height:100%}.x-slide .x-slide-arrowbtn{position:absolute;width:100%;top:40%}.x-slide .x-slide-arrowbtn .left-arrow,.x-slide .x-slide-arrowbtn .rigth-arrow{position:absolute;top:0;width:30px;height:30px}.x-slide .x-slide-arrowbtn .left-arrow{left:0}.x-slide .x-slide-arrowbtn .left-arrow,.x-slide .x-slide-arrowbtn .rigth-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzklEQVRYR+3W3Q3CMAwEYN8EdBRWYBPYgG5UJoGR2MAoUpDyUMA/l0ZC7XOq+2rFriGDHwzOlx3wXxVQ1QnA03OvaBVQ1aOI3EVkBrBYERRAEz7V4BOAhwWRBqyE3wCcLeHlTAqQDU8BGOFhACs8BGCGuwHscBegR7gZ0CvcCyiD5VD7ewFwsfb6t3PmOVCrQEeYAeUreiBcgB4IN4CNCAGYiDCAhUgBGIg04ANiu4XkPWSaFr1uvpI1iHFLaXQsU+5ANNz8M8oE/Hp3r8AL+VhsIRMtHZ8AAAAASUVORK5CYII=") no-repeat 50%;background-size:100% 100%}.x-slide .x-slide-arrowbtn .rigth-arrow{right:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.x-slide .x-slide-paginationbtn{position:absolute;left:0;width:100%;bottom:10px;text-align:center}.x-slide .x-slide-paginationbtn:after{content:"";display:block;height:0;visibility:hidden;clear:both}.x-slide .x-slide-paginationbtn li{display:inline-block;margin:0 2px;width:8px;height:8px;background:#e3e3e3;border-radius:4px;overflow:hidden;cursor:pointer}.x-slide .x-slide-paginationbtn li.active{background:#409eff}.x-loading-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:50}.x-loading-mask .x-loading-text{position:absolute;top:60%;color:#fff;text-align:center;width:100%}.x-loading-mask .sk-fading-circle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px);width:40px;height:40px}.x-loading-mask .sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.x-loading-mask .sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s ease-in-out infinite both;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.x-loading-mask .sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.x-loading-mask .sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.x-loading-mask .sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.x-loading-mask .sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.x-loading-mask .sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.x-loading-mask .sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.x-loading-mask .sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.x-loading-mask .sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.x-loading-mask .sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.x-loading-mask .sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.x-loading-mask .sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.x-loading-mask .sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.x-loading-mask .sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.x-loading-mask .sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.x-loading-mask .sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.x-loading-mask .sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.x-loading-mask .sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.x-loading-mask .sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.x-loading-mask .sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.x-loading-mask .sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.x-loading-mask .sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.x-loading-mask .sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.x-loading-mask .spinner{position:absolute;left:50%;top:50%;-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px);width:40px;height:40px}.x-loading-mask .double-bounce1,.x-loading-mask .double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s ease-in-out infinite;animation:sk-bounce 2s ease-in-out infinite}.x-loading-mask .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.x-loading-mask .spinner2{position:absolute;left:50%;top:50%;-webkit-transform:translate(-25px,-25px);transform:translate(-25px,-25px);width:50px;height:50px;text-align:center;font-size:10px}.x-loading-mask .spinner2>div{background-color:#fff;height:100%;width:6px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s ease-in-out infinite;animation:sk-stretchdelay 1.2s ease-in-out infinite}.x-loading-mask .spinner2 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.x-loading-mask .spinner2 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.x-loading-mask .spinner2 .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.x-loading-mask .spinner2 .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes sk-stretchdelay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}