/*!
 * @project:h5_source_www
 * @version:0.0.1
 * @author:* @update:2019-03-29 11:22:09 am
 */
@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
}

body,
body a {
	color: #333
}

a,
body a,
body a:hover {
	text-decoration: none
}

.container,
.text {
	text-align: center
}

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

[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;
	color: #FFF;
    background: #407FFF;
    width: 1.5rem;
    border: 0;
    border-radius: .06rem;
    position: relative;
    margin-right: .12rem;
    font-size: 20px;
}

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: 24.62px
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
	margin: 0;
	padding: 0;
	font-family: PingFangSC-Regular, sans-serif
}

body {
	font: 300 14px/1.5 "San Francisco", "Helvetica Neue", Helvetica, sans-serif
}

body a:hover {
	color: #fff
}

.container {
	width: 11.8rem;
	margin: 0 auto;
	cursor: pointer
}

.con {
	width: 100%;
	margin: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500
}

.home,
.home .btns {
	position: relative
}

.flex_two {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 .6rem
}

.flex_two .text,
.flex_two img {
	width: 5.2rem
}

.text h5 {
	font-size: .5rem;
	color: #1B1B1B
}

.text span {
	display: inline-block;
	width: 1.84rem;
	height: .1rem;
	background: #407FFF
}

.text p {
	color: #3F3F3F;
	font-size: .2rem;
	margin-top: .5rem;
	text-align: left
}

input::-webkit-input-placeholder {
	color: #CDCDCD;
	opacity: 1
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0
}

.shop_category::-ms-expand {
	display: none
}

.common_title {
	margin-bottom: .4rem
}

.common_title .title_text {
	font-size: .44rem;
	font-family: MicrosoftYaHei;
	font-weight: 500;
	color: #0c171b;
	line-height: .8rem
}

.common_title .title_tips {
	font-size: .18rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #b3b3b3;
	line-height: .26rem
}

.home {
	width: 100%;
	min-width: 12rem;
	height: 5.92rem;
	padding-top: .66rem
}

.home .home_con {
	padding: 0 .35rem;
	width: 100%;
	background: #fff;
	min-height: .66rem;
	line-height: .66rem;
	box-shadow: 0 0 .02rem .02rem #e6e4e4
}

.home .home_con .top a,
.home .home_con .top a span {
	display: inline-block;
	line-height: .56rem;
	font-weight: 700
}

.home .home_con img {
	width: 1.42rem;
	height: .52rem;
	margin-top: .08rem;
	float: left
}

.home .home_con .top {
	float: right;
	color: #282828
}

.home .home_con .top a {
	padding: .05rem .1rem;
	font-size: .14rem;
	font-family: PingFangSC-Medium, sans-serif;
	width: 1.16rem;
	text-align: center
}

.home .home_con .top a span {
	color: #000
}

.home .home_con .top .actived,
.home .home_con .top a span:hover {
	border-bottom: .05rem solid #407FFF;
	color: #407FFF;
	margin-bottom: -.05rem
}

.home .btns {
	width: 100%;
	height: 5.28rem;
	text-align: center
}

.home .btns .introduce {
	width: 5.7rem;
	position: absolute;
	top: 20%;
	left: 0
}

.home .btns .introduce .introduce_content {
	text-align: left
}

.home .btns .introduce .introduce_content .content_title {
	font-size: .46rem;
	font-family: MicrosoftYaHei-Bold;
	font-weight: 700;
	color: #252525;
	line-height: .5rem
}

.home .btns .introduce .introduce_content .content_autotype {
	font-size: .28rem;
	font-weight: 500;
	color: #252525;
	font-family: SNOWREN-
}

.home .btns .introduce .introduce_content span {
	display: block;
	font-weight: 450;
	min-height: .69rem
}

.home .btns .introduce .introduce_content img {
	display: block;
	margin-bottom: .2rem
}

.home .btns .introduce .introduce_app {
	font-size: .16rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #a3a3a3;
	line-height: .24rem;
	letter-spacing: .01rem
}

.home .btns .introduce .introduce_qrcode_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: .2rem;
	position: relative
}

.home .btns .introduce .introduce_qrcode_box button {
	outline: 0;
	font-size: .14rem;
	line-height: .4rem;
	color: #FFF;
	background: #252525;
	width: 1.5rem;
	border: 0;
	border-radius: .06rem;
	position: relative;
	margin-right: .12rem
}

.home .btns .introduce .introduce_qrcode_box .ios img {
	display: none;
	width: 1.5rem;
	height: 1.5rem;
	background: #252525;
	position: absolute;
	top: .4rem;
	left: 0;
	z-index: 10
}

.home .btns .introduce .introduce_qrcode_box .android img {
	display: none;
	width: 1.5rem;
	height: 1.5rem;
	background: #252525;
	position: absolute;
	top: .4rem;
	left: 1.62rem;
	z-index: 10
}

.home .btns .show_t {
	position: absolute;
	right: 4%;
	top: 13%;
	height: auto;
	width: 5.2rem
}

.business {
	height: 8.26rem;
	width: 100%;
	background: #407FFF;
	color: #fff;
	position: relative
}

.business #phonex,
.business .swiper-container {
	height: 8.26rem;
	width: 4.13rem;
	top: -16%;
	left: 62%
}

.business #phonex {
	position: absolute;
	z-index: 200
}

.business .swiper-container {
	position: absolute
}

.business .home_f {
	position: absolute;
	display: block;
	height: 7.9rem;
	right: .22rem;
	top: .2rem;
	z-index: 55
}

.business .left_wz {
	position: relative;
	color: #fff;
	text-align: left
}

.business .left_wz li {
	font-size: .2rem;
	margin-bottom: .8rem
}

.business .left_wz li .totop {
	animation: totop 1s forwards;
	-moz-animation: totop 1s forwards;
	-webkit-animation: totop 1s forwards;
	-o-animation: totop 1s forwards
}

@-webkit-keyframes totop {
	20% {
		margin-top: .1rem
	}

	100% {
		margin-top: .5rem
	}
}

@keyframes totop {
	20% {
		margin-top: .1rem
	}

	100% {
		margin-top: .5rem
	}
}

.business .left_wz li .line_box {
	width: .99rem;
	height: .02rem;
	background: rgba(0, 0, 0, .3)
}

.business .left_wz li .actived {
	width: 3.2rem
}

.business .left_wz li .line {
	height: .01rem;
	width: .99rem;
	border: 1px solid #fff
}

.business .left_wz li .select_line {
	animation: progress 2s forwards;
	-moz-animation: progress 2s forwards;
	-webkit-animation: progress 2s forwards;
	-o-animation: progress 2s forwards
}

.business .left_wz li span {
	font-size: .16rem;
	color: #fff;
	font-weight: 500
}

.business .left_wz li .fontbig {
	animation: fontbig .5s forwards;
	-moz-animation: fontbig .5s forwards;
	-webkit-animation: fontbig .5s forwards;
	-o-animation: fontbig .5s forwards
}

@-webkit-keyframes progress {
	20% {
		width: 1rem
	}

	100% {
		width: 3.2rem
	}
}

@keyframes progress {
	20% {
		width: 1rem
	}

	100% {
		width: 3.2rem
	}
}

@-webkit-keyframes fontbig {
	0% {
		font-size: .2rem
	}

	100% {
		font-size: .4rem
	}
}

@keyframes fontbig {
	0% {
		font-size: .2rem
	}

	100% {
		font-size: .4rem
	}
}

.business .left_wz li h4 {
	height: 100%;
	display: block;
	float: left;
	margin-top: .1rem
}

.business .left_wz li .right_area {
	margin-left: .3rem;
	height: .74rem
}

.business .left_wz li .right_area h5 {
	font-size: .2rem;
	font-weight: 500;
	color: #fff
}

.business .left_wz li:first-child {
	padding-top: 1.75rem
}

.platform_advantage {
	height: 10.02rem;
	background: #fff;
	text-align: center;
	overflow: hidden
}

.platform_advantage .platform_advantage_box {
	width: 12.06rem;
	margin: 0 auto;
	padding-top: .8rem
}

.platform_advantage .platform_advantage_box .advantage_content {
	width: 100%;
	height: 7.8rem;
	overflow: hidden
}

.platform_advantage .platform_advantage_box .advantage_content li {
	float: left;
	width: 3.9rem;
	height: 3.9rem;
	border-right: .02rem solid #EBF0F3;
	border-bottom: .02rem solid #EBF0F3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	position: relative
}

.platform_advantage .platform_advantage_box .advantage_content li .content_icon {
	width: 1.22rem;
	height: 1.22rem;
	position: absolute;
	top: 0;
	left: 0
}

.platform_advantage .platform_advantage_box .advantage_content li .content_icon img {
	width: 100%;
	height: 100%
}

.platform_advantage .platform_advantage_box .advantage_content li .content_item_img {
	width: .9rem;
	height: .9rem;
	margin-bottom: .1rem
}

.platform_advantage .platform_advantage_box .advantage_content li .content_item_img img {
	width: 100%;
	height: 100%
}

.platform_advantage .platform_advantage_box .advantage_content li .content_item_name {
	font-size: .36rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #000;
	line-height: .7rem
}

.platform_advantage .platform_advantage_box .advantage_content li .content_item_info {
	width: 2.2rem;
	font-size: .18rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #a3a3a3;
	line-height: .24rem
}

.platform_advantage .platform_advantage_box .advantage_content li:nth-child(3n) {
	border-right: 0 none
}

.platform_advantage .platform_advantage_box .advantage_content li:last-child .content_item_img {
	width: .6rem;
	height: .6rem;
	margin-bottom: .1rem
}

.platform_advantage .platform_advantage_box .advantage_content li:last-child .content_item_img img {
	width: 100%;
	height: 100%
}

.sea_shop_box {
	background: #eee
}

.sea_shop_box .shop_content {
	width: 12.06rem;
	height: 2.3rem;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.sea_shop_box .shop_content li {
	width: 25%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.sea_shop_box .shop_content li .shop_text_box {
	font-size: .6rem;
	font-family: PingFang-SC-Light;
	font-weight: 300;
	color: #f6af12;
	position: relative
}

.sea_shop_box .shop_content li .shop_text_box .text_plus {
	position: absolute;
	top: 0;
	right: -.3rem;
	font-size: .34rem;
	font-family: PingFang-SC-Light;
	font-weight: 300;
	color: #f6af12;
	line-height: .4rem
}

.course_channel .course_content .course_content_title li .c_title_text,
.sea_shop_box .shop_content li .shop_name {
	font-size: .28rem;
	color: #000;
	line-height: .42rem;
	font-family: MicrosoftYaHei;
	font-weight: 400
}

.course_channel {
	height: 8.8rem;
	background: #fff;
	padding-top: .8rem
}

.course_channel .course_content .course_content_title {
	height: 1.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .6rem
}

.course_channel .course_content .course_content_title li {
	width: 33%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-top: .2rem;
	border-bottom: 1px solid #EBF0F3
}

.course_channel .course_content .course_content_title li .c_title_tips {
	font-size: .18rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #b3b3b3;
	line-height: .24rem
}

.course_channel .course_content .course_content_title li.actived {
	border-bottom: .05rem solid #F6AF12
}

.course_channel .course_content .course_content_tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.course_channel .course_content .course_content_tab li {
	width: 33%;
	text-align: left
}

.course_channel .course_content .course_content_tab li .tab_title_box {
	height: 1.98rem;
	margin-bottom: .3rem;
	-webkit-transition: 1s all;
	transition: 1s all
}

.course_channel .course_content .course_content_tab li .tab_title_box .tab_title_index {
	font-size: .2rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #bdbdbd;
	line-height: .3rem
}

.course_channel .course_content .course_content_tab li .tab_title_box .tab_title_title {
	font-size: .2rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #000;
	line-height: .64rem
}

.course_channel .course_content .course_content_tab li .tab_title_box .tab_title_tip {
	font-size: .14rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #a3a3a3;
	line-height: .26rem
}

.course_channel .course_content .course_content_tab li .tab_content_box {
	width: 3.28rem;
	height: 1.48rem;
	-webkit-transition: 1s all;
	transition: 1s all;
	position: relative
}

.course_channel .course_content .course_content_tab li .tab_content_box .tab_content_masked {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	-webkit-transition: 1s all;
	transition: 1s all
}

.course_channel .course_content .course_content_tab li .tab_content_box img {
	width: 100%;
	height: 100%
}

.course_channel .course_content .course_content_tab li:hover .tab_title_box {
	-webkit-transform: translate(0, 1.78rem);
	transform: translate(0, 1.78rem)
}

.course_channel .course_content .course_content_tab li:hover .tab_content_box {
	-webkit-transform: translate(0, -2.4rem);
	transform: translate(0, -2.4rem)
}

.course_channel .course_content .course_content_tab li:hover .tab_content_box .tab_content_masked {
	background: 0 0
}

.business_cooperation {
	background: #FFF;
	padding-top: .8rem;
	padding-bottom: .2rem;
	text-align: center;
	overflow: hidden
}

.business_cooperation .cooperation_info {
	font-size: .18rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
	line-height: .34rem
}

.business_cooperation p:nth-child(6) {
	margin-bottom: .5rem
}

.business_cooperation .cooperation_join {
	width: 4rem;
	height: .36rem;
	margin: 0 auto;
	margin-bottom: .76rem;
	background: #407FFF;
	border-radius: .18rem;
	font-size: .14rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #fff;
	line-height: .36rem
}

.business_cooperation .cooperation_data {
	background: rgba(20, 20, 20, .6);
	margin-bottom: .6rem
}

.business_cooperation .cooperation_data .data_content_box {
	height: 2.18rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.business_cooperation .cooperation_data .data_content_box li {
	width: 25%;
	position: relative
}

.business_cooperation .cooperation_data .data_content_box li .data_content_masked {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(20, 20, 20, .6);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: 1s all;
	transition: 1s all
}

.business_cooperation .cooperation_data .data_content_box li .data_content_masked .masked_img_box {
	width: .42rem;
	height: .42rem;
	margin-bottom: .16rem
}

.business_cooperation .cooperation_data .data_content_box li .data_content_masked .masked_img_box img {
	width: 100%;
	height: 100%
}

.business_cooperation .cooperation_data .data_content_box li .data_content_masked .masked_line {
	width: .2rem;
	height: .02rem;
	margin-bottom: .1rem;
	background: #fff
}

.business_cooperation .cooperation_data .data_content_box li .data_content_masked .masked_title {
	font-size: .18rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #fff;
	line-height: .48rem
}

.business_cooperation .cooperation_data .data_content_box li .data_content_masked .masked__tips {
	font-size: .12rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #fff;
	line-height: .24rem
}

.business_cooperation .cooperation_data .data_content_box li:hover .data_content_masked {
	background: rgba(255, 199, 70, .7)
}

.business_cooperation .cooperation_entry_box .entry_btn_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.business_cooperation .cooperation_entry_box .entry_btn_box li {
	width: 3.36rem;
	height: .6rem;
	margin-right: .72rem;
	font-size: .26rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #2F383D;
	line-height: .6rem;
	border: 1px solid #141414
}

.business_cooperation .cooperation_entry_box .entry_btn_box li.actived,
.business_cooperation .cooperation_entry_box .entry_btn_box li:hover {
	color: #fff;
	background: #252525
}

.business_cooperation .cooperation_entry_box .entry_tips {
	font-size: .18rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #6b6b6b;
	line-height: .9rem
}

.shop_entry_popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 550;
	background: rgba(0, 0, 0, .5)
}

.shop_entry_popup .popup_content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 9.64rem;
	height: 5.7rem;
	background: #fff;
	border-radius: .2rem;
	text-align: center;
	overflow: hidden
}

.shop_entry_popup .popup_content .popup_close {
	width: .58rem;
	height: .58rem;
	position: absolute;
	top: -.02rem;
	right: -.02rem
}

.shop_entry_popup .popup_content .popup_title_box {
	padding-top: .2rem;
	margin-bottom: .3rem
}

.shop_entry_popup .popup_content .popup_title_box .popup_title_title {
	font-size: .28rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #f6af12;
	line-height: .7rem
}

.shop_entry_popup .popup_content .popup_title_box .popup_title_tips {
	width: 7.14rem;
	text-align: left;
	margin: 0 auto;
	font-size: .16rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #999;
	line-height: .26rem
}

.shop_entry_popup .popup_content .popup_form_box {
	width: 3.8rem;
	margin: 0 auto
}

.shop_entry_popup .popup_content .popup_form_box li {
	height: .34rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.shop_entry_popup .popup_content .popup_form_box li .form_icon {
	display: inline-block;
	width: .06rem;
	height: .08rem;
	font-size: .14rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: red;
	line-height: .14rem;
	margin-right: .1rem
}

.shop_entry_popup .popup_content .popup_form_box li .icon_box {
	width: 2.82rem;
	height: .32rem
}

.shop_entry_popup .popup_content .popup_form_box li .icon_box .form_icon_down {
	width: .12rem;
	height: .08rem;
	position: absolute;
	top: 50%;
	right: .2rem;
	z-index: 50;
	margin-top: -.04rem;
	-webkit-transition: .3s all;
	transition: .3s all
}

.shop_entry_popup .popup_content .popup_form_box li .icon_box .actived {
	-webkit-transform: rotateZ(-180deg);
	transform: rotateZ(-180deg)
}

.shop_entry_popup .popup_content .popup_form_box li .form_title {
	font-size: .14rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #000;
	line-height: .18rem;
	margin-right: .2rem
}

.shop_entry_popup .popup_content .popup_form_box li .form_input {
	position: absolute;
	top: 0;
	right: .1rem;
	z-index: 100;
	width: 2.82rem;
	height: .32rem;
	border: 1px solid #e3e3e3;
	border-radius: .05rem;
	outline: 0;
	padding-left: .1rem;
	font-size: .14rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
	line-height: .32rem;
	background: 0 0
}

.shop_entry_popup .popup_content .popup_form_box li .form_input_two {
	width: 3.58rem;
	height: .32rem;
	border: 1px solid #e3e3e3;
	border-radius: .05rem;
	outline: 0;
	padding-left: .1rem;
	font-size: .14rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #333;
	line-height: .32rem
}

.shop_entry_popup .popup_content .popup_form_box li .form_btn {
	width: 3.58rem;
	height: .32rem;
	background: #f6af12;
	border-radius: .05rem;
	font-size: .14rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #fff;
	line-height: .32rem;
	cursor: pointer
}

.shop_entry_popup .popup_content .popup_form_box li:nth-child(1),
.shop_entry_popup .popup_content .popup_form_box li:nth-child(2) {
	margin-bottom: .1rem
}

.shop_entry_popup .popup_content .popup_form_box li:last-child {
	margin-top: .3rem
}

.entry_process {
	height: 4.14rem;
	padding-top: .8rem
}

.entry_process .process_title_box {
	margin-bottom: .5rem
}

.entry_process .process_title_box .process_title_title {
	font-size: .28rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #000;
	line-height: .42rem
}

.entry_process .process_title_box .process_title_tips {
	font-size: .18rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #a3a3a3;
	line-height: .28rem
}

.entry_process .process_content_index {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.entry_process .process_content_index li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.entry_process .process_content_index li .index_title {
	font-size: .3rem;
	font-style: italic;
	font-family: AwesomeFreeFont;
	font-weight: 400;
	color: #000;
	line-height: .46rem;
	margin-right: .15rem
}

.entry_process .process_content_index li .index_tips {
	font-size: .2rem;
	font-family: AwesomeFreeFont;
	font-weight: 500;
	color: #000;
	line-height: .42rem;
	margin-right: .08rem
}

.entry_process .process_content_index li .index_line {
	width: 1.62rem;
	height: .02rem;
	background: #F6AF12;
	margin-right: .08rem
}

.entry_process .process_content_text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.entry_process .process_content_text li {
	width: 33%;
	font-size: .14rem;
	font-family: MicrosoftYaHei;
	font-weight: 400;
	color: #a3a3a3;
	line-height: .22rem
}

.entry_process .process_content_text li:first-child {
	padding-left: 1.3rem
}

.entry_process .process_content_text li:nth-child(2) {
	padding-left: .55rem
}

.entry_process .process_content_text li:nth-child(3) {
	padding-right: .6rem
}

.about {
	padding: 1.1rem 0
}

.about .content {
	margin: 0 1.5rem;
	padding-top: .6rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.about p {
	color: #272727;
	font-size: .18rem;
	line-height: .38rem
}

.about p a:hover {
	color: #407FFF
}

.about .form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: right
}

.about .form .right {
	margin-left: .22rem
}

.about .form input,
.about .form textarea {
	background: #F2F2F2;
	border: 0;
	line-height: .62rem;
	width: 2.19rem;
	border-radius: .1rem;
	margin-bottom: .1rem;
	padding: 0 .2rem
}

.about .form textarea {
	width: 3.78rem;
	height: 1.35rem
}

.about .form button {
	line-height: .56rem;
	background: #407FFF;
	border-radius: .28rem;
	border: 0;
	padding: 0 .3rem;
	color: #272727
}

.about .form span {
	padding: 0 1rem;
	color: #999;
	display: none
}

footer {
	text-align: center;
	background: #212121;
	width: 100%;
	min-width: 13rem;
	line-height: .21rem;
	height: 1.8rem
}

footer img {
	width: 0.87rem;
	margin: .2rem
}

footer .togoal {
	color: #FFF;
	display: block;
	font-size: .16rem;
	letter-spacing: 0.1rem;
	font-family: snowpen
}

footer .togoals {
	color: #FFF;
	display: block;
	font-size: .16rem;
	letter-spacing: .0.02rem;
	font-family: snowpen
}

footer .thre_img {
	width: 100%
}

footer .thre_img img {
	display: inline-block;
	height: .27rem;
	margin: .05rem
}

footer .inner-bottom .inner {
	text-align: center;
	color: #fff;
	/* border-top: 1px solid #fff; */
	/* margin-top: .23rem; */
	letter-spacing: 1px
}

footer .inner-bottom .top-info {
	/* margin-top: .23rem */
	padding-top:.13rem;
}

footer .inner-bottom .info {
	color: #fff
}

footer a {
	color: #8C8C8C
}

/* .web{
  width: 175px;
  height: 205px;
  border: 1px solid rgba(30, 30, 30, 1);
  position: absolute;
  right: 0px;
  bottom: 171px;
  border-radius: 8px 8px 8px 8px;
}
.wes{
	width: 175px;
	background-color: red;
	height: 44px;
	line-height: 44px;
	/* font-size: 24px; */
/* color: #fff; */
/* border-radius: 8px 8px 0 0;
}
.yaoqingma{
	color: #fff;
}
.shuzi{
	font-size: 36px;
	height: 100px;
    line-height: 103px;
} */



.fix {
	width: 156px;
	height: 173px;
	border: 1px solid #c0c0c0;
	border-radius: 12px;
	position: fixed;
	right: 0px;
	top: 164px;
	overflow: hidden;
	z-index: 999;
	background-color: #fff;


}

.fix-top {
	font-size: 20px;
	height: 31px;
	width: 157px;
	line-height: 31px;
	background-color: #407FFF;
	color: #fff;
	border-radius: 12px  12px   0px  0px;
}

.fix-center {
	font-size: 24px;
    font-weight: 500;
    color: #407FFF;
    /*margin-top: 10px;*/
}
.fix-img{
	margin-top: 13px;
}
.fix-btn {
	width: 157px;
	height: 31px;
	background-color: #407FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 31px;
	border-radius: 0px 0px 12px 12px;
	color: #fff;
position: absolute;
bottom: 0px;
}
 .m-toast-pop {
       display: none;
        /*    position: fixed;*/
        width: 100%;
        top: 0;
        bottom: 0;
        right: 0;
        overflow: auto;
        text-align: center;
  }

  .m-toast-inner {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
       text-align: center;
        }

     .m-toast-inner-text {
        display: inline-block;
        margin: 0 1.375em;
        padding: 0.3875em 0.5125em;
        color: #FFFFFF;
        letter-spacing: 0;
        line-height: 1.375em;
        background: rgba(0, 0, 0, 0.72);
        border-radius: 0.625em;
      }