*{box-sizing: border-box;}
html,body,#app{width:100%;height: 100%;}
body{font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0); }
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{border:0;}
ol,ul{list-style:none;}
a{text-decoration:none;outline:none;border:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
input,select,textarea{border: none;outline: none;}
.fl{float: left;}
.fr{float: right;}
.clear:after{content: "";display: block;clear: both;}
.clear{zoom: 1;}
.bgs100{background-repeat: no-repeat;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
:focus {outline: none;}

.container{
	position: relative;
	width: 100%;
	/*min-width: 1734px;*/
	/*min-height: 1300px;*/
	background: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/bg.jpg) center top no-repeat;
	/*-webkit-background-size: auto 100%;
	background-size: auto 100%;*/
	-webkit-background-size: cover;
	background-size: cover;
	margin: 0 auto;
}

.main{
	position: relative;
	width: 17.34rem;
	height: 12.64rem;
	margin: 0 auto;
}
.return_home{
	position: absolute;
	right: 0;
	top: .5rem;
	z-index: 1;
	width: 1.75rem;
	height: .47rem;
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/return_home.png);
}

.content{
	position: absolute;
	top: 0;
	right: 0;
	width: 8.19rem;
	height: 100%;
	padding-top: 2.74rem;
}
.name{
	position: relative;
	width: 8.01rem;
	height: 2.9rem;
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/name_text.png);
	margin: 0 auto 1.56rem;
}
.resume_btn{
	position: absolute;
	right: .73rem;
	bottom: .71rem;
	width: .94rem;
	height: .28rem;
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/resume_btn.png);
	cursor: pointer;
}
.result{
	width: 4.85rem;
	height: .59rem;
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/result_text.png);
	margin: 0 auto .25rem;
}
.hero_list{
	display: flex;
	justify-content: space-around;
	width: 100%;
}
.hero_list .item{
	width: 1.24rem;
}
.hero_list .item .img{
	display: block;
	width: 1.24rem;
	height: 1.24rem;
}
.hero_list .item1 .img{
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/head1.png);
}
.hero_list .item2 .img{
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/head2.png);
}
.hero_list .item3 .img{
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/head3.png);
}
.hero_list .item4 .img{
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/head4.png);
}
.hero_list .item5 .img{
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/head5.png);
}
.hero_list .item .num{
	width: 100%;
	height: .8rem;
	line-height: .8rem;
	text-align: center;
	color: #c79673;
	font-size: .20rem;
	font-weight: bold;
}
.champion_text{
	width: 8.19rem;
	height: 1.16rem;
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/text.png);
}


.pop_wrap{
	position: fixed;
	left: 0; 
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	display: none;
}
.pop{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 6.52rem;
	height: 4rem;
	background-image: url(https://media.zlongame.com/media/pictures/cn/mz/actv/2024/votellr/result_pc/pop_bg.png);
}
.cancel{
	position: absolute;
	top: 0;
    right: 0;
	width: .66rem;
	height: .66rem;
	cursor: pointer;
}

.footer {
	width: 100%;
    background: #FFF;
    padding: 38px 0;
}

.footer img {
    display: block;
    margin: 0 auto;
}

.footBox {
    width: 982px;
    margin: 0 auto;
    overflow: hidden;
    font-family: \5b8b\4f53;
    font-size: 12px;
}

.footBox .logo2 {
    float: left;
    width: 208px;
    padding-left: 74px;
}

.footBox .text {
    float: right;
    width: 674px;
    line-height: 20px;
}

.footBox, .footBox a {
    color: #5b5b5b;
}

.footBox .bq {
    top: 60px !important;
}

.opcity-zhezhao {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 200;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}