/* region title */ .section-title { padding-bottom: 60px; text-align: center; } html[site='china'] .common-menu[data-prod='rds'] .side-nav .side-nav li.nav-item.level1:first-child, html[site='china'] .common-menu[data-prod='sa'] .side-nav .side-nav li.nav-item.level1:first-child, html[site='china'] .common-menu[data-prod='cpts'] .side-nav .side-nav li.nav-item.level1:first-child { display: none; } .section-title-inner { display: inline-block; padding: 0 166px; font-size: 28px; line-height: 30px; color: #333; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-title-bg-left.png), url(/uploads/image/racdcaczsrfvimages/support-doc-new-title-bg-right.png); background-position: left center, right center; background-repeat: no-repeat, no-repeat; background-size: 140px auto, 140px auto; } .float-sidebar::before { box-shadow: 0 4px 11px 2px rgb(138 141 147 / 20%); } .feedback-btn { display: none; position: relative; width: 44px; height: 44px; padding: 11px; background-color: white; cursor: pointer; border-radius: 20px; margin-top: 3px; } .feedback-btn::after { position: absolute; content: ''; left: 10px; right: 10px; bottom: 1px; height: 1px; background-color: #c2c2c2; } .feedback-btn-icon { position: absolute; width: 22px; height: 22px; background-image: ; background-repeat: no-repeat; background-size: contain; } .feedback-btn:hover .feedback-btn-icon { transform: scale(1.05); } #adoutsidediv { position: relative; } #adoutsidediv.helpcenterad { padding-top: 24px; } #adoutsidediv .close-btn { display: inline-block; width: 40px; height: 40px; position: absolute; right: 60px; top: calc(50% - 8px); cursor: pointer; } #adoutsidediv .close-btn::before { content: ""; width: 18px; height: 2px; background: #666; position: absolute; top: calc(50% - 1px); left: calc(50% - 9px); transform: rotatez(-45deg); } #adoutsidediv .close-btn::after { content: ""; width: 18px; height: 2px; background: #666; position: absolute; top: calc(50% - 1px); left: calc(50% - 9px); transform: rotatez(45deg); } @media (max-width: 768px) { #adoutsidediv { display: none; } } @media (max-width: 767px) { .section-title { padding-bottom: 15px; } .section-title-inner { padding: 0 88px; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-title-bg-left-mb.png), url(/uploads/image/racdcaczsrfvimages/support-doc-new-title-bg-right-mb.png); background-size: 85px auto, 85px auto; font-size: 20px; line-height: 25px; } } /* endregion title */ i { font-style: normal; } .foldicon { left: 0; top: 20px; margin-top: -4px; transition: all 0.01s; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; cursor: pointer; } .point-icon { width: 6px; height: 1px; background-color: #8a8d93; position: absolute; left: 30px; top: 12px; opacity: 0.6; cursor: pointer; } .support-section .foldicon { border-width: 5px; border-top-color: #8a8d93; } .support-section .foldicon:before { border-width: 5px; margin-top: -6px; margin-left: -5px; border-top-color: #f2f5fc; } .foldicon:before { border-top-color: #f2f5fc; } .unfold>.foldicon { -ms-transform: rotate(0deg) !important; transform: rotate(0deg) !important; } .support-body .wrapper { max-width: 1200px; margin-left: auto; margin-right: auto; } .support-nav .prod-name.show { display: none !important; } .text-guide-container.show { display: none !important; } .showprompt.scrolled .support-nav.fixed { top: 104px !important; } #footer .footer-nav { display: none !important; } #footer .footer-copyright-container { border-top: none; } .support-nav .prod-name.show { display: none !important; } .text-guide-container.show { display: none !important; } #videolist div div { text-align: center; background-repeat: no-repeat; } #videolist div div img { margin-top: 25px; cursor: pointer; } #closebtn { position: absolute; right: 0; cursor: pointer; z-index: 10000; } @media (max-width: 767px) { #closebtn { right: 50%; bottom: -50px; margin-right: -16px; } #closebtn img { width: 32px; height: 32px; } } .showprompt.scrolled .support-nav.fixed { top: 104px !important; } .header-inner.header-pure { height: auto; } .support-content { padding-top: 24px; } .support-content .support-body .wrapper { position: relative; max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 250px; } .support-content .support-body .wrapper:before, .support-content .support-body .wrapper:after { content: ' '; display: table; } .support-content .support-body .wrapper:after { clear: both; } .support-content .support-body .wrapper .support-nav { width: 250px; position: absolute; top: 0px; left: 0px; } .support-content .support-body .wrapper .support-main { width: 100%; padding-right: 198px; padding-left: 28px; position: relative; } .support-content .support-body .wrapper .support-main .crumbs { color: #575d6c; line-height: 22px; } .support-content .support-body .wrapper .support-main .text-guide-body p { display: none; } .support-main { z-index: 1; min-height: 100vh; overflow: hidden; } .support-main .crumbs .help-link { font-size: 14px; color: #575d6c; line-height: 22px; margin-right: 5px; } .support-main .crumbs .help-link:hover { color: #526ecc; } .support-main .crumbs .text { display: inline; font-size: 14px; color: #252b3a; line-height: 22px; } .support-main .help-content { padding-top: 24px; } .support-main .help-content h1 { font-size: 30px; color: #252b3a; line-height: 38px; margin-bottom: 20px; } /* region aui-btn */ .cui-btn { display: inline-block; height: 40px; padding: 0 30px; border: solid 1px transparent; border-radius: 2px; background: transparent; font-weight: 400; font-size: 12px; line-height: 38px; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; transition: 0.2s; } .cui-btn-small { height: 32px; padding-left: 20px; padding-right: 20px; font-size: 12px; line-height: 30px; } .cui-btn-large { height: 48px; padding-left: 40px; padding-right: 40px; font-size: 18px; line-height: 46px; } .cui-btn-primary { border-color: #c7000b; background-color: #c7000b; color: #fff; } .cui-btn-primary:hover, .cui-btn-primary.hover { box-shadow: 0 8px 16px rgba(246, 111, 106, 0.5); } .cui-btn-dark { border-color: #252b3a; background-color: #252b3a; color: #fff; } .cui-btn-outline-primary { border: solid 1px #c7000b; color: #c7000b; } .cui-btn-outline-primary:hover, .cui-btn-outline-primary .hover { border-color: #c7000b; background-color: #c7000b; color: #fff; } .cui-btn-outline-dark { border: solid 1px #252b3a; color: #252b3a; } .cui-btn-outline-dark:hover, .cui-btn-outline-dark .hover { border: solid 1px #c7000b; color: #c7000b; } .cui-btn-outline-light { border: solid 1px #fff; color: #fff; } .cui-btn-outline-light:hover, .cui-btn-outline-light .hover { border: solid 1px #c7000b; color: #c7000b; } /* endregion aui-btn */ strong, .strong { font-weight: 700 !important; } .help-content p { min-width: 0 !important; } .help-content .section { margin-top: 16px; } .help-content div[id^='body'] .section:nth-child(1), .help-content div[id^='body'] .section:nth-child(1) .sectiontitle:nth-child(1) { margin-top: 0; } .help-content .sectiontitle, .help-content .sectiontitle-inner { font-weight: 700; font-size: 20px; color: #252b3a; line-height: 26px; margin-top: 16px; margin-bottom: 16px; } .help-content { font-size: 14px; color: #252b3a; word-wrap: break-word; } .help-content p { font-size: 14px; color: #252b3a; line-height: 22px; margin-bottom: 12px; word-wrap: break-word; } .help-content p a { word-wrap: break-word; } .help-content span { word-wrap: break-word; } .help-content span a { word-wrap: break-word; } .help-content li { word-wrap: break-word; } .help-content li a[href] { word-wrap: break-word; } .help-content .varname { font-style: italic !important; } .help-content .parmname { font-weight: 700 !important; } .p { font-size: 14px; color: #252b3a; line-height: 26px; margin-bottom: 10px; } .help-content ul:not(.tex-guide-list) { margin-top: 8px; margin-bottom: 8px; } .help-content ul:not(.tex-guide-list) li li { margin-top: 8px; } .help-content ul:not(.tex-guide-list)>li { font-size: 14px; color: #252b3a; line-height: 22px; padding-left: 12px; position: relative; } .help-content ul:not(.tex-guide-list)>li:after { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #252b3a; position: absolute; top: 9px; left: 0; } .help-content ul:not(.tex-guide-list)>li ul>li:after { content: ''; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; border: 1px solid #252b3a; position: absolute; top: 8px; left: 0; } .help-content ul:not(.tex-guide-list)>li ul ul>li:after { content: ''; width: 4px; height: 4px; border-radius: 0; background-color: #252b3a; border: none; position: absolute; top: 9px; left: 0; } .help-content ul:not(.tex-guide-list) table *>p { margin-bottom: 10px !important; } @media (max-width: 768px) { .help-content ul>li:after { top: 8px; } .help-content ul>li ul>li:after { top: 8px; } .help-content ul>li ul ul>li:after { top: 8px; } } .help-content .fignone { margin-top: 12px; margin-bottom: 12px; } .help-content .fignone .figcap { font-size: 14px; line-height: 22px; color: #252b3a; display: inline-block; margin-bottom: 12px; } .help-content .fignone .figcap b { font-weight: normal; } .help-content .fignone img, .help-content .imgresize { cursor: zoom-in; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; max-width: 80%; } /* 帮助中心支持新的手册样式 start */ .help-content .sectiontitletab, .help-content .sectiontab { display: none; } .help-content .por-tab a:hover { text-decoration: none; } .help-content .por-tab-container .por-tab ul>li { padding: 0 8px; } .help-content .por-tab-container .por-tab>ul { margin-top: 0; margin-bottom: 0; z-index: 10; } .help-content .por-tab-container .por-tab ul li li { margin-top: 0; } .help-content .por-tab-container .por-tab ul>li::after { display: none; } .help-content .por-tab-container .por-tab ul li a { padding: 8px 4px; } .help-content .por-tab-container .por-tab ul li .por-tab-text { font-size: 16px; } .help-content .por-tab-container .por-tab-wrapper .section { margin-top: 0; } .help-content .por-tab-container .por-tab-wrapper .section .section { margin-top: 32px; } .help-content .dropdownexpand, .help-content .collapse-unit>li { display: none; border: 0; } .help-content .collapse-unit>li { padding-left: 0!important; } .help-content .collapse-unit>li::after { display: none; } .help-content .collapse-unit>li .por-collapse-trigger { margin-bottom: 0; padding: 12px 12px 12px 46px; background-color: #fff; border-top: 1px #ebebeb solid; } .help-content ul.collapse-unit li li { margin-top: 0; } .help-content .collapse-unit>li .por-collapse-trigger .por-icon-down { right: auto; left: 12px; margin-top: -8px; font-size: 16px; } .help-content .collapse-unit>li .pre-box .screen { margin: 0; border: 0; } .help-content .por-collapse-container .por-collapse-trigger { padding: 8px 40px 8px 16px; background-color: #eef0f4; border-radius: 2px 2px 0 0; border-bottom: 0; } .help-content .por-collapse-container .por-collapse-trigger .sectiontitle { margin: 0; font-size: 14px; color: #252b3a; letter-spacing: 0; text-align: justify; line-height: 24px; } .help-content .por-collapse-container .por-collapse-trigger .por-icon-down, .help-content .por-collapse-container .por-collapse-trigger .u-icon-down { font-size: 18px; } .help-content .por-collapse-container .dropdowncontext { padding: 0 16px; border: 1px solid #dfe1e6; overflow: hidden; } .help-content .por-collapse-container .dropdowncontext>p:nth-child(1), .help-content .por-collapse-container .dropdowncontext>div:nth-child(1), .help-content .por-collapse-container .dropdowncontext>ul:nth-child(1) { margin-top: 16px; } .help-content .por-collapse-container .dropdowncontext>p:nth-last-child(1), .help-content .por-collapse-container .dropdowncontext>div:nth-last-child(1), .help-content .por-collapse-container .dropdowncontext>ul:nth-last-child(1) { margin-bottom: 16px; } .help-content .section.has-bottom-margin { margin-bottom: 16px; } .help-content .section.less-section-top-margin { margin-top: 16px; } @media (max-width: 767px) { .help-content .por-tab-container .por-tab>ul:nth-child(1) { padding: 0; } .help-content .por-tab-container .por-tab ul.por-tab-drop { margin-top: 0; } .help-content .por-tab-container .por-tab ul.por-tab-drop>li { margin-top: 20px; padding: 0; } .help-content .por-tab-container .por-tab ul.por-tab-drop>li a { padding: 0 8px; width: 100%; } .help-content .por-tab-container .por-tab ul.por-tab-drop>li a .por-tab-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .help-content .por-tab-container .por-tab ul li .por-tab-text { font-size: 14px; } .help-content .por-tab-container .por-tab ul li a { padding: 4px 8px; } .help-content .por-tab-container .por-tab ul li a .por-tab-text { width: 100%; } .help-content .por-tab-container .por-tab-wrapper .section .section { margin-top: 15px; } .help-content .por-collapse-container .dropdowncontext { padding: 0 15px; } .help-content .por-collapse-container .dropdowncontext>p:nth-child(1), .help-content .por-collapse-container .dropdowncontext>div:nth-child(1), .help-content .por-collapse-container .dropdowncontext>ul:nth-last-child(1) { margin-top: 12px; } .help-content .por-collapse-container .dropdowncontext>p:nth-last-child(1), .help-content .por-collapse-container .dropdowncontext>div:nth-last-child(1), .help-content .por-collapse-container .dropdowncontext>ul:nth-last-child(1) { margin-bottom: 12px; } .help-content .section.has-bottom-margin { margin-bottom: 12px; } .help-content .section.less-section-top-margin { margin-top: 12px; } .help-content .fignone img, .help-content .imgresize { max-width: calc(100% - 4px); display: inline-block; } .help-content li .fignone img, .help-content li .imgresize { display: block; } } /* 帮助中心支持新的手册样式 end */ .help-content .tablenoborder, .help-content .tableborder { width: 100%; } .help-content .tablenoborder table, .help-content .tableborder table { width: 100%; margin-top: 10px; margin-bottom: 20px; border-color: #dfe1e6; } .help-content .wtsnew-list-wrap .tablenoborder table, .help-content .wtsnew-list-wrap .tableborder table { margin-bottom: 0; } .help-content .tablenoborder table *>p, .help-content .tableborder table *>p { font-size: 14px; color: #252b3a; line-height: 22px; } .help-content .tablenoborder table *>p:last-child, .help-content .tableborder table *>p:last-child { margin-bottom: 0; } .help-content .tablenoborder table *>th, .help-content .tableborder table *>th { padding: 12px 20px; background: #eef0f4; border-top-color: transparent; } .help-content .tablenoborder table *>th:first-child, .help-content .tableborder table *>th:first-child { border-left-color: #eef0f4; } .help-content .tablenoborder table *>th:last-child, .help-content .tableborder table *>th:last-child { border-right-color: #eef0f4; } .help-content .tablenoborder table *>td, .help-content .tableborder table *>td { padding: 20px; word-wrap: break-word; word-break: break-word; } .help-content .tablenoborder table caption, .help-content .tableborder table caption { text-align: left; margin-bottom: 12px; font-size: 14px; color: #252b3a; line-height: 22px; } .help-content .tablenoborder table caption b, .help-content .tableborder table caption b { font-weight: normal; } .help-content .tablenoborder table thead, .help-content .tableborder table thead { background: #f6f7ff; } .help-content .tablenoborder table thead tr th, .help-content .tableborder table thead tr th { padding: 12px 20px; } .help-content .tablenoborder table pre, .help-content .tableborder table pre, .help-content .pre-box pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -webkit-pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .help-content .tablenoborder table ul, .help-content .tablenoborder table ol, .help-content .tableborder table ul, .help-content .tableborder table ol { margin-bottom: 12px; margin-top: 0; } .help-content .tablenoborder table ul:nth-last-child(), .help-content .tablenoborder table ol:nth-last-child(), .help-content .tableborder table ul:nth-last-child(), .help-content .tableborder table ol:nth-last-child() { margin-bottom: 0; } .help-content .note { background: #e9edfa; padding: 20px; margin-top: 12px; margin-bottom: 12px; } .help-content .note img, .help-content .notice img, .help-content .warning img, .help-content .danger img, .help-content .caution img { width: auto; height: 16px; vertical-align: middle; margin-right: 8px; margin-top: -3px; } .help-content .note>span { display: inline-block; font-size: 14px; color: #252b3a; line-height: 22px; vertical-align: middle; } .help-content .note li { font-size: 14px; color: #252b3a !important; line-height: 22px; } .help-content .note .notetitle { font-weight: 700; } .help-content .note .notebody { margin-top: 4px; } .help-content .note .notebody img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .help-content .note strong { color: #252b3a !important; } .help-content .note p { font-size: 14px; color: #252b3a !important; line-height: 22px; margin-top: 4px; margin-bottom: 0; } .help-content .notice { background: #e9edfa; padding: 20px; margin-top: 12px; margin-bottom: 12px; } .help-content .notice>span { display: inline-block; font-size: 14px; color: #252b3a; line-height: 22px; vertical-align: middle; } .help-content .notice .noticetitle { font-weight: 700; } .help-content .notice .noticebody { margin-top: 4px; } .help-content .notice .noticebody img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .help-content .notice li { font-size: 14px; color: #252b3a !important; line-height: 22px; } .help-content .notice strong { color: #252b3a !important; } .help-content .notice p { font-size: 14px; color: #252b3a !important; line-height: 22px; margin-top: 4px; margin-bottom: 0; } .help-content .warning { background: #e9edfa; padding: 20px; margin-top: 12px; margin-bottom: 12px; } .help-content .warning>span { display: inline-block; font-size: 14px; color: #252b3a; line-height: 22px; vertical-align: middle; } .help-content .warning .warningtitle { font-weight: 700; } .help-content .warning .warningbody { margin-top: 4px; } .help-content .warning .warningbody img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .help-content .warning li { font-size: 14px; color: #252b3a !important; line-height: 22px; } .help-content .warning strong { color: #252b3a !important; } .help-content .warning p { font-size: 14px; color: #252b3a !important; line-height: 22px; margin-top: 4px; margin-bottom: 0; } .help-content .danger { background: #e9edfa; padding: 20px; margin-top: 12px; margin-bottom: 12px; } .help-content .danger>span { display: inline-block; font-size: 14px; color: #252b3a; line-height: 22px; vertical-align: middle; } .help-content .danger .dangertitle { font-weight: 700; } .help-content .danger .dangerbody { margin-top: 4px; } .help-content .danger .dangerbody img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .help-content .danger li { font-size: 14px; color: #252b3a !important; line-height: 22px; } .help-content .danger strong { color: #252b3a !important; } .help-content .danger p { font-size: 14px; color: #252b3a !important; line-height: 22px; margin-top: 4px; margin-bottom: 0; } .help-content .caution { background: #e9edfa; padding: 20px; margin-top: 12px; margin-bottom: 12px; } .help-content .caution>span { display: inline-block; font-size: 14px; color: #252b3a; line-height: 22px; vertical-align: middle; } .help-content .caution .cautiontitle { font-weight: 700; } .help-content .caution .cautionbody { margin-top: 4px; } .help-content .caution .cautionbody img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .help-content .caution li { font-size: 14px; color: #252b3a !important; line-height: 22px; } .help-content .caution strong { color: #252b3a !important; } .help-content .caution p { font-size: 14px; color: #252b3a !important; line-height: 22px; margin-top: 4px; margin-bottom: 0; } .help-content ol { padding: 0; padding-left: 20px; margin: 0; margin-top: 10px; } .help-content ol li li { margin-top: 8px; } .help-content ol>li { list-style: decimal; font-size: 14px; color: #252b3a; line-height: 22px; } .help-content ol>li>div>ol>li { list-style: lower-latin; } .help-content ol>li>div>ol>li>ol>li { list-style: decimal; } .help-content ol>li>ol>li { list-style: lower-latin; } .help-content ol>li>ol>li>ol>li { list-style: decimal; } .help-content ol *>p { font-size: 14px; line-height: 22px; margin-bottom: 0; } .help-content ol *>li { font-size: 14px; color: #252b3a; line-height: 22px; } .help-content ol table *>p { margin-bottom: 8px; } .help-content a { font-size: 14px; font-weight: 400; color: #526ecc; transition: 0.2s; } .help-content a:hover { color: #344899; text-decoration: underline; } p ul { margin-top: -10px; } li table p ul { margin-top: -10px; } li p ul { margin-top: 0px; } .help-content table ul { margin-top: 0px; } .help-content .section .tablenoborder table pre, .help-content .section .tableborder table pre { font-size: 14px; color: #252b3a; line-height: 24px; } .updatetime { margin-bottom: 32px; font-size: 12px; line-height: 22px; color: #8a8e99 !important; } .updatetime .updateinfo { font-size: 12px; line-height: 18px; } @media (max-width: 767px) { .updatetime { position: static; margin-top: 0px; margin-bottom: 16px; display: inline-block; font-size: 12px; line-height: 14px; } .help-view-edit { margin-right: 0px !important; display: none !important; } .help-view-pdf { margin-left: 0px !important; } .share-wechat { display: none !important; } .help-view-share .share-content, .help-view-share-bottom .share-content { height: 75px !important; } .help-content .tablenoborder table thead tr th, .help-content .tableborder table thead tr th { padding: 12px 7px; } .help-content .tablenoborder table *>td, .help-content .tableborder table *>td { padding: 20px 7px; } } /*修改后-分页样式*/ @media (min-width: 0px) { .help-online-test, .help-cli-example, .help-view-pdf, .help-view-edit { position: relative; display: inline-block; font-size: 0; } .help-online-test a, .help-cli-example a, .help-view-pdf a, .help-view-edit a { display: inline-block; } .help-online-test a i, .help-cli-example a i, .help-view-pdf a i, .help-view-edit a i { width: 24px; height: 24px; display: inline-block; background-size: cover; vertical-align: middle; background-position: center; background-repeat: no-repeat; margin-right: 5px; transition: all 0.3s; } .help-online-test a span, .help-cli-example a span, .help-view-pdf a span, .help-view-edit a span { font-size: 14px; line-height: 22px; color: #666a75; transition: all 0.3s; display: inline-block; vertical-align: middle; } .help-online-test:hover a span ,.help-cli-example:hover a span, .help-view-pdf:hover a span ,.help-view-edit:hover a span { color: #c7000b; } .help-online-test a i { background-image: url(/uploads/image/racdcaczsrfvimages/help-online-test.png); } .help-online-test:hover a i { background-image: url(/uploads/image/racdcaczsrfvimages/help-online-test-hover.png); } .help-cli-example a i { background-image: url(/uploads/image/racdcaczsrfvimages/help-cli-example.png); } .help-cli-example:hover a i { background-image: url(/uploads/image/racdcaczsrfvimages/help-cli-example-hover.png); } .help-view-pdf a i { background-image: url(/uploads/image/racdcaczsrfvimages/help-new-pdf.png); } .help-view-pdf:hover a i { background-image: url(/uploads/image/racdcaczsrfvimages/help-new-pdf-hover.png); } .help-view-edit a i { background-image: url(/uploads/image/racdcaczsrfvimages/help-new-edit.png); } .help-view-edit:hover a i { background-image: url(/uploads/image/racdcaczsrfvimages/help-new-edit-hover.png); } .help-view-share, .help-view-share-bottom { position: relative; display: inline-block; } .help-view-share a, .help-view-share-bottom a { font-size: 14px; color: #666a75; line-height: 22px; transition: all 0.3s; display: inline-block; } .help-view-share a:after, .help-view-share-bottom a:after { content: ''; background: url(/uploads/image/racdcaczsrfvimages/help-new-share.png) no-repeat center; } .help-view-share a i, .help-view-share-bottom a i { width: 24px; height: 24px; display: inline-block; background: url(/uploads/image/racdcaczsrfvimages/help-new-share.png) no-repeat center; background-size: cover; vertical-align: middle; transition: all 0.3s; } .help-view-share a span, .help-view-share-bottom a span { display: inline-block; vertical-align: middle; } .help-view-share a:hover, .help-view-share-bottom a:hover { color: #c7000b; text-decoration: none; } .help-view-share a:hover i, .help-view-share-bottom a:hover i { background: url(/uploads/image/racdcaczsrfvimages/help-new-share-hover.png) no-repeat center; background-size: cover; } .help-view-share .share-content, .help-view-share-bottom .share-content { position: absolute; width: 116px; height: 100px; background: #ffffff; box-shadow: 0 2px 8px rgba(158, 164, 179, 0.5); top: 38px; left: -27px; padding-top: 10px; border-radius: 2px; display: none; z-index: 99; } .help-view-share .share-content:after, .help-view-share-bottom .share-content:after { content: ''; width: 12px; height: 6px; position: absolute; display: block; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-down-s.png); background-size: 100% 100%; left: 50%; margin-left: -6px; top: -6px; transform: rotatex(180deg); } .help-view-share .share-content .share-list, .help-view-share-bottom .share-content .share-list { margin-top: 0px; } .help-view-share .share-content .share-list i, .help-view-share-bottom .share-content .share-list i { width: 16px; height: 16px; margin-right: 12px; } .help-view-share .share-content .share-list span, .help-view-share-bottom .share-content .share-list span { line-height: 30px; } .help-view-share .share-content .share-list .share-item, .help-view-share-bottom .share-content .share-list .share-item { margin-top: 0; padding-left: 16px; position: relative; } .help-view-share .share-content .share-list .share-item a, .help-view-share-bottom .share-content .share-list .share-item a { display: block; height: 30px; } .help-view-share .share-content .share-list .share-item:after, .help-view-share-bottom .share-content .share-list .share-item:after { display: none; } .help-view-share .share-content .share-list .share-weibo i, .help-view-share-bottom .share-content .share-list .share-weibo i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-weibo-n.svg) no-repeat center; background-size: 100% 100%; } .help-view-share .share-content .share-list .share-weibo:hover, .help-view-share-bottom .share-content .share-list .share-weibo:hover { background: #f5f5f6; } .help-view-share .share-content .share-list .share-weibo:hover>a, .help-view-share-bottom .share-content .share-list .share-weibo:hover>a { color: #c7000b; text-decoration: none; } .help-view-share .share-content .share-list .share-weibo:hover>a i, .help-view-share-bottom .share-content .share-list .share-weibo:hover>a i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-weibo-p.svg) no-repeat center; background-size: 100% 100%; } .help-view-share .share-content .share-list .share-pdf i, .help-view-share-bottom .share-content .share-list .share-pdf i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-pdf-h.svg) no-repeat center; background-size: cover; } .help-view-share .share-content .share-list .share-pdf:hover, .help-view-share-bottom .share-content .share-list .share-pdf:hover { background: #fafaff; } .help-view-share .share-content .share-list .share-pdf:hover>a, .help-view-share-bottom .share-content .share-list .share-pdf:hover>a { color: #c7000b; text-decoration: none; } .help-view-share .share-content .share-list .share-pdf:hover>a i, .help-view-share-bottom .share-content .share-list .share-pdf:hover>a i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-pdf-hover.svg) no-repeat center; background-size: cover; } .help-view-share .share-content .share-list .share-wechat i, .help-view-share-bottom .share-content .share-list .share-wechat i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-weixin-n.svg) no-repeat center; background-size: 100% 100%; } .help-view-share .share-content .share-list .share-wechat:hover, .help-view-share-bottom .share-content .share-list .share-wechat:hover { background: #f5f5f6; } .help-view-share .share-content .share-list .share-wechat:hover>a, .help-view-share-bottom .share-content .share-list .share-wechat:hover>a { color: #c7000b; text-decoration: none; } .help-view-share .share-content .share-list .share-wechat:hover>a i, .help-view-share-bottom .share-content .share-list .share-wechat:hover>a i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-weixin-p.svg) no-repeat center; background-size: 100% 100%; } .help-view-share .share-content .share-list .share-copy, .help-view-share-bottom .share-content .share-list .share-copy { margin-bottom: 0px; } .help-view-share .share-content .share-list .share-copy i, .help-view-share-bottom .share-content .share-list .share-copy i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-link-n.svg) no-repeat center; background-size: 100% 100%; } .help-view-share .share-content .share-list .share-copy:hover, .help-view-share-bottom .share-content .share-list .share-copy:hover { background: #fafaff; } .help-view-share .share-content .share-list .share-copy:hover>a, .help-view-share-bottom .share-content .share-list .share-copy:hover>a { color: #c7000b; text-decoration: none; } .help-view-share .share-content .share-list .share-copy:hover>a i, .help-view-share-bottom .share-content .share-list .share-copy:hover>a i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-link-p.svg) no-repeat center; background-size: 100% 100%; } .help-view-share .share-content .share-list .share-result, .help-view-share-bottom .share-content .share-list .share-result { position: absolute; padding: 10px; background: #ffffff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1), 0 -2px 16px 0 rgba(0, 0, 0, 0.1); bottom: 35px; display: none; left: 50%; transform: translatex(-50%); } .help-view-share .share-content .share-list .share-result img, .help-view-share-bottom .share-content .share-list .share-result img { display: block; width: 80px; height: 80px; margin-top: 4px; } .help-view-share .share-content .share-list .share-result:after, .help-view-share-bottom .share-content .share-list .share-result:after { content: ''; width: 12px; height: 6px; position: absolute; display: block; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-down-s.png); background-size: 100% 100%; left: 50%; margin-left: -6px; bottom: -6px; } .help-view-share .share-content .share-list .share-result p, .help-view-share-bottom .share-content .share-list .share-result p { font-size: 12px; line-height: 14px; white-space: nowrap; text-align: center; margin-bottom: 0; } .help-view-share .share-content .share-list .share-result #qrcode, .help-view-share-bottom .share-content .share-list .share-result #qrcode, .help-view-share .share-content .share-list .share-result #qrcode1, .help-view-share-bottom .share-content .share-list .share-result #qrcode1 { margin-top: 5px; } .help-view-share-bottom .share-content .share-list .share-item i { width: 24px; height: 24px; } .support-main .help-content h1 { margin-bottom: 8px; } .help-view-share-bottom { padding-bottom: 20px; } .help-view-share-bottom span { display: none; } .help-view-share-bottom>a i { display: none; } .help-view-share-bottom .share-content { display: inline-block; position: static; width: auto; height: auto; padding-top: 0px; background: none; box-shadow: none; vertical-align: middle; } .help-view-share-bottom .share-content:after { display: none; } .help-view-share-bottom .share-content .share-list .share-weibo i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-weibo-n.svg) no-repeat center; background-size: 100% 100%; } .help-view-share-bottom .share-content .share-list .share-weibo:hover { background: #fafaff; } .help-view-share-bottom .share-content .share-list .share-weibo:hover>a { color: #c7000b; text-decoration: none; } .help-view-share-bottom .share-content .share-list .share-weibo:hover>a i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-weibo-p.svg) no-repeat center; background-size: 100% 100%; } .help-view-share-bottom .share-content .share-list .share-pdf i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-pdf-n.svg) no-repeat center; background-size: cover; } .help-view-share-bottom .share-content .share-list .share-pdf i:before { content: ''; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-pdf-p.svg) no-repeat center; } .help-view-share-bottom .share-content .share-list .share-pdf:hover { background: #fafaff; } .help-view-share-bottom .share-content .share-list .share-pdf:hover>a { color: #c7000b; text-decoration: none; } .help-view-share-bottom .share-content .share-list .share-pdf:hover>a i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-pdf-p.svg) no-repeat center; background-size: cover; } .help-view-share-bottom .share-content .share-list .share-wechat i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-weixin-n.svg) no-repeat center; background-size: 100% 100%; } .help-view-share-bottom .share-content .share-list .share-wechat i:before { content: ''; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-weixin-p.svg) no-repeat center; } .help-view-share-bottom .share-content .share-list .share-wechat:hover { background: #fafaff; } .help-view-share-bottom .share-content .share-list .share-wechat:hover>a { color: #c7000b; text-decoration: none; } .help-view-share-bottom .share-content .share-list .share-wechat:hover>a i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-weixin-p.svg) no-repeat center; background-size: 100% 100%; } .help-view-share-bottom .share-content .share-list .share-copy { margin-bottom: 0px; } .help-view-share-bottom .share-content .share-list .share-copy i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-link-n.svg) no-repeat center; background-size: 100% 100%; } .help-view-share-bottom .share-content .share-list .share-copy i:before { content: ''; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-link-p.svg) no-repeat center; } .help-view-share-bottom .share-content .share-list .share-copy:hover { background: #fafaff; } .help-view-share-bottom .share-content .share-list .share-copy:hover>a { color: #c7000b; text-decoration: none; } .help-view-share-bottom .share-content .share-list .share-copy:hover>a i { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-b-link-p.svg) no-repeat center; background-size: 100% 100%; } .help-view-share-bottom .share-content .share-list .share-item { float: left; padding-left: 0; margin: 0; margin-right: 8px; position: relative; } .help-view-share-bottom .share-content .share-list .share-item i { margin-right: 0px; } .help-view-share-bottom .share-content .share-list .share-item:after { display: none; content: ''; position: absolute; top: 4px; right: 0; width: 1px; height: 16px; background: #ddd; } .help-view-share-bottom .share-content .share-list .share-item:last-child:after { display: none; } .help-view-share-bottom .share-content .share-list .share-item:hover { background: none; } .help-view-share-bottom .share-content .share-list .share-item>a span { display: none; } .updatetime, .help-online-test, .help-cli-example, .help-view-edit, .help-view-pdf, .help-view-share { display: none; } .updatetime.showw { display: inline-block; /* float: left; */ } .help-online-test.showw, .help-cli-example.showw, .help-view-edit.showw, .help-view-pdf.showw, .help-view-share.showw, .help-content-tools { display: inline-block; } .help-content-tools { margin-left: 20px; float: right; } .help-content-tools>div div { margin-left: 20px; } } @media (min-width: 1201px) { .section_03 .column_intro_right { width: 340px; } .section_03 .intro_left { width: calc(100% - 360px); max-width: none; } .support-main .text-guide-container .text-guide-body { overflow-y: auto; } } @media (max-width: 1200px) { .updatetime { width: calc(100% - 200px); } .help-content-tools>div div { margin-left: 10px; } .help-online-test>a span, .help-cli-example>a span, .help-view-pdf>a span, .help-view-share>a span, .help-view-edit>a span { display: none; } .help-view-share .share-content, .help-view-share-bottom .share-content { left: -49px; } } .share-copy-fixed { position: fixed; left: 15px; right: 15px; top: 85px; height: 44px; z-index: 999999; background: #fff; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1); padding: 15px 5px 15px 15px; display: none; } .share-copy-fixed p { font-size: 14px !important; color: #666a75 !important; line-height: 14px !important; display: inline-block; vertical-align: middle; } .share-copy-fixed .copy-success { width: 20px; height: 20px; display: inline-block; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-ok.png); background-size: cover; margin-right: 10px; vertical-align: middle; margin-top: -5px; } .share-copy-fixed .copy-close { width: 20px; height: 20px; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-close.png); background-size: cover; margin-right: 10px; float: right; vertical-align: middle; margin-top: -5px; } @media (max-width: 767px) { .help-view-share-bottom { padding-left: 15px; } .help-view-share .share-content, .help-view-share-bottom .share-content { left: -90px; } .updatetime { width: calc(100% - 100px); } .updatetime .help-view-pdf { margin-left: 55px; } .updatetime .help-view-share { margin-left: 30px; } .help-view-edit { margin-right: 15px; } .help-view-pdf, .help-view-edit { position: static; display: inline-block; } .help-view-pdf a, .help-view-edit a { position: static; } .help-online-test a i, .help-cli-example a i, .help-view-pdf a i, .help-view-share a i { width: 20px; height: 20px; margin-right: 5px; } .help-view-share a i { margin-right: 0; } .support-main .help-content h1 { padding-right: 0px; } .help-view-share .share-content:after, .help-view-share-bottom .share-content:after { display: none; } .help-view-share-bottom .share-content { height: auto !important; } } @media (max-width: 360px) { .help-view-share-bottom>a { margin-bottom: 5px; } } .help-detail-feedback { margin: 32px 0px 10px 0px; background: #fff; } .help-detail-feedback .action { border-top: 1px solid #dddddd; font-size: 14px; padding: 16px 0; } .help-detail-feedback.no-feedback-detail .action { display: none; } .help-detail-feedback .action p { font-size: 14px; color: #575d6c; line-height: 18px; display: inline-block; } .help-detail-feedback .action p span { font-size: 14px; color: #575d6c; line-height: 18px; } .help-detail-feedback .action p a { color: #575d6c; } .help-detail-feedback .action p a:hover { color: #c7000b; } .help-detail-feedback .action:before, .help-detail-feedback .action:after { content: ' '; display: table; } .help-detail-feedback .action:after { clear: both; } .help-detail-feedback .action .prev { float: left; width: calc(50% - 20px); margin-right: 40px; } .help-detail-feedback .action .prev a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 18px; margin-top: -3px; text-align: left; position: relative; padding-left: 10px; } .help-detail-feedback .action .prev a:after { content: '<'; position: absolute; left: 0; top: 0px; font-size: 14px; line-height: 18px; } .help-detail-feedback .action .next { float: left; width: calc(50% - 20px); text-align: right; } .help-detail-feedback .action .next a { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; line-height: 18px; margin-top: -3px; text-align: right; position: relative; padding-right: 10px; } .help-detail-feedback .action .next a:after { content: '>'; position: absolute; right: 0; top: 0px; font-size: 14px; line-height: 18px; } .copy-feedback { display: none; } .copy-feedback .copy-feedback-box { box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); width: 550px; padding: 36px; z-index: 999; background: #fff; position: fixed; left: 50%; margin-left: -288px; top: 50%; margin-top: -183.5px; } .copy-feedback:after { content: ''; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 10; } .copy-feedback .copy-feedback-box>h3 { font-size: 18px; line-height: 26px; color: #252b3a; margin-bottom: 28px; } .copy-feedback .copy-feedback-box .support-mast { display: inline-block; width: auto; vertical-align: top; width: 96px; color: #252b3a; font-size: 12px; line-height: 18px; } .copy-feedback .copy-feedback-box .textarea-wrapper { display: inline-block; width: calc(100% - 130px); margin-bottom: 16px; resize: none; } .copy-feedback .copy-feedback-box .feedback-btns { text-align: center; } .copy-feedback .copy-feedback-box .feedback-btns a { margin-right: 10px; } .copy-feedback .close-btn { display: inline-block; width: 16px; height: 16px; position: absolute; right: 24px; top: 30px; cursor: pointer; } .copy-feedback .close-btn:after { content: ''; width: 12px; height: 2px; background: #666; position: absolute; transform: rotatez(45deg); } .copy-feedback .close-btn:before { content: ''; width: 12px; height: 2px; background: #666; position: absolute; transform: rotatez(-45deg); } .copy-info-content { display: inline-block; width: calc(100% - 130px); margin-bottom: 24px; } .copy-info-content p { text-align: left !important; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; font-size: 12px; line-height: 16px; color: #8a8e99; } .copy-info-content .por-checkbox svg:nth-child(2) { display: none; } .copy-info-content .por-checkbox.active svg:nth-child(2) { display: block; } .copy-info-content .por-checkbox.active svg:nth-child(1) { display: none; } .por-btn-small { height: 28px; line-height: 26px; padding-left: 20px; padding-right: 20px; font-size: 12px; border-radius: 2px; } @media (max-width: 1199px) { .help-detail-feedback .action p { float: none !important; width: 100% !important; margin-bottom: 5px; } .help-detail-feedback .action .prev { margin-right: 0; } .help-detail-feedback .action .prev a { padding-left: 0; } .help-detail-feedback .action .prev a:after { display: none; } .help-detail-feedback .action .next { text-align: left; } .help-detail-feedback .action .next a { text-align: left; padding-right: 0; } .help-detail-feedback .action .next a:after { display: none; } } .relevant-content { border-radius: 2px; margin-bottom: 30px; background: #f1f5fa; padding: 20px; } .relevant-content .relevant-title { font-weight: 700; font-size: 14px; color: #252b3a; line-height: 18px; margin-bottom: 10px; } .relevant-content:before, .relevant-content:after { content: ' '; display: table; } .relevant-content:after { clear: both; } .relevant-content .relevant-left { width: 66%; float: left; position: relative; } .relevant-content .relevant-left:after { content: ''; position: absolute; top: 28px; right: 0; bottom: 0; width: 1px; background: #ddd; } .relevant-content .relevant-left li { width: 100%; margin-top: 4px; margin-bottom: 0; padding-left: 10px; height: 28px; position: relative; } .relevant-content .relevant-left li:after { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #575d6c; position: absolute; top: 9px; left: 0; } .relevant-content .relevant-left li a { font-size: 14px; color: #575d6c; line-height: 22px; width: 100%; padding-right: 20px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .relevant-content .relevant-left li a:hover { color: #526ecc; } .relevant-content .relevant-right { position: relative; width: 34%; float: left; padding-left: 24px; margin-left: -1px; } .relevant-content .relevant-right:before { content: ''; position: absolute; top: 28px; left: 0; bottom: 0; width: 1px; background: #ddd; } .relevant-content .relevant-right li { width: 100%; margin-top: 4px; margin-bottom: 0; padding-left: 0px; height: 28px; position: relative; } .relevant-content .relevant-right li:after { display: none; } .relevant-content .relevant-right li a { font-size: 14px; color: #575d6c; line-height: 28px; width: 100%; padding-right: 20px; transition: all 0.3s; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .relevant-content .relevant-right li a:hover { color: #526ecc; } @media (max-width: 1199px) { .relevant-content .relevant-left, .relevant-content .relevant-right { width: 100%; padding-left: 0; } .relevant-content .relevant-left { padding-bottom: 20px; border-bottom: 1px solid #ddd; } .relevant-content .relevant-left:after { display: none; } .relevant-content .relevant-right { padding-top: 20px; } .relevant-content .relevant-right:before { content: none; } } @media (max-width: 768px) { .relevant-content { margin-left: 15px; width: calc(100% - 30px); } } .familylinks { margin-top: 16px; margin-bottom: 8px; } .section .faq-title, .faq-content .faq-title { font-size: 16px; color: #252b3a; line-height: 22px; margin-bottom: 10px; } .section .faq:before, .faq-content .faq:before, .section .faq:after, .faq-content .faq:after { content: ' '; display: table; } .section .faq:after, .faq-content .faq:after { clear: both; } .section .faq li, .faq-content .faq li { width: 50%; float: left; margin-bottom: 0; padding-left: 10px; height: 28px; position: relative; margin-top: 0; } .section .faq li:nth-child(10n 11), .faq-content .faq li:nth-child(10n 11), .section .faq li:nth-child(10n 12), .faq-content .faq li:nth-child(10n 12) { margin-top: 20px; } .section .faq li:after, .faq-content .faq li:after { content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #526ecc; position: absolute; top: 13px; left: 0; } .section .faq li a, .faq-content .faq li a { font-size: 14px; color: #526ecc; line-height: 28px; width: 100%; padding-right: 20px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .section .faq li a:hover, .faq-content .faq li a:hover { text-decoration: underline; } .faq-content { border-radius: 2px; margin-bottom: 30px; background: #f1f5fa; padding: 20px; } .faq-content .faq-body { overflow: hidden; } .faq-content>p { width: 100%; text-align: center; padding: 10px 0 0 0; display: none; position: relative; } .faq-content>p span { display: inline-block; border: 5px solid transparent; border-top-color: #747474; transform-origin: 50% 25%; transition: all 0.3s; vertical-align: middle; margin-top: 4px; } .faq-content>p span:before { border-width: 5px; margin-top: -2px; border-top-color: #f6f7ff; content: ''; position: absolute; border: 5px solid transparent; border-top-color: #fff; margin-left: -5px; margin-top: -6px; } .faq-content>p i { font-size: 14px; color: #666a75; line-height: 22px; margin-right: 3px; vertical-align: middle; } .faq-content .activee span { transform: rotate(180deg); } .faq-content.active p { display: block; } @media (max-width: 1199px) { .section .faq:before, .faq-content .faq:before, .section .faq:after, .faq-content .faq:after { content: ' '; display: table; } .section .faq:after, .faq-content .faq:after { clear: both; } .section .faq li, .faq-content .faq li { width: 100%; margin-bottom: 0; } .section .faq li:nth-child(10n 11), .faq-content .faq li:nth-child(10n 11), .section .faq li:nth-child(10n 12), .faq-content .faq li:nth-child(10n 12) { margin-top: 0px; } .section .faq li:nth-child(5n 6), .faq-content .faq li:nth-child(5n 6) { margin-top: 10px; } .faq-content p { text-align: left; } } @media (max-width: 767px) { .section .faq:before, .faq-content .faq:before, .section .faq:after, .faq-content .faq:after { content: ' '; display: table; } .section .faq:after, .faq-content .faq:after { clear: both; } .section .faq li a, .faq-content .faq li a { line-height: 30px; } .faq-content { margin-left: 15px; width: calc(100% - 30px); } } .help-form { clear: both; padding-top: 24px; font-size: 0px; } .help-form .help-form-content { display: inline-block; background: rgba(138, 142, 153, 0.1); border-radius: 16px; position: relative; top: -4px; margin-right: 20px; } .help-form .help-form-content::before { content: ''; position: absolute; top: calc(50% - 5px); left: 50%; width: 1px; height: 10px; background-color: rgba(138, 142, 153, 0.4); } .help-form { padding-top: 12px; } .help-form.right-form { padding: 12px 16px; background-color: rgba(241, 245, 250, 0.5); } .help-form.right-form .cui-btn.default { color: #252b3a; } .help-form.right-form .por-btn-dark { color: #252b3a; } .help-form.right-form form textarea { height: 80px; } .help-form form .important .por-icon-error:before { display: none; } .help-form>h3 { margin-right: 20px; margin-bottom: 0; } .help-form form { margin-bottom: 0; margin-top: 12px; padding: 20px 20px 20px 28px; background: rgba(255, 255, 255, 0.6); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.06); border-radius: 2px; } .help-form .help-form-btn { position: relative; display: inline-block; font-size: 16px; color: #666a75; text-align: center; } .help-form .help-form-btn i { display: inline-block; width: 20px; height: 20px; background-size: cover; } .help-form .help-form-btn span { position: absolute; top: -40px; left: 50%; display: none; text-decoration: none !important; font-size: 12px; color: #575d6c !important; letter-spacing: 0; line-height: 12px; padding-top: 8px; height: 42px; width: 76px; background-image: ; background-size: 100%; background-position: center; background-repeat: no-repeat; transform: translatex(-50%); vertical-align: middle; } .help-form .help-form-btn:hover span { display: block; } .help-form .contact-decs p { display: inline-block; font-size: 14px; color: #575d6c; letter-spacing: 0; line-height: 22px; margin-right: 12px; } .help-form form .support-mast { display: block; position: relative; float: left; font-size: 14px; color: #252b3a; width: 100%; padding-top: 0; margin-bottom: 8px; line-height: 18px; margin-right: 0; white-space: normal; word-wrap: break-word; } .help-form form[data-evaluate-level='high'] .support-mast.high-level { padding-left: 24px; margin-bottom: 16px; } .help-form form[data-evaluate-level='high'] .low-level, .help-form form[data-evaluate-level='low'] .high-level { display: none; } .help-form form[data-evaluate-level='low'] .support-mast:before { position: absolute; content: '*'; width: 10px; height: 18px; color: #c7000b; left: -10px; font-size: 18px; line-height: 22px; } .help-form form .support-mast.high-level:before { position: absolute; content: ''; width: 16px; height: 16px; left: 0; background-image: ; } .help-form .support-question { margin-bottom: 12px; } .help-form form .textarea-wrapper { width: 100%; } .help-form form a.cui-btn, .help-form form a.por-btn { padding: 0 20px; height: 28px; line-height: 26px; margin: 0 4px; vertical-align: middle; } .help-form .contact-decs { margin-top: 20px; } .help-form .por-checkbox-card input[type='checkbox'] span { line-height: 26px; padding: 0 12px; font-size: 12px; border-radius: 2px; } .help-form .por-checkbox-card input[type='checkbox'] { margin-bottom: -28px; } .help-form .por-checkbox-card { height: 28px; } .help-form form .textarea-wrapper { float: none; } .help-form .por-checkbox-card input[type='checkbox']:hover span { border-color: #c7000b; } .help-form form .important { font-size: 12px; line-height: 18px; margin-bottom: 12px; margin-top: -10px; } .help-form form .important span { width: 16px; height: 16px; font-size: 16px; display: inline-block; background: none; background-size: cover; vertical-align: bottom; margin-right: 8px; color: #c7000b; } .help-form>h3 { line-height: 26px; } #header.logined~#content .login-submit, #header.logined~.copy-feedback .login-submit { display: none; } .login-submit-desc { font-size: 12px; color: #8a8e99; line-height: 16px; margin-top: 8px; } .copy-feedback .login-submit-desc { text-align: center; } .login-submit-desc a { color: #526ecc; letter-spacing: 0; line-height: 1.5; } .por-modal-dialog .por-modal-text a { color: #526ecc; } .help-form>h3 { font-size: 16px; color: #575d6c; line-height: 32px; display: inline-block; margin-bottom: 16px; margin-right: 20px; } .help-form>h3 span { width: 18px; height: 18px; display: inline-block; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-feedback.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; margin-right: 5px; vertical-align: middle; margin-top: -5px; } .help-form .help-form-btn { display: inline-block; font-size: 16px; color: #666a75; height: 32px; padding: 5px 16px 0; text-align: center; vertical-align: middle; } .help-form .help-btn-use.selected .help-form-y, .help-form .help-btn-use:hover .help-form-y { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-help-form-y-h.svg); background-size: cover; } .help-form .help-btn-unuse.selected .help-form-n, .help-form .help-btn-unuse:hover .help-form-n { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-help-form-n-h.svg); background-size: cover; } .help-form .help-form-btn .help-form-y { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-help-form-y.svg); background-size: cover; } .help-form .help-form-btn .help-form-n { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-help-form-n.svg); background-size: cover; } .help-form>p { font-size: 14px; color: #575d6c; line-height: 22px; display: inline-block; margin-right: 12px; } .help-form .help-form-more, .help-form .provide-feedback { font-size: 14px; line-height: 22px; color: #526ecc; display: inline-block; cursor: pointer; } .help-form .provide-feedback { padding: 0; border: 0; background-color: transparent; } .help-form form.hide-login-type .low-level { display: none; } .help-form .help-form-more em, .help-form .provide-feedback em { content: ''; display: inline-block; vertical-align: middle; margin-top: -2px; margin-left: 5px; background-size: cover; transition: 0.3s ease-out; font-family: u-icon !important; font-style: normal; font-size: 20px; line-height: 1; } .help-form .help-form-more em:before, .help-form .provide-feedback em:before { content: '\ea19'; } .help-form .help-form-more:hover, .help-form .provide-feedback:hover { text-decoration: underline; } .help-form .help-form-more:hover em, .help-form .provide-feedback:hover em { -ms-transform: translate(4px, 0); transform: translate(4px, 0); } .help-form .help-form-content a { cursor: pointer; } .help-form-success, .help-form-false { display: none; margin-bottom: 24px; } [data-evaluate-level='high'] .login-submit-desc, [data-evaluate-level='high'] .logged-text-str { display: none; } .textarea-wrapper { overflow: hidden; } .textarea-numbers { text-align: right; font-size: 12px; line-height: 16px; color: #8a8e99; margin-top: 2px; } .help-form form { display: none; margin-bottom: 20px; } .help-form form h3 { font-size: 14px; color: #252b3a; line-height: 26px; font-weight: 700; margin-bottom: 10px; } .help-form form label { font-size: 14px; color: #666a75; display: inline-block; line-height: 22px; margin-left: 10px; margin-bottom: 10px; } .help-form form i { width: 16px; height: 16px; display: inline-block; border: 1px solid #dddddd; position: relative; border-radius: 2px; font-size: 0px; line-height: 28px; top: 2px; } .help-form form i:hover { border-color: #c7000b; } .help-form form i.active { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-checkbox-h.png) no-repeat; background-size: cover; border: none !important; } .help-form form .support-mast span:not(.optional) { color: #c7000b; vertical-align: middle; display: inline-block; } .help-form form .support-mast .optional { display: none; } .help-form form .support-mast .optional.active { display: inline-block; } .help-form form .textarea-wrapper { position: relative; float: left; width: calc(100% - 44px); margin-bottom: 2px; } .help-form form textarea { display: block; width: 100%; height: 100px; font-size: 14px; color: #252b3a; line-height: 22px; padding: 10px 15px; text-align: left; max-width: 100%; border-color: #dddddd; resize: none; } .help-form form textarea::-webkit-input-placeholder { color: #a0a2a8; } .help-form form textarea::-moz-placeholder { color: #a0a2a8; } .help-form form textarea::-moz-placeholder { color: #a0a2a8; } .help-form form textarea::-ms-input-placeholder { color: #a0a2a8; } .help-form form a.false { margin-right: 0px; } .help-form form .important { display: none; font-size: 16px; color: #c7000b; line-height: 24px; max-width: 100%; width: 100%; vertical-align: middle; transition: all 0.3s; margin-bottom: 10px; margin-top: -10px; } .help-form form .important span { width: 24px; height: 24px; display: inline-block; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-important.png) no-repeat; background-size: cover; vertical-align: bottom; margin-right: 10px; } .help-form form .important.show { display: inline-block; } .help-form form .cui-btn-primary:hover, .help-form form .cui-btn-primary.hover { box-shadow: none; } @media (max-width: 1199px) { .support-nav .prod-name { /* width: 220px !important; */ } .support-nav .side-nav-menu { left: 229px !important; } .support-content .support-body .wrapper { padding-left: 220px; } .support-content .support-nav .item dl a { font-size: 12px; line-height: 18px; padding-right: 10px; } .support-content .support-nav .item dt { font-size: 16px; line-height: 18px; padding-right: 5px; } .support-content .support-nav .side-nav-menu .support-search .search-box { min-width: 430px; } .help-form>h3 { margin-bottom: 15px; } form i:hover { border: 1px solid #dddddd; } } @media (max-width: 767px) { .support-content { padding-top: 0px; } .support-content .wrapper { padding-left: 0px !important; } .help-content .sectiontitle, .help-content .sectiontitle-inner { font-size: 18px; line-height: 25px; margin-bottom: 10px; margin-top: 16px; } .help-content p { font-size: 14px; line-height: 21px; margin-bottom: 5px; } .p { font-size: 14px; line-height: 21px; margin-bottom: 5px; } .help-content ul li { font-size: 14px; line-height: 21px; } .help-content .section a { font-size: 14px; line-height: 21px; word-break: break-all; } .help-content .section { margin-top: 16px; } .help-content [id^='body'] .tablenoborder table *>td, .help-content [id^='body'] .tableborder table *>td { padding: 10px 5px; } .help-content [id^='body'] .tablenoborder table *>p, .help-content [id^='body'] .tableborder table *>p { font-size: 14px; line-height: 18px; } .help-content [id^='body'] .tablenoborder table caption, .help-content [id^='body'] .tableborder table caption { font-size: 14px; line-height: 18px; } .help-content .note { padding: 5px; } .help-content .note .notetitle { font-size: 14px; line-height: 24px; } .help-content .note .notebody { padding: 5px 15px 0px 15px; } .help-content .note p { font-size: 14px; line-height: 24px; margin-bottom: 5px; } .help-content .notice { padding: 5px; } .help-content .notice .noticetitle { font-size: 14px; line-height: 24px; } .help-content .notice .noticebody { padding: 5px 15px 0px 15px; } .help-content .notice p { font-size: 14px; line-height: 24px; margin-bottom: 5px; } .help-content .warning, .help-content .danger, .help-content .caution { padding: 5px; } .help-content .warning .warningtitle, .help-content .danger .warningtitle, .help-content .caution .warningtitle, .help-content .warning .dangertitle, .help-content .danger .dangertitle, .help-content .caution .dangertitle, .help-content .warning .cautiontitle, .help-content .danger .cautiontitle, .help-content .caution .cautiontitle { font-size: 14px; line-height: 24px; } .help-content .warning .warningbody, .help-content .danger .warningbody, .help-content .caution .warningbody, .help-content .warning .dangerbody, .help-content .danger .dangerbody, .help-content .caution .dangerbody, .help-content .warning .cautionbody, .help-content .danger .cautionbody, .help-content .caution .cautionbody { padding: 5px 15px 0px 15px; } .help-content .warning p, .help-content .danger p, .help-content .caution p { font-size: 14px; line-height: 24px; margin-bottom: 5px; } .help-content ol *>span { font-size: 14px; line-height: 21px; vertical-align: top; } .help-content ol>li { font-size: 14px; line-height: 21px; } .help-content ol *>p { font-size: 12px; line-height: 18px; margin-bottom: 5px; } .help-content .tablenoborder table pre, .help-content .tableborder table pre { font-size: 12px; line-height: 15px; } .help-detail-feedback { padding: 30px 15px 15px 15px; } .help-form { padding-top: 8px; } .help-form h3 { font-size: 14px; line-height: 21px; } .help-form h3 span { width: 12px; height: 12px; margin-top: -2px; } .help-form .help-form-content { padding-left: 15px; } .help-form-success { padding: 20px; } .help-form-success span { top: 15px; left: 10px; } .help-form-success span, .help-form-false span { text-align: left; display: block; } .help-form form { padding: 0px; } .help-form form h3 { margin-bottom: 5px; } .help-form form label { font-size: 14px; line-height: 21px; max-width: calc(100% - 26px); vertical-align: top; } .help-form form .textarea-wrapper { width: 100%; margin: 5px 0 0; } .help-form form textarea { font-size: 12px; line-height: 18px; height: 65px; width: 100%; } .help-form form a.cui-btn, .help-form form a.por-btn { margin-right: 10px; } .help-form form .important { font-size: 12px; line-height: 18px; max-width: 100%; width: 100%; margin-bottom: 10px; margin-top: 0px; } .help-form form .important span { width: 20px; height: 20px; margin-right: 5px; } .help-form form .support-mast { display: block; float: none; } .help-form form .submit { margin-left: 0; } .help-form form { padding: 15px; } .help-form .help-form-content { padding-left: 0; } .help-form .contact-decs { margin-top: 15px; } .help-form .help-form-btn span { display: none !important; } } .footer-service { position: relative; } .footer-service .footer-service-wrapper, #footer .footer-hot-recommend, #footer .footer-hots-mb { display: none !important; } #footer { position: relative; } .cui-btn.default { background: #f7f7f7; border-color: #dddddd; color: #a0a2a8; cursor: default; } .cui-btn.default:hover { box-shadow: none; } p, h1, h2, h3, h4 { min-width: 0px !important; min-height: 0px !important; } img { max-width: 100%; } body { touch-action: initial !important; } .support-nav { height: auto; z-index: 10; } .support-nav .prod-name { width: 250px; background: #f2f5fc; position: absolute; } .support-nav .prod-name.show { display: none; } .support-nav .prod-name .menu-box { height: 55px; transition: all 0.3s; cursor: pointer; } .support-nav .prod-name .menu-box .title { font-size: 14px; color: #3d3f43; line-height: 54px; padding-left: 20px; border-bottom: 1px solid #e4e6f3; transition: all 0.3s; font-weight: 700; padding-right: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .support-nav .prod-name .menu-box .menu-btn { position: absolute; top: 19px; right: 20px; border-top: solid 8px transparent; border-bottom: solid 8px transparent; background-clip: padding-box; background-color: #575d6c; width: 14px; height: 18px; transition: transform 0.5s; } .support-nav .prod-name .menu-box .menu-btn:before, .support-nav .prod-name .menu-box .menu-btn:after { content: ''; display: block; width: 14px; height: 2px; margin-left: 0px; margin-right: 2px; background-color: #575d6c; } .support-nav .prod-name .menu-box .menu-btn:before { margin-top: -6px; } .support-nav .prod-name .menu-box .menu-btn:after { margin-top: 10px; } .support-nav .prod-name .menu-box.active .menu-btn, .support-nav .prod-name .menu-box:hover .menu-btn, .support-nav .prod-name .menu-box.active .menu-btn:before, .support-nav .prod-name .menu-box:hover .menu-btn:before, .support-nav .prod-name .menu-box.active .menu-btn:after, .support-nav .prod-name .menu-box:hover .menu-btn:after { background-color: #c7000b; } .support-nav .prod-name .menu-box.active .menu-btn { transform: rotate(90deg); } .support-nav .prod-name .caption { padding: 25px 0 12px 20px; border-bottom: none; margin-bottom: 0px; } .support-nav .prod-name .caption a { font-size: 18px; color: #3d3f43; line-height: 20px; font-weight: 700; transition: all 0.3s; display: block; padding-right: 20px; } .support-nav .side-nav.sidenav-main { overflow-y: scroll; } .support-nav .side-nav .side-nav { padding: 25px 0 15px 0; } .support-nav .side-nav .side-nav .active>a { color: #c7000b !important; } .support-nav .side-nav .side-nav .unfold>a { color: #c7000b !important; } .support-nav .side-nav .side-nav ul { display: none; } .support-nav .side-nav .side-nav *>a { padding-right: 21px; overflow: hidden; display: -webkit-box !important; font-weight: normal; overflow-wrap: break-word; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 54px; transition: all 0.3s; } .support-nav .side-nav .side-nav *>a:hover { color: #c7000b !important; } .support-nav .side-nav .side-nav .nav-item { position: relative; width: 100%; padding-left: 20px; } .support-nav .side-nav .side-nav .nav-item.append-tip { width: 100%; padding-left: 0; } .support-nav .side-nav .side-nav .nav-item .foldicon { top: 18px; left: 0; } .support-nav .side-nav .side-nav .nav-item .point-icon { top: 17px; left: 0; } .support-nav .side-nav .side-nav .nav-item>a { display: inline-block; width: 100%; font-size: 14px; color: #3d3f43; line-height: 24px; font-weight: 400; transition: all 0.1s; padding-bottom: 5px; padding-top: 5px; } .support-nav .side-nav .side-nav .nav-item.help-tsr { padding: 15px 0 0; } .support-nav .side-nav .side-nav .nav-item.help-tsr>a { color: #999 !important; display: block; font-size: 14px; line-height: 24px; padding-bottom: 5px; padding-top: 20px; cursor: default; } .support-nav .side-nav .side-nav .nav-item.help-tsr>a:before { content: ''; display: block; border-top: 1px solid #e4e6f3; margin-top: -20px; margin-bottom: 20px; } .support-nav .side-nav .side-nav .nav-item.help-tsr>ul { display: block !important; } .support-nav.fixed { position: fixed !important; top: 0px !important; } .showprompt.scrolled .wrapper .support-nav.fixed { top: 0px !important; } .support-nav .side-nav-menu { z-index: 10; width: 0; padding: 20px 0 30px; overflow: hidden; height: 710px; background: #fff; position: absolute; top: 0px; left: 250px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06); opacity: 0; visibility: hidden; transition: all 0.3s, width 0s, height 0s; } .support-nav .side-nav-menu .side-menu-box { font-size: 0; overflow-y: auto; max-height: 670px; padding: 0px 30px; overflow-x: hidden; } .support-nav .side-nav-menu .inner:before, .support-nav .side-nav-menu .inner:after { content: ' '; display: table; } .support-nav .side-nav-menu .inner:after { clear: both; } .support-nav .side-nav-menu .support-search { width: 100%; margin: auto; display: block; } .support-nav .side-nav-menu .support-search:before, .support-nav .side-nav-menu .support-search:after { content: ' '; display: table; } .support-nav .side-nav-menu .support-search:after { clear: both; } .support-nav .side-nav-menu .support-search .search-box { width: calc(100% - 420px); margin-bottom: 10px; float: left; position: relative; } .support-nav .side-nav-menu .support-search .search-box input { width: calc(100% - 55px); border: 1px solid #dfe1e6; border-right: none; height: 40px; line-height: 40px; padding-left: 10px; float: left; font-size: 14px; color: #999; } .support-nav .side-nav-menu .support-search .search-box button { width: 55px; height: 40px; border: 1px solid #e2e2e2; border-left: none; background: #ffffff url(/uploads/image/racdcaczsrfvimages/support-doc-new-search.png) no-repeat center; position: relative; } .support-nav .side-nav-menu .support-search .search-box button:hover { background: #ffffff url(/uploads/image/racdcaczsrfvimages/support-doc-new-search-hover.png) no-repeat center; } .support-nav .side-nav-menu .support-search .search-box button:after { content: ''; width: 1px; position: absolute; top: 10px; bottom: 10px; left: -1px; background-color: #e2e2e2; } .support-nav .side-nav-menu .search-items { display: block; width: 400px; float: left; margin-left: 20px; } .support-nav .side-nav-menu .search-items li { display: inline-block; color: #ffffff; padding-right: 10px; } .support-nav .side-nav-menu .search-items li a { font-size: 12px; line-height: 40px; color: #8a8e99; } .support-nav .side-nav-menu .search-items li a:hover { color: #c7000b; } .support-nav .side-nav-menu.active { opacity: 1; visibility: visible; } .support-nav .item { width: 20%; float: left; margin-top: 20px; } .support-nav .item dt { font-size: 14px; color: #252b3a; font-weight: 700; line-height: 18px; margin-top: 20px; margin-bottom: 10px; transition: all 0.3s; padding-right: 20px; } .support-nav .item dt:first-child { margin-top: 0; } .support-nav .item dl:hover a { color: #c7000b; } .support-nav .item dl a { display: inline-block; font-size: 14px; color: #575d6c; line-height: 18px; margin-bottom: 8px; transition: all 0.3s; padding-right: 20px; } .support-nav .caption span { display: none; } .support-nav .caption i { display: none; } .side-nav.max a:hover { color: #c7000b !important; } .side-nav.max::-webkit-scrollbar, .text-guide-container .text-guide-body::-webkit-scrollbar { width: 0; } .side-nav.max:hover .side-nav { overflow-x: hidden; padding: 25px 0 15px 0; } .side-nav.max:hover::-webkit-scrollbar, .text-guide-container .text-guide-body:hover::-webkit-scrollbar { width: 6px; height: 6px; } .side-nav.max:hover::-webkit-scrollbar, .side-nav.max:hover::-webkit-scrollbar-track, .text-guide-container .text-guide-body:hover::-webkit-scrollbar, .text-guide-container .text-guide-body:hover::-webkit-scrollbar-track { background-color: transparent; } .side-nav.max:hover::-webkit-scrollbar-thumb, .text-guide-container .text-guide-body:hover::-webkit-scrollbar-thumb { background-color: #dbdee2; } .side-nav.max:hover::-webkit-scrollbar-thumb:hover, .text-guide-container .text-guide-body:hover::-webkit-scrollbar-thumb:hover { background-color: #bec3c6; } .side-nav { -ms-overflow-style: none; } .side-nav:hover { -ms-overflow-style: auto; } @media (max-width: 767px) { .support-nav .side-nav .side-nav .nav-item { width: auto; } .support-nav { width: 100% !important; position: static !important; } .support-nav .support-nav { width: 100% !important; position: static !important; } .support-nav .prod-name { width: 100% !important; position: relative !important; } .support-nav .prod-name .menu-box { display: none; } .support-nav .prod-name .sidenav-main { position: absolute; top: 61px; left: 0; z-index: 10; width: 0px; overflow: hidden; } .support-nav .prod-name { background-color: #ffffff; } .support-nav .caption { text-align: center; padding: 0 !important; position: relative; height: 50px; } .support-nav .caption span { display: inline-block; font-size: 16px; color: #3b516a; line-height: 50px; transition: all 0.3s; width: 100%; text-align: center; } .support-nav .caption span i { transition: all 0.3s; } .support-nav .caption span.active { color: #c7000b; } .support-nav .caption span.active i { transform: rotatez(180deg); } .support-nav .caption span:first-child.active { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-nav-hover.svg); background-size: cover; } .support-nav .caption span:first-child { display: inline-block; width: 50px; height: 50px; position: absolute; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-nav.svg); background-size: cover; top: 0; left: 0; margin-top: 0px; border: 13px solid transparent; background-clip: padding-box; } .support-nav .caption span:first-child:after { content: ''; position: absolute; top: -13px; bottom: -13px; right: -13px; width: 1px; background: #ddd; } .support-nav .caption span i { display: inline-block; width: 12px; height: 12px; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-nav-icon.png); background-size: cover; margin-left: 5px; } .support-nav .caption a { display: none !important; } .support-nav .side-nav-menu { display: none; width: 100%; visibility: visible; opacity: 1; position: static; padding: 15px 0; height: auto; } .support-nav .side-nav-menu .side-menu-box { padding: 0 15px; height: auto; max-height: 20000px; } .support-content .support-nav .side-nav-menu .support-search .search-box { width: 100%; min-width: 0px; } .support-content .support-nav .side-nav-menu .support-search .search-box input { height: 33px; width: calc(100% - 40px); } .support-content .support-nav .side-nav-menu .support-search .search-box button { width: 40px; height: 33px; } .support-nav .side-nav-menu .search-items { margin: 0; } .support-nav .side-nav-menu .search-items a { font-size: 12px !important; line-height: 16px !important; } .support-nav .item { margin-top: 16px; width: 50%; } .support-nav .item dt { font-size: 16px; line-height: 24px; margin-bottom: 5px; margin-top: 25px; } .support-content .support-nav .item dl a { font-size: 14px; line-height: 22px; margin-bottom: 5px; } .support-nav .side-nav { background: #f6f7ff; } .support-nav .side-nav .side-nav { padding: 15px; } .foldicon { top: 16px; } } @media (min-width: 768px) { .inner .item:nth-child(7), .inner .item:nth-child(8) { display: none; } } @media (max-width: 1199px) { .support-nav .prod-name .menu-box:hover .title { color: #3b516a !important; } .support-nav .prod-name .menu-box.active .title { color: #c7000b !important; } .support-nav .prod-name .menu-box:hover .menu-btn { background-position: 0 0 !important; } .support-nav .prod-name .menu-box.active .menu-btn { background-position: 0 -45px !important; } } .search-box-l { padding: 0 20px 20px 20px; border-bottom: 1px solid #e4e6f3; height: 58px; } .support-link-searcher { position: relative; z-index: 100; width: 100%; height: 34px; } .support-link-searcher-input { width: 100%; height: 32px; padding-left: 0px; border: solid 1px #adb0b8; border-radius: 2px; } .support-link-searcher-input:hover, .support-link-searcher-input:focus { border-color: #575d6c; } .support-link-searcher-submit { position: absolute; right: 1px; top: 1px; width: 40px; height: 30px; border: none; background: #ffffff url(/uploads/image/racdcaczsrfvimages/support-doc-new-search.svg) no-repeat center; background-size: 22px 22px; } .support-link-searcher-submit:after { content: ''; width: 1px; position: absolute; top: 10px; bottom: 10px; left: -1px; background-color: #e2e2e2; } .support-link-searcher-submit:hover { background: #ffffff url(/uploads/image/racdcaczsrfvimages/support-doc-new-search-hover.svg) no-repeat center; background-size: 22px 22px; } .support-link-searcher-drop { display: none; position: absolute; top: 100%; left: 0; right: 0; max-height: 230px; background: white; border: solid 1px #ddd; border-top: none; overflow: auto; } .support-link-searcher-drop ul { position: relative; } .support-link-searcher-drop a { display: block; padding: 4px 10px; font-size: 14px; line-height: 22px; color: #252b3a; } .support-link-searcher-drop li.active a, .support-link-searcher-drop li:hover:not(.no-result) a { background-color: rgba(241, 243, 255, 0.6); color: #c7000b; cursor: pointer; } .support-link-searcher-drop.show { display: block; } .side-nav .search-box-l { display: none; } @media (max-width: 767px) { .side-nav .search-box-l { display: block !important; padding: 15px 15px 0px 15px; border-bottom: none; } .prod-name .search-box-l { display: none; } } .indicator-triangle { position: absolute; top: 43px; left: 16px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid #f6f7ff; transition: left 0.3s linear; visibility: hidden; } .indicator-triangle:before { content: ''; display: block; position: absolute; left: -150px; top: 5px; border-bottom: 12px solid #ddd; background-color: #c7000b; } #search-box.active .support-dropdown-product-search-result, #search-box.active .support-product-search-clear { display: block; } .support-product-search-clear { display: none; position: absolute; right: 65px; top: 50%; width: 18px; height: 18px; margin-top: -11px; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-header-search-close.png); cursor: pointer; transition: 0.2s; } .support-dropdown-product-search-result { display: none; position: absolute; left: 0; right: 0; top: 39px; border: 1px solid #ddd; min-height: 86px; max-height: 142px; overflow-y: auto; z-index: 10; background: #fff; } .support-dropdown-product-search-result li a { font-size: 12px; line-height: 28px; padding-left: 10px; display: inline-block; color: #252b3a; width: 100%; transition: all 0.3s; } .support-dropdown-product-search-result li a:hover { color: #c7000b; background: #eef0f5; } .support-dropdown-product-search-result .active a { color: #c7000b; background: #eef0f5; } .header-container { position: static; } @media (max-width: 767px) { .isapp .text-guide-container { top: 0; padding-top: 44px; } .isapp .guide-model { top: 0; } .isapp .support-main .help-content .help-details .ca_details .tab_content .tab_list.fixed { top: 0 !important; } } .screen { background: #f6f7ff; transition: background-color 1s; color: #3d3f43; padding: 30px 10px 10px 10px !important; border: 1px solid #e7e9fa; } .screen.ctnc { background-color: #f1f1f1; color: #333333; } .screen.ctnc~.btncc { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-cgc-m.svg); } .screen.ctnc~.btncp { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-copy-m.svg); } .screen.ctnc~.btncc:hover { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-cgc-h.svg); } .screen.ctnc .btncp:hover { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-copy-h.svg); } .codeblock { background: #f6f7ff; position: relative; transition: background-color 1s; color: #3d3f43; padding: 30px 10px 10px 10px !important; border: 1px solid #e7e9fa; } .codeblock.ctnc { background-color: #f1f1f1; color: #333333; } .codeblock.ctnc~.btncc { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-cgc-m.svg); } .codeblock.ctnc~.btncp { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-copy-m.svg); } .codeblock.ctnc~.btncc:hover { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-cgc-h.svg); } .codeblock.ctnc~.btncp:hover { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-copy-h.svg); } .btncp { position: absolute; top: 10px; right: 44px; width: 24px; height: 24px; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-copy-dark-m.svg); background-size: 16px; background-position: center; background-repeat: no-repeat; display: none; cursor: pointer; } .btncp.hover .btncp-tip { display: block; } .btncp-tip { position: absolute; left: 50%; bottom: 100%; margin-bottom: 12px; transform: translate(-50%, 0); background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); padding: 12px 16px; border-radius: 2px; font-size: 14px; line-height: 14px; white-space: nowrap; color: #1c1c1c; display: none; } .btncp-tip:before { content: '\590d\5236'; } html[lang='en-us'] .btncp-tip:before, html[lang='es-us'] .btncp-tip:before, html[lang='pt-br'] .btncp-tip:before, html[lang='ja-jp'] .btncp-tip:before { content: 'copy'; } .btncp-tip:after { content: ''; position: absolute; left: 50%; top: 100%; width: 16px; height: 8px; border-top: solid 8px #fff; border-left: solid 8px transparent; border-right: solid 8px transparent; margin-left: -8px; } .btncp-tip.btncp-tip-copied:before { content: '\590d\5236\6210\529f'; } html[lang='en-us'] .btncp-tip.btncp-tip-copied:before, html[lang='es-us'] .btncp-tip.btncp-tip-copied:before, html[lang='pt-br'] .btncp-tip.btncp-tip-copied:before, html[lang='ja-jp'] .btncp-tip.btncp-tip-copied:before { content: 'copied'; } .btncp:hover { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-copy-dark-h.svg); } .btncc { position: absolute; top: 10px; right: 10px; width: 24px; height: 24px; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-cgc-dark-m.svg); background-size: 16px; background-position: center; background-repeat: no-repeat; display: none; cursor: pointer; } .btncc .btncp-tip:before { content: '\65e5\95f4\6a21\5f0f'; } html[lang='en-us'] .btncc .btncp-tip:before, html[lang='es-us'] .btncc .btncp-tip:before, html[lang='pt-br'] .btncc .btncp-tip:before, html[lang='ja-jp'] .btncc .btncp-tip:before { content: 'day mode'; } .ctnc~.btncc .btncp-tip:before { content: '\591c\95f4\6a21\5f0f'; } html[lang='en-us'] .ctnc~.btncc .btncp-tip:before, html[lang='es-us'] .ctnc~.btncc .btncp-tip:before, html[lang='pt-br'] .ctnc~.btncc .btncp-tip:before, html[lang='ja-jp'] .ctnc~.btncc .btncp-tip:before { content: 'night mode'; } .btncc:hover .btncp-tip { display: block; } .btncc:hover { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-cgc-dark-h.svg); } .pre-box .btncc, .pre-box .btncp { display: block; } /*全屏看图 */ @keyframes show-full-view { 0% { opacity: 0; } 100% { opacity: 1; } } .js-full-view { cursor: zoom-in; } .full-view-layer { position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); cursor: zoom-out; overflow: auto; opacity: 1; transition: opacity 0.4s; display: none; } .full-view-layer.show-view { display: block; animation: show-full-view 0.3s; } .full-view-layer>img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-color: #f4f6f8; animation: zoomin 0.3s; user-select: none; -webkit-user-select: none; -moz-user-select: none; } @media (max-width: 1023px) { .full-view-layer>img { height: auto; max-height: 90%; } } /* region text-guide */ @media (min-width: 1024px) { .help-main.has-guide { float: left; width: 690px; margin-left: 20px; } } @media (max-width: 1200px) { .support-main { padding-right: 48px !important; } .support-main .text-guide-container { position: static; width: 100%; background: #f8f9ff; padding: 0px 10px 0px 20px; margin-bottom: 20px; margin-left: 2px; } .support-main .text-guide-container p { display: none; } .support-main .text-guide-container .text-guide-head i { font-size: 14px; line-height: 24px; } .support-main .text-guide-container .text-guide-body { padding-bottom: 10px; } .support-main .text-guide-container .text-guide-body .tex-guide-list { padding-left: 2px; margin-top: 0; overflow: hidden; } .support-main .text-guide-container .text-guide-body .tex-guide-list li { padding: 0; margin-bottom: 0px; } .support-main .text-guide-container .text-guide-body .tex-guide-list a { line-height: 28px; padding-right: 50px; padding-left: 5px; } .support-main .text-guide-container .text-guide-body .tex-guide-list a:hover { text-decoration: none; } .support-main .more p { display: block !important; font-size: 14px; color: #8a8d93; line-height: 24px; } .support-main .more p.active span { transform: rotatex(180deg); } .support-main .more p span { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 5px; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-go.png); background-size: contain; background-position: center center; transition: all 0.3s; } } .text-guide-container { position: absolute; width: 180px; padding-left: 10px; overflow: auto; font-size: 14px; line-height: 18px; right: 0px; top: 54px; } .text-guide-container::-webkit-scrollbar { width: 6px; height: 6px; } .text-guide-head { padding: 10px 5px 5px 0px; font-weight: 700; font-size: 16px; color: #252b3a; line-height: 20px; } .text-guide-body .tex-guide-list { padding-left: 7px; } .text-guide-body .tex-guide-list li { border-left: 1px solid #dfe1e6; padding: 5px 0; position: relative; } .tex-guide-list>li>a { max-height: 38px; padding: 0px 15px; font-size: 14px; line-height: 18px; color: #3d3f43 !important; overflow: hidden; display: block; word-wrap: break-word; display: -webkit-box; font-weight: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .tex-guide-list>li a:hover, .tex-guide-list>li.active a, .tex-guide-list>li.active { color: #c7000b !important; } .tex-guide-list>li a:hover:hover, .tex-guide-list>li.active a:hover, .tex-guide-list>li.active:hover { color: #c7000b !important; } .tex-guide-list>li a:hover:before, .tex-guide-list>li.active a:before, .tex-guide-list>li.active:before, .tex-guide-list>li a:hover:after, .tex-guide-list>li.active a:after, .tex-guide-list>li.active:after { border-color: #c7000b; opacity: 1; } .tex-guide-list>li a { position: relative; font-size: 14px; } .tex-guide-list>li a:hover { color: #c7000b; } .text-guide-container.show { display: none; } .tex-guide-list>li:before, .tex-guide-list>li:after { content: ''; position: absolute; top: 15px; border: solid #f5f5f6; border-radius: 50%; background-color: white; } .tex-guide-list>li:before { left: -6px; margin-top: -6px; width: 11px; height: 11px; border-width: 1px; opacity: 0; } .tex-guide-list>li:after { left: -4px; margin-top: -4px; width: 7px; height: 7px; border-width: 2px; } .text-guide-container.fixed { position: fixed; top: 50px; right: 0px; bottom: 30px; } .text-guide-container.fixedd { width: calc(100% - 100px - 198px); position: fixed; top: 0; right: 50px; z-index: 700; } .text-guide-container.fixedd .text-guide-head span { width: 16px; height: 16px; font-size: 0px; display: block; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-slide.png) no-repeat; background-size: cover; background-position: center; float: left; margin-top: 3px; transition: all 0.3s; } .text-guide-container.fixedd .text-guide-head .active { transform: rotatex(180deg); } .text-guide-container.fixedd .text-guide-body p { display: none !important; } @media (max-width: 1200px) { .tex-guide-list>li a:hover:hover, .tex-guide-list>li.active a:hover { color: #002100; } .tex-guide-list>li:before, .tex-guide-list>li:after { box-sizing: border-box; top: 14px; border-color: #dfe1e6; } .tex-guide-list>li a:hover:before { background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-icon.png) no-repeat; background-size: 100% auto; background-position: center center; } .text-guide-body .swiper-button-prev { width: 20px; height: 20px; right: 0px; left: auto; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-top.png) no-repeat; background-size: cover; margin-top: -30px; } .text-guide-body .swiper-button-next { width: 20px; height: 20px; right: 0px; background: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-bo.png) no-repeat; background-size: cover; margin-top: -10px; } } .guide-buoy { display: none; } .guide-model img { display: none; } .guide-model .img-container { display: none; } @media (max-width: 767px) { .support-main { transition: height 0.1s; padding: 0px !important; width: 100% !important; } .support-main .text-guide-container { display: none; } .support-main .crumbs { background: #f7f8ff; padding: 10px 15px; overflow: hidden; } .support-main .crumbs a { font-size: 12px; line-height: 14px; } .support-main .crumbs span { font-size: 12px; line-height: 14px; } .support-main .help-content { padding: 25px 15px 0px 15px; } .support-main .help-content .topictitle1, .support-main .help-content .topictitle-h1 { font-size: 21px; line-height: 30px; margin-bottom: 5px; } .float-sidebar .shown-btn { display: none !important; } .guide-buoy { display: none; position: fixed; bottom: 132px; right: 11px; width: 50px; height: 50px; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-word.png); background-repeat: no-repeat; background-size: contain; background-position: center center; cursor: pointer; z-index: 900; } html[lang='en-us'] .guide-buoy { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-word-en-us.png); } html[lang='es-us'] .guide-buoy { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-word-es-us.png); } html[lang='pt-br'] .guide-buoy { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-word-pt-br.png); } html[lang='ja-jp'] .guide-buoy { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-word-ja-jp.png); } .guide-model { position: fixed; top: 44px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.69); z-index: 999; display: none; } .guide-model img { width: 60px; height: 109px; display: block !important; position: absolute; left: 20%; margin-left: -30px; bottom: 210px; } .guide-model .img-container { width: 70px; height: 122px; display: block !important; position: absolute; left: 20%; margin-left: -35px; bottom: 210px; background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-information.png); background-repeat: no-repeat; background-size: contain; background-position: center center; } html[lang='en-us'] .guide-model .img-container { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-information-en-us.png); } html[lang='es-us'] .guide-model .img-container { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-information-es-us.png); } html[lang='pt-br'] .guide-model .img-container { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-information-pt-br.png); } html[lang='ja-jp'] .guide-model .img-container { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-guide-information-ja-jp.png); } .guide-buoy.show { display: block; } .text-guide-container { display: block; position: fixed; width: 0; background: #fafaff; top: 44px; bottom: 0px; z-index: 1000; margin: 0; padding: 15px 0; transition: all 0.3s; } .text-guide-container.active { width: 65%; } .text-guide-container .text-guide-head i { font-size: 18px; color: #66696f; line-height: 25px; margin-left: 40px; } .text-guide-container .text-guide-body { margin-top: 10px; } .text-guide-container .text-guide-body p { display: none !important; } .text-guide-container .text-guide-body .tex-guide-list { padding-left: 20px; } .text-guide-container .text-guide-body .tex-guide-list li { display: block; padding-bottom: 15px; padding-top: 10px; } .text-guide-container .text-guide-body .tex-guide-list li:before { top: 14px; } .text-guide-container .text-guide-body .tex-guide-list li.active a { color: #c7000b; } .text-guide-container .text-guide-body .tex-guide-list li a { line-height: 18px; padding-right: 20px; color: #002100; } .text-guide-container .text-guide-body .tex-guide-list li a:before { top: 3px; } } .highlighttable .hll { background-color: #1d2129; } .highlighttable .c { color: #1c85bd; font-style: italic; } .highlighttable .err { color: #999999; } .highlighttable .k { color: #1c85bd; font-weight: bold; } .highlighttable .ch { color: #1c85bd; font-style: italic; } .highlighttable .cm { color: #5aa500; } .highlighttable .cp { color: #999999; } .highlighttable .cpf { color: #1c85bd; font-style: italic; } .highlighttable .c1 { color: #5aa500; } .highlighttable .cs { color: #1c85bd; font-weight: bold; } .highlighttable .gd { color: #999999; background-color: #ffdddd; } .highlighttable .ge { font-style: italic; } .highlighttable .gr { color: #d4343c; } .highlighttable .gh { color: #999999; } .highlighttable .gi { color: #999999; background-color: #ddffdd; } .highlighttable .go { color: #cd7b7b; } .highlighttable .gp { color: #999999; } .highlighttable .gs { font-weight: bold; } .highlighttable .gu { color: #aaaaaa; } .highlighttable .gt { color: #d4343c; } .highlighttable .kc { color: #7d89ff; font-weight: bold; } .highlighttable .kd { color: #1c85bd; font-weight: bold; } .highlighttable .kn { color: #7d89ff; font-weight: bold; } .highlighttable .kp { color: #1c85bd; font-weight: bold; } .highlighttable .kr { color: #7d89ff; font-weight: bold; } .highlighttable .kt { color: #1c85bd; font-weight: bold; } .highlighttable .m { color: #4e69ff; } .highlighttable .s { color: #4e69ff; } .highlighttable .na { color: #e8e8e8; } .highlighttable .nt { color: #1c85bd; font-weight: bold; } .highlighttable .ow { font-weight: bold; } .highlighttable .w { color: #5ed782; } .highlighttable .mb { color: #4e69ff; } .highlighttable .mf { color: #4e69ff; } .highlighttable .mh { color: #4e69ff; } .highlighttable .mi { color: #999999; } .highlighttable .mo { color: #4e69ff; } .highlighttable .sa { color: #4e69ff; } .highlighttable .sb { color: #4e69ff; } .highlighttable .sc { color: #cb24c9; } .highlighttable .dl { color: #4e69ff; } .highlighttable .sd { color: #4e69ff; } .highlighttable .s2 { color: #4e69ff; } .highlighttable .se { color: #4e69ff; } .highlighttable .sh { color: #4e69ff; } .highlighttable .si { color: #4e69ff; } .highlighttable .sx { color: #4e69ff; } .highlighttable .sr { color: #4e69ff; } .highlighttable .s1 { color: #4e69ff; } .highlighttable .ss { color: #4e69ff; } .highlighttable .il { color: #4e69ff; } .highlighttable .code .highlight pre span { font-size: 1em; } .highlighttable .nb { color: #fc2293; } .highlighttable .nv { color: #aa7700; } .highlighttable .nx, .highlighttable .o, .highlighttable .n, .highlighttable .nf { color: #999999; } .highlighttable .vc, .highlighttable .vi { color: #aa7700; } .highlighttable .esc, .highlighttable .x, .highlighttable .bp, .highlighttable .nc, .highlighttable .no, .highlighttable .nd, .highlighttable .ni, .highlighttable .ne, .highlighttable .fm, .highlighttable .py, .highlighttable .nl { color: #a77400; } .highlighttable .nn, .highlighttable .vm, .highlighttable .vg, .highlighttable .l, .highlighttable .ld, .highlighttable .ow, .highlighttable .g, .highlighttable .ge, .highlighttable .gs { color: #a68eff; } .highlighttable .ctnc .hll { background-color: #f6f7ff; } .highlighttable .ctnc .c { color: #006699; font-style: italic; } .highlighttable .ctnc .err { color: #717171; } .highlighttable .ctnc .k { color: #006699; font-weight: bold; } .highlighttable .ctnc .ch { color: #006699; font-style: italic; } .highlighttable .ctnc .cm { color: #5aa500; } .highlighttable .ctnc .cp { color: #717171; } .highlighttable .ctnc .cpf { color: #006699; font-style: italic; } .highlighttable .ctnc .c1 { color: #5aa500; } .highlighttable .ctnc .cs { color: #006699; font-weight: bold; } .highlighttable .ctnc .gd { color: #717171; background-color: #ffdddd; } .highlighttable .ctnc .ge { font-style: italic; } .highlighttable .ctnc .gr { color: #d4343c; } .highlighttable .ctnc .gh { color: #717171; } .highlighttable .ctnc .gi { color: #717171; background-color: #ddffdd; } .highlighttable .ctnc .go { color: #8c6262; } .highlighttable .ctnc .gp { color: #717171; } .highlighttable .ctnc .gs { font-weight: bold; } .highlighttable .ctnc .gu { color: #aaaaaa; } .highlighttable .ctnc .gt { color: #d4343c; } .highlighttable .ctnc .kc { color: #7d89ff; font-weight: bold; } .highlighttable .ctnc .kd { color: #006699; font-weight: bold; } .highlighttable .ctnc .kn { color: #7d89ff; font-weight: bold; } .highlighttable .ctnc .kp { color: #006699; font-weight: bold; } .highlighttable .ctnc .kr { color: #7d89ff; font-weight: bold; } .highlighttable .ctnc .kt { color: #006699; font-weight: bold; } .highlighttable .ctnc .m { color: #4e69ff; } .highlighttable .ctnc .s { color: #4e69ff; } .highlighttable .ctnc .na { color: #717171; } .highlighttable .ctnc .nt { color: #006699; font-weight: bold; } .highlighttable .ctnc .ow { font-weight: bold; } .highlighttable .ctnc .w { color: #17b346; } .highlighttable .ctnc .mb { color: #4e69ff; } .highlighttable .ctnc .mf { color: #4e69ff; } .highlighttable .ctnc .mh { color: #4e69ff; } .highlighttable .ctnc .mi { color: #717171; } .highlighttable .ctnc .mo { color: #4e69ff; } .highlighttable .ctnc .sa { color: #4e69ff; } .highlighttable .ctnc .sb { color: #4e69ff; } .highlighttable .ctnc .sc { color: #800080; } .highlighttable .ctnc .dl { color: #4e69ff; } .highlighttable .ctnc .sd { color: #4e69ff; } .highlighttable .ctnc .s2 { color: #4e69ff; } .highlighttable .ctnc .se { color: #4e69ff; } .highlighttable .ctnc .sh { color: #4e69ff; } .highlighttable .ctnc .si { color: #4e69ff; } .highlighttable .ctnc .sx { color: #4e69ff; } .highlighttable .ctnc .sr { color: #4e69ff; } .highlighttable .ctnc .s1 { color: #4e69ff; } .highlighttable .ctnc .ss { color: #4e69ff; } .highlighttable .ctnc .il { color: #4e69ff; } .highlighttable .ctnc .nb { color: #fc2293; } .highlighttable .ctnc .nv { color: #aa7700; } .highlighttable .ctnc .nx, .highlighttable .ctnc .o, .highlighttable .ctnc .n, .highlighttable .ctnc .nf { color: #717171; } .highlighttable .ctnc .vc, .highlighttable .ctnc .vi { color: #aa7700; } .highlighttable .ctnc .esc, .highlighttable .ctnc .x, .highlighttable .ctnc .bp, .highlighttable .ctnc .nc, .highlighttable .ctnc .no, .highlighttable .ctnc .nd, .highlighttable .ctnc .ni, .highlighttable .ctnc .ne, .highlighttable .ctnc .fm, .highlighttable .ctnc .py, .highlighttable .ctnc .nl { color: #a77400; } .highlighttable .ctnc .nn, .highlighttable .ctnc .vm, .highlighttable .ctnc .vg, .highlighttable .ctnc .l, .highlighttable .ctnc .ld, .highlighttable .ctnc .ow, .highlighttable .ctnc .g, .highlighttable .ctnc .ge, .highlighttable .ctnc .gs { color: #653fec; } .highlighttable .linenos { width: 15px; } .highlighttable .linenos { border-right: 3px solid #6ce26c; color: #afafaf; text-align: right; padding: 0 0.5em 0 1em; } .highlighttable .codecoloring { line-height: 1.1em; } .highlighttable .code .highlight pre { font-family: 'consolas', 'bitstream vera sans mono', 'courier new', courier, monospace; } .highlighttable .code .highlight pre span { display: inline-block; font-size: 14px; line-height: 22px; } .highlighttable .highlight pre { padding: 0 1em; } .highlighttable .highlighttable pre { box-sizing: border-box; margin: 0; } .pre-box { position: relative; } .highlight pre { background: #f6f7ff; color: #3d3f43; padding: 30px 10px 10px 10px !important; border: 1px solid #e7e9fa; line-height: 22px; } .highlight pre .p { margin-bottom: 0px; } .highlight pre.ctnc~.btncc { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-cgc-m.svg); } .highlight pre.ctnc~.btncp { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-copy-m.svg); } .highlight pre.ctnc~.btncc:hover { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-cgc-h.svg); } .highlight pre.ctnc~.btncp:hover { background-image: url(/uploads/image/racdcaczsrfvimages/support-doc-new-copy-h.svg); } .highlighttable { width: 100%; margin-bottom: 20px; border-color: #ced1d8; table-layout: fixed; } .highlighttable .linenos { display: none; } .screen, .codeblock, .highlight pre { background-color: #333854 !important; color: #f6f7ff !important; transition: background-color 1s; } .screen.ctnc, .codeblock.ctnc, .highlight pre.ctnc { background-color: #fafafa !important; color: #1d2129 !important; } .screen strong, .codeblock strong, .highlight pre strong { color: inherit; } code, kbd, pre, samp { font-family: 'consolas', 'bitstream vera sans mono', 'courier new', courier, monospace; } body.iframe .relevant-content { display: none; } body.iframe .float-sidebar { display: none !important; } body.iframe .header { display: none !important; } body.iframe #header { display: none !important; } body.iframe #footer { display: none !important; } body.iframe #content { margin-top: 58px; margin-bottom: 44px; height: calc(100vh - 102px); overflow-y: scroll; } body.iframe .crumbs a:nth-child(n 2), body.iframe .crumbs span { display: none; } body.iframe .crumbs .text, body.iframe .crumbs a:first-child span { display: inline-block; } body.iframe .support-nav .prod-name .caption { display: none; } body.iframe .support-nav .prod-name .sidenav-main { position: fixed; width: auto; top: 0; right: 0; overflow: visible; } body.iframe .support-nav .prod-name .sidenav-main .search-box-l { background: #f4f5f6; padding: 10px 19px 0px 19px; } body.iframe .support-nav .side-nav .side-nav { display: none; } body.iframe .support-body { overflow: hidden; } body.iframe .help-form { position: fixed; bottom: 0; left: 0; right: 0; background: #f5faff; padding: 10px 19px !important; } body.iframe .help-form h3, body.iframe .help-form>p, body.iframe .help-form>a { display: none; } body.iframe .help-form .help-form-false, body.iframe .help-form .help-form-success { position: absolute; left: 10px; right: 10px; bottom: 35px; } body.iframe .help-form form { padding: 10px; position: absolute; background: #eaf6f9; border-radius: 2px; bottom: 35px; left: 10px; right: 10px; text-align: right; } body.iframe .help-form .help-form-content { float: right; min-width: 0; } body.iframe .guide-buoy { display: none !important; } body.iframe .updatetime, body.iframe .help-online-test, body.iframe .help-cli-example, body.iframe .help-view-edit, body.iframe .help-view-pdf, body.iframe .help-view-share, body.iframe .help-view-share-bottom, body.iframe .help-detail-feedback, body.iframe .doc-bottom-feedback { display: none; } body.iframe .tm-adv-space { display: none; } body.iframenew .relevant-content { display: none; } body.iframenew .float-sidebar { display: none !important; } body.iframenew .header { display: none !important; } body.iframenew #header { display: none !important; } body.iframenew #footer { display: none !important; } body.iframenew .support-nav .prod-name .caption { display: none; } body.iframenew .support-nav .prod-name .sidenav-main { display: none; } body.iframenew .support-nav .side-nav .side-nav { display: none; } body.iframenew .support-body { overflow: hidden; } body.iframenew .help-form { display: none; } body.iframenew .guide-buoy { display: none !important; } body.iframenew .updatetime, body.iframenew .help-online-test, body.iframenew .help-cli-example, body.iframenew .help-view-edit, body.iframenew .help-view-pdf, body.iframenew .help-view-share, body.iframenew .help-view-share-bottom, body.iframenew .help-detail-feedback, body.iframenew .doc-bottom-feedback { display: none; } body.iframenew .tm-adv-space { display: none; } body.istitle .topictitle1, body.istitle .topictitle-h1 { display: none; } body.iframe .support-content .support-body .familylinks, body.iframenew .support-content .support-body .familylinks, body.iframe .support-content .support-body .parentlink, body.iframenew .support-content .support-body .parentlink { display: none; } body:not(.apiexplorer) .support-content { padding-top: 0; } body:not(.apiexplorer) .support-content .support-body { position: relative; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip { /* position: absolute; */ width: 100%; padding: 0 16.7vw; background-color: #e9edfa; border: 1px solid #96adfa; box-shadow: 0 1px 3px 0 rgba(56, 82, 170, 0.25); border-radius: 2px; z-index: 9; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip .por-tip { margin-bottom: 0; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip .por-tip .por-tip-wenzi { padding-top: 10px; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip .por-tip .por-tip-content { border: none; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip .por-tip-wenzi span { font-size: 12px; color: #333333; letter-spacing: 0; line-height: 12px; } body:not(.apiexplorer) .support-content .support-body .wrapper { max-width: none; padding-left: 16.7vw; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-nav { width: auto; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main { width: calc(100% - 230px); margin: auto; padding: 0 48px; border-left: 1px transparent solid; overflow: visible; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main.simple-layout { /* width: 100%; */ } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main .crumbs { margin-top: 24px; } body:not(.apiexplorer) .support-nav .prod-name { width: 16.7vw; background: transparent; } body:not(.apiexplorer) .support-nav .prod-name .menu-box .title { padding-left: 60px; border-bottom: 1px solid #dfe1e6; } body:not(.apiexplorer) .support-nav .prod-name .menu-box .menu-btn { right: 40px; } body:not(.apiexplorer) .support-nav .prod-name .caption { padding: 24px 0 8px 60px; } body:not(.apiexplorer) .support-nav .prod-name .caption a { color: #252b3a; line-height: 22px; font-weight: 400; } body:not(.apiexplorer) .support-nav .side-nav .side-nav { padding: 15px 40px 15px 60px; } body:not(.apiexplorer) .support-nav .side-nav-menu { left: calc(16.7vw 1px); } body:not(.apiexplorer) .support-link-searcher-input { border: 0; border-bottom: solid 1px #adb0b8; } .support-nav input::-webkit-input-placeholder { color: #8a8e99; } .support-nav input::-moz-placeholder { color: #8a8e99; } .support-nav input::-moz-placeholder { color: #8a8e99; } .support-nav input::-ms-input-placeholder { color: #8a8e99; } body:not(.apiexplorer) .search-box-l { padding: 0 40px 0 60px; border-bottom: 0; height: auto; } body:not(.apiexplorer) .support-section .foldicon:before { border-top-color: #fff; } body:not(.apiexplorer) .support-link-searcher-submit:after { display: none; } body:not(.apiexplorer) .support-main .text-guide-container .text-guide-body .tex-guide-list a { display: block; overflow: hidden; /* white-space: nowrap; */ text-overflow: ellipsis; } body:not(.apiexplorer) .help-content .section_01, body:not(.apiexplorer) .help-content .section_02, body:not(.apiexplorer) .help-content .section_03, body:not(.apiexplorer) .help-content .section_04, body:not(.apiexplorer) .help-content .section_05 { max-width: 100%; } body:not(.apiexplorer) .help-content .section_03 { background-size: cover; } body:not(.apiexplorer) .text-guide-container { position: absolute; width: 230px; height: 100%; padding-left: 0; overflow: visible; font-size: 14px; line-height: 18px; right: -300px; top: 54px; padding-top: 14px; overflow: hidden; user-select: none; } body:not(.apiexplorer) .text-guide-container.fixed { position: fixed; right: 0px; bottom: 30px; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main.guide-closed { width: calc(100% - 84px); } body:not(.apiexplorer) .support-main.guide-closed .text-guide-container { width: 84px; padding-left: 0; } body:not(.apiexplorer) .support-main.guide-closed .text-guide-container .guide-close-icon, body:not(.apiexplorer) .support-main.guide-closed .text-guide-container .text-guide-head, body:not(.apiexplorer) .support-main.guide-closed .text-guide-container .text-guide-body { display: none; } body:not(.apiexplorer) .support-main.guide-closed .guide-open-icon { display: block; } body:not(.apiexplorer) .text-guide-container .guide-open-icon { position: absolute; content: ''; width: 24px; height: 24px; right: 56px; top: 24px; cursor: pointer; font-size: 20px; background-image: ; background-size: cover; background-repeat: no-repeat; display: none; } body:not(.apiexplorer) .text-guide-container .guide-close-icon { position: absolute; content: ''; width: 24px; height: 24px; right: 56px; top: 24px; cursor: pointer; font-size: 20px; background-image: ; background-size: contain; background-repeat: no-repeat; } body:not(.apiexplorer) .text-guide-body .tex-guide-list { padding-left: 0; max-width: 170px; border-left: 2px #dfe1e6 solid; } body:not(.apiexplorer) .text-guide-body .tex-guide-list li { border-left: 0; padding: 6px 0 6px 16px; } body:not(.apiexplorer) .tex-guide-list>li>a { padding: 0; } body:not(.apiexplorer) .tex-guide-list>li:after { display: none; } body:not(.apiexplorer) .tex-guide-list>li:before { margin-top: 0; } body:not(.apiexplorer) .tex-guide-list>li.active:before { content: ''; position: absolute; top: calc(50% - 10px); left: -2px; width: 1px; height: 18px; border: 1px solid #c7000b; border-radius: 0; } /* body:not(.apiexplorer) .text-guide-container .guide-close-icon:before, body:not(.apiexplorer) .text-guide-container .guide-close-icon:after { position: absolute; left: 9px; content: ' '; height: 24px; width: 1px; background-color: #333; } body:not(.apiexplorer) .text-guide-container .guide-close-icon:before { transform: rotate(45deg); } body:not(.apiexplorer) .text-guide-container .guide-close-icon:after { transform: rotate(-45deg); } */ body:not(.apiexplorer) .support-content .support-body .wrapper .support-main .move-line { position: absolute; width: 10px; height: 100%; left: -5px; top: 0; z-index: 20; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main .move-line:before { position: absolute; content: ''; width: 1px; height: 100%; left: calc(50% - 1px); background-color: #dfe1e6; z-index: 30; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main .move-line:hover { cursor: e-resize; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main .move-line:hover:before { -webkit-box-shadow: 0 4px 8px rgb(0 0 0 / 0.2); box-shadow: 0 4px 8px rgb(0 0 0 / 0.2); } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main.no-text-guide { width: calc(100% - 192px); } /* .support-nav01 .list_vjz5l0 { max-height: 190px; } */ @media (max-width: 1919px) { body:not(.apiexplorer) .support-nav .prod-name .menu-box .title, body:not(.apiexplorer) .support-nav .prod-name .caption, body:not(.apiexplorer) .search-box-l { padding-left: 40px; } body:not(.apiexplorer) .support-nav .side-nav .side-nav .nav-item>a { padding-right: 0; } body:not(.apiexplorer) .relevant-content .relevant-left { width: 60%; } body:not(.apiexplorer) .relevant-content .relevant-right { width: 40%; } } @media (max-width: 1366px) { body:not(.apiexplorer) .text-guide-container { width: 208px; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main { width: calc(100% - 208px); } body:not(.apiexplorer) .support-content .support-body .wrapper { padding-left: 228px; } body:not(.apiexplorer) .support-content .support-body .wrapper { padding-left: 228px; } body:not(.apiexplorer) .support-nav .side-nav-menu { left: calc(228px 1px); } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main.no-text-guide { width: calc(100% - 48px); padding-right: 48px; } } @media (max-width: 1200px) { body:not(.apiexplorer) .text-guide-body .swiper-button-prev { display: none !important; } body:not(.apiexplorer) .text-guide-body .swiper-button-next { display: none !important; } body:not(.apiexplorer) .support-content .support-body .wrapper { padding-left: 228px; } body:not(.apiexplorer) .support-nav .prod-name { width: 228px; background: transparent; } body:not(.apiexplorer) .support-nav .side-nav-menu { left: 229px; } body:not(.apiexplorer) .support-main .text-guide-container { height: auto; border-left: 0; padding-top: 0; padding-left: 20px; } body:not(.apiexplorer) .text-guide-container .guide-close-icon { display: none; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main { width: 100%; } body:not(.apiexplorer) .text-guide-container.fixedd { position: fixed; width: calc(100% - 228px - 48px); left: 228px; overflow: auto; } body:not(.apiexplorer) .help-content .text-guide-container.fixedd { top: 0; right: 0; left: 228px; padding-left: 45px; padding-right: 0; } body:not(.apiexplorer) .relevant-content .relevant-left, body:not(.apiexplorer) .relevant-content .relevant-right { width: 100%; } body:not(.apiexplorer) .text-guide-container { position: static; width: 100%; } body:not(.apiexplorer) .text-guide-body .tex-guide-list { max-width: 100%; } .support-main .text-guide-container.fixedd .text-guide-body { display: none; overflow: hidden scroll; width: 100%; } } @media (max-width: 1024px) { body:not(.apiexplorer) .support-content .support-body .wrapper .support-main .move-line { pointer-events: none; } } @media (max-width: 800px) { body.iframe #content { margin-top: 30px; margin-bottom: 30px; } body.iframe .support-content .support-body .wrapper .support-nav, body.iframenew .support-content .support-body .wrapper .support-nav { display: none; } body.iframe .support-content .wrapper, body.iframenew .support-content .wrapper { padding-left: 0px !important; } body.iframe .section:nth-child(1) .sectiontitle:nth-child(1), body.iframenew .section:nth-child(1) .sectiontitle:nth-child(1) { margin-top: 0; } body.iframe .por-tab.por-tab-collapse ul[data-cols='2'] .por-tab-expand, body.iframenew .por-tab.por-tab-collapse ul[data-cols='2'] .por-tab-expand { display: none; } body.iframe .por-tab.por-tab-collapse[data-cols='2'], body.iframenew .por-tab.por-tab-collapse[data-cols='2'] { -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #dfe1e6; } body.iframe .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li .por-tab-text, body.iframenew .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li .por-tab-text { display: inline-block; width: auto; line-height: 40px; position: relative; } body.iframe .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li a, body.iframenew .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li a { display: inline-block; } body.iframe .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li.active, body.iframenew .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li.active { background-color: transparent; } body.iframe .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li.active .por-tab-text, body.iframenew .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li.active .por-tab-text { color: #526ecc; font-weight: 700; overflow: visible; } body.iframe .help-content .por-tab-container .por-tab ul li a, body.iframenew .help-content .por-tab-container .por-tab ul li a { padding: 4px 8px; height: 100%; } body.iframe .help-content .por-tab-container .por-tab>ul>li.active a:after, body.iframenew .help-content .por-tab-container .por-tab>ul>li.active a:after { display: none; } body.iframe .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li .por-tab-text:after, body.iframenew .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li .por-tab-text:after { content: ''; position: absolute; bottom: -4px; left: 0; right: 0; width: 0; height: 3px; margin: auto; background-color: #c7000b; opacity: 1; -webkit-transition: width 0.2s, opacity 0s 0.2s; transition: width 0.2s, opacity 0s 0.2s; } body.iframe .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li.active .por-tab-text:after, body.iframenew .por-tab.por-tab-collapse[data-cols='2']>ul:not(.por-tab-drop)>li.active .por-tab-text:after { width: 100%; opacity: 1; -webkit-transition: width 0.2s; transition: width 0.2s; } } @media (max-width: 767px) { body:not(.apiexplorer) .text-guide-container { right: 0; } body:not(.apiexplorer) .text-guide-container .text-guide-body .tex-guide-list { padding-left: 34px; } body:not(.apiexplorer) .text-guide-container .text-guide-body .tex-guide-list li { padding-bottom: 8px; padding-top: 8px; } body:not(.apiexplorer) .text-guide-container .text-guide-body .tex-guide-list li:before { top: calc(50% - 9px); } body:not(.apiexplorer) .support-section .foldicon:before { border-top-color: #f5f5f6; } body:not(.apiexplorer) .support-link-searcher-input { border: solid 1px #adb0b8; } body:not(.apiexplorer) .support-link-searcher-submit:after { content: ''; width: 1px; position: absolute; top: 10px; bottom: 10px; left: -1px; background-color: #e2e2e2; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main .crumbs { margin-top: 0; } body:not(.apiexplorer) .support-nav .side-nav .side-nav { padding: 15px 30px; } body:not(.apiexplorer) .support-content .support-body .wrapper .support-main .move-line { display: none; } body:not(.apiexplorer) .text-guide-container { display: block; position: fixed; width: 0; max-height: calc(100% - 44px); overflow-y: scroll; background: #fff; top: 46px; bottom: 0px; right: 0; z-index: 1000; margin: 0; padding: 15px 0; transition: all 0.3s; } body:not(.apiexplorer) .text-guide-container.active { width: 65% !important; } body:not(.apiexplorer) .support-nav .prod-name { width: 100% !important; } body:not(.apiexplorer) .search-box-l { padding: 0 30px 0 30px; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip { padding: 0 15px; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip .por-tip .por-tip-wenzi { margin-left: 25px; padding-right: 25px; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip .por-tip .por-tip-content:before { left: 0; } body:not(.apiexplorer) .support-content .support-body .minor-language-tip .por-tip .por-tip-remove:after { right: 0; } } /*pc端*/ .support-main { float: left; width: 100%; min-height: 500px; overflow: hidden; } .support-main:before, .support-main:after { content: ' '; display: table; } .support-main:after { clear: both; } .support-main .help-content .ca_details .terms_list a[name] { padding-top: 66px; margin-top: -66px; } .support-main .help-content .ca_details .tab_content .tab_list { background-color: #ffffff; width: 100%; padding: 10px 0 10px 70px; margin-top: 0; margin-bottom: -60px; } .support-main .help-content .ca_details .tab_content .tab_list.show { display: none; } .support-main .help-content .ca_details .tab_content .tab_list.fixed { position: fixed; top: 0px; z-index: 1; } .support-main .help-content .ca_details .tab_content .tab_list:before, .support-main .help-content .ca_details .tab_content .tab_list:after { content: ' '; display: table; } .support-main .help-content .ca_details .tab_content .tab_list:after { clear: both; } .support-main .help-content .ca_details .tab_content .tab_list li { float: left; width: 84px; height: 40px; line-height: 40px; margin: 0 10px 0 0; font-size: 14px; text-align: center; border: 1px solid #c7000b; border-radius: 2px; -webkit-transition: background-color, 0.5s; transition: background-color, 0.5s; color: #c7000b; padding-left: 0; } .support-main .help-content .ca_details .tab_content .tab_list li:after { display: none; } .support-main .help-content .ca_details .tab_content .tab_list li:hover { background: #c7000b; color: #fff; box-shadow: 0 10px 20px 0 rgba(246, 111, 106, 0.3); border-radius: 2px; } .support-main .help-content .ca_details .tab_content .tab_list li a { color: inherit; width: 82px; height: 38px; display: block; margin: 0; -webkit-transition: all, 0s; transition: all, 0s; padding: 0; line-height: 38px; } .support-main .help-content .ca_details .tab_content .tab_list li a:hover { text-decoration: none; } .support-main .help-content .ca_details .tab_sub_content { padding-top: 66px; } .support-main .help-content .ca_details .tab_sub_content:last-child .border { display: none; } .support-main .help-content .ca_details .tab_sub_content .help_h4 { font-weight: 700; font-size: 14px; color: #575d6c; line-height: 20px; } .support-main .help-content .ca_details .tab_sub_content .terms_list { margin-left: 11px; border-left: 1px solid #dfe1e6; list-style: none; margin-top: 10px; padding-left: 25px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li { position: relative; margin-left: 25px; padding-left: 50px; padding-bottom: 8px; margin-bottom: 6px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li:after { display: none; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .serial_number { position: absolute; height: 24px; text-align: center; left: -15px; background: #fff; font-weight: 700; font-size: 18px; color: #c7000b; line-height: 24px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .item h5 { font-weight: 700; font-size: 18px; color: #252b3a; line-height: 24px; margin-bottom: 8px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .item p { margin-bottom: 20px; font-size: 14px; color: #575d6c; line-height: 22px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .item p a { font-size: 14px; color: #526ecc; line-height: 24px; text-decoration: none; transition: all 0.2s; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .item p a:hover { color: #344899; text-decoration: underline; } .support-main .help-content .ca_details .tab_sub_content .border { border-bottom: 1px dashed #ccc; margin-left: 115px; margin-top: -1px; } @media (max-width: 1199px) { .support-main { padding-right: 100px; } .support-main .help-content .ca_details .tab_sub_content .terms_list { margin-left: 10px; } } .crumbs .text { color: #3b516a; } /*移动端*/ @media (max-width: 768px) { .support-main { float: none; width: 100%; min-height: 500px; margin-left: 0px; padding-right: 0px; } .support-main .help-content .ca_details .terms_list a[name] { padding-top: 98px; margin-top: -98px; } .support-main .help-content .ca_details .tab_content .tab_list { margin-top: 0px; margin-bottom: -50px; padding-left: 0px; } .support-main .help-content .ca_details .tab_content .tab_list.fixed { position: fixed; top: 48px; z-index: 1; padding: 10px 0 10px 0px; } .support-main .help-content .ca_details .tab_content .tab_list:before, .support-main .help-content .ca_details .tab_content .tab_list:after { content: ' '; display: table; } .support-main .help-content .ca_details .tab_content .tab_list:after { clear: both; } .support-main .help-content .ca_details .tab_content .tab_list li { float: left; width: 63px; height: 25px; border: 1px solid #ccc; margin-bottom: 5px; margin-right: 5px; font-size: 16px; text-align: center; font-size: 12px; line-height: 25px; -webkit-transition: background-color, 0.5s; transition: background-color, 0.5s; color: #c7000b; border: 1px solid #c7000b; border-radius: 2px; } .support-main .help-content .ca_details .tab_content .tab_list li :hover { background: #c7000b; color: #fff; box-shadow: 0 10px 20px 0 rgba(246, 111, 106, 0.3); border-radius: 2px; } .support-main .help-content .ca_details .tab_content .tab_list li a { color: inherit; width: 63px; height: 25px; line-height: 25px; display: block; -webkit-transition: all 0s; transition: all 0s; padding: 0; margin: 0; } .support-main .help-content .ca_details .tab_sub_content { padding-top: 75px; } .support-main .help-content .ca_details .tab_sub_content:last-child .border { display: none; } .support-main .help-content .ca_details .tab_sub_content .help_h4 { font-size: 10px; color: #8a8d93; line-height: 10px; } .support-main .help-content .ca_details .tab_sub_content .terms_list { margin-left: 10px; border-left: 1px solid #ddd; list-style: none; margin-top: 15px; margin-bottom: 15px; padding-left: 11px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li { position: relative; margin-left: 25px; padding-left: 10px; padding-bottom: 5px; margin-bottom: 5px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .serial_number { position: absolute; text-align: center; left: -26px; background: #fff; font-size: 14px; color: #c7000b; line-height: 20px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .item h5 { font-size: 14px; color: #252b3a; line-height: 21px; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .item p { margin: 5px 0 5px; font-size: 14px; line-height: 21px; color: #252b3a; } .support-main .help-content .ca_details .tab_sub_content .terms_list li .item p a { font-size: 16px; line-height: 20px; padding: 0; } .support-main .help-content .ca_details .tab_sub_content .border { border-bottom: 1px dashed #ccc; margin-left: 65px; } .support-main .help-content img:not(.c-image) { display: block!important; } .c-div { text-align: center; } } @media (min-width: 1024px) { .support-main .help-content .ca_details { padding-bottom: 120px; } } /*# sourcemappingurl=index.css.map*/