Merge branch 'develop' of http://git.dev.yoho.cn/web/yohobuy into develop
Showing
7 changed files
with
923 additions
and
10 deletions
@@ -750,6 +750,73 @@ function actionTipPic() { | @@ -750,6 +750,73 @@ function actionTipPic() { | ||
750 | }); | 750 | }); |
751 | } | 751 | } |
752 | 752 | ||
753 | + | ||
754 | + | ||
755 | +function closeCover(){ | ||
756 | + var $cover = $('#cover'); | ||
757 | + | ||
758 | + $cover.remove(); | ||
759 | +} | ||
760 | +/** | ||
761 | + * 首次进入有弹窗 | ||
762 | + * @return {[type]} [description] | ||
763 | + */ | ||
764 | +function actionCover() { | ||
765 | + var gender = cookieMap._Gender; | ||
766 | + | ||
767 | + setCookie('_Channel','boys',{path : '/',domain : '.yohobuy.com',expires : 7}); | ||
768 | + if(typeof gender == 'undefined' || gender == '' || gender == null){ | ||
769 | + $.get('http://www.yohobuy.com/index/guide', function(data){ | ||
770 | + var newMask = document.createElement("div"); | ||
771 | + newMask.id = 'cover'; | ||
772 | + newMask.innerHTML=data; | ||
773 | + document.body.appendChild(newMask); | ||
774 | + var window_height = $(window).height(); | ||
775 | + var self_height = $('.guide-box').height(); | ||
776 | + var container_top = window_height / 2 - self_height / 2; | ||
777 | + var length=$('.guide-box .clear').find("li").length; | ||
778 | + $('.guide-box').css({ | ||
779 | + width: (200 * length) + 'px', | ||
780 | + top: container_top + 'px' | ||
781 | + }); | ||
782 | + $('#cover').bind('click', function(event){ | ||
783 | + setCookie('_Gender','1,3',{path : '/',domain : '.yohobuy.com',expires : 90}); | ||
784 | + setCookie('_Channel','boys',{path : '/',domain : '.yohobuy.com',expires : 7}); | ||
785 | + closeCover(); | ||
786 | + }); | ||
787 | + $('#cover .guide-box .close').bind('click', function(event){ | ||
788 | + getSource('弹窗','CLOSE','homepage_man'); | ||
789 | + setCookie('_Gender','1,3',{path : '/',domain : '.yohobuy.com',expires : 90}); | ||
790 | + setCookie('_Channel','boys',{path : '/',domain : '.yohobuy.com',expires : 7}); | ||
791 | + analy('guide_close'); | ||
792 | + closeCover(); | ||
793 | + }); | ||
794 | + $('.boys img , .boys .go').bind('click', function(event){ | ||
795 | + getSource('弹窗','BOYS','homepage_man'); | ||
796 | + setCookie('_Gender','1,3',{path : '/',domain : '.yohobuy.com',expires : 90}); | ||
797 | + setCookie('_Channel','boys',{path : '/',domain : '.yohobuy.com',expires : 7}); | ||
798 | + analy( 'guide_boys'); | ||
799 | + closeCover(); | ||
800 | + }); | ||
801 | + $('.girls img, .girls .go').bind('click', function(event){ | ||
802 | + getSource('弹窗','GIRLS','homepage_woman'); | ||
803 | + setCookie('_Gender','2,3',{path : '/',domain : '.yohobuy.com',expires : 90}); | ||
804 | + setCookie('_Channel','girls',{path : '/',domain : '.yohobuy.com',expires : 7}); | ||
805 | + analy( 'guide_girls'); | ||
806 | + }); | ||
807 | + $('.lifestyle img, .lifestyle .go').bind('click', function(event){ | ||
808 | + setCookie('_Channel','lifestyle',{path : '/',domain : '.yohobuy.com',expires : 7}); | ||
809 | + getSource('弹窗','LIEFSTYLE','homepage_lifestyle'); | ||
810 | + analy( 'guide_lifestyle'); | ||
811 | + }); | ||
812 | + //防止冒泡事件 | ||
813 | + $('#cover .guide-box').bind('click', function(event){ | ||
814 | + event.stopPropagation(); | ||
815 | + }); | ||
816 | + | ||
817 | + }); | ||
818 | + } | ||
819 | +} | ||
753 | /** | 820 | /** |
754 | * 查询跳转后保留关键字 | 821 | * 查询跳转后保留关键字 |
755 | * @return {[type]} [description] | 822 | * @return {[type]} [description] |
@@ -1200,7 +1267,7 @@ function actionExeTemplate() { | @@ -1200,7 +1267,7 @@ function actionExeTemplate() { | ||
1200 | * @return {[type]} [description] | 1267 | * @return {[type]} [description] |
1201 | */ | 1268 | */ |
1202 | function actionSearch() { | 1269 | function actionSearch() { |
1203 | - var searchDomain = 'http://search.yohobuy.com/product/search/suggest'; | 1270 | + var searchDomain = 'http://search.yohobuy.com/api/suggest'; |
1204 | 1271 | ||
1205 | $('#query_key').search(searchDomain); | 1272 | $('#query_key').search(searchDomain); |
1206 | } | 1273 | } |
@@ -1374,6 +1441,7 @@ function init() { | @@ -1374,6 +1441,7 @@ function init() { | ||
1374 | actionListenDelCarGoods(); //监听购物车删除 | 1441 | actionListenDelCarGoods(); //监听购物车删除 |
1375 | actionListenCartMore(); // | 1442 | actionListenCartMore(); // |
1376 | actionLoginInfo(); //获取登录信息 | 1443 | actionLoginInfo(); //获取登录信息 |
1444 | + actionCover(); //初次登录弹框 | ||
1377 | } | 1445 | } |
1378 | 1446 | ||
1379 | -init(); | ||
1447 | +init(); |
@@ -35,7 +35,7 @@ $('.logo-brand').logoBrand({ | @@ -35,7 +35,7 @@ $('.logo-brand').logoBrand({ | ||
35 | '<div class="good-info">' + | 35 | '<div class="good-info">' + |
36 | '<div class="item-img">' + | 36 | '<div class="item-img">' + |
37 | '<a class="good-thumb" target="_blank" href="\{{url}}">' + | 37 | '<a class="good-thumb" target="_blank" href="\{{url}}">' + |
38 | - '<img class="lazy" data-original="\{{img}}">' + | 38 | + '<img class="lazy" data-original="\{{thumb}}">' + |
39 | '</a>' + | 39 | '</a>' + |
40 | '</div>' + | 40 | '</div>' + |
41 | '<div class="good-detail-text">' + | 41 | '<div class="good-detail-text">' + |
@@ -670,6 +670,11 @@ | @@ -670,6 +670,11 @@ | ||
670 | top: 22px; | 670 | top: 22px; |
671 | left: 44.2%; | 671 | left: 44.2%; |
672 | position: absolute; | 672 | position: absolute; |
673 | + .main-link { | ||
674 | + display: block; | ||
675 | + width: 100%; | ||
676 | + height: 100%; | ||
677 | + } | ||
673 | } | 678 | } |
674 | 679 | ||
675 | .search { | 680 | .search { |
@@ -1164,6 +1169,11 @@ | @@ -1164,6 +1169,11 @@ | ||
1164 | } | 1169 | } |
1165 | .icon-logo { | 1170 | .icon-logo { |
1166 | left: 39.2%; | 1171 | left: 39.2%; |
1172 | + .main-link { | ||
1173 | + display: block; | ||
1174 | + width: 100%; | ||
1175 | + height: 100%; | ||
1176 | + } | ||
1167 | } | 1177 | } |
1168 | .sub-nav-list { | 1178 | .sub-nav-list { |
1169 | width: 990px; | 1179 | width: 990px; |
@@ -1215,4 +1225,233 @@ | @@ -1215,4 +1225,233 @@ | ||
1215 | } | 1225 | } |
1216 | } | 1226 | } |
1217 | } | 1227 | } |
1218 | - | 1228 | +#cover { |
1229 | + left: 0px; | ||
1230 | + top: 0px; | ||
1231 | + width: 100%; | ||
1232 | + height: 100%; | ||
1233 | + position: fixed; | ||
1234 | + z-index: 1001; | ||
1235 | +} | ||
1236 | +#cover .con { | ||
1237 | + background: rgba(0, 0, 0, 0.6) !important; | ||
1238 | + left: 0px; | ||
1239 | + top: 0px; | ||
1240 | + width: 100%; | ||
1241 | + height: 100%; | ||
1242 | + position: absolute; | ||
1243 | + z-index: 1002; | ||
1244 | + opacity: 0.5; | ||
1245 | + -moz-opacity: 0.5; | ||
1246 | +} | ||
1247 | +#cover .tag_img_warpper { | ||
1248 | + margin: 0px auto; | ||
1249 | + width: 180px; | ||
1250 | + height: 168px; | ||
1251 | +} | ||
1252 | +#cover .tag_img_warpper img { | ||
1253 | + width: 100%; | ||
1254 | + height: 100%; | ||
1255 | +} | ||
1256 | +#cover .guide-box { | ||
1257 | + background: rgb(255, 255, 255); | ||
1258 | + margin: 0px auto; | ||
1259 | + height: 400px; | ||
1260 | + position: relative; | ||
1261 | + z-index: 1003; | ||
1262 | +} | ||
1263 | +#cover .guide-box .close { | ||
1264 | + top: -15px; | ||
1265 | + text-align: center; | ||
1266 | + right: -15px; | ||
1267 | + color: rgb(255, 255, 255); | ||
1268 | + line-height: 22px; | ||
1269 | + font-size: 24px; | ||
1270 | + position: absolute; | ||
1271 | +} | ||
1272 | +#cover .guide-box .close { | ||
1273 | + background: rgb(0, 0, 0); | ||
1274 | + border-radius: 50px; | ||
1275 | + border: currentColor; | ||
1276 | + border-image: none; | ||
1277 | + width: 28px; | ||
1278 | + height: 28px; | ||
1279 | + line-height: 25px; | ||
1280 | + display: block; | ||
1281 | + -moz-border-radius: 50px; | ||
1282 | + -webkit-border-radius: 50px; | ||
1283 | +} | ||
1284 | +#cover .guide-box ul li { | ||
1285 | + padding: 10px; | ||
1286 | + width: 200px; | ||
1287 | + height: 400px; | ||
1288 | + float: left; | ||
1289 | + box-sizing: border-box; | ||
1290 | +} | ||
1291 | +#cover .guide-box ul li.girls { | ||
1292 | + border-left-color: rgb(238, 238, 238); | ||
1293 | + border-left-width: 1px; | ||
1294 | + border-left-style: solid; | ||
1295 | +} | ||
1296 | +#cover .guide-box ul li.lifestyle { | ||
1297 | + border-left-color: rgb(238, 238, 238); | ||
1298 | + border-left-width: 1px; | ||
1299 | + border-left-style: solid; | ||
1300 | +} | ||
1301 | +#cover .guide-box ul li.kids { | ||
1302 | + border-left-color: rgb(238, 238, 238); | ||
1303 | + border-left-width: 1px; | ||
1304 | + border-left-style: solid; | ||
1305 | +} | ||
1306 | +#cover .guide-box ul li.boys .goods-num { | ||
1307 | + text-align: center; | ||
1308 | + color: rgb(187, 187, 187); | ||
1309 | + line-height: 12px; | ||
1310 | + font-size: 12px; | ||
1311 | + margin-top: 16px; | ||
1312 | +} | ||
1313 | +#cover .guide-box ul li.girls .goods-num { | ||
1314 | + text-align: center; | ||
1315 | + color: rgb(187, 187, 187); | ||
1316 | + line-height: 12px; | ||
1317 | + font-size: 12px; | ||
1318 | + margin-top: 16px; | ||
1319 | +} | ||
1320 | +#cover .guide-box ul li.kids .goods-num { | ||
1321 | + text-align: center; | ||
1322 | + color: rgb(187, 187, 187); | ||
1323 | + line-height: 12px; | ||
1324 | + font-size: 12px; | ||
1325 | + margin-top: 16px; | ||
1326 | +} | ||
1327 | +#cover .guide-box ul li.lifestyle .goods-num { | ||
1328 | + text-align: center; | ||
1329 | + color: rgb(187, 187, 187); | ||
1330 | + line-height: 12px; | ||
1331 | + font-size: 12px; | ||
1332 | + margin-top: 16px; | ||
1333 | +} | ||
1334 | +#cover .guide-box ul li a.go { | ||
1335 | + margin: 26px auto 0px; | ||
1336 | + width: 100%; | ||
1337 | + height: 18px; | ||
1338 | + text-align: center; | ||
1339 | + color: rgb(176, 176, 176); | ||
1340 | + line-height: 18px; | ||
1341 | + font-size: 18px; | ||
1342 | + font-style: italic; | ||
1343 | + font-weight: lighter; | ||
1344 | + display: block; | ||
1345 | +} | ||
1346 | +#cover .boys .block_cn { | ||
1347 | + text-align: center; | ||
1348 | + line-height: 26px; | ||
1349 | + font-size: 26px; | ||
1350 | + font-weight: bold; | ||
1351 | + margin-top: 30px; | ||
1352 | +} | ||
1353 | +#cover .girls .block_cn { | ||
1354 | + text-align: center; | ||
1355 | + line-height: 26px; | ||
1356 | + font-size: 26px; | ||
1357 | + font-weight: bold; | ||
1358 | + margin-top: 30px; | ||
1359 | +} | ||
1360 | +#cover .kids .block_cn { | ||
1361 | + text-align: center; | ||
1362 | + line-height: 26px; | ||
1363 | + font-size: 26px; | ||
1364 | + font-weight: bold; | ||
1365 | + margin-top: 30px; | ||
1366 | +} | ||
1367 | +#cover .lifestyle .block_cn { | ||
1368 | + text-align: center; | ||
1369 | + line-height: 26px; | ||
1370 | + font-size: 26px; | ||
1371 | + font-weight: bold; | ||
1372 | + margin-top: 30px; | ||
1373 | +} | ||
1374 | +#cover .boys .block_cn { | ||
1375 | + color: black; | ||
1376 | +} | ||
1377 | +#cover .boys .block_en { | ||
1378 | + color: black; | ||
1379 | +} | ||
1380 | +#cover .girls .block_cn { | ||
1381 | + color: rgb(255, 136, 174); | ||
1382 | +} | ||
1383 | +#cover .girls .block_en { | ||
1384 | + color: rgb(255, 136, 174); | ||
1385 | +} | ||
1386 | +#cover .kids .block_cn { | ||
1387 | + color: rgb(122, 217, 248); | ||
1388 | +} | ||
1389 | +#cover .kids .block_en { | ||
1390 | + color: rgb(122, 217, 248); | ||
1391 | +} | ||
1392 | +#cover .lifestyle .block_cn { | ||
1393 | + color: rgb(79, 64, 55) !important; | ||
1394 | +} | ||
1395 | +#cover .lifestyle .block_en { | ||
1396 | + color: rgb(79, 64, 55) !important; | ||
1397 | +} | ||
1398 | +#cover .boys .block_en { | ||
1399 | + text-align: center; | ||
1400 | + line-height: 26px; | ||
1401 | + font-size: 26px; | ||
1402 | + font-weight: bold; | ||
1403 | + margin-top: 19px; | ||
1404 | +} | ||
1405 | +#cover .girls .block_en { | ||
1406 | + text-align: center; | ||
1407 | + line-height: 26px; | ||
1408 | + font-size: 26px; | ||
1409 | + font-weight: bold; | ||
1410 | + margin-top: 19px; | ||
1411 | +} | ||
1412 | +#cover .kids .block_en { | ||
1413 | + text-align: center; | ||
1414 | + line-height: 26px; | ||
1415 | + font-size: 26px; | ||
1416 | + font-weight: bold; | ||
1417 | + margin-top: 19px; | ||
1418 | +} | ||
1419 | +#cover .lifestyle .block_en { | ||
1420 | + text-align: center; | ||
1421 | + line-height: 26px; | ||
1422 | + font-size: 26px; | ||
1423 | + font-weight: bold; | ||
1424 | + margin-top: 19px; | ||
1425 | +} | ||
1426 | +#cover .boys .block_line { | ||
1427 | + margin: 20px auto 0px; | ||
1428 | + width: 50px; | ||
1429 | + height: 0px; | ||
1430 | + border-bottom-color: rgb(204, 204, 204); | ||
1431 | + border-bottom-width: 1px; | ||
1432 | + border-bottom-style: solid; | ||
1433 | +} | ||
1434 | +#cover .girls .block_line { | ||
1435 | + margin: 20px auto 0px; | ||
1436 | + width: 50px; | ||
1437 | + height: 0px; | ||
1438 | + border-bottom-color: rgb(204, 204, 204); | ||
1439 | + border-bottom-width: 1px; | ||
1440 | + border-bottom-style: solid; | ||
1441 | +} | ||
1442 | +#cover .kids .block_line { | ||
1443 | + margin: 20px auto 0px; | ||
1444 | + width: 50px; | ||
1445 | + height: 0px; | ||
1446 | + border-bottom-color: rgb(204, 204, 204); | ||
1447 | + border-bottom-width: 1px; | ||
1448 | + border-bottom-style: solid; | ||
1449 | +} | ||
1450 | +#cover .lifestyle .block_line { | ||
1451 | + margin: 20px auto 0px; | ||
1452 | + width: 50px; | ||
1453 | + height: 0px; | ||
1454 | + border-bottom-color: rgb(204, 204, 204); | ||
1455 | + border-bottom-width: 1px; | ||
1456 | + border-bottom-style: solid; | ||
1457 | +} |
1 | $tip: sprite-map("passport/tip/*.png", $spacing: 10px); | 1 | $tip: sprite-map("passport/tip/*.png", $spacing: 10px); |
2 | 2 | ||
3 | -@import "login", "register", "back", "welcome"; | ||
4 | - | ||
5 | .passport-page { | 3 | .passport-page { |
6 | width: 1150px; | 4 | width: 1150px; |
7 | margin-left: auto; | 5 | margin-left: auto; |
@@ -207,4 +205,6 @@ $tip: sprite-map("passport/tip/*.png", $spacing: 10px); | @@ -207,4 +205,6 @@ $tip: sprite-map("passport/tip/*.png", $spacing: 10px); | ||
207 | margin: 0 auto; | 205 | margin: 0 auto; |
208 | margin-top: 50px; | 206 | margin-top: 50px; |
209 | } | 207 | } |
210 | -} | ||
208 | +} | ||
209 | + | ||
210 | +@import "login", "register", "back", "welcome", "third"; |
web-static/sass/passport/_third.scss
0 → 100644
1 | +.yohobindbtn { | ||
2 | + display: block; | ||
3 | + width:210px; | ||
4 | + height: 45px; | ||
5 | + line-height: 45px; | ||
6 | + background-color: #f02200; | ||
7 | + color: #fff; | ||
8 | + font-size: 16px; | ||
9 | + text-align: center; | ||
10 | +} | ||
11 | +.hide { | ||
12 | + display: none; | ||
13 | +} | ||
14 | +.novisiable { | ||
15 | + visibility: hidden; | ||
16 | +} | ||
17 | +.actlevel { | ||
18 | + background-color: #f02200 !important; | ||
19 | + color: white !important; | ||
20 | +} | ||
21 | +.mask { | ||
22 | + position: fixed; | ||
23 | + top: 0; | ||
24 | + right: 0; | ||
25 | + bottom: 0; | ||
26 | + left: 0; | ||
27 | + z-index: 1050; | ||
28 | + overflow-x: hidden; | ||
29 | + -webkit-overflow-scrolling: touch; | ||
30 | + outline: 0; | ||
31 | +} | ||
32 | + | ||
33 | +.bindwrapper { | ||
34 | + margin: 0 auto; | ||
35 | + width: 980px; | ||
36 | + min-height: 450px; | ||
37 | + padding-top: 122px; | ||
38 | +} | ||
39 | +.welcomeword { | ||
40 | + width: 100%; | ||
41 | + text-align: center; | ||
42 | + font-size: 22px; | ||
43 | + line-height: 22px; | ||
44 | + color: #545454; | ||
45 | + margin-bottom: 15px; | ||
46 | + .yoho { | ||
47 | + color: #e12000; | ||
48 | + } | ||
49 | +} | ||
50 | +.safeword { | ||
51 | + width: 100%; | ||
52 | + text-align: center; | ||
53 | + font-size: 16px; | ||
54 | + line-height: 16px; | ||
55 | + color: #545454; | ||
56 | + margin-bottom: 63px; | ||
57 | +} | ||
58 | +.yohobindrow { | ||
59 | + width: 480px; | ||
60 | + margin: 0 auto 22px; | ||
61 | + height: 40px; | ||
62 | + .name { | ||
63 | + float: left; | ||
64 | + text-align: right; | ||
65 | + margin-right: 14px; | ||
66 | + width: 96px; | ||
67 | + } | ||
68 | + .areatag { | ||
69 | + height: 30px; | ||
70 | + line-height: 30px; | ||
71 | + } | ||
72 | + .phonetag, | ||
73 | + .setpwdtag { | ||
74 | + height: 47px; | ||
75 | + line-height: 47px; | ||
76 | + } | ||
77 | + .content { | ||
78 | + float: left; | ||
79 | + text-align: left; | ||
80 | + margin-top: 0; | ||
81 | + padding-left: 0; | ||
82 | + } | ||
83 | + | ||
84 | + &::after { | ||
85 | + display: block; | ||
86 | + content: ''; | ||
87 | + clear: both; | ||
88 | + } | ||
89 | +} | ||
90 | +.sendnotify { | ||
91 | + width: 260px; | ||
92 | + text-align: left; | ||
93 | + margin: 0 auto 18px; | ||
94 | +} | ||
95 | +.validaterow { | ||
96 | + overflow: hidden; | ||
97 | + margin: 0 auto 22px; | ||
98 | + padding-left: 250px; | ||
99 | + .name { | ||
100 | + float: left; | ||
101 | + text-align: right; | ||
102 | + margin-right: 14px; | ||
103 | + width: 96px; | ||
104 | + } | ||
105 | + .areatag { | ||
106 | + height: 30px; | ||
107 | + line-height: 30px; | ||
108 | + } | ||
109 | + .phonetag { | ||
110 | + height: 47px; | ||
111 | + line-height: 47px; | ||
112 | + } | ||
113 | + .content { | ||
114 | + float: left; | ||
115 | + text-align: left; | ||
116 | + } | ||
117 | + &::after { | ||
118 | + display: block; | ||
119 | + content: ''; | ||
120 | + clear: both; | ||
121 | + } | ||
122 | + .validatewrapper { | ||
123 | + float: left; | ||
124 | + height: 45px; | ||
125 | + width: 133px; | ||
126 | + text-align: center; | ||
127 | + line-height: 45px; | ||
128 | + background-color: #d8d8d8; | ||
129 | + color: #000; | ||
130 | + font-size: 13px; | ||
131 | + .yohobindbtn{ | ||
132 | + width: 133px; | ||
133 | + font-size: 13px; | ||
134 | + } | ||
135 | + margin-left: 18px; | ||
136 | + } | ||
137 | +} | ||
138 | +.validatepicrow { | ||
139 | + overflow: hidden; | ||
140 | + margin: 0 auto 22px; | ||
141 | + padding-left: 250px; | ||
142 | + .name { | ||
143 | + float: left; | ||
144 | + text-align: right; | ||
145 | + margin-right: 14px; | ||
146 | + width: 96px; | ||
147 | + } | ||
148 | + .areatag { | ||
149 | + height: 30px; | ||
150 | + line-height: 30px; | ||
151 | + } | ||
152 | + .yohophonewrapper { | ||
153 | + | ||
154 | + } | ||
155 | + .phonetag { | ||
156 | + height: 47px; | ||
157 | + line-height: 47px; | ||
158 | + } | ||
159 | + .content { | ||
160 | + float: left; | ||
161 | + text-align: left; | ||
162 | + } | ||
163 | + &::after { | ||
164 | + display: block; | ||
165 | + content: ''; | ||
166 | + clear: both; | ||
167 | + } | ||
168 | + .validatewrapper { | ||
169 | + float: left; | ||
170 | + height: 45px; | ||
171 | + text-align: center; | ||
172 | + line-height: 45px; | ||
173 | + color: #000; | ||
174 | + font-size: 13px; | ||
175 | + .yohobindbtn{ | ||
176 | + width: 133px; | ||
177 | + font-size: 13px; | ||
178 | + } | ||
179 | + margin-left: 18px; | ||
180 | + } | ||
181 | + .change-captcha { | ||
182 | + cursor: pointer; | ||
183 | + color: #f02200; | ||
184 | + text-decoration: underline; | ||
185 | + } | ||
186 | +} | ||
187 | +.setpwdwrapper { | ||
188 | + margin-bottom: 10px; | ||
189 | + height: 45px; | ||
190 | +} | ||
191 | +.safelevel { | ||
192 | + width: 291px; | ||
193 | + height: 15px; | ||
194 | + margin: 0 auto; | ||
195 | + text-align: right; | ||
196 | + font-size: 10px; | ||
197 | + color: #000; | ||
198 | + | ||
199 | + span { | ||
200 | + width: 28px; | ||
201 | + height: 15px; | ||
202 | + line-height: 15px; | ||
203 | + background-color: #e5e5e5; | ||
204 | + font-size: 10px; | ||
205 | + color: #000; | ||
206 | + margin-right: 4px; | ||
207 | + padding: 1px 8px; | ||
208 | + } | ||
209 | +} | ||
210 | +.green .color { | ||
211 | + background-color: #0f0; | ||
212 | + color: #fff; | ||
213 | +} | ||
214 | +.yellow .color { | ||
215 | + background-color: #ff0; | ||
216 | + color: #fff; | ||
217 | +} | ||
218 | +.red .color { | ||
219 | + background-color: #f00; | ||
220 | + color: #fff; | ||
221 | +} | ||
222 | +.yohoselectarea { | ||
223 | + position: relative; | ||
224 | + box-sizing: border-box; | ||
225 | + width: 131px; | ||
226 | + height: 33px; | ||
227 | + .optionshow { | ||
228 | + width: 100%; | ||
229 | + height: 100%; | ||
230 | + padding-left: 16px; | ||
231 | + border: 1px solid #d9d9d9; | ||
232 | + .areaname { | ||
233 | + display: block; | ||
234 | + float: left; | ||
235 | + width: 110px; | ||
236 | + height: 100%; | ||
237 | + line-height: 33px; | ||
238 | + font-size: 13px; | ||
239 | + color: #000; | ||
240 | + } | ||
241 | + .righttag { | ||
242 | + display: block; | ||
243 | + float: left; | ||
244 | + width: 21px; | ||
245 | + height: 100%; | ||
246 | + line-height: 33px; | ||
247 | + background-color: #d8d8d8; | ||
248 | + background-image: url('../img/arrowbottom.png'); | ||
249 | + background-repeat: no-repeat; | ||
250 | + background-position: center center; | ||
251 | + } | ||
252 | + } | ||
253 | + .optionslist { | ||
254 | + background-color: white; | ||
255 | + position: absolute; | ||
256 | + top: 35px; | ||
257 | + left: 0; | ||
258 | + width: 149px; | ||
259 | + z-index: 2; | ||
260 | + .optionitem { | ||
261 | + height: 33px; | ||
262 | + line-height: 33px; | ||
263 | + padding-left: 16px; | ||
264 | + font-size: 13px; | ||
265 | + &:hover { | ||
266 | + background-color: #dfdfdf; | ||
267 | + } | ||
268 | + } | ||
269 | + } | ||
270 | +} | ||
271 | +.yohophonewrapper { | ||
272 | + width: 271px; | ||
273 | + height: 47px; | ||
274 | + border: 1px solid #d9d9d9; | ||
275 | + position: relative; | ||
276 | + .areanum { | ||
277 | + float: left; | ||
278 | + height: 100%; | ||
279 | + width: 63px; | ||
280 | + line-height: 47px; | ||
281 | + text-align: center; | ||
282 | + color: #000; | ||
283 | + background-color: #d8d8d8; | ||
284 | + } | ||
285 | + .phonenum { | ||
286 | + outline: none; | ||
287 | + box-sizing: border-box; | ||
288 | + float: left; | ||
289 | + height: 45px; | ||
290 | + width: 205px; | ||
291 | + line-height: 38px; | ||
292 | + padding-left: 8px; | ||
293 | + border: none; | ||
294 | + color: #000; | ||
295 | + } | ||
296 | +} | ||
297 | +.protoctolwrapper{ | ||
298 | + width: 350px; | ||
299 | + margin: 38px auto 0; | ||
300 | + padding-left: 85px; | ||
301 | + overflow: hidden; | ||
302 | + .choosewrapper { | ||
303 | + float: left; | ||
304 | + width: 13px; | ||
305 | + height: 13px; | ||
306 | + background-color: #4c4c4c; | ||
307 | + background-image: none; | ||
308 | + background-position: center center; | ||
309 | + background-repeat: no-repeat; | ||
310 | + margin-right: 14px; | ||
311 | + } | ||
312 | + .choosetag { | ||
313 | + width: 100%; | ||
314 | + height: 100%; | ||
315 | + display: block; | ||
316 | + opacity: 0; | ||
317 | + filter: alpha(opacity=0); | ||
318 | + } | ||
319 | + span { | ||
320 | + float: left; | ||
321 | + } | ||
322 | + .protoctol { | ||
323 | + color: #f02200; | ||
324 | + text-decoration: underline; | ||
325 | + } | ||
326 | + &::after { | ||
327 | + display: block; | ||
328 | + content: ''; | ||
329 | + clear: both; | ||
330 | + } | ||
331 | +} | ||
332 | +.confirmwrapper { | ||
333 | + overflow: hidden; | ||
334 | + margin-top: 47px !important; | ||
335 | +} | ||
336 | +.btnwrapper{ | ||
337 | + width: 350px; | ||
338 | + margin: 20px auto 0; | ||
339 | + padding-left: 85px; | ||
340 | +} | ||
341 | +.thirdloginwrapper { | ||
342 | + margin: 0 auto; | ||
343 | + width: 1150px; | ||
344 | + min-height: 450px; | ||
345 | + padding-top: 160px; | ||
346 | + .safeword { | ||
347 | + margin-bottom: 30px; | ||
348 | + } | ||
349 | + .left { | ||
350 | + box-sizing: border-box; | ||
351 | + float: left; | ||
352 | + width: 450px; | ||
353 | + height: 318px; | ||
354 | + border-right: 1px solid #e5e5e5; | ||
355 | + } | ||
356 | + .right { | ||
357 | + box-sizing: border-box; | ||
358 | + float: right; | ||
359 | + width: 696px; | ||
360 | + padding-top: 64px; | ||
361 | + height: 318px; | ||
362 | + } | ||
363 | + .gobuy, | ||
364 | + .completeprofile { | ||
365 | + float: left; | ||
366 | + display: inline-block; | ||
367 | + width: 94px; | ||
368 | + height: 94px; | ||
369 | + line-height: 94px; | ||
370 | + text-align: center; | ||
371 | + border-radius: 50%; | ||
372 | + background-color: #f02200; | ||
373 | + color: white; | ||
374 | + } | ||
375 | + .gobuy { | ||
376 | + margin-left: 228px; | ||
377 | + margin-right: 80px; | ||
378 | + } | ||
379 | +} | ||
380 | +.bindsuccesswrapper { | ||
381 | + margin: 0 auto; | ||
382 | + width: 1150px; | ||
383 | + min-height: 450px; | ||
384 | + padding-top: 160px; | ||
385 | + .successwrapper { | ||
386 | + width: 320px; | ||
387 | + height: 29px; | ||
388 | + margin: 0 auto 16px; | ||
389 | + .successtag { | ||
390 | + display: inline-block; | ||
391 | + margin-right: 28px; | ||
392 | + float: left; | ||
393 | + width: 29px; | ||
394 | + height: 29px; | ||
395 | + background-image: url('../img/bindsuccess.png'); | ||
396 | + background-repeat: no-repeat; | ||
397 | + } | ||
398 | + .congratulation { | ||
399 | + display: inline-block; | ||
400 | + height: 29px; | ||
401 | + line-height: 29px; | ||
402 | + font-size: 22px; | ||
403 | + } | ||
404 | + } | ||
405 | + .info { | ||
406 | + text-align: center; | ||
407 | + font-size: 16px; | ||
408 | + margin-bottom: 48px; | ||
409 | + } | ||
410 | + .gobuynow { | ||
411 | + margin: 0 auto; | ||
412 | + } | ||
413 | +} | ||
414 | +.bindconfrimwrapper { | ||
415 | + width: 900px; | ||
416 | + height: 439px; | ||
417 | + margin: 153px auto; | ||
418 | + background-color: #fff; | ||
419 | + box-sizing: border-box; | ||
420 | + padding-top: 37px; | ||
421 | + .topwrapper { | ||
422 | + width: 281px; | ||
423 | + height: 90px; | ||
424 | + margin: 0 auto 32px; | ||
425 | + .userphoto { | ||
426 | + width: 90px; | ||
427 | + height: 90px; | ||
428 | + vertical-align: middle; | ||
429 | + border-radius: 50%; | ||
430 | + margin-right: 22px; | ||
431 | + } | ||
432 | + .username{ | ||
433 | + vertical-align: middle; | ||
434 | + } | ||
435 | + } | ||
436 | + .usertaginfo { | ||
437 | + text-align: center; | ||
438 | + font-size: 16px; | ||
439 | + color: #545454; | ||
440 | + margin-bottom: 10px; | ||
441 | + } | ||
442 | + .usertagremind { | ||
443 | + text-align: center; | ||
444 | + font-size: 14px; | ||
445 | + color: #000; | ||
446 | + margin-bottom: 47px; | ||
447 | + } | ||
448 | + .otherphone{ | ||
449 | + margin: 0 auto 64px; | ||
450 | + } | ||
451 | + .logindirectly { | ||
452 | + display: block; | ||
453 | + text-align: center; | ||
454 | + text-decoration: underline; | ||
455 | + color: #f02200; | ||
456 | + } | ||
457 | +} | ||
458 | +.yohobindbtn[disabled] { | ||
459 | + background-color: #e5e5e5; | ||
460 | + cursor: not-allowed; | ||
461 | +} | ||
462 | +.gobindwrapper { | ||
463 | + width: 100%; | ||
464 | + height: 45px; | ||
465 | + margin-bottom: 70px; | ||
466 | + &::after { | ||
467 | + display: block; | ||
468 | + content: ''; | ||
469 | + clear: both; | ||
470 | + } | ||
471 | + .myphone { | ||
472 | + float: left; | ||
473 | + margin-left: 20px; | ||
474 | + width: 193px; | ||
475 | + } | ||
476 | + .logindirectly { | ||
477 | + display: inline-block; | ||
478 | + } | ||
479 | + .validaterow { | ||
480 | + overflow: hidden; | ||
481 | + margin: 0 auto 22px; | ||
482 | + padding-left: 222px; | ||
483 | + float: left; | ||
484 | + .name { | ||
485 | + float: left; | ||
486 | + text-align: right; | ||
487 | + margin-right: 14px; | ||
488 | + width: 96px; | ||
489 | + } | ||
490 | + .areatag { | ||
491 | + height: 30px; | ||
492 | + line-height: 30px; | ||
493 | + } | ||
494 | + .phonetag { | ||
495 | + height: 47px; | ||
496 | + line-height: 47px; | ||
497 | + } | ||
498 | + .content { | ||
499 | + float: left; | ||
500 | + text-align: left; | ||
501 | + .validatacode { | ||
502 | + outline: none; | ||
503 | + box-sizing: border-box; | ||
504 | + float: left; | ||
505 | + height: 45px; | ||
506 | + width: 113px; | ||
507 | + line-height: 38px; | ||
508 | + padding-left: 8px; | ||
509 | + border: 1px solid #d9d9d9; | ||
510 | + color: #000; | ||
511 | + } | ||
512 | + } | ||
513 | + .validatewrapper { | ||
514 | + float: left; | ||
515 | + height: 45px; | ||
516 | + width: 133px; | ||
517 | + text-align: center; | ||
518 | + line-height: 45px; | ||
519 | + background-color: #d8d8d8; | ||
520 | + color: #000; | ||
521 | + font-size: 13px; | ||
522 | + margin-left: 18px; | ||
523 | + .yohobindbtn{ | ||
524 | + width: 133px; | ||
525 | + font-size: 13px; | ||
526 | + } | ||
527 | + | ||
528 | + } | ||
529 | +} | ||
530 | + | ||
531 | +} | ||
532 | +.gobindbottomwrapper { | ||
533 | + width: 100%; | ||
534 | + padding-left: 341px; | ||
535 | + .logindirectly { | ||
536 | + display: inline-block; | ||
537 | + float: left; | ||
538 | + margin-right: 36px; | ||
539 | + text-decoration: underline; | ||
540 | + color: #f02200; | ||
541 | + } | ||
542 | +} | ||
543 | +.pwd-tips { | ||
544 | + position: absolute; | ||
545 | + top: -10px; | ||
546 | + left: 285px; | ||
547 | + width: 158px !important; | ||
548 | + height: 70px; | ||
549 | + padding-top: 7px; | ||
550 | + font-size: 12px; | ||
551 | + background: url(http://6.url.cn/zc/chs/img/pwd_sprite.png?v=10069) no-repeat; | ||
552 | +} | ||
553 | +.pwd-tips { | ||
554 | + position: absolute; | ||
555 | + top: -10px; | ||
556 | + left: 285px; | ||
557 | + width: 158px !important; | ||
558 | + height: 70px; | ||
559 | + padding-top: 7px; | ||
560 | + font-size: 12px; | ||
561 | + background: url(http://6.url.cn/zc/chs/img/pwd_sprite.png?v=10069) no-repeat | ||
562 | +} | ||
563 | + | ||
564 | +.pwd-tips div { | ||
565 | + height: 22px; | ||
566 | + line-height: 22px; | ||
567 | + margin-left: 15px; | ||
568 | + padding-left: 18px; | ||
569 | +} | ||
570 | + | ||
571 | +.pwd-tips .default { | ||
572 | + background: url(http://6.url.cn/zc/chs/img/pwd_sprite.png?v=10069) 0 -215px no-repeat; | ||
573 | +} | ||
574 | + | ||
575 | +.pwd-tips .yes { | ||
576 | + background: url(http://6.url.cn/zc/chs/img/pwd_sprite.png?v=10069) 0 -247px no-repeat; | ||
577 | +} | ||
578 | + | ||
579 | +.pwd-tips .no { | ||
580 | + background: url(http://6.url.cn/zc/chs/img/pwd_sprite.png?v=10069) 0 -281px no-repeat; | ||
581 | +} | ||
582 | + | ||
583 | +.pwd-tips .red { | ||
584 | + color: red !important; | ||
585 | +} | ||
586 | + | ||
587 | +.msg-tip { | ||
588 | + position: absolute; | ||
589 | + top: 17px; | ||
590 | + left: 285px; | ||
591 | + white-space: nowrap; | ||
592 | +} | ||
593 | + | ||
594 | +.msg-tip img { | ||
595 | + height: 12px; | ||
596 | + width: 12px; | ||
597 | +} | ||
598 | +.backdrop { | ||
599 | + position: fixed; | ||
600 | + background: #000; | ||
601 | + width: 100%; | ||
602 | + height: 100%; | ||
603 | + left: 0 ; | ||
604 | + top: 0 ; | ||
605 | + bottom: 0; | ||
606 | + right: 0; | ||
607 | + opacity: .5; | ||
608 | + filter: alpha(opacity=50); | ||
609 | +} |
-
Please register or login to post a comment