.d-b {
  display: block; }

.d-ib {
  display: inline-block; }

.d-tc {
  display: table-cell; }

.va-m {
  vertical-align: middle; }

.ta-c {
  text-align: center; }

.fw-b {
  font-weight: bold; }

.arrow-down {
  display: inline-block;
  width: 0;
  height: 0;
  border-color: #4D4D4D transparent transparent;
  border-style: solid;
  border-width: 4px 4.5px 0; }

.por {
  position: relative; }

.poa {
  position: absolute; }

.c-m-wrap {
  position: relative; }
  .c-m-wrap .box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfix::after {
  content: '';
  display: table;
  clear: both; }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all; }

.pointer {
  cursor: pointer; }

.mw-1 {
  max-width: 100%; }

.mw-250 {
  max-width: 250px; }

.mt-40 {
  margin-top: 40px; }

.mt-50 {
  margin-top: 50px; }

.mr-16 {
  margin-right: 16px; }

.mb-4 {
  margin-bottom: 4px; }

.mb-8 {
  margin-bottom: 8px; }

.mb-14 {
  margin-bottom: 14px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-60 {
  margin-bottom: 60px; }

.ml-4 {
  margin-left: 4px; }

.m-auto {
  margin: 0 auto; }

.fs-14 {
  font-size: 14px; }

.fs-20 {
  font-size: 20px; }

.sep {
  position: relative;
  line-height: 1; }
  .sep::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: #D7D7D9; }
  .sep:not(.sep-once):last-child {
    border-right: none;
    padding-right: 0; }
    .sep:not(.sep-once):last-child::after {
      display: none; }

.sep-once1 {
  position: relative;
  line-height: 1; }

.before-dot {
  position: relative;
  padding-left: 12px; }
  .before-dot::before {
    position: absolute;
    content: '';
    background-color: #CACACC;
    border-radius: 50%;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px; }

.v-c {
  position: relative; }
  .v-c img {
    position: absolute;
    top: 50%; }

.img-vam img, .img-vam span {
  vertical-align: middle; }

.img-vam span {
  display: inline-block; }

.v-ellipsis-wrap {
  position: relative;
  overflow: hidden; }
  .v-ellipsis-wrap .ellipsis {
    position: absolute;
    right: 0;
    bottom: 0; }

.df {
  display: flex; }

.df-aic {
  display: flex;
  align-items: center; }

.df-jcsb {
  display: flex;
  justify-content: space-between; }

.df-jcc-aic {
  display: flex;
  justify-content: center;
  align-items: center; }

.df-fdc-jcsb {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.df-fdc-aic {
  display: flex;
  flex-direction: column;
  align-items: center; }

.box-vt {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box; }
  .box-vt.clamp-2 {
    -webkit-line-clamp: 2; }
  .box-vt.clamp-3 {
    -webkit-line-clamp: 3; }

.first-title {
  font-size: 20px; }

body {
  font: 16px/1.5 PingFang-SC-Regular,microsoft yahei,arial,hiragino sans gb;
  color: #333; }

li, ol, ul {
  list-style: none; }

input::-webkit-input-placeholder {
  color: #999; }

input::-moz-placeholder {
  color: #999; }

input::-ms-input-placeholder {
  color: #999; }

input:focus {
  outline: none; }

a .n {
  color: #333; }

a:not(.n):hover {
  color: #E50022; }

body > a:last-child {
  display: none; }

::-webkit-scrollbar {
  width: 3px; }

::-webkit-scrollbar-thumb {
  background-color: #979799;
  border-radius: 10px; }

.s-h1 {
  display: none; }

.pure-content * {
  max-width: 100% !important;
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  word-wrap: break-word !important; }

.pure-content section[style*='width: 375.01px'] {
  width: 100% !important; }

.pure-content strong {
  width: 100%; }

.pure-content p {
  clear: both;
  min-height: 1em; }

.pure-content em {
  font-style: italic; }

.pure-content fieldset {
  min-width: 0; }

.pure-content .list-paddingleft-1, .pure-content .list-paddingleft-2, .pure-content .list-paddingleft-3 {
  padding-left: 2.2em; }

.pure-content .list-paddingleft-1 .list-paddingleft-2, .pure-content .list-paddingleft-2 .list-paddingleft-2, .pure-content .list-paddingleft-3 .list-paddingleft-2 {
  padding-left: 30px; }

.pure-content .list-paddingleft-1 {
  padding-left: 1.2em; }

.pure-content .list-paddingleft-3 {
  padding-left: 3.2em; }

.pure-content .code-snippet, .pure-content .code-snippet__fix {
  max-width: 1000% !important; }

.pure-content .code-snippet *, .pure-content .code-snippet__fix * {
  max-width: 1000% !important; }

.pure-content img {
  height: auto !important; }

.pure-content table {
  border-collapse: collapse; }
  .pure-content table td, .pure-content table th {
    border: 1px solid #DDD; }

.toast-cont {
  color: #67C239;
  position: fixed;
  z-index: 101;
  width: 375px;
  height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  line-height: 50px;
  background: #EBF3E6;
  border-radius: 6px;
  text-align: center;
  display: none; }
  .toast-cont img {
    margin-right: 10px; }

.player-video {
  margin-left: 50%;
  transform: translateX(-50%); }

.no-data {
  text-align: center;
  margin: 100px 0; }
  .no-data img {
    width: 250px;
    height: 150px;
    display: block;
    margin: 0 auto 24px; }
  .no-data .txt {
    color: #999;
    font-size: 14px; }

@keyframes loading-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -40px; }
  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -120px; } }

.loading-mask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: none; }

.loading-spinner {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  text-align: center;
  width: 100%; }
  .loading-spinner .circular {
    animation: loading-rotate 2s linear infinite;
    height: 80px;
    width: 80px; }
  .loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 3;
    stroke: #FF2142;
    stroke-linecap: round; }

.header-bar {
  width: 100%;
  height: 70px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  position: fixed;
  top: 0;
  background: #FFF;
  z-index: 99; }
  .header-bar .header-content {
    width: 1280px;
    height: 100%;
    margin: 0 auto;
    position: relative; }
    @media (min-width: 1200px) and (max-width: 1399px) {
      .header-bar .header-content {
        width: 1120px; } }
  .header-bar .logo-con {
    margin-top: 14px;
    vertical-align: top; }
  .header-bar .logo {
    width: 109px;
    height: 37px;
    margin-right: 20px; }
  .header-bar .city {
    font-size: 14px;
    color: #4D4D4D;
    cursor: pointer; }
    .header-bar .city .cur {
      margin-right: 3px; }
    .header-bar .city .arrow-down {
      transition: transform, border-top-color 0.6s, 0.6s; }
    .header-bar .city.open .arrow-down {
      transform: rotate(180deg);
      border-top-color: #FF2142; }
  .header-bar .cities-wrap {
    position: absolute;
    top: 100%;
    left: 41px;
    background: #FFF;
    box-shadow: 0px 2px 20px 0px rgba(39, 47, 88, 0.1);
    border: 1px solid #E3E3E6;
    border-radius: 4px;
    width: 220px;
    padding: 16px 3px 4px 23px;
    display: none; }
    .header-bar .cities-wrap .item {
      font-size: 14px;
      margin: 0 20px 12px 0;
      display: inline-block; }
      .header-bar .cities-wrap .item.cur {
        color: #FF2142; }
      .header-bar .cities-wrap .item:not(.cur):hover {
        color: #E50022; }

#nav {
  width: 700px;
  height: 100%;
  margin-left: 84px; }
  @media (min-width: 1200px) and (max-width: 1399px) {
    #nav {
      width: 600px;
      margin-left: 64px; } }
  #nav ul {
    height: 100%;
    font-size: 18px; }
  #nav li {
    width: 20%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 20px;
    position: relative; }
    #nav li a {
      display: block;
      padding: 25px 0; }
      #nav li a:hover {
        color: #E50022; }
    #nav li span {
      display: none;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -20px;
      width: 40px;
      height: 5px;
      background: url(/imgs/nav-cur@3x.png) center/40px 5px; }
    #nav li.cur > a {
      font-weight: bold; }
    #nav li.cur span {
      display: block; }
  #nav .quick-ls {
    position: absolute;
    top: 100%;
    width: 100%;
    padding: 0 14px;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px 0px rgba(39, 47, 88, 0.1);
    border-radius: 4px;
    border: 1px solid #E3E3E6;
    display: none; }
    #nav .quick-ls a {
      padding: 20px 0;
      font-size: 16px; }
      #nav .quick-ls a:hover {
        color: #E50022; }
      #nav .quick-ls a:not(:last-child) {
        border-bottom: 1px solid #F0F0F2; }
    #nav .quick-ls img {
      width: 108px;
      height: 108px;
      margin-bottom: 10px; }
      @media (min-width: 1200px) and (max-width: 1399px) {
        #nav .quick-ls img {
          width: 96px;
          height: 96px;
          margin-bottom: 8px; } }
  #nav .has-ls:hover .quick-ls {
    display: block; }
  #nav .last .quick-ls {
    padding: 16px 16px 14px; }
    @media (min-width: 1200px) and (max-width: 1399px) {
      #nav .last .quick-ls {
        padding: 12px 12px 11px; } }

.search-box {
  margin-left: 106px;
  height: 40px;
  vertical-align: top;
  margin-top: 15px; }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .search-box {
      margin-left: 66px; } }
  .search-box input {
    width: 180px;
    height: 100%;
    padding: 0 13px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #FF2142;
    font-size: 14px; }
  .search-box .search-btn {
    height: 100%;
    width: 40px;
    background-color: #FF2142;
    border-radius: 0 4px 4px 0;
    vertical-align: top;
    cursor: pointer; }
  .search-box img {
    width: 20px;
    height: 20px; }

.crumb-cont {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 40px; }
  .crumb-cont .t0 {
    margin-right: 8px; }
  .crumb-cont .gt {
    color: #333;
    margin: 0 5px;
    font-family: simsun; }
  .crumb-cont a:hover {
    color: #E50022; }
  .crumb-cont .cur {
    color: #999; }

#footer {
  position: relative;
  width: 100%;
  font-size: 14px;
  line-height: 20px; }
  #footer .sep {
    border-right: 20px solid #323233;
    padding-right: 20px; }
    #footer .sep::after {
      background-color: #CCC; }
    #footer .sep:last-child {
      border-right: none;
      padding-right: 0; }

#footer-0-wrap {
  background-color: #F2F2F5; }

#footer-0 {
  width: 1280px;
  margin: 0 auto;
  padding: 30px 0; }
  @media (min-width: 1200px) and (max-width: 1399px) {
    #footer-0 {
      width: 1120px; } }
  #footer-0 a:hover {
    color: #E50022; }
  #footer-0 .title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px; }
  #footer-0 .inner-link {
    display: inline-block; }
    #footer-0 .inner-link .sub-t {
      color: #000; }
    #footer-0 .inner-link ul {
      margin-bottom: 20px; }
      #footer-0 .inner-link ul:last-child {
        margin-bottom: 0; }
    #footer-0 .inner-link li {
      display: inline-block;
      border-right-color: transparent; }
  #footer-0 .friendly-link {
    display: inline-block;
    vertical-align: top;
    margin-left: 276px; }
    @media (min-width: 1200px) and (max-width: 1399px) {
      #footer-0 .friendly-link {
        margin-left: 216px; } }
    #footer-0 .friendly-link li {
      margin-bottom: 20px; }
      #footer-0 .friendly-link li:last-child {
        margin-bottom: 0; }
  #footer-0 .app-download-con {
    display: inline-block;
    vertical-align: top;
    margin-left: 290px; }
    @media (min-width: 1200px) and (max-width: 1399px) {
      #footer-0 .app-download-con {
        margin-left: 190px; } }
    #footer-0 .app-download-con img {
      display: block;
      width: 150px;
      height: 150px; }
    #footer-0 .app-download-con p {
      text-align: center;
      margin-top: 12px; }

#footer-1 {
  background-color: #323233;
  text-align: center;
  color: #FFF;
  padding: 17px 0 16px; }
  #footer-1 a {
    color: #FFF; }
    #footer-1 a:hover {
      text-decoration: underline; }
  #footer-1 ul {
    display: inline-block;
    margin-bottom: 10px; }
  #footer-1 li {
    display: table-cell;
    border-right-color: #323233; }

.fixed-tools {
  position: fixed;
  bottom: 100px;
  left: 50%;
  margin-left: 660px;
  z-index: 3;
  border: 1px solid #D7D7D9;
  border-radius: 4px;
  cursor: pointer; }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .fixed-tools {
      margin-left: 570px; } }
  .fixed-tools.absolute {
    position: absolute;
    bottom: 40px; }
  .fixed-tools .item {
    width: 60px;
    height: 60px; }
    .fixed-tools .item:hover img {
      display: none; }
    .fixed-tools .item:hover span {
      display: block; }
  .fixed-tools .line {
    width: 100%;
    height: 1px;
    background-color: #D6D6D8;
    display: none; }
  .fixed-tools span {
    font-size: 14px;
    color: #FF2142;
    display: none; }

.main {
  width: 1080px;
  margin: 110px auto 0;
  padding: 0 0 100px 200px;
  box-sizing: content-box;
  position: relative; }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .main {
      width: 960px;
      padding-left: 160px; } }
  .main.home {
    width: 1120px;
    padding: 0 0 60px 160px; }
    @media (min-width: 1200px) and (max-width: 1399px) {
      .main.home {
        width: 980px;
        padding-left: 140px; }
        .main.home .side-nav {
          width: 140px;
          margin-right: 432px; } }

.section {
  display: table; }

.common-card {
  float: left;
  margin: 0 40px 40px 0; }
  .common-card:nth-child(3n) {
    margin: 0 0 40px 0;
    width: 320px; }
    @media (min-width: 1200px) and (max-width: 1399px) {
      .common-card:nth-child(3n).card-wrap {
        width: 280px;
        margin-right: 0; } }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .common-card.card-wrap {
      width: 320px;
      margin-right: 30px; } }

.card-wrap {
  width: 360px;
  height: 428px; }
  .card-wrap .head-line {
    margin-bottom: 12px;
    height: 28px; }
    .card-wrap .head-line .card-icon {
      width: 20px;
      height: 20px;
      vertical-align: text-top; }
    .card-wrap .head-line .title {
      font-size: 20px;
      font-family: PingFangSC-Semibold;
      font-weight: bold;
      margin-left: 4px; }
    .card-wrap .head-line .v-more {
      float: right;
      margin-top: 3px; }
    .card-wrap .head-line .v-txt {
      font-size: 12px;
      color: #4D4D4D;
      margin-right: 4px; }
    .card-wrap .head-line .db-r-arrow {
      vertical-align: middle; }
  .card-wrap .line {
    width: 100%;
    height: 1px;
    background-color: #EDEDF0;
    margin-bottom: 4px; }
  .card-wrap .item {
    line-height: 2;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .card-wrap .item:not(.no-pseudo) {
      padding-left: 12px; }
      .card-wrap .item:not(.no-pseudo)::before {
        content: '';
        background-color: #CACACC;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -2px;
        width: 4px;
        height: 4px; }
    .card-wrap .item.especial {
      font-weight: 700; }
      .card-wrap .item.especial::before {
        background-color: #FF2142; }
    .card-wrap .item a:hover {
      color: #E50022; }
  .card-wrap a.item {
    display: block; }

.top-ques-list .item:first-child .no {
  color: #FF2142; }

.top-ques-list .item:nth-child(2) .no {
  color: #FF9B17; }

.top-ques-list .item:nth-child(3) .no {
  color: #FFC617; }

.top-ques-list .no {
  margin-right: 8px;
  font-size: 14px;
  color: #B3B3B3; }

.school-item {
  display: block; }
  .school-item .pic {
    width: 60px;
    height: 60px;
    background: center/cover;
    display: inline-block;
    border-radius: 4px;
    margin-right: 10px;
    vertical-align: top; }
  .school-item .info {
    display: inline-block; }
  .school-item .name {
    margin-bottom: 8px;
    font-size: 18px; }
  .school-item .pic-tag {
    margin-right: 8px;
    font-size: 12px;
    display: inline-block;
    padding: 3px 0 0 28px;
    background: top/70px 23px;
    width: 70px;
    height: 23px;
    box-sizing: border-box;
    color: #FFF;
    vertical-align: top; }
  .school-item .pic-tag-1 {
    background-image: url(../imgs/school-tag-01@2x.png); }
  .school-item .pic-tag-2 {
    background-image: url(../imgs/school-tag-02@2x.png); }
  .school-item .pic-tag-3 {
    background-image: url(../imgs/school-tag-03@2x.png); }
  .school-item .pic-tag-3-4w {
    width: 82px;
    background-image: url(../imgs/school-tag-03-4w@2x.png);
    background-size: cover; }
  .school-item .pic-tag-4 {
    background-image: url(../imgs/school-tag-04@2x.png); }
  .school-item .pic-tag-4-4w {
    width: 82px;
    background-image: url(../imgs/school-tag-04-4w@2x.png);
    background-size: cover; }
  .school-item .tag {
    border-radius: 2px;
    font-size: 12px;
    padding: 3px 6px;
    margin-right: 8px;
    display: inline-block;
    box-sizing: border-box;
    height: 23px;
    vertical-align: top; }
  .school-item .tag-1 {
    background-color: #FEEDEE;
    color: #E51130; }
  .school-item .tag-2 {
    background-color: #EDF4FE;
    color: #1F61B7; }
  .school-item .location {
    font-size: 14px;
    margin-top: 20px; }
    .school-item .location img {
      width: 14px;
      height: 14px;
      margin-right: 4px; }
  .school-item.sch-h-auto .info {
    position: relative;
    min-height: 92px;
    margin-bottom: 28px; }
  .school-item.sch-h-auto .location {
    position: absolute;
    top: 100%;
    margin-top: 8px;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis; }
    .school-item.sch-h-auto .location span {
      display: inline; }

.schcool-tags {
  display: table;
  border-top: 1px solid #EDEDF0;
  border-bottom: 1px solid #EDEDF0;
  width: 100%;
  padding: 18px 0; }
  .schcool-tags img {
    margin-right: 4px;
    width: 16px;
    height: 16px;
    margin-top: -8px; }
  .schcool-tags .title {
    margin-right: 6px; }
    .schcool-tags .title span {
      font-weight: 700;
      margin-left: 20px; }
  .schcool-tags ul {
    display: table-cell; }
  .schcool-tags li {
    display: table-cell;
    border-right: 20px solid #FFF;
    padding-right: 20px; }

.sch-cls-wrap {
  position: relative;
  padding-bottom: 2px;
  margin-bottom: 40px; }
  .sch-cls-wrap .title {
    color: #FF2142;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    line-height: 1.4; }
  .sch-cls-wrap ul {
    float: right;
    font-size: 14px;
    margin-top: 7px; }
    .sch-cls-wrap ul li {
      display: table-cell;
      border-right: 10px solid #FFF;
      padding-right: 10px; }
  .sch-cls-wrap .line {
    width: 100%;
    height: 1px;
    background-color: #FF2142;
    margin-top: 12px; }
  .sch-cls-wrap .title-line {
    position: absolute;
    width: 80px;
    height: 5px;
    background-color: #FF2142;
    border-radius: 3px;
    left: 0;
    bottom: 0; }

.c-tag {
  display: inline-block;
  padding: 10px 16px;
  line-height: 22px;
  background-color: #F8F7FA;
  border-radius: 4px;
  margin: 0 20px 8px 0; }
  .c-tag.cur {
    background-color: #FF2142;
    color: #FFF; }

.c-line {
  height: 1px;
  background-color: #EDEDF0; }

.stat {
  height: 17px;
  line-height: 17px; }
  .stat img {
    width: 12px;
    height: 12px;
    margin-right: 4px; }
  .stat span {
    color: #9B9B9B;
    font-size: 12px; }
  .stat > :not(:last-child) {
    margin-right: 16px; }

.vv-more {
  font-size: 12px;
  color: #FF2142;
  cursor: pointer;
  display: none; }
  .vv-more:not(.normal) {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 120px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 32%);
    text-align: right; }
  .vv-more img {
    width: 12px;
    height: 12px;
    margin-left: 4px; }

.belong-to-topics img {
  margin-right: 4px; }

.belong-to-topics span {
  font-size: 14px; }

.belong-to-topics li {
  display: inline-block;
  margin: 0 16px 8px 0; }

.c-info-title img {
  width: 24px;
  height: 24px; }

.c-info-title span {
  font-size: 20px;
  margin-left: 8px; }

.mid-container {
  width: 680px;
  display: table-cell;
  border-right: 80px solid transparent; }
  @media (min-width: 1200px) and (max-width: 1399px) {
    .mid-container {
      border-right-width: 40px;
      width: 600px; } }

.right-info {
  display: table-cell;
  vertical-align: top; }
  .right-info .card-wrap {
    width: 320px;
    height: auto; }

.announcement .sec-line {
  height: 1px;
  background-color: #EDEDF0;
  margin-bottom: 20px; }

.announcement .annouce {
  font-size: 14px; }

.announcement .app-banner {
  display: block;
  width: 100%;
  margin: 20px 0 60px 0; }

.simple-pagination li {
  display: inline-block;
  margin-right: 20px; }
  .simple-pagination li:last-child {
    margin-right: 0; }
  .simple-pagination li.disabled:first-child, .simple-pagination li.disabled:last-child {
    display: none; }

.simple-pagination a, .simple-pagination span {
  font-size: 14px;
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #E3E3E6;
  border-radius: 4px;
  box-sizing: border-box; }

.simple-pagination a:hover {
  background-color: #FFF7F8;
  border-color: #FFC6CF;
  color: #FF2142; }

.simple-pagination .current {
  background-color: #FF2142;
  color: #FFF;
  border: none; }

.simple-pagination .prev, .simple-pagination .next {
  width: auto;
  padding: 0 16px; }

.simple-pagination .ellipse {
  border: none;
  width: auto; }

.mask {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100; }

/*# sourceMappingURL=public.css.map */