@charset "utf-8";
html, div, body, p, li, form, img, dd, h1, h2, h3, h4{margin:0 auto;padding:0;font:14px/1.8em  "Arial","Helvetica","Verdana","sans-serif";font-weight:normal;}
img{border:none;}
a,a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
ul, li{margin:0;padding:0;list-style:none;}
.container{max-width:1200px;overflow:hidden;position: relative;z-index: 2;}
.flex-box,.flex_box{display:-webkit-box;display: -webkit-flex;display: flex;flex-direction: row;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}
h1{font-size: 42px;line-height: 48px;margin: 0 auto 76px;text-align: center;color:#222;}
h2{font-size: 40px;font-weight: bold;color: #FFFFFF;line-height: 53px;}
.title{display: block;font-size: 24px;font-weight: bold;color: #222222;line-height: 32px;}
.info{display: block;font-size: 16px;font-weight: 400;color: #222222;line-height: 32px;}
#header{z-index: 3;}
body{background: url(/images/index/bannerbg.png) no-repeat center 60px;position: relative;}
.body_bg1{position: absolute;left: 0;top: 1123px;display: block;width: initial;max-width: 100%;z-index: 1;}
.body_bg2{position: absolute;left: 50%;top: 2572px;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);display: block;width: initial;max-width: 100%;z-index: 1;}
.body_bg3{position: absolute;left: 0;bottom: 769px;display: block;width: initial;max-width: 100%;z-index: 1;}
#header .container{padding: 0;}

/*banner*/
.banner{width: 100%;margin:0 auto;padding-top: 80px;padding-bottom: 80px;}
.banner h2{margin:20px 0 0;}
.banner ul{margin:20px 0 40px;}
.banner li{margin:0 0 10px;font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 24px;}
.banner li img{display: inline-block;margin:0 10px 0 0;vertical-align: -4px;}
.banner .buy_section{margin: 0;max-width: 460px;overflow: visible;}
.buy_section .download_zoon{margin:0 0 10px;border-radius: 28px;width: 220px;height: 56px;position: relative;text-align: center;background-color: rgba(255,255,255,.2);transition: all linear .2s;cursor: pointer;}
.banner .buy_section .download_zoon.show{background-color: rgba(255,255,255,.2)}
.banner .left_part{margin: 0;}
.buy_section .download_zoon.show.active{height: 112px;}
.buy_section .download_zoon .download_btn{display: block;width: 220px;height: 56px;background: #FFFFFF;border-radius: 40px;font-size: 18px;font-weight: 600;color: #326DFF;line-height: 56px;position: relative;z-index: 2;text-decoration: none;text-align: center;}
.buy_section .download_zoon .download_btn>img{display: inline-block;margin:0 10px 0 0;vertical-align: -4px;}
.download_system{-webkit-justify-content: center;-webkit-align-items: center;-webkit-flex-wrap: nowrap;justify-content: center;align-items: center;flex-wrap: nowrap;position: absolute;left: 0;bottom: 0;width: 100%;z-index: 0;}
.download_system.hide{display: none;}
.download_system a{display: block;width: 100%;height: 56px;line-height: 24px!important;color:#fff;text-decoration: none;}
.download_system a img{display: block;margin:5px auto;vertical-align: -6px;}
.download_system .separate{display: block;border-right: 1px solid rgba(255,255,255,.4);height: 24px;}
.buy_section .jump{margin:0 0 10px;box-sizing:border-box;border-radius: 28px;width: 220px;height: 56px;border:1px solid #fff;position: relative;text-align: center;transition: all linear .2s;cursor: pointer;color:#fff;font-size:18px;line-height: 54px;text-decoration: none;}
.tab_item{}
.tab_item.hide{display: none;}
.banner_tab{margin:90px auto 0;text-align: center;}
.banner_tab li{display: inline-block;margin: 0 10px;background: #FF685D;border-radius: 10px;opacity: .3;width: 14px;height: 14px;cursor: pointer;transition: all linear .2s;}
.banner_tab li.active{opacity: 1;width: 56px;}

/*explore*/
.explore{width: 100%;margin:0 auto 95px;overflow: visible;}
.explore h2{color:#222;margin-bottom: 35px;text-align: center;}
.explore_container{margin:0 auto;}
.explore_item{margin: 0 27px 48px;box-sizing: border-box;margin:0 0 48px;width: 572px;padding:32px 40px 48px;background: #FFFFFF;border-radius: 32px;text-align: center;box-shadow: 0 0 20px 0 rgba(0,0,0,.19);}
.explore_item .title{text-decoration: none;}
.explore_item .title:hover{color:#326DFF;}
.info_zoon{margin:20px auto 32px;background: #E0E9FF;overflow: hidden;border-radius: 16px;position: relative;}
.info_zoon .info{position: absolute;width: 88%;left: 50%;top: 140%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);overflow: hidden;transition: all linear .3s;opacity: 0;}
.info_zoon img{display: block;margin:0 auto;width: initial;max-width: 100%;transition: all linear .3s;}
.info_zoon:hover img{opacity: 0;}
.info_zoon:hover .info{top: 50%;opacity: 1;}
.explore_item .jump{width: 240px;height: 56px;display: block;margin:0 auto;background: #326DFF;border-radius: 40px;font-size: 18px;font-weight: 600;color: #FFFFFF;line-height: 56px;text-decoration: none;}
.read_more{margin:0 auto;display: block;text-align: center;width: 240px;height: 28px;font-size: 20px;font-weight: bold;color: #FF685D;line-height: 28px;text-decoration: none;}
.explore_item .buy_section{-webkit-justify-content: center;justify-content: center;height: 56px;overflow: visible;}
.explore_item .buy_section .download_zoon .download_btn{background: #326DFF;color:#fff;}
.buy_section .download_zoon.show{background: rgba(50,109,255,.8);}




/*trust*/
.trust{width: 100%;margin:0 auto;padding-top: 100px;padding-bottom: 110px;background: url(/images/index/reviewbg.png) no-repeat center top;text-align: center;}
.trust .container{position: relative;overflow: visible;}
.trust h2{margin-bottom: 60px;}
.trust_i{box-sizing: border-box;margin:0 0 30px;width: 573px;min-height: 280px;padding:53px 45px 20px;background: #FFFFFF;border-radius: 32px;}
.trust_i img{display: block;margin:0 auto 25px;width: initial;max-width: 100%;}
.trust_items.hide{display: none;}
.trust ul{text-align: center;margin: 33px auto 0;}
.trust_index{display: inline-block;width: 14px;height: 14px;margin:0 9px;background: #FFFFFF;border-radius: 20px;opacity: 0.3;transition: all linear .2s;}
.trust_index.active{width: 56px;opacity: 1;}
.left_tab{position: absolute;left: -122px;top: 222px;width: 66px;height: 66px;cursor: pointer;}
.right_tab{position: absolute;right: -122px;top: 222px;width: 66px;height: 66px;cursor: pointer;}

/*articles*/
.articles{margin: 100px auto;}
.articles_item{box-sizing: border-box;width: 385px;padding:0 0 10px;background: #FFFFFF;border-radius: 20px;overflow: hidden;border: 1px solid transparent;margin:0 0 16px;}
.articles>div{box-sizing: border-box;width: 385px;margin:0 0;}
.articles_item:nth-child(1){border-color: #FFDED8;}
.articles_item:nth-child(2){border-color: #FFEFAF;}
.articles>div .articles_item:nth-child(1){border-color: #9FF1E7;}
.articles>div .articles_item:nth-child(2){border-color: #D2D4FF;}
.articles_item .top{width: 100%;box-sizing: border-box;text-align: left;padding:20px 30px;font-size: 24px;font-weight: bold;color: #FFFFFF;line-height: 36px;}
.articles_item:nth-child(1) .top{background: #FF685D;}
.articles_item:nth-child(2) .top{background: #FFB801;}
.articles>div .articles_item:nth-child(1) .top{background: #2EC8B5;}
.articles>div .articles_item:nth-child(2) .top{background: #3F80FF;}
.articles>div .articles_item:nth-child(2){margin: 0;}
.articles_item ul{margin:16px 0 0;width: 100%;box-sizing: border-box;padding-left: 30px;overflow: hidden;}
.articles_item li{list-style-type: disc;margin:16px 0;}
.articles_item li a{font-size: 16px;font-weight: 400;color: #333333;line-height: 28px;text-decoration: none;}
.articles_item li a:hover,.articles_item li:hover a{color:#326DFF;}
.articles_item .title{margin: 20px auto 4px;width: 90%;font-size: 20px;font-weight: bold;color: #333333;line-height: 30px;text-align: center;text-decoration: none;}
.articles_item .title:hover{color:#326DFF;}
.articles_item .time{text-align: center;margin: 4px auto 8px;font-size: 16px;font-weight: 400;color: #FF685D;line-height: 20px;}
.articles_item .info{margin: 8px auto 16px;width: 90%;text-align: center;font-size: 16px;font-weight: 400;color: #333333;line-height: 24px;}
.articles_item .learn_more{display: block;margin:0 auto 20px;width: 180px;height: 42px;background: #326DFF;border-radius: 31px;font-size: 16px;font-weight: 600;color: #FFFFFF;line-height: 42px;text-align: center;text-decoration: none;}

/*choose*/
.choose{width: 100%;margin:100px auto;text-align: center;}
.choose h2{color:#222;margin-bottom: 40px;}
.choose_item{margin:0 0;box-sizing: border-box;width: 385px;padding:32px 30px;border-radius: 24px;}
.choose_item img{display: block;margin: 0 auto;}
.choose_item .title{margin: 24px auto 12px;font-size: 24px;font-weight: bold;color: #222222;line-height: 24px;}
.choose_item .info{margin: 0 auto ;font-size: 16px;color: #222222;line-height: 24px;}


/*ads*/
.top-ads{position:fixed;z-index:3;width: 100%;left: 50%;bottom: 0;background:#fff url(/images/system/top-ads-special-offer.jpg) no-repeat 50% 0;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);}
.ads{height:100px;display:block;}
.top-ads img{position:absolute;right:0px;top:0px;cursor:pointer;}



@media screen and (max-width: 1200px) {
    .container{box-sizing: border-box;padding-left: 30px;padding-right: 30px;}
    .body_bg1,.body_bg2,.body_bg3{display: none;}
    .banner{padding-top: 50px;padding-bottom: 0;background: #326dff;}
    body{background: none;}
    .explore{margin-top: 50px;}
    .explore_container{-webkit-justify-content: center;justify-content: center;}
    .explore_item{width: 100%;max-width: 572px;}
    .trust{background-size: cover;padding-top: 40px;padding-bottom: 50px;}
    .trust .container{max-width: 633px;}
    .trust_i{width: 100%;max-width: 573px;}
    .trust ul{margin:15px auto ;}
    .left_tab, .right_tab{top: 50%;}
    .left_tab{left: -80px;}
    .right_tab{right: -80px;}
    .choose{margin:20px auto 50px;}
    .choose_container {max-width: 700px;}
    .choose_item{margin:16px 0;width: 100%;max-width: 335px;box-shadow: 0px 4px 20px 0 #EFF0F7;}
    .articles{max-width: 860px;margin:20px auto;}
    .articles>div{margin:0 0 30px;padding:0;}
    .articles>div:nth-last-child(1){max-width: 860px;width: 100%;}
    .articles>div:nth-last-child(1) .articles_item{margin:0 0 30px}
    .articles_item{margin: 30px auto 0;width: 100%;max-width: 385px;}
}
@media screen and (max-width: 1000px) {
    h1{font-size: 36px;line-height: 40px;margin-bottom: 30px;}
    h2{font-size: 26px;line-height: 30px;}
    .right_img{display: none;}
    /* .banner .buy_section .download_zoon{display: none;} */
    .left_tab, .right_tab{display: none;}
    .trust h2{margin-bottom: 30px;}
    .footer ul{min-width: 200px;}
    .explore_item{padding:20px}
	.top-ads{background:#fff url(/images/system/top-ads-special-offer-pad.jpg) no-repeat 50% 0;}
	.ads{height:61px;display:block;}
}
@media screen and (max-width: 840px) {
    .articles {justify-content: center;max-width: 400px;}
    /* .footer .footer_container{justify-content: flex-start;}
    .footer ul{margin:0 10px 30px 0;} */
}
@media screen and (max-width: 700px) {
    .top-ads {background: #fff url(/images/system/top-ads-special-offer-mobile.jpg) no-repeat 50% 0;}
    .choose_container {justify-content: center;}
    .choose_item{margin:32px 0 41px}
}
@media screen and (max-width: 540px) {
.info_zoon .info{font-size: 12px;width: 96%;line-height: 18px;}
.choose_item{margin: 24px 0;}
}