body, h1,h2,h3,h4,h5,h6, hr, p, blockquote,pre, dl,dt,dd,ul,li,ol,th,td, img,form,fieldset,legend,button,select,input,textarea{margin:0; padding:0;list-style:none} article,aside,details,figcaption,figure,summary,hgroup,section,nav,menu,header,main,footer {display:block}body, html{-webkit-tap-highlight-color:rgba(0,0,0,0)}input,button,select,a{display:inline-block; box-shadow:none; outline:none; border:none}img{max-width:100%; border:0px;} em,i{font-style:normal} a,a:hover{outline:none; text-decoration:none; color:#000; cursor:pointer;}button,html input[type="button"] {outline:none; cursor:pointer; background:none}*{box-sizing:border-box}body{        font:14px/1.6     "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",    Arial,"Hiragino Sans GB","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif ;       color:#000;    background-color:#fff;}header{	width: 100%;	padding-bottom: 60px;	/*background: url(../images/header-bg.jpg) center no-repeat #1d2024;*/	background-size: cover;}.container{	width:100%;	margin:0 auto;	padding-right:20px;	padding-left:20px;}.container .row {    align-items: center;    display: -webkit-box;    display: -webkit-flex;    display: -ms-flexbox;    display: flex;    -webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}.header-logo{	width: 100%;	padding: 30px 0;	display: flex;	justify-content: space-between;    align-items: center;	flex-wrap: wrap;}.header-logo .logo img{	height: 45px;}.header-menu a{margin-left: 15px;	padding: 0 15px;	height: 34px;	line-height: 34px;	color: #fff;	font-size: 15px;	background-color: rgba(255,255,255,.2);	border-radius: 4px;	display: inline-block;}.header-menu a:hover{	background-color: rgba(255,255,255,.3);}.header-logo .btn{	padding: 0 15px;	height: 34px;	line-height: 34px;	color: #fff;	font-size: 14px;	background-color: #0dc596;	border-radius: 4px;	display: inline-block;}.header-logo .btn:hover{	background-color: #0bd19f}.header-banner{	width: 100%;	padding: 50px 0;}.header-banner .left-text{	color: #fff;}.header-banner .left-text h2{	margin-bottom: 20px;	font-size: 30px;	line-height: 1.4;}.header-banner .left-text p{	font-size: 18px;	line-height: 1.8;}.header-banner .download-items{	margin-top: 40px;	display: flex;	justify-content: center;}.header-banner .download-items h3{	margin-bottom: 10px;}.header-banner .download-items a{	height: 50px;	margin-bottom: 15px;	margin-top:30px;	color: #fff;	font-size: 18px;	text-align: center;	background-color: #0dc596;	border-radius: 4px;	display: flex;	align-items: center;	justify-content: center;}.header-banner .download-items a:hover{	background-color: #0bd19f}.header-banner .download-items a .iconfont{	margin-right: 5px;	font-size: 20px;}.header-banner .download-items-code{	width: 220px;	text-align: center;}.header-banner .download-items-code p{	margin-bottom: 10px;	font-size: 14px;}.header-banner .download-items-code img{	width: 170px;}.header-banner .right-slide .swiper-slide {    transition: 300ms;    transform: scale(0.8);    height: 360px;    background-size: cover;	background-position: center;    background-repeat: no-repeat;	box-shadow: 0px 4px 15px rgb(0 0 0 / 75%);}.header-banner .right-slide .swiper-slide-active, .header-banner .right-slide .swiper-slide-duplicate-active {    transform: scale(1);}.header-banner .right-slide .swiper-pagination-bullet-active {    opacity: 1;    background: #0dc596;}.header-url {	width: 100%;	max-width: 480px;	height: 50px;	margin: 0 auto;	color: #fff;	display: flex;	align-items: center;	justify-content: center;	background-color: rgba(29,29,29,.7);	border-radius: 25px;}.header-url h3{	color: #0dc596;}.header-url .p1{	margin: 0 20px;	font-size: 24px;}.header-url .p2 {    color: #B0ECFF;	cursor: pointer;}.floor {    padding: 80px 0;}.floor .col {	padding: 0 15px;}.floor h3 {	margin-bottom: 16px;    font-size: 32px;    line-height: 1.6;    font-weight: bold;    color: #fff;}.floor p {    font-size: 22px;    line-height: 1.5;    color: rgba(255,255,255,0.6);}.floor1, .floor4 {	background-color: #0DC596;}.floor2{	padding: 0;	background: #000;}.floor2 .container {	padding: 80px 40px;	background: url(../image/floor2_bg.jpg) top right no-repeat;}.floor2 ul{	max-width: 700px;	padding-top: 10px;	color: #fff;	list-style: disc;}.floor2 li{	margin-bottom: 12px;	color: #0dc596;	list-style: disc;}.floor2 a{	font-size: 18px;	color: #0dc596;}.floor3, .floor6{	background-color: #1d1f23;}.floor4{	padding: 0;}.floor4 .img{	padding-bottom: 420px;	text-align: right;	position: relative;}.floor4 .img img{	position: absolute;	right: 0;	bottom: 0;}.floor5 {	padding: 0;	background-color: #020302;}.floor7 {	padding: 50px 0;}.floor7 .row{	align-items: flex-start;}.floor7 .col:first-child {	border-right: 1px solid #ececec;}.floor7 .floor7-title {	margin-bottom: 30px;	color: #0dc596;    font-size: 30px;	font-weight: 700;	text-align: center;}.floor7 .floor7-m-title {	margin-bottom: 15px;	display: flex;	align-items: center;	justify-content: center;}.floor7 .floor7-m-title .iconfont{	margin-right: 10px;	font-size: 54px;	color: #0dc596;}.floor7 .floor7-m-title h3 {	margin-bottom: 5px;	font-size: 20px;	color: #333;}.floor7 .floor7-m-title p{	font-size: 14px;	color: #333;}.floor7 .floor7-content {	text-align: center;}footer {    background-color: #1d2024;    color: #fff;    padding: 30px 0;}footer .copyright {    font-size: 15px;    text-align: center;}#modal{	display: none;}.modal .container{	padding: 30px 20px 20px;}.modal .row{	align-items: flex-start;}.modal .col{	text-align: center;}.modal .logo{	width: 50%;	max-width: 180px;}.modal h3 {    margin: 10px 0;    font-weight: bold;    font-size: 30px;    line-height: 1.6;}.modal p {    margin: 0 0 30px 0;    font-size: 16px;    line-height: 1.8;}.modal .modal-btn{	padding: 0 20px;	line-height: 40px;    color: #fff;    font-size: 16px;    text-align: center;    background-color: #0dc596;    border-radius: 4px;}.modal .modal-btn:hover{	background-color: #0bd19f}.modal .bubble{	text-align: left;	background-color: #f8f8f8;	font-size: 14px;    line-height: 1.6;	margin-bottom: 15px;    padding: 15px;    border-radius: 4px;	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);	position: relative;}.modal .bubble:after{	content:'';	position:absolute;	right:100%;	top:10px;	width:0;	height:0;	border-width:4px;	border-style:solid;	border-color:transparent;	border-right-width:8px;	border-right-color:currentColor;	color:#f8f8f8;}.ios-download .layui-layer-content p {	font-size: 15px;	line-height: 2.2;}.layui-layer .layui-layer-btn {	padding-top: 5px;    border-top: 1px solid #F0F0F0;}.layui-layer .layui-layer-btn .layui-layer-btn0 {    border-color: #0dc596;    background-color: #0dc596;    color: #fff;}.layui-layer .layui-layer-btn .layui-layer-btn0:hover {	background-color: #0bd19f}.art-word {	color: #fff;}.art-word h2 {    font-size: 32px;    margin: 30px 0;}.art-word span {    font-size: 24px;    margin: 20px 0;	display: block;}.art-word p {    font-size: 18px;	line-height: 1.6;}.art-content {	padding: 50px 0;}.art-content h2 {    font-family: PingFangTC-Semibold;    font-size: 24px;    letter-spacing: 2.28px;    line-height: 1.4;}.art-content p {    margin: 20px 0;    font-family: PingFangTC-Semibold;    font-size: 15px;    color: #474545;    letter-spacing: 1.9px;    line-height: 1.8;}.art-content p > b {    color: #f00;}.art-content p > i {    color: #999;}.feedback .layui-layer-content {	padding: 20px;}.feedback .fb-des {    font-size: 15px;    line-height: 1.5;}.feedback .fb-item{	margin-top: 10px;}.feedback .fb-text, .feedback .fb-input {    display: block;    width: 100%;    padding: 0.6rem;    font-size: 0.9rem;    line-height: 1.5;    color: #555;    background-color: #fff;    border: 1px solid #ccc;    border-radius: 4px;}@media (max-width: 540px){	.header-logo .logo img{		height: 32px;	}	.header-logo .btn{		height: 32px;		line-height: 32px;	}	.header-banner .left-text h2{		font-size: 26px;	}	.header-banner .left-text p{		font-size: 16px;	}	.header-banner .download-items-btn{		width: 100%;		max-width: 240px;	}	.header-banner .download-items a{		font-size: 16px;	}	.header-banner .download-items-code{		display: none;	}	.header-banner .right-slide .swiper-slide{		height: 200px;	}	.header-url {		max-width: 300px;		padding: 20px 15px;		text-align: center;		height: auto;		display: block;		border-radius: 10px;	}	.header-url h3, .header-url .p1{		margin-bottom: 5px;	}	.floor {		padding: 50px 0;	}	.floor h3{		margin-top: 20px;		font-size: 25px;		line-height: 1.4;	}	.floor p{		font-size: 18px;	}	.floor2, .floor5{		padding: 0;	}	.floor2 .container{		padding: 50px 40px;		background-size: 50% auto;	}	.floor7 .col:first-child{		border: none;	}	.row-reverse{		flex-direction:column-reverse;	}	.modal .col{		width: 100%;	}	.modal .modal-btn{		margin-bottom: 30px;	}}@media (min-width: 540px){	.container .col {		-webkit-box-flex: 0;		-webkit-flex: 0 0 50%;		-ms-flex: 0 0 50%;		flex: 0 0 50%;		max-width: 50%;	}}@media (max-width: 960px){	.header-banner .left-text{		margin-bottom: 40px;		text-align: center;	}	.header-banner .download-items-btn{		width: 240px;	}	.floor4{		padding: 50px 0;	}	.floor4 .img{		padding: 0;	}	.floor4 .img img{		position: static;	}}@media (min-width: 960px){	.header-banner {		display: flex;		justify-content: space-between;		align-items: center;	}	.header-banner .left-text{		padding-right: 20px;		-webkit-box-flex: 0;		-webkit-flex: 0 0 40%;		-ms-flex: 0 0 40%;		flex: 0 0 40%;		max-width: 40%;	}	.header-banner .download-items-btn{		margin-right: 10px;		flex: 1;	}	.header-banner .right-slide{		-webkit-box-flex: 0;		-webkit-flex: 0 0 60%;		-ms-flex: 0 0 60%;		flex: 0 0 60%;		max-width: 60%;	}}@media (min-width: 1200px){	.container{		max-width:1170px;	}}