/* index */
body{margin: 0 auto;position: relative;background-color: #FFFFFF;font-family: "微软雅黑";}
span{display: block;}
.indexTitleBox{height: 50px;position: relative;width: 90%;margin: 0 auto;z-index: 2;}
.indexLogo{position: absolute;left: 78px;top: 25px;}
.indexNavi,.indexNaviGreen{height: 30px;position: absolute;right: 280px;top: 26px;line-height: 25px;text-align: center;}
.indexNavi div,.indexNaviGreen div,.indexNavi a,.indexNaviGreen a{width: 70px;font-weight: 300;color: #FFFFFF;float: left;display: inline-block;font-size: 16px;margin-right: 25px;cursor: pointer;height: 29px;}
.loginBtn{cursor: pointer;width: 90px;height: 28px;background-color: rgba(255,255,255,0);font-size: 14px;border-radius: 4px;color: #FFFFFF;border: 1px #FFFFFF solid;position: absolute;right: 180px;top: 26px;}
.loginBtnPersonal{cursor: pointer;width: 90px;height: 28px;background-color: rgba(255,255,255,0);font-size: 14px;border-radius: 4px;color: #FFFFFF;border: 1px #FFFFFF solid;position: absolute;right: 70px;top: 26px;}
.goto{border-bottom: 2px solid #FFFFFF;}
.indexBg{height: 470px;margin: 0 auto;}
.centerTitle{text-align: center;font-size: 46px;color: #000000;width: 100%;margin-bottom: 27px;}
.centerMediaTitle{text-align: center;font-size: 20px;color: #646464;width: 100%;;}
.centerSmallTitle{text-align: center;font-size: 16px;color: #444444;width: 100%;line-height: 30px;margin-top: 32px;}
.bold{font-weight: bold;display: inline-block;}
.footer{height: 280px;background: #435060;position: relative;}
.pointTwo{float: right;margin-top: 255px;margin-right: 0;width: 500px;position: relative;}
.pointOne{float: right;margin-top: 255px;margin-right: 55px;width: 500px;position: relative;}
.footerMenu{margin: 0 auto;padding-top: 70px;width: 760px;}
.footerMenu div{float: left;margin-left: 2em;cursor: pointer;font-size: 16px;color: white;}
.footRights{padding-top: 65px;font-size: 14px;color: #ffffff;text-align: center;margin: 0 auto;width: 500px;line-height: 40px;}
.textChara{position: absolute;bottom: 10px;}
.textPoint{position: absolute;bottom: 35px;}
.indexBox{width: 100%;height: 1072px;}
.indexTitleBg{width: 1920px;height: 1072px;position: absolute;top: 0;}
.centerBox,.centerBgBox{width: 100%;height: 690px;padding-top: 87px;}
.centerBgBox{background-image: url("../img/downloadBg.png");}
.characterImg{margin-left: 53px;width: 220px;display: inline-block;}
.characterBox{height: 300px;margin: 0 auto;padding-top: 80px;text-align: center;}
.firstCharacterImg{margin-left: 0;}
.characterImg img{width: 180px;height: 180px;margin-left: 20px;}
.charaTitle{font-size: 21px;color: #000000;text-align: center;margin-top: 20px;}
.charaText{font-size: 16px;color: #505050;text-align: center;line-height: 30px;margin-top: 15px;}
.indexBg4{border-bottom: 3px #D1EEE9 solid;}
.instEmail{color: #FFFFFF;position: absolute;right: 0;font-size: 16px;top: 27px;width: 175px;cursor: pointer;display: none;}
.footerMenu a{color: white;}
.qrImg{width: 110px;}
.qrText{font-weight: 600;font-size: 15px;}
.iOSDown{z-index: 1;position: absolute;top: 63%;left: 45%;height: 8%;cursor: pointer;}
.AndroidDown{z-index: 1;position: absolute;top: 63%;left: 60%;height: 8%;cursor: pointer;}
.beginUse{z-index: 1;position: absolute;top: 68%;left: 45%;height: 6%;cursor: pointer;}
.swiper-button-prev{margin-left: 10%;width: 50px;height: 94px;background-size: 141px 75px;}
.swiper-button-next{margin-right: 10%;width: 50px;height: 94px;background-size: 141px 75px;}
.editBox{background-color: #f5f5f5;width: 100%;padding-top: 87px;}
.greenLine{width: 40px;margin: 0 auto;background-color: #67ce99;height: 4px;}
.whiteLine{width: 40px;margin: 0 auto;background-color: #FFFFFF;height: 4px;}
.introduceImg{width: 75%;margin: 0 auto;}
#swiperIntro{margin: 0 auto;padding: 0 100px;}
#prevIntro{background: url("../img/leftW.png") no-repeat;background-size: 50px 50px;width: 50px;height: 50px;}
#prevIntro:hover{background: url("../img/leftG.png") no-repeat;background-size: 50px 50px;}
#nextIntro{background: url("../img/rightW.png") no-repeat;background-size: 50px 50px;width: 50px;height: 50px;}
#nextIntro:hover{background: url("../img/rightG.png") no-repeat;background-size: 50px 50px;}
.characterBg{background: url("../img/characterBg.png") no-repeat;background-size: 100% 100%;}
#yonewsVideo{width: 100%;}
.whiteColor{color: #FFFFFF;}
.copartners{margin: 78px auto 0 auto;}
.downBg{background: url("../img/downBg.jpg") no-repeat right;background-size: auto 707px;height: 620px;}
.qrBox{width: 500px;margin: 50px auto 0 auto;position: relative;height: 210px;}
.qrImg{float: right;width: 170px;height: 170px;}
.qrText{float: right;position: absolute;bottom: 0;width: 170px;right: 0;text-align: center;}
.IOS,.Andriod{width: 250px;height: 80px;margin-bottom: 29px;cursor: pointer;}
#swiperIndex{margin-top: -50px;}
#swiperIntro .swiper-slide{width: 1025px;}
.greyBG{background-color: #f5f5f5;}
.videoBox{position: relative;}
#videoPlay{position: absolute;top: 50%;left: 50%;margin-top: -75px;margin-left: -75px;width: 150px;height: 150px;cursor: pointer;z-index: 1;}
#toPlat{cursor: pointer;}

/* aboutUs */
.indexNaviGreen div,.indexNaviGreen a{color: #666666;}
div.gotoGreen{border-bottom: 2px solid #01BB91;color: #01BB91;}
#loginBtnGreen{cursor: pointer;width: 90px;height: 28px;background-color: rgba(255,255,255,0);font-size: 14px;border-radius: 4px;color: #01BB91;border: 1px #01BB91 solid;position: absolute;right: 180px;top: 26px;}
#loginBtnPersonalGreen{cursor: pointer;width: 90px;height: 28px;background-color: rgba(255,255,255,0);font-size: 14px;border-radius: 4px;color: #01BB91;border: 1px #01BB91 solid;position: absolute;right: 70px;top: 26px;}
.contentBox{width: 1000px;height: 450px;position: absolute;top: 150px;}
.contentCenterTitle{color: #222222;font-size: 28px;font-weight: 400;width: 120px;text-align: center;position: absolute;left: 440px;}
.aboutUsContent{font-size: 15px;color: #666666;width: 440px;line-height: 28px;margin: 20px;}
.aboutUsContentMargin{margin-top: 80px;}
.indexBottomBg{position: absolute;bottom: 0;width: 1920px;height: 187px;}
.aboutUsImg{position: absolute;top: 80px;right: 40px;}

/* contactUs */
.contentCenterSmallTitle{color: #666666;font-size: 16px;font-weight: 400;width: 420px;text-align: center;position: absolute;left: 290px;top: 45px;}
.contactImg{width: 300px;margin: 150px 16px 0 16px;}
.contactUsBox{width: 333px;float: left;}
.contactTitle{width: 333px;text-align: center;color: #333333;font-size: 17px;font-weight: 400;position: absolute;top: 230px;}
.contactText{width: 241px;text-align: center;color: #333333;font-size: 15px;font-weight: 400;position: absolute;top: 280px;margin-left: 45px;}
#QRCode{width: 110px;position: absolute;top: 250px;margin-left: 112px;}

/* startTrial */
.contactBox{width: 250px;position: absolute;left: 375px;top: 110px;}
.contactBox label{font-size: 14px;color: #333333;}
.contactBox input[type="text"]{width: 250px;height: 30px;border: 1px solid #D2D2D2;border-radius: 4px;margin-bottom: 12px;}
#submitBtn{width: 250px;height: 34px;color: #FFFFFF;background-color: #01BB91;font-size: 15px;border-radius: 4px;font-weight: 600;margin-top: 15px;}

/* questions */
#questionsBox{width: 50%;margin: 0 25%;}
#questionTitle{font-size: 28px;color: #3EB5C1;text-align: center;margin: 60px 0;}
.questionImg{width: 32px;display: inline-block;}
.questionBox{font-size: 16px;color: #5E6770;line-height: 30px;margin-bottom: 35px;}
.question{display: inline-block;margin: 1px 0 15px 10px;}
.answer{margin-left: 50px;}
.highlightQuestion{margin: 20px 0;}