*{font-family:"微软雅黑";}
body{margin: 0; padding: 0;background-color:#1f053d;}
ul,li,dl,dt,dd,a{bodrder:0;margin: 0;padding: 0;}
div{bodrder:0;margin: 0;padding: 0;}
div.maindiv{width:100%;background-color:#1f053d;display: block; }
div.bodydiv{width:100%;}
.mainheight{height:950px;background:url(../img/bg.jpg) bottom center no-repeat;}
.fontheight{height: auto;}
div.header{width:70%;height:84px;margin:0 auto;border-bottom:0;}
.header .logo{width: 103px;height:67px; background: url(../img/logo.png) no-repeat;margin-left:5px;margin-top:8px;float:left;}
.header .menudiv{width: 240px;height:84px;float:right;}
.header .menudiv a{width: 120px;height:84px;line-height:84px;font-family:"微软雅黑"; font-weight: 400; font-size:16px;text-align:center;text-decoration:none;display:block; float: left;}
.header .menudiv a{text-decoration:none;color:#967cb2; border: 0;font-family:"微软雅黑";}
.header .menudiv a.setting{color: #fff; font-weight: 700;font-family:"微软雅黑";}
.header .menudiv a.setting:hover{text-decoration: none;}
.header .menudiv a:hover{color:#ffffff;text-decoration:none; border: 0;}
.bgdiv{width:100%;height:884px; }
.pbgdiv{ display: none;}
.bgdiv .centerInfo{ width:70%; height: auto; margin: 0 auto;}
.bgdiv .centediv{font-family:"微软雅黑";text-align: left;font-size: 48px;color: #fff;line-height: 60px;height:auto;margin:0 auto;padding-top: 220px; width:60%; float: left;}
.bgdiv .centediv p{ font-size: 18px; line-height: 22px; color: #c9bbd5; padding-top: 40px; margin: 0;}
.bgdiv .centediv .download{ width:100%; height: auto; display: block;padding-top: 30px;}
.bgdiv .centediv .btn{width:250px;height: 68px;display: block; float: left;}
.bgdiv .centediv .btn a{ width: 150px;min-width:100px; height:60px;font-size: 16px;background-color: #f00;color: #fff; text-decoration: none; padding-left:60px; margin-bottom: 20px; text-align: left;line-height:60px;float: left;display:block;margin-right:4%;-webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;border-radius: 2vw; }
.iosbg{background: url(../img/iphone.png) 25px center no-repeat;}
.androidbg{background: url(../img/android.png) 25px center no-repeat;}
.bgdiv .centediv .qrcode{width:175px; height: auto; float: right;}
.bgdiv .centediv .qrcode img{ width: 163px; height: 163px; border: 6px solid #fff; }
.bgdiv .centerphone{ width:358px; height: auto; float: left; margin-top:5%;}
.clearfix::after {content: "";height:0;display: block; visibility: hidden;clear: both;}
.footerdiv{width: 100%;height: 60px; line-height: 60px;font-size: 14px;color: #d1d9e7; background-color: #060d1a;  text-align: center; display: block;}
.footerdiv a{ padding: 0 30px; text-decoration: none; color: #d1d9e7;}
.footerdiv a:hover{text-decoration: underline;}
.pmenu{ display: none;}

.pagediv{height:auto; color: #fff; background-color:#000;font-family:"微软雅黑"; min-height: 100vh;}
.topdiv{width: 100%; height: auto; text-align: center; opacity: 1; font-size: 16px; line-height: 32px; padding: 10px 0; font-weight: 700; border-bottom: 1px solid #6780ad; margin-bottom: 0;}
.topdiv a{ position: absolute; left:3%; top:16px; line-height: 32px; height: 32px; color: #6780ad; display: block; text-decoration: none; padding: 0 16px;}
@media(min-width: 765px) {
    .fontdiv {
        padding:0 5.85rem;
    }
}
.fontdiv{ width: 100%; height:auto; margin: 0 auto;font-size: 14px; line-height: 30px; color: #fff; padding-top: 30px;}
.fontdiv b{ color: #f00;}
.fontdiv h2{font-size: 16px; margin: 0; padding: 0;}
.fontdiv a{color: #fff; text-decoration: underline;}
.hidden{display: none;}
.erma{ width: 150px; height: 150px; float: left; text-align: center; font-size: 14px; line-height: 24px; color: #fff; display: block;}
.erma img{ width: 150px;}
@media (max-width: 765px) {
    .mainheight{min-height:950px;background:url(../img/bg-p.jpg) top center no-repeat; height: auto;}
    div.header{ width: 100%;}
    .header .logo{width: 103px;height:57px; background: url(../img/logo.png) no-repeat;background-size: 70% auto;margin-left:15px;margin-top:5px;float:left; display: block;}
    .footerdiv{ display: none;}
    .setmenu{ width: 100%; height: auto; position: absolute; background-color:rgba(0, 0, 0, 0.9); color: #fff; z-index: 10;}
    .setmenu a{ font-size: 16px; color: #fff; width: 100%; line-height: 80px; border-bottom: 1px solid #b3b4b6;text-indent: 2em; text-decoration: none; display: block;}
    .setmenu a:hover{ text-decoration: none;}
    .setmenu a.last{ border-bottom: 0;}
    .menudiv{ display: none;}
    .menubgp{ width: 100%; height: 100%; position: absolute; z-index: 8;background-color:rgba(0, 0, 0, 0.5);  left: 0; top: 0; bottom: 0; right: 0;}
    .bgdiv{width:100%;height:100vh; min-height: 631px; background:url(../img/phonebg.jpg) bottom left no-repeat; background-size: 100% auto;}
    .pbgdiv{ position: absolute; z-index:0; width: 100%;  background:url(../img/phoneimg.png) bottom right no-repeat; background-size: 90% auto; right: 10px; bottom:5%;  display: block;min-height:600px;}
    .bgdiv .centediv{font-family:"微软雅黑";text-align: left;font-size: 36px;color: #fff;line-height: 50px;width: 90%;height:auto;padding-top: 0; z-index: 2; position: absolute; left:5%;  top: 15%;}
    .bgdiv .centerInfo{ width:100%; height: auto; margin: 0 auto;}
    .bgdiv .centediv .download{ padding-top: 0;}
    .bgdiv .centediv .btn{width: 100%;height: 180px;display: block; padding-top: 20px;}
    .bgdiv .centediv .btn a{width: 120px;height:60px;font-size: 16px;margin: 0 auto 10px; cursor: pointer;background-color: #f00;color: #fff; text-align: left;line-height: 60px; -webkit-border-radius:60px ;
        -moz-border-radius: 60px;border-radius:60px; text-indent: 10%;}
    .bgdiv .centediv .btn a.iosbg{ display: none;}
    .bgdiv .centediv span{font-size: 42px;line-height: 56px; text-align: center; display: block;}
    .bgdiv .centediv p{ font-size: 16px; line-height: 24px; color: #e5ddeb; padding-top: 20px;padding-bottom: 20px; margin: 0; text-align: left;}
    .bgdiv .centediv .logoc{ display: none;}
    .pmenu{ display: block; float: right; width: 45px; height: 32px; background: url(../img/menu.png) no-repeat;background-size: 70% auto; margin-top: 22px; margin-right: 25px; border: 0;}
    .bgdiv .centerphone{ width:40%; height: auto; margin-top:5%; position: absolute; z-index: 1; bottom: 0; right: 0;}
    .bgdiv .centerphone img{width: 180%;}
    .erma{ display: none;}
}