/* LESS Document */
@keyframes btn-ani {
}@keyframes btn-ani {
}/***************************************************
		响应式布局
***************************************************/
@media screen and (max-width: 768px) {
  html {
    font-size: 35px !important;
  }
  .mt-xl {
    margin-top: 120px !important;
  }
  .mt-l {
    margin-top: 60px !important;
  }
  .mt-m {
    margin-top: 40px !important;
  }
  .mt-s {
    margin-top: 20px !important;
  }
  .mt-xs {
    margin-top: 10px !important;
  }
  .mt-xxs {
    margin-top: 5px !important;
  }
  .mb-xl {
    margin-bottom: 120px !important;
  }
  .mb-l {
    margin-bottom: 60px !important;
  }
  .mb-m {
    margin-bottom: 40px !important;
  }
  .mb-s {
    margin-bottom: 20px !important;
  }
  .mb-xs {
    margin-bottom: 10px !important;
  }
  .mb-xxs {
    margin-bottom: 5px !important;
  }
  .pd-lr-xl {
    padding: 0 120px !important;
  }
  .pd-lr-l {
    padding: 0 60px !important;
  }
  .pd-lr-m {
    padding: 0 40px !important;
  }
  .pd-lr-s {
    padding: 0 20px !important;
  }
  .pd-lr-xs {
    padding: 0 10px !important;
  }
  .pd-lr-xxs {
    padding: 0 5px !important;
  }
  .pd-tb-xl {
    padding: 120px 0 !important;
  }
  .pd-tb-l {
    padding: 60px 0 !important;
  }
  .pd-tb-m {
    padding: 40px 0 !important;
  }
  .pd-tb-s {
    padding: 20px 0 !important;
  }
  .pd-tb-xs {
    padding: 10px 0 !important;
  }
  .pd-tb-xxs {
    padding: 5px 0 !important;
  }
}
@media screen and (max-width: 992px) {
  h1 img {
    width: 100%;
  }
  .search {
    justify-content: flex-start;
  }
  .tab a {
    display: flex;
    align-items: center;
    width: 100px;
    padding: 0 20px;
  }
  .tab .seled {
    padding: 0 20px;
  }
  .layer-login {
    width: 100%;
  }
  .table {
    width: 700px;
  }
  #inner .page {
    padding: 20px 10px;
    overflow: hidden;
    margin-top: -70px;
  }
  #activate .mem .content {
    padding: 15px 10px;
    border-radius: 8px;
  }
  #activate .mem .content > .info {
    display: block;
  }
  #activate .mem .content > .info > div {
    width: auto;
  }
  #activate .mem .content > .info > div.r {
    margin-top: 15px;
  }
  #activate .mem .content > .enter .btn {
    margin: 10px 0 0 !important;
  }
  #activate .mem .content > .enter .btn:first-child {
    margin-top: 0;
  }
  #activate .mem .content .data {
    margin-top: 0;
  }
  #activate .mem .content > .data .tab {
    padding: 10px 0 0px !important ;
  }
  #activate .mem .content > .voted h3 {
    justify-content: center;
  }
  #activate .mem .content > .voted h3 a {
    margin-top: 10px;
  }
  #activate .mem .content > .voted h3 a:nth-child(1) {
    margin-right: 0;
  }
  #activate .mem .content > .voted h3 a:nth-child(3) {
    margin-left: 0;
  }
  #activate .mem .content > .data .tab-content .search b {
    width: 100%;
    display: block;
  }
  #activate .mem .content > .data .tab-content li.swiper-slide {
    padding: 10px;
  }
  #activate .mem .content > .data .tab-content li.swiper-slide > div {
    overflow: auto;
  }
  #activate .mem .content > .voted h3 > div {
    justify-content: center;
    padding: 0;
  }
  #activate .mem .content > .voted h3 a {
    margin: 5px 0px;
  }
  .score-tab .left {
    display: flex;
    justify-content: center;
    flex-flow: column;
  }
  .score-tab .left select {
    margin-left: 0;
    margin-top: 5px;
  }
  .score-tab .left select:first-child {
    margin-top: 0;
  }
  .saoma .ico-saoma {
    display: block;
  }
  .saoma-tit {
    text-align: center;
    width: 30%;
  }
  .saoma-tit:after {
    content: '兑换码';
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 35px !important;
  }
  .mt-xl {
    margin-top: 120px !important;
  }
  .mt-l {
    margin-top: 60px !important;
  }
  .mt-m {
    margin-top: 40px !important;
  }
  .mt-s {
    margin-top: 20px !important;
  }
  .mt-xs {
    margin-top: 10px !important;
  }
  .mt-xxs {
    margin-top: 5px !important;
  }
  .mb-xl {
    margin-bottom: 120px !important;
  }
  .mb-l {
    margin-bottom: 60px !important;
  }
  .mb-m {
    margin-bottom: 40px !important;
  }
  .mb-s {
    margin-bottom: 20px !important;
  }
  .mb-xs {
    margin-bottom: 10px !important;
  }
  .mb-xxs {
    margin-bottom: 5px !important;
  }
  .pd-lr-xl {
    padding: 0 120px !important;
  }
  .pd-lr-l {
    padding: 0 60px !important;
  }
  .pd-lr-m {
    padding: 0 40px !important;
  }
  .pd-lr-s {
    padding: 0 20px !important;
  }
  .pd-lr-xs {
    padding: 0 10px !important;
  }
  .pd-lr-xxs {
    padding: 0 5px !important;
  }
  .pd-tb-xl {
    padding: 120px 0 !important;
  }
  .pd-tb-l {
    padding: 60px 0 !important;
  }
  .pd-tb-m {
    padding: 40px 0 !important;
  }
  .pd-tb-s {
    padding: 20px 0 !important;
  }
  .pd-tb-xs {
    padding: 10px 0 !important;
  }
  .pd-tb-xxs {
    padding: 5px 0 !important;
  }
  .view-detail-hide {
    top: 1px;
    left: 1px;
  }
  .folders {
    border: none;
    background-color: #3098e0 !important;
    padding: 30px;
    box-shadow: 0 0 0 2px #fff inset;
    position: relative;
    border-radius: 20px;
    color: white;
  }
}