html{color:#000}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:after,q:before{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.tabs-wrap{width:540px;margin:0 auto;padding:40px 0}.tabs{background:#fff;border:1px solid #dcdfe6;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.12),0 0 6px 0 rgba(0,0,0,.04)}.tabs .tabs-content{padding:1rem}.tabs .tabs-header{background-color:#f5f7fa;border-bottom:1px solid #e4e7ed;margin:0;padding:0;position:relative}.tabs .tabs-header .tabs-nav-wrap{overflow:hidden;margin-bottom:-1px;position:relative}.tabs .tabs-header .tabs-nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.tabs .tabs-header .tabs-nav .tabs-item{padding:0 20px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;position:relative;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;margin-top:-1px;margin-left:-1px;color:#909399;outline:none}.tabs .tabs-header .tabs-nav .tabs-item.active{color:#409eff;background-color:#fff;border-right-color:#dcdfe6;border-left-color:#dcdfe6}.tabs .tabs-header .tabs-nav .tabs-item:hover{color:#409eff;cursor:pointer}.form-input{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.form-input:hover{border-color:#c0c4cc}.form-input:focus{outline:none;border-color:#1991eb}.file-input-wrap{display:inline-block;margin-bottom:0}.file-input-wrap,.file-input-wrap .file-input{position:relative;width:100%;height:calc(1.5em + .75rem + 2px)}.file-input-wrap .file-input{z-index:2;margin:0;opacity:0}.file-input-wrap .file-input:focus~.file-label{border-color:#1991eb}.file-input-wrap .file-label{left:0;z-index:1;height:calc(1.5em + .75rem + 2px);font-weight:400;background-color:#fff;border:1px solid #ced4da;border-radius:3px}.file-input-wrap .file-label,.file-input-wrap .file-label:after{position:absolute;top:0;right:0;padding:.375rem .75rem;line-height:1.5;color:#495057}.file-input-wrap .file-label:after{bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 3px 3px 0}html{background:#fff;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif}body{font-weight:400;color:#212529}.btn,body{font-size:1rem;line-height:1.5}.btn{display:inline-block;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;outline:none;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:.375rem .75rem;border-radius:.25rem}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary:active{color:#fff;background-color:#0062cc;border-color:#005cbf}.message{z-index:9999;min-width:380px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:1px solid #fde2e2;position:fixed;left:50%;top:10px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#fef0f0;-webkit-transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,top .4s,-webkit-transform .4s;transition:opacity .3s,transform .4s,top .4s;transition:opacity .3s,transform .4s,top .4s,-webkit-transform .4s;overflow:hidden;padding:15px;font-size:14px;line-height:1;color:#f56c6c}.form-url{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.form-url .btn{margin-left:16px}li.glyph{width:10%;float:left}li.glyph>div{border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center}li.glyph h3{text-align:center;padding:3px;font-size:10px;background-color:#eee;border-bottom:1px solid #fff}li.glyph svg.glyph-svg{width:100%;max-height:200px}li.glyph svg.glyph-svg .path{fill:#666}li.glyph p:hover{background-color:#ddd}li.glyph p:hover svg.glyph-svg .path{fill:#007bff}
