@charset "utf-8";

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

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

body {
	line-height: 1.8;
	font-family: 'Microsoft Yahei',tahoma,arial,verdana,sans-serif;
	font-size: 14px
}

a {
	text-decoration: none
}

ul,li {
	list-style: none;
	margin: 0;
	padding: 0
}

@-webkit-keyframes fadeInUpXs {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUpXs {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUpXs {
	-webkit-animation-name: fadeInUpXs;
	animation-name: fadeInUpXs
}

@-webkit-keyframes fadeInRightXs {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInRightXs {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInRightXs {
	-webkit-animation-name: fadeInRightXs;
	animation-name: fadeInRightXs
}

@-webkit-keyframes bgSlideLeft {
	from {
		width: 836px
	}

	to {
		width: 861px
	}
}

@keyframes bgSlideLeft {
	from {
		width: 836px
	}

	to {
		width: 861px
	}
}

.bgSlideLeft {
	-webkit-animation-name: bgSlideLeft;
	animation-name: bgSlideLeft
}

@-webkit-keyframes bgSlideRight {
	from {
		width: 836px
	}

	to {
		width: 811px
	}
}

@keyframes bgSlideRight {
	from {
		width: 836px
	}

	to {
		width: 811px
	}
}

.bgSlideRight {
	-webkit-animation-name: bgSlideRight;
	animation-name: bgSlideRight
}

@-webkit-keyframes ppMove {
	0% {
		transform: translate(0, 0)
	}

	20% {
		transform: translate(50px, 30px)
	}

	40% {
		transform: translate(120px, -10px)
	}

	60% {
		transform: translate(-100px, 0)
	}

	80% {
		transform: translate(-150px, 50px)
	}

	100% {
		transform: translate(0, 30)
	}
}

@keyframes ppMove {
	0% {
		transform: translate(0, 0)
	}

	20% {
		transform: translate(50px, 30px)
	}

	40% {
		transform: translate(120px, -10px)
	}

	60% {
		transform: translate(-100px, 0)
	}

	80% {
		transform: translate(-150px, 50px)
	}

	100% {
		transform: translate(0, 30)
	}
}

.ppMove {
	-webkit-animation-name: ppMove;
	animation-name: ppMove;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-duration: 25s !important;
	animation-duration: 25s !important;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}


@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}




@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	50% {
		opacity: 1
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

@media (print),(prefers-reduced-motion:reduce) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important
	}
}

.glmall-footer-fn {
	background-color: #3F3F3F;
	text-align: center;
	padding: 50px 0 110px;
}
.glmall-footer-fn .footer-title {
	font-size: 38px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.glmall-footer-fn .footer-desc {
	font-size: 28px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}

.download-btn{
	display: inline-block;
	width: 188px;
	height: 54px;
	line-height: 54px;
	background: #2F80EC;
	border-radius: 27px;
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	cursor: pointer;
	margin: 32px 0 24px;
	text-align: center;
}
.glmall-footer-fn  .copyright {
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #CCCCCC;
}

.download-page {
	padding-top: 98px;
	background-color: #FFFFFF
}

.down-header-wrap {
	min-width: 1350px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 200;
	background-color: #fff
}

.down-header {
	width: 1350px;
	height: 98px;
	margin: 0 auto
}

.down-header .logo {
	float: left;
	margin-top: 25px
}

.down-header .logo a{
	font-size: 32px;
    color: #000000;
}

.down-header .logo a img {
    vertical-align: middle;
    margin-right: 13px;
}

.down-header .menu {
	float: right;
	padding-top: 30px
}

.down-header .menu a {
	float: left;
	margin-left: 90px;
	font-size: 20px;
	color: #999999; 
    /* width: 148px;
    height: 48px;
    line-height: 48px;
    background: #2F80EC;
    border-radius: 24px;   
    color: #FFFFFF;
    text-align: center;
    cursor: pointer; */
}

.wrap {
	min-width: 1350px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	font-size: 14px;
	color: #333333
}

.t-bg01,.t-bg02 {
	position: absolute;
	right: 0;
	top: 0
}

.t-bg01 {
	width: 761px;
	height: 758px;
	background: url(../images/bg02.png) no-repeat 0 0
}

.t-bg02 {
	width: 744px;
	height: 740px;
	background: url(../images/bg01.png) no-repeat 0 0
}

.primary-btn,.default-btn {
	display: inline-block;
	width: 170px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	margin-right: 20px
}

.primary-btn {
	color: #fff;
	/* background: #FFAF0F;
    background: linear-gradient(to right, #FFC400 0, #FFA119 100%); */
    background: #2F80EC;
	border-radius: 25px
}

.primary-btn:hover {
	background: #ffb829;
	background: linear-gradient(to right, #ffca1a 0, #ffab33 100%)
}

.default-btn {
	line-height: 48px;
	width: 168px;
	border-radius: 24px;
	border: 1px solid #E8E8E8;
	color: #848484
}

.default-btn:hover {
	background-color: #f8f8f8
}

.section-box {
	width: 1350px;
	margin: 0 auto;
	position: relative;
	z-index: 50
}

.section-box:after {
	content: '';
	visibility: hidden;
	display: block;
	height: 0;
	font-size: 0;
	clear: both
}

.section-box .text-info {
	float: left;
	padding-top: 50px
}

.section-box .pic-box {
	float: left
}
/* .section-box .text-info .tags-box {
    margin-bottom: 20px;
}
.section-box .text-info .tags-box .tags{
    display: inline-block;
    width: 86px;
    height: 30px;    
    line-height: 30px;
    border-radius: 4px;
    font-size: 16px;
    color: #F56464;
    text-align: center;
    background: #FFEEEE;
}
.section-box .text-info .tags-box .tags2 {
    color: #88C744;
    background: #EFFFE7;
    margin: 0 10px;
}
.section-box .text-info .tags-box .tags3 {
    color: #9A91EB;
    background: #F3F1FF;
} */

.section-box .text-info .desc {
    font-size: 38px;
    color: #666666;
}

.section-box .s-title {
	font-size: 48px;
	line-height: 86px;
	font-weight: 100
}

.section-box .desc {
	font-size: 24px;
	color: #777777;
	line-height: 1.4;
	font-weight: 100
}

.section-box .t-xs {
    margin: 9px 0 5px;
}
.section-box .t-xs .flag{
    display: inline-block; 
    /* width: 198px; */
	height: 38px;
	padding: 0 12px;
    line-height: 38px;
    background: linear-gradient(90deg, #FF3000, #FFBC48);
    border-radius: 10px 0px 10px 0px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: top;
}

.section-box .t-xs .flag2{   
    width: 138px;
    margin-left: 22px;
}

.section-box .support {
	font-size: 16px;
    color: #2F80EC;
}

.section-box .support .tags-box {
    margin-left: 20px;
}
.section-box .support .tags-box .tags{
    display: inline-block;
    /* width: 86px;
	height: 30px;     */
	padding: 0 10px;
    line-height: 26px;
    border-radius: 4px;
	/* font-size: 16px; */
	font-size: 12px;
    color: #999;
    text-align: center;
	background: #ddd;
	margin: 0 5px;
}
/* .section-box .support .tags-box .tags2 {
    color: #88C744;
    background: #EFFFE7;
    margin: 0 10px;
}
.section-box .support .tags-box .tags3 {
    color: #9A91EB;
    background: #F3F1FF;
} */

.section-box .support .win:before {
	content: '';
	display: inline-block;
	vertical-align: -4px;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	background: url(../images/windows.png) no-repeat 0 0
}

.section-box .btns {
	padding: 24px 0
}

.section01 {
	/* padding-top: 130px; */
	margin-bottom: 130px;
	/* height: 633px */
	height: 763px;
}

.section01 .pic-box {
	float: right
}

.section01 .s-title {
    margin-bottom: 8px;
    font-size: 88px;
    color: #000000;
}

.section01 .desc {
	font-size: 30px;
	margin-bottom: 16px
}

.section01 .primary-btn {
	margin-right: 30px
}

.section01 .pc-group,.section01 .app-group {
	position: relative
}

.download-tab {
	position: fixed;
	right: 16px;
	top: 280px;
	z-index: 80
}
.download-tab .download-item {
	display: block;
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	line-height: 24px;
	width: 84px;
	height: 67px;
	padding-top: 15px;
	background: url(../images/18.png) no-repeat 0 0;
}

.section02 {
	margin-bottom: 100px;
	height: 500px;
}

.section02 .text-info {
	float: right;
	padding-top: 75px
}

.section02 .s-title {
    margin-bottom: 15px;
    font-size: 58px;
    color: #000000;
}

.section02 .pic-box {
	width: 700px;
	height: 406px;
	position: relative
}

.section02 .pic-box img {
	position: absolute
}

.section02 .btns {
	padding-top: 36px;
	text-align: right;
}

.section02 .btns .tags{
	display: inline-block;
	margin-left: 15px;
	width: 98px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #2F80EC;
    border-radius: 10px 0px 10px 0px;
    font-size: 18px;
    color: #2F80EC;
}

.section03 {
	margin-bottom: 50px;
	height: 700px
}

.section03 .text-info {
	margin-top: 140px
}

.section03 .pic-box {
	float: right;
	position: relative;
	width: 944px;
	height: 520px
}
.section03 .text-info .s-title{
	font-size: 58px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
}
.section03 .text-info .desc{
	font-size: 28px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #666666;
}

.section03 .pic-box img {
	position: absolute
}

.section03 .desc {
	margin: 15px 0 40px
}

.section04 {
	padding-bottom: 90px;
	height: 520px
}

.section04 .text-info {
	float: right;
	padding-top: 130px
}

.section04 .s-title {
	margin-bottom: 20px
}

.section04 .desc {
	margin-bottom: 35px
}

.section04 .pic-box {
	position: relative;
	width: 700px;
	height: 520px;
	margin-left: 40px
}

.section04 .pic-box img {
	position: absolute
}
.section .ul {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    width: 1350px;
    margin: 0 auto;
}
.section .ul li{
    width: 30%;
    padding-top: 22px;
    /* width: 441px; */
	/* height: 227px; */
	padding: 16px;
    background: #F5F9FF;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
}

.section .ul li .name {
    font-size: 28px;
    color: #000000;
}

.section .ul li .desc {
    font-size: 16px;
    color: #666666;
    line-height: 27px;
}

.section-box>* {
	display: none
}

.section-box.show>* {
	display: block
}

.paopao01,.paopao02,.paopao03 {
	position: absolute;
	z-index: 5;
	left: 50%
}

.paopao01 {
	width: 74px;
	height: 74px;
	top: 1600px;
	margin-left: -130px;
	background: url(../images/paopao01.png) no-repeat 0 0
}

.paopao02 {
	width: 130px;
	height: 99px;
	margin-left: -900px;
	top: 285px;
	background: url(../images/paopao02.png) no-repeat 0 0
}

.paopao03 {
	width: 63px;
	height: 62px;
	top: 630px;
	margin-left: -750px;
	background: url(../images/paopao03.png) no-repeat 0 0
}

.pop-footer {
	height: 100px;
	background: rgba(0,0,0,0.5);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;	
	z-index: 100;
}
.pop-footer .pop-content {
	padding: 15px 0;
	width: 1350px;
	margin: 0 auto;
	font-size: 38px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
}
.pop-footer .pop-content img{
	vertical-align: middle;
}