*, :after, :before {box-sizing: inherit} html {box-sizing: border-box} input[type=email], input[type=password], input[type=search], input[type=text] {-webkit-appearance: none;-moz-appearance: none} html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block} audio, canvas, progress, video {display: inline-block;vertical-align: baseline} audio:not([controls]) {display: none;height: 0} [hidden], template {display: none} a {background: transparent} a:active, a:hover {outline: 0} abbr[title] {border-bottom: 1px dotted} b, strong {font-weight: 700} dfn {font-style: italic} h1 {font-size: 2em;margin: .67em 0} mark {background: #ff0;color: #000} small {font-size: 80%} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline} sup {top: -.5em} sub {bottom: -.25em} img {border: 0} svg:not(:root) {overflow: hidden} figure {margin: 1em 40px} hr {height: 0} pre {overflow: auto} code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em} button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0} button {overflow: visible} fieldset {border: 1px solid silver;margin: 0 2px;padding: .35em .625em .75em} legend {border: 0;padding: 0} textarea {overflow: auto} optgroup {font-weight: 700} table {border-collapse: collapse;border-spacing: 0} td, th {padding: 0} body, html {height: 100%} html {font-size: 14px} body {margin: 0;overflow-x: hidden;min-width: 320px;background: #fff;font-size: 14px;line-height: 1.4285em;color: rgba(0, 0, 0, .87);font-smoothing: antialiased} body, h1, h2, h3, h4, h5 {padding: 0;font-family: Microsoft Yahei, Helvetica Neue, Arial, Helvetica, sans-serif} h1, h2, h3, h4, h5 {line-height: 1.28571429em;margin: calc(2rem - .14285714em) 0 1rem;font-weight: 400} h1 {min-height: 1rem;font-size: 2rem} h2 {font-size: 1.71428571rem} h3 {font-size: 1.28571429rem} h4 {font-size: 1.07142857rem} h5 {font-size: 1rem} h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {margin-top: 0} h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {margin-bottom: 0} p {margin: 0 0 1em;line-height: 1.4285em} p:first-child {margin-top: 0} p:last-child {margin-bottom: 0} a {color: #4183c4} a, a:hover {text-decoration: none} a:hover {color: #1e70bf} ::-webkit-selection {background-color: #cce2ff;color: rgba(0, 0, 0, .87)} ::-moz-selection {background-color: #cce2ff;color: rgba(0, 0, 0, .87)} ::selection {background-color: #cce2ff;color: rgba(0, 0, 0, .87)} input::-webkit-selection, textarea::-webkit-selection {background-color: hsla(0, 0%, 39%, .4);color: rgba(0, 0, 0, .87)} input::-moz-selection, textarea::-moz-selection {background-color: hsla(0, 0%, 39%, .4);color: rgba(0, 0, 0, .87)} * {-webkit-overflow-scrolling: touch;-webkit-tap-highlight-color: transparent;-webkit-text-size-adjust: none;-webkit-touch-callout: none;-webkit-font-smoothing: antialiased} body {text-rendering: optimizeLegibility;font-smoothing: antialiased;text-size-adjust: 100%} #main {position: fixed;top: 0;right: 0;bottom: 0;left: 0} .root {width: 100%;height: 100%} ::-webkit-scrollbar {height: 10px;width: 7px;background: rgba(0, 0, 0, .1)} ::-webkit-scrollbar:hover {background: rgba(0, 0, 0, .2)} ::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .3);border-radius: 6px} ::-webkit-scrollbar-thumb:hover {box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);background-color: rgba(0, 0, 0, .4)} .window-container {width: 100%;height: 100%;display: flex;flex-direction: column;flex-wrap: nowrap} .window-container .window-head {position: relative;flex: none;order: 1} .window-container .window-head .toolbar {display: flex;height: 55px;padding: 0 .8em;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch} .window-container .window-head .toolbar .title {color: #333;font-size: 16px;line-height: 55px;font-weight: 700} .window-container .window-head .toolbar .extra {margin-left: 15px} .window-container .progress {flex: none;order: 1;height: 1px;background-color: #ddd;transition-property: top;transition-duration: .3s;transition-timing-function: linear;transition-delay: 0s} .window-container .progress .progress-bar {display: block;background-color: #136ec2;width: 0;height: 100%;transition: width .35s} .window-container .window-body {flex: auto;position: relative;width: 100%;overflow: hidden;order: 5} .window-container .window-body.with-sidebar .sidebar {left: 0} @media only screen and (min-width:600px) {.window-container .window-body.with-sidebar .workspace {left: 280px}} @media only screen and (max-width:600px) {.window-container .window-body .sidebar {width: calc(100% - 60px);bottom: 0;left: -100%}.window-container .window-body .workspace {transition: transform .25s ease}.window-container .window-body.with-sidebar .workspace {transform: translate(calc(100% - 60px))}} .window-body .workspace {position: absolute;left: 0;right: 0;top: 0;bottom: 0;transition: left .25s ease} .window-body .workspace .article-wrap {width: 100%;height: 100%;overflow-y: auto} .window-body .workspace .article-wrap .article-head {position: relative;padding: 10px 20px;height: 50px} .window-body .workspace .article-wrap .article-head h1 {margin: 0;font-size: 20px;font-weight: 200;text-align: center;line-height: 30px;padding-left: 200px;padding-right: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #7e888b} .window-body .workspace .article-wrap .article-head .tools {margin: 0 -10px} .window-body .workspace .article-wrap .article-head .tools.right.floated {float: right} .window-body .workspace .article-wrap .article-head .tools.left.floated {float: left} .window-body .workspace .article-wrap .article-head .tools .item {color: #7e888b;display: block;height: 30px;padding: 0 10px;text-transform: uppercase;line-height: 30px;position: relative;font-size: 14px;text-align: center;cursor: pointer} .window-body .workspace .article-wrap .article-head .tools .item.icon .icon {margin: 0} .window-body .workspace .article-wrap .article-head .tools .item .icon {height: auto;width: auto;color: #ccc} .window-body .workspace .article-wrap .article-head .tools .item:hover .icon {color: #333} .window-body .workspace .article-wrap .article-head .tools .item .menu {width: 100px} .window-body .workspace .article-wrap .article-head .tools .item .menu .item {text-align: center} .window-body .workspace .article-wrap .article-buy {max-width: 980px;margin-left: auto!important;margin-right: auto!important;padding: 24px;display: block} .window-body .workspace .article-wrap .article-buy .header {font-size: 24px;font-weight: 500;margin-bottom: 30px} .window-body .workspace .article-wrap .article-body {max-width: 980px;margin-left: auto!important;margin-right: auto!important;padding: 9px 24px;display: block} .window-body .workspace .article-wrap .article-navigation {max-width: 980px;margin-left: auto!important;margin-right: auto!important;position: relative;padding: 9px 24px} .window-body .workspace .article-wrap .article-navigation:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} .window-body .workspace .article-wrap .article-navigation .prev {float: left;color: #999;padding: 2px 0} .window-body .workspace .article-wrap .article-navigation .next {float: right;color: #999;padding: 2px 0} .window-body .sidebar {position: absolute;left: -280px;top: 0;bottom: 0;width: 280px;border-right: 1px solid #ddd;background-color: #fafafa;display: flex;flex-direction: column;flex-wrap: nowrap;transition: left .25s ease} .window-body .sidebar .sidebar-selector {position: relative;border-bottom: 1px solid #ddd;flex: none} .window-body .sidebar .sidebar-selector:after {content: ".";display: block;width: 0;height: 0;line-height: 9;overflow: hidden;clear: both;visibility: hidden} .window-body .sidebar .sidebar-selector .item {font-size: 14px;padding: 0 9px;float: left;height: 30px;line-height: 30px;color: #999;cursor: pointer;margin-bottom: -1px} .window-body .sidebar .sidebar-selector .item.active {border-bottom: 1px solid #fafafa;border-left: 1px solid #ddd;border-right: 1px solid #ddd;padding-left: 8px;padding-right: 8px;color: #333} .window-body .sidebar .sidebar-body {flex: auto;overflow: hidden;position: relative} .window-body .sidebar .sidebar-body>div {position: absolute;top: 0;left: 0;right: 0;bottom: 0} .window-body .sidebar .sidebar-body .catalog-body {padding: 12px 0;overflow-y: auto;display: none} .window-body .sidebar .sidebar-body .catalog-body.active {display: flex;flex-direction: column} .window-body .sidebar .sidebar-body .catalog-body ul {list-style: none;padding: 0;margin: 0} .window-body .sidebar .sidebar-body .catalog-body ul li {line-height: 30px;margin-left: 24px;cursor: pointer;white-space: nowrap;width: 100%;overflow: hidden} .window-body .sidebar .sidebar-body .catalog-body ul li i {position: relative;width: 24px;height: 24px;line-height: 24px;display: inline-block;text-decoration: none;vertical-align: middle} .window-body .sidebar .sidebar-body .catalog-body ul li .wholerow {width: 100%;position: absolute;left: 0;user-select: none;height: 30px} .window-body .sidebar .sidebar-body .catalog-body ul li .wholerow .actions {display: inline-block;position: absolute;right: 0;background: #f2f2f2;z-index: 10;padding-left: 10px} .window-body .sidebar .sidebar-body .catalog-body ul li .text {display: inline-block;line-height: 30px;word-break: keep-all;white-space: nowrap;color: #666;vertical-align: middle;position: relative} .window-body .sidebar .sidebar-body .catalog-body ul li.hover>.wholerow {background: #f2f2f2} .window-body .sidebar .sidebar-body .catalog-body ul li.active>.wholerow, .window-body .sidebar .sidebar-body .catalog-body ul li.active>.wholerow .actions {background: #e5e5e5} .window-body .sidebar .sidebar-body .catalog-body ul li>ul {display: none} .window-body .sidebar .sidebar-body .catalog-body ul li.open>ul {display: block} .window-body .sidebar .sidebar-body .catalog-body>ul {padding-right: 10px} .window-body .sidebar .sidebar-body .catalog-body>ul>li {margin-left: 0} .article-body {line-height: 1.7em;font-size: 1.14em;word-wrap: break-word} .article-body * {margin: 0;padding: 0} .article-body>:first-child {margin-top: 0!important} .article-body>:last-child {margin-bottom: 0!important} .article-body h1 {font-size: 2.25em;line-height: 1.2} .article-body h2 {padding-bottom: .3em;font-size: 1.75em;line-height: 1.225;border-bottom: 1px solid #eee} .article-body h3 {font-size: 1.5em;line-height: 1.43} .article-body h4 {font-size: 1.25em} .article-body h5 {font-size: 1em} .article-body h6 {font-size: 1em;color: #777} .article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 {font-weight: 200} .article-body br {display: block;margin: .2em} .article-body hr {border: 0;border-bottom: 1px solid #ddd;margin-bottom: .5em} .article-body ol, .article-body ul {padding-left: 28px} .article-body blockquote, .article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6, .article-body ol, .article-body p, .article-body pre, .article-body table, .article-body ul {margin-bottom: 14px;line-height: 1.7em} .article-body img {max-width: 100%} .article-body blockquote {padding: 5px 5px 5px 15px;color: #777;border-left: 4px solid #ddd} .article-body blockquote.info {border-left-color: #5bc0de;color: #5bc0de;background-color: #f4f8fa} .article-body blockquote.warning {background-color: #fcf8f2;border-color: #f0ad4e;color: #f0ad4e} .article-body blockquote.danger {color: #d9534f;background-color: #fdf7f7;border-color: #d9534f} .article-body blockquote.success {background-color: #f3f8f3;border-color: #50af51;color: #50af51} .article-body .markdown-toc ul>ul {margin-bottom: 0} .down,.right{float:left;width:20px;height:20px;background: url(../img/icon_helplist.png) no-repeat;background-size:1000%;} .down{background-position: -26px 2px;} .right{background-position: 2px 2px;} /*文档页面*/ .clear{clear:both;} *{padding:0px; margin:0px;} ul,li{list-style: none;} .doc-header{width:99%; border-bottom:1px solid #ccc; height:30px; margin-bottom: 5px;} .doctype{margin-bottom:5px; float: right;} .doctype li{margin:0 5px; float: left; font-size: 14px; padding-left: 10px; padding-right: 10px; min-height:20px; line-height: 20px;} .doc-cat-box{float:left; width: 200px; min-height:600px; border:1px solid #ccc; padding-top: 5px;} .doc-content{padding-left:15px; padding-top:-15px; margin-left:5px; width: 923px; min-height: 600px; float:left;} .doc-content hr{display: none;} .doc-content h3{margin:0px auto; text-align: center; padding: 0px;} .doc-content img{max-width:100%;} .doc-cat{display: block;} .doc-title-box{margin-left: 20px;} .doc-edit{width:100%; height:250px;} .btn-box{padding-left:43%; width: 100%;} .doc-btn{margin:10px;} .doc-type-curr{color:#189dd8;} .doc-curr{background: #3fa1e3; color:#fff;} .doc-curr a{background: #3fa1e3; color:#fff;} .cat-hide,.cat-show,.pc,.wx,.ios,.android,.mobile{background: url(../img/icon_helplist.png) no-repeat;background-size:1000%;} .pc,.wx,.ios,.android,.mobile{width:20px;height:20px;float:left;} .pc{background-position: -177px 0px;} .wx{background-position: -113px 0px;} .ios{background-position: -50px 0px;} .android{background-position: -80px 0px;} .mobile{background-position: -143px 0px;} .doc-type-curr .pc{background-position: -177px -24px;} .doc-type-curr .wx{background-position: -113px -24px;} .doc-type-curr .ios{background-position: -50px -24px;} .doc-type-curr .android{background-position: -80px -24px;} .doc-type-curr .mobile{background-position: -143px -24px;} .cat-show{width:20px;height:20px;float:left;background-position: -21px -2px;} .cat-hide{width:20px;height:20px;float:left;background-position: 2px -2px;} .doc-cat,.doc-item{cursor: pointer; height:20px; line-height:20px;} .doc-item{margin:3px;padding-left:5px;} #docDate{display:block;left:35%;top:30px;text-align:center;background:#fff;font-size: 16px;line-height:28px;padding:0 10px;position:absolute;} #doc-content{font-size: 14px; line-height: 20px;} .auth-type{padding-left:5px;background: #eeeeee;color:#9A9A9A;border-radius: 4px;cursor: pointer;height: 30px;line-height: 30px;display:inline-block;margin:10px 0;width: 120px;text-align: center;} .auth-click{background: #3FA1E3;color:#ffffff;} .auth-type .open{display:block;width:90px;background:url('../img/img_buttom.png') no-repeat 0px -96px} .auth-type .auth{display:block;width:90px;background:url('../img/img_buttom.png') no-repeat 0px -143px;} .auth-click .open{background-position:0px 0px;;} .auth-click .auth{background-position:0px -47px;} /* 授权码框 */ .ipts {border: 1px solid #ccc;font-size: 15px;height: 28px;line-height: 28px;padding: 3px;width: 250px;margin: 2px;} label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}