*{
    padding:0;
    margin:0;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
    color:#fff;

}
.btn-border{
    border:1px solid #fff !important;
}
html{
    height:100%;
    font-family: 'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
    font-size: 100px;
}
.flex_1{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    align-items: center;
}
.flex_2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
body{
    width:100%;
    height:1000px;
    max-height: 9999999px;
}
.box{
    width:100%;
    height:100%;
    background: url("../images/bg-1.jpg") no-repeat;
    background-size: cover;
    overflow: hidden;
}
.header{
    position:fixed;
    top: 0;
    width:100%;
    z-index: 999999;
}
 .header-bar{
    width:13.5rem;
    height:0.68rem;
    margin:0 auto 0;
    line-height: 1rem;
    overflow: hidden;
}
 .header-bar img{
     width:1rem;
     cursor: pointer;
}
 .header-bar .login-register{
    width:1.8rem;

}
 .header-bar .login-register .btn{
     box-sizing: border-box;
    display: inline-block;
    width:0.95rem;
    height:0.35rem;
    line-height: 0.35rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    color:#fff;
    border:none;
    font-size: 0.15rem;
    cursor:pointer;
    border-radius: 4px;
}
.header-bar .login-register .login a{
    font-size: 0.15rem !important;
}
.header-bar .login-register .login{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    border:none;
    font-family: 'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
}
.header-bar .login-register .login a{
    font-size: 0.16rem;
}
 .header-bar .login-register .btn:hover{
    background: #0089e3;
    border-color:#0089e3;
}
 .header-bar .login-register  .register{
    border:1px solid #fff;
     font-family: 'PingFang SC','Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
}
.content{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width:13.5rem;
    height:7rem;
    margin:1.2rem auto 0;
    overflow: hidden;
}
.content .client{
    width:6.5rem;
    height:5rem;
    vertical-align: middle;
}
.content .text{
    position: relative;
    width:6rem;
    height:7rem;
    overflow: hidden;
}
.content .text .title_1{
    width:6rem;
    color: #fff;
    font-size: 0.48rem;
    text-align: left;
    letter-spacing: 0.25rem;
    margin-top: 2.2rem;
}
.content .text .operate{
    box-sizing: border-box;
    width:5rem;
    margin-top: 0.2rem;
    margin-left: -0.15rem;
}
.content .text .operate li{
    box-sizing: border-box;
    width:1.24rem;
    height:0.20rem;
    line-height: 0.20rem;
    font-size: 0.2rem;
    color: #fff;
    border-right:1px solid #fff;
    text-align: center;
}
.content .text .operate li:last-child{
    border:none;
}
.content .text .title_3{
    text-align: center;
    position:absolute;
    left: 0;
    top:4.4rem;
    width:75%;
    color: #fff;
    font-size: 14px;
    line-height: 0.25rem;
}
.content .text .next{
    top:4.7rem;
}
.content .text a.download:hover{
    color: #d3d3d3;
    border: 1px solid #d3d3d3;
}
.content .text a.download{
    color:#fff;
    position:absolute;
    top:3.5rem;
    left:20%;
    width:2rem;
    height:0.6rem;
    line-height: 0.6rem;
    text-align: center;
    border-radius: 3px;
    border:1px solid #fff;
    font-size: 0.2rem;
    cursor: pointer;
}
.footer{
    width:100%;
    height:0.5rem;
    line-height: 0.5rem;
    font-size: 0.15rem;
    text-align: center;
    background: #2e2e2e;
    color:#fff;
}

