@charset "UTF-8";
/**设置cssfun方法**/
.main .content { padding: 45px 0 60px 0; min-height: 700px; background-size: 100%; background-position: top right; background-repeat: no-repeat; }

.main .content .concent-Title { margin: 30px 0 0; padding: 0 50% 0 0; min-height: 226px; }

.main .content .concent-Title h2 { font-size: 44px; font-weight: 700; color: #202124; line-height: 53px; margin: 10px 0 20px 0; word-wrap: break-word; }

.main .content .concent-Title p { font-size: 26px; line-height: 38px; word-wrap: break-word; margin: 10px 0 0; }

.main .content .list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 30px 0 0 0; }

.main .content .list .item { position: relative; width: calc( ( 100% - 64px )/3); margin: 0 30px 27px 0; cursor: pointer; border-width: 1px; border-style: solid; border-color: #CBCBCB; border-radius: 4px; }

.main .content .list .item div:first-of-type { width: 100%; position: relative; }

.main .content .list .item div:first-of-type img:first-of-type { width: 100%; border-radius: 4px 4px 0 0; }

.main .content .list .item div:first-of-type img:nth-of-type(2) { width: 100%; border-radius: 4px 4px 0 0; display: none; }

.main .content .list .item > div:nth-of-type(2) { padding: 24px 42px 70px 20px; margin: -4px 0 0 0; position: relative; }

.main .content .list .item > div:nth-of-type(2) .tag { font-size: 12px; color: #202124; color: #5f6368; word-wrap: break-word; }

.main .content .list .item > div:nth-of-type(2) h5 { font-size: 17px; line-height: 23px; height: 46px; color: #202124; margin: 18px 0 32px 0; margin: 18px 0 0 0; word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.main .content .list .item > div:nth-of-type(2) a { font-size: 14px; font-weight: 300; color: #4285F4; text-align: left; cursor: pointer; position: absolute; bottom: 16px; left: 20px; word-wrap: break-word; }

.main .content .list .item:nth-of-type(3n) { margin: 0 0 27px 0; }

.main .content .list .item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.main .content .list .item:hover > a > div:nth-of-type(2) h5 { color: #1A73E8; }

.main .content .list .item .resourceCard { background-image: -webkit-gradient(linear, left top, right top, from(#ea4335), color-stop(30%), color-stop(25%, #4285f4), color-stop(65%), color-stop(65%, #34a853), color-stop(80%), color-stop(75%, #fbbc05)); background-image: linear-gradient(90deg, #ea4335, 30%, #4285f4 25%, 65%, #34a853 65%, 80%, #fbbc05 75%); bottom: 0; height: 4px; left: 0; position: absolute; width: 100%; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.main .content #pagination { text-align: center; margin: 40px 0 0 0; }

.main .content #pagination .layui-laypage a, .main .content #pagination .layui-laypage span { font-size: 16px; border: 0; background: #fff; }

.main .content #pagination .layui-laypage a i.layui-icon.layui-icon-left, .main .content #pagination .layui-laypage span i.layui-icon.layui-icon-left { font-size: 16px; }

.main .content #pagination .layui-laypage a:hover { color: #3E83F4; }

.main .content #pagination .layui-laypage span.layui-laypage-curr em { font-size: 16px; color: #3E83F4; }

.main .content #pagination .layui-laypage span.layui-laypage-curr em.layui-laypage-em { background: #fff; }

@media screen and (max-width: 750px) { .main .content { padding: 8.66667vw 5.33333vw 12vw; background-image: none; }
  .main .content .concent-Title { margin: 4vw 0 0; padding: 0; min-height: 0vw; }
  .main .content .concent-Title h2 { font-size: 5.86667vw; line-height: 8vw; margin: 0 0 3.2vw 0; }
  .main .content .concent-Title p { font-size: 3.73333vw; line-height: 6.4vw; }
  .main .content .list { margin: 6vw 0 0 0; }
  .main .content .list .item { width: 100%; min-height: auto; margin: 0 0 6vw 0; padding: 2.8vw 2.53333vw 0 1.73333vw; border: 0.13333vw solid #BABABA; border-radius: 0.53333vw; }
  .main .content .list .item > div:first-of-type img:first-of-type { display: none; }
  .main .content .list .item > div:first-of-type img:nth-of-type(2) { display: block; }
  .main .content .list .item > div:nth-of-type(2) { border: 0; border-radius: 0; padding: 3.2vw 0 2.13333vw 0; margin: 0; }
  .main .content .list .item > div:nth-of-type(2) .tag { font-size: 3.2vw; }
  .main .content .list .item > div:nth-of-type(2) h5 { display: block; font-size: 4.26667vw; line-height: 6.13333vw; height: auto; margin: 2.13333vw 0 13.33333vw 0; }
  .main .content .list .item > div:nth-of-type(2) span { font-size: 3.2vw; font-weight: 400; bottom: 2.13333vw; left: 0; }
  .main .content .list .item > div:nth-of-type(2) a { left: 0; }
  .main .content .list .item:nth-of-type(3n) { margin: 0 0 6vw 0; }
  .main .content .list .item:hover { box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.5); }
  .main .content .list .item .resourceCard { border-bottom-right-radius: 0.53333vw; border-bottom-left-radius: 0.53333vw; }
  .main .content #pagination { margin: 5.33333vw 0 0 0; }
  .main .content #pagination .layui-laypage a, .main .content #pagination .layui-laypage span { font-size: 3.73333vw; }
  .main .content #pagination .layui-laypage a i.layui-icon.layui-icon-left, .main .content #pagination .layui-laypage span i.layui-icon.layui-icon-left { font-size: 3.73333vw; }
  .main .content #pagination .layui-laypage span.layui-laypage-curr em { font-size: 3.73333vw; } }