.section{padding: 30px 0;overflow: visible;}
.search-box{ display: flex; }
.section-header h1{ color: #1c1d1f; font-size: 20px; }
.section-header p{ font-size: 14px; color: #626266;line-height: 1; margin: 17px 0 30px; }
.search-box h1{ white-space:nowrap; margin-right: 40px; font-size: 28px; color: #1c1d1f; line-height: 50px; }
.banner-info{max-width: none;}
.search-input{ width: 100%; max-width: 790px; min-width: 600px; }
.search-item{ max-width: none; margin-bottom: 0; }
.search-item .help_search{ display: flex; }
.search-input{ height: 50px; line-height: 50px; }
.search-input p{ padding: 0 18px; box-sizing: border-box; }
.search-item a { width: 86px; height: 50px; display: inline-block; background-color: #2981ff; vertical-align: top; color: #fff; line-height: 50px; text-align: center; font-size: 14px; }
.search-box p,.search-box p a{ color: #93939a; }
.help-box{ display: flex; justify-content: space-between; }
.skip-item{ width: 220px; height: auto; text-align: left; background-color: #fff; margin-top: 35px; }
.section-box-r{ width: calc(100% - 240px);min-height: 320px; border-left: 1px solid #ebedf0; padding:20px 0 60px 30px; box-sizing: border-box; }
.skip-box{height: 0;}
.skip-item ul{background-color: #fff;}
.skip-box ul li{ height: 40px; line-height: 40px; padding: 0 27px; box-sizing: border-box;margin: 5px 0; }
.menu-tab li a{ position: relative; padding-left: 34px; height: 100%; box-sizing: border-box; }
.skip-item ul li a{margin-left: 0;transition: all .3s;}


.skip-item ul li:hover a{color: #2981ff;}
/* .menu-tab li a::after{ content: ""; position: absolute; width: 20px; height: 20px; left: 0; bottom: 12px; background: rgba(146, 16, 18, .2); } */
.menu-tab li a::before{ content: ""; position: absolute; left: 0; top: 8px; width: 20px; height: 20px;
    background-size: cover;
    background-position: center center;
}
.zz a::before{ background-image: url(../image/zz-m.png); }
.zz.on a::before,.zz:hover a::before{ background-image: url(../image/zz-x.png); }
.bz a::before{ background-image: url(../image/bz-m.png); }
.bz.on a::before,.bz:hover a::before{ background-image: url(../image/bz-x.png); }
.wt a::before{ background-image: url(../image/wt-m.png); }
.wt.on a::before,.wt:hover a::before{ background-image: url(../image/wt-x.png); }
.cz a::before{ background-image: url(../image/cz-m.png); }
.cz.on a::before,.cz:hover a::before{ background-image: url(../image/cz-x.png); }
/* 自助服务 */
.section-items .clear,.helper-doc{ font-size: 0; margin:-10px; display: -ms-flexbox; display: -webkit-box; display: -moz-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.section-items .clear>div,.helper-doc>div{ display: inline-block; vertical-align: top; width: 33.33333%; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; height: auto; }
.section-self,.block-item-box .block-item{ position: relative;top: 0px; border: 1px solid #eef0f3; padding: 25px 36px 21px; box-sizing: border-box; height: 100%; transition: all .3s; }
.section-self{padding-bottom: ;}
/* .section-self::before,.block-item-box .block-item::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: url(/images/new_kkidc/helpcenter/hover_bg.png) no-repeat; background-position: top right; background-size: auto 100%; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } */

.section-items .section-item .section-self::before,.helper-items .block-item-box .block-item::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
}
.section-items .section-item:nth-child(1) .section-self::before{
    background-image: url(../image/service-bg-1.png);
}
.section-items .section-item:nth-child(2) .section-self::before{
    background-image: url(../image/service-bg-2.png);
}
.section-items .section-item:nth-child(3) .section-self::before{
    background-image: url(../image/service-bg-3.png);
}
.helper-items .helper-doc .block-item-box:nth-child(1) .block-item::before{
    background-image: url(../image/manual-bg-1.png);
}
.helper-items .helper-doc .block-item-box:nth-child(2) .block-item::before{
    background-image: url(../image/manual-bg-2.png);
}
.helper-items .helper-doc .block-item-box:nth-child(3) .block-item::before{
    background-image: url(../image/manual-bg-3.png);
}
.helper-items .helper-doc .block-item-box:nth-child(4) .block-item::before{
    background-image: url(../image/manual-bg-4.png);
}
.helper-items .helper-doc .block-item-box:nth-child(5) .block-item::before{
    background-image: url(../image/manual-bg-5.png);
}

.section-self:hover,.block-item-box .block-item:hover{top: -6px; box-shadow: 0px 3px 10px 0px rgba(199, 200, 201, 0.33); }
.section-self:hover::before,.block-item-box .block-item:hover::before{ opacity: 1; }

.section-item-top{ position: relative; display: flex; align-items: center; z-index: 1; margin-bottom: 41px; }
.section-item-top p{ color: #1c1d1f; font-size: 18px; position: relative; margin-right: 12px; }
.section-item-top p::before{ content: ""; position: absolute; height: 16px; width: 4px; top: 4px; left: -18px; background-color: #2981ff; }
.section-item-top span{ color: #93939a; font-size: 14px; }
.content-box,.block-content{ position: relative; z-index: 1; color: #323235; font-size: 14px; }
.section-content .content-item{ display: flex; margin-top: 0; }
.section-content .content-item>a{ display: block; flex: 1; }
.section-content .content-item:not(:last-child){ margin-bottom: 20px; }

/* 帮助文档 */
.helper-doc>div{ width: 100%;}
.helper-items .section-item-top{ margin-bottom: 29px; }
.block-item-box .block-item{ min-height: 218px; }
/* .block-item-box .block-item::before{ background: url(/images/new_kkidc/helpcenter/hover_bg2.png) no-repeat; background-position: top right; background-size: auto 100%; } */
.block-content ul{ display: flex; flex-wrap: wrap; }
.block-content ul>li{ width: 50%; margin-bottom: 15px; }
.block-content ul>li .p-1{ margin-right: 45px;line-height: 24px; }
.block-content ul>li:hover p{ color: #2981ff; }
.seemore p{color: #2981ff; padding-left: 5px;}
.seemore:hover p{opacity: .8;}

/* 常见问题 */
.select-wrapper{ margin: 0 0 10px 0; }
.problem-select ul{ padding: 0; width: auto; display: flex; }
.problem-select li{ margin-right: 10px; padding: 0 ; }
.problem-select li a{ background-color: #f2f4f7; padding: 0 23px; line-height: 34px; color: #93939a; font-size: 14px; }
.problem-select li.active a,.problem-select li:hover a{ background-color: #2981ff; color: #fff; border: none; }
.problem-content ul li{ display: flex; padding: 12px 0; }
.problem-content ul li>a{ flex: 1; position: relative; padding: 0 30px 0 16px; color: #323235; max-width: 33.3333%; box-sizing: border-box; }
.problem-content ul li>a::before{ content: ""; position: absolute; width: 4px; height: 4px; left: 0; top: 8px; border-radius: 50%; background-color: #323235; }
.problem-content ul li>a:hover{ color: #2981ff; }
.problem-content ul li>a:hover::before{ background-color: #2981ff; }
.problem-content  ul{padding: 25px 30px;background-color: #f8f9fb;}

/* 操作手册 */
.section-body table{ border-collapse: collapse; border: 1px solid #ebedf0; width: 100%; }
.section-body table td{ border: 1px solid #ebedf0; width: 25%; height: 140px; }
.section-icon{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; }
.section-icon::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; background: url(../image/output.jpg) no-repeat; background-position: top right; background-size: 100% 100%; opacity: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.section-icon:hover::before{opacity: 1;box-shadow: 0px 3px 10px 0px rgba(199, 200, 201, 0.33); }
.section-icon a{ display: flex; justify-content: center; align-items: center; flex-direction: column;z-index: 1; }
.section-icon p{margin-top: 3px;}


/* 文档列表页 */
.detail-container .detail-box{padding: 30px 0 100px;}
.detail-box .section-box-r{ padding: 29px; border: none; background-color: #fff;}
.detail-box .skip-item{ margin-top: 0px; }
.cp a::before{ background-image: url(../image/cp-m.png); }
.cp.on a::before,.cp:hover a::before{ background-image: url(../image/cp-x.png); }
.zn a::before{ background-image: url(../image/zn-m.png); }
.zn.on a::before,.zn:hover a::before{ background-image: url(../image/zn-x.png); }
.wz a::before{ background-image: url(../image/wz-m.png); }
.wz.on a::before,.wz:hover a::before{ background-image: url(../image/wz-x.png); }
.js a::before{ background-image: url(../image/js-m.png); }
.js.on a::before,.js:hover a::before{ background-image: url(../image/js-x.png); }
.fw a::before{ background-image: url(../image/fw-m.png); }
.fw.on a::before,.fw:hover a::before{ background-image: url(../image/fw-x.png); }
/* 常见问题列表图标 */
.wlaq a::before{ background-image: url(../image/wlaq-m.png); }
.wlaq.on a::before,.wlaq:hover a::before{ background-image: url(../image/wlaq-x.png); }
.bmd a::before{ background-image: url(../image/bmd-m.png); }
.bmd.on a::before,.bmd:hover a::before{ background-image: url(../image/bmd-x.png); }
.fwq a::before{ background-image: url(../image/fwq-m.png); }
.fwq.on a::before,.fwq:hover a::before{ background-image: url(../image/fwq-x.png); }
.zc a::before{ background-image: url(../image/zc-m.png); }
.zc.on a::before,.zc:hover a::before{ background-image: url(../image/zc-x.png); }
.cjs a::before{ background-image: url(../image/cjs-m.png); }
.cjs.on a::before,.cjs:hover a::before{ background-image: url(../image/cjs-x.png); }
.ym a::before{ background-image: url(../image/ym-m.png); }
.ym.on a::before,.ym:hover a::before{ background-image: url(../image/ym-x.png); }
.beian a::before{ background-image: url(../image/beian-m.png); }
.beian.on a::before,.beian:hover a::before{ background-image: url(../image/beian-x.png); }

.detail-box .right-top{margin-bottom: 30px;}
.detail-box .right-top a span{ font-size: 14px; color: #93939a; }
.detail-box .right-top a span:hover{color: #2981ff;}
.detail-box .right-top a .tag-title{ color: #323235; }
.detail-box .content-item-title{ margin-bottom: 28px; }
.detail-box .content-item-title h1{ font-size: 24px; color: #1c1d1f;margin-bottom: 14px; }
.detail-box .content-item-title .data-time{ font-size: 14px; color: #acacac; }
.detail-box .content-item-detail{ line-height: 30px; }
.detail-container .skip-box ul{ padding-bottom: 35px; }
.detail-container .skip-box ul li{ margin: 1px 0 10px; }

/* 列表页 */
.right-content {box-sizing: border-box;}
.right-content .content-item {padding: 8px 30px;box-sizing: border-box;background-color: #fff;min-height: 336px;}
.right-content .content-item li {padding: 25px 0;}
.right-content .content-item li:not(:last-child) {border-bottom: 1px solid #f2f4f7;}
.right-content .content-item .list-top {display: flex;justify-content: space-between;margin-bottom: 17px;align-items: center;}
.right-content .content-item .list-title {font-size: 18px;color: #323235;transition: all .3s;}
.right-content .content-item .list-title:hover {color: #2981ff;}
.right-content .content-item .list-date {color: #acacac;}
.right-content .content-item .list-content {color: #626266;}
.pageItem {text-align: right;margin: 0;}
.pageItem a {background-color: #fff;}
.pageItem ul {justify-content: end;}

/* 产品文档详情 */
.help-document .wrapper{display: flex; min-height: 500px;}
.document-l{width: 340px;background-color: #fff;margin-left: 1px;border-left:  1px solid #ebedf0;;}
.document-l-top{position: relative}
.document-l-top{line-height: 60px;padding:0 48px 0 42px;border-bottom: 1px solid #ebedf0;box-sizing: border-box; display: flex; justify-content: space-between;}
.document-l-top h2{font-size: 14px;color:#04304b;position: relative;}
.document-menu{    position: absolute;
    top: 0px;
    right: -243px;
    padding-right: 20px;}
.document-menu .menuicon{
    width: 14px;
}
.document-menu i{font-size: 12px;}
.document-search{padding:20px 40px 10px;border-bottom: 1px solid #ebedf0}
.document-search p{font-size: 16px;font-weight: bold;color:#04304b}
.document-search .seach-box{margin-top: 15px;position: relative}
.document-hide-r input::placeholder { color: #b1b5bb; }
.document-search input{border:0;width: 100%;height: 34px;padding:0 24px;box-sizing: border-box}
.document-search input::placeholder{color:#a4acb3}
.document-search .search-btn{position: absolute;left: 0;top:8px}
.document-search li a{font-size: 16px; font-weight: bold;color: #1c1d1f;}
.document-nav{padding: 20px 0}
.document-nav li{line-height: 40px;position: relative}
.document-nav .drop[data-toggle] i{display:inline-block;transition: all .3s;color:#a1a8b9;font-size: 12px; position: absolute;right: 20px;    transform: scale(0.7) rotate(0deg);}
.document-nav .drop[data-toggle] .open i{transform: scale(0.7) rotate(90deg)}

/* 补充样式 */
.document-nav .drop[data-toggle] i{transform: scale(0.7) rotate(-90deg);}
.document-nav .drop[data-toggle] .open i{transform: scale(0.7) rotate(0deg)}

/* .document-nav .open i{transform: rotate(90deg)} */
.document-nav ul ul{display: none;}
.document-nav a{padding-left: 40px;display: block;}
.document-nav .drop a.open>i{color: #1c1d1f;}
.document-nav ul ul li a{padding-left: 52px;color:#626266;}
@media screen and (min-width: 1024px){
    .section-self{    padding-bottom: 39px;}
    .document-nav ul ul li.on a,.document-nav a:hover{color:#2981ff;background-color: rgba(242, 244, 247, .5);}
    .skip-item ul li.on a,.skip-item ul li:not(.on):hover a{ border: none; margin-left: 6px;color: #2981ff; }
    .skip-item ul li.on,.skip-item ul li:hover{background-color: #f8f9fb;}
    .right-content {width: calc(100% - 240px);}
}
.document-nav ul ul li.on a:before,.document-nav a:hover:before{background-color:#2981ff;}
.document-r{flex: 1;border-left: 1px solid #ebedf0;padding: 35px 48px; box-sizing: border-box;}
.document-r>h1{font-size: 16px;color:#04304b;line-height: 55px}
.document-r .content{line-height: 1.5em;}
.detail-item>.time{color:#acacac}
.document-item{position: relative;height: 100%;background-repeat: no-repeat;background-position: right bottom;box-sizing: border-box }
.document-item .crumb{margin-bottom: 20px;}
.help-tree{width: 880px;padding-top: 40px;}
.help-tree-header{text-align: center}
.help-tree-header {margin-bottom: 20px;}
.help-tree-header span{line-height: 35px;color: #93939a;}
.help-tree-item{padding-top: 24px;display: flex;justify-content: center;}
.tree-l{border-right: 1px solid #eaebef;position: relative;border-top-right-radius: 7px;min-width: 480px;}
.tree-name{font-size: 16px;font-weight: bold;display: block;line-height: 5px;position: relative;top: -23px;}
.tree-name:after{content:'';display: block;width: 50%;height: 20px;border-top: 1px solid #eaebef;position: absolute;right: 0;top: 22px;}
.tree-name-left:after {border-top-right-radius: 7px;}
.tree-name-right:after {border-top-left-radius: 7px;}
.tree-name-subleft {position: relative;left: 185px;top: 20px;width: max-content;}
.tree-name-subright {position: relative;right: -235px;top: 20px;width: max-content;}
.tree-name-subleft i,.tree-name-subright i {color: #2981ff;font-size: 24px;vertical-align: bottom;}
.tree-r{position: relative;border-top-left-radius: 7px;min-width: 480px;}
.tree-r .tree-name:after{right: auto;left: 0}
.tree-r:after{left: -6px}
.tab-wrap .tab{width: 390px;position: relative;margin-top: 24px;}
.tab-wrap .tab:hover{box-shadow: 0 0 15px rgba(110,139,189,.23)}
.tab-wrap .tab-htop {height:4px;padding:0 20px 0 27px;box-sizing: border-box;background-color: #2981ff;}
.tab-wrap .tab-h{line-height: 44px;background: #f6f7fb; box-sizing: border-box;cursor: pointer}
.tab-wrap .tab.open .icon-arrow{transform: rotate(180deg)}
.tab-wrap .tab .open i{transform: rotate(90deg)}
.tab-wrap .tab-h h3{font-size: 14px;color:#32363f;padding: 0 20px 0 27px;border: 1px solid #dde5f7;}
.tab-wrap .tab-b{background-color: #fff;padding:15px 28px;display: none;border: 1px solid #dde5f7;border-top: none;}
.tab-wrap .tab-b dl{font-size: 0;}
.tab-wrap .tab-b dd{min-width: 50%;display: inline-block;line-height: 35px;font-size: 14px;color: #323235;}
.tab-wrap .tab-b dd:nth-child(2n){padding-left: 50px;min-width: calc(50% - 50px);}
.tab-wrap .tab-b dd:before{content:'';display:inline-block;width: 6px;height: 6px;background-color: #04304b;vertical-align: middle;margin-right: 10px;position: relative;top: -1px;}
.tab-wrap .tab-b dd:hover a{color:#4b89f3}
.tab-wrap .tab-b .more-btn{color:#5a6c7b;display: block;margin-top: 10px}
.tree-r .tab-wrap .tab{margin-left: 50px}
.crumb{margin-bottom: 30px}
.crumb li{display: inline-block;}
.crumb li,.crumb li a{color: #93939a;}
.crumb li a:hover{color: #2981ff;}
.crumb li:after{content:'>';font-family: SimSun;margin:0 5px}
.crumb li:last-child:after{display: none}
.document-r .crumb li:last-child a{ color: #323235; }
.document-r-wrap{position: relative}
.detail-item{margin-bottom: 30px}
.detail-item>h1{font-size: 24px;margin-bottom: 15px}
.detail-item>h2{font-size: 18px;margin-bottom: 10px}
.detail-item table{border-collapse: collapse;max-width: 100%}
.detail-item table thead{background-color: #edf1f7}
.detail-item table th{text-align: left}
.detail-item table th,.detail-item table td{border:1px solid #dae3f2;padding: 15px 55px;}
.document-r-wrap .detail-data{line-height: 25px;}
.document-skip{position: absolute;left:100%;top:0;min-width: 160px;}
.document-skip span{font-weight: bold;display: block;padding-left: 20px}
.document-skip ul{border-left: 4px solid #e9ecf2;padding:10px 0}
.document-skip li{line-height: 18px;padding: 6px 0 6px 15px;margin-bottom: 10px;position: relative}
.document-skip li:before{content:'';display:block;width: 4px;height: 0;top:0;left: -4px;position: absolute;background-color: #4b89f3;transition: all .3s}
.document-skip li.on a{color:#4b89f3}
.document-skip li.on:before{height: 100%}

.document-category{
    position: absolute;
    left: 35px;
    top: -1px;
    z-index: 8;
    width: 498px;

    background-color: #ffffff;
    box-shadow: 0px 3px 8px 0px rgba(26, 88, 177, 0.08);
    border: solid 1px #ebedf0;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.document-menu:hover .document-category{
    opacity: 1;
    visibility: visible;
}
.document-category h2{    line-height: 60px;
    padding: 0 40px;
    border-bottom: 1px solid #ebedf0;}
.document-category ul{
    padding: 15px 40px;
    display: flex;
    flex-wrap: wrap;
}
.document-category li{width: 33.33333%;line-height: 40px}
.document-category li a:hover{color:#4b89f3}
.document-hide-r,.document-hide-l{position: relative;}
.document-hide-r .search-btn { position: absolute; left: 12px; top: 1px; }
.document-hide-r input { border: 0; width: 410px; height: 40px; padding: 0 36px; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #f8f9fb; }

/* 产品操作手册 */
.intro-item-box .product-intro{ width: 100%; background: url(../image/manual_bg.png) no-repeat; background-size: 100% 100%; min-height: 222px; padding: 30px; box-sizing: border-box; margin-bottom: 40px;}
.intro-item-box .product-intro h1{ font-size: 24px; color: #1c1d1f; margin-bottom: 20px; line-height: 1; }
.intro-item-box .product-intro p{ line-height: 30px; font-size: 14px; color: #323235; margin-bottom: 16px; }
.intro-item-box .product-intro .look-p{ display: block; background-color: #2981ff; height: 40px; width: 144px; line-height: 40px; color: #fff; text-align: center; }
.intro-item-box .product-intro .look-p:hover{
    background-color: #2574e5;
}
.intro-item-guide{ padding-left: 40px; }
.guide-top{    border-bottom: 1px solid #e8eaed;
    margin-bottom: 30px;
    padding-bottom: 20px;}
.guide-top h2{ color: #1c1d1f; font-size: 18px; line-height: 1; margin-bottom: 15px; }
.guide-top p{ font-size: 14px; color: #626266; }
/* .intro-box{ display: flex; } */
.intro-box>div{ flex: 1; }
.intro-box .intro-l{ max-width: 100px; position: relative; font-size: 16px; font-weight: bold; line-height: 22px; padding-left: 27px; box-sizing: border-box;margin-bottom: 18px; }
.intro-module1::before{ content: ""; position: absolute; left: 0; top: 0;width: 20px;height: 20px; background: url(../image/icon_rumen.png) no-repeat; background-size: 100% auto; }
.intro-module2::before{ content: ""; position: absolute; left: 0; top: 0;width: 20px;height: 20px;background: url(../image/icon_shiyong.png) no-repeat; background-size: 100% auto; }
.product-intro-title{ position: relative; padding-left: 18px; font-size: 14px; color: #1c1d1f; margin-bottom: 18px; }
.product-intro-title::before{ content: ""; position: absolute; top: 4px; left: 0; width: 4px; height: 12px; background-color: #2981ff; }
.intro-item-details{ background-color: #f6f8fb; padding: 10px 30px; box-sizing: border-box; }
.intro-item-details ul{ display: flex; flex-wrap: wrap; }
.intro-item-details li{ height: 40px; line-height: 40px; width: 20%; }
.intro-item-details li p{ color: #626266; margin-right: 30px; transition: all .3s; }
.intro-item-details li p:hover{ color: #2981ff; }
.intro-r .intro-data:not(:last-child){ margin-bottom: 27px; }
/* .intro-r{ padding-bottom: 20px; position: relative; } */
.intro-box{ margin-bottom: 10px; }
/* .intro-box:not(:last-child) .intro-r::before{ content: ""; position: absolute; width: 1px; height: calc(100% - 28px); left: -91px; bottom: 0; background-color: #ebedf0; } */

.help-guide-data .box-top {
    box-shadow: none;
    transition: all .3s;
    box-sizing: border-box;
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    align-items: center;
    width: 100%;
    background-image: url(../image/help-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.help-guide-data>li{
    border: 1px solid #e8eaed;
    margin-bottom: 27px;
}
.help-guide-data .box-top .product-l{
    background-image: url(../image/help-bg-t.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: right;
    padding: 0 70px 0 28px;
    color: #fff;
    font-weight: bold;
}
.help-guide-data .box-top.open-box .iconfont {
    transform: rotate(-180deg);
    color: #2981ff;
}
.help-guide-data .box-top .iconfont {
    color: #bdc4cf;
    transition: transform .3s ease;
    display: block;
}
.help-guide-data .product-text ul{
    display: flex;
    flex-wrap: wrap;
    padding: 18px 23px;
    box-sizing: border-box;
    border-top: 1px solid #e8eaed;
}
.help-guide-data .product-text ul>li{
    width: 50%;
    line-height: 24px;
    margin: 6px 0;
    padding-left: 14px;
    position: relative;
    box-sizing: border-box;
}
.help-guide-data .product-text ul>li::before{
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    background-color: #323235;
    border-radius: 50%;
    left: 0;
    top: 10px;
}
.help-guide-data .product-text ul>li .word-limit{
    color: #323235;
}
.help-guide-data .product-text ul>li .word-limit:hover{
        color: #2981ff;
}
.help-guide-data .product-text ul>li:hover::before{
    background-color: #2981ff;
}

.document-nav .pc-show{
    display: inline-block !important;
}
.document-nav .m-show{
    display: none !important;
}
@media screen and (min-width: 1024px) and (max-width:1450px){
    .section-item-top{
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 24px;
    }
    .section-item-top p{
        margin-bottom: 8px;
    }
}
@media screen and (min-width: 1024px){
    .guide-bottom{display: flex;max-width: 1180px;}
    .guide-bottom>div{flex: 1;}
    .guide-bottom>div:first-child{margin-right: 20px;}
    .intro-box .intro-r{max-width: 440px;}
    .section-icon a img{max-height: 55px; margin-bottom: 8px;}
    .guide-top h2{
        position: relative;
        padding-left: 17px;
    }
    .guide-top h2::before{
        content: "";
        position: absolute;
        width: 4px;
        height: 16px;
        background-color: #2981ff;
        left: 0;
        top: 2px;
    }
}
@media screen and (max-width: 1023px){

    .document-nav .pc-show{
        display: none !important;
    }
    .document-nav .m-show{
        display: inline-block !important;
    }

    /* 操作手册 */
    .product-items .intro-border{
        display: flex;
        flex-wrap: wrap;
        padding: 10px 20px;
    }
    .operating-manual .document-hide-l,.operating-manual .crumb,.document-l-top,.document-nav,.document-search>p{
        display: none;
    }
    .help-document .wrapper {
        flex-direction: column;
    }
    .document-hide-r input{
        width: auto;
    }
    .document-l{
        width: auto;
        margin-left:0;
        border-left: none;
        position: fixed;
        width: 100%;
        z-index: 9;
    }
    .document-search input{
       border: solid 1px #e1e5eb;
       padding: 0 9px;
    }
    .intro-item-box .product-intro h1 i{
        color: #bdc4cf;
        font-weight: normal;
        margin-left: 10px;
    }
    .seach-box .nav-icon{
        display: block;
        width: 16px;
        height: 13px;
        background: url(../image/m-nav-icon.png) no-repeat; background-size: 100% auto;;
        margin-right: 15px;
    }
    .document-search .seach-box{
        margin-top: 0;
        display: flex;
        align-items: center;
    }
    .document-search .seach-box form{
        flex: 1;
    }
    .document-search{
        padding: 8px 15px;
    }
    .document-search .search-btn {
        position: absolute;
        left: auto;
        right: 8px;
        top: 9px;
    }
    /* .document-search>p{display: none;} */
    .document-r{
        padding: 0;
    }
    .intro-item-box .product-intro{
        background: #fff;
        padding: 30px 15px;
        min-height: auto;
        margin-bottom: 12px;
        margin-top: 51px;
    }
    .intro-item-box .product-intro .look-p{
        height: 37px;
        line-height: 37px;
        width: 150px;
    }
    .intro-item-box .product-intro h1{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .intro-item-box .product-intro p{
        line-height: 21px;
        margin-bottom: 20px;
    }
    .intro-item-guide{
        background: #fff;
        padding: 40px 15px;
        box-sizing: border-box;
    }
    .guide-top h2{
        margin-bottom: 12px;
    }
    .guide-top{
        text-align: center;
        margin-bottom: 20px;
        border-bottom: none;
        padding-bottom: 0;
    }
    .intro-box:not(:last-child) .intro-r::before{
        display: none;
    }
    .operating-manual .intro-box{
        flex-direction: column;
        margin-bottom: 0;
    }
    .operating-manual .intro-box:not(:last-child){
        margin-bottom: 24px;
    }


    .product-feature .box-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        padding: 0 15px;
        height: 53px;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
        width: 100%;
    }

    .intro-r .box-top {
        font-size: 10px;
        color: #6d6f74;
        box-sizing: border-box;
        height: 55px;
        line-height: 55px;
    }
    .intro-r .m-form-item .box-top {
        box-shadow: none;
        transition: all .3s;
    }
    .intro-r .m-form-item .box-top.open-box {
        box-shadow: 0px 6px 16px 0px rgba(199, 208, 222, 0.25), inset -5px 24px 62px 0px rgba(225, 227, 235, 0.65);
    }
    .product-feature .box-top div:first-child {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-box;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        align-items: center;
    }
    .intro-r .m-form-item .box-top.open-box label {
        font-weight: bold;
    }
    .intro-r .m-form-item .box-top label {
        font-size: 16px;
        color: #1c1d1f;
    }
    .intro-r .m-form-item .box-top.open-box .iconfont {
        transform: rotate(-180deg);
        color: #2981ff;
    }
    .intro-r .m-form-item .box-top .iconfont {
        color: #bdc4cf;
        transition: transform .3s ease;
        display: block;
    }
    .intro-r .m-form-item .slide-detail {
        background: url(../image/m-zhinan-bg.png) 100% 100% no-repeat;
        background-size: 100% 100%;
        border-top: 1px solid #eaebef;
        border-radius: 0;
        display: none;
    }
    .intro-r .m-form-item ul>li:first-child .slide-detail{display: block;}
    .product-feature .mobile-data li{
        width: 100%;
        border: solid 1px #eaebef;
        text-align: left;
        display: block;
    }

    .product-feature .mobile-data>li:not(:last-child) {
        margin-bottom: -1px;
    }
    .product-items ul li{
        display: flex;
        box-sizing: border-box;
    }
    .product-items ul li>a{
        width: 50%;
        box-sizing: border-box;
    }
    .product-items ul li>a .word-limit{
        position: relative;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .product-items ul li>a .word-limit::after{
        content: "";
        position: absolute;
        width: 4px;
        height: 4px;
        top: 8px;
        left: 0;
        background-color: #2981ff;
    }
    .intro-r{padding-bottom: 0;}

    .intro-box .intro-l{
        margin-bottom: 15px;
    }
    .product-feature ul{
        box-shadow: 0px 3px 8px 0px rgba(199, 208, 222, 0.25);
    }

    /* 操作手册文章详情 */
    .manual-details .document-r{
        padding: 15px;
        box-sizing: border-box;
        margin-top: 51px;
    }
    .manual-details .crumb{
        margin-bottom: 24px;
    }
    .manual-details .detail-item>h1{
        margin-bottom: 12px;
        font-size: 18px;
    }
    .manual-details .detail-item{
        margin-bottom: 15px;
    }
    .detail-item>.time,.manual-details .crumb ul li a{
        font-size: 12px;
    }
    .manual-details .detail-data p{
        font-size: 14px;
        color: #626266;
        line-height: 23px;
    }


    .document-l-body .document-nav{
        position: absolute;
        width: 100%;
        background-color: #fff;
        z-index: 11;
        opacity: 1;
        height: 100%;
        padding: 0;
    }

    .document-nav li{
        padding: 0 15px;
    }
    .document-nav a{
        padding-left: 0;
        font-size: 15px;
    }
    .document-nav ul ul li a {
        padding-left: 0;
        color: #626266;
    }
    .document-nav .drop[data-toggle] i{
        color: #1c1d1f;
    }
    .document-nav li{
        line-height: 50px;
    }
    .document-nav>ul>li:not(:first-child)>a{
        border-bottom: 1px solid #e1e5eb;
        border-top: 1px solid #e1e5eb;
        margin-top: -1px;
    }
    .seach-box .nav-icon.open-nav{
        background: url(../image/m-icon-out.png) 100% 100% no-repeat;
        background-size: 100% auto;
    }
    /* .document-nav a.open{

    } */

    .document-category{
        left: 0;
        top: 171px;
        width: 100vw;
        font-size: 15px;
        box-sizing: border-box;
        box-shadow: none;
        background-color: #fff;
        padding: 0;
        /* height: calc(100vh - 170px); */
        overflow-y: auto;
        overflow-x: hidden;
        visibility: visible;
        transition:none;
        opacity: 1;
        display: none;
    }
    .document-category ul{
        padding: 0 15px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .document-category ul>li{
        width: 100%;
        line-height: 50px;
        border-bottom: 1px solid #e1e5eb;
    }
    .product-intro .all-nav i{display: inline-block; transition: transform .3s ease;}
    .product-intro .all-nav.open-nav i{
        transform: rotate(-180deg);
        color: #2981ff;
    }

    /* 文档列表页 */
    .detail-container .search-box{
        display: flex;
        flex-direction: column;
    }
    .detail-container .search-box .help-title{
        line-height: 1;
        margin-bottom: 20px;
    }
    .detail-container  .search-input {
        min-width: auto;
    }
    /* .help-box{
        flex-direction: column;
    } */

    .skip-item {
        height: 45px;
        line-height: 45px;
        text-align: center;
        width: 100%;
        z-index: 100;
        top: 0;
        position: relative;
        overflow: hidden;
        margin-top: 0;
        border-bottom: solid 1px rgba(225, 229, 235, .8);
    }
    .skip-item ul {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .right-content{
        padding: 0;

    }
    .detail-container{
        background-color: #fff;
    }
    .detail-container .skip-box ul{
        padding-bottom: 0;
    }
    .detail-container .skip-box ul li{
        margin: 0;
        height: 45px;
        line-height: 45px;
        padding:  0 15px;
        width: auto;
    }
    .detail-container .skip-box ul li.on a{
        font-weight: bold;
    }
    .detail-container .skip-box ul li.on a::after{
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: 0;
        left: 0;
        background-color: #2981ff;
    }
    .skip-box{
        height: 45px;
    }
    .right-content .content-item{
        padding: 0 15px;
    }
    .content-item li .item-info{
        width: 100%;
    }
    .right-content .content-item li{
        padding: 15px 0;
        border-bottom: 1px solid #f2f4f7;
    }
    .pageItem {
        text-align: right;
        margin: 15px auto 15px;
    }




    .right-top .tag-title{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 73%;
    }

    .content-item li .item-info p{
        font-weight: 500;
    }

    .intro-module1::before{
        width: 15px;
        height: 16px;
        top: 3px;
        background: url(../image/m-icon_rumen.png) no-repeat;
        background-size: 100% auto;
    }
    .intro-module2::before{
        width: 15px;
        height: 16px;
        top: 3px;
        background: url(../image/m-icon_shiyong.png) no-repeat;
        background-size: 100% auto;
    }
    .product-feature .mobile-data .intro-border li{
        border: 0;
        width: 50%;
        margin: 6px 0;
        box-sizing: border-box;
    }
    .intro-r .m-form-item .box-top.open-box{
        box-shadow: 0px 11px 8px -7px rgba(199, 208, 222, 0.2), inset 0px 0px 0px 0px #ffffff, inset -2px 19px 22px 0px rgba(225, 227, 235, 0.3);
        border-top: 1px solid rgba(255, 255, 255, 0.8);
    }
    .product-feature ul{
        box-shadow: 0px 8px 22px 0px rgba(199,208,222,0.25);
    }
    .product-feature .mobile-data li{
        border: solid 1px #eaebef;
        border-radius: 0;
    }
    .skip-item ul::-webkit-scrollbar {
        display: none; /*隐藏滚动条*/
    }
}


/* @media screen and (min-width: 769px){
    .right-content {width: calc(100% - 240px);}
} */