:root{--headerHeight:64px;--padding:15px;--themeColor:#3E73ED;--maxWidth:1200px}
*{-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{font:12px Microsoft YaHei-Regular,Microsoft YaHei;color:#434343;background:#fff;overflow-x:hidden;font-weight:400}
.android,.ios,.pc{display:inline-block}
.android,.ios{display:none}
#to-top{position:fixed;bottom:120px;right:30px;cursor:pointer;z-index:1000;display:none;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;border-radius:5px;overflow:hidden}
#to-top img{width:72px;height:72px}
.head{background-color:#fff;padding:0 15px;position:fixed;left:0;top:0;width:100%;height:var(--headerHeight);z-index:99;background-color:#fff}
.head .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}
.head .logo img{height:50px;display:block;margin:auto}
.head .nav{line-height:calc(var(--headerHeight) - 2px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.head .nav a{font-size:16px;font-weight:400;color:#202125;margin-left:68px;position:relative}
.head .nav a.active,.head .nav a:hover{color:var(--themeColor)}
.head #nav-btn{width:1.25rem;border-radius:30px;height:3px;background-color:var(--themeColor);position:relative;display:none;-webkit-transition:ease-out .3s;transition:ease-out .3s;cursor:pointer}
.head #nav-btn::before{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}
.head #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}
.head #nav-btn.open{visibility:hidden;-webkit-transition:0s;transition:0s}
.head #nav-btn.open::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:0}
.head #nav-btn.open::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:0}
.crumbs{color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:16px auto;font-size:14px}
.crumbs a{color:#333;font-weight:400}
.crumbs a:hover{color:var(--themeColor)}
.crumbs a,.crumbs span{margin-right:5px}
.list .li{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;padding:16px 22px;background:#fff;-webkit-box-shadow:0 0 2px 1px #e9e9e4;box-shadow:0 0 2px 1px #e9e9e4;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin-top:22px}
.list .li img{width:145px;height:95px;-o-object-fit:cover;object-fit:cover;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:20px;overflow:hidden}
.list .li .info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0}
.list .li .info .title{font-size:18px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list .li .info .desc{width:calc(100% - 100px);font-size:14px;font-weight:400;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list .li .info .time{font-size:14px;font-weight:400;color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.list .li .info .time::before{content:"";display:block;width:6px;height:6px;background:#fff;border:1px solid #1178d6;margin-right:5px;border-radius:50%}
.list .li .info .others{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;margin:10px 0}
.list .li .info .others .read{width:88px;height:30px;background:#1178d6;border-radius:6px;font-size:14px;font-weight:400;color:#fff;text-align:center;line-height:30px}
.list .li .info .others .read:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background:#0960b1}
.list .li:hover .info .title{color:var(--themeColor)}
main{padding-top:var(--headerHeight)}
.wrapper{max-width:var(--maxWidth);margin:0 auto}
.foot{padding:20px 0;text-align:center;color:#999;width:100%;font-size:12px;background:#393939;line-height:25px}
.foot p{margin-bottom:5px}
.foot a{color:#999;margin-left:10px}
.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 .part1{height:880px;background-color:#f8fafd}
.index-container .part1 .wrapper{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}
.index-container .part1 img{width:58%}
.index-container .part1 .info{max-width:40%;display:inline-block;text-align:center}
.index-container .part1 .info .title{font-size:36px;font-weight:700;color:#333;line-height:normal;letter-spacing:7px;display:block;margin-bottom:16px!important;text-align:center}
.index-container .part1 .info .function{text-align:left}
.index-container .part1 .info .function span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem;font-size:16px;font-weight:400;color:var(--themeColor);letter-spacing:6px}
.index-container .part1 .info .function span::before{display:block;content:"";width:15px;height:15px;background:url(../images/feature.png) no-repeat;background-size:15px 15px;margin-right:10px}
.index-container .part1 .info .button{width:153px;height:54px;background:var(--themeColor);border-radius:30px;font-size:18px;font-weight:400;color:#fff;line-height:54px;text-align:center}
.index-container .part1 .info .button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}
.index-container .part1 .info .intro{font-size:14px;color:#212529}
.index-container .part2{padding-bottom:70px;padding-top:1px;background-color:#f5f4f4;opacity:.8}
.index-container .part2 .index-title{text-align:center;margin-top:120px;margin-bottom:64px;font-size:40px;font-family:Microsoft YaHei,Microsoft YaHei;font-weight:700;color:#333}
.index-container .part2 .feature-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index-container .part2 .feature-list .li{width:calc(25% - 30px);margin-right:40px;margin-bottom:40px;background:#fff;padding:40px 0}
.index-container .part2 .feature-list .li:nth-child(4n){margin-right:0}
.index-container .part2 .feature-list .li img{width:80px;height:80px;margin:10px auto 10px;display:block}
.index-container .part2 .feature-list .li .title{display:block;width:100%;font-size:16px;font-weight:400;color:#333;text-align:center}
.index-container .part3{padding-bottom:70px;padding-top:1px;background-color:#fff;opacity:.8}
.index-container .part3 .index-title{text-align:center;margin-top:120px;margin-bottom:64px;font-size:40px;font-family:Microsoft YaHei,Microsoft YaHei;font-weight:700;color:#333}
.index-container .part3 .feature-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.index-container .part3 .feature-list .li{background:#fff;-webkit-box-shadow:0 0 6px 1px rgba(229,234,255,.3);box-shadow:0 0 6px 1px rgba(229,234,255,.3);border-radius:0;opacity:1;border:1px solid #eff4ff;width:calc(33.33% - 20px);margin-right:30px;margin-bottom:30px;padding:32px;text-align:center}
.index-container .part3 .feature-list .li:nth-child(3n){margin-right:0}
.index-container .part3 .feature-list .li img{width:120px;height:120px;display:block;margin:0 auto}
.index-container .part3 .feature-list .li .title{display:block;width:100%;font-size:20px;font-weight:400;color:#333}
.index-container .part3 .feature-list .li .desc{margin:20px auto 0;font-size:14px;font-family:Microsoft YaHei,Microsoft YaHei;font-weight:400;color:#666}
.article-container .download-banner{padding:24px 0 0}
.article-container .download-banner a{width:100%;padding-top:7.8%;background:url(../images/s-1.png) no-repeat;background-size:cover;background-position:left center}
.article-container .channel-list{padding:10px 0;background-color:#fff;margin-bottom:20px}
.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;color:var(--themeColor)}
.article-container .channel-list .channel-title strong{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
.article-container .channel-list .channel-title strong::after{content:"";display:block;width:50px;height:10px;background:url(../images/subtitle-after.png) no-repeat;background-size:100% 100%;margin-left:10px}
.article-container .channel-list .channel-title a{font-size:14px;color:#999}
.article-container .channel-list .channel-title a:hover{color:var(--themeColor)}
/*.pagination{margin-top:30px;margin-bottom:50px;text-align:center;color:#333;font-size:14px;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;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pagination a,.pagination span{min-width:30px;height:100%;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;padding:0 8px;display:flex;align-items:center;justify-content:center;margin:0 4px;min-width:30px;height:30px;background:#fff;border:1px solid #efefef;font-size:14px;font-family:PingFang SC-Regular,PingFang SC;font-weight:400;color:#666;-webkit-box-sizing:border-box;box-sizing:border-box}
.pagination a.current,.pagination a:hover{background-color:var(--themeColor);color:#fff}*/
.pagination{margin:20px 0;border-radius:4px; display: flex; justify-content: center;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;}
.article-container .container{background:#fff;border:1px solid #fff;-webkit-box-shadow:0 0 2px 1px #e9e9e4;box-shadow:0 0 2px 1px #e9e9e4;border-radius:8px;padding:24px;margin:30px 0}
.article-container .container h2{font-size:22px;font-weight:700;color:#333;text-align:center}
.article-container .container .info{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;font-size:14px;font-weight:400;color:#999;margin:16px 0 29px}
.article-container .container .info span{margin:0 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 article{display:block;word-wrap:break-word;word-break:break-all;font-size:14px;color:#535353;line-height:30px}
.article-container .container article img{margin:10px auto;display:block;max-width:100%;height:auto!important}
.article-container .recommend{background:#fff;border:1px solid #fff;-webkit-box-shadow:0 0 2px 1px #e9e9e4;box-shadow:0 0 2px 1px #e9e9e4;border-radius:8px;padding:24px;margin-bottom:30px}
.article-container .recommend .module-title{font-size:18px;font-family:Microsoft YaHei;font-weight:700;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px}
.article-container .recommend .module-title::before{content:"";display:block;width:4px;height:17px;background:var(--themeColor);border-radius:2px;margin-right:4px}
.article-container .recommend .list{padding:0}
.article-container .recommend .list .li:last-child{margin-bottom:0}
@media screen and (max-width:1200px){main .wrapper{max-width:970px}
}
@media screen and (max-width:1080px){:root{--padding:15px}
.crumbs{height:2.125rem;line-height:2.125rem;font-size:.8rem;background-color:#f7f7f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0 15px}
.list{padding:0 15px}
.list .li{border-bottom:1px solid #e4e4e4;padding:1rem 0;margin-top:0;-webkit-box-shadow:none;box-shadow:none;border-radius:0}
.list .li img{width:100px;height:66px;margin-right:10px}
.list .li .info{width:calc(100% - 112px)}
.list .li .info .title{font-size:14px;color:#333;margin-bottom:10px}
.list .li .info .desc{display:none}
.list .li .info .time{font-size:12px}
.list .li .info .others{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.list .li .info .others .read{display:none}
.head .wrapper{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.head #nav-btn{display:-webkit-box;display:-ms-flexbox;display:flex}
.head .nav{margin-left:0;position:fixed;right:-50%;z-index:999;top:var(--headerHeight);display:block!important;width:50%;height:auto;background-color:#292929;padding:0;-webkit-transition:right .5s;transition:right .5s;line-height:2.5rem}
.head .nav.open{right:0;-webkit-transition:right .5s;transition:right .5s}
.head .nav a{height:auto;width:100%;border-right:none;border-bottom:1px solid #e4e4e4;margin:0;text-align:center;border-bottom:.01rem solid #333;font-size:.8125rem;color:#fff!important;margin:0;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}
.head .nav a.active{background-color:#000}
.foot{padding:1rem}
.index-container .part1{height:auto;padding:30px 15px}
.index-container .part1 .wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}
.index-container .part1 .info{width:100%;text-align:center;max-width:100%;margin-top:3.125rem}
.index-container .part1 .info .title{font-size:20px}
.index-container .part1 .info .function span{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:14px;margin-bottom:12px}
.index-container .part1 .info .button{width:145px;height:45px;line-height:45px;background:var(--themeColor);border-radius:1.25rem;font-size:1rem;color:#fff;margin-top:1.5rem}
.index-container .part1 img{width:100%;margin-top:30px}
.index-container .part2{padding:30px 15px}
.index-container .part2 .index-title{margin:0 0 2rem;font-size:18px}
.index-container .part2 .feature-list .li{width:calc(50% - 10px);margin-bottom:20px;margin-right:20px;padding:15px 10px}
.index-container .part2 .feature-list .li:nth-child(2n){margin-right:0}
.index-container .part2 .feature-list .li img{width:90px;height:90px;margin:0 auto}
.index-container .part2 .feature-list .li .title{margin:.5rem 0;font-size:.875rem}
.index-container .part2 .feature-list .li .desc{font-size:.8rem;color:#666;margin-top:0}
.index-container .part3{padding:30px 15px}
.index-container .part3 .index-title{margin:0 0 2rem;font-size:18px}
.index-container .part3 .feature-list .li{width:calc(50% - 10px);margin-bottom:20px;margin-right:20px;padding:15px 10px}
.index-container .part3 .feature-list .li:nth-child(3n){margin-right:20px}
.index-container .part3 .feature-list .li:nth-child(2n){margin-right:0}
.index-container .part3 .feature-list .li img{width:120px;height:120px;margin:0 auto}
.index-container .part3 .feature-list .li .title{margin:.5rem 0;font-size:.875rem}
.index-container .part3 .feature-list .li .desc{font-size:.8rem;color:#666;margin-top:0}
.article-container .download-banner{padding:0}
.article-container .download-banner a{padding-top:21.8%;background:url(../images/s-3.png) no-repeat;background-size:cover;background-position:center}
.article-container .channel-list{margin-bottom:0}
.article-container .channel-list .channel-title{padding:15px 15px 0}
.article-container .channel-list .channel-title strong::after{width:37px;height:13px}
.article-container .pagination{margin-bottom:30px}
.article-container .pagination a,.article-container .pagination select,.article-container .pagination span{font-size:.75rem;margin:0 .1875rem;border:none}
.article-container .container{padding:15px;margin-top:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin-bottom:10px;border-bottom:10px solid #f7f7f7}
.article-container .container h2{font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center;margin-top:0;padding:0 1rem}
.article-container .container .line{height:8px}
.article-container .container .info{margin:.875rem 0;border-bottom:1px dashed #e4e4e4;padding-bottom:.875rem}
.article-container .container .info span{font-size:12px}
.article-container .container article{font-size:14px}
.article-container .container .pages{padding:0 1rem;margin:0}
.article-container .container .pages .next,.article-container .container .pages .prev{font-size:14px}
.article-container .recommend{padding:1rem;-webkit-box-shadow:none;box-shadow:none}
.article-container .recommend .module-title{font-size:18px;line-height:18px;margin-bottom:5px;position:relative;padding-bottom:10px}
.article-container .recommend .module-title::before{width:75px;height:3px;position:absolute;left:0;bottom:0}
.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:10px}
#to-top img{width:30px;height:30px}
.error-404-container .alert img{width:12.5rem}
.error-404-container .alert h2{font-size:16px}
}