#index { padding-bottom: 30px; }

#index .topBanner, #index .middleBanner, #index .middleBanner2 { margin: 0 auto; width: 100%; padding: 0 20px; display: block; }

#index .topBanner { padding: 0 10px; padding-top: 30px; margin-bottom: 55px; }

#index .middleBanner, #index .middleBanner2 { margin: 50px auto; width: 970px; overflow: hidden; background-size: cover; background-position: center; }

#index .middleBanner2 { margin: 60px auto; margin-bottom: 55px; }

#index .middleBanner .bannerImg { height: 250px; }

#index .middleBanner2 .bannerImg { height: 90px; }

#index .commonContent { position: relative; }

#index .activityDailyGroup .rightGroup { padding: 10px 0; }

#index .bottomBannerGroup { display: none; }

@media screen and (max-width: 64em) { #index .middleBanner, #index .middleBanner2 { padding: 0 25px; width: 100%; }
  #index .middleBanner .bannerImg, #index .middleBanner2 .bannerImg { height: 100px; }
  #index .middleBanner2 { margin-top: 60px; }
  #index .topBanner { display: none; }
  #index .bottomBannerGroup { display: block; margin-bottom: 60px; }
  #index .bannerGroup .banner2 { margin-top: 0; } }

@media screen and (max-width: 48em) { #index .topBanner, #index .middleBanner, #index .middleBanner2 { padding: 0 15px; }
  #index .bannerGroup .banner1 { margin-top: 50px; }
  #index .bannerGroup .banner2 { margin-top: 40px; } }

.titleGroup { position: relative; padding: 0 10px; }

.titleGroup .pTitle { position: relative; text-align: center; font-size: 32px; font-size: 2rem; font-weight: bold; line-height: 36px; }

.titleGroup .titleLine { position: relative; width: 100%; height: 2px; background: #fc391d; margin: 8px 0; }

@media screen and (max-width: 48em) { .titleGroup .titleLine { margin: 20px 0; margin-top: 15px; } }

.activityGroup { margin: 0 auto; margin-top: 50px; }

.activityGroup .activityItem { position: relative; margin: 20px 0; padding: 0 10px; }

.activityGroup .activityItem .activityItemContent { margin: 0 auto; display: block; padding-left: 0px; }

.activityGroup .activityItem .activityItemContent .activityCover { height: 320px; }

.activityGroup .activityItem .activityItemContent .activityCircle { position: relative; margin-top: 20px; width: 100%; }

.activityGroup .activityItem .activityItemContent .activityCircle .circleText { position: relative; font-size: 18px; font-size: 1.16667rem; letter-spacing: 3px; text-align: center; color: #000; }

.activityGroup .activityItem .mouseOver .activityCircle .circleText { color: #fc391d; }

@media screen and (max-width: 64em) { .activityGroup .activityItem .activityItemContent { padding-left: 5px; }
  .activityGroup .activityItem .activityItemContent .activityCover { width: 100%; height: 0; padding-top: 100%; }
  .activityGroup .activityItem .activityItemContent .activityCircle { width: 100%; }
  .activityGroup .activityItem .activityItemContent .activityCircle .circleText { font-size: 1.16667rem; } }

@media screen and (max-width: 64em) { .activityGroup { margin-bottom: 50px; padding: 0 15px; } }

@media screen and (max-width: 48em) { .activityGroup { margin-top: 40px; padding: 0 5px; } }

.dailyGroup { position: relative; margin: 20px 10px; border: 3px #ca4633 solid; }

.dailyGroup .dailyTitleGroup { position: absolute; margin-right: 50px; width: 180px; height: 100%; }

.dailyGroup .dailyTitleGroup .dailyTitleBg { position: absolute; width: 100%; height: 100%; background: #ca4633; transform: skew(20deg); left: 25px; }

.dailyGroup .dailyTitleGroup .dailyTitle { position: absolute; top: 0; width: 100%; height: 100%; text-align: right; font-size: 26px; font-size: 1.66667rem; font-weight: bold; display: -ms-grid; display: grid; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: #ca4633; }

.dailyGroup .dailyContent { position: relative; margin: 20px 20px; margin-left: 250px; display: inline-block; font-size: 18px; font-size: 1.16667rem; line-height: 25.2px; vertical-align: middle; }

@media screen and (max-width: 64em) { .dailyGroup { height: auto; padding: 15px 0; margin: 0 25px; text-align: center; }
  .dailyGroup .dailyTitleGroup { position: relative; width: 100%; }
  .dailyGroup .dailyTitleGroup .dailyTitleBg { display: none; }
  .dailyGroup .dailyTitleGroup .dailyTitle { position: relative; text-indent: center; width: 100%; line-height: 30px; color: #000; background: none; }
  .dailyGroup .dailyContent { margin: 15px 0; margin-bottom: 5px; padding: 0 25px; }
  .dailyGroup .dailyContent p { text-align: left; } }

@media screen and (max-width: 48em) { .dailyGroup { margin: 0 15px; } }

.bannerGroup { margin: 50px auto; }

.bannerGroup .banner1, .bannerGroup .banner2 { position: relative; margin: 10px auto; margin-bottom: 20px; max-width: 300px; padding: 0 10px; }

@media screen and (max-width: 64em) { .bannerGroup { margin: 20px auto; }
  .bannerGroup .banner1, .bannerGroup .banner2 { padding: 0 25px; margin: 20px auto; max-width: 100%; }
  .bannerGroup .banner1 { margin-top: 0; } }

@media screen and (max-width: 48em) { .bannerGroup .banner1, .bannerGroup .banner2 { padding: 0 15px; }
  .bannerGroup .banner1 { margin-bottom: 40px; }
  .bannerGroup .banner2 { margin-top: 40px; } }

.classificationGroup { position: relative; margin: 0 auto; }

.classificationGroup .classItem { position: relative; margin: 30px 0; margin-bottom: 0px; padding: 0 10px; }

.classificationGroup .keywordText { display: block; }

@media screen and (max-width: 64em) { .classificationGroup { padding: 0 15px; }
  .classificationGroup .keywordText { display: none; } }

@media screen and (max-width: 48em) { .classificationGroup { padding: 0 5px; } }

.moreTopicGroup, .top10Group { margin: 80px auto; }

.moreTopicGroup .topicItem, .moreTopicGroup .top10Item, .top10Group .topicItem, .top10Group .top10Item { position: relative; margin: 30px 0; margin-top: 0; padding: 0 10px; }

.moreTopicGroup .moreBtn, .top10Group .moreBtn { position: relative; display: block; margin: 0 auto; width: 300px; height: 40px; font-size: 16px; font-size: 1rem; color: #fff; text-align: center; line-height: 40px; letter-spacing: 2px; background: #fc391d; border-radius: 10px; text-decoration: none; }

@media screen and (max-width: 64em) { .moreTopicGroup, .top10Group { padding: 0 15px; } }

@media screen and (max-width: 48em) { .moreTopicGroup, .top10Group { margin: 80px auto; padding: 0 5px; }
  .moreTopicGroup .moreBtn, .top10Group .moreBtn { height: 60px; font-size: 1.8rem; line-height: 60px; } }

.top10Group { margin-bottom: 50px; }

.top10Group .top10Item .itemContentTitle .pText { line-height: 25.2px; max-height: 50.4px; }

@media screen and (max-width: 64em) { .top10Group .top10Item .itemContentTitle .pText { line-height: 30px; max-height: 60px; } }

.popularArticlesGroup { position: relative; margin: 50px 0; }

.popularArticlesGroup .popularLeft .popularArticlesContent { position: relative; margin: 20px 10px; padding-top: 30px; border: 2px #fc391d solid; }

.popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight { padding: 8px 0; }

.popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem { position: relative; margin: 35px 10px; margin-top: 0px; cursor: pointer; text-decoration: none; }

.popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem .articlesItemContent, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem .articlesItemContent { text-decoration: none; }

.popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem .articlesItemContent .articleNum, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem .articlesItemContent .articleNum { position: absolute; width: 40px; font-size: 36px; font-size: 2.25rem; font-style: italic; text-align: center; font-weight: bold; color: #fc391d; }

.popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem .articlesItemContent .articleText, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem .articlesItemContent .articleText { font-size: 16px; font-size: 1rem; margin-left: 45px; line-height: 21.6px; letter-spacing: 0; height: 43.2px; overflow-y: hidden; border-bottom: 1px rgba(0, 0, 0, 0.2) solid; }

.popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem .mouseOver .articleText, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem .mouseOver .articleText { color: #fc391d; }

@media screen and (max-width: 64em) { .popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem .articlesItemContent .articleNum, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem .articlesItemContent .articleNum { font-size: 2.5rem; }
  .popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem .articlesItemContent .articleText, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem .articlesItemContent .articleText { padding-bottom: 10px; margin-left: 55px; font-size: 1.25rem; line-height: 27px; height: 54px; } }

@media screen and (max-width: 48em) { .popularArticlesGroup .popularLeft .popularArticlesContent { margin-top: 30px; margin: 20px 0px; }
  .popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem { margin: 30px 10px; margin-top: 0; }
  .popularArticlesGroup .popularLeft .popularArticlesContent .articlesLeft .popularArticlesItem .articlesItemContent .articleText, .popularArticlesGroup .popularLeft .popularArticlesContent .articlesRight .popularArticlesItem .articlesItemContent .articleText { margin-left: 60px; overflow-y: auto; height: auto; } }

.popularArticlesGroup .popularRight { display: block; }

.popularArticlesGroup .popularRight .popularBannerGroup { margin-bottom: 0; }

@media screen and (max-width: 48em) { .popularArticlesGroup .popularRight { display: none; } }

@media screen and (max-width: 64em) { .popularArticlesGroup { padding: 0 15px; }
  .popularArticlesGroup .popularBannerGroup .banner1 { padding-left: 10px; }
  .popularArticlesGroup .popularBannerGroup .banner2 { padding-right: 10px; } }

@media screen and (max-width: 48em) { .popularArticlesGroup { margin: 30px 0; }
  .popularArticlesGroup .popularBannerGroup .banner1 { padding-left: 10px; }
  .popularArticlesGroup .popularBannerGroup .banner2 { padding-right: 10px; } }

.newBookGroup { margin: 50px auto; }

.newBookGroup .MookGroup, .newBookGroup .bookGroup { margin: 20px 0; }

.newBookGroup .MookGroup .bookContent, .newBookGroup .bookGroup .bookContent { min-height: 390px; padding: 35px; margin: 0 10px; background: #f5f5f5; }

.newBookGroup .MookGroup .bookContent .bookCover, .newBookGroup .bookGroup .bookContent .bookCover { position: relative; margin: 0 auto; max-width: 420px; }

.newBookGroup .MookGroup .bookContent .bookCover_m, .newBookGroup .bookGroup .bookContent .bookCover_m { margin-bottom: 30px; display: none; }

.newBookGroup .MookGroup .bookContent .bookCover_pc, .newBookGroup .bookGroup .bookContent .bookCover_pc { display: block; }

.newBookGroup .MookGroup .bookContent .bookContentDesc, .newBookGroup .bookGroup .bookContent .bookContentDesc { padding: 0 20px; min-height: 250px; }

.newBookGroup .MookGroup .bookContent .bookContentDesc .publicationInformation, .newBookGroup .bookGroup .bookContent .bookContentDesc .publicationInformation { font-size: 16px; font-size: 1rem; font-weight: bold; margin: 10px 0; }

.newBookGroup .MookGroup .bookContent .bookContentDesc .publicationInformation .pIssn, .newBookGroup .bookGroup .bookContent .bookContentDesc .publicationInformation .pIssn { margin-left: 20px; padding: 1px 10px; border-radius: 15px; color: #000; }

.newBookGroup .MookGroup .bookContent .bookContentDesc .bookTitle, .newBookGroup .bookGroup .bookContent .bookContentDesc .bookTitle { margin: 15px 0; font-size: 24px; font-size: 1.5rem; line-height: 28.8px; font-weight: bold; }

.newBookGroup .MookGroup .bookContent .bookContentDesc .bookText, .newBookGroup .bookGroup .bookContent .bookContentDesc .bookText { font-size: 16px; font-size: 1rem; line-height: 21.6px; text-align: justify; }

.newBookGroup .MookGroup .bookContent .bookContentDesc .publicationDate, .newBookGroup .bookGroup .bookContent .bookContentDesc .publicationDate { margin: 10px 0; font-size: 16px; font-size: 1rem; display: table; font-weight: bold; padding: 5px 0px; border-radius: 15px; color: #000; }

.newBookGroup .MookGroup .bookContent .bookBtn, .newBookGroup .bookGroup .bookContent .bookBtn { position: relative; display: block; margin: 0 auto; margin-top: 30px; width: 155px; height: 40px; font-size: 16px; font-size: 1rem; color: #fff; text-align: center; line-height: 40px; letter-spacing: 2px; background: #ff6650; border-radius: 10px; text-decoration: none; }

.newBookGroup .MookGroup .bookContent .mouseOver, .newBookGroup .bookGroup .bookContent .mouseOver { background: #57bed3; }

@media screen and (max-width: 64em) { .newBookGroup .MookGroup .bookContent, .newBookGroup .bookGroup .bookContent { min-height: 450px; }
  .newBookGroup .MookGroup .bookContent .bookContentDesc, .newBookGroup .bookGroup .bookContent .bookContentDesc { padding: 0 20px; }
  .newBookGroup .MookGroup .bookContent .bookContentDesc .publicationInformation, .newBookGroup .bookGroup .bookContent .bookContentDesc .publicationInformation { font-size: 1.25rem; border-radius: 25px; }
  .newBookGroup .MookGroup .bookContent .bookContentDesc .publicationInformation .pIssn, .newBookGroup .bookGroup .bookContent .bookContentDesc .publicationInformation .pIssn { display: inline-block; color: #000; }
  .newBookGroup .MookGroup .bookContent .bookContentDesc .bookTitle, .newBookGroup .bookGroup .bookContent .bookContentDesc .bookTitle { margin: 25px 0; font-size: 1.25rem; line-height: 24px; }
  .newBookGroup .MookGroup .bookContent .bookContentDesc .bookText, .newBookGroup .bookGroup .bookContent .bookContentDesc .bookText { font-size: 1.25rem; line-height: 24px; }
  .newBookGroup .MookGroup .bookContent .bookContentDesc .publicationDate, .newBookGroup .bookGroup .bookContent .bookContentDesc .publicationDate { font-size: 1.25rem; border-radius: 25px; color: #000; }
  .newBookGroup .MookGroup .bookContent .bookBtn, .newBookGroup .bookGroup .bookContent .bookBtn { width: 290px; height: 60px; margin-top: 30px; font-size: 1.25rem; line-height: 60px; }
  .newBookGroup .MookGroup .bookContent .bookBtn, .newBookGroup .bookGroup .bookContent .bookBtn { margin-top: 30px; } }

@media screen and (max-width: 48em) { .newBookGroup .MookGroup .bookContent, .newBookGroup .bookGroup .bookContent { padding: 30px 10px; }
  .newBookGroup .MookGroup .bookContent .bookCover_m, .newBookGroup .bookGroup .bookContent .bookCover_m { display: block; }
  .newBookGroup .MookGroup .bookContent .bookCover_pc, .newBookGroup .bookGroup .bookContent .bookCover_pc { display: none; }
  .newBookGroup .MookGroup .bookContent .bookCover, .newBookGroup .bookGroup .bookContent .bookCover { max-width: 300px; }
  .newBookGroup .MookGroup .bookContent .bookContentDesc .bookTitle, .newBookGroup .bookGroup .bookContent .bookContentDesc .bookTitle { margin: 25px 0; margin-top: 0px; }
  .newBookGroup .MookGroup .bookContent .bookBtn, .newBookGroup .bookGroup .bookContent .bookBtn { width: 200px; height: 45px; line-height: 45px; } }

@media screen and (max-width: 64em) { .newBookGroup { padding: 0 15px; }
  .newBookGroup .bookGroup { margin: 30px 0; } }

@media screen and (max-width: 48em) { .newBookGroup { padding: 0 5px; } }

.instagramGroup .instagramContent { margin: 0px 10px; margin-bottom: 80px; }

.instagramGroup .instagramContent .instagramItem { padding: 0 5px; }

.instagramGroup .instagramContent .instagramItem .igCover { position: relative; margin: 0 auto; height: 250px; background-size: cover; background-position: center; }

@media screen and (max-width: 64em) { .instagramGroup .instagramContent .instagramItem .igCover { height: 200px; } }

@media screen and (max-width: 48em) { .instagramGroup .instagramContent .instagramItem .igCover { height: 250px; } }

@media screen and (max-width: 64em) { .instagramGroup { padding: 0 15px; } }

@media screen and (max-width: 48em) { .instagramGroup { padding: 0 5px; }
  .instagramGroup .instagramContent { margin-bottom: 40px; } }