/*!
 * @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
}

.center_foot .icon_logo, .icon_arrow, .person_center .icon_down,
	.person_center .icon_down_s, .person_center .icon_up, .person_center .icon_up_s,
	.png.icon_arrow, .pop_wrap .btn_close, .pop_wrap .png.btn_close,
	.pop_wrap .png.pop_head, .pop_wrap .pop_head {
	background-size: contain;
	background-repeat: no-repeat
}

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

.center_foot .btn_sign_up, .inviter_content .btn_inviter {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
	text-decoration: none
}

.position_content>h2, .transfer_postion>h2 {
	text-indent: .24rem;
	border-bottom: 1px #5f348c solid
}

.award_list .tp_ul>li>a>.stock_name, .ol_transfer_postion .tp_ul>li>a .stock_name>i,
	.ol_transfer_postion .tp_ul>li>a .stock_name>p, .person_center .user_id,
	.position_content .stock_name>i, .position_content .stock_name>p,
	.position_content .ul_position>li>a>span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

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
}

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;
	position: relative
}

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 {
	box-sizing: border-box;
	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;
	box-sizing: border-box;
	-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
	}
}

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

.person_center .icon_down_s {
	width: .12rem;
	height: .18rem;
	background-image: url(../images/center/icon_down_s.png?t=1509699043294)
}

.person_center .icon_down {
	width: .18rem;
	height: .26rem;
	background-image: url(../images/center/icon_down.png?t=1509699043294)
}

.center_foot .icon_logo {
	width: .8rem;
	height: .61rem;
	background-image: url(../images/center/icon_logo.png?t=1509699043294)
}

.person_center .icon_up_s {
	width: .12rem;
	height: .18rem;
	background-image: url(../images/center/icon_up_s.png?t=1509699043294)
}

.person_center .icon_up {
	width: .18rem;
	height: .26rem;
	background-image: url(../images/center/icon_up.png?t=1509699043294)
}

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

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

body {
	font: 300 14px/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
}

.center_foot, .person_center, .section_bg {
	background-color: #4b1b7e
}

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

.clearfix {
	*zoom: 1
}

.person_center {
	width: 100%;
	height: 3.4rem;
	border-bottom: 1px rgba(255, 255, 255, .2) solid;
	padding: .23rem .25rem 0
}

.person_center .user_id {
	float: left;
	width: 4rem;
	height: .46rem;
	line-height: .46rem;
	color: #fff;
	font-size: .28rem;
	margin-left: .32rem
}

.person_center .user_id_content {
	margin-bottom: .2rem
}

.person_center .user_id_content>a {
	float: right;
	width: 1.2rem;
	height: .46rem;
	line-height: .42rem;
	text-align: center;
	color: #fff;
	font-size: .28rem;
	border: 1px solid #6f3ba6;
	border-radius: 3px
}

.person_center .btn_list {
	margin-left: .18rem
}

.person_center .user_num_content {
	width: 100%;
	height: 1.28rem;
	border-bottom: 1px #5f348c solid
}

.person_center .total_income {
	float: left;
	width: 4rem;
	margin-left: .32rem;
	color: #ceb8e6
}

.person_center .icon_down, .person_center .icon_up {
	margin-left: .14rem;
	display: inline-block
}

.person_center .total_num {
	color: #ff5959;
	font-size: .4rem;
	line-height: 1;
	font-weight: 700;
	margin-bottom: .4rem
}

.person_center .total_rank {
	font-size: .28rem;
	line-height: 1
}

.person_center .icon_down {
	position: relative;
	top: .04rem
}

.person_center .icon_down_s, .person_center .icon_up_s {
	display: inline-block;
	margin-left: .12rem;
	position: relative;
	top: .03rem
}

.person_center .list_rank {
	float: right;
	width: 2.58rem;
	color: #ceb8e6;
	font-size: .24rem;
	line-height: 1.5
}

.person_center .trade_today {
	width: 100%;
	box-sizing: border-box;
	padding: .1rem 0;
	height: 1.22rem;
	font-size: 0
}

.person_center .trade_today>li {
	display: inline-block;
	width: 25%;
	height: 1rem;
	font-size: .24rem;
	color: #ceb8e6;
	text-align: center;
	line-height: 1;
	padding-top: .22rem
}

.person_center .trade_today>li>p {
	line-height: .56rem;
	font-size: .28rem;
	color: #fff
}

.person_center .trade_today>li+li {
	border-left: 1px #5f348c solid
}

.color_up {
	color: #ff5959 !important
}

.color_down {
	color: #6fac10 !important
}

.main_content {
	width: 100%;
	box-sizing: border-box;
	padding: 0 .25rem
}

.canvas_wrap {
	width: 100%;
	margin: .58rem auto
}

.canvas_wrap>h1 {
	color: #fff;
	font-size: .32rem;
	line-height: 1;
	font-weight: 400;
	margin-bottom: .4rem
}

.canvas_wrap .canvas_content {
	width: 100%;
	height: auto
}

.section_bg {
	position: relative;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 3px;
	margin-bottom: .4rem
}

.ol_transfer_postion>li+li .tp_title, .position_content li+li {
	border-top: 1px #5f348c solid
}

.inviter_content {
	padding: .2rem .4rem;
	font-size: .26rem;
	color: #fff;
	position: relative
}

.inviter_content .btn_inviter {
	display: inline-block;
	width: 2.1rem;
	height: .56rem;
	line-height: .56rem;
	background-color: #ffbd1d;
	text-align: center;
	color: #733117;
	font-size: .28rem;
	border-radius: 2px;
	position: absolute;
	right: .55rem;
	top: .32rem
}

.position_content {
	font-size: .28rem;
	color: #fff
}

.position_content>h2 {
	font-size: .32rem;
	line-height: .64rem
}

.position_content .ul_position>li {
	box-sizing: border-box;
	height: .86rem;
	line-height: .86rem;
	padding: 0 .24rem
}

.position_content .ul_position>li>a {
	display: block;
	width: 100%;
	height: .86rem;
	color: #fff
}

.position_content .ul_position>li>a>span {
	float: left;
	display: inline-block
}

.position_content .ul_position>li>a span:nth-child(2) {
	width: 30%
}

.position_content .ul_position>li>a span:nth-child(3) {
	width: 30%
}

.position_content .ul_position>li>a i {
	display: inline-block
}

.position_content .stock_name {
	width: 40%;
	float: left;
	line-height: 1;
	margin-top: .08rem
}

.position_content .stock_name>p {
	font-size: .28rem;
	color: #fff;
	line-height: 1.4
}

.position_content .stock_name>i {
	width: 100%;
	font-size: .24rem;
	color: #ceb8e6
}

.position_content .stock_price {
	color: #ceb8e6;
	font-size: .24rem;
	text-align: right
}

.transfer_postion {
	margin-bottom: 1.8rem
}

.transfer_postion>h2 {
	color: #fff;
	font-size: .32rem;
	line-height: .64rem
}

.ol_transfer_postion {
	width: 100%
}

.ol_transfer_postion>li {
	display: block;
	padding: 0;
	height: auto;
	line-height: 1
}

.ol_transfer_postion .tp_title {
	padding-right: .24rem;
	color: #fff;
	height: .64rem;
	border-bottom: 1px #5f348c solid;
	background-color: #5c2894;
	position: relative
}

.ol_transfer_postion .tp_title>h2 {
	position: absolute;
	left: .24rem;
	top: 0;
	font-size: .32rem;
	line-height: .6rem
}

.ol_transfer_postion .tp_title>h3 {
	font-size: .24rem;
	position: absolute;
	left: .24rem;
	top: 0;
	line-height: .6rem
}

.ol_transfer_postion .tp_title>span {
	float: right;
	font-size: .24rem;
	text-align: right;
	line-height: .6rem
}

.ol_transfer_postion .tp_title .tp_time {
	margin: 0 .3rem
}

.ol_transfer_postion .tp_ul {
	display: block;
	width: 100%;
	height: auto
}

.ol_transfer_postion .tp_ul>li {
	width: 100%;
	height: 1rem;
	position: relative
}

.ol_transfer_postion .tp_ul>li>a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 1rem;
	color: #fff;
	padding: 0 .24rem
}

.ol_transfer_postion .tp_ul>li>a .deal_right {
	float: right;
	width: 60%;
	line-height: 1;
	text-align: right;
	margin-top: .1rem
}

.ol_transfer_postion .tp_ul>li>a .deal_right>p {
	font-size: .28rem;
	line-height: 1.7
}

.ol_transfer_postion .tp_ul>li>a .deal_right>span {
	font-size: .24rem;
	color: #ceb8e6
}

.ol_transfer_postion .tp_ul>li>a .stock_name {
	width: 40%;
	float: left;
	line-height: 1;
	margin-top: .1rem
}

.ol_transfer_postion .tp_ul>li>a .stock_name>p {
	font-size: .28rem;
	color: #fff;
	line-height: 1.7
}

.ol_transfer_postion .tp_ul>li>a .stock_name>i {
	display: inline-block;
	width: 100%;
	font-size: .24rem;
	color: #ceb8e6
}

.ol_transfer_postion .tp_ul>li .link_detail {
	display: inline-block;
	width: 1.2rem;
	height: .4rem;
	border: 1px solid #6f3ba6;
	text-align: center;
	line-height: .4rem;
	color: #fece4d;
	font-size: .24rem;
	border-radius: 2px;
	position: absolute;
	right: .94rem;
	top: .1rem;
	padding: 0;
	z-index: 22
}

.center_foot, .list_more, .ol_transfer_postion .tp_ul>li+li {
	border-top: 1px #5f348c solid
}

.list_more {
	display: block;
	height: .8rem;
	line-height: .8rem;
	color: #fece4d;
	font-size: .28rem;
	text-align: center
}

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

.center_foot {
	width: 100%;
	height: 1.5rem;
	box-sizing: border-box;
	padding: .32rem;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99
}

.center_foot .icon_logo {
	float: left;
	margin-right: .14rem;
	margin-top: .1rem
}

.center_foot>h1 {
	font-size: .32rem;
	line-height: 1;
	color: #fff;
	margin-bottom: .16rem
}

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

.center_foot .btn_sign_up {
	display: inline-block;
	width: 2rem;
	height: .66rem;
	line-height: .66rem;
	background-color: #ffbd1d;
	text-align: center;
	color: #733117;
	font-size: .28rem;
	border-radius: 2px;
	position: absolute;
	right: .3rem;
	top: .44rem
}

.center_foot .btn_download {
	background-color: #d5b1fb;
	color: #37016f
}

.award_list {
	margin: .6rem auto
}

.award_list .tp_ul>li>a>.stock_name {
	width: 54%;
	font-size: .26rem;
	font-weight: 700;
	line-height: 1rem;
	margin-top: 0
}

.award_list .tp_ul>li>a .deal_right {
	width: 46%;
	position: relative
}

.award_list .tp_ul>li>a .deal_right>p {
	font-size: .24rem
}

.toast {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	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;
	display: inline-block
}

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

.no_gift {
	width: 100%;
	height: 5.5rem;
	box-sizing: border-box;
	background: url(../images/center/no_gift.jpg?t=1509699043294) top center
		no-repeat;
	background-size: 6rem 4.62rem;
	margin-top: 1rem;
	font-size: .6rem;
	line-height: 1;
	padding-top: 4.85rem;
	text-align: center;
	color: #3c2b80
}

.icon_wenhao {
	color: #fff;
	font-size: .24rem;
	background: url(../images/center/icon_wenhao.png?t=1509699043294) right
		center no-repeat;
	background-size: .26rem .26rem;
	padding-right: .36rem
}

.week_rank {
	color: #ceb8e6
}

.single_icon {
	display: inline-block;
	width: .48rem;
	height: .6rem;
	background-position: center center;
	position: absolute;
	top: 0;
	right: -.48rem
}

.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;
	box-sizing: border-box;
	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%
}

.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
}

.h1_title {
	width: 3.89rem;
	height: .69rem;
	background-image: url(../images/h1_title.png?t=1509699043294);
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	text-align: center;
	font-size: .34rem;
	font-weight: 700;
	color: #fffed0;
	line-height: .61rem;
	position: absolute;
	left: 0;
	right: 0;
	top: -.3rem;
	margin: 0 auto;
	background-position: top center
}

.pop_new .warning_p {
	color: #fece4d
}

.pop_new ol li {
	margin: .4rem 0
}

.pop_new h3 {
	text-align: center;
	margin-bottom: .2rem
}

.pop_new .scroll_wrap {
	width: 100%;
	height: 5rem;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom: .3rem
}

.pop_new table {
	width: 100%
}

.pop_new tr {
	width: 100%;
	height: .6rem;
	line-height: .6rem;
	border-top: 1px #5f348c solid
}

.pop_new tr td:nth-child(1) {
	width: 30%
}

.pop_new tr td:nth-child(2) {
	width: 70%;
	text-align: right
}

body.dialog-open {
	position: fixed;
	width: 100%;
}