:root{--headerHeight: 64px;--padding: 72px;--themeColor: #3d73ed}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}.p-lr{padding-left:var(--padding);padding-right:var(--padding)}body{background-color:#fff}.android,.ios,.pc{display:inline-block}.android,.ios{display:none}#to-top{position:fixed;bottom:120px;right:30px;cursor:pointer;color:#3d73ed;z-index:1000;display:none;width:50px;height:50px;border-radius:50%;border:2px solid #3d73ed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fff}#to-top img{width:30px;height:30px}header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#fff;position:relative;-webkit-box-shadow:0 2px 6px 0 rgba(32,33,37,.1);box-shadow:0 2px 6px 0 rgba(32,33,37,.1);padding:0 12px;position:fixed;left:0;top:0;width:100%;height:var(--headerHeight);z-index:99;background-color:#fff}header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .logo img{display:block;height:50px}header .nav{line-height:calc(var(--headerHeight) - 2px);margin-left:50px}header .nav a{margin:0 11px;font-size:16px;color:#202125;display:inline-block;border-bottom:2px solid rgba(0,0,0,0)}header .nav a:hover,header .nav a.on{color:var(--themeColor);border-bottom-color:var(--themeColor)}header .button-box{z-index:0;visibility:hidden}header .button-box.on{z-index:10;visibility:visible}header .button-box .button{font-size:1rem;color:#fff;background-color:var(--themeColor);border:none;border-radius:32px;cursor:pointer;font-weight:500;line-height:46px;outline:none;padding:0 24px;-webkit-transition:background-color,color .3s;transition:background-color,color .3s}header .button-box .button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}header #mobile-nav{height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}header #mobile-nav .btn{width:1.25rem;border-radius:30px;height:3px;background-color:var(--themeColor);position:relative;display:block;-webkit-transition:ease-out .3s;transition:ease-out .3s;cursor:pointer}header #mobile-nav .btn::before{display:block;content:"";width:1.25rem;border-radius:30px;height:3px;background-color:var(--themeColor);position:absolute;top:-0.375rem;-webkit-transition:ease-out .3s;transition:ease-out .3s;visibility:visible}header #mobile-nav .btn::after{display:block;content:"";width:1.25rem;border-radius:30px;height:3px;background-color:var(--themeColor);position:absolute;top:.375rem;-webkit-transition:ease-out .3s;transition:ease-out .3s;visibility:visible}header #mobile-nav.open .btn{visibility:hidden;-webkit-transition:0s;transition:0s}header #mobile-nav.open .btn::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0}header #mobile-nav.open .btn::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.crumbs{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px;margin-top:20px;color:#333;font-size:14px}.crumbs a{color:#333}.crumbs span{margin:0 5px}.list{margin-bottom:30px;padding:0 15px}.list .li{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ddd;padding:24px 0}.list .li img{width:195px;height:128px;-webkit-box-shadow:2px 6px 10px -1px #999;box-shadow:2px 6px 10px -1px #999;-o-object-fit:cover;object-fit:cover;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:18px;border-radius:10px;overflow:hidden}.list .li .info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0}.list .li .info .title{color:#333;font-size:16px;height:30px;width:100%;font-weight:600;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.list .li .info .desc{font-size:14px;height:45px;line-height:25px;color:#666;display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:24px}.list .li .info .time{font-size:12px;color:#666;bottom:0;margin-right:20px}.list .li .info .time::before{content:"";background:url(../image/icon_date.png) no-repeat;background-size:15px 15px;width:15px;height:15px;vertical-align:sub;margin-right:.25rem;display:inline-block}.list .li:hover .info .title{color:var(--themeColor)}main{padding-top:var(--headerHeight)}main .wrapper{max-width:1200px;margin:0 auto}footer{margin-top:30px;padding:20px 0;font-size:14px;background:#f7f9fc;line-height:30px;text-align:center;width:100%;color:#000}footer .icp a{color:#000}.error-404-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#fafafa;min-height:calc(100vh - 50px - 4.375rem)}.error-404-container .alert{text-align:center;padding:50px 0}.error-404-container .alert img{width:316px}.error-404-container .alert p{font-size:1rem;color:#898585;line-height:34px}.error-404-container .alert .btn{font-size:12px;color:#fff;background-color:var(--themeColor);border-radius:.3125rem;width:5rem;height:1.875rem;line-height:1.875rem;display:block;margin:0 auto}.index-container{background-color:#fff}.index-container .section1{background:var(--themeColor) !important;overflow:hidden;position:relative;padding:12.5rem var(--padding)}.index-container .section1 .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index-container .section1 .info{text-align:center;position:relative;z-index:2;width:50%;padding-right:.9375rem}.index-container .section1 .info .logo{width:180px;margin-bottom:1.5625rem}.index-container .section1 .info .title{font-size:2.5rem;line-height:2.75rem;color:#fff;font-weight:400;margin:0 0 1.5rem}.index-container .section1 .info .button{margin-bottom:8px;padding:0 24px;background-color:#fff;font-size:1rem;line-height:46px;color:var(--themeColor);border:none;border-radius:32px;cursor:pointer;font-weight:500;outline:none;height:46px;-webkit-transition:background-color,color .3s;transition:background-color,color .3s}.index-container .section1 .info .button:hover{opacity:.8}.index-container .section1 .info .environment{font-size:.75rem;line-height:1.25rem;letter-spacing:.2px;color:#3c4043;margin-bottom:14px}.index-container .section1 .info .intro{font-size:.75rem;line-height:.875rem;letter-spacing:.2px;margin-top:16px;color:#ccc}.index-container .section1 .info .intro a{color:#686868;text-decoration:underline}.index-container .section1 .pic{width:50%;border-radius:15px;display:block;margin:0 auto}.index-container .section2{padding-bottom:2rem}.index-container .section2 .wrapper{overflow:hidden}.index-container .section2 .name{height:2.875rem;font-size:2.1875rem;font-family:Microsoft YaHei,Microsoft YaHei;font-weight:bold;color:var(--themeColor);padding-top:7.5rem;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box}.index-container .section2 .item{position:relative;width:calc(25% - 1.875rem);margin:1.875rem .9375rem 0;background-color:#fff;border:1px solid var(--themeColor);border-radius:.875rem;padding:2.5rem 0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;float:left}.index-container .section2 .item img{width:10.625rem;height:8.625rem;display:block;margin:0 auto .9375rem}.index-container .section2 .title{font-size:1.5rem;font-weight:bold;color:#333;text-align:center}.article-container .download-banner{padding:24px 0 0}.article-container .download-banner a{width:100%;padding-top:7.8%;background:url(https://image.sanxiang-sh.com/jbbf/s-1.png) no-repeat;background-size:cover;background-position:left center}.article-container .channel-list{background-color:#fff}.article-container .channel-list .channel-title{font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.article-container .channel-list .channel-title a{font-size:14px;color:#999}.article-container .channel-list .channel-title a:hover{color:var(--themeColor)}.article-container .channel-list .pagination{text-align:center;padding-bottom:28px}.article-container .channel-list .pagination a,.article-container .channel-list .pagination span,.article-container .channel-list .pagination select{text-decoration:none;display:inline-block;border-radius:.2rem;color:#000;padding:0 15px;line-height:38px;overflow:hidden;font-size:14px;font-weight:400}.article-container .channel-list .pagination a.current,.article-container .channel-list .pagination a:hover,.article-container .channel-list .pagination span.current,.article-container .channel-list .pagination span:hover,.article-container .channel-list .pagination select.current,.article-container .channel-list .pagination select:hover{background-color:var(--themeColor);color:#fff}.article-container .channel-list .pagination select{border:none;outline:none;margin-bottom:16px}.article-container .container{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #ccc}.article-container .container h2{font-size:20px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;overflow:hidden;color:#333;text-align:center;margin-top:40px}.article-container .container .info{margin-top:13px;padding:0 0 8px;border-bottom:1px solid #ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.article-container .container .info span{margin-right:15px;color:#666;font-size:14px;line-height:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.article-container .container .info a{color:var(--themeColor)}.article-container .container .info .date::before{content:"";background:url(../image/icon_date.png) no-repeat;background-size:15px 15px;width:15px;height:15px;vertical-align:text-top;margin-right:.25rem;display:inline-block}.article-container .container .info .user i{display:inline-block;width:14px;height:14px;margin-right:4px;background:url(../image/refer.png);background-size:14px}.article-container .container article{display:block;padding:0 24px;word-wrap:break-word;word-break:break-all;font-size:14px;color:#000;line-height:30px;padding:20px 12px}.article-container .container article img{margin:10px auto;display:block;max-width:100%;height:auto !important}.article-container .container article p{margin:0}.article-container .recommend .module-title{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#000}.article-container .recommend .list{padding-left:0;padding-right:0}.article-container .recommend .list .item{-webkit-box-shadow:none;box-shadow:none;border-bottom:1px dashed #eee;padding:16px 0;margin:0}.download-container{background-color:var(--themeColor)}.download-container .wrapper{padding:40px 15px}.download-container img{width:100%;max-width:180px;margin:0 auto;display:block}.download-container .title{font-size:26px;color:#fff;text-align:center;margin-top:32px;margin-bottom:14px;font-weight:600;letter-spacing:-1px}.download-container .title a{color:#fff}.download-container .tips{font-size:14px;margin:14px 10px 30px;line-height:1.5;text-align:center;color:#fff}.download-container .download a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:5px;font-weight:bold;margin:10px;width:280px;color:var(--themeColor);padding:10px 14px;font-size:15px;line-height:2;background-color:#fff;margin:0 auto}.download-container .download .qrcode{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:-5px}.download-container .download .text{color:#fff;font-size:14px;text-align:center;margin-top:2px}@media screen and (max-width: 1200px){main .wrapper{max-width:970px}}@media screen and (max-width: 1080px){:root{--padding: 38px}.crumbs{margin:0}.list{padding:0 1rem}.list .li img{width:100px;height:66px;-webkit-box-shadow:2px 6px 10px -1px #999;box-shadow:2px 6px 10px -1px #999}.list .li .info{width:calc(100% - 7rem)}.list .li .info .title{font-size:.875rem;color:#333;margin-top:.625rem}.list .li .info .desc{display:none}.list .li .info .time{font-size:.75rem;margin-top:.5rem}header .wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header #mobile-nav{display:-webkit-box;display:-ms-flexbox;display:flex}header .nav{margin-left:0;position:fixed;right:-50%;z-index:999;top:var(--headerHeight);display:block !important;width:50%;height:auto;background-color:var(--themeColor);padding:0;-webkit-transition:right .5s;transition:right .5s;line-height:2.5rem}header .nav.open{right:0;-webkit-transition:right .5s;transition:right .5s}header .nav a{height:auto;width:100%;border-right:none;border-bottom:1px solid #e4e4e4;margin:0;text-align:center;border-bottom:.01rem solid #fff;font-size:.8125rem;color:#fff !important;margin:0}header .nav a.on,header .nav a:hover{border-bottom:1px solid #fff}header .button-box{background-color:#fff;border-top:2px solid #dbdce0;-webkit-box-shadow:0 2px 6px 0 rgba(32,33,37,.1);box-shadow:0 2px 6px 0 rgba(32,33,37,.1);padding:8px;width:100%;position:fixed;left:0;top:var(--headerHeight)}header .button-box .button{width:100%;text-align:center}footer{padding:1rem}.index-container .section1{padding:3.125rem var(--padding)}.index-container .section1 .wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.index-container .section1 .info{width:100%;margin-bottom:1.875rem}.index-container .section1 .info .logo{width:160px;margin-bottom:0}.index-container .section1 .info .title{font-size:1.5rem;font-weight:600}.index-container .section1 .info .intro{display:none}.index-container .section1 .pic{max-width:100%;width:100%}.index-container .section2 .name{font-size:20px;padding-top:50px;height:26px;margin-bottom:20px}.index-container .section2 .item{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(50% - 10px);margin:10px 5px 0;padding:0 0 1.25rem}.index-container .section2 .item img{width:4.9rem;height:4rem;margin:1rem auto}.index-container .section2 .item .title{font-size:1rem;margin-top:0}.index-container .section3 .wrapper{height:auto;grid-template-rows:230px auto}.index-container .section3 .info{margin-top:120px;grid-column:1/span 12;text-align:center}.index-container .section3 .info .button{margin:0 auto}.index-container .section3 .images-1{grid-column:1/span 6;left:90px;grid-row:2;margin-top:95px}.index-container .section3 .images-1 img{width:170px}.index-container .section3 .images-2{display:none}.index-container .section3 .images-3{grid-row:2;grid-column:3/span 9;left:124px;top:312px}.index-container .section3 .images-3 img{width:760px}.article-container .download-banner{padding:0}.article-container .download-banner a{padding-top:21.8%;background:url(https://image.sanxiang-sh.com/jbbf/s-3.png) no-repeat;background-size:cover;background-position:center}.article-container .channel-title{padding:0 1rem;margin-top:1.25rem}.article-container .channel-list .pagination a,.article-container .channel-list .pagination span,.article-container .channel-list .pagination select{padding:.375rem .625rem;line-height:1.125rem;font-size:.75rem;display:inline-block}.article-container .container{padding-bottom:0}.article-container .container h2{font-size:16px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;overflow:hidden;color:#333;text-align:center;margin-top:1.5rem;padding:0 1rem}.article-container .container .info{margin-top:0}.article-container .container article{padding:1rem}.article-container .recommend{padding:0 1rem}.article-container .recommend .module-title{font-size:18px;line-height:18px}.article-container .recommend .list{padding:0}}@media screen and (max-width: 768px){main .wrapper{max-width:750px}}@media screen and (max-width: 648px){:root{--padding: 15px}#to-top{bottom:70px;right:16px;width:30px;height:30px}#to-top img{width:20px;height:20px}.error-404-container .alert img{width:12.5rem}.error-404-container .alert h2{font-size:16px}}