/*reset*/
* {box-sizing: border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,
details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
body a{-webkit-tap-highlight-color: transparent;text-decoration: none;}
html,body{width: 100%; height: 100%; font-family: "\5FAE\8F6F\96C5\9ED1"; overflow-x: hidden;-webkit-overflow-scrolling:touch;}
select{-webkit-appearance:none;appearance:none}
.hidden{display: none; font-size: 0; text-indent: -999em;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
#afooter{text-align:center; line-height: .28rem; font-size: .2rem; color: #ffffff;background-color: #000000;padding: .2rem 0; position: relative; z-index: 2;}
#afooter a{ color: #8c606d;}
#loginStatusSyncFrame_ams_ame{ display: none;}
.chromeframe{display: none;}

/* title */
.title {
	width: 5.46rem;
	height: 1.7rem;
	margin: 0 auto;
}
.t1 {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-title.png) no-repeat 0 0 / 5.46rem;
}
.t2 {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-title.png) no-repeat 0 -1.7rem / 5.46rem;
}
.tvideo {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-title.png) no-repeat 0 -8.84rem / 5.46rem;
}
.t3 {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-title.png) no-repeat 0 -3.4rem / 5.46rem;
}
.t4 {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-title.png) no-repeat 0 -5.1rem / 5.46rem;
}
.t5 {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-title.png) no-repeat 0 -6.8rem / 5.46rem;
}

.wrapper {
	position: relative;
	width: 100%;
	max-width: 7.5rem;
	margin: 0 auto;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/bg1.jpg) no-repeat 0 0 / 7.5rem 7.5rem,
	url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/bg2.jpg) no-repeat 0 7.494rem / 7.5rem 62.5rem #00BDFE;
}
.wrapper.active {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/bg1.jpg) no-repeat 0 0 / 7.5rem 7.5rem,
	url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/bg2-active.jpg) no-repeat 0 7.494rem / 7.5rem 62.5rem #00BDFE;
}

.section {
	position: relative;
	height: auto;
	padding-top: 7.16rem;
	padding-bottom: 0.2rem;
}

.logo-lol {
	position: absolute;
	top: 1.1rem;
	left: 50%;
	width: 1.8rem;
	height: .56rem;
	background: url(https://game.gtimg.cn/images/lol/logo/big.png) no-repeat 0 0 / 100% 100%;
	transform: translateX(-50%);
}

.float-rules{width:0.51rem;height: 1.55rem;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/float-rules.png) no-repeat 0 0 / 100% 100%;position: absolute;top:2.6rem;right:0;}

.login-wrap {
	height: auto;
	line-height: .24rem;
	margin-bottom: .24rem;
	text-align: center;
	font-size: .18rem;
	color: #ffffff;
}

.login-wrap a {
	color: #fcff1e;
}

.switch-wrap {
	width: 7.5rem;
	height: 1.4rem;
	font-size: 0;
	margin-bottom: .2rem;
}

.switch-wrap.active1 {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/switch-bg.png) no-repeat 0 0 / 7.5rem 2.8rem;
}
.switch-wrap.active2 {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/switch-bg.png) no-repeat 0 -1.4rem / 7.5rem 2.8rem;
}

.switch-item {
	vertical-align: top;
	display: inline-block;
	width: 3.75rem;
	height: 1.4rem;
	padding-top: .32rem;
}

.switch-item p:nth-of-type(1) {
	height: .38rem;
	line-height: .38rem;
	text-align: center;
	font-size: .26rem;
	color: #1b8bfd;
}

.switch-item p:nth-of-type(2) {
	height: .32rem;
	line-height: .32rem;
	text-align: center;
	font-size: .18rem;
	color: #d4f0ff;
}

.switch-item.active p:nth-of-type(1) {
	height: .41rem;
	font-size: .28rem;
	color: #bd3c10;
}
.switch-item.active p:nth-of-type(2) {
	font-size: .2rem;
	color: #fef7e7;
}

/* 页面切换 */
.j-page-select {
	display: none;
}
.j-page-select.active {
	display: block;
}

.callboard-wrap {
	display: flex;
	width: 7.24rem;
	height: 1.64em;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/callboard.png) no-repeat 0 0 / 100% 100%;
}

.callboard-wrap p {
	line-height: .36rem;
	font-size: .2rem;
	color: #e7f0ff;
}

.callboard-wrap p span{
	line-height: .36rem;
	font-size: .24rem;
	font-weight: bold;
	color: #ffed1f;
}

.module {
	position: relative;
}

/* ---------------------- module1 ---------------------- */
.module1 {
	position: relative;
}

.time-support {
	line-height: .32rem;
	font-size: .2rem;
	text-align: center;
	color: #ffffff;
	margin-bottom:.2rem;
}

.btn-subscribe {
	position: absolute;
	top: 2.4rem;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 1.56rem;
	height: .46rem;
	line-height: .46rem;
	margin: 0 auto;
	text-align: center;
	font-size: .18rem;
	color: #1b8bfd;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-subscribe.png) no-repeat 0 0 / 100% 100%;
}
.btn-subscribe.hui{
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat 0 -2.29rem / 7.5rem;
	pointer-events: none;
}

.team-wrap {
	display: flex;
	width: 7.5rem;
	font-size: 0;
	justify-content: space-between;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/module1-bg.png) no-repeat 0 0 / 7.5rem 3.18rem;
}

.team-item {
	display: block;
	width: 2.72rem;
	text-align: center;
	padding-top: 3.1rem;
	position: relative;
}

.win-icon{width:1.05rem;height: 1.07rem;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/win-icon.png) no-repeat;background-size: 100% 100%;position: absolute;top:-0.9rem;right:0;display: none;}
.win-icon.on{display: block;}
.win-icon1{right: 0.9rem;}

.btn-view-player {
	vertical-align: top;
	display: inline-block;
	font-size: .19rem;
	text-decoration: underline;
	color: #ffffff;
}

.btn-support {
	display: block;
	width: 2.24rem;
	height: .77rem;
	line-height: .66rem;
	margin: .3rem auto .1rem auto;
	font-size: .23rem;
	font-weight: bold;
	color: #097aed;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-support.png) no-repeat 0 0 / 100% 100%;
}
.btn-support.on {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat -2.98rem -1.04rem / 7.5rem;
	pointer-events: none;
}
.btn-support.hui {
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat 0rem -1.04rem / 7.5rem;
	color: #565656;
	pointer-events: none;
}

.support-total {
	font-size: .22rem;
	font-weight: bold;
	color: #097aed;
}



/* ---------------------- module2 ---------------------- */
.module2 {
	position: relative;
}

.time-award {
	line-height: .32rem;
	font-size: .2rem;
	text-align: center;
	color: #ffffff;
}

.award-btn-box{width:100%;height:0.4rem;text-align: center;padding-top:0.1rem;position: relative;z-index: 11;}
.award-btn-box a{display: inline-block;width:1.56rem;height:0.46rem;margin:0 0.08rem;font-size: 0.19rem;line-height: 0.46rem;text-align: center;vertical-align: top;}
.award-btn-box a.btn-ckzjmd{color: #1b8bfd;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat 0 0 / 7.5rem;}
.award-btn-box a.btn-lqjl{color: #097aed;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat -1.95rem 0 / 7.5rem ;}

.award-wrap {
	display: block;
	width: 7.5rem;
	height: 4.35rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/module2-bg.png) no-repeat 0 0 / 7.5rem 4.15rem;
}

/* ---------------------- module-video ---------------------- */
.module-video {
	position: relative;
	margin-top:-0.2rem;
}
.module-video .video-box{width:7.02rem;height: 3.95rem;margin:0 auto .3rem;position: relative;}
.module-video .video-box img{width:100%;height: 100%;}
.video-container{width:100%;height: 100%;position: absolute;top:0;left: 0;z-index: 11;background: #000000;}
.module-video .team-head{background: none;}
.hx-vlist{width:100%;height:2.4rem;text-align: center;}
.hx-vlist li{width:2.16rem;height:1.8rem;display: inline-block;margin:0;position: relative;vertical-align: top;}
.hx-vlist li img{width:2.38rem;height:1.52rem;position: absolute;top:0;left:50%;margin-left: -1.19rem;}
.hx-vtext{width:100%;font-size: 0.2rem;color: #ffffff;line-height: 0.26rem;position: absolute;bottom:0;left:0;}
.btn-vlink{display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 11;}

/* ---------------------- module3 ---------------------- */
.module3 {
	position: relative;
}

.pendant {
	position: absolute;
	top: -.28rem;
	left: 0;
	width: 1.77rem;
	height: 2.04rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/module3-pendant.png) no-repeat 0 0 / 100% 100%;
}

.time-award {
	line-height: .32rem;
	font-size: .2rem;
	text-align: center;
	color: #ffffff;
}

.acknowledge-wrap {
	display: block;
	width: 7.5rem;
	height: 5.8rem;
	padding-top: .5rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/module3-bg.png) no-repeat 0 0 / 7.5rem 5.8rem;
}

.acknowledge-wrap .tips {
	line-height: .28rem;
	font-size: .2rem;
	text-align: center;
	color: #ffffff;
	margin-bottom:.2rem;
}

.acknowledge-box{width:100%;height: 0.46rem;position: relative;text-align: center;}
.cjjh-text{display:inline-block;vertical-align: top;width: 1.75rem;height: 0.43rem;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/cjjh-text.png) no-repeat;background-size: 100%;font-size: 0.2rem;color: #ffffff;line-height: 0.43rem;position: relative;top:0.02rem;}
.cjjh-text span{color: #ffe011;}
.btn-txlj{
	display:inline-block;
	vertical-align: top;
	width: 1.56rem;
	height: .46rem;
	line-height: .46rem;
	text-align: center;
	font-size: .18rem;
	color: #1b8bfd;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-subscribe.png) no-repeat 0 0 / 100% 100%;
}
.btn-txlj.hui{
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat 0 -2.29rem / 7.5rem;
	pointer-events: none;
	color: #565656;
}


.acknowledge-list {
	text-align: center;
	font-size: 0;
	margin: .26rem auto .7rem;
}

.acknowledge-item {
	vertical-align: top;
	display: inline-block;
	width: 1.67rem;
	height: 1.67rem;
	margin: 0 .06rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/acknowledge-bg.png) no-repeat 0 0 / 100% 100%;
	position: relative;
}
.acknowledge-item img{display: block;width:100%;height: 100%;}
.acknow-text{width:2.2rem;position: absolute;bottom:-0.3rem;font-size: 0.2rem;line-height: 0.25rem;color: #ffffff;left:50%;margin-left:-1.1rem;}
.acknow-text1{line-height: 0.25rem;bottom:-0.55rem;}

.acknowledge-wrap .btn-lottery {
	display: block;
	width: 3.36rem;
	height: 1.09rem;
	line-height: 1rem;
	margin: 0 auto;
	font-size: .36rem;
	font-weight: bold;
	text-align: center;
	color: #097aed;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-lottery.png) no-repeat 0 0 / 100% 100%;
	border:none;
}
.acknowledge-wrap .btn-lottery.hui {background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat 0 -4.4rem / 7.5rem; color: #565656;pointer-events: none;}


/* ---------------------- module4 ---------------------- */
.module4 {
	position: relative;
}

.disturbance-tips {
	line-height: .32rem;
	font-size: .2rem;
	text-align: center;
	color: #ffffff;
}

.disturbance-tips strong {
	font-size: .22rem;
	color: #ffee7a;
	text-shadow: 0 0 0.05rem #000000;
}

.disturbance-wrap {
	display: block;
	width: 7.27rem;
	height: 6.12rem;
	margin: .2rem auto .04rem;
	padding: .06rem 0;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/module4-bg.png) no-repeat 0 0 / 7.27rem 6.12rem;
}

.disturbance-head {
	height: .72rem;
	line-height: .72rem;
	text-align: center;
	font-size: .28rem;
	font-weight: bold;
	color: #ffffff;
}

.disturbance-head::before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 1rem;
	height: .16rem;
	margin-right: .16rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-wing.png) no-repeat 0 0 / 2rem .16rem;
}

.disturbance-head::after {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 1rem;
	height: .16rem;
	margin-left: .16rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-wing.png) no-repeat -1rem 0 / 2rem .16rem;
}

.disturbance-body {
	position: relative;
	width: 100%;
	height: 2.22rem;
}

.progress {
	position: absolute;
	top: .56rem;
	left: .24rem;
	width: 5.14rem;
	height: .75rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/progress.png) no-repeat 0 0 / 100% 100%;
}

.progress .bar {
	width: 0%;
	height: .75rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/progress-active.png) no-repeat 0 0 / 5.14rem .75rem;
}

.btn-disturbance {
	position: absolute;
	top: .62rem;
	left: 5.36rem;
	display: block;
	width: 1.6rem;
	height: .63rem;
	line-height: .54rem;
	font-size: .23rem;
	font-weight: bold;
	text-align: center;
	color: #097aed;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-disturbance.png) no-repeat 0 0 / 100% 100%;
}

.btn-disturbance.hui{
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat -4.04rem 0.02rem / 7.5rem;
	color: #565656;
	pointer-events: none;
}

.target {
	position: absolute;
	top: .4rem;
	left: .92rem;
}

.target li {
	vertical-align: top;
	display: inline-block;
	width: .9rem;
	text-align: center;
}
.target li p{width: 1.5rem;margin-left:-0.3rem;}
.target li p:nth-of-type(1) {
	margin-bottom: .6rem;
	font-size: .18rem;
	color: #f5faff;
}

.target li p:nth-of-type(2) {
	font-size: .18rem;
	color: #fff494;
}

.lottery-tips {
	line-height: .32rem;
	font-size: .2rem;
	text-align: center;
	color: #ffffff;
	margin-bottom:.1rem;
}

.lottery-tips strong {
	font-size: .22rem;
	color: #fef095;
	text-shadow: 0 0 0.05rem #000000;
}

.lottery-number {
	display: block;
	width: 2.2rem;
	height: .43rem;
	line-height: .43rem;
	margin: 0 auto .16rem;
	text-align: center;
	font-size: .18rem;
	color: #ffffff;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/cjjh-text.png) no-repeat 0 0 / 100% 100%;
}

.lottery-number strong {
	color: #ffe011;
}

.lottery-wrap {
	position: relative;
	font-size: 0;
	text-align: center;
}

.lottery-list {
	text-align: center;
	font-size: 0;
	margin: 0 auto;
}

.lottery-item {
    vertical-align: top;
    display: inline-block;
    width: 1.67rem;
    height: 1.67rem;
    margin: .1rem .05rem .5rem;
    background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/lottery-bg.png) no-repeat 0 0 / 100% 100%;
    position: relative;
}
.lottery-item img{display: block;width:100%;height: 100%;}
.lottery-text{width:2.2rem;position: absolute;bottom:-0.34rem;font-size: 0.2rem;line-height: 0.34rem;color: #ffffff;left:50%;margin-left:-1.1rem;}

.lottery-wrap .btn-lottery {
	vertical-align: top;
    display: inline-block;
    width: 3.56rem;
    height: 1.05rem;
    line-height: 1rem;
    margin: 0 auto;
    font-size: .32rem;
    font-weight: bold;
    text-align: center;
    color: #097aed;
	margin: .1rem 0 .2rem 0;
    background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-lottery2.png) no-repeat 0 0 / 100% 100%;
    border:none;
}
.lottery-wrap .btn-lottery.hui {background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-btn.png) no-repeat -3.94rem -2.48rem / 7.5rem; color: #565656;pointer-events: none;}


.lottery-wrap .btn-share {
	vertical-align: top;
    display: inline-block;
    width: 3.56rem;
    height: 1.05rem;
    line-height: 1rem;
    margin: 0 auto;
    font-size: .32rem;
    font-weight: bold;
    text-align: center;
    color: #097aed;
	margin: .1rem 0 .2rem 0;
    background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-share.png) no-repeat 0 0 / 100% 100%;
}

.carousel {
	display: block;
	width: 7.24rem;
	height: 1.56rem;
	margin-left: .24rem;
	padding: .12rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/carousel.png) no-repeat 0 0 / 100% 100%;
	overflow: hidden;
}

.carousel ul{width: 6.8rem;height: 1.06rem;margin:0 auto;position: relative;top:0.1rem;overflow: hidden;}
.carousel ul li{
	line-height: .32rem;
	font-size: .18rem;
	text-align: left;
	color: #2b6ac9;
}
.carousel ul li span{margin-right:0.1rem;}


/* ---------------------- module5 ---------------------- */
.module5 {
	position: relative;
}

.team-head {
	display: block;
	width: 7.02rem;
	height: .72rem;
	line-height: .72rem;
	margin: 0 auto;
	border-radius: .1rem;
	text-align: center;
	font-size: .28rem;
	font-weight: bold;
	color: #ffffff;
	background: rgba(25, 145, 239, .3);
}

.team-head::before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 1rem;
	height: .16rem;
	margin-right: .16rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-wing.png) no-repeat 0 0 / 2rem .16rem;
}

.team-head::after {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 1rem;
	height: .16rem;
	margin-left: .16rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/spr-wing.png) no-repeat -1rem 0 / 2rem .16rem;
}


.player-list {
	position: relative;
	text-align: center;
	font-size: 0;
	margin: .3rem 0 .6rem 0;
}

.player-list .player {
	vertical-align: top;
	display: inline-block;
	width: 1.48rem;
	height: auto;
	position: relative;
}

.player-list .player img {
	width: 1.48rem;
	margin: 0 auto;
}

.icon-wz{width:1.08rem;height: 0.34rem;margin:0.05rem auto;display: inline-block;}
.icon-wz1{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/icon-wz1.png) no-repeat;background-size: 100%;}
.icon-wz2{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/icon-wz2.png) no-repeat;background-size: 100%;}
.icon-wz3{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/icon-wz3.png) no-repeat;background-size: 100%;}
.icon-wz4{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/icon-wz4.png) no-repeat;background-size: 100%;}
.icon-wz5{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/icon-wz5.png) no-repeat;background-size: 100%;}


.player-list .player .zb-name {
	font-size: .22rem;
	font-weight: bold;
	color: #ffffff;
}

.player-list .player .zb-fjh {
	font-size: .18rem;
	color: #066aff;
	display: inline-block;
	border-radius: 0.2rem;
	padding:.02rem .1rem;
	margin:0 auto;
	background: #6addff;
	
}

.player-list .player .fjh-text {
	font-size: .18rem;
	color: #ffffff;
	line-height: .22rem;
	padding-top:.04rem;
}

.pop{width:6.55rem;height:auto;position: relative;outline: none;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg.png) no-repeat;background-size: 100% 100%;display: none;}
.btn-close{display: block;width:0.27rem;height: 0.25rem;position:absolute;top:0.1rem;right:-0.3rem;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-close.png) no-repeat;background-size: 100% 100%;}
.pop-main{width:6.1rem;margin:0 auto;padding:0.32rem 0 0.42rem;}

.pop-title {
	display: block;
	width: 100%;
	height: .64rem;
	line-height: .64rem;
	text-align: center;
	font-size: .46rem;
	font-weight: bold;
	color: #ffffff;
}

.pop-title::before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 1.21rem;
	height: .42rem;
	margin-right: .02rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-wing.png) no-repeat 0 0 / 4.67rem .42rem;
}

.pop-title::after {
	content: '';
	vertical-align: middle;
	display: inline-block;
	width: 1.21rem;
	height: .42rem;
	margin-left: .02rem;
	background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-wing.png) no-repeat -3.47rem 0 / 4.67rem .42rem;
}

.pop-title-no::before{display: none;}
.pop-title-no::after{display: none;}

.pop-text{width:100%;height:100%;font-size: 0.2rem;color: #e7f0ff;line-height: 0.36rem;padding-top:0.2rem;margin-bottom:0.33rem;text-align: center;}
.btn-hd{display: block;width:2.24rem;height:0.77rem;font-size: 0.23rem;color: #097aed;font-weight:bold;line-height: 0.6rem;margin:0 auto;text-align: center;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-popbg.png) no-repeat;background-size: 100% 100%;}

.pop5{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg2.png) no-repeat;background-size: 100% 100%;}
.pop5 .pop-text{margin-bottom: 0.06rem;}
.pop-img-bg{width:4.17rem;height:1.95rem;margin:0 auto;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-img-bg.png) no-repeat;background-size: 100% 100%;text-align: center;}
.pop-img-bg img{display: block;width:1.67rem;height:1.67rem;position: relative;top:0.14rem;margin:0 auto;}

.pop6{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg2.png) no-repeat;background-size: 100% 100%;}
.pop6 .pop-text{margin-bottom: 0.06rem;}
.pop6 .pop-img-bg{margin:0 auto 0.3rem;}

.pop7{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg2.png) no-repeat;background-size: 100% 100%;}
.pop-message{width:5rem;height:2.9rem;margin:0 auto .06rem;text-align: center;}
.pop-message p{height:0.76rem;position: relative;}
.pop-message label{display:inline-block;width:0.6rem;font-size: 0.2rem;color: #e7f0ff;line-height: 0.55rem;float: left;}
.pop-message input{display:inline-block;width:4.12rem;height: 0.53rem;padding-left:0.14rem;border:1px solid #2296f5;background: #2ea8f3;float: left;font-size: 0.2rem;color: #0e5ae6;line-height: 0.53rem;outline: none;}
.pop-message textarea{display:inline-block;width:4.12rem;height: 1.2rem;padding-left:0.14rem;padding-top:0.1rem;border:1px solid #2296f5;background: #2ea8f3;float: left;font-size: 0.2rem;color: #0e5ae6;line-height: 0.28rem;outline: none;}

.pop9{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg3.png) no-repeat;background-size: 100% 100%;}
.pop9 .pop-title{margin:0 auto 0.26rem;}
.pop9 .pop-main{padding:0.32rem 0 0.2rem;}
.hjjl-table{width:6.28rem;height:5.94rem;margin-left:-0.09rem;}
.hjjl-table table{width:6.28rem;height:5.94rem;border: none;}
.hjjl-table th{height:0.6rem;background: #0c8eed;font-size: 0.24rem;color: #ffffff;font-weight: bold;line-height: 0.28rem;text-align: center;border:none;}
.hjjl-table td{height:0.48rem;font-size: 0.18rem;color: #ffffff;line-height: 0.22rem;text-align: center;border:none;border-bottom: 1px solid #b7e4fd;}
.hjjl-table td a{color: #ffdc1e;border-bottom:1px solid #ffdc1e;}
.hjjl-table td.address-color{color: #ffdc1e;}
.hjjl-table td.ylq-color{color: #095788;}
.hjjl-table tfoot td{text-align: center;border:none;font-size: 0.2rem;color: #0a5ed1;line-height: 0.22rem;}
.hjjl-table tfoot td span{display:inline-block;}
.hjjl-table tfoot td a{display:inline-block;font-size: 0.2rem;color: #ffffff;line-height: 0.24rem;border-bottom:1px solid #ffffff;margin:0 0.05rem;}

.pop15{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg4.png) no-repeat;background-size: 100% 100%;}
.pop15 .pop-main{font-size: 0.2rem;}
.pop-change{width:5.18rem;height: 0.82rem;margin:0 auto .2rem;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-change.png) no-repeat;background-position:0 0;background-size: 5.18rem;}
.pop-change.on{background-position:0 -1.3rem;}
.pop-change a{display: inline-block;width:2.22rem;height:0.82rem;float: left;}
.pop-change a.on{width:2.9rem;}

.pop-content{width:100%;height:7.4rem;overflow-y: auto;overflow-x: hidden}
.pop-content::-webkit-scrollbar{width:0.11rem;background:#0579d2;border-radius:0.06rem;}
.pop-content::-webkit-scrollbar-thumb{border-radius:0.06rem;min-height:0.3rem;background-color:#f6d83a;}

.pop-cbox{width:100%;height: auto;font-size: 0.2rem;color: #ffffff;}
.pop-cbox2{display: none;}

.rules-tit{width:5.5rem;height:0.4rem;font-size: 0.24rem;color: #ffe50d;font-weight:bold;line-height: 0.3rem;margin:0 auto 0.1rem;position: relative;}
.rules-tit::before{content: '';width:6rem;height:1px;background: #3aaaf7;border-bottom:1px solid #0e7ae9;position: absolute;bottom:0;left:50%;margin-left:-3rem;}
.rules-text{width:5.5rem;line-height: 0.24rem;margin:0 auto 0.2rem;}
.rules-text .icon-yx{display: inline-block;width:0.08rem;height:0.08rem;margin:0 0.06rem;border-radius: 50%;background: #f6d93f;vertical-align: middle;}
.rules-title{width:5.5rem;font-size: 0.22rem;color: #ffe50d;line-height: 0.24rem;margin:0 auto 0.2rem;}
.rules-title span{font-weight: bold;}
.rules-main{width:5.5rem;height:auto;border-radius:0.1rem;margin:0 auto 0.2rem;background: #1091f7;padding:.14rem 0;}
.rules-mtit{width:5rem;margin:0 auto;}
.rules-mtext{width:5rem;margin:0 auto .2rem;padding-left:.66rem;position: relative;}
.rules-mtext1{margin:0 auto;}
.rules-mtext span{display: inline-block;width:0.18rem;height: 0.18rem;text-align: center;line-height: 0.22rem;color: #086feb;font-size: 0.13rem;font-weight: bold;background: #f6d93f;border-radius: 50%;vertical-align: top;position: absolute;top:0.04rem;left:0.4rem;}

.rules-list li{width:5.5rem;margin:0 auto .2rem;padding-left:0.26rem;position: relative;}
.rules-list li span{display: inline-block;width:0.18rem;height: 0.18rem;text-align: center;line-height: 0.22rem;color: #086feb;font-size: 0.13rem;font-weight: bold;background: #f6d93f;border-radius: 50%;vertical-align: top;position: absolute;top:0.04rem;left:0;}

.pop13 .pop-main{width: 6.3rem;}
.pop13 .btn-hd{width: 2.44rem;}

.pop14{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg6.png) no-repeat;background-size: 100% 100%;}
.pop-message p.p-address{height:1.48rem;}
.pop14 .pop-message{width: 4.8rem;height:5.28rem;}
.pop-message label.label-long{width:1.5rem;line-height: 0.26rem;margin-left:-0.9rem;text-align: right;padding-right:0.1rem;}
.pop14 .pop-message a{display:inline-block;width:4.12rem;height: 0.53rem;padding-left:0.14rem;border:1px solid #2296f5;background: #2ea8f3;float: left;font-size: 0.2rem;color: #0e5ae6;line-height: 0.53rem;outline: none;text-align: left;}
.pop14 .pop-message select{display:inline-block;width:4.12rem;height: 0.53rem;padding-left:0.14rem;border:1px solid #2296f5;background: #2ea8f3;float: left;font-size: 0.2rem;color: #0e5ae6;line-height: 0.53rem;outline: none;text-align: left;}
.icon-xl{display: inline-block;width:1rem;height: 0.46rem;position: absolute;top:0.04rem;right:0.09rem;background: #2ea8f3;pointer-events: none;}
.icon-xl::before{content: '';display: inline-block;width:0.4rem;height: 0.46rem;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/icon-xl.png) no-repeat;background-size: 100% 100%;position: absolute;top:0;right:0;}
.icon-search{display: inline-block;width:0.4rem;height: 0.46rem;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/icon-search.png) no-repeat;background-size: 100% 100%;position: absolute;top:0.04rem;right:0.09rem;pointer-events: none;}

.pop16{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg5.png) no-repeat;background-size: 100% 100%;}
.hero-list{width:6rem;padding-right:0.1rem;height:5rem;overflow-y: auto;overflow-x: hidden;margin:0.2rem auto 0.25rem;}
.hero-list::-webkit-scrollbar{width:0.11rem;background:#0579d2;border-radius:0.06rem;}
.hero-list::-webkit-scrollbar-thumb{border-radius:0.06rem;min-height:0.3rem;background-color:#f6d83a;}
.hero-list li{width:1.15rem;height:1.2rem;float:left;cursor: pointer;-webkit-tap-highlight-color: transparent;text-decoration: none;}
.hero-img{width:0.69rem;height:0.69rem;border:0.02rem solid #adecfc;border-radius:0.05rem;margin:0 auto .04rem;overflow: hidden;}
.hero-list li.on .hero-img{border:0.02rem solid #f8e050;}
.hero-img img{display: block;width:0.67rem;height:auto;}
.hero-name{font-size: 0.2rem;color: #e7f0ff;line-height: 0.24rem;text-align: center;}
.hero-list li.on .hero-name{color: #ffe84e;}

.pop17{background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg7.png) no-repeat;background-size: 100% 100%;}
.pop-btn-box{width: 100%;height: 0.78rem;text-align: center;text-align: center;}
.pop17 a{display: inline-block;margin:0;vertical-align: top;}
.pop17 a.btn-qx{width:2.24rem;height:0.77rem;font-size: 0.23rem;color: #097aed;font-weight:bold;line-height: 0.6rem;text-align: center;background: url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/btn-popbg1.png) no-repeat;background-size: 100% 100%;}

.base-title,
.btn-teamsniper,
.btn-confirmquiz,
.btn-receiveaward,
.btn-success {
  font-size: 0;
  text-indent: -9999em;
}

.base-title {
  width: 7.5rem;
  height: 1.7rem;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/title-sprites.png") no-repeat;
  background-size: 7.5rem 7.1rem;
}

.base-title.t1 {
  background-position: 0 0;
}

.base-title.t2 {
  background-position: 0 -1.8rem;
}

.base-title.t3 {
  background-position: 0 -3.6rem;
}

.base-title.t4 {
  background-position: 0 -5.4rem;
}

.base-desc {
  line-height: .32rem;
  font-size: .2rem;
  text-align: center;
  color: #fff;
}

.partition-one {
  margin: .2rem 0 .1rem;
}

.callboard-snipe-wrap {
  position: relative;
  height: 1.5rem;
  margin: .25rem 0;
  padding-top: .4rem;
  padding-left: 1.5rem;
  padding-right: 2.8rem;
  text-align: center;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/callboard-snipe-bg.png") no-repeat;
  background-size: 7.5rem 1.5rem;
}

.callboard-snipe-wrap p {
  line-height: .36rem;
  font-size: .2rem;
  color: #e7f0ff;
}

.callboard-snipe-wrap p span {
  line-height: .36rem;
  font-size: .24rem;
  font-weight: bold;
  color: #ffed1f;
}

.callboard-snipe-wrap::after {
  content: '';
  position: absolute;
  top: -.2rem;
  right: 1.2rem;
  width: 1.7rem;
  height: 2.15rem;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/decorate-flag.png") no-repeat;
  background-size: 1.7rem 2.15rem;
}

.section2 {
  min-height: 24rem;
}

.swiper-wrap {
  position: relative;
  min-height: 5rem;
	margin-top: .3rem;
	padding-top: .2rem;
  background: url('//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/swiper-bg.png') no-repeat;
  background-size: 7.5rem 5rem;
}

.live-platform {
	position: absolute;
	top: -.2rem;
	left: 0;
	width: 7.5rem;
	height: .5rem;
	background-size: 7.5rem .5rem;
}

.live-platform.egame {
	background-image: url('//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/icon-egame.png');
}

.live-platform.douyu {
	background-image: url('//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/icon-douyu.png');
}

.live-platform.huya {
	background-image: url('//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/icon-huya.png');
}

.live-platform.kuaishou {
	background-image: url('//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/icon-kuaishou.png');
}

.team-swiper {
  position: relative;
  width: 100%;
  height: .9rem;
  padding: .075rem 0;
  overflow: visible;
}

.team-swiper .swiper-slide.active .team-name {
  width: 2.6rem;
  height: .9rem;
  line-height: .9rem;
  margin: -.075rem auto 0;
  font-weight: bold;
  font-size: .28rem;
  color: #fb5f28;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.32);
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/btn-active.png") no-repeat;
  background-size: 2.6rem 0.9rem;
}

.team-swiper .swiper-slide.active .team-name::after {
  content: '';
  position: absolute;
  bottom: -.4rem;
  right: -.3rem;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/decorate-ranking-sprites.png") no-repeat;
  background-size: 4rem 1.9rem;
}

.team-swiper .swiper-slide.active .team-name.no1::after {
  width: .9rem;
  height: .9rem;
  background-position: 0 0;
}

.team-swiper .swiper-slide.active .team-name.no2::after {
  width: .9rem;
  height: .9rem;
  background-position: -.9rem 0;
}

.team-swiper .swiper-slide.active .team-name.no3::after {
  width: .9rem;
  height: .9rem;
  background-position: -1.8rem 0;
}

.team-swiper .swiper-slide.active .team-name.no4::after {
  width: .9rem;
  height: .9rem;
  background-position: -2.7rem 0;
}

.team-swiper .swiper-slide.active .team-name.no5::after {
  width: 1rem;
  height: 1rem;
  background-position: 0 -.9rem;
}

.team-swiper .swiper-slide.active .team-name.no6::after {
  width: 1rem;
  height: 1rem;
  background-position: -1rem -.9rem;
}

.team-swiper .swiper-slide.active .team-name.no7::after {
  width: 1rem;
  height: 1rem;
  background-position: -2rem -.9rem;
}

.team-swiper .swiper-slide.active .team-name.no8::after {
  width: 1rem;
  height: 1rem;
  background-position: -3rem -.9rem;
}

.team-swiper .team-name {
  display: block;
  width: 1.9rem;
  height: .8rem;
  line-height: .8rem;
  margin: -.025rem auto 0;
  font-weight: bold;
  font-size: .26rem;
  text-align: center;
  color: #1b8bfd;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.32);
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/btn-default.png") no-repeat;
  background-size: 1.9rem 0.8rem;
}

.team-swiper .team-next,
.team-swiper .team-prev {
  position: absolute;
  top: 0;
  z-index: 999;
  width: .3rem;
  height: .9rem;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/swiper-arrow.png") no-repeat;
  background-size: 0.7rem 0.3rem;
  outline: none;
}

.team-swiper .team-next {
  right: .05rem;
  background-position: -.4rem center;
}

.team-swiper .team-prev {
  left: .05rem;
  background-position: 0 center;
}

.area-and-time {
	margin-top: .12rem;
	font-size: 0;
	text-align: center;
}

.area-and-time .area {
	display: inline-block;
	position: relative;
	line-height: .3rem;
	padding-left: .25rem;
	font-size: .24rem;
	color: #ffea00;
	text-shadow: 0 2px 4px rgba(2, 114, 224, 0.64);
}

.area-and-time .area::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: .25rem;
	height: .3rem;
	background: url('//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/icon-site.png') no-repeat;
	background-position: 0 .05rem;
	background-size: .23rem .28rem;
}

.area-and-time .time {
	display: inline-block;
	position: relative;
	line-height: .3rem;
	margin-left: .1rem;
	font-size: .22rem;
	color: #ffffff;
}

.team-week-title {
  margin: .1rem 0 .3rem;
  font-size: 0;
  text-align: center;
}

.team-week-title p {
  display: inline-block;
  position: relative;
  line-height: .4rem;
  padding: 0 1.1rem;
  font-weight: bold;
  font-size: .28rem;
  color: #fff;
}

.team-week-title p::before,
.team-week-title p::after {
  content: '';
  position: absolute;
  top: 0;
  width: 1rem;
  height: .4rem;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/team-week-bg.png") no-repeat;
  background-size: 1rem 0.4rem;
}

.team-week-title p::before {
  left: 0;
}

.team-week-title p::after {
  right: 0;
  transform: scaleX(-1);
}

.team-player-list {
  display: flex;
  justify-content: space-between;
  padding: 0 .25rem;
}

.team-player-list li {
  width: 1.3rem;
}

.team-player-list li .player-avatar {
  position: relative;
  width: 1.3rem;
  height: 1.3rem;
  border: .02rem solid #adecfc;
  border-radius: 50%;
	box-shadow: 0 .04rem .12rem rgba(7, 70, 170, .3);
	overflow: hidden;
}

.team-player-list li .player-avatar::before,
.team-player-list li .player-avatar::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: .05rem;
  width: .4rem;
  height: .4rem;
  /* background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/sprites.png") no-repeat; */
  background-size: 2.9rem 0.4rem;
}

.team-player-list li .player-avatar::before {
  background-position: 0 0;
}

.team-player-list li .player-avatar.icon1::after {
  background-position: -.5rem 0;
}

.team-player-list li .player-avatar.icon2::after {
  background-position: -1rem 0;
}

.team-player-list li .player-avatar.icon3::after {
  background-position: -1.5rem 0;
}

.team-player-list li .player-avatar.icon4::after {
  background-position: -2rem 0;
}

.team-player-list li .player-avatar.icon5::after {
  background-position: -2.5rem 0;
}

.team-player-list li .player-avatar img {
  display: block;
  width: 100%;
}

.team-player-list li .player-desc {
  font-size: .18rem;
  text-align: center;
  color: #fff;
}

.team-player-list li .player-room-number {
  min-width: 1rem;
  height: .25rem;
  line-height: .25rem;
  margin: .05rem auto;
  border-radius: .25rem;
  font-size: .18rem;
  text-align: center;
  color: #066aff;
  background: #e1fcff;
}

.team-player-list li .player-name {
	margin-top: .05rem;
  font-weight: bold;
  font-size: .22rem;
  text-align: center;
	color: #fff;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.section3 {
  height: 6rem;
}

.btn-teamsniper {
  display: block;
  width: 2.5rem;
  height: .9rem;
  margin: .1rem auto 0;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/btn-teamsniper.png") no-repeat;
  background-size: 2.5rem 0.9rem;
}

.quiz-wrap {
  width: 7.3rem;
  height: 4.42rem;
  margin: .1rem auto 0;
  padding: .02rem .16rem 0;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/quiz-bg.png") no-repeat;
  background-size: 7.3rem 4.42rem;
}

.quiz-list li {
  display: flex;
  align-items: center;
  height: .84rem;
  padding: 0 .4rem;
  border-top: 1px solid #22A1E7;
  border-bottom: 1px solid #1377DD;
}

.quiz-list li:nth-of-type(-n + 1) {
  border-top: none;
}

.quiz-list li:last-of-type {
  border-bottom: none;
}

.quiz-list li:nth-of-type(2n) .quiz-result .ranking-tip .status-win,
.quiz-list li:nth-of-type(2n) .quiz-result .ranking-tip .status-lost {
  left: auto;
  right: 0;
}

.quiz-list li.result {
  padding: 0;
}

.quiz-list li.result .team-name {
  margin-left: .4rem;
  margin-right: .1rem;
}

.quiz-list li.result .select-skin {
  display: none;
}

.quiz-list li.result .quiz-result {
  display: flex;
}

.quiz-list li .team-name {
  width: 2rem;
  height: .55rem;
  line-height: .55rem;
  margin-right: .5rem;
  font-size: .2rem;
  text-align: center;
  color: #f5faff;
}

.quiz-list li .select-skin {
  display: flex;
  position: relative;
  border-radius: .06rem;
  overflow: hidden;
}

.quiz-list li .select-skin select {
  width: 3.6rem;
  height: .55rem;
  line-height: .55rem;
  padding-left: .24rem;
  border: none;
  font-size: .2rem;
  text-align: left;
  color: #b1cffb;
  background: #1e6bdd;
  outline: none;
}

.quiz-list li .select-skin .select-skin-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: .6rem;
  height: .55rem;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/arrow-bottom.png") no-repeat;
  background-size: 0.3rem 0.3rem;
  background-color: #1E6BDD;
  background-position: center;
  pointer-events: none;
}

.quiz-list li .quiz-result {
  display: none;
  font-size: 0;
}

.quiz-list li .quiz-result .ranking-info {
  display: inline-block;
  width: 1.9rem;
  height: .55rem;
  line-height: .55rem;
  margin-right: .4rem;
  border-radius: .06rem;
  font-size: .21rem;
  text-align: center;
  color: #fff21b;
  background: #1e6bdd;
}

.quiz-list li .quiz-result .ranking-tip {
  display: inline-block;
  position: relative;
  width: 2rem;
  height: .55rem;
  line-height: .55rem;
  font-size: .32rem;
  text-align: center;
  color: rgba(182, 225, 254, 0.2);
}

.quiz-list li .quiz-result .ranking-tip .status-win,
.quiz-list li .quiz-result .ranking-tip .status-lost {
  position: absolute;
  top: -.25rem;
  left: 0;
  width: 1.05rem;
  height: 1.05rem;
}

.quiz-list li .quiz-result .ranking-tip .status-win {
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/status-win.png") no-repeat;
  background-size: 1.05rem 1.05rem;
}

.quiz-list li .quiz-result .ranking-tip .status-lost {
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/status-lost.png") no-repeat;
  background-size: 1.05rem 1.05rem;
}

.btn-confirmquiz {
  display: block;
  width: 3.4rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/btn-confirmquiz.png") no-repeat;
  background-size: 3.4rem 1.2rem;
}

.btn-confirmquiz.active {
  filter: grayscale(1);
  pointer-events: none;
}

.btn-page2-share {
  display: block;
  width: 3.4rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/btn-share.png") no-repeat;
  background-size: 3.4rem 1.2rem;
}

.rule-wrap {
  margin-top: .3rem;
  padding: .2rem .25rem .3rem;
}

.rule-wrap .rule-title {
  margin-bottom: .2rem;
  font-weight: bold;
  font-size: .28rem;
  color: #ffe34a;
  text-shadow: 0 1px 5px rgba(9, 81, 178, 0.84);
}

.rule-wrap .rule-list li {
  margin-top: .1rem;
  font-size: 0;
}

.rule-wrap .rule-list li:nth-of-type(-n + 1) {
  margin-top: 0;
}

.rule-wrap .rule-list li span {
  display: inline-block;
  line-height: .3rem;
  font-size: .2rem;
  color: #fff;
  text-shadow: 0 1px 5px rgba(15, 88, 170, 0.9);
}

.rule-wrap .rule-list li span.tip {
  position: relative;
  padding-left: .2rem;
  font-weight: bold;
  color: #ffe34a;
  text-shadow: 0 1px 5px rgba(2, 114, 224, 0.7);
}

.rule-wrap .rule-list li span.tip::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: .3rem;
  height: .3rem;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/arrow-right.png") no-repeat;
  background-size: 0.3rem 0.3rem;
  background-position: -.1rem 0;
}

.award-image {
  height: 3.5rem;
}

.award-image img {
  display: block;
  width: 100%;
}

.award-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.award-list li .award-title {
  font-size: .21rem;
  text-align: center;
  color: #fff;
  text-shadow: 0px 1px 4px rgba(12, 38, 125, 0.78);
}

.award-list li .award-image {
  position: relative;
  width: 2.44rem;
  height: 2.44rem;
  padding: .1rem .12rem .17rem .15rem;
  text-align: center;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/award-bg.png") no-repeat;
  background-size: 2.44rem 2.44rem;
}

.award-list li .award-image .desc {
  position: absolute;
  bottom: .23rem;
  left: .15rem;
  right: .12rem;
  line-height: .3rem;
  font-size: .19rem;
  text-align: center;
  color: #1252c6;
}

.btn-receiveaward {
  display: block;
  width: 3.4rem;
  height: 1.2rem;
  margin: 0 auto;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/btn-receiveaward.png") no-repeat;
  background-size: 3.4rem 1.2rem;
}

.btn-receiveaward.active {
  filter: grayscale(1);
  pointer-events: none;
}

.section4 {
  min-height: 6rem;
}

.gifts-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gifts-list li {
  width: 3.66rem;
  margin-bottom: .3rem;
}

.gifts-list li .image {
  height: 2.1rem;
  padding: .2rem .25rem 0 .25rem;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/gifts-bg.png") no-repeat;
  background-size: 3.66rem 2.1rem;
  background-size: 3.66rem 2.1rem;
}

.gifts-list li .image img {
  display: block;
  width: 100%;
  object-fit: cover;
}

.gifts-list li .desc {
  line-height: .25rem;
  margin-top: -.05rem;
  font-size: .2rem;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 0 .06rem rgba(7, 16, 97, 0.63)
}

.gifts-list li .desc span {
  color: #fcff00;
}

.btn-success {
  display: block;
  width: 3rem;
  height: 1rem;
  margin: .2rem auto 0;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/btn-success.png") no-repeat;
  background-size: 3rem 1rem;
}

.share-page {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 750px;
  height: 1334px;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/share-bg.png") no-repeat;
  overflow: hidden;
}

.share-page .decorate {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 750px;
  height: 552px;
  background: url("//game.gtimg.cn/images/lol/act/a20200610summersnipe/page2/decorate-share.png") no-repeat;
}

.share-page .logo {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 200px;
  height: 72px;
  margin-left: -100px;
}

.share-page .logo img {
  display: block;
  width: 100%;
}

.share-page .qrcode {
  position: absolute;
  bottom: 60px;
  right: 70px;
  z-index: 2;
  width: 140px;
  height: 140px;
}

.share-page .qrcode img {
  display: block;
  width: 100%;
}
.share-page .panel-list {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 620px;
  height: 460px;
  margin-top: 410px;
  margin-left: 65px;
  padding: 7px 20px;
}

.share-page .panel-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85px;
  line-height: 85px;
  font-size: 0;
  text-align: center;
}

.share-page .panel-list li:nth-of-type(4),
.share-page .panel-list li:nth-of-type(5) {
  margin-top: 5px;
}

.share-page .panel-list li .label {
  width: 130px;
  padding-right: 30px;
  font-size: 20px;
  text-align: right;
  color: #f5faff;
}

.share-page .panel-list li .value {
  width: 240px;
  font-size: 21px;
  text-align: center;
  color: #fff21b;
}
.pop24 .pop-message {width: 4.8rem;}
.pop24 .pop-message select{display:inline-block;width:4.12rem;height: 0.53rem;padding-left:0.14rem;border:1px solid #2296f5;background: #2ea8f3;float: left;font-size: 0.2rem;color: #0e5ae6;line-height: 0.53rem;outline: none;text-align: left;}
.pop24 .pop-message a{display:inline-block;width:4.12rem;height: 0.53rem;padding-left:0.14rem;border:1px solid #2296f5;background: #2ea8f3;float: left;font-size: 0.2rem;color: #0e5ae6;line-height: 0.53rem;outline: none;text-align: left;}
.pop25 {height:7.87rem;background:url(//game.gtimg.cn/images/lol/act/a20200610summersnipe/pop-bg6.png) no-repeat;background-size:6.55rem 7.87rem;}
.pop25 .image {position:relative;width:5.8rem;height:6.5rem;margin:.1rem auto;border-radius:.2rem;background:#eee;overflow:hidden;}
.pop25 .image img {position:absolute;top:0;left:0;width:100%;transform:translateY(-1.1rem);}
.pop25 .tip {line-height:.3rem;margin-top:.2rem;font-size:.24rem;text-align:center;color:#ffffff;}
/* #t6Hl8#E24907B26B4D72218C5BB8BAAD022BE6 */