├── README ├── auth └── index.php ├── css ├── bootstrap.min.css ├── buttons.min.css ├── common.min.css ├── media_queries.min.css ├── style(1).css ├── style(2).css ├── style(3).css ├── style(4).css ├── style.css ├── style.min(2).css ├── style.min(4).css ├── style.min.css └── tFocus.css ├── images ├── ad00.jpg ├── ad01.jpg ├── ad02.jpg ├── ad03.jpg ├── ad04.jpg ├── autonavi.png ├── bg_b.jpg ├── icon.png ├── logo.png ├── m-bg.png ├── marker.png ├── menu.png ├── qq.png ├── wb.png ├── wx.png ├── yj.png └── yy.png ├── index.php ├── js ├── bootstrap.min.js ├── hm(1).js ├── hm.js ├── html5.js ├── idangerous.swiper.min.js ├── jquery.common.min.js ├── jquery.js ├── jquery.min.js └── sha256.js ├── login └── index.php ├── ping └── index.html └── portal ├── index.html └── index.html~ /README: -------------------------------------------------------------------------------- 1 | 业务合作 2 | 3 | 可根据客户需求定制开发WifiDog,并可提供长期的技术支持,移植WifiDog和服务端开发以及配套的Tomato,DD-WRT,OpenWRT路由器系统的定制. 4 | 我们致力于通过我们专业的技术,专业的商业分析能力,为客户打造一个极致高效创新型的新一代商业解决方案,为客户实现最大化的商业价值。 5 | 提供MTK7620,Atheros,BCM5357,BCM5358,X86等主流芯片的软件支持,承接WifiDog OpenWRT DD-WRT Tomato 等系统定制开发。 6 | 7 | 联系电话: 180-135-82125 181-1435-4589 (陆工) 8 | 电子邮件: ForgotFun#qq.com (#换成@) 9 | 腾讯QQ: 562727429(合作洽谈), 18013582125 (技术支持) 10 | 联系地址: 南京雨花台区小行路16号万谷移动互联科技园8栋5楼 11 | 12 | -------------------------------------------------------------------------------- /auth/index.php: -------------------------------------------------------------------------------- 1 | .section { 135 | height: auto; 136 | min-height: 100% 137 | } 138 | a { 139 | color: #0b72a4 140 | } 141 | a:hover { 142 | color: #2d9bd1 143 | } 144 | .header { 145 | width: 100%; 146 | height: 45px; 147 | background: #fff; 148 | position: fixed; 149 | *position:static; 150 | z-index: 100; 151 | top: 0; 152 | box-shadow: 0 1px 2px #f3f3f3 153 | } 154 | .header .title { 155 | width: 640px; 156 | height: 45px; 157 | font-size: 22px; 158 | line-height: 45px; 159 | margin: 0 auto; 160 | text-align: center 161 | } 162 | .footer { 163 | width: 640px; 164 | margin: 0 auto 165 | } 166 | .successBox { 167 | width: 100%; 168 | padding: 30px 0; 169 | background: #ebebeb; 170 | border-top: #d8d8d8 1px solid; 171 | border-bottom: #d8d8d8 1px solid; 172 | color: #565656; 173 | text-align: center; 174 | font-size: 20px 175 | } 176 | .successBox2 { 177 | background: #fff; 178 | border-bottom: #fafafa 1px solid; 179 | color: #565656; 180 | text-align: center; 181 | font-size: 20px 182 | } 183 | .successBox .textBox { 184 | margin: 0 auto; 185 | display: table 186 | } 187 | .successBox .textBox .right_icon { 188 | width: 30px; 189 | height: 30px; 190 | background: url(../images/right.png); 191 | margin: -2px 5px 0 0 192 | } 193 | .successBox2 .textBox .right_icon2 { 194 | width: 15px; 195 | height: 15px; 196 | background: url(../images/right2.png); 197 | margin: 6px 5px 0 0 198 | } 199 | .successBox2 .textBox .s_font { 200 | font-size: 16px 201 | } 202 | .successBox3 { 203 | width: 100%; 204 | padding: 50px 0; 205 | background: #fdfdfd 206 | } 207 | .successBox3 .face { 208 | background: url(../images/face.png); 209 | width: 70px; 210 | height: 70px; 211 | margin: 0 20px 0 100px 212 | } 213 | .successBox3 .face_t { 214 | margin-top: 10px 215 | } 216 | .successBox4 { 217 | width: 240px; 218 | height: 240px; 219 | margin: 40px auto 220 | } 221 | .successBox4 img { 222 | width: 240px; 223 | height: 240px 224 | } 225 | .successBox4_t { 226 | width: 100%; 227 | text-align: center; 228 | font-size: 36px; 229 | margin-bottom: 50px 230 | } 231 | .map_box { 232 | width: 600px; 233 | height: 400px!important; 234 | margin: 12px auto 235 | } 236 | .map_box img { 237 | max-width: inherit 238 | } 239 | .bg404, .bg500 { 240 | background: url(../images/404.png) no-repeat; 241 | width: 640px; 242 | height: 530px; 243 | margin: 0 auto 244 | } 245 | .bg500 { 246 | background: url(../images/500.png) no-repeat 247 | } 248 | .bottom404 { 249 | width: 100%; 250 | text-align: center; 251 | margin: 20px 0; 252 | font-family: arial, \5b8b\4f53; 253 | font-size: 14px 254 | } 255 | .bottom404 a { 256 | margin-right: 20px 257 | } 258 | .lead-bg { 259 | max-width: 640px; 260 | min-width: 320px; 261 | width: 100%; 262 | height: 100%; 263 | text-align: center; 264 | margin-left: auto; 265 | margin-right: auto 266 | } 267 | .lead-bg img { 268 | min-height: 480px; 269 | height: 100%; 270 | margin-left: auto; 271 | margin-right: auto 272 | } 273 | .content { 274 | width: 640px; 275 | height: auto; 276 | margin: 45px auto 0; 277 | background: #fff 278 | } 279 | .clearfix:after { 280 | content: "."; 281 | display: block; 282 | height: 0; 283 | clear: both; 284 | visibility: hidden 285 | } 286 | .clearfix { 287 | display: inline-block 288 | }/*\*/ 289 | * html .clearfix { 290 | height: 1% 291 | } 292 | .clearfix { 293 | display: block 294 | }/**/ 295 | -------------------------------------------------------------------------------- /css/media_queries.min.css: -------------------------------------------------------------------------------- 1 | @media screen and (max-width:640px) { 2 | body { 3 | font-size: 16px 4 | } 5 | .mt20 { 6 | margin-top: 18px 7 | } 8 | .btn22-l { 9 | width: 450px; 10 | padding: 10px 0; 11 | font: 22px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 12 | } 13 | .btn20-s { 14 | width: 190px; 15 | padding: 11px 0; 16 | font: 20px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 17 | } 18 | .input20-l { 19 | width: 450px; 20 | padding: 10px 14px; 21 | font: 20px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 22 | } 23 | .input20-s { 24 | width: 250px; 25 | padding: 10px 14px; 26 | font: 20px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 27 | } 28 | .btn22-w { 29 | width: 405px; 30 | padding: 10px 0; 31 | font: 20px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 32 | } 33 | .header { 34 | height: 40px 35 | } 36 | .header .title { 37 | width: 480px; 38 | height: 40px; 39 | font-size: 20px; 40 | line-height: 40px 41 | } 42 | .footer { 43 | width: 480px 44 | } 45 | .content { 46 | width: 480px; 47 | margin: 40px auto 0 48 | } 49 | .bg404, .bg500 { 50 | background-size: 480px 424px; 51 | width: 480px; 52 | height: 424px 53 | } 54 | .successBox { 55 | padding: 20px 0; 56 | font-size: 18px 57 | } 58 | .successBox .textBox .right_icon { 59 | background-size: 25px 25px; 60 | width: 25px; 61 | height: 25px; 62 | margin: 0 5px 0 0 63 | } 64 | .successBox2 .textBox .right_icon2 { 65 | margin: 6px 5px 0 0 66 | } 67 | .successBox .textBox .s_font { 68 | font-size: 14px 69 | } 70 | .successBox3 { 71 | padding: 40px 0 72 | } 73 | .successBox3 .face { 74 | background-size: 55px 55px; 75 | width: 55px; 76 | height: 55px; 77 | margin: 0 14px 0 55px 78 | } 79 | .successBox3 .face_t { 80 | margin-top: 8px 81 | } 82 | .map_box { 83 | width: 450px; 84 | height: 300px!important; 85 | margin: 10px auto 86 | } 87 | .successBox4 { 88 | width: 180px; 89 | height: 180px; 90 | margin: 30px auto 91 | } 92 | .successBox4 img { 93 | width: 180px; 94 | height: 180px 95 | } 96 | .successBox4_t { 97 | font-size: 24px; 98 | margin-bottom: 40px 99 | } 100 | } 101 | @media screen and (max-width:480px) { 102 | body { 103 | font-size: 14px 104 | } 105 | .mt20 { 106 | margin-top: 15px 107 | } 108 | .btn22-l { 109 | width: 300px; 110 | padding: 8px 0; 111 | font: 20px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 112 | } 113 | .btn20-s { 114 | width: 140px; 115 | padding: 8px 0; 116 | font: 18px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 117 | } 118 | .input20-l { 119 | width: 300px; 120 | padding: 8px 12px; 121 | font: 18px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 122 | } 123 | .input20-s { 124 | width: 150px; 125 | padding: 8px 12px; 126 | font: 18px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 127 | } 128 | .btn22-w { 129 | width: 260px; 130 | padding: 10px 0; 131 | font: 18px/1.25 Microsoft YaHei, Tahoma, arial, \5b8b\4f53 132 | } 133 | .header { 134 | height: 35px 135 | } 136 | .header .title { 137 | width: 320px; 138 | height: 35px; 139 | font-size: 18px; 140 | line-height: 35px 141 | } 142 | .footer { 143 | width: 320px; 144 | font-size: 12px 145 | } 146 | .content { 147 | width: 320px; 148 | margin: 35px auto 0 149 | } 150 | .bg404, .bg500 { 151 | background-size: 320px 282.7px; 152 | width: 320px; 153 | height: 282.7px 154 | } 155 | .successBox { 156 | padding: 15px 0; 157 | font-size: 16px 158 | } 159 | .successBox .textBox .right_icon { 160 | background-size: 22px 22px; 161 | width: 22px; 162 | height: 22px; 163 | margin: -2px 5px 0 0 164 | } 165 | .successBox2 .textBox .right_icon2 { 166 | margin: 4px 5px 0 0 167 | } 168 | .successBox .textBox .s_font { 169 | font-size: 12px 170 | } 171 | .successBox3 { 172 | padding: 30px 0 173 | } 174 | .successBox3 .face { 175 | background-size: 45px 45px; 176 | width: 45px; 177 | height: 45px; 178 | margin: 0 10px 0 35px 179 | } 180 | .successBox3 .face_t { 181 | width: 200px; 182 | margin-top: -8px 183 | } 184 | .map_box { 185 | width: 300px; 186 | height: 200px!important; 187 | margin: 8px auto 188 | } 189 | .successBox4 { 190 | width: 120px; 191 | height: 120px; 192 | margin: 20px auto 193 | } 194 | .successBox4 img { 195 | width: 120px; 196 | height: 120px 197 | } 198 | .successBox4_t { 199 | font-size: 18px; 200 | margin-bottom: 30px 201 | } 202 | } 203 | -------------------------------------------------------------------------------- /css/style(1).css: -------------------------------------------------------------------------------- 1 | /* 2 | Powered by Hancoson 3 | */ 4 | .wixin-login { 5 | width: 640px; 6 | height: auto; 7 | margin: 50px auto 10px; 8 | } 9 | .wixin-login .w_btnBox { 10 | width: 640px; 11 | margin-top: 40px; 12 | text-align: center 13 | } 14 | .wixin-login .left_line { 15 | position: absolute; 16 | z-index: 0; 17 | width: 1px; 18 | border-left: #e6e6e6 2px solid; 19 | height: 600px; 20 | margin: -110px 0 0 80px 21 | } 22 | .wixin-login .topbtn .b-icon { 23 | background: url(img/icon.png) no-repeat; 24 | width: 50px; 25 | height: 20px; 26 | margin: 20px auto 0 27 | } 28 | .wixin-login .step_bg1 { 29 | background: #fff; 30 | padding: 0 40px; 31 | width: 100%; 32 | height: auto; 33 | } 34 | .wixin-login .step_bg2 { 35 | background: #f7f7f7; 36 | padding: 0 40px; 37 | width: 100%; 38 | height: auto; 39 | } 40 | .wixin-login .num-box1, .wixin-login .num-box2, .wixin-login .num-box3 { 41 | background: url(img/num.png); 42 | background-position: 0 0; 43 | width: 80px; 44 | height: 80px; 45 | position: relative; 46 | z-index: 2; 47 | } 48 | .wixin-login .num-box2 { 49 | background-position: 0 -80px; 50 | margin-top: 47px 51 | } 52 | .wixin-login .num-box2_1 { 53 | margin-top: 68px 54 | } 55 | .wixin-login .num-box3 { 56 | background-position: 0 -160px; 57 | margin-top: 40px; 58 | height: 60px 59 | } 60 | .wixin-login .line-box { 61 | width: 600px; 62 | height: 5px 63 | } 64 | .wixin-login .r-info1, .wixin-login .r-info2 { 65 | width: 460px; 66 | margin-bottom: 10px; 67 | margin-top: 5px; 68 | font-size: 30px; 69 | } 70 | .wixin-login .r-info1 { 71 | margin-top: -20px 72 | } 73 | .wixin-login .r-info1_1 { 74 | margin: -5px 0 30px 0 75 | } 76 | .wixin-login .r-info1 p { 77 | color: #7b7b7b; 78 | font-size: 24px; 79 | } 80 | .wixin-login .r-info1 p span { 81 | font-size: 28px; 82 | font-weight: bold; 83 | color: #59c7fc; 84 | } 85 | .wixin-login .r-info1 img { 86 | width: 90px; 87 | height: 90px; 88 | float: right 89 | } 90 | .wixin-login .r-info2 { 91 | padding: 40px 0; 92 | } 93 | .wixin-login .r-info2 .a_style { 94 | color: #808080; 95 | font-size: 24px; 96 | text-decoration: underline 97 | } 98 | .wixin-login .go_weixin, .wixin-login .go_login { 99 | position: relative; 100 | z-index: 2; 101 | background: url(img/btn.png); 102 | background-position: 0 0; 103 | width: 580px; 104 | height: 100px; 105 | margin: 10px auto 30px 106 | } 107 | .wixin-login .go_login { 108 | background-position: 0 -100px; 109 | } 110 | .wixin-login .go_back { 111 | font-size: 28px; 112 | width: 100%; 113 | text-align: center; 114 | margin-bottom: 40px; 115 | } 116 | .wixin-login .go_back a { 117 | color: #99e14b 118 | } 119 | @media screen and (max-width: 640px) { 120 | .wixin-login { 121 | width: 480px; 122 | margin: 40px auto 7px; 123 | } 124 | .wixin-login .w_btnBox { 125 | width: 480px; 126 | margin-top: 30px; 127 | } 128 | .wixin-login .left_line { 129 | height: 460px; 130 | margin: -110px 0 0 62px 131 | } 132 | .wixin-login .step_bg1 { 133 | padding: 0 30px; 134 | } 135 | .wixin-login .step_bg2 { 136 | padding: 0 30px; 137 | } 138 | .wixin-login .num-box1, .wixin-login .num-box2, .wixin-login .num-box3 { 139 | background-size: 64px 176px; 140 | width: 64px; 141 | height: 64px; 142 | } 143 | .wixin-login .num-box2 { 144 | background-position: 0 -64px; 145 | margin-top: 25px 146 | } 147 | .wixin-login .num-box2_1 { 148 | margin-top: 34px 149 | } 150 | .wixin-login .num-box3 { 151 | background-position: 0 -128px; 152 | margin-top: 20px; 153 | height: 48px 154 | } 155 | .wixin-login .line-box { 156 | width: 480px; 157 | height: 5px 158 | } 159 | .wixin-login .r-info1, .wixin-login .r-info2 { 160 | width: 330px; 161 | margin-bottom: 10px; 162 | margin-top: 5px; 163 | font-size: 22px; 164 | } 165 | .wixin-login .r-info1 { 166 | margin-top: -20px 167 | } 168 | .wixin-login .r-info1_1 { 169 | margin: -5px 0 30px 0 170 | } 171 | .wixin-login .r-info1 p { 172 | font-size: 18px; 173 | } 174 | .wixin-login .r-info1 p span { 175 | font-size: 20px; 176 | } 177 | .wixin-login .r-info1 img { 178 | width: 60px; 179 | height: 60px; 180 | } 181 | .wixin-login .r-info2 { 182 | padding: 20px 0; 183 | } 184 | .wixin-login .r-info2 .a_style { 185 | font-size: 18px; 186 | } 187 | .wixin-login .go_weixin, .wixin-login .go_login { 188 | background-size: 464px 160px; 189 | width: 464px; 190 | height: 80px; 191 | margin: 5px auto 20px 192 | } 193 | .wixin-login .go_login { 194 | background-position: 0 -80px; 195 | } 196 | .wixin-login .go_back { 197 | font-size: 24px; 198 | margin-bottom: 30px; 199 | } 200 | } 201 | @media screen and (max-width: 480px) { 202 | .wixin-login { 203 | width: 320px; 204 | margin: 35px auto 5px; 205 | } 206 | .wixin-login .w_btnBox { 207 | width: 320px; 208 | margin-top: 20px; 209 | } 210 | .wixin-login .left_line { 211 | border-left: #e6e6e6 1px solid; 212 | height: 355px; 213 | margin: -110px 0 0 40px 214 | } 215 | .wixin-login .step_bg1 { 216 | padding: 0 20px; 217 | } 218 | .wixin-login .step_bg2 { 219 | padding: 0 20px; 220 | } 221 | .wixin-login .num-box1, .wixin-login .num-box2, .wixin-login .num-box3 { 222 | background-size: 40px 110px; 223 | width: 40px; 224 | height: 40px; 225 | margin-top: -8px 226 | } 227 | .wixin-login .num-box2 { 228 | background-position: 0 -40px; 229 | margin-top: 20px 230 | } 231 | .wixin-login .num-box2_1 { 232 | margin-top: 27px 233 | } 234 | .wixin-login .num-box3 { 235 | background-position: 0 -80px; 236 | margin-top: 15px; 237 | height: 30px 238 | } 239 | .wixin-login .line-box { 240 | width: 300px; 241 | height: 5px 242 | } 243 | .wixin-login .r-info1, .wixin-login .r-info2 { 244 | width: 230px; 245 | margin-bottom: 10px; 246 | margin-top: 5px; 247 | font-size: 15px; 248 | } 249 | .wixin-login .r-info1 { 250 | margin-top: -20px 251 | } 252 | .wixin-login .r-info1_1 { 253 | margin: -17px 0 8px 0 254 | } 255 | .wixin-login .r-info1 p { 256 | font-size: 12px; 257 | } 258 | .wixin-login .r-info1 p span { 259 | font-size: 14px; 260 | } 261 | .wixin-login .r-info1 img { 262 | width: 45px; 263 | height: 45px; 264 | } 265 | .wixin-login .r-info2 { 266 | padding: 15px 0; 267 | } 268 | .wixin-login .r-info2 .a_style { 269 | font-size: 14px; 270 | } 271 | .wixin-login .go_weixin, .wixin-login .go_login { 272 | background-size: 290px 100px; 273 | width: 290px; 274 | height: 50px; 275 | margin: 5px auto 20px 276 | } 277 | .wixin-login .go_login { 278 | background-position: 0 -50px; 279 | } 280 | .wixin-login .go_back { 281 | font-size: 16px; 282 | } 283 | } 284 | .cover_title{text-align:center;} 285 | .cover_title h3{font-size:22px; font-weight:bold;font-family:"宋体"} 286 | 287 | .cover_logo{width:260px; margin:0px auto;} 288 | .menu{width:260px;height:230px; position:relative;margin-top:100px;background:url(../images/menu.png) no-repeat;} 289 | 290 | .menu .box{width:260px;height:260px;position:absolute;top:-100px;left:0px;} 291 | .menu .box a{position:absolute;} 292 | .menu .box .t1{background:url(../images/qq.png) no-repeat; background-size:50px 50px; width:50px;height:50px;right:226px;top:84px;} 293 | .menu .box .t2{background:url(../images/wb.png) no-repeat; background-size:50px 50px; width:50px;height:50px;right:194px;top:24px;} 294 | .menu .box .t3{background:url(../images/wx.png) no-repeat; background-size:50px 50px; width:50px;height:50px;left:194px;top:24px;} 295 | .menu .box .t4{background:url(../images/yy.png) no-repeat; background-size:50px 50px; width:50px;height:50px;left:226px;top:84px;} 296 | -------------------------------------------------------------------------------- /css/style(2).css: -------------------------------------------------------------------------------- 1 | /* 2 | Powered by Hancoson 3 | */ 4 | .footer { 5 | background: #f5f5f5; 6 | color: #8f8f8f; 7 | text-align: center; 8 | padding: 10px 0 9 | } 10 | -------------------------------------------------------------------------------- /css/style(3).css: -------------------------------------------------------------------------------- 1 | .amap-container { 2 | position: relative; 3 | height: 100%; 4 | overflow: hidden; 5 | background: #F7F9FB; 6 | -ms-touch-action: none 7 | } 8 | .amap-maps, .amap-layers, .amap-layer, .amap-tile, .amap-tile-container { 9 | position: absolute; 10 | left: 0; 11 | top: 0 12 | } 13 | .amap-statics, .amap-context { 14 | position: absolute; 15 | left: 0; 16 | top: 0 17 | } 18 | .amap-overlays, .amap-graph, .amap-markers, .amap-marker, .amap-ground, .amap-ground img { 19 | position: absolute; 20 | left: 0; 21 | top: 0 22 | } 23 | .amap-layers { 24 | z-index: 100 25 | } 26 | .amap-overlays { 27 | z-index: 110 28 | } 29 | .amap-markers, .amap-info, .amap-ground { 30 | z-index: 120 31 | } 32 | .amap-statics { 33 | z-index: 140 34 | } 35 | .amap-controls { 36 | z-index: 150 37 | } 38 | .amap-maps, .amap-layers, .amap-layer, .amap-overlays, .amap-markers, .amap-info, .amap-statics, .amap-controls, .amap-ground { 39 | overflow: visible 40 | } 41 | .amap-marker, .amap-icon { 42 | -webkit-tap-highlight-color: rgba(0,0,0,0) 43 | } 44 | .amap-copyright { 45 | position: absolute; 46 | left: 74px; 47 | height: 16px; 48 | bottom: 0; 49 | font-size: 11px; 50 | font-family: Arial, sans-serif; 51 | z-index: 160; 52 | white-space: nowrap 53 | } 54 | .amap-show { 55 | visibility: visible 56 | } 57 | .amap-hide { 58 | visibility: hidden 59 | } 60 | .amap-tile, .amap-marker-icon, .amap-marker-shadow { 61 | -webkit-user-select: none; 62 | -moz-user-select: none; 63 | -o-user-select: none; 64 | user-select: none 65 | } 66 | .amap-tile { 67 | filter: inherit; 68 | visibility: hidden 69 | } 70 | .amap-tile-loaded { 71 | visibility: inherit 72 | } 73 | .amap-fade-anim .amap-tile, .amap-fade-anim .amap-info { 74 | opacity: 0; 75 | -webkit-transition: opacity .2s linear; 76 | -moz-transition: opacity .2s linear; 77 | -o-transition: opacity .2s linear; 78 | transition: opacity .2s linear 79 | } 80 | .amap-fade-anim .amap-tile-loaded, .amap-fade-anim .amap-overlays .amap-info { 81 | opacity: 1 82 | } 83 | .amap-zoom-anim .amap-zoom-animated { 84 | -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1); 85 | -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1); 86 | -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1); 87 | transition: transform .25s cubic-bezier(0, 0, .25, 1) 88 | } 89 | .amap-zoom-anim .amap-tile, .amap-pan-anim .amap-tile, .amap-touching .amap-zoom-animated { 90 | -webkit-transition: none; 91 | -moz-transition: none; 92 | -o-transition: none; 93 | transition: none 94 | } 95 | .amap-zoom-anim .amap-zoom-hide { 96 | visibility: hidden 97 | } 98 | .amap-logo { 99 | width: 67px; 100 | height: 16px; 101 | position: absolute; 102 | left: 2px; 103 | bottom: 0; 104 | z-index: 160 105 | } 106 | .amap-icon { 107 | position: relative; 108 | z-index: 1; 109 | overflow: hidden 110 | } 111 | .amap-icon img { 112 | position: absolute; 113 | z-index: -1 114 | } 115 | .amap-marker area { 116 | outline: 0 117 | } 118 | .amap-info, .amap-menu { 119 | position: absolute; 120 | left: 0; 121 | z-index: 140 122 | } 123 | .amap-info div.amap-info-shadow { 124 | position: absolute; 125 | bottom: -21px; 126 | left: 40px 127 | } 128 | .amap-info-shadow div { 129 | position: absolute; 130 | background-image: url(./iws.png); 131 | z-index: -1 132 | } 133 | .amap-info-close { 134 | position: absolute; 135 | right: 5px; 136 | top: 5px; 137 | color: #C3C3C3; 138 | text-decoration: none; 139 | font: 700 16px/14px Tahoma, Verdana, sans-serif; 140 | width: 14px; 141 | height: 14px 142 | } 143 | .amap-info-outer, .amap-menu-outer { 144 | box-shadow: 0 3px 14px rgba(0,0,0,.5); 145 | background: none repeat scroll 0 0 #fff; 146 | border-radius: 5px; 147 | padding: 1px; 148 | text-align: left; 149 | border: silver solid 1px 150 | } 151 | .amap-info-outer:hover, .amap-menu-outer:hover { 152 | box-shadow: 0 3px 14px rgba(0,0,0,.75) 153 | } 154 | .amap-info-content { 155 | width: 300px; 156 | margin: 10px; 157 | +margin:0 10px; 158 | +padding:10px 0; 159 | line-height: 1.4; 160 | overflow: auto 161 | } 162 | .amap-info { 163 | width: 320px 164 | } 165 | .amap-menu { 166 | _width: 100px 167 | } 168 | .amap-info-sharp { 169 | height: 23px; 170 | margin: 0 auto; 171 | overflow: hidden; 172 | position: absolute; 173 | bottom: -22px; 174 | width: 30px; 175 | background-image: url(./sharp.png); 176 | _background-image: url(./sharp.gif) 177 | } 178 | .amap-menu-outer { 179 | margin: 0; 180 | padding: 0; 181 | list-style-type: none 182 | } 183 | ul.amap-menu-outer li { 184 | height: 25px; 185 | line-height: 25px; 186 | word-break: break-all; 187 | white-space: nowrap; 188 | font-size: 12px; 189 | padding: 5px 10px; 190 | cursor: pointer 191 | } 192 | ul.amap-menu-outer li:hover { 193 | background-color: #F3F3EE 194 | } 195 | .amap-menu-split { 196 | border-bottom: #ccc solid 1px 197 | } 198 | .amap-menu-cp { 199 | font-size: 10px 200 | } 201 | .amap-zoom-touch-plus { 202 | position: absolute; 203 | right: -10px; 204 | bottom: -10px; 205 | z-index: 500; 206 | width: 40px; 207 | height: 40px; 208 | border-radius: 5px; 209 | border: solid 1px #7e7b74; 210 | background-color: rgba(255,255,255,.5) 211 | } 212 | .amap-zoom-touch-plus>div { 213 | width: 29px; 214 | height: 30px; 215 | margin: 6px 0 0 5px; 216 | background-repeat: no-repeat; 217 | background-color: transparent; 218 | background: url(./touchtools.png); 219 | background-origin: padding-box; 220 | background-size: 140px 32px; 221 | background-position: -54px -1px 222 | } 223 | .amap-zoom-touch-minus { 224 | position: absolute; 225 | right: -10px; 226 | bottom: -60px; 227 | z-index: 500; 228 | width: 40px; 229 | height: 40px; 230 | background-color: rgba(255,255,255,.5); 231 | border-radius: 5px; 232 | border: solid 1px #7e7b74 233 | } 234 | .amap-zoom-touch-minus>div { 235 | width: 29px; 236 | height: 30px; 237 | margin: 6px 0 0 5px; 238 | background-repeat: no-repeat; 239 | background-color: transparent; 240 | background: url(./touchtools.png); 241 | background-origin: padding-box; 242 | background-size: 140px 32px; 243 | background-position: -82px -1px 244 | } 245 | .amap-toolbar, .amap-scalecontrol, .amap-overviewcontrol { 246 | z-index: inherit 247 | } 248 | .amap-toolbar { 249 | position: absolute; 250 | width: 52px; 251 | height: 250px; 252 | overflow: visible 253 | } 254 | .amap-pancontrol { 255 | width: 52px; 256 | height: 52px; 257 | background: url(./map_view.png); 258 | _background: url(./map_view.gif); 259 | background-position: 0 -140px; 260 | position: absolute 261 | } 262 | .amap-pan-left, .amap-pan-top, .amap-pan-right, .amap-pan-bottom { 263 | position: absolute; 264 | cursor: pointer 265 | } 266 | .amap-pan-left, .amap-pan-right { 267 | width: 12px; 268 | height: 18px; 269 | top: 17px 270 | } 271 | .amap-pan-top, .amap-pan-bottom { 272 | width: 18px; 273 | height: 12px; 274 | left: 17px 275 | } 276 | .amap-pan-left { 277 | left: 8px 278 | } 279 | .amap-pan-right { 280 | left: 32px 281 | } 282 | .amap-pan-top { 283 | top: 8px 284 | } 285 | .amap-pan-bottom { 286 | top: 31px 287 | } 288 | .amap-pan-left:hover, .amap-pan-top:hover, .amap-pan-right:hover, .amap-pan-bottom:hover { 289 | background: url(./map_view.png); 290 | _background: url(./map_view.gif) 291 | } 292 | .amap-pan-left:hover { 293 | background-position: -52px -110px 294 | } 295 | .amap-pan-top:hover { 296 | background-position: -70px -112px 297 | } 298 | .amap-pan-right:hover { 299 | background-position: -61px -110px 300 | } 301 | .amap-pan-bottom:hover { 302 | background-position: -84px -110px 303 | } 304 | .amap-zoomcontrol { 305 | width: 24px; 306 | position: absolute 307 | } 308 | .amap-zoom-plus, .amap-zoom-minus, .amap-zoom-cursor, .amap-zoom-label-street, .amap-zoom-label-city, .amap-zoom-label-province, .amap-zoom-label-country { 309 | background: url(./map_view.png); 310 | _background: url(./map_view.gif); 311 | cursor: pointer 312 | } 313 | .amap-zoom-ruler, .amap-zoom-mask { 314 | background: url(./toolbar_rbg.png); 315 | cursor: pointer 316 | } 317 | .amap-zoom-ruler { 318 | overflow: visible 319 | } 320 | .amap-zoom-plus, .amap-zoom-minus { 321 | width: 24px; 322 | height: 21px 323 | } 324 | .amap-zoom-plus { 325 | background-position: 0 -217px 326 | } 327 | .amap-zoom-plus:hover { 328 | background-position: 0 -194px 329 | } 330 | .amap-zoom-minus { 331 | background-position: -26px -224px 332 | } 333 | .amap-zoom-minus:hover { 334 | background-position: -26px -195px 335 | } 336 | .amap-zoom-ruler { 337 | width: 12px; 338 | height: 147px; 339 | position: relative; 340 | left: 6px; 341 | background-position: 0 0 342 | } 343 | .amap-zoom-mask, .amap-zoom-cursor, .amap-zoom-labels, .amap-zoom-label-street, .amap-zoom-label-city, .amap-zoom-label-province, .amap-zoom-label-country { 344 | position: absolute 345 | } 346 | .amap-zoom-mask { 347 | width: 12px; 348 | height: 106px; 349 | background-position: -14px 0 350 | } 351 | .amap-zoom-cursor { 352 | width: 24px; 353 | height: 20px; 354 | left: -6px; 355 | top: 106px; 356 | background-position: -127px -164px 357 | } 358 | .amap-zoom-cursor:hover { 359 | background-position: -127px -141px 360 | } 361 | .amap-zoom-labels { 362 | display: none 363 | } 364 | .amap-zoom-label-street, .amap-zoom-label-city, .amap-zoom-label-province, .amap-zoom-label-country { 365 | width: 39px; 366 | height: 31px; 367 | left: 20px 368 | } 369 | .amap-zoom-label-street { 370 | top: 0; 371 | background-position: -87px -140px 372 | } 373 | .amap-zoom-label-city { 374 | top: 54px; 375 | background-position: -87px -171px 376 | } 377 | .amap-zoom-label-province { 378 | top: 92px; 379 | background-position: -87px -203px 380 | } 381 | .amap-zoom-label-country { 382 | top: 129px; 383 | background-position: -87px -235px 384 | } 385 | .amap-locate { 386 | position: absolute; 387 | width: 18px; 388 | height: 18px; 389 | background: url(./map_view.png); 390 | _background: url(./map_view.gif); 391 | background-position: -130px -185px; 392 | cursor: pointer 393 | } 394 | .amap-scalecontrol { 395 | position: absolute 396 | } 397 | .amap-scale-text { 398 | text-align: center; 399 | font-size: 10px 400 | } 401 | .amap-scale-line { 402 | position: relative; 403 | height: 8px 404 | } 405 | .amap-scale-edgeleft, .amap-scale-middle, .amap-scale-edgeright { 406 | position: absolute; 407 | background: #333; 408 | overflow: hidden 409 | } 410 | .amap-scale-edgeleft, .amap-scale-edgeright { 411 | width: 1px; 412 | height: 6px; 413 | border: solid 1px #fff 414 | } 415 | .amap-scale-middle { 416 | height: 2px; 417 | left: 2px; 418 | top: 2px; 419 | border-top: solid 1px #fff; 420 | border-bottom: solid 1px #fff 421 | } 422 | .amap-overviewcontrol { 423 | width: 120px; 424 | height: 120px; 425 | background: #fff; 426 | position: absolute; 427 | right: 0; 428 | bottom: 0 429 | } 430 | .amap-overview-main { 431 | width: 115px; 432 | height: 115px; 433 | position: absolute; 434 | left: 5px; 435 | top: 5px; 436 | overflow: hidden 437 | } 438 | .amap-overviewcontrol, .amap-overview-main { 439 | border-top: solid 1px #ccc; 440 | border-left: solid 1px #ccc 441 | } 442 | .amap-overview-map { 443 | position: absolute 444 | } 445 | .amap-overview-button { 446 | width: 17px; 447 | height: 17px; 448 | position: absolute; 449 | right: 0; 450 | bottom: 0; 451 | background: url(./mapcontrols.png); 452 | background-position: -40px -386px; 453 | cursor: pointer 454 | } 455 | .amap-overview-win { 456 | width: 62px; 457 | height: 35px; 458 | background: #91a3d8; 459 | opacity: .25; 460 | filter: alpha(opacity=25); 461 | border: solid 2px #44b; 462 | position: absolute; 463 | top: 40px; 464 | left: 26px; 465 | cursor: move 466 | } 467 | .amap-maptypecontrol { 468 | position: absolute; 469 | top: 12px; 470 | right: 12px; 471 | z-index: 304 472 | } 473 | .amap-maptype-wrap { 474 | position: absolute; 475 | top: 0; 476 | right: 0; 477 | width: 64px; 478 | height: 64px 479 | } 480 | .amap-maptype-con { 481 | position: absolute; 482 | top: 0; 483 | right: 0; 484 | width: 60px; 485 | height: 60px; 486 | background: #fff; 487 | border: solid 1px #ccc; 488 | cursor: pointer 489 | } 490 | .amap-maptype-win { 491 | position: absolute; 492 | top: 1px; 493 | right: 1px; 494 | width: 56px; 495 | height: 56px; 496 | overflow: hidden; 497 | background: #ccc; 498 | border: solid 1px #ccc 499 | } 500 | .amap-maptype-title { 501 | position: absolute; 502 | bottom: 0; 503 | left: 0; 504 | width: 60px; 505 | height: 20px; 506 | color: #333; 507 | text-align: center; 508 | font-size: 12px; 509 | line-height: 20px; 510 | background: #fff 511 | } 512 | .amap-maptype-title:hover { 513 | background-color: #eee 514 | } 515 | .amap-maptype-list { 516 | position: absolute; 517 | top: 64px; 518 | right: 0; 519 | width: 100px; 520 | background: #fff; 521 | border: solid 1px #ccc; 522 | overflow: hidden 523 | } 524 | .amap-maptype-list p { 525 | width: 100px; 526 | height: 20px; 527 | margin: 0; 528 | cursor: pointer; 529 | background: #fff 530 | } 531 | .amap-maptype-lsit p:hover { 532 | background: #eee 533 | } 534 | .amap-maptype-check { 535 | display: inline-block; 536 | width: 15px; 537 | height: 15px; 538 | margin-left: 2px; 539 | background: url(./maptype-bg.png) no-repeat -30px 4px 540 | } 541 | .amap-maptype-checked { 542 | background-position: 0 4px 543 | } 544 | .amap-maptype-check-hover { 545 | background-position: -15px 4px 546 | } 547 | .amap-maptype-label { 548 | display: inline-block; 549 | width: 60px; 550 | height: 15px; 551 | color: #333; 552 | font-size: 12px; 553 | line-height: 15px; 554 | margin-left: 10px 555 | } 556 | .amap-ranging-label { 557 | font-size: 12px; 558 | background: #fff; 559 | border: solid 1px #ccc; 560 | padding: 3px 7px 3px 2px; 561 | white-space: nowrap 562 | } 563 | .amap-ranging-label span { 564 | height: 12px; 565 | vertical-align: center; 566 | display: inline-block; 567 | white-space: nowrap; 568 | margin-left: 5px 569 | } 570 | -------------------------------------------------------------------------------- /css/style(4).css: -------------------------------------------------------------------------------- 1 | /* 2 | Powered by Hancoson 3 | */ 4 | .info_box { 5 | width: 600px; 6 | height: auto; 7 | margin: 20px auto; 8 | } 9 | .info_box .logo_b { 10 | width: 90px; 11 | height: 90px; 12 | margin-right: 10px; 13 | border: #D8D8D8 1px solid; 14 | } 15 | .info_box .logo_b img { 16 | width: 90px; 17 | height: 90px; 18 | } 19 | .info_box .t_box { 20 | width: 500px; 21 | font-size: 17px; 22 | } 23 | @media screen and (max-width: 640px) { 24 | .info_box { 25 | width: 450px; 26 | height: auto; 27 | margin: 15px auto; 28 | } 29 | .info_box .logo_b { 30 | width: 80px; 31 | height: 80px; 32 | margin-right: 10px; 33 | border: #D8D8D8 1px solid; 34 | } 35 | .info_box .logo_b img { 36 | width: 80px; 37 | height: 80px; 38 | } 39 | .info_box .t_box { 40 | width: 360px; 41 | font-size: 15px; 42 | } 43 | } 44 | @media screen and (max-width: 480px) { 45 | .info_box { 46 | width: 300px; 47 | height: auto; 48 | margin: 10px auto; 49 | } 50 | .info_box .logo_b { 51 | width: 60px; 52 | height: 60px; 53 | margin-right: 10px; 54 | border: #D8D8D8 1px solid; 55 | } 56 | .info_box .logo_b img { 57 | width: 60px; 58 | height: 60px; 59 | } 60 | .info_box .t_box { 61 | width: 230px; 62 | font-size: 13px; 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | Powered by Hancoson 3 | */ 4 | .goHome { 5 | width: 100%; 6 | text-align: center; 7 | line-height: 50px; 8 | margin: 100px 0; 9 | } 10 | .goHome .goHome_btn { 11 | font-size: 20px 12 | } 13 | .login_logoBox { 14 | width: 600px; 15 | height: auto; 16 | margin: 20px auto; 17 | } 18 | .login_logoBox .logo_b { 19 | width: 90px; 20 | height: 90px; 21 | margin-right: 10px; 22 | border: #D8D8D8 1px solid; 23 | } 24 | .login_logoBox .logo_b img { 25 | width: 90px; 26 | height: 90px; 27 | } 28 | .login_logoBox .t_box { 29 | margin-top: 20px; 30 | line-height: 160% 31 | } 32 | .login_logoBox .t_box span.xy { 33 | font-size: 14px; 34 | } 35 | .phone-login, .wx_login1_3 { 36 | width: 600px; 37 | height: auto; 38 | margin: 10px auto; 39 | } 40 | .phone-login p { 41 | margin: 10px 0 42 | } 43 | .phone-login .input_box { 44 | border-radius: 0 45 | } 46 | .phone-login .wifi-deal { 47 | width: 100%; 48 | display: table; 49 | margin-top: 15px; 50 | } 51 | .phone-login .wifi-deal .r-icon, .phone-login .wifi-deal .e-icon { 52 | background: url(img/icon.png); 53 | width: 40px; 54 | height: 40px; 55 | background-position: 0 -20px; 56 | /*position:absolute;*/ 57 | margin: -7px 5px 0 180px 58 | } 59 | .phone-login .wifi-deal .e-icon { 60 | background-position: 0 -60px; 61 | } 62 | .agreement { 63 | width: 100%; 64 | padding: 20px 40px 40px; 65 | } 66 | .agreement .title { 67 | width: 100%; 68 | text-align: center; 69 | font-size: 20px; 70 | line-height: 200% 71 | } 72 | .agreement p { 73 | font-size: 16px; 74 | line-height: 150%; 75 | text-indent: 2em 76 | } 77 | .other-login { 78 | width: 100%; 79 | padding: 20px 0 0; 80 | margin-top: 28px; 81 | border-top: #e7e7e7 1px solid; 82 | } 83 | .other-login hr { 84 | width: 100%; 85 | margin: 10px auto 0; 86 | border-top: #e7e7e7 1px solid; 87 | } 88 | .other-login .title { 89 | width: 600px; 90 | margin: 0 auto; 91 | font-size: 21px 92 | } 93 | .other-login .login-box { 94 | width: 600px; 95 | height: 110px; 96 | padding: 20px 0; 97 | margin: 10px auto 30px; 98 | border: #e7e7e7 1px solid; 99 | font-size: 18px 100 | } 101 | .other-login .login-box .img_box { 102 | margin: 0 auto; 103 | display: table 104 | } 105 | .other-login .login-box img { 106 | width: 45px; 107 | height: 40px; 108 | margin: 0 auto 109 | } 110 | .other-login .login-box .login-btn { 111 | width: 90px; 112 | height: 40px; 113 | text-align: center; 114 | margin: 0 15px; 115 | } 116 | .other-login .login-box .login-btn div.c-back1 { 117 | width: 90px; 118 | line-height: 40px; 119 | float: left; 120 | text-overflow: ellipsis; 121 | white-space: nowrap; 122 | } 123 | .wx_login1_3 { 124 | margin: 10px auto; 125 | padding: 40px; 126 | } 127 | .wx_login1_3 .fl_box { 128 | width: 30px; 129 | } 130 | .wx_login1_3 .fl_box .icon1, .wx_login1_3 .fl_box .icon2, .wx_login1_3 .fl_box .icon3, .wx_login1_3 .fl_box .icon_w { 131 | background: url(img/wx_icon.png); 132 | width: 25px; 133 | height: 25px; 134 | margin: 5px 0 0 0; 135 | background-position: 0 0; 136 | } 137 | .wx_login1_3 .fl_box .icon2 { 138 | background-position: 0 -25px; 139 | } 140 | .wx_login1_3 .fl_box .icon3 { 141 | background-position: 0 -50px; 142 | } 143 | .wx_login1_3 .fl_box .icon_w { 144 | background-position: 0 -75px; 145 | } 146 | .wx_login1_3 .line_box { 147 | border-bottom: #e0e0e0 1px solid; 148 | margin-bottom: 20px; 149 | padding-bottom: 10px; 150 | } 151 | .wx_login1_3 .fr_box { 152 | width: 480px; 153 | font-size: 20px; 154 | } 155 | .wx_login1_3 .fr_box p { 156 | float: left; 157 | line-height: 180%; 158 | } 159 | .wx_login1_3 .fr_box img { 160 | float: right; 161 | width: 100px; 162 | height: 100px; 163 | } 164 | .wx_input1_3 { 165 | width: 100%; 166 | margin: 10px auto; 167 | padding: 8px; 168 | font-size: 20px; 169 | text-align: center; 170 | border-radius: 0; 171 | } 172 | .wx_btn1_3 { 173 | width: 100%; 174 | margin: 8px auto; 175 | padding: 10px 0; 176 | font-size: 22px; 177 | border-radius: 0; 178 | } 179 | .wifi_back1_3 { 180 | background: #F0F0F0; 181 | width: 100%; 182 | line-height: 19px; 183 | font-size: 18px; 184 | margin: 10px auto; 185 | padding: 12px 0; 186 | } 187 | .wifi_back1_3 .btn_box { 188 | width: 60px; 189 | margin: 0 auto; 190 | } 191 | .wifi_back1_3 span { 192 | color: #0e1212 193 | } 194 | .wifi_back1_3 .btn_box .iocn { 195 | background: url(img/back.png); 196 | width: 12px; 197 | height: 20px; 198 | margin-right: 5px; 199 | } 200 | @media screen and (max-width: 640px) { 201 | .goHome .goHome_btn { 202 | font-size: 18px 203 | } 204 | .login_logoBox { 205 | width: 450px; 206 | margin: 15px auto; 207 | } 208 | .login_logoBox .logo_b { 209 | width: 80px; 210 | height: 80px; 211 | margin-right: 8px; 212 | } 213 | .login_logoBox .logo_b img { 214 | width: 80px; 215 | height: 80px; 216 | } 217 | .login_logoBox .t_box { 218 | width: 300px; 219 | margin-top: 2px; 220 | line-height: 160% 221 | } 222 | .login_logoBox .t_box span.xy { 223 | font-size: 14px; 224 | } 225 | .phone-login, .wx_login1_3 { 226 | width: 450px; 227 | height: auto; 228 | margin: 10px auto; 229 | } 230 | .phone-login p { 231 | margin: 10px 0 232 | } 233 | .phone-login .input_box { 234 | border-radius: 0; 235 | padding: 8px 10px 236 | } 237 | .phone-login .wifi-deal { 238 | margin-top: 15px; 239 | } 240 | .phone-login .wifi-deal .r-icon, .phone-login .wifi-deal .e-icon { 241 | background: url(img/icon.png); 242 | background-size: 35px 70px; 243 | width: 30px; 244 | height: 30px; 245 | background-position: 0 -81px; 246 | margin: -7px 5px 0 130px 247 | } 248 | .phone-login .wifi-deal .e-icon { 249 | background-position: 0 -39px; 250 | } 251 | .agreement { 252 | width: 100%; 253 | padding: 10px 30px 30px; 254 | height: 400px; 255 | overflow-y: scroll !important; 256 | } 257 | .agreement .title { 258 | width: 100%; 259 | font-size: 18px; 260 | line-height: 180% 261 | } 262 | .agreement p { 263 | font-size: 14px; 264 | line-height: 140%; 265 | } 266 | .other-login { 267 | padding: 20px 0 5px; 268 | margin-top: 28px; 269 | } 270 | .other-login hr { 271 | margin: 8px auto 0; 272 | } 273 | .other-login .title { 274 | width: 450px; 275 | margin: 0 auto; 276 | font-size: 18px 277 | } 278 | .other-login .login-box { 279 | width: 450px; 280 | height: 110px; 281 | margin: 10px auto 30px; 282 | font-size: 16px 283 | } 284 | .other-login .login-box img { 285 | width: 45px; 286 | height: 40px; 287 | } 288 | .other-login .login-box .login-btn { 289 | width: 85px; 290 | height: 40px; 291 | margin: 0 13px; 292 | } 293 | .other-login .login-box .login-btn div.c-back1 { 294 | width: 85px; 295 | line-height: 40px; 296 | } 297 | .wx_login1_3 { 298 | margin: 8px auto; 299 | padding: 20px; 300 | } 301 | .wx_login1_3 .fl_box { 302 | width: 30px; 303 | } 304 | .wx_login1_3 .fl_box .icon1, .wx_login1_3 .fl_box .icon2, .wx_login1_3 .fl_box .icon3, .wx_login1_3 .fl_box .icon_w { 305 | width: 25px; 306 | height: 25px; 307 | margin: 3px 0 0 0; 308 | } 309 | .wx_login1_3 .fl_box .icon2 { 310 | background-position: 0 -25px; 311 | } 312 | .wx_login1_3 .fl_box .icon3 { 313 | background-position: 0 -50px; 314 | } 315 | .wx_login1_3 .fl_box .icon_w { 316 | background-position: 0 -75px; 317 | } 318 | .wx_login1_3 .line_box { 319 | margin-bottom: 20px; 320 | padding-bottom: 10px; 321 | } 322 | .wx_login1_3 .fr_box { 323 | width: 380px; 324 | font-size: 18px; 325 | } 326 | .wx_login1_3 .fr_box p { 327 | line-height: 180%; 328 | } 329 | .wx_login1_3 .fr_box img { 330 | width: 85px; 331 | height: 85px; 332 | } 333 | .wx_input1_3 { 334 | margin: 8px auto; 335 | padding: 8px; 336 | font-size: 18px; 337 | } 338 | .wx_btn1_3 { 339 | margin: 6px auto; 340 | padding: 8px 0; 341 | font-size: 20px; 342 | } 343 | .wifi_back1_3 { 344 | line-height: 19px; 345 | font-size: 18px; 346 | margin: 10px auto; 347 | padding: 10px 0; 348 | } 349 | .wifi_back1_3 .btn_box { 350 | width: 60px; 351 | } 352 | } 353 | @media screen and (max-width: 480px) { 354 | .goHome { 355 | line-height: 50px; 356 | margin: 60px 0; 357 | } 358 | .goHome .goHome_btn { 359 | font-size: 16px 360 | } 361 | .login_logoBox { 362 | width: 300px !important; 363 | margin: 10px auto; 364 | } 365 | .login_logoBox .logo_b { 366 | width: 60px; 367 | height: 60px; 368 | margin-right: 8px; 369 | } 370 | .login_logoBox .logo_b img { 371 | width: 60px; 372 | height: 60px; 373 | } 374 | .login_logoBox .t_box { 375 | width: 230px; 376 | line-height: 130% 377 | } 378 | .login_logoBox .t_box span.xy { 379 | font-size: 12px; 380 | } 381 | .phone-login, .wx_login1_3 { 382 | width: 300px; 383 | height: auto; 384 | margin: 10px auto; 385 | } 386 | .phone-login p { 387 | margin: 10px 0 388 | } 389 | .phone-login .input_box { 390 | border-radius: 0; 391 | padding: 6px 8px; 392 | font-size: 14px; 393 | } 394 | .phone-login .btn22-l { 395 | padding: 8px 10px; 396 | font-size: 16px; 397 | } 398 | .phone-login .wifi-deal { 399 | margin-top: 10px; 400 | } 401 | .phone-login .wifi-deal .r-icon, .phone-login .wifi-deal .e-icon { 402 | background: url(img/icon.png); 403 | background-size: 30px 60px; 404 | width: 25px; 405 | height: 25px; 406 | background-position: 0 -10px; 407 | margin: -3px 5px 0 60px 408 | } 409 | .phone-login .wifi-deal .e-icon { 410 | background-position: 0 -34px; 411 | } 412 | .agreement { 413 | width: 100%; 414 | padding: 10px 20px 20px; 415 | height: 300px; 416 | overflow-y: scroll !important; 417 | } 418 | .agreement .title { 419 | font-size: 16px; 420 | line-height: 160% 421 | } 422 | .agreement p { 423 | font-size: 12px; 424 | line-height: 130%; 425 | } 426 | .other-login { 427 | padding: 12px 0 5px; 428 | margin-top: 20px; 429 | } 430 | .other-login hr { 431 | margin: 8px auto 0; 432 | } 433 | .other-login .title { 434 | width: 300px; 435 | margin: 0 auto; 436 | font-size: 16px 437 | } 438 | .other-login .login-box { 439 | width: 300px; 440 | height: 80px; 441 | padding: 12px 0; 442 | margin: 10px auto 20px; 443 | font-size: 12px 444 | } 445 | .other-login .login-box img { 446 | width: 36px; 447 | height: 32px; 448 | } 449 | .other-login .login-box .login-btn { 450 | width: 50px; 451 | height: 32px; 452 | margin: 0 5px; 453 | } 454 | .other-login .login-box .login-btn div.c-back1 { 455 | width: 50px; 456 | line-height: 32px; 457 | } 458 | .wx_login1_3 { 459 | padding: 10px; 460 | } 461 | .wx_login1_3 .fl_box { 462 | width: 22px; 463 | } 464 | .wx_login1_3 .fl_box .icon1, .wx_login1_3 .fl_box .icon2, .wx_login1_3 .fl_box .icon3, .wx_login1_3 .fl_box .icon_w { 465 | background-size: 20px 80px; 466 | width: 20px; 467 | height: 20px; 468 | margin: 3px 0 0 0; 469 | } 470 | .wx_login1_3 .fl_box .icon2 { 471 | background-position: 0 -20px; 472 | } 473 | .wx_login1_3 .fl_box .icon3 { 474 | background-position: 0 -40px; 475 | } 476 | .wx_login1_3 .fl_box .icon_w { 477 | background-position: 0 -60px; 478 | } 479 | .wx_login1_3 .line_box { 480 | margin-bottom: 10px; 481 | padding-bottom: 5px; 482 | } 483 | .wx_login1_3 .fr_box { 484 | width: 253px; 485 | font-size: 14px; 486 | } 487 | .wx_login1_3 .fr_box p { 488 | line-height: 180%; 489 | } 490 | .wx_login1_3 .fr_box img { 491 | width: 40px; 492 | height: 40px; 493 | } 494 | .wx_input1_3 { 495 | margin: 6px auto; 496 | padding: 6px; 497 | font-size: 16px; 498 | } 499 | .wx_btn1_3 { 500 | margin: 4px auto; 501 | padding: 4px 0; 502 | font-size: 18px; 503 | } 504 | .wifi_back1_3 { 505 | line-height: 19px; 506 | font-size: 16px; 507 | margin: 8px auto; 508 | padding: 8px 0; 509 | } 510 | .wifi_back2 .btn_box { 511 | width: 60px; 512 | } 513 | .wifi_back1_3 .btn_box .iocn { 514 | background-size: 9.6px 16px; 515 | width: 9.6px; 516 | height: 16px; 517 | margin-right: 5px; 518 | } 519 | } 520 | -------------------------------------------------------------------------------- /css/style.min(2).css: -------------------------------------------------------------------------------- 1 | .swiper-container { 2 | margin: 0 auto; 3 | position: relative; 4 | overflow: hidden; 5 | -webkit-backface-visibility: hidden; 6 | -moz-backface-visibility: hidden; 7 | -ms-backface-visibility: hidden; 8 | -o-backface-visibility: hidden; 9 | backface-visibility: hidden; 10 | z-index: 1 11 | } 12 | .swiper-wrapper { 13 | position: relative; 14 | width: 100%; 15 | -webkit-transition-property: -webkit-transform, left, top; 16 | -webkit-transition-duration: 0s; 17 | -webkit-transform: translate3d(0px, 0, 0); 18 | -webkit-transition-timing-function: ease; 19 | -moz-transition-property: -moz-transform, left, top; 20 | -moz-transition-duration: 0s; 21 | -moz-transform: translate3d(0px, 0, 0); 22 | -moz-transition-timing-function: ease; 23 | -o-transition-property: -o-transform, left, top; 24 | -o-transition-duration: 0s; 25 | -o-transform: translate3d(0px, 0, 0); 26 | -o-transition-timing-function: ease; 27 | -o-transform: translate(0px, 0px); 28 | -ms-transition-property: -ms-transform, left, top; 29 | -ms-transition-duration: 0s; 30 | -ms-transform: translate3d(0px, 0, 0); 31 | -ms-transition-timing-function: ease; 32 | transition-property: transform, left, top; 33 | transition-duration: 0s; 34 | transform: translate3d(0px, 0, 0); 35 | transition-timing-function: ease 36 | } 37 | .swiper-free-mode>.swiper-wrapper { 38 | -webkit-transition-timing-function: ease-out; 39 | -moz-transition-timing-function: ease-out; 40 | -ms-transition-timing-function: ease-out; 41 | -o-transition-timing-function: ease-out; 42 | transition-timing-function: ease-out; 43 | margin: 0 auto 44 | } 45 | .swiper-slide { 46 | float: left 47 | } 48 | .swiper-wp8-horizontal { 49 | -ms-touch-action: pan-y 50 | } 51 | .swiper-wp8-vertical { 52 | -ms-touch-action: pan-x 53 | } 54 | .swiper-container { 55 | width: 640px; 56 | height: 300px; 57 | color: #fff; 58 | background: url(../images/ad02.jpg) no-repeat; 59 | text-align: center 60 | } 61 | .swiper-slide { 62 | width: 640px; 63 | height: 300px; 64 | text-align: center 65 | } 66 | .swiper-slide img { 67 | width: 640px; 68 | height: 300px; 69 | margin: 0 auto 70 | } 71 | .pagination { 72 | position: absolute; 73 | z-index: 20; 74 | left: 20px; 75 | bottom: 15px; 76 | margin: 0 77 | } 78 | .swiper-pagination-switch { 79 | display: inline-block; 80 | width: 15px; 81 | height: 15px; 82 | border-radius: 15px; 83 | background: 0; 84 | margin-right: 8px; 85 | opacity: .8; 86 | border: 2px solid #fff; 87 | cursor: pointer 88 | } 89 | .swiper-visible-switch { 90 | background: #aaa 91 | } 92 | .swiper-active-switch { 93 | background: #22b6db; 94 | border: 2px solid #22b6db 95 | } 96 | @media screen and (max-width:640px) { 97 | .swiper-container, .swiper-slide { 98 | width: 480px; 99 | height: 225px 100 | } 101 | .swiper-slide img { 102 | width: 480px; 103 | height: 225px 104 | } 105 | .pagination { 106 | left: 18px; 107 | bottom: 12px 108 | } 109 | .swiper-pagination-switch { 110 | width: 12px; 111 | height: 12px; 112 | border-radius: 12px; 113 | margin-right: 6px 114 | } 115 | } 116 | @media screen and (max-width:480px) { 117 | .swiper-container, .swiper-slide { 118 | width: 320px; 119 | height: 150px 120 | } 121 | .swiper-slide img { 122 | width: 320px; 123 | height: 150px 124 | } 125 | .pagination { 126 | left: 12px; 127 | bottom: 8px 128 | } 129 | .swiper-pagination-switch { 130 | width: 10px; 131 | height: 10px; 132 | border-radius: 10px; 133 | margin-right: 5px 134 | } 135 | } 136 | -------------------------------------------------------------------------------- /css/style.min(4).css: -------------------------------------------------------------------------------- 1 | .contact_box { 2 | width: 600px; 3 | height: 60px; 4 | margin: 15px auto 5 | } 6 | .contact_box .icon_bg { 7 | width: 60px; 8 | height: 60px; 9 | margin-right: 20px 10 | } 11 | .contact_box .icon_bg .img_phone, .contact_box .icon_bg .img_add { 12 | background: url(../images/icon.png); 13 | background-size: 45px 88px; 14 | background-position: 0 0; 15 | width: 45px; 16 | height: 44px; 17 | margin: 8px auto 18 | } 19 | .contact_box .icon_bg .img_add { 20 | background-position: 0 -44px 21 | } 22 | .contact_box .icon_right { 23 | width: 518px; 24 | margin-top: 5px 25 | } 26 | .contact_box .icon_right p.s1 { 27 | margin: 0; 28 | line-height: 150%; 29 | font-size: 17px 30 | } 31 | .contact_box .icon_right p.s2 { 32 | margin: 0; 33 | line-height: 150%; 34 | font-size: 18px 35 | } 36 | @media screen and (max-width:640px) { 37 | .contact_box { 38 | width: 450px; 39 | height: 50px; 40 | margin: 12px auto 41 | } 42 | .contact_box .icon_bg { 43 | width: 50px; 44 | height: 50px; 45 | margin-right: 15px 46 | } 47 | .contact_box .icon_bg .img_phone, .contact_box .icon_bg .img_add { 48 | background-size: 40.5px 79.2px; 49 | width: 40.5px; 50 | height: 41px; 51 | margin: 5px auto 52 | } 53 | .contact_box .icon_bg .img_add { 54 | background-position: 0 -39px 55 | } 56 | .contact_box .icon_right { 57 | width: 380px; 58 | margin-top: 4px 59 | } 60 | .contact_box .icon_right p.s1 { 61 | margin: 0; 62 | line-height: 140%; 63 | font-size: 16px 64 | } 65 | .contact_box .icon_right p.s2 { 66 | margin: 0; 67 | line-height: 140%; 68 | font-size: 17px 69 | } 70 | } 71 | @media screen and (max-width:480px) { 72 | .contact_box { 73 | width: 300px; 74 | height: 39px; 75 | margin: 12px auto 76 | } 77 | .contact_box .icon_bg { 78 | width: 39px; 79 | height: 39px; 80 | margin-right: 10px 81 | } 82 | .contact_box .icon_bg .img_phone, .contact_box .icon_bg .img_add { 83 | background-size: 29.25px 57.2px; 84 | width: 29.25px; 85 | height: 28.6px; 86 | margin: 5px auto 87 | } 88 | .contact_box .icon_bg .img_add { 89 | background-position: 0 -29px 90 | } 91 | .contact_box .icon_right { 92 | width: 240px; 93 | margin-top: 2px 94 | } 95 | .contact_box .icon_right p.s1 { 96 | margin: 0; 97 | line-height: 140%; 98 | font-size: 12px 99 | } 100 | .contact_box .icon_right p.s2 { 101 | margin: 0; 102 | line-height: 140%; 103 | font-size: 14px 104 | } 105 | } 106 | -------------------------------------------------------------------------------- /css/style.min.css: -------------------------------------------------------------------------------- 1 | .pic-box { 2 | width: 640px; 3 | height: auto; 4 | overflow: hidden; 5 | margin: 0 auto; 6 | background: #e0e0e0; 7 | text-align: center 8 | } 9 | .pic-box img { 10 | width: 640px; 11 | height: auto; 12 | margin: 0 auto; 13 | position: relative; 14 | z-index: 1 15 | } 16 | @media screen and (max-width:640px) { 17 | .pic-box { 18 | width: 480px 19 | } 20 | .pic-box img { 21 | width: 480px 22 | } 23 | } 24 | @media screen and (max-width:480px) { 25 | .pic-box { 26 | width: 320px 27 | } 28 | .pic-box img { 29 | width: 320px 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /css/tFocus.css: -------------------------------------------------------------------------------- 1 | .keChgImg { 2 | min-height: 750px; 3 | width: 100%; 4 | background: #FFF; 5 | position: relative; 6 | overflow: hidden; 7 | margin: 0px auto; 8 | } 9 | .keImgs li { 10 | float: left; 11 | max-height: 750px; 12 | width: 20%; 13 | margin: 0px auto; 14 | } 15 | .keImgs { 16 | max-height: 750px; 17 | overflow: hidden; 18 | position: absolute; 19 | left: 0px; 20 | top: 0px; 21 | } 22 | .keImgBtn { 23 | float: right; 24 | position: absolute; 25 | bottom: 0px; 26 | right: 0px; 27 | } 28 | .keImgBtn ul li { 29 | float: right; 30 | height: 22px; 31 | width: 22px; 32 | text-align: center; 33 | padding-top: 6px; 34 | position: relative; 35 | color: #FFF; 36 | cursor: pointer; 37 | font: 14px "微软雅黑"; 38 | } 39 | .keImgBtn ul li.keImgCutLi { 40 | color: #fefc41; 41 | } 42 | .adChgImg { 43 | width: 100%; 44 | min-height: 180px; 45 | max-height: 320px; 46 | background: #FFF; 47 | position: relative; 48 | overflow: hidden; 49 | margin: 0px auto; 50 | } 51 | .adImgs li { 52 | float: left; 53 | width: 25%; 54 | min-height: 180px; 55 | max-height: 320px; 56 | } 57 | .adImgs { 58 | min-height: 180px; 59 | max-height: 320px; 60 | overflow: hidden; 61 | position: absolute; 62 | left: 0px; 63 | top: 0px; 64 | } 65 | .adImgBtn { 66 | float: left; 67 | position: absolute; 68 | bottom: 10px; 69 | left: 10px; 70 | } 71 | .adImgBtn ul li { 72 | float: left; 73 | height: 22px; 74 | width: 22px; 75 | border: 2px solid #fff; 76 | border-radius: 50%; 77 | text-align: center; 78 | padding-top: 6px; 79 | background: #fff; 80 | position: relative; 81 | color: #FFF; 82 | cursor: pointer; 83 | font: 14px "微软雅黑"; 84 | } 85 | .adImgBtn ul li.adImgCutLi { 86 | color: #fefc41; 87 | } 88 | -------------------------------------------------------------------------------- /images/ad00.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/ad00.jpg -------------------------------------------------------------------------------- /images/ad01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/ad01.jpg -------------------------------------------------------------------------------- /images/ad02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/ad02.jpg -------------------------------------------------------------------------------- /images/ad03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/ad03.jpg -------------------------------------------------------------------------------- /images/ad04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/ad04.jpg -------------------------------------------------------------------------------- /images/autonavi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/autonavi.png -------------------------------------------------------------------------------- /images/bg_b.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/bg_b.jpg -------------------------------------------------------------------------------- /images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/icon.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/logo.png -------------------------------------------------------------------------------- /images/m-bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/m-bg.png -------------------------------------------------------------------------------- /images/marker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/marker.png -------------------------------------------------------------------------------- /images/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/menu.png -------------------------------------------------------------------------------- /images/qq.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/qq.png -------------------------------------------------------------------------------- /images/wb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/wb.png -------------------------------------------------------------------------------- /images/wx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/wx.png -------------------------------------------------------------------------------- /images/yj.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/yj.png -------------------------------------------------------------------------------- /images/yy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ForgotFun/wifidog-server/2a39b8fd6e4b97f80f70873a90b8a78a074dbb4d/images/yy.png -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 14 | 15 | 16 |
17 | 18 | 19 |一键点击实现免费畅游
42 |