a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline
}


* {
	box-sizing: border-box;
	outline: none;
	scrollbar-width: none;
	-ms-overflow-style: none;
	::-webkit-scrollbar {

	  display: none; /* Chrome Safari */

	}
}
.jzshow{
	display: none;
}
select {
	border: 0;
}

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

input {
	border: 0;
	outline: none;
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}

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

html {
	color: #333;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	font-family: PingFangSC-Semibold, PingFang SC;
}

.flex {
	display: flex;
	align-items: center;
}

.justb {
	justify-content: space-between;
}

.justc {
	justify-content: center;
}

.psr {
	position: relative;
}

.psa {
	position: absolute;
}

.w100 {
	width: 100%;
}

.h100 {
	height: 100%;
}
.dsflex{
	display: flex;
}
a {
	text-decoration: none;
	/* 去除默认的下划线 */
	color: #000;
	/* 去除默认的颜色和点击后变化的颜色 */
}

.cn{
	display: block;
}
.fcn{
	display: none;
}
.en{
	display: none;
}

.scan-content{
    display: none;
    position: absolute;
    top: 100%;
    margin-top: .5vw;
    left: 28%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 9.8vw;
    background: #fff;
    padding: .4vw .2vw;
    border-radius: .8vw;
    box-shadow: 0 .3vw .4vw rgb(0 0 0 / 20%);
    text-align: center;
}
.hvshow:hover .scan-content{
	display: block;
}
.scan-content img{
    width: 9.5vw;
    height: 9.5vw;
    display: block;
    margin: 0 auto;
}
.scan-content:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .4vw;
    top: -.4vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top-width: 0;
    border-bottom-color: #fff;
}
.scan-content .stitle{
    font-size: .99vw;
    display: block;
    border-bottom: 1px dashed #eee;
    color: #333;
    margin-top: .4vw;
    padding-bottom: .4vw;
}

.scan-content .stip{
    display: block;
    font-size: 1vw;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    color: #999;
    font-style: italic;
    padding-top: .4vw;
}




img {
	display: block;
}
.bodycolor{background: #F9FAFF;}

/* 首页 */
.header {
	left: 0;
	top: 0;
	z-index: 2;
}

.hn_box {
	width: 87.5vw;
	margin: 0 auto;
	margin-top: 1.6vw;
}

.logo img {
	width: 11.9vw;

}

.menu_box a {
	display: block;
	font-weight: 600;
	color: rgba(255, 255, 255, .7);
	font-size: .93vw;
	margin-right: 3.1vw;
	cursor: pointer;
}

.menu_box a.pagecur{
	color: rgba(255, 255, 255, 1);
}

.menu_box a.lg_btn {
	border-radius: 40px;
	border: 2px solid #FFFFFF;
	width: 7.96vw;
	text-align: center;
	line-height: 2.5vw;
	font-size: .8vw;
}

.hl {
	color: #FFFFFF;
	margin-top: 10.3vw;
}

.hl .tl {
	font-size: 3.6vw;
	margin-bottom: 3.5vw;
	margin-left: 12.9vw;
	font-weight: 700;
}

.h_item {
	width: 8.95vw;
	height: 8.95vw;
	border-radius: 50%;
	text-align: center;
	border: .2vw solid #FFFFFF;
	margin-right: 1.77vw;
}

.h_item .htxt1 {
	font-size: 3.4vw;
	font-weight: bold;
}

.h_item .htxt1 span {
	font-size: 1.7vw;
	font-weight: 500;
}

.h_item .htxt2 {
	font-size: 1.14vw;
	font-weight: 500;
}

.h_item .htxt1s {
	font-size: 2.29vw;
	font-weight: bold;
	margin-bottom: .5vw;
	margin-top: .66vw;
}

.h_btn {
	background: #FFFFFF;
	border-radius: 2.5vw;
	color: #0177F8;
	font-size: 1.6vw;
	margin-right: 1.1vw;
	margin-top: 1vw;
	padding: 0 2.2vw;
	height: 5vw;
	font-weight: bold;
}

.an_icon {
	width: 2.2vw;
	height: 2.5vw;
	margin-right: .67vw;
}

.ao_icon {
	width: 2.5vw;
	height: 1.6vw;
	margin-right: .67vw;
}

.sq {
	margin-left: 12.9vw;
}

.ml102 {
	margin-left: 12.9vw;
}

.hr {
	width: 45.8vw;
	margin-left: 4vw;
	margin-top: 11vw;
}

.h2 {
	background: #f9faff;
	padding-bottom: 5.2vw;
}

.h2_tl {
	font-size: 2vw;
	color: #333333;
	text-align: center;
	padding-top: 0vw;

}

.scan-down:hover .scan-content[data-v-7375897f] {
	display: block
}

.showSvg[data-v-19ab5f6d] {
	width: 1.77134rem;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.showSvg .blingcircle[data-v-19ab5f6d] {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: tobig-19ab5f6d 2s linear infinite;
	animation: tobig-19ab5f6d 2s linear infinite
}

.showSvg .ellip .ellipbox[data-v-19ab5f6d] {
	-webkit-transform: translateX(-.3%);
	transform: translateX(-.3%)
}

.showSvg .ellip .ellipbox .ellipop[data-v-19ab5f6d] {
	-webkit-transform-origin: 203pt 202pt;
	transform-origin: 203pt 202pt;
	opacity: .3;
	filter: alpha(opacity=30)
}

.showSvg .ellip .ellipbox .ellipop.ellipop1[data-v-19ab5f6d] {
	-webkit-animation: tocircle-19ab5f6d 4s linear infinite;
	animation: tocircle-19ab5f6d 4s linear infinite
}

.showSvg .ellip .ellipbox .ellipop.ellipop2[data-v-19ab5f6d] {
	-webkit-transform: rotate(135deg) translate(-1.2%, -1%);
	transform: rotate(135deg) translate(-1.2%, -1%);
	-webkit-animation: tocircle-19ab5f6d 2s linear infinite;
	animation: tocircle-19ab5f6d 2s linear infinite
}

.showSvg .ellip .ellipbox .ellipop.ellipop3[data-v-19ab5f6d] {
	-webkit-transform: rotate(75deg) translate(1.5%, -1.2%);
	transform: rotate(75deg) translate(1.5%, -1.2%);
	-webkit-animation: tocircle-19ab5f6d 5s linear infinite;
	animation: tocircle-19ab5f6d 5s linear infinite
}

.showSvg .ellip .elliptop[data-v-19ab5f6d] {
	opacity: 1;
	filter: alpha(opacity=100)
}

@-webkit-keyframes tocircle-19ab5f6d {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes tocircle-19ab5f6d {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes tobig-19ab5f6d {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
}

@keyframes tobig-19ab5f6d {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
}

.qqbox {
	margin-top: 5vw;
}

.h3 {
	width: 100%;
	overflow-x: hidden;
}

.h3_btn {
	width: 9.5vw;
	height: 3.1vw;
	border-radius: 1.6vw;
	background: linear-gradient(125deg, #0177F8 0%, #2DB5FE 100%);
	font-size: 1.25vw;
	color: #FFFFFF;
}

.h3_btn img {
	width: 2vw;
	height: 2vw;
	margin-right: .5vw;
}

.h3_tl {

	font-size: 2.8vw;
	margin-top: 4vw;
	margin-bottom: 2vw;
}

.h3_txt {
	color: #a0a0a0;
	font-size: 1.25vw;
	line-height: 3vw;
}

.h3_l {
	width: 33vw;
	margin-left: 9.8vw;
}

.h3_r {
	width: 29vw;
	margin-right: 11.7vw;
}

.h3_item {
	margin-top: 7vw;
}

.even .h3_l {
	width: 29vw;
	margin-right: 0;
	margin-left: 11.7vw;
}

.even .h3_r {
	width: 33vw;
	margin-left: 0;
	margin-right: 9.8vw;
}

.h4 {
	padding-bottom: 7vw;
}

.h4_tl {
	font-size: 3vw;
	color: #333333;
	text-align: center;
	padding-top: 7.2vw;
}

.h4_txt {
	width: 50vw;
	margin: 6vw auto;
	text-align: center;
	font-size: 1vw;
	color: #777f89;
	height: 2.5vw;
}

.swiper_box {
	width: 60vw;
	margin: 0 auto;
}

.s_item img {
	width: 5vw;
}

.u_name {
	text-align: center;
	font-size: 1vw;
	color: #000;
	margin: 2vw auto .5vw auto;
	height: 1vw;
}

.u_msg {
	text-align: center;
	font-size: 1vw;
	color: #777f89;
	height: 1vw;
}

.h5_tl {
	font-size: 3vw;
	color: #333333;
	text-align: center;
	padding-top: 7.2vw;
	padding-bottom: 7vw;
}

.h5_box {
	margin: 0 26.25vw;
}

.h5_btn span {
	font-size: 1.45vw;
	color: #FFFFFF;
}

.h5_btn {
	background: linear-gradient(125deg, #0074F7 0%, #2EB7FF 100%);
	padding: .8vw 2.7vw;
	border-radius: 2vw;
	margin-top: 2.4vw;
}

.h5_btn img {
	width: 1.35vw;
	margin-right: .9vw;
}

.h5img {
	width: 11.45vw;
	margin: 0 auto;
}

.h5 {
	padding-bottom: 7vw;
}

.fl {
	margin-left: 6.8vw;
	font-size: .8vw;
	color: #747e8b;
}

.logoh {
	width: 8.5vw;
}

.con a {
	display: block;
}

.con {}

.con a img {
	width: 1.6vw;
	margin-right: .5vw;
}

.mb_c {
	margin-bottom: 1vw;
}

.fr {
	font-size: .8vw;
	color: #747e8b;
	display: flex;
}

.fr_tl {
	font-size: 1vw;
	color: #000;
	margin-bottom: 1vw;
}

.fr_item {
	margin-right: 7vw;
}

.fr_item a {
	color: #747e8b;
}
.fr_item select{
	font-size: .8vw;
	    color: #747e8b;
}

.footer::after {
	content: "";
	position: absolute;
	width: 96%;
	left: 2%;
	top: 0;
	height: 1px;
	background: #eeeeee;
	z-index: 0;
}

.footer {
	padding: 3vw 0;
}

.fr_txt {
	margin-bottom: .5vw;
	cursor: pointer;
}

.h3_item .h3_l {
	visibility: visible;
	opacity: 0;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -167.843, 0, 0, 2);
}

.h3_item .h3_r {
	visibility: visible;
	opacity: 0;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 167.843, 0, 0, 2);
}

@-webkit-keyframes slide-left {
	0% {
		visibility: visible;
		opacity: 0.001;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -167.843, 0, 0, 1);
	}

	100% {
		visibility: visible;
		opacity: 1;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transition: opacity 0.5s linear 0.1s, transform 0.5s linear 0.1s;
	}
}

@keyframes slide-left {
	0% {
		visibility: visible;
		opacity: 0.001;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -167.843, 0, 0, 1);
	}

	100% {
		visibility: visible;
		opacity: 1;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transition: opacity 0.5s linear 0.1s, transform 0.5s linear 0.1s;
	}
}



@-webkit-keyframes slide-right {
	0% {
		visibility: visible;
		opacity: 0.001;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 167.843, 0, 0, 1);
	}

	100% {
		visibility: visible;
		opacity: 1;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transition: opacity 0.5s linear 0.1s, transform 0.5s linear 0.1s;
	}
}

@keyframes slide-right {
	0% {
		visibility: visible;
		opacity: 0.001;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 167.843, 0, 0, 1);
	}

	100% {
		visibility: visible;
		opacity: 1;
		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
		transition: opacity 0.5s linear 0.1s, transform 0.5s linear 0.1s;
	}
}



.xz .h3_l {
	-webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.xz .h3_r {
	-webkit-animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.pc {
	display: block;
}

.m {
	display: none;
}



/* 登录 */
.lg_top {
	background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);
}

.lg_top_n {
	margin: 0 6.25vw;
	padding: 1.6vw 0;
}

.lg_logo {
	width: 11.97vw;
}

.eicon {
	width: 1.25vw;
}

.dicon {
	width: .78vw;
}

.l_txt {
	font-size: 1vw;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	margin-left: .5vw;
	margin-right: .6vw;
	background: none;
	display: block;
	line-height: 3.46vw;
}
.l_txt option{
	display: block;
	margin: 0;
	padding: 0;
	line-height: 6.46vw;
	color: #333;
}

.lgimg {
	width: 39.4vw;
	margin-right: 6.6vw;
	margin-top: 8.8vw;
}

.lg_form {
	width: 24.2vw;
	margin-top: 10.57vw;
}

.lg_tl {
	font-size: 2.9vw;
	margin-bottom: 2.29vw;
}

.form_item input {
	width: 100%;
	height: 4.5vw;
	line-height: 4.5vw;
	display: block;
	padding-left: 3.9vw;
	padding-right: 3.9vw;
	font-size: 1vw;
	color: #2a3038;
	border: 0.0161rem solid #c2cddc;
	border-radius: 2.52vw;
	outline: none;
	background: none;

}

.form_item input:focus {
	border-color: #2e88e7;
}

.form_item input:hover {
	border-color: #2e88e7;
}


.btn_sum {
	width: 100%;
	height: 4.5vw;
	line-height: 4.5vw;
	display: block;
	font-size: 1vw;
	color: #2a3038;
	border: 0;
	border-radius: 2.52vw;
	outline: none;

	background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);;
	color: #FFFFFF;
}

.lg_box_n {
	display: flex;
}

.ts_txt a {
	font-size: 1vw;
	font-weight: 500;
	color: #0177F8;
	cursor: pointer;
}

.ts_txt {
	margin-top: 1.11vw;
}

.tolg{
	font-size: 1vw;
	font-weight: 500;
	color: #0479FD;
	margin-top: 1.11vw;
	color: #333;
}
.tolg a{
	margin-left: 1vw;
	color: #0479FD;
	cursor: pointer;
}

.uicon {
	width: 2.1vw;
	height: 2.1vw;
	position: absolute;
	left: 1.35vw;
	top: 1.19vw;
	z-index: 2;
}

.picon1 {
	width: 2.1vw;
	height: 2.1vw;
	position: absolute;
	left: 1.35vw;
	top: 1.19vw;
	z-index: 2;
}

.picon2 {
	width: 1.45vw;
	height: 1.45vw;
	position: absolute;
	right: 1.35vw;
	top: 1.56vw;
	z-index: 2;
}

.closeicon {
	display: block;
}

.openicon {
	display: none;
}

.form_item input.closeicon {
	display: block;
}

.form_item input.openicon {
	display: none;
}

.f_ts {
	position: absolute;
	height: 2.29vw;
	line-height: 2.29vw;
	font-size: .8vw;
	display: block;
	color: #f36c54;
	text-align: left;
	left: 0;
	bottom: -2.29vw;
}
.form_item{
	margin-bottom: 2.29vw;
}

/* 会员 */
.m_user_msg {
	width: 16.97vw;
	/* min-height: 50vw; */
	box-shadow: 0px 0px 10px 3px rgba(81, 116, 157, 0.24);
	background: #FFFFFF;
	padding-bottom: 2.3vw;
}

.m_user img {
	width: 4.16vw;
	height: 4.16vw;
	margin: 0 auto;
	margin-top: 5.72vw;
}

.m_user div {
	text-align: center;
	margin: 0 auto;
	font-size: 1.25vw;
	font-weight: 500;
	color: #333333;
	margin-top: 1vw;
}

.u_c_tl {
	position: relative;
	background: #F4F8FE;
	height: 4.687vw;
	margin-top: 4.68vw;
	font-size: 1vw;
	font-weight: 500;
	color: #0177F8;
}
.u_c_tl:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: .2vw;
	background: #0177F8;
}

.u_c_tl img {
	width: 1.25vw;
	height: 1.25vw;
	margin-right: .72vw;
	margin-left: 2vw;
}

.u_c_last img {
	width: 1.25vw;
	height: 1.25vw;
	margin-right: .72vw;
	margin-left: 2vw;
}
.u_c_last{
	font-size: 1vw;
	color: #333333;
	margin-top: 8vw;
}
.u_c_last span.lasttime{
	color: #0177F8;
}
.u_c_time{
	margin-left: 2vw;
	font-size: .885vw;
	color: #333333;
	margin-top: 1.25vw;
}
.u_c_time span.lastdate{
	color: #0177F8;
}
.lg_out{
	margin: 0 auto;
	width: 13.54vw;
	height: 3.64vw;
	line-height: 3.64vw;
	text-align: center;
	border: 1px solid #C2CDDC;
	border-radius: 2vw;
	font-size: 1vw;
	cursor: pointer;

font-weight: 400;
color: #9FA4AC;
margin-top: 3.6vw;
}
.m_list{
width: 78.8vw;
margin: 0 auto;
}
.m_list_n{
	width: 100%;
	background: #FFFFFF;
	border-radius: 1vw;
	margin-top: 2vw;
	padding:2.9vw 4vw 3vw 4vw ;
}
.ml_titl{
	font-size: 1.45vw;
}
.ml_ls{
	margin-top: 2.5vw;
	margin-bottom: 4.16vw;
}
.sml_ls{
	margin-top: 2.5vw;
	margin-bottom: 4.16vw;
}
.ml_item{
	border: .01vw solid #C0CDDB;
	border-radius: 1vw;
	padding: 2vw .8vw 1.1vw .8vw;
	text-align: center;
	width: 11.45vw;
	overflow: hidden;
}
.mll_1{
	font-size: 1.77vw;
}
.mll_2{
	font-size: 1.35vw;
	color: #0177F8;
	margin-top: 1.2vw;
}

.mll_2 span{
	font-size: 2.7vw;
	font-weight: bold;
}
.mll_3{
	font-size: 1.1vw;
	color: #8F9398;
	margin-top: 1.7vw;
}
.hot_icon{
	width: 4.8vw;
	top: -1vw;
	right: 0;
	z-index: 2;
}
.tag_box{
	transform: rotateZ(-45deg);
background-image: linear-gradient(to right, #f0aca2 , #ec717f);
color: #FFFFFF;
font-size: .8vw;
padding-top: 1vw;
width: 5vw;
text-align: center;
top: -.2vw;
left: -1.8vw;
z-index: 2;
padding-bottom: .2vw;
}
.ml_ls .ml_i{
	margin-right: 3vw;
	cursor: pointer;
}
.ml_ls .ml_i:last-child{
	margin-right: 0;
}
.ml_ls .cur .ml_item{
	border-color: #0177F8;
	box-shadow: 0px 0px 10px 3px rgba(81,116,157,0.24);
}
.ml_ls .ml_item:hover{
	border-color: #0177F8;
	box-shadow: 0px 0px 10px 3px rgba(81,116,157,0.24);
}

.sml_ls .ml_i{
	margin-right: 3vw;
	cursor: pointer;
}
.sml_ls .ml_i:last-child{
	margin-right: 0;
}
.sml_ls .cur .ml_item{
	border-color: #0177F8;
	box-shadow: 0px 0px 10px 3px rgba(81,116,157,0.24);
}
.sml_ls .ml_item:hover{
	border-color: #0177F8;
	box-shadow: 0px 0px 10px 3px rgba(81,116,157,0.24);
}
.pay_box{
	margin-top: 1.77vw;
}
.pay_item{
	width: 12.5vw;
	height: 3.125vw;
	border-radius: 1vw;
	border: 1px solid #C2CDDC;
	font-size: 1.1vw;
	color: #333333;
	margin-right: 3.125vw;
	cursor: pointer;
}

.pay_ck{
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	border: 1px solid #ACACAC;
}
.pay_ck img{
	width: 1vw;
	height: 1vw;
	border-radius: 50%;
	margin: 0 auto;
}
.pay_tl img{
	width: 1.25vw;
	height: 1.25vw;
	margin-left: .7vw;
	margin-right: .4vw;
}

.pay_item .pay_ck img{
	display: none;
}

.pcur .pay_ck img{
	display: block;
}
.pcur .pay_ck{
	border: 0;
}
.pcur{
	border-color: #0177F8;
}
.o_num{
	font-size: 1.45vw;
}
.o_num span.o_all{
	color: #0177F8;
}
.o_btn{
	background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);;
	width: 13.5vw;
	height: 3.64vw;
	border-radius: 2vw;
	font-size: 1.35vw;
	color: #FFFFFF;
	cursor: pointer;
}
.order_total{
	border-top: 1px solid #F5F5F5;
	padding-top: 3.48vw;
	margin-top: 3.43vw;
}
.dashed_box{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	left: 0;
	top: 0;
	z-index: 9;
}

.lgout_box{
	width: 35vw;
	border-radius: 1vw;
	background: #FFFFFF;
	padding: 2.29vw 0;
}
.lgout_box_n{
	width: 31.979vw;
	margin: 0 auto;
	text-align: center;
}

.lgout_title{
	font-size: 1.35vw;
	color: #333333;
	margin-bottom: 1.458vw;
}
.lgout_msg{
	font-size: 1.09vw;
	font-weight: 400;
	color: #999999;
	line-height: 1.979vw;
}
.lgout_btn{
	justify-content: center;
}
.lgout_btn div{
	width: 7.8vw;
	height: 2.7vw;
	border-radius: 2vw;
	background: linear-gradient(125deg, #0074F7 0%, #2EB7FF 100%);
	font-size: 1vw;
	color: #FFFFFF;
	margin-top: 1.458vw;
	cursor: pointer;
}
.lgout_btn div:first-child{
	background: #F5F5F5;
	color: #333333;
	margin-right: 2vw;
}






.paying_box{
	width: 35vw;
	height: 17.9vw;
	border-radius: 1vw;
	background: #FFFFFF;
}
.ts_box{
	width: 35vw;
	padding-bottom: 2vw;
	border-radius: 1vw;
	background: #FFFFFF;
}
.ts_box_n{
	width: 31.979vw;
	margin: 0 auto;
	margin-top: 2.29vw;
}
.paying_box_n{
	width: 31.979vw;
	margin: 0 auto;
	margin-top: 2.29vw;
}
.pay_title{
	font-size: 1.35vw;
	color: #333333;
	margin-bottom: 1.458vw;
}
.pay_msg{
	font-size: 1.09vw;
	font-weight: 400;
	color: #999999;
	line-height: 1.979vw;
}
.pay_btn{
	justify-content: flex-end;
}
.pay_btn div{
	width: 7.8vw;
	height: 2.7vw;
	border-radius: 2vw;
	background: linear-gradient(125deg, #0074F7 0%, #2EB7FF 100%);
	font-size: 1vw;
	color: #FFFFFF;
	margin-top: 3.177vw;
	cursor: pointer;
}
.close_btn{
	width: .9375vw;
	height: .9375vw;
	right: 1.35vw;
	top: 1.35vw;
	z-index: 2;
	cursor: pointer;
}
.dbox{
	display: none;
}
.dsn{
	display: none;
}

.bank_box{
	width: 35vw;
	border-radius: 1vw;
	background: #FFFFFF;
}
.bank_box_n{
	width: 31.979vw;
	margin: 0 auto;
	margin-top: 1.56vw;
}
.bank_title{
	font-size: 1.35vw;
	color: #333333;
	margin-bottom: 1.458vw;
}
.bank_msg{
	font-size: 1.09vw;
	font-weight: 400;
	color: #999999;
	line-height: 1.979vw;
}
.bank_btn{
	line-height: 3.645vw;
	text-align: center;
	width: 100%;
	border-radius: .41vw;
	background: rgba(120,147,177,0.41);
	font-size: 1vw;
	color: #FFFFFF;
	margin-top: 1.66vw;
}
.bank_img{
	width: 25.7vw;
	margin: 0 auto;
	margin-top: 1.56vw;
	margin-bottom: 3.229vw;
}
.bank_img img{
	width: 1.56vw;
}
.bank_input input{
	font-size: 1.197vw;
}
.bank_input{

	border-radius: 4px;
border: 1px solid #CCCCCC;
padding: 1vw;
}
.bank_input img{
	width: 1.6vw;
	margin-right: 1vw;
}
.bank_num{
	width: 20.3vw;
}
.bank_date{
	width: 4.2vw;
	text-align: right;
}
.bank_cvc{
	width: 4.2vw;
	text-align: right;
}
.bank_input{
	margin-top: 2.44vw;
}



















.appAnimation.pc[data-v-e5f3c122] {
	width: 100%;
	height: 9.83897rem;
	padding-bottom: 1.28824rem
}

.appAnimation.pc h1[data-v-e5f3c122] {
	font-size: .64412rem;
	text-align: center;
	font-weight: 400
}

.appAnimation.pc .showSvg[data-v-e5f3c122] {
	margin-top: .32206rem
}

.appAnimation.mobile h1[data-v-e5f3c122] {
	font-size: .64412rem;
	text-align: center;
	font-weight: 400
}

.appAnimation.mobile .en[data-v-e5f3c122],
.appAnimation.mobile .ru[data-v-e5f3c122] {
	font-size: .64412rem;
	padding: 0 .16103rem
}

.appAnimation.mobile .showSvg[data-v-e5f3c122] {
	padding-bottom: .64412rem
}

.showSvg[data-v-e5f3c122] {
	width: 100%;
	height: 100%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.showSvg .blingcircle[data-v-e5f3c122] {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation: tobig-e5f3c122 2s linear infinite;
	animation: tobig-e5f3c122 2s linear infinite
}

.showSvg .ellip .ellipbox[data-v-e5f3c122] {
	-webkit-transform: translateX(-.3%);
	transform: translateX(-.3%)
}

.showSvg .ellip .ellipbox .ellipop[data-v-e5f3c122] {
	-webkit-transform-origin: 203pt 202pt;
	transform-origin: 203pt 202pt;
	opacity: .3;
	filter: alpha(opacity=30)
}

.showSvg .ellip .ellipbox .ellipop.ellipop1[data-v-e5f3c122] {
	-webkit-animation: tocircle-e5f3c122 4s linear infinite;
	animation: tocircle-e5f3c122 4s linear infinite
}

.showSvg .ellip .ellipbox .ellipop.ellipop2[data-v-e5f3c122] {
	-webkit-transform: rotate(135deg) translate(-1.2%, -1%);
	transform: rotate(135deg) translate(-1.2%, -1%);
	-webkit-animation: tocircle-e5f3c122 2s linear infinite;
	animation: tocircle-e5f3c122 2s linear infinite
}

.showSvg .ellip .ellipbox .ellipop.ellipop3[data-v-e5f3c122] {
	-webkit-transform: rotate(75deg) translate(1.5%, -1.2%);
	transform: rotate(75deg) translate(1.5%, -1.2%);
	-webkit-animation: tocircle-e5f3c122 5s linear infinite;
	animation: tocircle-e5f3c122 5s linear infinite
}

.showSvg .ellip .elliptop[data-v-e5f3c122] {
	opacity: 1;
	filter: alpha(opacity=100)
}

@-webkit-keyframes tocircle-e5f3c122 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes tocircle-e5f3c122 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@-webkit-keyframes tobig-e5f3c122 {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
}

@keyframes tobig-e5f3c122 {
	0% {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(.9);
		transform: scale(.9)
	}
}





.register_msg,.forget_msg{
	font-size: 1.15vw;
	margin-bottom: 2vw;
}








@media screen and (max-width:1024px) {
	.appAnimation.pc[data-v-e5f3c122] {
		width: 100%;
		height: 8.85668rem
	}
}

@media screen and (max-width:768px) {
	.pc {
		display: none !important;
	}

	.m {
		display: block !important;
	}

	.logo img {
		width: 24.5vw;
	}

	.hn_box {
		width: 90vw;
		margin-top: 5vw;
	}

	.lgm a {
		font-size: 3.4vw;
		color: #FFFFFF;

		font-weight: 600;
	}

	.h_box {
		display: block;
	}

	.hl .tl {
		font-size: 9vw;
		margin-bottom: 3.5vw;
		margin-left: 12.9vw;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		margin-bottom: 12vw;
	}

	.hl {
		margin-top: 13.2vw;
	}

	.sq {
		margin: 0 14.6vw;
		justify-content: space-between;
		margin-bottom: 14vw;
	}

	.h_item {
		border: 0;
		width: auto;
		height: auto;
	}

	.h_item .htxt1 {
		font-size: 8.8vw;
	}

	.h_item .htxt1 span {
		font-size: 4.5vw;
	}

	.h_item .htxt1s {
		font-size: 7.2vw;
	}

	.h_item .htxt1s span {
		font-size: 4.5vw;
	}

	.h_item .htxt2 {
		font-size: 3.5vw !important;
	}

	.md {
		display: block;
	}

	.md .h_btn {
		margin: 0 14.5vw 3vw;

		height: 12.8vw;
		background: #FFFFFF;
		border-radius: 6vw;
		color: #0177F8;
		font-size: 4.2vw;
		font-weight: bold;
	}

	.an_icon {
		width: 5.8vw;
		height: 6.4vw;
		margin-right: 1.8vw;
	}

	.hbtnm {
		background: none !important;
		color: #FFFFFF !important;
		font-size: 3.2vw !important;
	}

	.hbtnm img:first-child {
		display: none;
	}

	.ml102 {
		margin: 0;
	}

	.hbtnm img:last-child {
		width: 4vw;
		height: 4vw;
		margin-left: 2.6vw;
	}

	.hr {
		width: 90.6vw;
		margin: 0 auto;
		margin-top: 14vw;
	}

	.hbtnm {
		margin-top: 5vw !important;
	}

	.h2_tl {
		font-size: 5.86vw;
		color: #333333;
		text-align: center;
		padding-top: 13vw;
	}

	.h3 {
		margin-top: 10vw;
	}

	.h3_item {
		display: block;
		margin-top: 12vw;
	}

	.h3_item .h3_l {
		width: 84vw;
		margin: 0 auto;
	}

	.h3_btn {
		width: 23.6vw;
		height: 7vw;
		border-radius: 12vw;
		background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);;
		font-size: 3.2vw;
		color: #FFFFFF;
	}

	.h3_btn img {
		width: 4.9vw;
		height: 4.9vw;
		margin-right: 1vw;
	}

	.h3_tl {
		font-size: 6vw;
		margin-top: 3vw;
		margin-bottom: 3vw;
	}

	.h3_txt {
		color: rgba(0, 0, 0, .5);
		font-size: 3.2vw;
		line-height: 5vw;
	}

	.h3_r {
		margin: 0 auto;
		width: 84vw;
	}

	.h4_tl {
		font-size: 6vw;
		margin-top: 3vw;
		margin-bottom: 3vw;
	}

	.h4_txt {
		width: 90vw;
		margin: 12vw auto;
		text-align: center;
		font-size: 3.2vw;
		color: #777f89;
		height: 12.5vw;
		margin-bottom: 6vw;
	}

	.u_name {
		text-align: center;
		font-size: 3.2vw;
		color: #000;
		margin: 4vw auto 1vw auto;
		height: 3.2vw;
	}

	.u_msg {
		text-align: center;
		font-size: 3vw;
		color: #777f89;
		height: 3vw;
	}

	.h5_tl {
		font-size: 6vw;
		margin-top: 3vw;
		margin-bottom: 3vw;
	}

	.h5_btn {
		background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);;
		padding: 3.3vw 0;
		border-radius: 8vw;
		margin: 0 14vw;
		margin-top: 2.4vw;
	}

	.h5_btn span {
		font-size: 4.8vw;
	}

	.h5_btn img {
		width: 4.5vw;
		margin-right: 1.8vw
	}

	.footer .fr {
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
		font-size: 3vw;
	}

	.footer::after {
		height: .02vw;
	}

	.fr_tl {
		font-size: 4.4vw !important;
		color: #000;
		margin-bottom: 2vw;
	}

	.m .footer .fr {
		width: auto;
		margin: 0;
	}

	.con a img {
		width: 6vw;
		margin-left: 3vw;
	}

	.fl {
		margin-left: 0
	}

	.s_item img {
		width: 18vw;
	}

	.swiper_box {
		width: 98vw;
	}

	.swiper-button-prev img,
	.swiper-button-next img {
		width: 7vw !important;
	}

	.qqbox {
		height: 77vw;
		overflow: hidden;
	}

	.footer {
		padding: 7vw 0;
	}

	.h5_btn {
		margin-bottom: 7vw;
	}

	.h5 {
		padding-bottom: 0;
	}

	/* 手机登录 */
	.lg_logo {
		width: 24.53vw;
	}

	.lg_top_n {
		padding: 5vw 0;
		margin: 0 4.8vw;
	}

	.l_txt {
		font-size: 3.46vw;

	}

	.eicon {
		width: 3.98vw;
	}

	.dicon {
		width: 2.4vw;
	}

	.lg_form {
		width: 80.5vw;
		margin: 0 auto;
		margin-top: 17.33vw;
	}

	.lg_box_n {
		display: block;
	}

	.lg_tl {
		font-size: 7.6vw;
		margin-bottom: 5.86vw;
	}

	.form_item input {
		width: 100%;
		height: 11.46vw;
		line-height: 11.46vw;
		display: block;
		padding-left: 11vw;
		padding-right: 11.9vw;
		font-size: 14px;
		color: #2a3038;
		border: 0.0161rem solid #c2cddc;
		border-radius: 6vw;
		outline: none;
		background: none;
	}

	.uicon,
	.picon1 {
		width: 5vw;
		height: 5vw;
		position: absolute;
		left: 4vw;
		top: 3.2vw;
		z-index: 2;
	}

	.f_ts {
		height: 18px  !important;
		line-height: 18px  !important;
		font-size: 14px  !important;
		bottom: -20px  !important;
	}
	.form_item{
		margin-bottom: 6vw;
	}

	.btn_sum {
		width: 100%;
		height: 11.7vw;
		line-height: 11.7vw;
		display: block;
		font-size: 4.2vw;
		color: #2a3038;
		border: 0;
		border-radius: 6vw;
		outline: none;
		background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);;
		color: #FFFFFF;
	}

	.ts_txt a {
		font-size: 14px !important;
	}
	.register_msg, .forget_msg {
	    font-size: 4vw;
	    margin-bottom: 5.3vw;
	}
	.tolg {
	    font-size: 4vw;
	    font-weight: 500;
	    color: #0479FD;
	    margin-top: 4vw;
	    color: #333;
	}

	.ts_txt {
		margin-top: 3.7vw;
	}

	.lgimg {
		width: 100%;
		margin: 0 auto;
		margin-top: 13.33vw;
	}

	.picon2 {
		width: 3.45vw;
		height: 3.45vw;
		position: absolute;
		right: 4.35vw;
		top: 3.56vw;
		z-index: 2;
	}

	/* 用户手机 */
	.dsflex{
		display: block;
	}
	.bodycolor{background: #FFFFFF;}
	.m_user_msg{
		box-shadow: none;
		margin: 0 5.3vw;
	}
	.m_tx img{
		width: 16vw;
		height: 16vw;
		border-radius: 50%;
		margin-right: 3.2vw;
	}
	.m_u_name{
		font-size: 4.5vw;
		font-size: 600;
	}
	.m_u_id{
		font-size: 3.46vw;
		font-size: 600;
	}
	.m_u_mbox{
		width: 72.9vw;
	}
	.m_u_btn{
		padding: .5vw 1.73vw;
		text-align: center;
		line-height: 5.33vw;
		border-radius: .6vw;
		font-size: 3.2vw;
		background: #EEEEEE;
		color: #999999;
		margin-right: 1.73vw;
	}
	.m_u_msg{
		width: 72.9vw;
	}
	.m_u_time{
		font-size: 3.46vw;
		color: #999999;
	}
	.m_tx{
		margin-top: 12px;
	}
	.m_list{
		width: 100%;

	}
	.m_list_n{
		margin: 0;
		padding: 0;
		margin: 0 5.3vw;
		width: auto;
	}
	.m_user_msg{
		padding: 0;
	}
	.ml_titl{
		font-size: 4.53vw;
		margin-top: 12px;
	}
	.ml_ls{
		flex-wrap: wrap;
	}
	.sml_ls{
		flex-wrap: wrap;
	}
	.ml_item{
		width: 28.53vw;
		margin-bottom: 12px;
		padding: 5.3vw 0;
	}
	.mll_1 {
	    font-size: 4.5vw;
	}
	.mll_2 {
	    font-size: 3.46vw;
	    margin-top: 2.66vw;
	}
	.mll_2 span{
		font-size: 6.93vw;
		font-weight: bold;
	}
	.mll_3 {
	    font-size: 3.2vw;
	    margin-top: 2.66vw;
	}
	.tag_box{
		font-size: 3.2vw;
		padding-top: 4vw;
		    width: 19vw;
		    text-align: center;
		    top: -2.2vw;
		    left: -7.8vw;
	}
	.hot_icon{
		width: 12.4vw;
		top: -3vw
	}
	.ml_ls{
		margin-top: 12px;
		margin-bottom:0;
	}
	.sml_ls{
		margin-top: 12px;
		margin-bottom:0;
	}
	.pay_box{
		display: block;
	}
	.pay_item{
		width: 100%;
		border: 0;
		justify-content: space-between;
		height: auto;
		font-size: 4vw;
		padding: 0 0 12px 0;
		overflow: hidden;
		position: relative;
	}
	.pay_item::after{
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		background: #F5F5F5;
		left: 9.6vw;
		bottom: 0;
		z-index: 6;
	}
	.pay_box .pay_item:last-child::after{
		display: none;
	}
	.pay_tl img {
	    width: 5.6vw;
	    height: 5.6vw;
	    margin-left: 0;
	    margin-right: 4vw;
	}
	.pay_ck{
		width: 5vw;
		height: 5vw;
	}
	.pay_ck img{
		width: 5vw;
		height: 5vw;
	}
	.ml_ls .ml_i{
		margin-right: 1.86vw;
	}
	.ml_ls .ml_i:nth-child(3n){
		margin-right: 0;
	}
	
	.sml_ls .ml_i{
		margin-right: 1.86vw;
	}
	.sml_ls .ml_i:nth-child(3n){
		margin-right: 0;
	}
	.pay_all{
		width: 100%;
		line-height: 11.73vw;
		border-radius: 6vw;
		background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);;
		text-align: center;
		font-size: 4.26vw;
		color: #FFFFFF;
		margin-top: 12px;
	}
	.bank_box{
		width: 85.33vw;
	}
	.bank_title {
	    font-size: 3.466vw;
	    color: #333333;
	    margin-bottom: 4vw;
		font-weight: 500;
		color: #333333;
	}
	.bank_box_n {
	    width: 77.33vw;
	    margin: 0 auto;
	    margin-top: 4vw;
	}
	.close_btn {
	    width: 2.4vw;
	    height: 2.4vw;
	    right: 3.466vw;
	    top: 3.466vw;
	    z-index: 2;
	    cursor: pointer;
	}
	.bank_msg {
	    font-size: 2.466vw;
	    font-weight: 500;
	    color: #999999;
	    line-height: 3.73vw;
	}
	.bank_input img {
	    width: 4.13vw;
	    margin-right: 2.66vw;
	}
	.bank_input {
	    margin-top: 6.26vw;
	}
	.bank_input {
	    border-radius: 4px;
	    border: 1px solid #CCCCCC;
	    padding: 2.66vw;
	}
	.bank_num {
	    width: 47.7vw;
	}
	.bank_input input {
	    font-size: 3.06vw;
	}
	.bank_date {
	    width: 10.8vw;
	}
	.bank_cvc {
	    width: 9.6vw;
	}
	.bank_btn {
	    line-height: 9.33vw;
	    text-align: center;
	    width: 100%;
	    border-radius: 1vw;
	    background: rgba(120,147,177,0.41);
	    font-size: 2.66vw;
	    color: #FFFFFF;
	    margin-top: 4.266vw;
	}
	.bank_img {
	    width: 66vw;
	    margin: 0 auto;
	    margin-top: 4.133vw;
	    margin-bottom: 8.266vw;
	}
	.bank_img img {
	    width: 4.13vw;
	}

	.paying_box{
		width: 85.33vw;
	}
	.paying_box_n{
		width: 77.33vw;
		margin: 0 auto;
		margin-top: 4vw;
	}



	.lgout_box{
		width: 85.33vw;
		padding: 7vw 0;
	}
	.lgout_box_n{
		width: 77.33vw;
		margin: 0 auto;
		text-align: center;
	}












	.ts_box{
		width: 85.33vw;
		padding-bottom: 1vw;
	}
	.ts_box_n{
		width: 77.33vw;
		margin: 0 auto;
		margin-top: 4vw;
	}

	.ts_box .pay_btn div{
		margin-bottom: 5vw;
	}


	.lgout_title{
		font-size: 20px !important;
		margin-bottom: 4vw;
		font-weight: 500;
		color: #333333;
	}
	.lgout_msg{
		font-size: 14px !important;
		font-weight: 500;
		color: #999999;
		line-height: 3.73vw;
	}
	.lgout_btn{
		justify-content: center;
	}
	.lgout_btn div{
		width: 27.8vw;
		height: 9.33vw;
		line-height: 9.33vw;
		border-radius: 5vw;
		background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);;
		font-size: 14px !important;
		color: #FFFFFF;
		margin-top: 6.66vw;
		cursor: pointer;
	}
	.lgout_btn div:first-child{
		background: #F5F5F5;
		color: #333333;
		margin-right: 5vw;
	}




	.pay_title {
	    font-size: 16px !important;
	    color: #333333;
	    margin-bottom: 4vw;
		font-weight: 500;
		color: #333333;
	}
	.pay_msg {
	    font-size: 14px !important;
	    font-weight: 500;
	    color: #999999;
	    line-height: 23px !important;
	}
	.paying_box{
		height: auto;
	}
	.pay_btn div {
	    width: 100%;
	    height: 9.33vw;
		line-height: 9.33vw;
	    border-radius: 2vw;
	    background: linear-gradient(131deg, #0177F8 0%, #2DB5FE 100%);;
	    font-size: 14px !important;
	    color: #FFFFFF;
	    margin-top: 3.177vw;
	    cursor: pointer;
		margin-bottom: 8.266vw;
	}
	.m_u_btns{
		background: rgba(4, 121, 254, .1);
		color: #0177F8;
	}
	.lgout{
		font-size: 3.733vw;
		color: #ffffff;
	}

}

.showSvg {
	margin: 0 auto;
	display: block;
}

@media screen and (max-width:1334px) {
	.tag_box{

	top: -.4vw;
	}
}