.banner-wrap{height: 340px;background-image: url(../images/help-banner-bg.jpg)}
.banner-item{padding-bottom: 0}
.banner-item-title{font-size: 32px;}
.help-banner{display: -webkit-flex;display: flex;justify-content: center}

.search{width: 620px;}
.search-box{display: -webkit-flex;display: flex;margin-bottom: 10px}
.search-box-input{width: calc(100% - 118px);height: 50px;border:none;padding: 0 20px}
.search-box-btn{width: 118px;line-height: 50px;background-color: #0096ff;color: #fff}
.search-keyword{text-align: left}
.search-keyword a{color: #fff;margin-right: 5px}

.help-cate li{width: 23%;margin:1%;text-align: center;float: left;border-radius: 15px;transition: all .3s;box-sizing: border-box}
.help-cate li a{display:block;padding: 0 0 25px;}
.help-cate .cate-icon{width: 160px;height: 145px;margin: 0 auto}
.help-cate p{margin:11px 0 5px;font-size: 16px;}

.search-result-head{padding: 25px 0;border-bottom: 1px solid #eaeaea}
.search-result-p{line-height: 36px;}

.search-result-content{padding-bottom: 100px;}
.search-result-list>li{padding: 20px 0;border-bottom: 1px solid #eaeaea}
.search-result-list>li ul{margin-left: 30px}
.search-result-list>li li{margin: 15px 0}
.search-result-list>li li:last-child{margin-bottom: 0}
.list-title{color: #11111a;margin-bottom: 10px}
.list-desc{color: #666;line-height: 1.6em}


.help-document{padding: 115px 0 20px}
.document-l{background-color: #f5f5f5;width: 246px;}
.document-l-top{position: relative}
.document-l-top h2{font-size: 14px;color:#04304b;position: relative;}
.document-l-top>h2{line-height: 55px;padding:0 24px;border-bottom: 1px solid #e4e6f3;}
.document-menu{position: absolute;top:0;right: 0;padding:18px 24px}
#help-menu{font-size: 18px}
.document-menu:hover .document-category{display: block}

.document-category{position: absolute;left: 70px;top:0;background-color: #f5f5f5;box-shadow: 0 2px 10px rgba(0,0,0,.21);width: 400px;;padding:20px 40px;display: none;z-index: 9}
.document-category h2{line-height:40px ;}
.document-category li{width: 33.33333%;float: left;line-height: 40px}
.document-category li a:hover{color:#4b89f3}

.document-search{padding:24px;border-bottom: 1px solid #e4e6f3}
.document-search p{font-size: 16px;font-weight: bold;color:#04304b}
.document-search .seach-box{border:1px solid #e4e6f3;margin-top: 15px;position: relative}
.document-search input{border:0;width: 100%;height: 33px;padding:0 10px;box-sizing: border-box}
.document-search input::placeholder{color:#a4acb3}
.document-search .search-btn{padding-left: 10px;border-left: 1px solid #e4e6f3;position: absolute;right: 10px;top:8px}



.document-nav{padding: 24px}
.document-nav li{padding-left: 25px;line-height: 35px;position: relative}
.document-nav .drop[data-toggle]>a:before{content:'';display:block;width: 10px;height: 10px;background-image: url(../images/help-icon.png);background-position: -41px -13px;position: absolute;left: 0;top: 12px;transition: all .3s}
.document-nav .open>a:before{transform: rotate(90deg)}
.document-nav ul ul{display: none;padding-bottom: 10px}
.document-nav ul ul li a{color:#5a6c7b}
.document-nav ul ul li.on a,.document-nav a:hover{color:#0096ff}

.document-r{margin-left: 30px;width: 804px;padding-bottom: 100px}
.document-r>h1{font-size: 16px;color:#04304b;line-height: 55px}
.document-r .content{line-height: 1.5em;}
.detail-item>.time{color:#5a6c7b}
.document-intro{background-color: #040a18;height: 245px}
.document-item{background-image: url(../images/help-list-banner.jpg);height: 100%;background-repeat: no-repeat;background-position: right center;margin:0 35px;padding:35px 0;box-sizing: border-box;
}
.document-item .intro-item{width: 455px}
.document-item .intro-item *{color:#fff}
.document-item .intro-item h2{font-size: 20px;line-height: 50px}
.document-item .intro-item p{line-height: 1.5em}
.document-item .intro-item .btn{margin-top: 20px}

.help-tree{padding-top: 45px}
.help-tree-header{text-align: center}
.help-tree-header span{line-height: 35px}

.help-tree-item{padding-top: 50px;}
.tree-l{border-right: 1px solid #e6e6e6;position: relative}
.tree-l:after,.tree-r:after{content:'';display: block;width: 12px;height: 12px;background-image: url(../images/help-icon.png);background-position: -41px 0;position: absolute;right: -6px;bottom: -11px}
.tree-name{font-size: 16px;font-weight: bold;text-align: center;display: block;line-height: 35px;position: relative;top: -23px;}
.tree-name:before{content:'';display: block;width: 21px;height: 24px;background-image: url(../images/help-icon.png);margin:0 auto}
.tree-name:after{content:'';display: block;width: 50%;height: 1px;border-bottom: 1px solid #e6e6e6;position: absolute;right: 0;top: 22px;}
.tree-r{border-left: 1px solid #e6e6e6;position: relative}
.tree-r .tree-name:after{right: auto;left: 0}
.tree-r:after{left: -6px}

.tab-wrap{width: 395px;}
.icon-arrow{transition: transform .3s}
.tab-wrap .tab{width: 368px;position: relative;margin-bottom: 20px;border:1px solid #e6e6e6}
.tab-wrap .tab:hover{box-shadow: 0 0 15px rgba(110,139,189,.23)}
.tab-wrap .tab:after{content:'';width: 25px;height: 1px;border-bottom: 1px dashed #e6e6e6;display: block;position: absolute;right: -26px;top:25px}
.tab-wrap .tab-h{line-height: 52px;padding:0 20px 0 27px;box-sizing: border-box;background-color: #f5f5f5;cursor: pointer;border-top: 4px solid #1f2433}
.tab-wrap .tab.open .icon-arrow{transform: rotate(180deg)}
.tab-wrap .tab-h h3{font-size: 14px;color:#181822}
.tab-wrap .tab-b{padding:15px 35px;display: none}
.tab-wrap .tab-b dd{min-width: 49%;display: inline-block;line-height: 35px}
.tab-wrap .tab-b dd a{color: #666}
.tab-wrap .tab-b dd:before{content:'';display:inline-block;width: 6px;height: 6px;background-color: #666;border-radius: 6px;vertical-align: middle;margin-right: 10px}
.tab-wrap .tab-b dd:hover a{color:#0096ff}
.tab-wrap .tab-b dd:hover:before{background-color: #0096ff}
.tab-wrap .tab-b .more-btn{color:#5a6c7b;display: block;margin-top: 10px}

.tree-r .tab-wrap .tab{margin-left: 27px}
.tree-r .tab-wrap .tab:after{left: -26px}

.crumb{margin-bottom: 30px}
.crumb li{display: inline-block;}
.crumb li:after{content:'>';font-family: SimSun;margin:0 5px}
.crumb li:last-child:after{display: none}

.document-r-wrap{padding-right: 65px;position: relative}
.detail-item{margin-bottom: 30px}
.detail-item>h1{font-size: 22px;margin-bottom: 10px}
.detail-item>h2{font-size: 18px;margin-bottom: 10px}
.detail-item>.time{margin-bottom: 25px;}
.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-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%}