*{margin: 0;padding: 0;}
html{height: 100%;}
body{background: #5f5297 url(../images/bg.png) no-repeat center center;height: 100%;background-size: cover;}
.main{width: 1500px;margin: 0 auto;padding-top: 1px;height: 100%;}
.logo{display: block;text-align: center;margin: 10% 0 0;}
.logo img{max-width: 100%;}
.xtts{margin: 5% 0 7%;}
.xtts p{font-size: 22px;color: #3e3d41;font-weight: bold;padding:0.6rem 1.3rem;background: #f9c77f;border-radius: 50px;display: table;margin: 0 auto;position: relative;z-index: 10;}
.xtts .line{width: 100%;height: 1px;background: #f9c77f;position: relative;z-index: 1;margin-top: -1.4rem;}
.zy{}
.zy p{font-size: 18px;line-height: 30px;color: #fff;text-align: center;margin-bottom: 1rem;}
.zy p a{color: #fff;}


@media(max-width: 1520px){
    .main{width: 91%;}
}
@media(max-width: 650px){
    .xtts{margin: 3rem 0 4rem;}
}