.articleCommonBox{display:flex;flex-wrap:wrap;grid-gap:47px;gap:47px}.articleCommonBox .choiceArticleItem{width:calc(33.33333% - 31.33333px)}.articleCommonBox .choiceArticleItem .imgBox{width:100%;height:210px;border-radius:6px;overflow:hidden}.articleCommonBox .choiceArticleItem .bgImg{max-width:100%;height:210px;cursor:pointer;border-radius:6px}.articleCommonBox .choiceArticleItem .choiceArticleContent{padding:16px;color:#a3a3a6;font-family:Rubik-400;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.articleCommonBox .choiceArticleItem .choiceArticleContent .subTitleBox{display:flex;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px}.articleCommonBox .choiceArticleItem .choiceArticleContent .subTitleBox .subTitleItem{padding:8px 12px;color:#141414;font-family:Rubik-400;font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-radius:999px;background:#f5f5f5;cursor:pointer}.articleCommonBox .choiceArticleItem .choiceArticleContent .choiceArticleTitle{color:#141414;font-family:Rubik-600;font-size:17px;font-style:normal;font-weight:600;line-height:normal;margin:8px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.articleCommonBox .choiceArticleItem .choiceArticleContent .contentText{height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.articleCommonBox .choiceArticleItem .choiceArticleContent .contentText *{color:#434343!important;font-family:Rubik-400!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:20px!important;padding:0!important;margin:0!important}.articleCommonBox .choiceArticleItem .choiceArticleContent .timeBox{color:#a3a3a6;font-size:12px;margin-top:8px}.commonTitle{font-family:Rubik-600;font-size:36px;font-weight:600}.commonTitle,.commonTitleBox{color:#141414;font-style:normal;line-height:normal}.commonTitleBox{display:flex;align-items:center;justify-content:space-between;font-family:Rubik-500;font-size:17px;font-weight:500;margin-bottom:36px}.commonTitleBox .moreBox{display:flex;align-items:center;cursor:pointer}.commonTitleBox .moreBox img{width:16px;height:16px;margin-left:4px}.collegBreadcrumb{display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}.collegBreadcrumb .el-breadcrumb__item .el-breadcrumb__inner{color:#141414;font-family:Rubik-400;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.collegBreadcrumb .el-breadcrumb__item .el-breadcrumb__inner.is-link,.collegBreadcrumb .el-breadcrumb__item .el-breadcrumb__separator{color:#bfbfbf;font-family:Rubik-400;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.collegePage{width:100%}.collegePage .collegeHead{width:100%;height:320px;background-color:#f4ffcf;position:absolute;top:64px;left:0;z-index:-1}.collegePage .collegeHead,.collegePage .collegeHead .collegeHeadMain{color:#141414;font-family:Rubik-400;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.collegePage .collegeHead .collegeHeadMain{min-width:1280px;max-width:1580px;margin:0 auto;padding:0 90px;height:273px;display:flex;align-items:center;justify-content:space-between;background:url(/image/light/img_college_banner.png) no-repeat;background-size:contain;background-position-x:right}.collegePage .collegeHead .collegeHeadMain .collegeHeadContent{max-width:60%;font-size:15px}.collegePage .collegeHead .collegeHeadMain .collegeHeadContent .headTitle{color:#141414;font-family:Rubik-600;font-size:36px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:8px}.collegePage .collegeMain{min-width:1280px;max-width:1580px;margin:0 auto;padding:274px 90px 100px}.collegePage .collegeMain .collegeMainTabs{width:100%;display:flex;justify-content:space-between;border-radius:10px;background:#fff;box-shadow:0 10px 20px 0 rgba(20,20,20,.04);padding:24px 32px;color:#141414;font-family:Rubik-500;font-size:20px;font-style:normal;font-weight:500;line-height:20px}.collegePage .collegeMain .collegeMainTabs .maskBox{display:none}.collegePage .collegeMain .collegeMainTabs .tabsBox{display:flex;align-items:center;flex-wrap:wrap;grid-row-gap:10px;row-gap:10px}.collegePage .collegeMain .collegeMainTabs .tabsBox .tabItem{color:#141414;margin-right:32px;cursor:pointer}.collegePage .collegeMain .collegeMainTabs .tabsBox .activeItem{color:#7cb400}.collegePage .collegeMain .collegeChoiceBox{width:100%;margin-top:54px;color:#434343;font-family:Rubik-400;font-size:15px;font-style:normal;font-weight:400;line-height:normal}.collegePage .collegeMain .collegeChoiceBox .choiceContent{display:flex;justify-content:space-between;margin-top:36px;margin-bottom:80px}.collegePage .collegeMain .collegeChoiceBox .choiceContent .imgBox{border-radius:12px}.collegePage .collegeMain .collegeChoiceBox .choiceContent .bgImg{max-width:600px;height:320px;margin-right:48px;cursor:pointer;border-radius:12px}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight{display:flex;flex-flow:column;justify-content:center}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight .subTitleBox{display:flex;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight .subTitleBox .subTitleItem{padding:12px 16px;color:#141414;font-family:Rubik-400;font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-radius:999px;background:#f5f5f5;cursor:pointer}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight .choiceArticleTitle{color:#141414;font-family:Rubik-600;font-size:20px;font-style:normal;font-weight:600;line-height:normal;margin:8px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight .contentText{height:60px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight .contentText *{color:#434343!important;font-family:Rubik-400!important;font-size:15px!important;font-style:normal!important;font-weight:400!important;line-height:20px!important;padding:0!important;margin:0!important}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight .timeBox{color:#a3a3a6;font-family:Rubik-400;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-top:8px}.collegePage .collegeMain .spotTradeMain{margin:80px 0}.collegePage .collegeMain .spotTradeMain .el-carousel{height:218px}.collegePage .collegeMain .spotTradeMain .el-carousel .el-carousel__container{height:100%}.collegePage .collegeMain .spotTradeMain .spotTradeBox{width:100%;border-radius:24px;background:#f4ffcf;display:flex;justify-content:space-between}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotTradeLeft{flex:1;padding-left:36px;color:#141414;font-family:Rubik-600;font-size:24px;font-style:normal;font-weight:600;line-height:normal;display:flex;flex-flow:column;justify-content:center}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotTradeLeft .leftContent{color:#434343;font-family:Rubik-400;font-size:20px;font-weight:400;margin-top:20px}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotTradeLeft .gl-btn-la{height:44px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:160px;margin-top:20px}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotImgBox{width:420px;height:218px;background-image:url(/image/light/img_college_spot.png);background-size:100% 100%;background-repeat:no-repeat;background-position:100% 0}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotImgC2cBox{background-image:url(/image/light/img_college_c2c.png)}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotImgFutureBox{background-image:url(/image/light/img_college_future.png)}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotImgSignUpBox{background-image:url(/image/light/img_college_register.png)}.collegePage .collegeMain .newPeopleZone{margin-bottom:80px}.collegePage .collegeMain .allTopicBox .topicBox{display:flex;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px;margin-top:36px}.collegePage .collegeMain .allTopicBox .topicBox .topicItem{padding:12px 16px;border-radius:999px;background:#f5f5f5;color:#141414;font-family:Rubik-400;font-size:14px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.collegePage .el-loading-mask{position:fixed}.collegeCategoryPage{min-width:1280px;max-width:1580px;margin:40px auto;padding:0 90px}.collegeCategoryPage .collegeCategoryMain .categoryListBox{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:60px}.collegeCategoryPage .collegeCategoryMain .categoryListBox .categoryItem{color:#a3a3a6;font-family:Rubik-600;font-size:20px;font-style:normal;font-weight:600;line-height:42px;padding:0 12px;cursor:pointer}.collegeCategoryPage .collegeCategoryMain .categoryListBox .activeItem{color:#434343}.collegeCategoryPage .collegeCategoryMain .articleCommonBox{margin-top:36px}.collegeCategoryPage .collegeCategoryMain .topicListBox{display:flex;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px;margin-bottom:60px}.collegeCategoryPage .collegeCategoryMain .topicListBox .topicItem{padding:12px 16px;border-radius:999px;background:#f5f5f5;color:#141414;font-family:Rubik-400;font-size:14px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.collegeCategoryPage .collegeCategoryMain .topicListBox .topicActive{color:#fff;background:#7cb400}.collegeDetailPage{min-width:1280px;max-width:1580px;margin:40px auto;padding:0 90px}.collegeDetailPage .collegeDetailMain .topicBox{display:flex;align-items:center;flex-wrap:wrap;grid-gap:12px;gap:12px;margin-bottom:36px}.collegeDetailPage .collegeDetailMain .topicBox .topicItem{padding:12px 16px;border-radius:999px;background:#f5f5f5;color:#141414;font-family:Rubik-400;font-size:14px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.collegeDetailPage .collegeDetailMain .detailBox{display:flex;justify-content:space-between;padding-bottom:60px;border-bottom:1px solid #f0f0f0;position:relative}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft{width:80%;margin-right:40px;color:#141414;font-family:Rubik-400;font-size:17px;font-style:normal;font-weight:400;line-height:normal}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailTitle{font-family:Rubik-600;font-size:36px;font-weight:600;margin-bottom:32px}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo{display:flex;align-items:center;justify-content:space-between;margin:32px 0}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo .infoLeft{display:flex;align-items:center;grid-gap:8px;gap:8px;font-family:Rubik-500;font-size:15px;font-weight:500}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo .infoLeft .avatarBox{width:40px;height:40px;border-radius:50%;background-color:#f5f5f5}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo .infoLeft .avatarBox img{width:100%;height:100%}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo .infoLeft .timeTxt{color:#a3a3a6}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo .infoRight{display:flex;align-items:center;grid-gap:12px;gap:12px}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo .infoRight .imgBox{width:36px;height:36px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;cursor:pointer}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo .infoRight .imgBox a{width:100%;height:100%}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailContent{white-space:pre-wrap;word-wrap:break-word;word-break:break-all;font-family:unset}.collegeDetailPage .collegeDetailMain .detailBox .detailRight{width:200px;flex:0 0 auto;height:100%;position:sticky;top:0}.collegeDetailPage .collegeDetailMain .detailBox .detailRight .el-tabs .el-tabs__header{width:100%}.collegeDetailPage .collegeDetailMain .detailBox .detailRight .el-tabs__item{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collegeDetailPage .collegeDetailMain .questionBox{margin:60px 0}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse{margin-top:36px;border:none}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse .el-collapse-item{padding:40px 30px 0;border-radius:16px;border:1px solid #f0f0f0;margin-bottom:30px}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse .el-collapse-item .el-collapse-item__header{color:#141414;font-family:Rubik-500;font-size:20px;font-style:normal;font-weight:500;line-height:normal;border-bottom:none;height:auto;padding-bottom:40px}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse .el-collapse-item .el-collapse-item__wrap{border-bottom:none}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse .el-collapse-item .el-collapse-item__content{color:#a3a3a6;font-family:Rubik-400;font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding-bottom:40px;padding-top:40px;border-top:1px solid #f0f0f0}.collegeResultPage{min-width:1280px;max-width:1580px;margin:40px auto;padding:0 90px}.collegeResultPage .noDataBox{height:600px;display:flex;flex-flow:column;align-items:center;justify-content:center;color:#141414;text-align:center;font-family:Rubik-500;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.collegeResultPage .noDataBox .emptyImg{width:48px;height:48px;margin-bottom:16px}.collegeResultPage .noDataBox .gl-btn-la{margin-top:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:160px}@media (max-width:760px){.articleCommonBox .choiceArticleItem{width:100%}.articleCommonBox .choiceArticleItem .choiceArticleContent{font-size:12px}.commonTitle{font-size:24px}.collegBreadcrumb{flex-flow:column;align-items:flex-start;margin-bottom:36px;grid-gap:24px;gap:24px}.collegBreadcrumb .searchBox{width:100%}.collegePage .collegeHead{height:200px;font-size:11px}.collegePage .collegeHead .collegeHeadMain{width:100%;min-width:auto;max-width:auto;padding:0 0 0 26px;margin:0;height:160px;background:url(/image/light/img_h5_college_banner.png) no-repeat;background-size:contain;background-position-x:right}.collegePage .collegeHead .collegeHeadMain .collegeHeadContent{max-width:46%;font-size:11px}.collegePage .collegeHead .collegeHeadMain .collegeHeadContent .headTitle{font-size:24px}.collegePage .collegeMain{width:100%;min-width:auto;max-width:auto;padding:146px 10px 24px;margin:0}.collegePage .collegeMain .collegeMainTabs{background-color:transparent;flex-flow:column;font-size:15px;padding:0;box-shadow:none;position:relative}.collegePage .collegeMain .collegeMainTabs .maskBox{display:block;width:53px;height:53px;position:absolute;top:0;right:0;background:linear-gradient(270deg,#fff 28%,hsla(0,0%,100%,0))}.collegePage .collegeMain .collegeMainTabs .tabsBox{margin-bottom:12px;padding:16px 32px;overflow-x:auto;overflow-y:hidden;border-radius:10px;background:#fff;box-shadow:0 4px 10px 0 rgba(20,20,20,.04);height:54px;width:100%;flex-wrap:nowrap}.collegePage .collegeMain .collegeMainTabs .tabsBox .tabItem{height:100%;flex:0 0 auto;margin-right:20px;cursor:pointer}.collegePage .collegeMain .collegeMainTabs .searchBox .el-input__inner{background:#fff!important}.collegePage .collegeMain .collegeChoiceBox{margin-top:18px;font-size:15px}.collegePage .collegeMain .collegeChoiceBox .choiceContent{margin-top:24px;flex-flow:column;margin-bottom:36px}.collegePage .collegeMain .collegeChoiceBox .choiceContent .bgImg{width:100%;margin-right:0;cursor:pointer}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight{padding:16px}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight .subTitleBox .subTitleItem{font-size:12px;padding:8px 12px;cursor:pointer}.collegePage .collegeMain .collegeChoiceBox .choiceContent .choiceContentRight .choiceArticleTitle{font-size:17px;color:#434343}.collegePage .collegeMain .spotTradeMain{margin:36px 0}.collegePage .collegeMain .spotTradeMain .el-carousel{height:381px}.collegePage .collegeMain .spotTradeMain .el-carousel .el-carousel__container{height:100%}.collegePage .collegeMain .spotTradeMain .spotTradeBox{background:#fff;flex-flow:column;border-radius:24px;border:1px solid #f0f0f0}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotTradeLeft{padding:16px;font-size:17px}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotTradeLeft .leftContent{font-size:14px}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotTradeLeft .gl-btn-la{width:100%;min-width:auto}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotImgBox{width:auto;height:193px;background-image:url(/image/light/img_h5_college_spot.png);background-size:auto 193px;background-repeat:no-repeat;background-position:top}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotImgC2cBox{background-image:url(/image/light/img_h5_college_c2c.png)}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotImgFutureBox{background-image:url(/image/light/img_h5_college_future.png)}.collegePage .collegeMain .spotTradeMain .spotTradeBox .spotImgSignUpBox{background-image:url(/image/light/img_h5_college_register.png)}.collegePage .collegeMain .newPeopleZone{margin-bottom:36px}.collegePage .collegeMain .allTopicBox .topicBox .topicItem{padding:8px 12px;font-size:12px}.collegeCategoryPage{width:100%;min-width:auto;max-width:auto;padding:24px 10px;margin:0}.collegeCategoryPage .collegeCategoryMain .el-tabs{margin-bottom:36px}.collegeCategoryPage .collegeCategoryMain .categoryListBox{overflow-x:auto;overflow-y:hidden;grid-gap:24px;gap:24px;margin-bottom:36px}.collegeCategoryPage .collegeCategoryMain .categoryListBox .categoryItem{flex:0 0 auto;font-size:15px;padding:0}.collegeCategoryPage .collegeCategoryMain .articleCommonBox{margin-top:36px}.collegeCategoryPage .collegeCategoryMain .topicListBox{flex-wrap:wrap;grid-gap:8px;gap:8px;margin-bottom:36px}.collegeCategoryPage .collegeCategoryMain .topicListBox .topicItem{padding:8px 12px;font-size:12px}.collegeDetailPage{width:100%;min-width:auto;max-width:auto;padding:24px 10px;margin:0}.collegeDetailPage .collegeDetailMain .detailBox{border-bottom:none;padding-bottom:0}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft{width:100%;margin-right:0;font-size:15px}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailTitle{font-size:24px}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo{flex-flow:column;align-items:flex-start}.collegeDetailPage .collegeDetailMain .detailBox .detailLeft .detailInfo .infoLeft{margin-bottom:16px}.collegeDetailPage .collegeDetailMain .detailBox .detailRight{display:none}.collegeDetailPage .collegeDetailMain .questionBox{margin:36px 0}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse{margin-top:24px}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse .el-collapse-item{padding:16px 16px 0;margin-bottom:12px}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse .el-collapse-item .el-collapse-item__header{font-size:15px;padding-bottom:16px}.collegeDetailPage .collegeDetailMain .questionBox .el-collapse .el-collapse-item .el-collapse-item__content{font-size:14px;padding-bottom:16px;padding-top:16px}.collegeResultPage{width:100%;min-width:auto;max-width:auto;padding:24px 10px;margin:0}.collegeResultPage .noDataBox{height:400px}}