@charset "utf-8";
body,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p,hr,input,em{margin:0;padding:0;list-style:none;-webkit-text-size-adjust:none; vertical-align: middle; font-weight:normal;}
body{ font-size:14px; color:#000; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;font-variant: tabular-nums; font-feature-settings: "tnum";}
html, body{min-width: 1380px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
table,img,iframe{border:none}ul{list-style:none}
a{ color:#000; text-decoration:none;outline:none;}
a:hover {text-decoration:none;}
a:active {color:#000;text-decoration:none;}
ol,ul {list-style:none;}
fieldset,img {border:0;}
i,em{ font-style:normal;}
.left{ float:left;}
.right{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:65px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.w1200{ width: 1200px; margin-left: auto; margin-right: auto; }
/**************重置end**************************/

/*修改背景颜色*/
#parade{background-image: linear-gradient(180deg, #15FBB821 0%, #FFFFFF 100%);}
.parade_box_line_r{width: 322px;background: #D8210E;}
.parade_box_line_l{width: 130px;background: #01C6FF;}
#function{background-image: linear-gradient(180deg, #15FBB821 0%, #FFFFFF 100%); padding-top:50px;    padding-bottom: 50px;}
/*下载*/
.downloadBtn1{background-image: linear-gradient(135deg, #15FBB8 0%, #00D97D 100%);color:#FFFFFF;text-align: center;font-size:32px;width:400px;height:96px;line-height: 96px;border-radius: 14px;margin:40px auto 30px; font-weight: bold;display: flex;justify-content: center;align-items: center;}
.downloadBtn1 img,.downloadBtn2 img{vertical-align: sub;width:48px;height:48px;}

/**/
.feature_l{text-align: left;}
.downloadEle{font-size: 32px; color: rgb(51, 51, 51); letter-spacing: 0px; font-weight: 700;}
.view_br{font-size: 24px!important; color: rgb(102, 102, 102)!important; line-height: 40px!important; font-weight: 400!important; margin: 10px 0px 30px; }
.feature_r{align-items: end;}
.downloadEle{text-align: right; cursor: pointer;}
.downloadEle img{width: 758px;height:480px;}
.batch_r_div{text-align: left;}
.batch_r{align-items: end;}
.downloadEle{font-size: 32px; color: rgb(51, 51, 51); letter-spacing: 0px; font-weight: 700; cursor: pointer;}
.batch1{padding-bottom: 30px;margin-bottom:0px;}
.downloadEle1,.view_br1{text-align: left!important;}
.downloadRemark span{color: #FE9431;font-size: 56px;font-weight:600;}
.downloadBtn2{background-image: linear-gradient(180deg, #FFBF72 0%, #FD922D 100%);color: #FFFFFF;font-size:32px;width:400px;height:96px;line-height: 96px;border-radius: 14px;margin:40px auto;display: flex;justify-content: center;align-items: center; font-weight: bold;}
.footer{width:100%; height: auto; padding:35px 0px;background:#82eec7; }
.downloadName img{width:120px; height:120px; ;vertical-align: middle;}



 #scroll {
        overflow: hidden; 
        white-space: nowrap;
         height: 200px;

    }
.main {
	/*position: absolute;
    top: 0px;
    left: 0px;*/
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	background: #e5fff8;
}

.main_bg {
    width: 100%;
    height: auto;
    background-image: url( "../../images/qlds_/bg1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.header {
    width: 100%;
    height: 70px;
    /* position: fixed; */
    z-index: 10;
    top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
}

.header_m {
    width: 1200px;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 auto;
    justify-content: space-between;
}



.header .header_l {
    width: 300px;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;

}

.header .header_l img {
    width: 58px;
    height: 58px;
}

.header_l_p {
    height: 58px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header_l_p p {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 30px;

}

.header_l_p span:nth-child(1) {
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 700;
}

.header_l_sp {
    padding: 3px 8px;
    font-size: 14px;
    margin-left: 10px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 500;
    background-image: linear-gradient(180deg, #FFB258 0%, #FD7D2D 100%);
    border-radius: 6px 6px 6px 0;

}

.header_l_p {
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    font-weight: 500;
}

.header ul {
    list-style: none;
    line-height: 40px;
    margin: 0;
    box-sizing: border-box;
}

.header ul>li {
    float: left;
    margin: 10px 0px 10px 30px;
    position: relative;
    font-size: 18px;
    color: #333333;
    text-align: center;
    font-weight: 500;
}

.header ul>li::after {
    position: absolute;
    right: -18px;
    top: 12px;
    content: "";
    border-left: 2px solid #999;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.header ul>li:last-child::after {
    display: none;
}

.content {
    width: 1200px;
    margin: 10px auto 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content_p {
    width: 100%;
    text-align: center;
    font-size: 48px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 72px;
    font-weight: 900;
}

.content_p span {
    color: #FF3939;
}

.content_i {
    width: 100%;
    height: 400px;
    position: relative;
    /* width: 400px;
    height: 400px; */
    background-image: url( "../../images/qlds_/img-quan.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 400px 400px;
    background-position: 50% 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.content_i img {
    width: 340px;
    height: 240px;
    margin: 80px auto 0px;
}
.content_i_c{
    width: 680px;
    height: 240px;
    position: relative;
    left: 0px;
    top: 0px;
}
.content_i_c2{
    width: 680px;
    height: 240px;
    position: relative;
    right: 0px;
    top: 0px;
}
.content_i_l {
    position: absolute;

}

.content_i_l1 {
    left: -10%;
    top: 42%;
    opacity: 0.6;
    transform: scale(0.95);

}

.content_i_l2 {
    left: 5%;
    bottom: 1%;
    opacity: 0.65;
    transform: scale(0.85);
}

.content_i_l3 {
    left: 23%;
    top: -7%;
    opacity: 0.65;
    transform: scale(0.85);
}

.content_i_l4 {
    left: 39%;
    top: 50%;
    opacity: 0.95;
    transform: scale(1.15);
}

.content_i_l5 {
    left: 65%;
    top: 25%;
    opacity: 0.95;
    transform: scale(1.05);
}

.content_i_l6 {
    right: -10%;
    bottom: 10%;
    opacity: 0.45;
    transform: scale(0.85);
}
.content_i_r1 {
    left: -10%;
    top: 42%;
    opacity: 0.6;
    transform: scale(0.95);

}

.content_i_r2 {
    left: 54%;
    bottom: -3%;
    opacity: 0.65;
    transform: scale(0.7);
}

.content_i_r3 {
    left: 12%;
    top: 3%;
    opacity: 0.65;
    transform: scale(0.95);
}

.content_i_r4 {
    left: 24%;
    top: 60%;
    opacity: 0.95;
    transform: scale(0.85);
}

.content_i_r5 {
    left: 65%;
    top: -12%;
    opacity: 0.95;
    transform: scale(1.05);
}

.content_i_r6 {
    right: -10%;
    bottom: 40%;
    opacity: 0.85;
    transform: scale(1.05);
}

.content_i_l span {
    padding: 6px 18px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    background-image: linear-gradient(160deg, #15FBB8 0%, #00D97D 100%);
    position: relative;
}

.content_i_l span::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    right: -18px;
    top: 30%;
    border-left: 18px solid #00D97D;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    /* 红三角 */
}

.content_i_r {
    position: absolute;
}

.content_i_r span {
    padding: 6px 18px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    background-image: linear-gradient(160deg, #15FBB8 0%, #00D97D 100%);
    position: relative;
}

.content_i_r span::after {
    width: 0;
    height: 0;
    content: '';
    position: absolute;
    left: -18px;
    top: 30%;
    border-right: 18px solid #00D97D;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    /* 红三角 */
}


.content_c {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* width: 100%; */
    margin-bottom: 30px;
    margin-top: -50px;
}

.content_c  .downloadBtn {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    line-height: 72px;
    overflow: hidden;
    font-size: 28px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
    width: 250px;
    height: 72px;
    margin-top: 20px;
    background-image: linear-gradient(135deg, #15FBB8 0%, #00D97D 100%);
    border-radius: 12px;
}

.downloadBtn img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin-right: 10px;
}

.downloadBtn span {

    font-size: 26px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
}

.content_tip {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.content_tip_p {
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #222222;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}

.content_tip_c {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.content_tip_c p {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

}

.content_tip_c img {
    width: 20px;
    height: 20px;
}

.content_tip_c span {
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
    margin: 0px 50px 0px 6px;
}
.header_a {
    width: 144px !important;
    height: 48px !important;
    background-image: linear-gradient(135deg, #15FBB8 0%, #00D97D 100%);
    border-radius: 12px;
    font-size: 20px!important;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    margin-top:0px!important;
	cursor: pointer;
}

.playbot {
    width: 100%;
    height: auto;
    flex-direction: column;
    padding: 50px 0px 100px;
}

.playman {
    width: 1200px;
    margin: 50px auto 10px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.playman_l,
.playman_r {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.playman_r {
    align-items: flex-start;
}

.playman_r p:first-child {
    font-size: 32px;
    color: #2653D3;
    letter-spacing: 0;
    line-height: 48px;
    font-weight: 500;
}

.playman_r p:nth-child(2) {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    line-height: 40px;
    font-weight: 400;
}

.playman_l img {
    width: 565px;
    height: 376px;
    margin-top: 20px;
}

.cont {
    width: 1200px;
    margin: -100px auto 30px;
    padding: 0px 0px 0px;
    height: auto;
    background: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #ffffff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.13);
    border-radius: 16px;
}


.title {
    width: 100%;
    position: relative;
    text-align: center;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.title_p {
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    text-align: center;
    font-size: 32px;
    color: #333333;
    letter-spacing: 1px;
    font-weight: 700;
}

.title_sp {
    margin: 50px auto 0px;
    position: absolute;
    z-index: 1;
    font-size: 29px;
    color: rgba(13, 58, 255, 0.10);
    letter-spacing: 1px;
    font-weight: 700;
}

.playbot_c {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.playbot_c_li {
    margin-top: 50px;
    width: 330px;
    height: 360px;
    /* background: #F8FAFE; */
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.playbot_c_img1 {
    width: 382px;
    height: 322px;
}

/* .playbot_c_img1 {
    width: 140px;
    height: 140px;
    border-radius: 50%;
} */

.playbot_c_img2 {
    margin: 10px auto;
    width: 132px;
    height: 20px;
}

.playbot_c_p {
    font-size: 22px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
    margin: 10px auto 10px;
}

.playbot_c_p1 {
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 16px;
    font-weight: 400;
}

 

.spread-i {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(255, 255, 255, .2);
    width: 360px;
    height: 360px;
    border-radius: 50%;
    margin-left: -180px;
    margin-top: -180px;
    animation: spread 1.5s infinite both;
    -webkit-animation: spread 1.5s infinite both;
    -moz-animation: spread 1.5s infinite both;
    -o-animation: spread 1.5s infinite both;
}

.spread-i1 {
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0, 0, 0, .1);
    width: 360px;
    height: 360px;
    border-radius: 50%;
    margin-left: -180px;
    margin-top: -180px;
    animation: spread 1.5s infinite both;
    -webkit-animation: spread 1.5s infinite both;
    -moz-animation: spread 1.5s infinite both;
    -o-animation: spread 1.5s infinite both;
}

@keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

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

@-webkit-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

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

@-moz-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

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

@-o-keyframes spread {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
    }

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

.functiom_li:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transition: all .3s;
}

.downloadBtnhover:hover {
    background: #00d6aa;
}

.downloadBtnhover:hover span {
    color: #FFFFFF;
}

.downloadBtnother {
    cursor: pointer;
    margin: 0px auto;
    width: 360px;
    height: 90px;
    border-radius: 45px;
    position: relative;
    border: 4px solid #00d6aa;
    background: #ffffff;
    overflow: hidden
}

.downloadBtnother span {
    color: #00d6aa;
    font-weight: 600;
}

.DownloadAddress {
    animation-name: zoomInOut;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes zoomInOut {
    0% { transform: scale(1); }
    25% { transform: scale(1.1); }
    50% { transform: scale(1); }
    75% { transform: scale(1.1); }
    100% { transform: scale(1); }
  }


.banner {
    background-image: url(../images/img_printer.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 1100px;
    height: 160px;
    margin: 0 auto 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner_p {
    display: inline-block;
    width: 840px;
    height: 80px;
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 40px;
    font-weight: 500;
}

.lister {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 10px 0px;
}

.lister_li {

    width: 245px;
    height: 90px;
    display: flex;
    flex-direction: row;
    /* justify-content:space-between; */
    align-items: center;

}

.lister_li img {

    width: 60px;
    height: 60px;
}



.lister_cot_p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 10px;
}

.lister_cot_p p:nth-child(1) {
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 30px;
}

.lister_cot_p p:nth-child(2) {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;

    line-height: 21px;
    font-weight: 500;
    line-height: 30px;
}

.content_r_b {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 380px;
    margin-top: 20px;
}

.content_r_t_c1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.content_r_b span {
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    font-weight: 400;
    line-height: 30px;
}

.content_r_t_img2 {
    width: 26px;
    height: 26px;
    margin-right: 5px;
}


/*2-4*/
#content {
	height: 700px;
	background-image: url( "../../images/qlds_/bg.png");
	background-size: 100% 100%;
	text-align: center;
}

#content>.introduce {
	text-align: center;
	line-height: 46px;
	font-size: 48px;
	color: #333333;
	letter-spacing: 0;
	font-weight: 900;
	padding-bottom: 20px;
	padding-top: 30px;
}

.introduce_sub {
	font-size: 28px;
	color: #2F2F2F;
	letter-spacing: 0;
	text-align: center;
	font-weight: 500;
	/* margin-top: 30px; */
}

.introduce_btn {
	display: flex;
	flex-direction: row;
	width: 480px;
	height: 96px;
	margin: 0 auto 50px;
	color: #fff;
	position: relative;
	box-sizing: border-box;
}

.my_swiper{
	width: 100%;
	height:290px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.my_swipers{
	width: 242px;
	height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #F9FFFD;
border: 1px solid #FFFFFF;
box-shadow: 0 2px 9px 0 rgba(0,0,0,0.17);
border-radius: 12px;
margin: 0px 10px;
opacity: 0.7;
}
.my_swipers img{
width: 40px;
height: 40px;
margin-bottom: 10px;
}
.my_swipers p{
	font-size: 22px;
	color: #2F2F2F;
	letter-spacing: 0;
	text-align: center;
	font-weight: 500;
	margin: 0px;
}
.active{
	opacity: 1;
	width: 356px;
	height: 176px;
	background-image: linear-gradient(180deg, #F4FFFB 0%, #B6FFE2 100%);
border: 1px solid #FFFFFF;
box-shadow: 0 2px 9px 0 rgba(0,0,0,0.17);
border-radius: 16px;
}
.active img{
	width: 61px;
height: 61px;
}
.active p{
	font-size: 28px;

	font-weight: 500;
}
#content .introduceDownload {
	background-image: linear-gradient(90deg, #00A3FF 0%, #1360FF 99%);
	border-radius: 24px;
	font-size: 24px;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	font-weight: 500;
	width: 159px;
	vertical-align: middle;
	height: 3rem;
}

#content>.proInfo {
	font-size: 28px;
	color: #FFF;
	font-weight: 500;
	margin-top: 40px;
}

#content .contentTip>div {
	font-size: 20px;
	color: #246969;
	font-weight: 400;
	margin-top: 36px;
	text-align: center;
	display: inline-block;
	margin-right: 3rem;
}

#content .contentTip>div>img {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

#content .icDiv {
	display: inline-block;
	margin-right: 80px;
}

#content .icDiv>img,
#content .icDiv>span {
	vertical-align: middle;
}



.downloadBtn img {
	vertical-align: middle;
}

.downText {
	vertical-align: middle;
}

.downDiv {
	line-height: 22px;
	padding-top: 20px;
}

#content>.downloadBtn img,
#plzh .downloadBtn img {
	vertical-align: middle;
	margin-right: 12px;
}


/*#content .downText,
#downView .downText {
	font-size: 32px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 700;
	line-height: 96px;
	vertical-align: middle;
}*/
.introduce_btn_img{
	width:60px ;
	height: 60px;
	position: absolute;
	right: -33px;
	bottom: -18px;
	z-index: 10;
}

.versions {
	font-size: 20px;
	color: #FFFFFF;
	letter-spacing: 0;
	font-weight: 400;
	position: absolute;
	right: -260px;
	bottom: 14px;
}

.versions img,
.versions span {
	margin-right: 12px;
	vertical-align: middle;
}

.downLoadBtn {
	width: 260px;
	height: 70px;
	background-image: linear-gradient(270deg, #f44336 0%, #ff8660 100%);
	border-radius: 4px;
	font-family: SourceHanSansCN-Regular;
	font-size: 32px;
	color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#parade {
	height: auto;
	text-align: center;
	background-size: 100%;
	display: flex;
	flex-direction: column;
	margin: 0px 0px 0px;
}

.fuctionInfo {
	width: 1200px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	top: 0px;
	padding: 0px 0px 20px;
}

.fuctionInfo_warp {
	display: flex;
	flex-direction: row;
	/* flex-wrap: wrap; */
	justify-content: center;
}

.fuctionInfo_warp .card {
	width: 175px;
	height: auto;
	text-align: center;
	display: inline-block;
}

.fuctionInfo_warp .card>img {
	margin: 30px auto 20px auto;
	display: block;
	width: 100px;

}

.fuctionInfo_warp .cardText {
	font-size: 16px;
	color: #333333;
	letter-spacing: 0.79px;
	text-align: center;
	font-weight: 400;
	display: block;
}


.parade_box {
	width: 1200px;
	margin: 0 auto;
	padding-top: 50px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.parade_box_t {
	width: 533px;
	height: 186px;
	background: #FFFFFF;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.07);
	border-radius: 16px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.parade_box_t img {
	width: 110px;
	height: 88px;

}

.parade_box_t_c {
	display: flex;
	flex-direction: column;
}

.parade_box_t_c p:first-child {
	font-size: 20px;
	color: #333333;
	font-weight: 500;
	text-align: left;
	line-height: 35px;
	margin: 0px;
}

.parade_box_line {
	width: 346px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #D4D4D4;
}

.parade_box_line span {
	display: block;
	height: 26px;

}

.parade_box_t_c p:nth-child(3) {
	font-size: 16px;
	color: #333333;
	font-weight: 400;
	text-align: left;
	line-height: 30px;
	margin: 0px;
}

.parade_box_b {
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	font-weight: 600;
	padding: 15px 0px;
}

#feature,.feature {
	padding-top: 50px;
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
}

#batch,.batch {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	flex-direction: row-reverse;
	margin-bottom: 30px;
}



.function_title {
	font-size: 32px;
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	line-height: 60px;
	font-weight: 900;
	margin: 30px auto 10px;
}

.function_title span {
	color: #0985FF;
}

.function_subtitle {
	text-align: center;
	font-size: 24px;
	color: #666666;
	letter-spacing: 0;
	text-align: center;
	font-weight: 400;
	margin: 0 auto;
}

.batch_r,
.batch_l,
.feature_l,
.feature_r {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	/* width: 50%; */
}

.batch_r {
	width: 480px;
	padding: 0px 100px 0px 0px;
}

.feature_l {
	width: 560px;
	padding: 0px 30px;
	/* padding: 0px 0px 0px 25%; */
}

.batch_r_sub {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.batch_r_sub span {
	font-size: 20px;
	color: #0985FF;
	letter-spacing: 0;
	text-align: center;
	font-weight: 600;
	padding: 8px 20px;
	background: #D7EBFF;
	border-radius: 8px;

}

.box_1280 {
	width: 1280px;
	height: 100%;
	margin: 0 auto;
}


.block_3 ul {
	padding: 0 90px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.block_3 ul li {
	width: 510px;
	display: flex;
	margin-bottom: 50px;
	cursor: pointer;
}

.block_3 ul li .b3u_item_l {
	margin: 0 40px 0 0;
}

.block_3 ul li .b3u_item_l img {
	display: block;
	margin-top: 10px;
	width: 148px;
	height: 148px;
}

.block_3 ul li .b3u_item_l p {
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	color: #444;
}

.block_3 ul li .b3u_item_r h4 {
	font-size: 28px;
	font-weight: 600;
	color: #444;
}

.block_3 ul li .b3u_item_r h4 span {
	font-size: 60px;
	line-height: 10px;
	margin-right: 8px;
}

.block_3 ul li .b3u_item_r .b3uir_gradient {
	color: #444;
	font-size: 16px;
	margin: -30px 0 0px 0;
	line-height: 1px;
}

.block_3 ul li .b3u_item_r .b3uir_e2 {
	color: #333333;
	font-size: 16px;
	line-height: 0px;
}

.block_3 ul li .b3u_item_r .border_gradient {
	width: 380px;
	height: 8px;
	background-image: linear-gradient(135deg, #19F0BC 0%, #00CED8 100%);
	border-radius: 6px;
	margin-bottom: 0px;
}

.block_3 ul li .b3u_item_r .border_e2 {
	width: 96px;
	height: 8px;
	background: #EEEEEE;
	border-radius: 6px;
	margin-bottom: 7px;
}



#downView {
	height: 480px;
	background-image: linear-gradient(155deg, #A6F7FF 0%, #77FFBF 100%);
	text-align: center;
}

#downView .downloadName {
	padding-top: 50px;
	font-size: 54px;
	color: #FFFFFF;
	font-weight: 700;
}

#downView .downloadRemark {
	margin-top: 20px;
	font-size: 32px;
	color: #333333;
	font-weight: 600;
}


.gif_img {
	margin-top: 50px;
	display: block;
	position: relative;
	animation: move 2s infinite;
}


#messager_1,
#messager_2 {
	position: absolute;
	top: 80px;
	width: 100%;
}

#messager_1 li,
#messager_2 li {
	height: 50px;
	list-style: none;
}

#messager_1 li div,
#messager_2 li div {
	margin: auto;
	height: 40px;
	width: -moz-max-content;
	width: max-content;
	background: #FEF8C9;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	font-size: 14px;
	color: #444444;
	display: flex;
	align-items: center;
	padding: 0 25px 0 14px;
}

#messager_1 li div img,
#messager_2 li div img {
	margin-right: 10px;
}

@keyframes move {
	0% {
		top: 0;
	}

	50% {
		top: 50px;
	}

	100% {
		top: 0;
	}
}

.downloadBtnhoverctive1 {
	position: relative;
	overflow: hidden;
}

.downloadBtnhoverctive1:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 500%;
	left: 50%;
	top: 0%;
	margin-left: -50%;
	margin-top: -50%;
	border-radius: 50%;
	background: rgba(0, 0, 0, .1);
	animation: spread 1.5s infinite both;
	-webkit-animation: spread 1.5s infinite both;
	-moz-animation: spread 1.5s infinite both;
	-o-animation: spread 1.5s infinite both;
}


.downloadBtnhoverctive {
	position: relative;
	overflow: hidden;
}

.downloadBtnhoverctive:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 500%;
	left: 50%;
	top: -50%;
	margin-left: -50%;
	margin-top: -50%;
	border-radius: 50%;
	background: rgba(0, 0, 0, .1);
	animation: spread 1.5s infinite both;
	-webkit-animation: spread 1.5s infinite both;
	-moz-animation: spread 1.5s infinite both;
	-o-animation: spread 1.5s infinite both;
}



@keyframes spread {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

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

@-webkit-keyframes spread {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

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

@-moz-keyframes spread {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

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

@-o-keyframes spread {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0);
	}

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





@keyframes pronamei {
	0% {
		top: -8px;
	}

	50% {
		top: 8px;
	}

	100% {
		top: -8px;
	}
}

@-webkit-keyframes pronamei {
	0% {
		top: -8px;
	}

	50% {
		top: 8px;
	}

	100% {
		top: -8px;
	}
}

.card:hover {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transition: all .3s;
}


.trans_all {
	transition: all 0.3s ease;
	cursor: pointer;
}

.trans_all:hover {
	transform: translateY(-10px);
}
.DownloadAddress {
	animation-name: zoomInOut;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes zoomInOut {
	0% { transform: scale(1); }
	25% { transform: scale(1.1); }
	50% { transform: scale(1); }
	75% { transform: scale(1.1); }
	100% { transform: scale(1); }
}