main .banner{background:url(../img/book/banner.png) no-repeat center center}main .help-bann{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}main .help-bann h1{color:#333;font-size:45px;font-weight:400;margin-bottom:32px}main .help-bann .search-container{display:flex;align-items:center;width:800px;height:80px;border:1px solid #99b8f5;border-radius:50px;padding:0 20px;background-color:#fff}main .help-bann .search-container:focus-within{box-shadow:0 0 8px rgba(153,184,245,0.6);transition:box-shadow .3s ease}main .help-bann .search-container i{color:#000000;font-size:32px;margin-right:10px}main .help-bann .search-container .search-input{flex:1;border:none;outline:none;font-size:24px;color:#333;background-color:transparent}main .help-bann .link{display:flex;align-items:center;margin-top:10px}main .help-bann .link a{margin:0 10px;color:#333;font-size:24px;font-weight:400}main .tab .part{width:1110px;margin:40px auto;border-radius:20px;border:1px solid #1890ff;padding:20px 0}main .tab .part h1{width:100%}main .tab .part .link{padding:0 50px 10px 50px}main .tab .part .link a{border-bottom:1px solid #b6b6b6;display:flex;justify-content:space-between;line-height:40px}main .tab .part .link a p{color:#333;font-size:20px;font-weight:400}main .book{padding:50px 120px}main .book strong{font-weight:800}main .book h1{color:#555;font-size:24px;font-weight:400;line-height:32px;text-align:center}main .book h6{display:flex;justify-content:space-between;padding:0 20px;margin:40px 0}main .book h6 span{color:#555;font-size:16px;font-weight:400;line-height:21px}main .book h3{font-size:22px;color:#2c3e50;padding-bottom:10px;margin:20px 0;position:relative;display:inline-block}main .book h3::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#3498db;border-radius:2px;transition:all .3s}main .book pre{width:100%;display:block;background:rgba(0,0,0,0.3);border-radius:10px;padding:6px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}main .book pre code{display:block;width:100%}main .book h4{font-size:18px;color:#2c3e50;margin:10px 0}main .book p{font-size:16px;line-height:21px;text-indent:2em}main .help_btn{margin-top:10px;display:flex;justify-content:center}@media (max-width:768px){.banner{background-size:100% auto !important;height:auto !important}.banner .help-bann{padding:20px 0}.banner .help-bann h1{font-size:18px !important;margin-bottom:10px !important;line-height:30px !important}.banner .help-bann .search-container{width:300px;height:20px}.banner .help-bann .search-container i{font-size:10px}.banner .help-bann .search-container input{font-size:12px}.banner .help-bann .link{margin-top:0 !important}.banner .help-bann .link img{width:25px !important}.banner .help-bann .link a{font-size:8px !important}main .part{border-radius:10px !important}main .part .link{padding:0 10px !important}main .part .link a p{font-size:14px !important}main .part .link a p.name{width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main .book{padding:0 20px !important}main .book h1{font-size:18px !important}main .book li{font-size:10px}main .book pre{font-size:10px}main .book h6{margin:10px 0 !important}main .book h6 span{font-size:12px !important}main .book h3{font-size:12px !important;margin:5px 0}main .book h4{font-size:11px !important}main .book p{font-size:10px !important;line-height:14px}main .book p img{width:100%}}