@charset "utf-8";

@media screen and (max-width: 750px) {

  html,
  body {
    font-size: calc(100vw / 750 * 100);
  }

  body {
    touch-action: pan-y;
    overscroll-behavior: contain;
  }

  *:focus {
    outline: none;
  }

  .pages-header {
    height: .65rem;
    padding-top: .13rem;
  }

  .pages-header-logo {
    width: .96rem;
    height: .32rem;
    margin: 0 .13rem;
  }

  .pages-bg {
    width: 7.5rem;
  }

  .pages-bg1 {
    height: 10rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/page-bg1.jpg);
  }

  .pages-bg2 {
    height: 30.97rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/page-bg2.jpg);
  }

  .pages-content {
    padding-top: 6.16rem;
  }

  .pages-banner {
    top: 2.32rem;
  }

  .pages-banner>img.pages-banner-logo {
    width: 1.61rem;
    height: 1.39rem;
    margin: 0 auto -.16rem;
  }

  .pages-banner-title {
    /* width: 6.5rem;
    height: 1.37rem; */
    width: 7.1rem;
    height: 1.42rem;
    margin: 0 auto;
  }

  .pages-banner-time {
    width: 5.23rem;
    height: .4rem;
  }

  .pages-login {
    padding: 0 .2rem;
    top: 5.58rem;
    font-size: .24rem;
  }

  .pages-login-text {
    margin: 0 .08rem 0 .04rem;
  }

  .pages-tab-item {
    width: 1.95rem;
    height: .45rem;
    font-size: .21rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/tab-bg.png);
    background-size: contain;
  }

  .pages-tab-item.-active {
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/tab-bg-active.png);
    background-size: contain;
  }

  .pages-tab-icon {
    width: .28rem;
    height: .35rem;
  }

  .voteinfo {
    width: 7.5rem;
    height: 9.93rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/vote-info-bg.png);
    background-size: contain;
    padding: 2.1rem .45rem 0 .45rem;
    margin: -1.25rem auto 0rem;
  }

  .voteinfo-hd {
    width: 100%;
    display: block;
  }

  .voteinfo-item:first-child {
    width: 100%;
  }

  .voteinfo-bd {
    position: absolute;
    left: 4.8rem;
    top: 2.15rem;
  }

  .voteinfo-count {
    width: 1.947rem;
    height: .44rem;
    padding: .06rem .38rem 0 .28rem;
  }

  .voteinfo-count-text {
    font-size: .17rem;
    padding-right: .08rem;
  }

  .voteinfo-count-num {
    font-size: .265rem;
    margin-right: .04rem;
    top: -.03rem;
  }

  .voteinfo-tag {
    font-size: .2rem;
    padding: 0 .14rem;
    margin: .22rem 0 .12rem 0;
  }

  .voteinfo-link {
    font-size: .2rem;
    margin-bottom: .06rem;
  }

  .voteinfo-des {
    font-size: .2rem;
  }

  .voteinfo-detail {
    font-size: .2rem;
  }

  .voteinfo-des-info {
    font-size: .2rem;
  }

  .voteinfo-des-br {
    display: block;
  }

  .voteinfo-des-q {
    width: .3rem;
    height: .3rem;
  }

  .votes-list {
    width: 7.3rem;
    margin: 0 auto;
    left: 0;
  }

  .votes-item {
    width: 2.11rem;
    height: 3.8rem;
    background: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/vote-bg.png) no-repeat center top;
    background-size: contain;
    position: relative;
    padding-top: .46rem;
    margin: 0 .125rem;
  }

  .votes-item:nth-child(1),
  .votes-item:nth-child(2),
  .votes-item:nth-child(3) {
    width: 2.11rem;
    height: 3.8rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/vote-bg.png);
    background-size: contain;
    padding-top: .46rem;
    margin: 0 .125rem;
  }

  .votes-item:nth-child(1) .votes-count,
  .votes-item:nth-child(2) .votes-count,
  .votes-item:nth-child(3) .votes-count {
    right: .09rem;
  }

  .votes-item:nth-child(2) {
    top: -.15rem;
  }

  .votes-item:nth-child(3) {
    top: .15rem;
    margin-right: 0;
  }

  .votes-count {
    width: 1.03rem;
    height: .31rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/vote-count.png);
    left: .54rem;
    font-size: .17rem;
    padding-bottom: .04rem;
  }

  .votes-count span {
    top: .02rem;
  }

  .votes-count .votes-count-num {
    font-size: .2rem;
    margin-right: .08rem;
  }

  .votes-avatar {
    width: 1.36rem;
    height: 1.43rem;
  }

  .votes-avatar:before {
    content: "";
    width: calc(100% - .23rem);
    height: .47rem;
    background-image: linear-gradient(to bottom, rgba(34, 79, 81, 0), rgba(34, 79, 81, .9));
    bottom: .05rem;
    left: .075rem;
  }

  .votes-avatar-pic {
    width: 1.22rem;
    height: 1.43rem;
    bottom: .05rem;
    left: .075rem;
  }

  .votes-name {
    font-size: .31rem;
    margin: .1rem auto .06rem;
  }

  .votes-btn {
    width: 1.48rem;
    height: .45rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/vote-btn.png);
  }

  .votes-btn.-disabled {
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/vote-btn-disaled.png);
    background-size: contain;
  }

  .votes-des {
    margin-top: .18rem;
  }

  .votes-rank {
    width: .47rem;
    height: .52rem;
    left: .14rem;
  }

  .pages-tabcont-item:nth-child(1) .tips {
    padding: .23rem .9rem;
  }

  .tips {
    width: 7.28rem;
    height: 100%;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/tips-bg.png);
    background-size: 100% 100%;
    padding: .23rem .33rem;
    text-align: center;
  }

  .tips-des {
    line-height: 1.5;
  }

  #afooter {
    padding: .5rem 0 .26rem;
  }

  .foot p,
  .foot a {
    font-size: .18rem;
    color: rgba(0, 0, 0, .5);
    line-height: 1.6;
  }

  .task-list {
    width: 7.5rem;
    height: 20.49rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/vote-task-bg.png);
    background-size: 100% auto;
    margin: -1.3rem auto 0;
    padding: 1.72rem .24rem 0 .24rem;
  }

  .task-item {
    width: 7.1rem;
    /* height: 4.45rem; */
    height: 4.63rem;
    position: relative;
    padding: .27rem .32rem 0 .5rem;
  }

  .task-item:nth-child(3) {
    padding: .27rem .32rem 0 .54rem;
  }

  .task-item:nth-child(4) {
    padding: .27rem 0 0 .56rem;
  }

  .task-des {
    font-size: .2rem;
    line-height: 1.5;
    margin: .1rem auto .12rem;
  }

  .task-item:nth-child(1) .task-des {
    margin: .24rem auto .28rem;
  }

  .task-item:nth-child(3) .task-des,
  .task-item:nth-child(4) .task-des {
    margin: .14rem auto;
  }

  .task-item:nth-child(4) .task-des {
    white-space: nowrap;
  }

  .task-table {
    width: 6.32rem;
  }

  .task-row {
    width: 6.2rem;
    height: .51rem;
    background: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/task-item-bg.png) no-repeat center top;
    background-size: contain;
    display: flex;
    align-items: center;
    margin-bottom: .15rem;
    padding-right: .22rem;
  }

  .task-item:nth-child(4) .task-row {
    width: 6.19rem;
    height: .64rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/task-item-bg2.png);
    background-size: contain;
  }

  .award {
    width: 7.5rem;
    height: 9.46rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/award-bg.png);
    background-size: 100% auto;
    margin: -1.3rem auto 0;
    padding: 2.1rem .4rem 0 .81rem;
  }

  .award-hd {
    width: 100%;
  }

  .award-item {
    margin-bottom: .3rem;
  }

  .award-item:first-child {
    width: 3.8rem;
  }

  .award-title {
    margin-left: -.26rem;
  }

  .award-des {
    font-size: .19rem;
    text-indent: -.24rem;
  }

  .award-des-text {
    font-size: .19rem;
  }

  .award-edit {
    font-size: .2rem;
    margin-left: .12rem;
  }

  .award-edit-icon {
    width: .2rem;
    height: .2rem;
    margin-right: .3rem;
  }

  .award-pic {
    width: 1.85rem;
    height: 2rem;
    position: absolute;
    top: 2.02rem;
    right: .62rem;
  }


  .rank {
    width: 7.19rem;
    height: 5.84rem;
    background-image: url(//game.gtimg.cn/images/lol/cp/a20260803vote/h5/rank-bg.png);
    background-size: 100% auto;
    padding: .1rem .18rem 0 .17rem;
    margin: -2.56rem auto .28rem;
  }

  .rank-table-th {
    height: .37rem;
    font-size: .21rem;
  }

  .rank-table-th:nth-child(1),
  .rank-table-td:nth-child(1) {
    flex-shrink: 0;
    width: 1.64rem;
  }

  .rank-table-th:nth-child(2),
  .rank-table-td:nth-child(2) {
    /* width: 9.6rem; */
    flex: 1;
  }

  .rank-table-th:nth-child(3),
  .rank-table-td:nth-child(3) {
    flex-shrink: 0;
    width: 1.67rem;
  }

  .rank-table-tbody {
    height: 5.04rem;
  }

  .popup-prize {
    top: calc(100% - .78rem);
    left: -1.5rem;
    zoom: .5;
    display: none;
  }

  .pages-tab-icon:hover+.popup-prize {
    display: none;
  }

  .popbox-sums-input {
    font-weight: bold;
    font-family: Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", sans-self;
  }

}