/*!
 * @project : firm_competition
 * @version : 2.0.4
 * @author  : loki
 * @update  : 2017-11-03 4:50:38 pm
 */
@charset "UTF-8"; 

button, hr, input {
	overflow: visible
}

img, legend {
	max-width: 100%
}

audio, canvas, progress, video {
	display: inline-block
}

progress, sub, sup {
	vertical-align: baseline
}

.banner, .footer .btn_rules, .footer .png.btn_rules, .gift_wrap .gift_1-1,
	.gift_wrap .gift_1-3, .gift_wrap .gift_1-4, .gift_wrap .gift_2-1,
	.gift_wrap .gift_2-2, .gift_wrap .gift_2-3, .gift_wrap .png.gift_1-1,
	.gift_wrap .png.gift_1-3, .gift_wrap .png.gift_1-4, .gift_wrap .png.gift_2-1,
	.gift_wrap .png.gift_2-2, .gift_wrap .png.gift_2-3, .jpg.banner,
	.pop_wrap .btn_close, .pop_wrap .png.btn_close {
	background-size: contain;
	background-repeat: no-repeat
}

.clear, .clearfix:after {
	clear: both
}

.banner, sub, sup {
	position: relative
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, main, menu,
	nav, section {
	display: block
}

h1 {
	font-size: 2em
}

hr {
	box-sizing: content-box;
	height: 0
}

*, .main_content, :after, :before, legend {
	box-sizing: border-box
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
	color: currentColor
}

a:active, a:hover {
	outline-width: 0
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b, strong {
	font-weight: bolder
}

dfn {
	font-style: italic
}

mark {
	background-color: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

audio:not ([controls] ){
	display: none;
	height: 0
}

img {
	border-style: none;
	vertical-align: top
}

svg:not (:root ){
	overflow: hidden
}

button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button, select {
	text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner,
	button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring,
	button:-moz-focusring {
	outline: ButtonText dotted 1px
}

legend {
	color: inherit;
	display: table;
	white-space: normal
}

textarea {
	overflow: auto;
	resize: none
}

[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
	{
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration
	{
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

.hide_text, [hidden], template {
	display: none
}

*, :after, :before {
	font-family: "San Francisco", "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: transparent
}

body, html {
	margin: 0 auto;
	padding: 0
}

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

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

em, i {
	font-style: normal
}

li, menu, ol, ul {
	list-style: none
}

abbr, acronym, fieldset, iframe {
	border: 0
}

article, aside, audio, blockquote, button, canvas, code, dd, details, dl,
	dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4,
	h5, h6, header, hgroup, hr, input, legend, li, mark, menu, nav, ol,
	output, p, pre, ruby, section, summary, td, textarea, th, time, ul,
	video {
	margin: 0;
	padding: 0
}

del {
	text-decoration: line-through
}

@media only screen and (min-width:320px) {
	html {
		font-size: 42.67px
	}
}

@media only screen and (min-width:346px) {
	html {
		font-size: 46.13px
	}
}

@media only screen and (min-width:360px) {
	html {
		font-size: 48px
	}
}

@media only screen and (min-width:375px) {
	html {
		font-size: 50px
	}
}

@media only screen and (min-width:384px) {
	html {
		font-size: 51.2px
	}
}

@media only screen and (min-width:390px) {
	html {
		font-size: 52px
	}
}

@media only screen and (min-width:393px) {
	html {
		font-size: 52.4px
	}
}

@media only screen and (min-width:400px) {
	html {
		font-size: 53.33px
	}
}

@media only screen and (min-width:412px) {
	html {
		font-size: 54.93px
	}
}

@media only screen and (min-width:414px) {
	html {
		font-size: 55.2px
	}
}

@media only screen and (min-width:432px) {
	html {
		font-size: 57.6px
	}
}

.banner, .jpg.banner {
	width: 7.5rem;
	height: 7rem;
	background-image: url(../images/banner.jpg?t=1509699043295)
}

.pop_wrap .btn_close, .pop_wrap .png.btn_close {
	width: .36rem;
	height: .37rem;
	background-image: url(../images/btn_close.png?t=1509699043294)
}

.footer .btn_rules, .footer .png.btn_rules {
	width: 1.67rem;
	height: 1.62rem;
	background-image: url(../images/btn_rules.png?t=1509699043294)
}

.gift_wrap .gift_1-1, .gift_wrap .png.gift_1-1 {
	width: 2.19rem;
	height: 1.14rem;
	background-image: url(../images/gift_1-1.png?t=1509699043294)
}

.gift_wrap .gift_1-2, .gift_wrap .png.gift_1-2 {
	width: 1.74rem;
	height: 1.65rem;
	background-image: url(../images/gift_1-2.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_wrap .gift_1-3, .gift_wrap .png.gift_1-3 {
	width: 1.83rem;
	height: 1.47rem;
	background-image: url(../images/gift_1-3.png?t=1509699043294)
}

.gift_wrap .gift_1-4, .gift_wrap .png.gift_1-4 {
	width: 2.63rem;
	height: 1.3rem;
	background-image: url(../images/gift_1-4.png?t=1509699043294)
}

.gift_wrap .gift_2-1, .gift_wrap .png.gift_2-1 {
	width: 1.44rem;
	height: 1.65rem;
	background-image: url(../images/gift_2-1.png?t=1509699043294)
}

.gift_wrap .gift_2-2, .gift_wrap .png.gift_2-2 {
	width: 1.46rem;
	height: 1.47rem;
	background-image: url(../images/gift_2-2.png?t=1509699043294)
}

.gift_wrap .gift_2-3, .gift_wrap .png.gift_2-3 {
	width: 1.48rem;
	height: 1.47rem;
	background-image: url(../images/gift_2-3.png?t=1509699043294)
}

.gift_wrap .gift_2-4, .gift_wrap .png.gift_2-4 {
	width: 1.47rem;
	height: 1.53rem;
	background-image: url(../images/gift_2-4.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_300, .gift_500, .png.gift_300, .png.gift_500 {
	width: 1rem;
	height: .63rem;
	background-size: contain;
	background-repeat: no-repeat
}

.gift_300, .png.gift_300 {
	background-image: url(../images/gift_300.png?t=1509699043294)
}

.gift_500, .png.gift_500 {
	background-image: url(../images/gift_500.png?t=1509699043294)
}

.gift_wrap .gift_content>li, .gift_wrap .gift_content>li.png {
	width: 3.15rem;
	height: 2rem;
	background-image: url(../images/gift_bg.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_cdb_s, .png.gift_cdb_s {
	width: .43rem;
	height: .53rem;
	background-image: url(../images/gift_cdb_s.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_cdb, .png.gift_cdb {
	width: .8rem;
	height: 1rem;
	background-image: url(../images/gift_cdb.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_erji, .png.gift_erji {
	width: .72rem;
	height: .97rem;
	background-image: url(../images/gift_erji.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.keyboard_s, .png.keyboard_s {
	width: .95rem;
	height: .53rem;
	background-image: url(../images/gift_keyboard_s.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.keyboard, .png.keyboard {
	width: 1.61rem;
	height: .88rem;
	background-image: url(../images/gift_keyboard.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.macbook, .png.macbook {
	width: 1.65rem;
	height: .86rem;
	background-image: url(../images/gift_one.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_redpocket, .png.gift_redpocket {
	width: 1rem;
	height: 1.1rem;
	background-image: url(../images/gift_redpocket.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_wrap .gift_rules, .gift_wrap .png.gift_rules {
	width: 1.38rem;
	height: .49rem;
	background-image: url(../images/gift_rules.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_shubiao1, .png.gift_shubiao1 {
	width: .31rem;
	height: .55rem;
	background-image: url(../images/gift_shubiao1.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_shubiao2, .png.gift_shubiao2 {
	width: .34rem;
	height: .59rem;
	background-image: url(../images/gift_shubiao2.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.kindle, .kindle_s, .png.kindle, .png.kindle_s {
	width: .65rem;
	height: .92rem;
	background-image: url(../images/gift_three.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.iphonex, .png.iphonex {
	width: .49rem;
	height: .98rem;
	background-image: url(../images/gift_two.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.h1_title, .png.h1_title {
	width: 3.89rem;
	height: .69rem;
	background-image: url(../images/h1_title.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.post_list .icon_arrow, .post_list .png.icon_arrow, .ranking_list .icon_arrow,
	.ranking_list .png.icon_arrow {
	width: .25rem;
	height: .14rem;
	background-image: url(../images/icon_arrow.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.icon_fire, .png.icon_fire {
	width: .17rem;
	height: .24rem;
	background-image: url(../images/icon_fire.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.ranking_list .icon_top1, .ranking_list .png.icon_top1 {
	width: .44rem;
	height: .43rem;
	background-image: url(../images/icon_top1.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.ranking_list .icon_top2, .ranking_list .png.icon_top2 {
	width: .39rem;
	height: .39rem;
	background-image: url(../images/icon_top2.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.ranking_list .icon_top3, .ranking_list .png.icon_top3 {
	width: .39rem;
	height: .39rem;
	background-image: url(../images/icon_top3.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.banner .logo, .banner .png.logo {
	width: 2.28rem;
	height: .68rem;
	background-image: url(../images/logo.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.pop_wrap .png.pop_head, .pop_wrap .pop_head {
	width: 2.91rem;
	height: 2.58rem;
	background-image: url(../images/pop_head.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.footer .small_select .png.selected:before, .footer .small_select .selected:before
	{
	width: .19rem;
	height: .14rem;
	background-image: url(../images/selected_min.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.png.selected:before, .selected:before {
	width: .23rem;
	height: .16rem;
	background-image: url(../images/selected.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_wrap .tuijian_gift .png.x2_card, .gift_wrap .tuijian_gift .x2_card
	{
	width: 2.02rem;
	height: 2.37rem;
	background-image: url(../images/x2_card.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.gift_wrap .icon_x2, .gift_wrap .png.icon_x2 {
	width: .33rem;
	height: .33rem;
	background-image: url(../images/x2.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat
}

.banner, .banner .logo {
	background-size: cover
}

body {
	font: 300 12px/1.5 "San Francisco", "Helvetica Neue", Helvetica,
		sans-serif;
	color: #333
}

body a {
	text-decoration: none;
	color: #333
}

button:focus {
	outline: 0
}

.active_bg {
	background-color: #37016f
}

.footer_bg {
	padding: .5rem 0;
	background-color: #1d1b2e
}

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

.clearfix {
	*zoom: 1
}

.banner, .circle, .conditions, .h1_title, .pop_head, .section_bg,
	.tab_btn_group, .timeline, .tuijian_gift {
	margin: 0 auto;
	background-position: top center
}

.banner {
	font-size: 0;
	margin-bottom: .4rem
}

.banner .logo {
	display: block;
	text-indent: -9999em;
	position: absolute;
	right: 0;
	top: .18rem
}

.main_content {
	width: 100%;
	padding: 0 .25rem
}

.section_bg {
	position: relative;
	background-color: #4b1b7e;
	border: 1px solid rgba(255, 255, 255, .2)
}

.h1_title {
	display: block;
	text-align: center;
	font-size: .34rem;
	font-weight: 700;
	color: #fffed0;
	line-height: .61rem;
	position: absolute;
	left: 0;
	right: 0
}

.timeline {
	margin-bottom: 1.1rem
}

.timeline .h1_title {
	top: -.45rem
}

.ul_timeline {
	padding: .6rem 0 .4rem;
	font-size: 0
}

.ul_timeline>li {
	display: inline-block;
	width: 20%;
	height: 1.2rem;
	color: #9376b2;
	text-align: center
}

.ul_timeline p {
	font-size: .24rem;
	line-height: 1.2
}

.ul_timeline .line_wrap {
	width: 100%;
	height: .3rem;
	margin: .2rem 0 .12rem;
	position: relative
}

.ul_timeline .circle, .ul_timeline .line_bg {
	position: absolute;
	left: 0;
	display: inline-block
}

.ul_timeline .circle {
	box-sizing: content-box;
	width: .14rem;
	height: .14rem;
	border-radius: 50%;
	background-color: #fece4d;
	border: .08rem solid #37016f;
	right: 0;
	z-index: 22
}

.ul_timeline .line_bg {
	width: 100%;
	height: .08rem;
	background-color: #37016f;
	top: 50%;
	margin-top: -.04rem
}

.ul_timeline>li:first-child .line_bg {
	width: 50%;
	right: 0;
	left: auto
}

.ul_timeline>li:last-child .line_bg {
	width: 50%;
	left: 0
}

li.active {
	color: #fff
}

li.active .line_bg {
	background-color: #fece4d
}

li.active .circle {
	background-color: #ff6050;
	border: .08rem solid #fece4d
}

li.active>p {
	position: relative
}

li.active .icon_fire {
	opacity: 1
}

.gift_wrap {
	margin-bottom: .64rem;
	padding-top: .7rem
}

.gift_wrap .h1_title {
	top: -.45rem;
	line-height: 1
}

.gift_wrap .h1_title>span {
	font-size: .24rem;
	position: relative;
	top: -.05rem
}

.gift_wrap .tab_btn_group {
	width: 4.46rem;
	height: .6rem;
	box-sizing: content-box;
	border: 1px solid #6f4998;
	background-color: #47167b;
	border-radius: .3rem;
	font-size: 0;
	margin-bottom: .68rem
}

.pop_wrap .pop_content, .select, .toast {
	box-sizing: border-box
}

.gift_wrap .tab_btn_group>a {
	display: inline-block;
	width: 50%;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	color: #fff;
	font-size: .28rem;
	border-radius: .3rem
}

.gift_wrap .tab_btn_group .active {
	background-color: #fece4d;
	color: #733117
}

.gift_wrap .gift_content>li {
	float: left;
	width: 3.15rem;
	height: 2rem;
	margin: 0 0 .64rem .24rem;
	position: relative
}

.gift_wrap .gift_content>li>i {
	position: absolute;
	left: 0;
	right: 0;
	top: -20%;
	margin: 0 auto
}

.gift_wrap .gift_1-2 {
	top: -25% !important
}

.gift_wrap .gift_1-4 {
	top: -10% !important
}

.gift_wrap .gift_2-1 {
	top: -25% !important
}

.gift_wrap .gift_title {
	margin-top: 1.3rem;
	text-align: center;
	line-height: .3rem;
	font-size: .24rem
}

.gift_wrap .gift_title>h3 {
	color: #fece4d
}

.gift_wrap .gift_title>p {
	color: #fff
}

.gift_wrap .tuijian_gift {
	width: 6.54rem;
	height: 2.5rem;
	background-color: #562886;
	border-radius: 2px;
	margin-bottom: .4rem;
	padding-left: 3rem;
	line-height: .36rem;
	position: relative
}

.gift_wrap .tuijian_gift>h2 {
	font-size: .28rem;
	color: #fece4d;
	padding: .1rem 0
}

.gift_wrap .tuijian_gift>p {
	font-size: .24rem;
	color: #fff
}

.gift_wrap .tuijian_gift .x2_card {
	position: absolute;
	left: .65rem;
	top: -.3rem
}

.gift_wrap .icon_x2 {
	position: absolute;
	right: .91rem;
	top: -.08rem
}

.gift_wrap .gift_rules {
	display: block;
	text-indent: -9999em;
	position: absolute;
	right: -1px;
	top: .1rem
}

.footer {
	width: 100%;
	height: 2rem;
	background-color: #4b1b7e;
	border-top: 1px #582c87 solid;
	padding: .3rem .5rem;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	font-size: 0
}

.footer .small_select {
	display: block;
	width: 100%;
	height: .3rem;
	font-size: .24rem;
	color: #fff;
	margin-bottom: .4rem
}

.footer .small_select>a {
	color: #fece4d
}

.footer .small_select .select {
	top: .05rem
}

.footer .small_select .selected:before {
	width: .19rem;
	height: .14rem;
	top: .08rem;
	background-position: top center
}

.footer .btn_sign_up {
	display: inline-block;
	width: 2.9rem;
	height: .66rem;
	line-height: .66rem;
	background-color: #ffbd1d;
	text-align: center;
	color: #733117;
	font-size: .28rem;
	border-radius: 2px;
	text-decoration: none;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, .2)
}

.footer .btn_share {
	position: absolute;
	top: 1rem;
	right: .5rem
}

.footer .btn_rules {
	position: absolute;
	right: 0;
	top: -.94rem;
	z-index: 99
}

.footer .disable {
	background-color: #ccc;
	color: #666
}

.select {
	display: inline-block;
	width: .3rem;
	height: .3rem;
	background-color: #37016f;
	border: 1px solid #fff;
	border-radius: 1px;
	margin-right: .18rem;
	position: relative;
	top: .06rem
}

.selected:before {
	content: "";
	display: block;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: .06rem;
	z-index: 1
}

.pop_wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 888
}

.pop_wrap .pop_content {
	width: 6.4rem;
	min-height: 3.48rem;
	background-color: #4b1b7e;
	border-radius: 6px;
	position: absolute;
	left: 50%;
	top: 35%;
	margin: -1.75rem 0 0 -3.2rem;
	z-index: 900;
	padding: .5rem 0 0
}

.pop_wrap .large_pop.pop_content {
	top: 25%
}

.pop_wrap .head_img.pop_content {
	padding: 1.8rem 0 0
}

.pop_wrap .pop_main {
	color: #fff;
	font-size: .28rem;
	padding: 0 .36rem
}

.pop_wrap .pop_main>p {
	padding: .4rem 0 1.2rem;
	line-height: 1.5
}

.pop_wrap .pop_main.margin-bottom {
	margin-bottom: .2rem
}

.pop_wrap .btn_ok {
	display: block;
	width: 100%;
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	font-size: .28rem
}

.pop_wrap .pop_title {
	color: #fece4d;
	font-size: .4rem;
	text-align: center
}

.pop_wrap footer {
	height: .98rem;
	padding: .2rem 0;
	text-align: right
}

.pop_wrap footer.btn_group {
	width: 100%;
	font-size: 0;
	color: #fece4d;
	border-top: 1px rgba(255, 255, 255, .1) solid
}

.pop_wrap footer.btn_group>button {
	background: 0 0;
	color: #fece4d;
	border: none
}

.pop_wrap footer.btn_group .btn_cancel, .pop_wrap footer.btn_group .btn_ok
	{
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	font-size: .28rem
}

.pop_wrap footer.btn_group .btn_cancel {
	height: .58rem;
	line-height: .58rem;
	text-align: center;
	border-right: 1px rgba(255, 255, 255, .1) solid
}

.pop_wrap .pop_img_wrap {
	width: 100%;
	max-height: 4rem;
	margin: 0 auto;
	overflow: hidden;
	text-align: center
}

.pop_wrap .pop_img_wrap>img {
	display: block;
	width: 100%;
	height: 100%
}

.icon_fire, .toast>p {
	display: inline-block
}

.pop_wrap .pop_head {
	position: absolute;
	left: 0;
	right: 0;
	top: -.6rem
}

.pop_wrap .pop_main>ul {
	max-height: 7.8rem;
	padding: 10px 12px 10px 0;
	overflow-x: hidden;
	overflow-y: scroll;
	word-wrap: break-word;
	word-break: break-all
}

.pop_wrap .pop_main>ul>li {
	font-size: .28rem;
	line-height: .5rem;
	color: #fff
}

.pop_wrap .h1_title {
	top: -.3rem
}

.pop_wrap .btn_close {
	width: .74rem;
	height: .74rem;
	font-size: 0;
	background-size: .35rem .36rem;
	background-position: center center;
	background-color: #4b1b7e;
	border-radius: 50%;
	position: absolute;
	right: -.24rem;
	top: -.37rem
}

@media only screen and (min-device-width:320px) and
	(max-device-height:568px) and (-webkit-min-device-pixel-ratio:2) and
	(orientation:portrait) {
	.footer .small_select .select {
		top: 0
	}
	.conditions {
		width: 6.4rem
	}
	.invitee_info .user_dialog:before {
		top: 35px
	}
	.invitee_info .user_dialog:after {
		top: 37px
	}
}

.toast {
	width: 100%;
	padding: 0 20px;
	text-align: center;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 999
}

.toast>p {
	padding: 10px;
	font-size: 15px;
	color: #fdfdfd;
	line-height: 20px;
	background-color: #000;
	border-radius: 3px
}

.pc_web {
	width: 435px;
	height: auto;
	margin: 0 auto
}

.icon_fire {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	opacity: 0
}

.post_list {
	min-height: 4.9rem;
	padding: .8rem .3rem;
	margin-bottom: 3.3rem
}

.post_list .h1_title {
	top: -.45rem
}

.post_list li {
	display: block;
	height: .6rem;
	border: 1px solid #5f348c;
	border-bottom: none
}

.post_list li>a {
	display: block;
	line-height: .6rem;
	color: #fefefe;
	font-size: .24rem;
	text-indent: .36rem
}

.post_list .list_more {
	display: block;
	height: .7rem;
	line-height: .7rem;
	border: 1px solid #5f348c;
	color: #fece4d;
	font-size: .28rem;
	text-align: center
}

.post_list .icon_arrow {
	display: inline-block;
	margin-left: .12rem;
	position: relative;
	top: -.02rem
}

.ranking_list {
	padding: .76rem .3rem 0;
	margin-bottom: 1.1rem
}

.ranking_list .h1_title {
	top: -.45rem;
	line-height: 1
}

.ranking_list .h1_title>span {
	font-size: .24rem;
	position: relative;
	top: -.05rem
}

.ranking_list .ranking_nav {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	background-color: #e00074;
	font-size: 0
}

.ranking_list .ranking_nav>li {
	display: inline-block;
	width: 1.4rem;
	height: .6rem;
	line-height: .6rem;
	margin: 0 .09rem
}

.ranking_list .ranking_nav>li>a {
	display: block;
	width: 1.4rem;
	height: .6rem;
	text-align: center;
	font-size: .24rem;
	color: #fefefe
}

.ranking_list .active>a {
	background-color: #ea3498
}

.ranking_list .ranking_content {
	width: 100%;
	height: auto;
	background: url(../images/list_bg.jpg?t=1509699043294) top center
		no-repeat #581f96;
	background-size: cover
}

.ranking_list .ranking_top3 {
	width: 100%;
	height: 3.02rem;
	font-size: 0
}

.ranking_list .ranking_top3>li {
	float: left;
	width: 33.33%;
	height: 3.02rem
}

.ranking_list .ranking_top3>li>a {
	display: block;
	width: 100%;
	height: 3.02rem;
	padding-top: .42rem;
	text-align: center
}

.ranking_list .rank_avatar {
	width: 1.35rem;
	height: 1.35rem;
	margin: 0 auto;
	border-radius: 50%;
	margin-bottom: .18rem;
	position: relative
}

.ranking_list .icon_top1, .ranking_list .icon_top2, .ranking_list .icon_top3
	{
	position: absolute;
	right: .04rem;
	top: -.2rem
}

.ranking_list .gift_num {
	display: block;
	width: .26rem;
	height: .26rem;
	line-height: .26rem;
	border-radius: 50%;
	position: absolute;
	right: .22rem;
	bottom: .01rem;
	background-color: #ff7e00;
	text-align: center;
	color: #fff;
	font-size: .24rem;
	z-index: 2
}

.ranking_list .rank_gift_wrap {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 3px 3px 2px rgba(205, 45, 202, .35);
	overflow: hidden
}

.ranking_list .rank_name {
	color: #fff;
	font-size: .28rem;
	line-height: 1
}

.ranking_list .profit, .ranking_list .tuijian_name {
	display: inline-block;
	width: 100%;
	color: #fece4d;
	font-size: .24rem;
	line-height: 1.5
}

.ranking_list .profit {
	color: #fff
}

.ranking_list .top_one>a {
	padding-top: .36rem !important
}

.ranking_list .top_one .rank_avatar {
	width: 1.5rem;
	height: 1.5rem;
	margin-bottom: .09rem
}

.ranking_list .update_time {
	color: #9376b2;
	text-align: left;
	line-height: .72rem
}

.ranking_list .update_tips {
	color: #9376b2;
	text-align: left;
	line-height: 1.5;
	margin-bottom: .6rem
}

.txt_overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ranking_table {
	width: 100%;
	text-align: center;
	border: 1px solid #703ba7;
	border-top: none
}

.ranking_table>thead>tr {
	height: .6rem;
	line-height: .6rem;
	font-size: .24rem;
	color: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(248, 43, 157, .8)),
		to(rgba(163, 41, 164, .8)))
}

.ranking_table>thead>tr>th:nth-child(1) {
	width: .85rem
}

.ranking_table>thead>tr>th:nth-child(2) {
	width: 1.3rem
}

.ranking_table>thead>tr>th:nth-child(3) {
	width: 2.9rem
}

.ranking_table>tbody>tr {
	height: .96rem
}

.ranking_table>tbody>tr>td:nth-child(1) {
	width: .85rem
}

.ranking_table>tbody>tr>td:nth-child(2) {
	width: 1.3rem
}

.ranking_table>tbody>tr>td:nth-child(3) {
	width: 2.9rem
}

.ranking_table>tbody>tr>td {
	line-height: 1.1;
	height: .96rem;
	color: #fff;
	font-size: .24rem;
	vertical-align: middle
}

.ranking_table>tbody>tr>td>a {
	color: #fff
}

.ranking_table>tbody>tr>td>span {
	color: #fece4d
}

.ranking_table .gift_mini {
	display: inline-block;
	width: .66rem;
	height: .66rem;
	border-radius: 50%;
	background-color: #fff;
	overflow: hidden;
	font-size: 0;
	line-height: 1;
	position: relative;
	top: .04rem
}

.ranking_table .gift_mini>img {
	display: block;
	margin: 0 auto;
	position: relative
}

.ranking_list .list_more {
	display: block;
	height: .7rem;
	line-height: .7rem;
	border: 1px solid #703ba7;
	border-top: none;
	color: #fece4d;
	font-size: .28rem;
	text-align: center
}

.ranking_list .icon_arrow {
	display: inline-block;
	margin-left: .12rem;
	position: relative;
	top: -.02rem;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.rotate180 {
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.gift_img {
	display: block;
	margin: 0 auto;
	position: relative
}

.macbook {
	width: 1.65rem;
	height: .86rem;
	top: 15%
}

.iphonex {
	width: .49rem;
	height: .98rem;
	top: 15%
}

.kindle {
	width: .65rem;
	height: .92rem;
	top: 15%
}

.kindle_s {
	width: .36rem;
	height: .51rem;
	top: 10%
}

.keyboard {
	width: 1.61rem;
	height: .88rem;
	top: 25%;
	left: -5%
}

.keyboard_s {
	width: .95rem;
	height: .53rem;
	top: 12%;
	left: -20%
}

.gift_300, .gift_500 {
	width: 1rem;
	height: .63rem;
	top: 26%
}

.gift_erji {
	width: .72rem;
	height: .97rem;
	top: 12%
}

.gift_shubiao1 {
	width: .31rem;
	height: .55rem;
	top: 10%
}

.gift_shubiao2 {
	width: .34rem;
	height: .59rem;
	top: 5%
}

.gift_cdb_s {
	width: .43rem;
	height: .53rem;
	top: 10%
}

.gift_cdb {
	width: .8rem;
	height: 1rem;
	top: 12%
}

.gift_redpocket {
	width: 1rem;
	height: 1.1rem;
	top: 10%
}

.my_account, .sign_up_end {
	width: 100%;
	height: 2rem;
	background-color: #4b1b7e;
	position: absolute;
	left: 0;
	top: 1px;
	z-index: 2
}

.my_account {
	padding: .3rem .5rem
}

.my_account>p {
	color: #fff;
	font-size: .28rem;
	line-height: 1
}

.my_account>p>span {
	color: #fece4d
}

.my_account>p:first-child {
	margin-top: .2rem;
	margin-bottom: .4rem
}

.my_account .btn_account {
	position: absolute;
	right: .5rem;
	bottom: .5rem
}

.sign_up_end>span {
	display: inline-block;
	color: #fff;
	font-size: .28rem;
	line-height: 2rem;
	text-align: center;
	margin: 0 1.2rem
}