.mn { width: 900px !important}
.sd { display: block}
.tabx_conts { display: none}
.tsm th { width: 100px !important}
.tsm li { margin-right: 10px !important}
.tsm .a a { color: #fc5531 !important}
.second_box { display: none}
.ptn.pbn { width: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important; border-radius: 2px !important}
.bg_white { background: none !important}
.xz_box { display: block !important}
.post_box1 { border-radius: 2px !important; margin-bottom: 10px !important}
.mask[data-v-11673da2] {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, .5);
	z-index:99
}
.modal-main[data-v-11673da2] {
	width:100vw;
	height:100vh;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.modal-main .close-action[data-v-11673da2] {
	margin-top:32px;
	text-align:center
}
.icon-close[data-v-11673da2] {
	width:32px;
	height:32px;
	background-image:url(https://csdnimg.cn/release/wenkucmsfe/public/img/close.36abb246.png);
	background-size:32px 32px
}
.bottom-pub-footer {
	margin-bottom:60px!important
}
[data-v-5b1dcd16] .toolbar-logo {
	display:none!important
}
.mall-toolbar-box[data-v-5b1dcd16] {
	font-size:0
}
.mall-toolbar-box .my-order[data-v-5b1dcd16] {
	display:inline-block;
	color:#222226;
	margin-right:16px!important;
	font-size:14px;
	cursor:pointer
}
.mall-toolbar-box .car-box[data-v-5b1dcd16] {
	display:inline-block;
	min-width:106px;
	text-align:center;
	padding:0 12px!important;
	position:relative;
	border:1px solid #ccccd8;
	height:32px;
	line-height:30px;
	border-radius:16px;
	margin-top:8px!important;
	-webkit-box-sizing:border-box!important;
	box-sizing:border-box!important;
	color:#222226;
	font-size:14px;
	cursor:pointer
}
.mall-toolbar-box .car-box i[data-v-5b1dcd16] {
	margin-right:4px!important
}
.mall-toolbar-box .car-box .icon[data-v-5b1dcd16] {
	width:18px;
	height:18px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:50%;
	background-size:100% 100%!important;
	vertical-align:middle
}
.mall-toolbar-box .car-box .icon-car[data-v-5b1dcd16] {
	background:url(https://csdnimg.cn/release/wenkucmsfe/public/img/car_bar.af8e5e11.png);
	margin-right:2px;
	position:relative;
	top:-1px
}
.custom_toolbar_content_active {
	color:#222226;
	vertical-align:top;
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-top:2px solid #fc5531;
	border-bottom:2px solid #fff;
	padding-left:10px!important;
	padding-right:10px!important;
	height:44px;
	-webkit-box-sizing:content-box!important;
	box-sizing:content-box!important
}
.custom_toolbar_content_active:hover {
	color:#222226;
	background:rgba(240, 240, 245, .9294117647058824);
	border-bottom:2px solid rgba(240, 240, 245, .9294117647058824)
}
.custom_toolbar_content_nomoral {
	color:#222226;
	display:inline-block;
	text-align:center;
	margin:0 10px;
	padding-left:10px!important;
	padding-right:10px!important;
	vertical-align:top
}
.custom_toolbar_content_nomoral:hover {
	color:#222226;
	background:rgba(240, 240, 245, .9294117647058824)
}
.mn * {
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
body, html {
	color:#222226;
	font-size:14px;
	font-family:-apple-system, BlinkMacSystemFont, Segoe UI, DIN_Condensed, Helvetica Neue, Arial, Noto Sans, sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
a, button, input, textarea {
	outline:none
}
a {
	cursor:pointer;
	color:#222226;
	text-decoration:none
}
.link:hover {
	text-decoration:underline
}
em {
	font-style:inherit
}
.num {
	font-family:DIN_Condensed
}
.num-bold {
	font-family:DIN_Condensed_Bold
}
.fc1 {
	color:#000!important
}
body .el-popover--plain {
	padding:8px!important
}
body .el-button--warning {
	color:#222226;
	background-color:#f8e3c3;
	border-color:#f8e3c3
}
body .el-button--warning:focus, body .el-button--warning:hover {
	color:#222226!important;
	background-color:#fdf2e2;
	border-color:#fdf2e2
}
body .el-button {
	border-radius:999px
}
body .el-rate__icon {
	margin-right:0
}
.mt-4 {
	margin-top:4px
}
.mt-8 {
	margin-top:8px
}
.mt-10 {
	margin-top:10px
}
.mt-12 {
	margin-top:12px
}
.mt-16 {
	margin-top:16px
}
.mt-24 {
	margin-top:24px
}
.mt-20 {
	margin-top:20px
}
.mt-30 {
	margin-top:30px
}
.mt-32 {
	margin-top:32px
}
.ml-4 {
	margin-left:4px
}
.ml-12 {
	margin-left:12px
}
.ml-24 {
	margin-left:24px
}
.ml-8 {
	margin-left:8px
}
.mb-24 {
	margin-bottom:24px
}
.mb-10 {
	margin-bottom:10px
}
.mb-32 {
	margin-bottom:32px
}
.mr-16 {
	margin-right:16px
}
.mr-12 {
	margin-right:12px
}
.mr-8 {
	margin-right:8px
}
.mr-4 {
	margin-right:4px
}
.mtb-16 {
	margin:16px 0
}
.mb-16 {
	margin-bottom:16px
}
.mb-8 {
	margin-bottom:8px
}
.ml-16 {
	margin-left:16px
}
.pt-2 {
	padding-top:2px
}
.pt-8 {
	padding-top:8px
}
.pt-10 {
	padding-top:10px
}
.pt-16 {
	padding-top:16px
}
.pt-24 {
	padding-top:24px
}
.pt-20 {
	padding-top:20px
}
.pt-32 {
	padding-top:32px
}
.pt-48 {
	padding-top:48px
}
.p-24 {
	padding:24px
}
.plr-24 {
	padding-left:24px;
	padding-right:24px
}
.pr-6 {
	padding-right:6px
}
.pr-16 {
	padding-right:16px
}
.pb-16 {
	padding-bottom:16px
}
.pb-32 {
	padding-bottom:32px
}
.pl-16 {
	padding-left:16px
}
.pl-4 {
	padding-left:4px
}
.flex {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
.flex-vc {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.flex-c, .flex-hc {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.flex-c {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.flex-vb {
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.flex-1 {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	min-width:0
}
.flex-bl {
	-webkit-box-align:baseline;
	-ms-flex-align:baseline;
	align-items:baseline
}
.line {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-break:break-all
}
h4.line:hover {
	text-decoration:underline
}
.line-2 {
	-webkit-line-clamp:2
}
.line-2, .line-3 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.line-3 {
	-webkit-line-clamp:3
}
.line-4 {
	-webkit-line-clamp:4
}
.line-4, .line-5 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.line-5 {
	-webkit-line-clamp:5
}
.line-7 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:7;
	overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all
}
.fs-xxl {
	font-size:24px
}
.fs-lg {
	font-size:18px
}
.fs-md {
	font-size:16px
}
.fs-base {
	font-size:14px
}
.fs-sm {
	font-size:12px
}
.fs-20 {
	font-size:20px
}
.fw-bold {
	font-weight:500
}
.fw-bolder {
	font-weight:600
}
.text {
	color:#222226
}
.text-second {
	color:#999aaa
}
.text-light {
	color:#f8e3c3
}
.text-gray {
	color:#999aaa
}
.text-right {
	text-align:right
}
.text-center {
	text-align:center
}
.bor-r {
	border-radius:2px
}
.bor-r4 {
	border-radius:4px
}
.bor-b {
	border-bottom:1px solid #f0f0f5
}
.bor-t {
	border-top:1px solid #f0f0f5
}
.center {
	margin:0 auto
}
.light {
	color:#b87100!important
}
.btn-light {
	color:#f8e3c3!important
}
.full {
	display:inline-block;
	width:100%;
	height:100%
}
.layout {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.layout-center {
	width:1030px
}
.layout-right {
	margin-left:10px;
	width:338px
}
.d-b {
	display:block
}
.d-ib {
	display:inline-block
}
.link {
	color:#277ccc
}
.va-text-top {
	vertical-align:text-top
}
.va-middle {
	vertical-align:middle
}
.va-text-bottom {
	vertical-align:text-bottom
}
.space {
	height:10px;
	background:#f2f5f7
}
.relative {
	position:relative
}
.icon {
	width:24px;
	height:24px
}
.icon, .icon-small {
	display:inline-block;
	vertical-align:middle;
	overflow:hidden
}
.icon-small {
	width:16px;
	height:16px
}
.icon-middle {
	display:inline-block;
	vertical-align:middle;
	width:18px;
	height:18px
}
.fl {
	float:left
}
.fr {
	float:right
}
.bg-white {
	background-color:#fff
}
.line-h-1 {
	line-height:1
}
.black {
	color:#000
}
.dialog-icon {
	width:16px;
	height:16px
}
.d-icon, .dialog-icon {
	vertical-align:middle
}
.d-icon {
	width:42px;
	height:42px
}
.d-main {
	min-height:90px;
	background:#f8f8f8;
	border-radius:4px
}
.toolbar-placeholder {
	height:48px;
	position:sticky;
	top:0;
	z-index:2;
	background:#fff
}
#csdn-toolbar {
	width:100%;
	position:sticky!important;
	min-height:48px;
	top:0;
	z-index:12;
	display:none
}
.csdn-side-toolbar {
	right:50%!important;
	-webkit-transform:translateX(900px)!important;
	transform:translateX(900px)!important
}
@media screen and (max-width:1680px) {
.csdn-side-toolbar {
-webkit-transform:translateX(800px)!important;
transform:translateX(800px)!important
}
}
@media screen and (max-width:1560px) {
.csdn-side-toolbar {
-webkit-transform:translateX(700px)!important;
transform:translateX(700px)!important
}
}
@media screen and (max-width:1440px) {
.csdn-side-toolbar {
-webkit-transform:translateX(680px)!important;
transform:translateX(680px)!important
}
}
@media screen and (max-width:1335px) {
.csdn-side-toolbar {
-webkit-transform:translateX(620px)!important;
transform:translateX(620px)!important
}
}
@media screen and (max-width:1280px) {
.csdn-side-toolbar {
-webkit-transform:translateX(460px)!important;
transform:translateX(460px)!important
}
}
@media screen and (max-width:1024px) {
.csdn-side-toolbar {
-webkit-transform:translateX(400px)!important;
transform:translateX(400px)!important
}
}
#csdn-toolbar .toolbar-menus {
	font-size:14px!important
}
.search-form[data-v-470ce420] {
	width:100%;
	padding:16px 24px;
	line-height:21px;
	background:#fff;
	border-radius:2px;
	position:relative
}
.search-form .search-content .search-is-active[data-v-470ce420] {
	background-color:rgba(252, 85, 49, .058823529411764705)
}
.search-form .search-content .search-is-active a[data-v-470ce420] {
	color:#fc5531!important
}
.search-form .search-content .search-tabs[data-v-470ce420] {
	gap:10px;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	font-size:15px
}
.search-form .search-content .search-tabs>li[data-v-470ce420] {
	height:39px;
	border-radius:49px;
	cursor:pointer;
	padding:9px 12px
}
.search-form .search-content .search-tabs>li a[data-v-470ce420] {
	height:21px;
	line-height:21px;
	color:#555666
}
.search-form .search-content .search-tabs>li:hover a[data-v-470ce420] {
	color:#777888
}
.search-form .search-content .search-title[data-v-470ce420] {
	padding:9px 0;
	color:#555666;
	white-space:nowrap;
	margin-right:10px;
	font-size:15px
}
.resource-item-a[data-v-7c59b8ed] {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:414px;
	height:160px;
	padding:16px;
	border:1px solid #e8e8ed;
	border-radius:4px;
	font-size:14px;
	color:#777888;
	cursor:pointer;
-webkit-transition:all .5s ease;
transition:all .5s ease
}
.resource-item-a .title1x[data-v-7c59b8ed] {
	font-size:18px;
	font-weight:500;
	height:26px;
	line-height:26px;
	color:#000
}
.resource-item-a .title1x:hover>a[data-v-7c59b8ed] {
	color:#fc5531
}
.resource-item-a .content[data-v-7c59b8ed] {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	margin-top:4px;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:3;
	line-height:20px
}
.resource-item-a .footer[data-v-7c59b8ed] {
	height:22px;
	line-height:22px;
	margin-top:16px
}
.resource-item-a .footer .footer-info[data-v-7c59b8ed] {
	margin-right:16px
}
.resource-item-a .footer .footer-info>img[data-v-7c59b8ed] {
	width:16px;
	height:16px;
	margin-right:4px;
	vertical-align:text-bottom
}
.resource-item-a[data-v-7c59b8ed]:hover {
	-webkit-box-shadow:0 4px 16px 0 rgba(0, 0, 0, .058823529411764705);
	box-shadow:0 4px 16px 0 rgba(0, 0, 0, .058823529411764705);
	border:1px solid transparent
}
.resource-item-b[data-v-7c67d06e] {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:986px;
	height:122px;
	padding-top:20px;
	margin-top:-4px;
	border-top:1px solid #e8e8ed;
	border-radius:4px;
	font-size:14px;
	color:#777888
}
.resource-item-b .resource-bg[data-v-7c67d06e] {
	width:178px;
	height:100px;
	border-radius:4px;
	margin-right:8px;
	background-color:#fac
}
.resource-item-b .resource-bg>img[data-v-7c67d06e] {
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.resource-item-b .resource-content[data-v-7c67d06e] {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.resource-item-b .resource-content .title[data-v-7c67d06e] {
	font-size:18px;
	font-weight:500;
	height:26px;
	line-height:26px;
	color:#000
}
.resource-item-b .resource-content .title>a[data-v-7c67d06e] {
	max-width:700px
}
.resource-item-b .resource-content .title>a[data-v-7c67d06e]:hover {
	color:#fc5531
}
.resource-item-b .resource-content .content[data-v-7c67d06e] {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	margin-top:4px;
	line-height:20px
}
.resource-item-b .resource-content .footer[data-v-7c67d06e] {
	margin-top:9px;
	font-size:400;
	height:22px;
	line-height:22px
}
@media screen and (max-width:1440px) {
.resource-item-b[data-v-7c67d06e] {
width:796px
}
.resource-content .title>a[data-v-7c67d06e] {
max-width:610px!important
}
}
@media (min-width:1441px) and (max-width:1535px) {
.resource-item-b[data-v-7c67d06e] {
width:886px
}
.resource-content .title>a[data-v-7c67d06e] {
max-width:700px!important
}
}
.resource {
	background-color:#fff;
	padding:24px;
	border-radius:2px
}
.resource .resource-container>a .stage-title {
	font-weight:500;
	font-size:22px;
	line-height:30px
}
.resource .resource-container .resource-main {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	gap:24px;
	margin-top: 0
}
.resource .resource-container .resource-main form {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	gap:24px;
}
.resource .resource-container .resource-main .resource-item .footer-info-blog {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	margin-right:24px
}
.resource .resource-container .resource-main .resource-item .footer-info-blog>img {
	width:16px;
	height:16px;
	vertical-align:text-bottom;
	margin-right:4px
}
.resource .resource-container .resource-main .resource-item .footer-info-blog.last {
	margin-right:0;
	margin-left:auto
}
.resource .resource-container .resource-main .resource-item .footer-info-study {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	margin-right:4px;
	line-height:22px;
	color:#777888
}
.resource .resource-container .resource-main .resource-item .footer-info-study .dot {
	margin-left:4px
}
.resource .resource-container .resource-main .resource-item .footer-info-study:last-child .dot {
	display:none
}
.navs-bar-container[data-v-cbebe690] {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	position:relative;
	width:120px;
	background-color:#fff;
	border-radius:8px;
	left:20px;
	top:0
}
.navs-bar-container[data-v-cbebe690]:before {
	content:"";
	position:absolute;
	width:80px;
	height:80px;
	left:50%;
	-webkit-transform:translate(-50%, -65%);
	transform:translate(-50%, -65%);
	background:url(https://csdnimg.cn/release/wenkucmsfe/public/img/gift.b4b8311e.png) 50%/cover no-repeat
}
.navs-bar-container.fixed[data-v-cbebe690] {
	position:fixed
}
.navs-bar-container .intro[data-v-cbebe690] {
	height:54px;
	padding:24px 18px 18px;
	font-family:PingFang SC;
	font-size:14px;
	font-weight:700;
	line-height:16px;
	letter-spacing:0;
	text-align:left;
	color:#fc5531;
	cursor:default;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 104, 56, .2)), to(rgba(255, 236, 138, 0)));
	background:linear-gradient(180deg, rgba(255, 104, 56, .2), rgba(255, 236, 138, 0));
	border-top-left-radius:8px;
	border-top-right-radius:8px
}
.navs-bar-container .sign[data-v-cbebe690] {
	width:13px;
	height:12px;
	margin:8px auto 0
}
.navs-bar-container .nav-container[data-v-cbebe690] {
	position:relative;
	padding:6px 6px 11px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px
}
.navs-bar-container .nav-container .nav[data-v-cbebe690] {
	width:108px;
	padding:6px 10px;
	line-height:22pxpx;
	font-size:12px;
	color:#000;
	font-family:PingFang SC;
	font-weight:400;
	cursor:pointer;
	border:none;
	text-align:center
}
.navs-bar-container .nav-container .nav.active[data-v-cbebe690], .navs-bar-container .nav-container .nav[data-v-cbebe690]:hover {
	border-radius:8px;
	background:#fff3f0;
	color:#fc5533
}
.navs-bar-container .nav-container .nav.active .icon[data-v-cbebe690], .navs-bar-container .nav-container .nav:hover .icon[data-v-cbebe690] {
	background-image:var(--bg-img-active)
}
.navs-bar-container .nav-container .nav .icon[data-v-cbebe690] {
	width:20px;
	height:20px;
	margin-right:10px;
	background-repeat:no-repeat;
	background-position:50%;
	background-image:var(--bg-img)
}
@media screen and (max-width:1440px) {
.navs-bar-container[data-v-cbebe690] {
left:0
}
}
@media (min-width:1441px) and (max-width:1535px) {
.navs-bar-container[data-v-cbebe690] {
left:0
}
}
.main[data-v-ee0a3cb2] {
	position:relative
}
.thumbnail[data-v-af46c460] {
	height:151px;
	width:113px;
	overflow:hidden;
	position:relative;
	background-size:cover;
	padding:32px 10px 0;
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	background-image:url(https://csdnimg.cn/release/wenkucmsfe/public/img/white-bg.ca8570fa.png)
}
.thumbnail .bg[data-v-af46c460] {
	width:100%;
	height:100%;
-webkit-transition:all .5s;
transition:all .5s
}
.thumbnail .bg[data-v-af46c460]:hover {
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
}
.thumbnail .file-tag[data-v-af46c460] {
	line-height:18px;
	font-weight:400px;
	font-size:12px;
	height:18px
}
.thumbnail .file-desc[data-v-af46c460], .thumbnail .file-size[data-v-af46c460] {
	-webkit-transform-origin:left;
	transform-origin:left
}
.thumbnail .file-desc[data-v-af46c460] {
	font-weight:400;
	line-height:16px;
	margin-top:4px;
	color:#999aaa
}
.font-8[data-v-af46c460] {
	font-size:12px;
	-webkit-transform:scale(.67);
	transform:scale(.67)
}
.font-10[data-v-af46c460] {
	font-size:12px;
	-webkit-transform:scale(.84);
	transform:scale(.84)
}
.hidden[data-v-af46c460] {
	height:32px;
	overflow:hidden
}
.latest-file-card[data-v-167f60f7] {
	padding:0 16px 8px;
	border:1px solid #f0f0f2;
	border-radius:2px;
	background-color:#fff
}
.latest-file-card .title[data-v-167f60f7] {
	height:49px;
	color:#555666;
	border-bottom:1px solid #f5f6f7;
	line-height:48px;
	font-size:16px;
	font-weight:500;
	margin-left:-16px;
	padding-left:24px;
	margin-right:-16px
}
.latest-file-card .title span[data-v-167f60f7] {
	display:inline-block;
	position:relative;
	margin-right:24px;
	cursor:pointer
}
.latest-file-card .title .active[data-v-167f60f7] {
	color:#222226
}
.latest-file-card .title .active[data-v-167f60f7]:before {
	content:"";
	position:absolute;
	left:calc(50% - 12px);
	bottom:-2px;
	width:24px;
	height:2px;
	background-color:#222226
}
.latest-file-card .open-item[data-v-167f60f7] {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	height:24px;
	width:276px;
	line-height:24px
}
.latest-file-card .open-item .open-title[data-v-167f60f7] {
	display:block
}
.latest-file-card .fold-item[data-v-167f60f7] {
	height:120px;
	width:100%;
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	cursor:pointer
}
.latest-file-card .fold-item .num[data-v-167f60f7] {
	position:absolute;
	top:0;
	left:0
}
.latest-file-card .fold-item .left-content[data-v-167f60f7] {
	padding:16px 10px;
	height:100%;
	width:90px;
	background-image:url(https://csdnimg.cn/release/wenkucmsfe/public/img/preview-bg.9dec346e.png);
	background-size:100% 100%;
	position:relative
}
.latest-file-card .fold-item .left-content .info[data-v-167f60f7] {
	height:120px;
	width:90px;
	background:#777888
}
.latest-file-card .fold-item .left-content .icon[data-v-167f60f7] {
	height:22px;
	width:22px;
	position:absolute;
	bottom:5px;
	right:4px
}
.latest-file-card .fold-item .right-content[data-v-167f60f7] {
	margin-left:16px;
	position:relative
}
.latest-file-card .fold-item .right-content .fold-title[data-v-167f60f7] {
	width:180px
}
.latest-file-card .fold-item .right-content .fold-title[data-v-167f60f7]:hover {
	font-weight:500
}
.latest-file-card .fold-item .right-content .item-extra[data-v-167f60f7] {
	font-size:12px;
	line-height:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-line-pack:center;
	align-content:center;
	position:absolute;
	bottom:0;
	left:0
}
.latest-file-card .fold-item .right-content .item-extra .mb-2[data-v-167f60f7] {
	margin-bottom:2px
}
.latest-file-card .fold-item .right-content .item-extra .divide[data-v-167f60f7] {
	border-left:1px solid #f0f0f5;
	height:12px;
	margin-top:3px
}
.latest-file-card .fold-item .right-content .item-extra .pt-1[data-v-167f60f7] {
	padding-top:1px
}
.latest-file-card .fold[data-v-167f60f7] {
	display:none
}
.latest-file-card ul li[data-v-167f60f7] {
	margin-top:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.latest-file-card ul li .align[data-v-167f60f7] {
	display:inline-block;
	padding-top:2px
}
.latest-file-card ul li .rank[data-v-167f60f7] {
	-webkit-box-flex:0;
	-ms-flex:none;
	flex:none;
	margin-right:8px;
	margin-left:4px;
	text-align:center;
	font-size:16px;
	font-weight:700;
	color:#fff;
	border-radius:2px;
	z-index:2;
	font-family:DINAlternate-Bold, DINAlternate
}
.latest-file-card ul li:first-child .bg[data-v-167f60f7] {
	color:#f87e62
}
.latest-file-card ul li:nth-child(2) .bg[data-v-167f60f7] {
color:#fab216
}
.latest-file-card ul li:nth-child(3) .bg[data-v-167f60f7] {
color:#be7c14
}
.latest-file-card ul li .bg[data-v-167f60f7] {
	width:18px;
	height:16px;
	font-size:20px;
	font-weight:700;
	color:#999aaa;
	line-height:16px
}
.latest-file-card[data-v-57f13ebb] {
	padding:0 24px 8px;
	border: 0;
	border-radius:2px;
	background-color:#fff
}
.latest-file-card .title[data-v-57f13ebb] {
	height:49px;
	color:#222226;
	border-bottom:1px solid #f5f6f7;
	line-height:48px;
	font-size:18px;
	font-weight:500;
	margin-left:-16px;
	padding-left:16px;
	margin-right:-16px
}
.latest-file-card ul li[data-v-57f13ebb] {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-bottom:1px dotted #f0f0f2
}
.latest-file-card ul li:nth-child(n+4)>div[data-v-57f13ebb] {
color:#777888!important
}
.latest-file-card ul li .align[data-v-57f13ebb] {
	position:relative;
	top:2px
}
.latest-file-card ul li>a[data-v-57f13ebb] {
	display:inline-block;
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:42px;
	line-height:42px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.latest-file-card ul li>div[data-v-57f13ebb]:first-child {
	-webkit-box-flex:0;
	-ms-flex:none;
	flex:none;
	margin-right:8px;
	text-align:center;
	font-size:16px;
	font-family:DINAlternate-Bold, DINAlternate;
	font-weight:700;
	color:#fff;
	background:#f0f0f5;
	border-radius:2px
}
.latest-file-card ul li[data-v-57f13ebb]:last-child {
	border:none
}
.latest-file-card ul li:first-child>div[data-v-57f13ebb]:first-child {
	width:20px;
	height:24px;
	line-height:24px;
	background:url(https://csdnimg.cn/release/wenkucmsfe/public/img/file-level-1.74cf7d36.png);
	background-size:100% 100%
}
.latest-file-card ul li:nth-child(2)>div[data-v-57f13ebb]:first-child {
width:20px;
height:24px;
line-height:24px;
background:url(https://csdnimg.cn/release/wenkucmsfe/public/img/file-level-2.3dbc21d9.png);
background-size:100% 100%
}
.latest-file-card ul li:nth-child(3)>div[data-v-57f13ebb]:first-child {
width:20px;
height:24px;
line-height:24px;
background:url(https://csdnimg.cn/release/wenkucmsfe/public/img/file-level-3.4ff17d1b.png);
background-size:100% 100%
}
.latest-file-card ul li:nth-child(n+4)>div[data-v-57f13ebb]:first-child {
width:18px;
height:18px;
line-height:18px
}
.title-new[data-v-57f13ebb] {
	color:#222226
}
.title-new[data-v-57f13ebb]:hover {
	color:#555666
}
.right-bar-box {
	position:relative
}
#csdn-toolbar .toolbar-menus {
	font-size:0!important
}
.layout-center {
	margin-top:150px;
	width:1034px;
	min-width:844px;
	margin-bottom:10px
}
.layout-right {
	margin-top:150px;
	margin-left:8px
}
.linear-bg {
	min-width:1440px;
	width:100vw;
	position:absolute;
	left:0;
	top:48px;
	height:150px;
	background:-webkit-gradient(linear, left top, left bottom, from(#cee7ff), to(rgba(240, 243, 246, 0)));
	background:linear-gradient(180deg, #cee7ff, rgba(240, 243, 246, 0));
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.linear-bg>img {
	width:1018px;
	height:265px;
	position:absolute;
	right:6vw
}
.linear-bg .text {
	width:1380px;
	padding-top:30px;
	color:#000;
	position:relative
}
.linear-bg .text .title {
	font-weight:700;
	font-size:40px;
	line-height:50px
}
.linear-bg .text .desc {
	position:relative;
	z-index:1;
	font-size:18px;
	line-height:25px;
	margin-top:10px
}
.linear-bg .text:after {
	content:"";
	width:1018px;
	height:265px;
	position:absolute;
	background:url(https://csdnimg.cn/release/wenkucmsfe/public/img/bg.e30121a3.png) 50%/100% 100% no-repeat;
	right:-90px;
	top:0
}
.main.pb-32 {
	padding-bottom:0
}
@media screen and (max-width:1440px) {
.layout-center {
width:844px
}
.linear-bg .text {
width:1190px
}
.linear-bg .text .desc {
max-width:844px
}
.linear-bg:after {
width:977px
}
}
@media (min-width:1441px) and (max-width:1535px) {
.layout-center {
width:934px
}
.linear-bg .text {
width:1280px
}
.linear-bg:after {
width:977px
}
}
@media (max-width: 820px) {
.mn { width: 100% !important}
.sd { display: none !important}
.resource { padding: 20px 4% !important}
.resource .resource-container .resource-main { display: block; width: 100%}
.resource .resource-container .resource-main form { display: block}
.resource-item { display: block; width: 100%; margin: 0 0 10px 0}
.resource-item-a[data-v-7c59b8ed] { width: 100% !important}
.resource-item-a .title1x[data-v-7c59b8ed] .line { display: block; width: 100%}
}