@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body {
    font-family: Arial, sans-serif;
    color: #464646;
	background-color:#FFF;
	max-width:480px; margin:auto; }
a{ text-decoration:none;}
li{list-style: none;}
img{border:0;outline: none;}
/* ------------头部------------*/
.head{ width:100%; height:auto; box-shadow: 0px 2px 5px #ccc; background-color:#fff; border-radius:5px; position:fixed; top:0px; z-index:1000; max-width:480px;}
.head-a{ width:83%; float:left; margin-right:5%;} 
.head-b{ width:8%; float: right; margin-right:3.5%; margin-top:0.4rem;} 
.head-b #btn{ border:0px; background-color:transparent;}
.head-b #btn img{ border-radius:3px; box-shadow:3px 2px 5px #ccc;}

.dh{ width:100%; margin-top:3.4rem;} 
.dh ul{ width:100%;}
.dh ul li{ width:25%; float:left; text-align:center; line-height:2.6rem; font-size:1rem; color:#363030; list-style: none;}
.dh ul li a{color:#363030;}

.anniu{width:100%; margin:auto; text-align:center; margin-top:1.5rem;}
.anniu a{color:#fff; font-size:0.8rem; padding:0.3rem 3rem;  background: #eb7631;  border-radius:5px;}

.fld-mask{width: 100%; height: 100vh; background-color:transparent; }
.fld-box{width: 100%;height: 100vh;opacity: 0;z-index: -99999;visibility: hidden;position: fixed;left: 0;top: 0;}
.fld-m{width: 0px;background: rgba(0,0,0,0.5);z-index: 9999999;position: fixed;right: 0px;top: 0;padding-bottom:0.8rem;}
.fld-m ul{ width:90%; margin:1rem auto;}
.fld-m ul li{ width:100%; height:2.2rem; text-align:center; border-bottom:1px dashed #ccc; color:#fff; font-size:1rem; line-height:2.2rem;}
.fld-m ul li:first-child{ border-bottom:0px; font-weight:600; font-size:1.2rem;}
.fld-m ul li a{ color:#fff;}