/* reset */
html,body,div,p,ul,li,dl,dt,dd,em,i,span,a,img,input,h1,h2,h3,h4,h5 {margin:0;padding:0;}
a,img,input {border:none;}
body{font: 14px/1.75  -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-tap-highlight-color: rgba(0,0,0,0); background:#f5f5f5;}
a {text-decoration:none;}
ul,li{list-style: none}
a, img {-webkit-touch-callout: none;}
html,body {
    -webkit-user-select: none;
    user-select: none;
}
.hidden{width: 0;height: 0;line-height:0;font-size: 0;visibility: hidden;text-indent: -9999px;display: block;}
.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden;}
.wrap{width:100%;margin:0 auto;overflow: hidden;}
.spr{ display:block; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/spr.png) no-repeat; background-size:2.0rem auto;}
/*header*/
.header{ width:100%; height:5.60rem; overflow:hidden; position:relative;}
.header img{ width:100%; height:100%; background-size:100% 100%;}
.short-title{ display:inline-block; background:#c4a264; font-size:0.24rem; color:#ffffff; padding:0.03rem 0.13rem 0.03rem 0.13rem; position:absolute; left:0.32rem; bottom:1.46rem; border-radius:0.15rem;}
.long-title{ height:0.90rem; line-height:0.90rem; text-indent:0.32rem; position:absolute; left:0; bottom:0.42rem; font-size:0.64rem; color:#ffffff;}
/*content*/
.c-topic{ width:10.93rem; padding-left:0.32rem; border-bottom:#f5f5f5 solid 0.26rem; background:#ffffff; overflow:hidden;}
.c-tit{ display:block; width:100%; height:0.68rem; line-height:0.68rem; color:#1c1c1c; font-size:0.48rem; font-weight:lighter; margin-top:0.39rem; font-weight:bold;}
.c-tit i{ display:block; width:0.27rem; height:0.32rem; background-position:0 0; float:left; margin:0.18rem 0.30rem 0 0;} 
.c-p{ width:10.60rem; padding:0.20rem 0 0.32rem 0; line-height:0.68rem; text-align:justify; font-size:0.40rem; color:#1c1c1c;}
.c-in{ width:10.61rem; height:8.45rem; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/duel-img.png) no-repeat; background-size:10.61rem 5.46rem; position:relative;}
.duel-left-img,.duel-right-img{ display:block; width:5.62rem; height:5.46rem; position:absolute; top:0;}
.duel-left-img{ left:0;}
.duel-right-img{ right:0;}
.c-in-p{ width:4.95rem; line-height:0.66rem; font-size:0.36rem; font-weight:bold; float:left; margin:3.85rem 0 0.10rem 0.29rem; color:#ffffff; position:relative;}
.c-in-p strong{ color:#ff6e57; font-size:0.42rem;}
.c-in-p i{ font-weight:lighter; font-style:normal;}
.c-in-p2{ margin-left:0; text-align:right;}
.c-in-p2 strong{ color:#47ccd9;}
.c-bar{ width:10.0rem; height:0.32rem; float:left; margin-left:0.20rem;border-radius:0.25rem; background:#ffffff; border:#ffffff solid 0.06rem; position:relative;}
.left-vote,.right-vote{ float:left; height:0.32rem; text-align:center; font-size:0.32rem; font-weight:bold; color:#ffffff; line-height:0.32rem; position:relative;}
.left-vote{ width:5.0rem; background:#f8715b;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}
.left-vote.skew-left:after{ content:''; display:block; width:0.08rem; height:0.32rem; position:absolute; transform:skewX(-15deg); background:#f8715b; top:0; right:-0.03rem; z-index:9999;}
.right-vote{ width:5.0rem; background:#32b5c2; border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}
.vs-in{ width:10.62rem; height:2.33rem; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/vs-bg.jpg) no-repeat; margin-top:0.20rem; float:left; background-size:10.62rem 2.33rem;}
.vs-in a{ width:5.31rem; height:2.33rem; float:left; line-height:2.33rem; font-size:0.48rem; color:#ffffff; font-weight:bold;}
.vs-in a:nth-child(1){ text-indent:2.39rem;}
.vs-in a:nth-child(2){ text-indent:1.95rem;}
.c-prize{ padding-bottom:0.15rem;}
.c-prize-list{ padding:0.37rem 0 0.37rem 0; text-align:center;}
.c-prize-list li{ display:inline-block; width:3.36rem; height:3.0rem; padding-top:0.35rem; background:#ffffff; box-shadow:1px 1px 3px 2px #e4e1e1; border-radius:0.08rem; margin-right:0.15rem;}
.prize-box{ width:2.0rem; height:2.0rem; margin:0 auto; position:relative; overflow:hidden;}
.prize-box img{ display:block; width:1.84rem; height:1.84rem; border-radius:50%; margin:0.08rem 0 0 0.08rem;}
.prize-mask{ width:2.0rem; height:2.0rem; position:absolute; left:0; top:0; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/prize-mask.png) no-repeat; background-size:2.0rem 2.0rem;} 
.prize-p{ text-align:center; line-height:0.50rem; color:#1c1c1c; font-size:0.36rem; padding:0.22rem 0 0.15rem 0;}
.c-reward{ width:10.61rem; height:auto;}
.c-viewpoint{ background:none; padding-bottom:0.10rem;}
.waterfall-list{ width:10.65rem; -moz-column-count: 2; -webkit-column-count: 2;	column-count: 2;	-moz-column-gap: 0.5em;	-webkit-column-gap: 0.5em; column-gap: 0.5em; padding-bottom:0.20rem; position: relative; height: 500px;}
.waterfall-list li{ width:5.18rem; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid;break-inside: avoid; background:#ffffff; box-shadow:1px 1px 3px #e4e1e1;padding-bottom:0.29rem; margin-top:0.25rem; border-radius:0.05rem; position: absolute;}
.waterfall-list li .pro-img{ width:1.0rem; height:1.0rem; border-radius:50%; float:left; margin:0.22rem 0 0 0.22rem; border:#d9b58c solid 0.02rem;}
.c-topic-m{ width:3.70rem; line-height:0.50rem; color:#9faab3; font-size:0.24rem; margin:0.30rem 0 0.20rem 0.16rem; float:left;}
.c-topic-m strong{ display:block; font-size:0.32rem; color:#1c1c1c;}
.c-topic-p{ width:4.52rem; text-align:justify; float:left; margin-left:0.28rem; line-height:0.50rem; color:#747d7e; font-size:0.36rem; word-wrap:break-word;}
.top-btn{ display:block; width:0.80rem; height:0.81rem; background-position:-0.53rem 0; position:fixed; bottom:1.69rem; right:0;}
.btm-nav{ width:100%; height:1.20rem; position:fixed; left:0; bottom:0; background:#f5f5f5;}
.viewpoint-btn{ display:block; width:5.18rem; height:1.20rem; background:#bfa075; position:relative; font-size:0.40rem; color:#ffffff; line-height:1.24rem; border-radius:0.13rem; float:left; text-indent:1.63rem; margin-bottom:0.50rem; margin-left:0.30rem;}
.viewpoint-btn i{ display:block; width:0.48rem; height:0.49rem; position:absolute; left:3.48rem; top:0.30rem; background-position:0 -0.34rem;}
.share-zm-btn{ text-indent:1.42rem;}
.share-zm-btn i{ background-position:0 -1.30rem; left:3.68rem; top:0.41rem;}
.my-viewpoint i{ width:0.51rem; height:0.47rem; background-position:-0.53rem -0.92rem;}
/*2*/
.header2{ position:relative; height:100%; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/header2.jpg) no-repeat; background-size:100% 100%;}
.p-in{ width:100%; height:auto; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/p-in.jpg) no-repeat #ffffff; background-size:100% 25.07rem; margin-bottom:0.25rem;}
.p-txt{ width:9.82rem; line-height:0.66rem; color:#1c1c1c; font-size:0.40rem; padding:0.35rem 0.35rem 0.35rem 0.35rem; text-align:justify; border-radius:0.25rem; background:#ffffff; margin:-0.25rem 0 0 0.37rem; position:relative;}
.p-vote-list{ padding:0.47rem 0 0.10rem 0;}
.p-vote-list li{ width:2.64rem; height:5.52rem; float:left; margin-left:0.80rem;}
.p-player-box{ width:2.64rem; height:2.64rem; position:relative; overflow:hidden;}
.p-player-box img{ width:2.52rem; height:2.52rem; border-radius:50%; margin:0.07rem 0 0 0.07rem;}
.p-player-mask{ width:2.64rem; height:2.64rem; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/player-mask.png) no-repeat; background-size:2.64rem 2.64rem; position:absolute; left:0; top:0;}
.p-player-name{ height:0.58rem; text-align:center; line-height:0.58rem; color:#1c1c1c; font-size:0.36rem; padding:0.11rem 0 0.07rem 0;}
.p-line{ width:2.64rem; height:0.13rem; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/p-line.png) no-repeat center top; background-size:2.64rem 0.13rem;}
.p-vote-num{ width:2.74rem; height:0.72rem; line-height:0.72rem; color:#c4a264; font-size:0.36rem; overflow:hidden; text-align:center; padding:0.08rem 0 0.08rem 0;}
.p-vote-num strong{ font-size:0.48rem; padding-right:0.09rem; font-weight:bold; color:#c4a264;}
.p-pick-btn{ display:block; width:1.66rem; height:0.78rem; font-size:0.36rem; color:#c4a264; text-align:center; line-height:0.78rem; margin:0 auto; border-radius:0.12rem; border:#c4a264 solid 0.02rem;}
.p-vote-list li.first{ width:7.28rem; height:4.20rem; margin-left:2.46rem;}
.p-vote-list li.first .p-player-box{ width:3.76rem; height:3.76rem; float:left;}
.p-vote-list li.first .p-player-box img{ width:3.47rem; height:3.47rem; margin:0.15rem 0 0 0.15rem;}
.p-vote-list li.first .p-player-mask{ width:3.76rem; height:3.76rem; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/player-mask.png) no-repeat; background-size:3.76rem 3.76rem;}
.p-vote-list li.first .crown{ width:0.84rem; height:0.46rem; float:left; margin:0.25rem 0 0 1.24rem;}
.p-vote-list li.first .p-player-name,.p-vote-list li.first .p-line,.p-vote-list li.first .p-vote-num,.p-vote-list li.first .p-pick-btn{ float:left;}
.p-vote-list li.first .p-player-name,.p-vote-list li.first .p-vote-num,.p-vote-list li.first .p-line{ width:3.40rem;}
.p-vote-list li.first .p-player-name{ font-size:0.46rem; line-height:0.74rem; margin-bottom:0.12rem;}
.p-vote-list li.first .p-pick-btn{ margin-left:0.81rem;}
.p-vote-list li.first .p-vote-num{ padding-top:0.15rem;}
/*3*/
.vote-list2{ padding:0.45rem 0 0.20rem 0.31rem;}
.vote-list2 li{ width:10.60rem; height:2.42rem; float:left; padding-top:0.06rem; position:relative;}
.vote-list2 .ranking{ display:block; width:0.51rem; height:0.51rem; text-align:center; line-height:0.51rem; color:#747474; font-size:0.32rem; font-weight:bold; float:left; margin-top:0.83rem;}
.vote-line{ width:10.60rem; height:0.13rem; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/p-line2.png) no-repeat; background-size:10.60rem 0.13rem; position:absolute; left:0; bottom:0;}
.vote-list2 li:nth-child(1) .ranking,.vote-list2 li:nth-child(2) .ranking,.vote-list2 li:nth-child(3) .ranking{ color:#ffffff;}
.vote-list2 li:nth-child(1) .ranking{ background-position:-1.49rem 0;}
.vote-list2 li:nth-child(2) .ranking{ background-position:-1.49rem -0.55rem;}
.vote-list2 li:nth-child(3) .ranking{ background-position:-1.49rem -1.12rem;}
.vote-skin-pic{ display:block; width:2.40rem; height:1.84rem; line-height:1.84rem; float:left; margin:0.18rem 0.26rem 0 0.33rem; overflow:hidden; text-align:center;}
.vote-skin-pic img{ max-width: 100%; max-height: 100%; border-radius:0.12rem; vertical-align:middle;}
.vote-skin-p{ width:7.0rem; line-height:0.58rem; height:1.18rem; color:#1c1c1c; font-size:0.38rem; float:left; margin-top:0.13rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.vote-skin-p2{ width:4.90rem; margin-top:0.50rem;word-break:break-all;}
.vote-btn2{ display:block; width:1.68rem; height:0.80rem; border:#c4a264 solid 0.02rem; text-align:center; line-height:0.80rem; color:#c4a264; border-radius:0.12rem; font-size:0.36rem; float:left; margin:0.62rem 0 0 0.40rem;}
.vote-list2 li:nth-child(n+4) .spr{ background:none;} 
.vote-list2 li:last-child .vote-line{ display:none;} 
.vote-bar{ width:7.0rem; height:0.16rem; background:#e0dfde; float:left; margin:0.05rem 0 0.17rem 0; border-radius:0.20rem;}
.bar-num{ width:1.28rem; height:0.16rem; background:#c4a264; border-radius:0.20rem;}
.bar-num-p,.bar-num-per{ float:left; line-height:0.40rem; font-size:0.34rem; color:#c4a264;}
.bar-num-p{ width:3.62rem;}
.bar-num-per{ width:3.38rem; text-align:right;}
/*pop*/
.pop{ padding:0.06rem 0 0.46rem 0.43rem; width:10.19rem; float:left; background:#ffffff; position:relative; border-radius:0.15rem;}
.pop-close{ display:block; width:0.36rem; height:0.36rem; position:absolute; right:0.36rem; top:0.36rem;background-position:0 -0.87rem;}
.pop-p{ width:9.65rem; line-height:0.58rem; font-size:0.36rem; color:#747d7e; text-align:justify; padding:0.18rem 0 0.18rem 0;}
.pop-time{ width:9.50rem; line-height:0.66rem; padding-bottom:0.18rem; font-size:0.32rem; text-align:right; color:#9faab3;}
.pop-ad{ display:block; width:9.70rem; height:2.40rem; border-radius:0.12rem;}
.pop-ipt{ outline:none; width:9.70rem; line-height:1.12rem; height:1.12rem; color:#939ca2; text-indent:0.15rem; font-size:0.36rem; background:#f0f3f7; border-radius:0.18rem; margin:0.36rem 0 0.30rem 0;}
.pop-sure{ display:block; width:1.94rem; height:0.80rem; text-align:center; line-height:0.80rem; background:#c4a264; font-size:0.40rem; margin:0.28rem 0 0 7.74rem; color:#ffffff; border-radius:0.10rem;}
.pop2{ padding:0; width:6.0rem; height:3.0rem; background:url(//game.gtimg.cn/images/lol/act/a20190915topic/success-bg.png) no-repeat; background-size:6.0rem 3.0rem;}
.pop2 .pop-close{ width:1.05rem; height:1.05rem; right:0; top:0; text-indent:-99.99rem;}
.pop2 .success-p{ width:2.95rem; line-height:0.72rem; margin:1.36rem 0 0 2.93rem; font-size:0.48rem;}
/*foot*/
.foot{ font-size:0.20rem; color:#cccccc; text-align:center; background:#000000; padding:0.18rem 0 0.18rem 0; line-height:0.30rem;}
/*.bg{ background-image: url(//game.gtimg.cn/images/lol/act/a20190510battle/bg.jpg);}*/
.lk-more-p{ width:100%; padding:0.36rem 0 0.60rem 0; text-align:center; line-height:0.30rem; color:#666666; font-size:0.26rem;}
/*图片进度百分比*/
.loading{width:100%;height:100%;opacity:1;position:fixed;top:0;left:0;z-index:999999;background:#1a100f;}
.loading .inner{ position:absolute;top:50%;left:50%;text-align:center;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.loading .loading-number{color:#fff;margin-top:5px;font-size:16px;}