@charset "utf-8";
/* CSS Document */
/*page1*/
body,p,ul,li,h1,h2,strong,em,img,dl,dd,dt{margin:0; padding:0; list-style: none; }
em,strong{font-style: normal; font-weight: normal;}
img{border:none; display:inline-block;}
a{text-decoration: none; color: #494949;}
body{font-family: Microsoft YaHei, Helvetica, Tahoma; font-size:1em; color: #494949; background: #f0f1f2;-webkit-user-select:none;-webkit-text-size-adjust:none;}
html,body{max-width: 640px; min-width: 320px; width:100%; }
.wrap{max-width: 640px; min-width: 320px; width:100%; -webkit-box-sizing: border-box; padding: 0 3.125% 20px; text-align: center; background: #fff; margin-bottom: 20px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); font-size: 1.15em;}
.wrap h1{font-size:1.2em; line-height: 60px; text-align: left}
.wrap h2{font-size:1.2em; line-height: 30px; text-align: left; padding-top:20px;}
.wrap strong{color:#ff2b2b;}
.wrap em{ display:block; color:#ff2b2b; }
.wrap p{line-height: 28px; text-align: left; padding-top: 20px;}
.wrap img{ width:55%; height: auto; margin:10px 0;}
.wrap .widther{width:100%}
.banner,.banner img{width:100%; margin:0;}
.bottom{ width:100%; -webkit-box-sizing: border-box; padding:10px; background: #73bdcf; margin-top:20px;}
.bottom h2{ color: #313131; font-size: 1em; padding:0;}
.bottom dl{width:100%;  display: -webkit-flex;}
.bottom dt{width:30%; height: auto;}
.bottom dt img{width: 100%; height: auto;}
.bottom dd{ -webkit-flex:1; padding-left:4%; color: #fff; line-height: 28px; text-align: left; font-size: .7em; padding-top:5px;}
.foxibox{width:100%; height:100%;  background: rgba(0,0,0,0.8); position:fixed; left: 0; top:0; text-align: center;  vertical-align: middle; overflow: hidden; display: none;}
.foxibox img{position: absolute; left: 50%; top:50%; width:92%; height: auto;}