a,blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,span,td,textarea,th,ul{font-family:-apple-system,HarmonyOS_Regular,HarmonyOS_Medium,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;box-sizing:border-box;text-decoration:none;margin:0;padding:0}
a,a:hover{text-decoration:none}
li,ol,ul{list-style:none}
img{border:0;display:block}
fieldset,input{outline:0;border:0}
input:focus,.input:hover{border-color:#409eff}
input::placeholder{color:#c0c4cc}
.clear_fix:after{content:".";clear:both;height:0;overflow:hidden;display:block;visibility:hidden}
.clear_fix{zoom:1}
html{background:#1c1c1c;color:#333}
.page,body,html{height:100%}
.button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;font-size:12px;border-radius:3px;padding:7px 15px}
.button:focus,.button:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}


.flex-y{display:flex;flex-direction:column}
.container{min-height:100%;position:relative;width:1000px;margin:0 auto}
.head{margin:20px 0 40px;align-items:center}
.head .sitename{font-size:80px;color:#fff;font-weight:700}
.head .des{color:#939393;margin-top:8px}
.main{flex:1;background:#fff;border-radius:6px}
.search{margin:20px 15%;font-size:14px;color:#707070}
.search-box{position:relative;font-size:14px;display:inline-block;width:100%}
.search-icon{height:16px;top:12px;left:12px;position:absolute;text-align:center}
.search-icon img{height:100%;text-align:center;color:#c0c4cc}



.search-input{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 35px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:inherit}
.search-input:hover{border-color:#409eff}
.search-result{display:flex;flex-wrap:wrap;padding:5px 30px}
.content{overflow: hidden;}

.menu{float:left;padding:0;position:relative;margin:0 0 15px;height:100%;margin-right:10px}
.menu-wrap{overflow:hidden;margin-bottom:-1px;position:relative;margin-bottom:0}
.menu-wrap:after{content:"";position:absolute;background-color:#e4e7ed;z-index:1;height:100%;width:2px;bottom:auto;top:0;right:0;left:auto}
.menu-list{white-space:nowrap;position:relative;transition:transform .3s;float:left;z-index:2;transform:translateY(0)}
.menu-item{padding:0 20px;height:40px;box-sizing:border-box;line-height:40px;display:inline-block;list-style:none;font-size:14px;font-weight:500;color:#303133;position:relative;text-align:right;display:block}
.menu-item:hover{color:#409eff;cursor:pointer}
.menu-active{color:#409eff}
.menu-active-bar{position:absolute;background-color:#409eff;z-index:2;transition:transform .3s cubic-bezier(.645,.045,.355,1);list-style:none;top:0;bottom:auto;width:2px;right:0;left:auto}

.down{overflow:hidden;position:relative}
.down-wrap{padding:0 20px;display:none}
.down-box{border:0!important;padding-bottom:8px;}
.down-item:last-child .down-head{ border-bottom: 1px solid #ffffff;}
.down-item:last-child .down-list{ border-bottom: 1px solid #ffffff;}

.down-head{display:flex;align-items:center;height:48px;line-height:48px;background-color:#fff;color:#303133;cursor:pointer;border-bottom:1px solid #ebeef5;font-size:13px;font-weight:500;transition:border-bottom-color .3s;outline:0}
.down-img{width:25px;height:25px;margin-right:10px;background:#eee;border-radius:3px;position:relative;display:inline-block;overflow:hidden;}
.down-img img{vertical-align:top;width:100%;height:100%}

.img-err{display:flex;justify-content:center;align-items:center;height:100%;font-size:1.5em}

.down-arrow{margin:0 8px 0 auto;transition:transform .3s;font-weight:300;font-size:16px;color: #666;}
.down-list{display:none;will-change:height;background-color:#fff;overflow:hidden;box-sizing:border-box;border-bottom:1px solid #ebeef5}
.down-body{font-size:13px;color:#303133;line-height:1.769230769230769;}
.version{display:flex;flex-wrap:wrap;padding: 20px 15px 10px 15px;}

.nav{display:flex;justify-content:space-between;align-items:center;width:calc((100% - 15px) / 2);padding:18px 15px;background:#f5f5f5;margin-right:15px;margin-bottom:10px;border-radius:5px;color:#333;cursor:pointer}

.nav:nth-of-type(2n){margin-right:0px;}


.nav:hover{background:#effff6}
.nav .name{max-width:180px;margin-right:10px}
.nav .urls{flex:1;display:flex;justify-content:flex-end;align-items:center;color:#737373}
.nav .urls .url{color:#737373;border-radius:5px;margin-right:10px;font-size:12px;display:block;text-align:center;line-height:14px;border:1px solid #ebeaea}
.nav .urls .url:hover{border:1px solid #fdacd2}
.shixiao{margin-right:10px;}
.foot{margin: 20px auto 10px;padding: 10px 15px;}
.foot .time{display:block;font-size:13px;text-align:center;color:#b3b3b3}
.foot img{display: inline-block;vertical-align: middle;}


.modal-box{background:rgba(0,0,0,.75);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;z-index:2001;display:none}
.modal-wrap{width:600px!important;text-align:center;position:relative;margin:0 auto 50px;background:#fff;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;margin-top:15vh}
.modal-header{padding:20px 20px 10px}
.modal-title{line-height:24px;font-size:18px;color:#303133;font-weight:700}
.modal-close{position:absolute;top:20px;right:20px;padding:5px 8px;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px;font-size:14px;color:#ccc}
.modal-close:hover{color:#409eff}
.modal-body{text-align:initial;padding:25px 25px 30px;color:#606266;font-size:14px;word-break:break-all}
.password{width:100%}
.password .input-box{display:flex;align-items:center;position:relative}
.password .input-box .pwdButton{margin-left:6px}
.password .desc{font-size:15px;margin:20px 0}
.password .desc span{background:#282828;color:#fff;padding:1px 6px;border-radius:2px;margin:0 2px;font-size:14px}
.password .wechat{width:100%;border:1px solid #efefef;border-radius:5px}



.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:0;margin:0;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}
.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}
.el-input{position:relative;font-size:14px;display:inline-block;width:100%}
.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;height:40px;line-height:40px;outline:0;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:inherit}




.msg-box{--message-padding:12px 20px;--message-min-width:60px;display:inline-flex;padding:var(--message-padding);border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);position:fixed;top:20px;left:50%;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);max-width:80%;min-width:var(--message-min-width);opacity:0;visibility:hidden}
.msg-box .msg-icon{height:1em;width:1em;margin-right:10px}
.msg-box .msg-icon::before{display:inline-block;width:20px;height:20px;border-radius:50%;color:#fff;text-align:center;line-height:20px;font-weight:700}
.msg-error{color:#f56c6c;border:1px solid #fde2e2;background-color:#fef0f0}
.msg-error .msg-icon::before{content:"!";background:#f56c6c}
.msg-success{color:#07bd15;border:1px solid #69d871;background-color:#eaf9ec}
.msg-success .msg-icon::before{content:"!";background:#07bd15}
.msg-content{white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.5}
.enter-active{opacity:1;visibility:visible;transform:translate(-50%,10px)}
.leave-active{opacity:0;transform:translate(-50%,-30px)}


.newstxt{padding:0 30px 30px}
.newstxt p{margin-bottom:15px;line-height:1.8;word-wrap:break-word;color:#3f3f3f}
.newstxt h1{padding:30px 20px;text-align:center}
.newstxt h3{position:relative;padding-left:18px;line-height:1.46;border:0;font-size:17px;font-weight:600;margin-top:0;margin-bottom:15px}
.newstxt h3::before{position:absolute;top:3px;left:0;content:"";width:3px;height:calc(100% - 8px);border-radius:3px;background-color:#2163e8;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.15)),to(transparent));background-image:linear-gradient(180deg,rgba(255,255,255,.15),transparent)}
.newstxt img{max-width:100%;height:auto;vertical-align:top;border:0;margin-bottom:15px}

.newstxt .version{padding:0px;}
.newstxt .url img{margin-bottom:0; height:40px;}
.newstxt .pan5{ display:none!important;}

.course-list{display:flex;flex-wrap:wrap;border-left:1px dashed #999;border-top:1px dashed #999;margin-top:30px}
.course-list li{width:33.33333333333333%;box-sizing:border-box;border-right:1px dashed #999;border-bottom:1px dashed #999;padding:2px 3px;text-align:center}
.course-list li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px;color:#333}
.course-list li a:hover{color:red}


::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{display:none}
::-webkit-scrollbar-thumb{background:#ccc;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#999}

.notice{display:none;text-align: center;
    padding: 15px;
    color: #f4ff00;
    border: 2px dashed #f4ff00;
    border-radius: 6px;margin: 0px 10px 10px;}
.notice span{
    padding: 0px 5px;
}
.new{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px;background:#fff;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:15px}
.new-img {
    flex: 1 1 165px;
    min-width: 120px;
    max-width: 360px;
    border-radius: 6px;
    overflow: hidden;
}
.new-img img{width:100%;height:auto;display:block;border-radius:6px}
.new-list{flex:2 1 200px;min-width:250px}
.new-item{padding:6px 10px;margin-bottom:10px;background:#f8f9fa;border-radius: 3px 5px 5px 3px;transition:all .3s ease;border-left:2px solid #409eff}
.new-item:last-child{margin-bottom:0}
.new-item:hover{background:#e9ecef;transform:translateX(5px);border-left:3px solid #e5000a;border-radius: 4px 5px 5px 4px;}
.new-item a{color:#2c3e50;font-size:13px;font-weight:400;display:flex;justify-content:space-between;align-items:center;width:100%;overflow:hidden}
.new-item a:hover{color:#e5000a}
.new-item a span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px;max-width:calc(100% - 30px)}
.new-item a span:last-child{flex-shrink:0;white-space:nowrap;color:#e5000a}

.new-more {padding: 6px 10px;margin-bottom: 10px;background: #028737;border-radius: 3px 5px 5px 3px;}
.new-more:last-child{margin-bottom:0}
.new-more a{color:#ffffff;font-size:13px;font-weight:400;display:flex;justify-content:space-between;align-items:center;width:100%;overflow:hidden}
.new-more a span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px;max-width:calc(100% - 80px)}
.new-more a span:last-child{flex-shrink:0;white-space:nowrap;}




@media (max-width:768px) {
.notice{display:block;}
.new{flex-direction:column;margin:0px 10px 10px;display: none;}



.new-img{width:100%;max-width:none;}
.new-list{width:100%;overflow:hidden;flex: 2 1 220px;}
.new-item a{font-size:14px}
.new-item a span:first-child{max-width:100%;padding-right:0}
.new-item a span:last-child{display:none}

.container{width:100%}
.container .main{margin:0 10px}
.container .main .el-tabs .el-tabs__item{font-weight:400!important}
.container .main .el-tabs .el-tabs__active-bar,.container .item-tabs .el-tabs .el-tabs__nav-wrap:after{width:1px}
.container .main .el-tabs .el-tabs__item{padding:0 15px}

.search { margin: 20px 5%;}


.down-name{font-size:14px;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.version{padding:5px 0}
.nav{width:100%;flex-direction:column;align-items:unset;margin-right:0;-webkit-tap-highlight-color:transparent;outline:0}
.nav:hover{background:#f5f5f5}
.nav .name{max-width:100%;margin-right:0}
.nav .urls{margin-top:10px;display:flex;justify-content:flex-end}
.modal-wrap{max-width:90%;padding:10px 15px}
.newstxt{padding:0 20px 20px}
.newstxt h3{background-color:#ffd100;padding:6px 15px}
.newstxt h3::before{background-color:#00bf65}
.down-fname{display:none}


}