@charset "utf-8";

:root {
  --base-font-size: 16px;
  --main-color: #1e78ff;
  --font-weight-base: 400;
  --font-weight-bold: 500;
  --font-weight-bolder: 600;
  --font-weight-high: 700;
  --font-size-small: 0.875rem;
  --font-size-regular: 1rem;
  --font-size-big: 1.125rem;
  --font-color-black: #333b57;
  --font-color-grey: #8b95a8;
  --link-color-blue: #3da9ff;
  --color-green: #05d5ba;
  --color-blue: #0daaff;
  --color-orange: #ffb82e;
  font-size: var(--font-size-regular);
  font-weight: var(--font-weight-base);
  letter-spacing: 0;
}

body {
  font-size: var(--font-size-regular);
  overflow-x: hidden;
}

.hide {
  visibility: hidden;
}

.main {
  width: 75rem;
  height: auto;
  margin: 0 auto;
}

.link-list {
  justify-content: space-between;
}

.link-list a {
  width: 9.875rem;
  height: 4.375rem;
  background-size: cover !important;
}

.link-list a:first-child {
  background: url(qhwy.png) no-repeat;
}

.link-list a:first-child:hover {
  background: url(qhwy_hover.png) no-repeat;
}

.link-list a:nth-child(2) {
  background: url(zcfw.png) no-repeat;
}

.link-list a:nth-child(2):hover {
  background: url(zcfw_hover.png) no-repeat;
}

.link-list a:nth-child(3) {
  background: url(qfjs.png) no-repeat;
}

.link-list a:nth-child(3):hover {
  background: url(qfjs_hover.png) no-repeat;
}

.link-list a:nth-child(4) {
  background: url(qfsq.png) no-repeat;
}

.link-list a:nth-child(4):hover {
  background: url(qfsq_hover.png) no-repeat;
}

.link-list a:nth-child(5) {
  background: url(qfdt.png) no-repeat;
}

.link-list a:nth-child(5):hover {
  background: url(qfdt_hover.png) no-repeat;
}

.link-list a:nth-child(6) {
  background: url(hdzx.png) no-repeat;
}

.link-list a:nth-child(6):hover {
  background: url(hdzx_hover.png) no-repeat;
}

.link-list a:nth-child(7) {
  background: url(yqkt.png) no-repeat;
}

.link-list a:nth-child(7):hover {
  background: url(yqkt_hover.png) no-repeat;
}

.content {
  margin-top: .9375rem;
  margin-bottom: 1.25rem;
  justify-content: space-between;
}

.content>div {
  padding: 1rem;
  background: #FFFFFF;
  border: 1px solid rgba(209, 209, 209, 0.5);
  border-radius: .375rem;
}

.recommend {
  width: 29.375rem;
  height: 20rem;
}

.tit {
  align-items: center;
}

.tit>img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .625rem;
}

.tit>span {
  font-size: 1.25rem;
  color: #1A202D;
}

.change {
  font-size: 1rem;
  color: #1E78FF;
  padding-right: 1.25rem;
  margin-left: auto;
  background: url('./change-icon.png') no-repeat center right / .8462rem .8462rem;
  cursor: pointer;
}

.recommend-item {
  margin-top: .75rem;
  padding: .625rem .625rem .625rem .5rem;
  background: rgba(220, 223, 230, 0.18);
  border-radius: .375rem;
  justify-content: space-between;
  align-items: center;
}

.recommend-item:first-child {
  margin-top: .5rem;
}

.policy-icon {
  width: 2.0625rem;
  height: 1.125rem;
  line-height: 1.125rem;
  text-align: center;
  font-size: .75rem;
  color: #FF890B;
  font-weight: 500;
  border: 0.8px solid rgba(255, 137, 11, 1);
  border-radius: .25rem;
}

.activity-icon {
  width: 2.0625rem;
  height: 1.125rem;
  line-height: 1.125rem;
  text-align: center;
  font-size: .75rem;
  color: #1E78FF;
  font-weight: 500;
  border: 0.8px solid rgba(30, 120, 255, 1);
  border-radius: .25rem;
}

.recommend-item .title {
  width: 16.875rem;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #1A202D;
  overflow: hidden;
  display: -webkit-box;
  /* 兼容旧WebKit */
  -webkit-line-clamp: 2;
  /* 注意：这个属性不被所有浏览器支持 */
  -webkit-box-orient: vertical;
}

.recommend-item img {
  width: .875rem;
  height: .875rem;
}

.recommend-item .btn {
  width: 5rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: .9375rem;
  color: #FFFFFF;
  background: #1E78FF;
  border-radius: .375rem;
}

.hot-questions {
  width: 23.6875rem;
  height: 20rem;
}

.hot-item {
  padding: 1rem 0 .75rem 0;
  border-bottom: 1px solid rgba(209, 209, 209, 0.49);
}

.hot-item:first-child {
  margin-top: .25rem;
}

.hot-item:last-child {
  border: none;
}

.hot-item .title {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #1A202D;
  font-weight: 400;
  background: url('./xs.png') no-repeat center left / 1.25rem 1.25rem;
  background-position-y: top;
  padding-left: 1.625rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hot-item img {
  width: 1.125rem;
  height: 1.125rem;
  display: inline-block;
  vertical-align: sub;
}

.common-tools {
  width: 19.6875rem;
  height: 20rem;
}

.common-tools .more {
  font-family: AlibabaPuHuiTi_2_55_Regular;
  font-size: 1rem;
  color: #1E78FF;
  margin-left: auto;
  font-weight: 400;
}

.common-list {
  flex-wrap: wrap;
  justify-content: space-between;
}

.common-item {
  width: 5.25rem;
  line-height: 1.125rem;
  margin-top: 1.1875rem;
  text-align: center;
}

.common-item>img {
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 auto;
  margin-bottom: 10px;
  display: block;
}