@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
.clear{ clear:both}
a{ text-decoration:none; color:#222}
img{ max-height:100%; max-width:100%; border:0}
body{ width:100%; background:#282828;font-family:"微软雅黑"; font-size:14px}
p{text-align:justify}
html,body{width:100%;height:100%;}
.mainWarp{ width:100%; max-width:512px; margin:0 auto;  background-size:100% 100%}
.titbox{ width:60%; margin:0 auto; overflow:hidden; padding-top:60px}
.titbox .tit{ background:url(../images/titbg.png) no-repeat;background-size:100% 100%; width:100%; height:60px; line-height:60px; text-align:center; color:#F5C174;font-size:28px; letter-spacing:10px}

.xibox{ width:80%; margin:0 auto; overflow:hidden; padding-top:40px}
.xibox img{ display:block; width:100%}

.subbox{ text-align:center; color:#F5C174; font-size:20px; padding:15px 0; letter-spacing:10px; font-family:"黑体"}
.address{ overflow:hidden; padding:10px 0}
.address img{ display:block; margin:0 auto; width:25px; margin-bottom:20px}
.address p{ text-align:center; color:#F5C174; font-size:16px; padding:3px 0;}

.footer{width:100%; max-width:512px; margin:0 auto; overflow:hidden}
.footer .foot{width:100%; max-width:512px; position:fixed; bottom:35px; z-index:1}
.footer .foot p{text-align:center; color:#F5C174; font-size:20px; letter-spacing:3px}


@media (min-width: 360px){
.titbox{ padding-top:30px}
.footer .foot{ bottom:20px}
}
@media (min-width: 414px){
.footer .foot{ bottom:30px}
}
@media (min-width: 512px){
.subbox{ font-size:24px}
}