@charset "gb2312";
/* CSS Document */

html{font-size:18px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:20px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:22px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:24px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:26px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:28px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:30px}}
@media screen and (min-width:800px){html{font-size:32px}}
*{margin:0 auto; padding:0 auto; font-family:"΢ÈíÑźÚ"; }
body{background:url(/statics/images/hnyande_wap/images/bg.png); background-attachment:fixed; margin:0 auto; padding:0 auto;overflow-x:hidden;}
img{ border:0;}ul {margin:0; padding:0;}
ul li{ list-style:none;}
a{color:#000; text-decoration: none;}

.down{width:calc(100% - 3.125rem); background:#fff; box-shadow: 1px 1px 5px #aaaaaa; padding:1rem 0; border-radius:0.5rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.down h2{width:calc(100% - 2rem); font-size:2rem}
.down p{width:calc(100% - 2rem); font-size:1.2rem; margin-top:0.2rem}
.down hr{width:calc(100% - 2rem); margin-top:0.5rem}
.down a.xzs_btn{display:block; width:calc(100% - 2rem); height:4rem; line-height:4rem; color:#fff; background:#149eff; text-align:center; font-size:2rem; margin-top:1rem; border-radius:0.5rem}
.down a:hover.xzs_btn {background: #ff9900}
.down a.xzs_btn1{display:block; width:calc(100% - 2rem); height:4rem; line-height:4rem; color:#fff; background:#a90000; text-align:center; font-size:1.2rem; margin-top:1rem; border-radius:0.5rem}
.down a:hover.xzs_btn1 {background: #ff9900}