/* reset */
body,
div,
p,
ul,
li,
table,
tbody,
tr,
td,
textarea,
form,
input,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd,
img,
iframe,
header,
nav,
section,
article,
footer,
figure,
figcaption,
menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	-webkit-text-size-adjust: none;
	font-size: 0.24rem;
}

header,
nav,
section,
article,
footer,
figure,
figcaption {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	font-size: 100%
}

b {
	font-weight: normal;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

a,
li,
ul,
[onclick] {
	-webkit-tap-highlight-color: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

em,
strong {
	font-weight: normal;
	font-style: normal;
}

a {
	text-decoration: none;
}

img[src=''],
img:not([src]) {
	opacity: 0;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.hide {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.c:before,
.c:after {
	content: "";
	display: table;
}

.c:after {
	clear: both;
}

:focus {
	outline: none;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.db {
	display: block;
	text-indent: -999em;
}

/* @font-face {
	font-family: "SOURCEHANSERIFCN_SEMIBOLD";
	src: url(../images/SOURCEHANSERIFCN_SEMIBOLD.ttf);
} */

body,
html {
	background-color: #f7f7f7;
	overflow-x: hidden;
	width: 100%;
	position: relative;
	/* font-family: "SOURCEHANSERIFCN_SEMIBOLD"; */
}

header,
#afooter {
	width: 100%;
	margin: 0 auto;
}

.listflex {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.listcenter {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: center;
	-webkit-justify-content: center;
}

.text_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap {
	width: 100%;
	height: 29.63rem;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 9.6rem;
}

.wrap {
	background: url(../images/bg_wrap_official.jpg) no-repeat 50% 0/100% 100%;
}
.wrap_huawei {
    background-image: url(../images/bg_wrap_huawei.jpg) !important;
}

.btn_back {
	display: block;
	width: 0.48rem;
	height: 1.6rem;
	background: url(../images/btn_back.png) no-repeat 50% 0/100% 100%;
	position: absolute;
	right: 0.15rem;
	top: 1.65rem;
}

.ranking_title{
	width: 3rem;
	height: .33rem;
	background: url(../images/bg_wrap_title.png) no-repeat;
	background-size: 100%;
}
.ranking_title_huawei{
	background-image: url(../images/bg_wrap_title_huawei.png) !important;
}
.ranking_title_vivo{
	background-image: url(../images/bg_wrap_title_vivo.png) !important;
}
.ranking_title_oppo{
	background-image: url(../images/bg_wrap_title_oppo.png) !important;
}
.ranking_title_xiaomi{
	background-image: url(../images/bg_wrap_title_xiaomi.png) !important;
}
.ranking_title_jiuyou{
	background-image: url(../images/bg_wrap_title_jiuyou.png) !important;
}
.ranking_title_rongyao{
	background-image: url(../images/bg_wrap_title_rongyao.png) !important;
}

.part_ranking {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.ranking_cont {
	width: 4.99rem;
	height: 4.85rem;
	margin-top: .46rem;
}

.active_start {
	width: 100%;
	height: 100%;
	display: none;
}

.active_start.on {
	display: block;
}

.active_start img {
	display: block;
	width: 100%;
}

.ranking {
	width: 4.99rem;
	height: 4.85rem;
	background: url(../images/ranking_bg.png) no-repeat 50% 0/100% 100%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0.42rem 0rem 0.42rem 0rem;
	display: none;
}

.ranking_end {
	width: 4.99rem;
	height: 4.85rem;
	background: url(../images/active_end.png) no-repeat 50% 0/100% 100%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0.42rem 0rem 0.42rem 0rem;
	display: none;
}

.ranking.on {
	display: block;
}

.ranking table {
	width: 100%;
	height: auto;
}

.ranking table th {
	height: 0;
	font-size: 0;
}

.ranking table th:nth-of-type(1) {
	width: 0.73rem;
}

.ranking table th:nth-of-type(2) {
	width: 1.4rem;
}

.ranking table th:nth-of-type(3) {
	width: 1.42rem;
}

.ranking table th:nth-of-type(4) {
	width: 1.44rem;
}

.ranking table tbody tr {
	font-size: 0.18rem;
	color: #764c2e;
	text-align: center;
}

.ranking tbody tr:nth-of-type(1) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(2) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(3) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(4) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(5) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(6) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(7) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(8) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(9) {
	height: 0.4rem;
}

.ranking tbody tr:nth-of-type(10) {
	height: 0.4rem;
}

.ranking table tbody td {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ranking table tbody tr p {
	/* font-family: "SOURCEHANSERIFCN_SEMIBOLD"; */
	padding: 0 0.05rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ranking table td:nth-of-type(1) p {
	width: 0.73rem;
}

.ranking table td:nth-of-type(2) p {
	width: 1.4rem;
}

.ranking table td:nth-of-type(3) p {
	width: 1.42rem;
}

.ranking table td:nth-of-type(4) p {
	width: 1.44rem;
}

.part_prize{
    position: relative;
    width: 90%;
    height: auto;
    top: 2.7rem;
    left: 5%;
}

.part_rule {
	padding-top: 3.44rem;
}

.btn_rule {
	display: block;
	width: 2.86rem;
	height: 0.76rem;
	background: url(../images/btn_rule.png) no-repeat 50% 0/100% 100%;
	margin: 0 auto;
}

/*pop*/
.dialog {
	color: #423633;
	display: none;
}

.pop_mask {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 998;
}

.pop {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999;
}

.pop_close {
	display: block;
	position: absolute;
	width: 0.25rem;
	height: 0.25rem;
	right: 0.43rem;
	top: -0.32rem;
	text-indent: -999em;
	background: url(../images/close.png) no-repeat 50% 0/100% 100%;
}

.pop_content {
	width: 6.35rem;
	height: 11rem;
	background: url(../images/pop_rule.png) no-repeat 50% 0/100% 100%;
	box-sizing: border-box;
	padding: 1.5rem 0.52rem 0.6rem;
}
.pop_error_close{
	width: .4rem;
	height: .4rem;
	position: absolute;
	right: .38rem;
	top: .3rem;
}

.pop_error{
	width: 6.75rem;
	height: 5.87rem;
	background-image: url(../images/pop_err.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.pop_rule_guanwang{
    background-image: url(../images/pop_rule_guanwang.png) !important;
}
.pop_rule_jiuyou{
    background-image: url(../images/pop_rule_jiuyou.png) !important;
}
.pop_rule_oppo{
    background-image: url(../images/pop_rule_oppo.png) !important;
}
.pop_rule_huawei{
    background-image: url(../images/pop_rule_huawei.png) !important;
}
.pop_rule_xiaomi{
    background-image: url(../images/pop_rule_xiaomi.png) !important;
}
.pop_rule_vivo_rongyao{
    background-image: url(../images/pop_rule_vivo_rongyao.png) !important;
}

.pop_scroll {
	width: 5.2rem;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	margin: 0 auto;
}

.pop_scroll::-webkit-scrollbar {
	width: 0.1rem;
	height: 1px;
}

.pop_scroll::-webkit-scrollbar-track {
	border-radius: 0.05rem;
	background: none;
	-webkit-border-radius: 0.05rem;
	-moz-border-radius: .05rem;
	-ms-border-radius: .05rem;
	-o-border-radius: .05rem;
}

.pop_scroll::-webkit-scrollbar-thumb {
	border-radius: 0.05rem;
	background: #a29276;
	-webkit-border-radius: 0.05rem;
	-moz-border-radius: .05rem;
	-ms-border-radius: .05rem;
	-o-border-radius: .05rem;
}

.rule_main {
	width: 5.36rem;
	font-size: 0.21rem;
	line-height: 0.28rem;
	color: #FFFFFF;
	letter-spacing: 0.02rem;
}

.rule_main img {
	display: block;
	width: 4.71rem;
	margin-left: 0.25rem;
}

.rule_main {
	display: none;
}

.wrap_official .rule_official {
	display: block;
}