/*公共部分*/ html { /*height: 100%;*/ min-height: 100%; } body { font-family: MicrosoftYaHei; color: #333; /*height: 100%;*/ margin: 0; min-height: 100%; } ul { margin: 0; padding: 0; } li { list-style: none; text-align: initial; } a { text-decoration: none; } a:hover { text-decoration: none; } th { font-weight: normal; } p { margin: 0; } .clearfix { clear: both; } .index-article { /* background: #fdfdfd; */ margin: 25px 0; } .index-article .index-title { margin: 25px 0 10px; padding: 0; } .index-article .index-title .more-course { background: #fdfdfd; } .index-article .nav-list a { font-size: 18px; line-height: 32px; padding: 7px 20px; height: 46px; } .index-article .nav-list > li { margin: 0 30px; cursor: pointer; } .index-article .nav-list > li:last-child { margin: 0 0 0 30px; } .index-article .nav-list .active a { font-weight: 900; font-size: 20px; color: #333; } /*** 首页考研资讯次导èˆ?***/ .index-article-nav { box-shadow: 0 1px 3px 0 rgba(132, 132, 132, 0.43); } .index-article-nav > ul > li { background: #fff; display: none; } .index-article-nav > ul > .active { display: block; } .index-article-nav li { list-style: none; } .index-article-nav ul { margin: 0; padding: 0; } .index-article-nav > ul > li { padding: 20px 0; } .index-article-nav-list { position: relative; } .index-article-border { width: 100%; height: 60px; margin-top: 10px; position: absolute; top: 0; z-index: 0; } .index-article-border > div { width: 20%; height: 100%; border-right: 1px solid #e8e8e8; float: left; } .index-article-nav-list li { width: 12%; float: left; text-align: center; border-radius: 5px; background: #fafafa; margin: 4px 4%; position: relative; z-index: 1; } .index-article-nav-list > .active { background: #c30d23; transition: all 0.4s ease; transform: scale(1.1); box-shadow: 0 10px 38px 0 rgba(132, 132, 132, 0.43); position: relative; z-index: 9; } .index-article-nav-list > li:hover a { color: #fff !important; } .index-article-nav-list > .active a { color: #fff; } .index-article-nav-list li a { font-size: 16px; color: #333; display: block; padding: 5px 0px; border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(132, 132, 132, 0.43); } .index-article-nav-list li a:hover { color: #fff; } /** 首页资讯内容 **/ .index-article-content { margin: 15px 0; } .index-article-content ul { padding: 0; margin: 0; position: relative; } .index-article-content li { list-style: none; } .index-article-main { height: 532px; position: relative; } .index-article-main > li { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: -1; } .index-art-1 { height: 100%; } .index-art-1 > li { width: 100%; opacity: 0; position: absolute; top: 0; z-index: -1; } .index-art-1 > li.active { transition: all 0.3s ease; opacity: 1; z-index: 1; } .index-article-main .main-left { width: 68%; height: 100%; } .index-article-main .main-right { width: 30%; height: 100%; background: #f8f8f8; } .index-article-main .main-right:hover { background: #efefef; transition: all 0.3s ease; } /*** 首页考研资讯列表 ***/ .index-article-list > li { } .index-article-list > li:hover { background: #f4f4f4; transition: all 0.3s ease; } .index-article-list .article-list { padding-left: 15px; margin-bottom: 10px; } .index-article-list li:first-child .article-list { border-left: 4px solid #c30d23; } .index-article-list li:nth-child(2) .article-list { border-left: 4px solid #c36975; } .index-article-list li:nth-child(3) .article-list { border-left: 4px solid #e3bbc0; } .index-article-list .article-list > a { display: inline-block; } .index-article-list .title { max-width: 650px; font-size: 20px; line-height: 1.68; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; word-wrap: normal; } .index-article-list .info { font-size: 15px; color: #777; letter-spacing: 1px; min-height: 60px; text-align: justify; } .index-article-list .time { font-size: 15px; line-height: 33px; color: #777; display: inline-block; float: right; margin-top: 5px; } .index-article-list .time > span { margin-right: 0 !important; } .index-article-list .time span { margin-right: 0; } .index-article-more { /** 查看更多 **/ } .index-article-more a { color: #c30d23; font-size: 18px; border: 1px solid #e8e8e8; border-radius: 5px; background: #fff; text-align: center; display: block; padding: 10px 0; } .index-article-more a:hover { background: #f8f8f8; } .timeLine { width: 100%; /* background: url('../images/bj.png') no-repeat; */ background-size: 100% 100%; height: 180px; position: relative; } .timeLineCon { position: relative; width: 1150px; margin: 0 auto; z-index: 2; } .timeLineBg { /* background: #FC7402; */ height: 1px; z-index: 1; width: 40px; font-size: 0; margin: 0 auto; float: left; position: relative; top: 33px; } .timeLineBgLeft { left: 0; } .timeLineBgRight { } .timeScroll { width: 1150px; padding: 20px 0 0; position: relative; } .timeScrollArea { width: 1050px; height: 140px; margin: 0 auto; position: relative; overflow: hidden; } .timeScrollLeft { left: 0; /* background: url('../images/right.png'); */ } .timeScrollLeft.dasabled { left: 0; cursor: auto; } .timeScrollLeft, .timeScrollRight { /* width: 18px; height: 35px; */ display: block; position: absolute; top: 48px; cursor: pointer; } .timeScolling { position: absolute; left: 0; top: 0; } .timeItem { width: 139px; float: left; margin: 0; display: inline; overflow: hidden; text-align: center; } .timeScolling .timeItem:first-child { margin-left: 0; width: 99px; } .timeGray { font: 16px/30px "\5FAE\8F6F\96C5\9ED1"; color: #999; width: 59px; height: 59px; background: rgba(252, 243, 239, 1); border: 1px solid rgba(252, 116, 2, 1); border-radius: 50%; line-height: 20px; display: flex; justify-content: center; flex-direction: column; float: left } .timeItem:hover .timeGray { background: rgba(252, 116, 2, 1); color: #fff; } .timeCircle { width: 22px; height: 17px; display: block; background-position: -270px -317px; margin: 0 auto; } .timeTitle, .timeTitle a { font: 14px/24px "\5FAE\8F6F\96C5\9ED1"; color: #333; } .timeScolling .timeItem:first-child .timeTitle { width: 59px; } .timeSgray a { color: #333; } .section h5 { font-size: 26px; font-weight: bold; } .section .nav { padding: 0; } .sectionLabel { float: left; width: 140px; height: 40px; border: 1px solid rgba(229, 229, 229, 1); border-radius: 4px; text-align: center; line-height: 40px; margin-right: 50px; color: #444444; font-size: 16px; margin-bottom: 20px; cursor: pointer; } .sectionLabel.active { border-color: #FC7402; color: #FC7402; } .list { width: 100%; clear: both; overflow: hidden; } .felx { display: flex; flex-direction: row; flex-wrap: wrap; } .timeScroll { padding-top: 30px; padding-bottom: 25px; } .timeLine { height: 215px; width: 1200px; margin: 0 auto; border: 1px solid #eaeaea; /* backgrod: rgba(255, 243, 237, 0.8); */ } .timeTitfff{ font-size: 18px; margin-left: 15px; margin-top: 15px; font-weight: bold; } .timeScrollLeft, .timeScrollRight { width: 43px; height: 43px; top: 23%; transform: translate(-50%); cursor: pointer; } .timeScrollLeft { background: url('../images/c9e7ea86c41f9e287a40afeb13cffa08.png') no-repeat center center; } .timeScrollRight { right: -40px; background: url('../images/7fc05b0c82b56f82ad7b40f35203edb6.png') no-repeat center center; } .timeLineBg { background: transparent; border-top: 1px dashed #FE812D; } .timeTitle, .timeTitle a, .timeSgray, .timeSgray a { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: rgba(34, 34, 34, 1); line-height: 20px; } .timeItem:hover .timeTitle a, .timeItem:hover .timeSgray a { color: #FE812D; } /* .textP{ margin-top: 54px !important; } */ *, *::before, *::after { box-sizing: border-box; }