Authored by 毕凯

Merge branch 'develop' of http://git.dev.yoho.cn/web/yohobuy into develop

@@ -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";
  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 +}
@@ -185,9 +185,7 @@ @@ -185,9 +185,7 @@
185 color: #000; 185 color: #000;
186 186
187 .sale-price { 187 .sale-price {
188 - text-decoration: line-through;  
189 margin: 0 10px 0 0; 188 margin: 0 10px 0 0;
190 - color: #999;  
191 } 189 }
192 } 190 }
193 } 191 }
@@ -231,5 +231,4 @@ class LoginController extends WebAction @@ -231,5 +231,4 @@ class LoginController extends WebAction
231 } 231 }
232 return $str; 232 return $str;
233 } 233 }
234 -  
235 } 234 }