.container{width:100%}@media screen and (min-width: 768px){.center{position:relative;padding:0 260px}.center .titBox{text-align:center;margin-top:84px}.center .titBox .tit{font-size:21px;color:#076eb6}.center .titBox .tit2{margin-top:17px;font-size:42px;color:#9b9b9b;position:relative}.center .titBox .tit2::after{content:'';position:absolute;left:50%;bottom:-21px;transform:translateX(-50%);width:84px;height:4px;background-color:#c1c1c1}.center .list{margin-top:86px;padding-bottom:70px}.center .list .item{margin-top:1px;padding:26px 0;border-bottom:1px dashed #9d9d9d;display:flex;align-items:center;color:#9d9d9d;position:relative}.center .list .item::after{content:'';position:absolute;bottom:0px;left:0px;width:100%;height:1px;background-color:#fff}.center .list .item:hover,.center .list .item.active{background-color:#086fb7;color:#fff}.center .list .item:hover .name::after,.center .list .item.active .name::after{background-color:#fff}.center .list .item:hover .time,.center .list .item.active .time{border-left:1px solid #fff}.center .list .item:hover .downloadBox .downloadIcon,.center .list .item.active .downloadBox .downloadIcon{border:1px solid #fff}.center .list .item:hover .downloadBox .downloadIcon::after,.center .list .item.active .downloadBox .downloadIcon::after{background-color:#fff}.center .list .item:hover .downloadBox .download,.center .list .item.active .downloadBox .download{border-left:1px solid #fff}.center .list .item .name{margin-left:63px;font-size:17px;flex:1;position:relative}.center .list .item .name::after{content:'';position:absolute;left:-43px;top:50%;transform:translateY(-50%);width:3px;height:20px;background-color:#086fb7}.center .list .item .size{font-size:14px;padding-right:52px}.center .list .item .time{border-left:1px solid #9d9d9d;padding-left:52px}.center .list .item .downloadBox{display:flex;align-items:center;margin-left:114px}.center .list .item .downloadBox .downloadIcon{margin-right:20px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid #9d9d9d;position:relative}.center .list .item .downloadBox .downloadIcon::after{content:'';position:absolute;left:50%;bottom:3px;transform:translateX(-50%);width:10px;height:1px;background-color:#9c9c9c}.center .list .item .downloadBox .downloadIcon .icon{margin-top:-5px}.center .list .item .downloadBox .download{padding-left:20px;padding-right:34px;border-left:1px solid #9d9d9d}.center .dialog{display:none;z-index:999;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.4)}.center .dialog .dialogBox{border:1px solid #999;width:400px;background-color:#fefffd;border-radius:20px;position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);padding:30px}.center .dialog .dialogBox .dialogTitBox{display:flex;justify-content:space-between;align-items:center}.center .dialog .dialogBox .dialogTitBox .tit{font-size:26px}.center .dialog .dialogBox .dialogTitBox .closeBtn{font-size:30px}.center .dialog .dialogBox .formBox{margin-top:50px}.center .dialog .dialogBox .formBox .inpBox{margin-top:20px}.center .dialog .dialogBox .formBox .inpBox:first-child{margin-top:0}.center .dialog .dialogBox .formBox .inpBox .inp{box-sizing:border-box;width:100%;height:44px;border:1px solid #929292;text-indent:25px;font-size:16px;color:#1f1f1f}.center .dialog .dialogBox .btnBox{margin-top:40px;display:flex;justify-content:flex-end}.center .dialog .dialogBox .btnBox .btn{border-radius:8px;display:flex;align-items:center;justify-content:center;width:120px;height:36px;border:1px solid #007bfc;background-color:#007bfc;font-size:20px;color:#fff}}@media screen and (max-width: 767px){.crumb{background-color:#f2f2f2}.center{font-family:Microsoft YaHei, 微软雅黑;padding:30px 30px 10px}.center .titBox{display:none}.center .list .item{margin:10px;padding:10px 15px;border:1px solid rgba(0,0,0,0.1)}.center .list .item .name{font-size:16px;color:#000;font-weight:500;line-height:1}.center .list .item .size,.center .list .item .time,.center .list .item .downloadBox{display:none}.dialog{display:none;z-index:998;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.4)}.dialog .dialogBox{border:1px solid #999;width:74%;background-color:#fefffd;border-radius:20px;position:absolute;top:30%;left:50%;transform:translate(-50%, -50%);padding:20px}.dialog .dialogBox .dialogTitBox{display:flex;justify-content:space-between;align-items:center}.dialog .dialogBox .dialogTitBox .tit{font-size:20px}.dialog .dialogBox .dialogTitBox .closeBtn{font-size:30px}.dialog .dialogBox .formBox{margin-top:50px}.dialog .dialogBox .formBox .inpBox{margin-top:20px}.dialog .dialogBox .formBox .inpBox:first-child{margin-top:0}.dialog .dialogBox .formBox .inpBox .inp{box-sizing:border-box;width:100%;height:44px;border:1px solid #929292;text-indent:25px;font-size:16px;color:#1f1f1f}.dialog .dialogBox .btnBox{margin-top:40px;display:flex;justify-content:flex-end}.dialog .dialogBox .btnBox .btn{border-radius:8px;display:flex;align-items:center;justify-content:center;width:120px;height:36px;border:1px solid #007bfc;background-color:#007bfc;font-size:20px;color:#fff}}
