@charset "utf-8";
html, body, div, ul, p{
    margin: 0;
    padding: 0;
    border: 0;
}
html {height: 100%;}
body {
    color: #333;
    background: #fff url("../images/bg.jpg") no-repeat center center;
}
.mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0);
    z-index: 1000;
}
.main{
    width:640px;
    height:320px;
    background:#fff;
    border-radius:10px;
    padding:30px 40px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -360px;
    margin-top: -190px;
    z-index: 10001;
   box-shadow: 0 0 16px rgba(0,139,251, 0.1);
}
.main .title{font-size:32px;font-weight:bold;text-align:center;line-height:100px;}
.main .content{}
.main .content .text{text-align:left;text-indent: 2em;font-size:18px;color:#333;line-height: 1.8;}
.main .content .text a{color: #008bfb;}
.main .content .op{display: flex; align-items: center; justify-content: center;padding: 45px 20px;}
.main .content .op .btn{box-sizing: border-box;display: flex; align-items: center;justify-content: center;width:200px;height:48px;border-radius:24px;text-align:center;color:#fff;font-size:20px;background:#008bfb;margin:0 10px;text-decoration:none;}
.main .content .op .btn:hover{background: #2395f1;}
.main .content .op .btn.btn-border {background: #fff;border: 2px solid #008bfb;color: #008bfb;}
.main .content .op .btn.btn-border:hover {background: #f4faff;}