*{margin:0; padding:0;}
em{font-style:normal;}
li{list-style:none;}
a{ text-decoration:none;}
body{ width:100%;height:100vh;font-size:14px;line-height:1.75;font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif;background:url(../images/bg.png);background-size:cover; }
.clearfix:after {content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix {zoom:1;}
.body{ width:100%; }

.left{float:left}
.right{float:right}

.container{width:1400px;margin:0px auto;display:flex;flex-direction: column;justify-content: start;}
.header{display:flex;justify-content: space-between;width:100%}
.header .logo{background:url(../images/logo.png) left center no-repeat;background-size:auto 100%;height:44px;line-height:44px;margin-top:8px;padding-left:50px;font-size: 24px;
color: #333333;font-weight:500;
font-family: "Arial";}
.header .pllicy{font-size: 18px;margin-top:8px;
color: #333333;
font-family: "Arial";}
.header .pllicy a{color: #333333;}
.header .pllicy a:hover{color: #ff6600;}

.main{ width:100%; background:url(../images/rightpic.png)  right top no-repeat;background-size:  auto 100%;height:666px;position: relative;padding-right:710px;box-sizing: border-box;}
.h1{font-size: 70px;margin-top:112px;
line-height: 84px;
color: #000000;
font-weight: bold;
font-family: "Arial";}
.p1{margin-top:20px;
font-size:32px;
line-height: 36px;
color: #16171B;font-weight:bold;
font-family: "Arial";}
.p2{margin-top:40px;
font-size:18px;
line-height: 38px;
color: #797C81;
font-family: "Arial";}
.downbtn{background:url(../images/downbtn-ios.png) center center no-repeat;width:183px;height:54px;font-size: 24px;position: absolute;left:0px;top:440px;
line-height: 76px;cursor: pointer;
color: #ffffff;
font-family: "Arial";}
.downbtn-google{background:url(../images/downbtn-google.png) center center no-repeat;width:183px;height:54px;font-size: 24px;position: absolute;left:200px;top:440px;
line-height: 76px;cursor: pointer;
color: #ffffff;
font-family: "Arial";}

footer{background-color:#000;color:#fff;text-align: center;height:30px;line-height: 30px;width:100%;}
.body2{background-color:#F9F9F9;display:block;width:100%;}
.container2{margin:0 auto;width:1120px;display: flex;flex-direction: column;}
.container2 .title{color:#000;font-size:36px;display:block;text-align: center;padding-top:84px;padding-bottom:48px;}
.container2 .box{background-color:#fff;border-radius:16px;}
.column{display:flex;flex-direction: column;}
.container2  .title1{font-size:20px;font-weight: bold;display:block;text-align:center;margin-top:40px;margin-bottom:8px}
.container2  .info{font-size:14px;display:block;text-align: center;margin-bottom:20px}
.container2  .cp-btn{background-color:#000;text-align:center;width:223px;height:40px;line-height:40px;margin:0 auto;border-radius:8px;color:#fff;font-size:14px;margin-bottom:40px;cursor: pointer;}

.qa{padding:20px 40px;margin-bottom:20px;position: relative;cursor: pointer;}
.qa .title2{font-size:20px;font-weight: bold;display:block;text-align:left;}
.qa::after{content:"";position: absolute;top:31px;right:40px;width:14px;height:14px;background:url(../images/arrow.png) center center no-repeat} 
.qa.open::after{transform: rotate(180deg);transition:all 0.5s;}
.qa p{display:none;}
.qa.open p{display:block;}
/* Contact Us */
        .contact-btn {
            cursor: pointer;
            text-decoration: none;
        }
        .contact-modal {
            display: none;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.45);
            align-items: center;
            justify-content: center;
        }
        .contact-modal-box {
            width: 300px;
            max-width: calc(100% - 40px);
            background: #fff;
            border-radius: 16px;
            padding: 28px 20px;
            text-align: center;
            font-family: Arial, sans-serif;
            box-sizing: border-box;
        }
        .contact-modal-box h3 {
            margin: 0 0 15px;
            font-size: 20px;
        }
        .contact-email {
            background: #f5f5f5;
            padding: 12px 8px;
            border-radius: 8px;
            font-size: 14px;
            margin-bottom: 18px;
            word-break: break-all;
        }
        .copy-email-btn {
            border: 0;
            background: #111;
            color: #fff;
            border-radius: 8px;
            padding: 10px 25px;
            cursor: pointer;
        }
        .close-modal {
            margin-top: 12px;
            display: block;
            color: #777;
            cursor: pointer;
            font-size: 14px;
        }


