wangshusheng / YOHOBUYPC · Commits

Go to a project

Authored by xuqi
Commit b647df313503adb7039eddb1e3ba434afa4fe039 1 parent 954415ff

del dist

Inline Side-by-side
Showing 4 changed files with 0 additions and 2745 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 4 of 4+ files are displayed.

define("index", ["zepto","lazyload","swiper","mlellipsis","iscroll-probe","index"], function(require, exports, module){
var yohobuy;
require("js/common");
require("js/passport/index");
require("js/guang/index");
require("js/home/index");
require("js/product/index");
require("js/index/index");
module.exports = yohobuy;
});
define("js/common", ["zepto"], function(require, exports, module){
/**
* 页面公共逻辑
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/21
*/
var $ = require("zepto");
function cookie(name) {
var cookies = document.cookie,
cookieVal,
offset;
if (document.cookie && document.cookie !== '') {
offset = cookies.indexOf(name + '=');
if (offset > -1) {
offset += name.length + 1;
cookieVal = decodeURIComponent($.trim(cookies.substring(offset, cookies.indexOf(';', offset))));
}
}
return cookieVal;
}
function getUser() {
var c = cookie('_UID'),
user;
if (typeof c === 'undefined') {
return 0;
}
user = c.split('::');
if (typeof user === 'undefined' || user.length < 4) {
return 0;
}
return user;
}
function getUid() {
var user = getUser();
if (user === 0) {
return 0;
}
return user[1];
}
function getShoppingKey() {
var c = cookie('_g');
if (typeof c === 'undefined') {
return '';
}
return JSON.parse(c).k;
}
//页面通用底部位置及status设置
(function() {
var $footer = $('#yoho-footer'),
$op = $footer.children('.op-row');
var user = getUser();
if ($('body').height() < $(window).height()) {
$footer.addClass('bottom');
}
if (user === 0) {
//未登录
$op.prepend(
'<a href="http://m.yohobuy.com/signin.html">登录</a>' +
'<span class="sep-line">|</span>' +
'<a href="http://m.yohobuy.com/reg.html">注册</a>'
);
} else {
//已登录
$op.prepend(
'Hi,' +
'<a class="user-name" href="http://m.yohobuy.com/home?tmp=' + Math.random() + '">' + user[0] + '</a>' +
'<a href="http://m.yohobuy.com/passport/signout/index?token=' + user[3] + '">退出</a>'
);
}
$footer.removeClass('hide');
}());
//暴露公共接口
window.cookie = cookie;
window.getUser = getUser;
window.getUid = getUid;
window.getShoppingKey = getShoppingKey;
});
define("js/passport/index", ["zepto"], function(require, exports, module){
/**
* 注册、登录、密码找回打包入口
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
//注册
require("js/passport/register/register");
require("js/passport/register/code");
require("js/passport/register/password");
//登录
require("js/passport/login/login");
require("js/passport/login/international");
//密码找回
require("js/passport/back/mobile");
require("js/passport/back/code");
require("js/passport/back/email");
require("js/passport/back/email-success");
require("js/passport/back/new-password");
});
define("js/passport/register/register", ["zepto"], function(require, exports, module){
/**
* 注册
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
var $phoneNum = $('#phone-num'),
$countrySelect = $('#country-select'),
$areaCode = $('#area-code'),
$btnNext = $('#btn-next');
var api = require("js/passport/api");
var tip = require("js/plugin/tip");
var trim = $.trim;
var showErrTip = tip.show;
api.selectCssHack($('#country-select'));
api.bindClearEvt();
$phoneNum.bind('input', function() {
if (trim($phoneNum.val()) === '') {
$btnNext.addClass('disable');
} else {
$btnNext.removeClass('disable');
}
});
$countrySelect.change(function() {
$areaCode.text($countrySelect.val());
});
$btnNext.on('touchstart', function() {
var pn = trim($phoneNum.val()),
areaCode = $countrySelect.val();
if ($btnNext.hasClass('disable')) {
return;
}
if (api.phoneRegx[areaCode].test(pn)) {
$.ajax({
url: '/passport/reg/verifymobile',
type: 'POST',
data: {
areaCode: areaCode.replace('+', ''),
phoneNum: pn
},
success: function(data) {
if (data.code === 200) {
location.href = data.data;
} else {
showErrTip(data.message);
}
}
});
} else {
showErrTip('手机号格式不正确，请重新输入');
}
});
});
define("js/passport/api", ["zepto"], function(require, exports, module){
/**
* 登录注册公用API
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
var trim = $.trim;
//邮箱验证规则
var emailRegx = /^([a-zA-Z0-9]+[_|\_|\.|-]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.|-]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
//手机号码验证规则
var phoneRegx = {
'+86': /^1[35847]{1}[0-9]{9}$/,
'+852': /^[965]{1}[0-9]{7}$/,
'+853': /^[0-9]{8}$/,
'+886': /^[0-9]{10}$/,
'+65': /^[98]{1}[0-9]{7}$/,
'+60': /^1[1234679]{1}[0-9]{8}$/,
'+1': /^[0-9]{10}$/,
'+82': /^01[0-9]{9}$/,
'+44': /^7[789][0-9]{8}$/,
'+81': /^0[9|8|7][0-9]{9}$/,
'+61': /^[0-9]{11}$/
};
//密码显示隐藏
function bindEyesEvt() {
var $hasEye = $('.has-eye'),
$eye;
$hasEye.append('<div class="eye close"></div>');
$eye = $hasEye.children('.eye');
$eye.on('touchstart', function(e) {
var $this = $(this),
$pwd = $this.siblings('.pwd');
e.preventDefault();
$this.toggleClass('close');
//切换密码显示和文本显示
if ($this.hasClass('close')) {
$pwd.attr('type', 'password');
} else {
$pwd.attr('type', 'text');
}
$pwd.focus();
});
}
// 清空账号显示
function bindClearEvt() {
var $hasClear = $('.has-clear'),
$clear;
$hasClear.append('<div class="clear-input"></div>');
$clear = $hasClear.children('.clear-input');
$clear.on('touchstart', function(e) {
var $input = $clear.siblings('.input');
$input.val('').trigger('input').focus();
e.preventDefault();
});
//反向逻辑
$hasClear.children('.input').bind('input', function() {
var $this = $(this),
$thisClear = $this.siblings('.clear-input'),
val = trim($this.val());
if (val === '') {
$thisClear.hide();
} else {
$thisClear.show();
}
});
}
// 密码长度验证
function pwdValidate(pwd) {
if (pwd.length >= 6 && pwd.length <= 20) {
return true;
}
return false;
}
// hack for resolving direction:rtl didn't work in android uc
function selectCssHack($countrySelect) {
var u = navigator.userAgent;
function autoSelectWidth() {
var wordCount = $countrySelect.find('option:selected').text().length;
switch (wordCount) {
//分别有2,3,4个汉字的情况
case 2:
$countrySelect.outerWidth(90);
break;
case 3:
$countrySelect.outerWidth(110);
break;
default:
$countrySelect.outerWidth(130);
}
}
if (u.match(/uc/i) && u.match(/android/i)) {
$countrySelect.change(function() {
autoSelectWidth();
});
} else {
$countrySelect.removeClass('in-android-uc');
}
}
//Exports APIs
module.exports = {
emailRegx: emailRegx,
phoneRegx: phoneRegx,
bindEyesEvt: bindEyesEvt,
bindClearEvt: bindClearEvt,
pwdValidate: pwdValidate,
selectCssHack: selectCssHack
};
});
define("js/plugin/tip", ["zepto"], function(require, exports, module){
/**
* 弹框提示
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/10
*/
var $ = require("zepto");
var $tip, tipItime;
/**
* 初始化提示框
*/
(function() {
var tipHtml = '<div id="yoho-tip" class="yoho-tip"></div>';
//插入提示HTML
$('.yoho-page').append(tipHtml);
$tip = $('#yoho-tip');
$tip.on('touchstart', function() {
$tip.hide();
//清除Timeout
clearTimeout(tipItime);
});
}());
/**
* 显示提示
*/
function show(con, dur) {
var content, duration;
if (typeof con === 'undefined') {
return;
}
content = con.toString();
duration = (dur && dur > 0) ? dur : 2000;
$tip.text(content).show();
tipItime = setTimeout(function() {
if ($tip.css('display') === 'block') {
$tip.hide();
}
}, duration);
}
exports.show = show;
});
define("js/passport/register/code", ["zepto"], function(require, exports, module){
/**
* 注册-验证码
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
require("js/passport/code")(true);
});
define("js/passport/code", ["zepto"], function(require, exports, module){
/**
* 注册/找回密码-验证码
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
module.exports = function(useInRegister) {
var $captcha = $('#captcha'),
$btnNext = $('#btn-next'),
$captchaTip = $('#captcha-tip'),
phoneNum = $('#phone-num').val(),
areaCode = $('#area-code').val().replace('+', '');
var api = require("js/passport/api");
var tip = require("js/plugin/tip");
var trim = $.trim;
var showErrTip = tip.show;
var urlMid = useInRegister ? 'reg' : 'back';
function countDown() {
var count = 59,
itime;
itime = setInterval(function() {
if (count === 0) {
$captchaTip.text('重发验证码').removeClass('disable');
clearInterval(itime);
} else {
$captchaTip.text('重发验证码 (' + count-- + '秒)');
}
}, 1000);
}
api.bindClearEvt();
$captcha.bind('input', function() {
if (trim($captcha.val()) !== '') {
$btnNext.removeClass('disable');
} else {
$btnNext.addClass('disable');
}
});
//重新发送验证码
$captchaTip.on('touchstart', function() {
if ($captchaTip.hasClass('disable')) {
return;
}
$.ajax({
type: 'POST',
url: '/passport/' + urlMid + '/sendcode',
data: {
phoneNum: phoneNum,
areaCode: areaCode
},
success: function(data) {
if (data.code === 200) {
$captchaTip.text('重发验证码 (60秒)').addClass('disable');
countDown();
} else {
//验证码不正确，显示提示
showErrTip(data.message);
}
}
});
});
$btnNext.on('touchstart', function() {
if ($btnNext.hasClass('disable')) {
return;
}
$.ajax({
type: 'POST',
url: '/passport/' + urlMid + '/verifycode',
data: {
phoneNum: phoneNum,
areaCode: areaCode,
code: trim($captcha.val()),
token: $('#token').val()
},
success: function(data) {
if (data.code === 200) {
location.href = data.data;
} else {
//验证码不正确，显示提示
showErrTip(data.message);
}
}
});
});
countDown();
};
});
define("js/passport/register/password", ["zepto"], function(require, exports, module){
/**
* 注册-密码
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
var $pwd = $('#pwd'),
$btnSure = $('#btn-sure');
var api = require("js/passport/api");
var tip = require("js/plugin/tip");
var trim = $.trim;
var showErrTip = tip.show;
api.bindEyesEvt();
$pwd.bind('input', function() {
if (trim($pwd.val()) === '') {
$btnSure.addClass('disable');
} else {
$btnSure.removeClass('disable');
}
});
$btnSure.on('touchstart', function() {
var pwd = trim($pwd.val());
if ($btnSure.hasClass('disable')) {
return;
}
if (api.pwdValidate(pwd) === false) {
showErrTip('密码6-20位，请重新输入');
} else {
$.ajax({
type: 'POST',
url: '/passport/reg/setpassword',
data: {
password: pwd,
phoneNum: $('#phone-num').val(),
areaCode: $('#area-code').val(),
token: $('#token').val()
},
success: function(data) {
if (data.code === 200) {
showErrTip('注册成功');
//1000ms后跳转页面
setTimeout(function() {
location.href = data.data;
}, 1000);
} else {
if (data.code === 401 || data.code === 404 || data.code === 505) {
showErrTip(data.message);
} else {
showErrTip(data.message);
setTimeout(function() {
location.href = data.data;
}, 1000);
}
}
}
});
}
});
});
define("js/passport/login/login", ["zepto"], function(require, exports, module){
/**
* 登录
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/9/30
*/
var $ = require("zepto");
var $account = $('#account'),
$pwd = $('#pwd'),
$loginBtn = $('#btn-login'),
$mask = $('#retrive-pwd-mask'),
$ways = $('#retrive-pwd-ways'),
accPass = false,
pwdPass = false;
var api = require("js/passport/api");
var tip = require("js/plugin/tip");
var trim = $.trim;
var showErrTip = tip.show;
//登录按钮状态切换
function switchLoginBtnStatus() {
if (accPass && pwdPass) {
$loginBtn.removeClass('disable');
} else {
$loginBtn.addClass('disable');
}
}
//显示找回密码面板
function showRetrivePanel() {
$mask.show();
$ways.show();
}
//隐藏找回密码面板
function hideRetrivePanel() {
$mask.hide();
$ways.hide();
}
//密码显示与隐藏
api.bindEyesEvt();
//清空账号输入框
api.bindClearEvt();
$account.bind('input', function() {
if (trim($account.val()) !== '') {
accPass = true;
} else {
accPass = false;
}
switchLoginBtnStatus();
});
$pwd.bind('input', function() {
if (trim($pwd.val()) === '') {
pwdPass = false;
} else {
pwdPass = true;
}
switchLoginBtnStatus();
});
// Login
$loginBtn.on('touchstart', function() {
var acc = trim($account.val()),
pwd = trim($pwd.val());
if ($loginBtn.hasClass('disable')) {
return;
}
//验证账号（数字或者邮箱）和密码合理性
if ((/^[0-9]+$/.test(acc) || api.emailRegx.test(acc)) && api.pwdValidate(pwd)) {
$.ajax({
type: 'POST',
url: '/passport/login/auth',
data: {
account: acc,
password: pwd
},
success: function(data) {
if (data.code === 200) {
showErrTip('登录成功');
//1s后跳转页面
setTimeout(function() {
location.href = data.data;
}, 1000);
} else {
showErrTip(data.message);
}
},
error: function() {
showErrTip('网络断开连接啦~');
}
});
} else {
showErrTip('账号或密码有错误，请重新输入');
}
});
$('#forget-pwd').on('touchstart', function() {
showRetrivePanel();
});
$mask.on('touchstart', function() {
hideRetrivePanel();
});
$('#cancel-retrive').on('touchstart', function(e) {
e.preventDefault();
hideRetrivePanel();
});
//对初始有默认值的情况去初始化登录按钮状态
$account.trigger('input');
$pwd.trigger('input');
});
define("js/passport/login/international", ["zepto"], function(require, exports, module){
/**
* 国际账号登录
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
var $phoneNum = $('#phone-num'),
$countrySelect = $('#country-select'),
$areaCode = $('#area-code'),
$pwd = $('#pwd'),
$loginBtn = $('#btn-login'),
pnPass = false,
pwdPass = false;
var api = require("js/passport/api");
var tip = require("js/plugin/tip");
var trim = $.trim;
var showErrTip = tip.show;
//登录按钮状态切换
function switchLoginBtnStatus() {
if (pnPass && pwdPass) {
$loginBtn.removeClass('disable');
} else {
$loginBtn.addClass('disable');
}
}
//Android-UC下显示select的direction:rtl无效的临时解决办法
api.selectCssHack($countrySelect);
//显示隐藏密码
api.bindEyesEvt();
//清空手机号码
api.bindClearEvt();
$phoneNum.bind('input', function() {
if (trim($phoneNum.val()) === '') {
pnPass = false;
} else {
pnPass = true;
}
switchLoginBtnStatus();
});
$pwd.bind('input', function() {
var pwd = trim($pwd.val());
if (pwd === '') {
pwdPass = false;
} else {
pwdPass = true;
}
switchLoginBtnStatus();
});
$countrySelect.change(function() {
$areaCode.text($countrySelect.val());
});
$loginBtn.on('touchstart', function() {
var pn = trim($phoneNum.val()),
areaCode = $countrySelect.val(),
pwd = trim($pwd.val());
if ($loginBtn.hasClass('disable')) {
return;
}
if (api.phoneRegx[areaCode].test(pn) && api.pwdValidate(pwd)) {
$.ajax({
type: 'POST',
url: '/passport/login/auth',
data: {
areaCode: areaCode.replace('+', ''),
account: pn,
password: pwd
},
success: function(data) {
if (data.code === 200) {
showErrTip('登录成功');
//1000ms后跳转页面
setTimeout(function() {
location.href = data.data;
}, 1000);
} else {
showErrTip(data.message);
}
},
error: function() {
showErrTip('网络断开连接啦~');
}
});
} else {
showErrTip('账号或密码有错误，请重新输入');
}
});
//对初始有默认值的情况去初始化登录按钮状态
$phoneNum.trigger('input');
$pwd.trigger('input');
});
define("js/passport/back/mobile", ["zepto"], function(require, exports, module){
/**
* 找回密码-手机
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
var $phoneNum = $('#phone-num'),
$countrySelect = $('#country-select'),
$areaCode = $('#area-code'),
$btnNext = $('#btn-next');
var api = require("js/passport/api");
var tip = require("js/plugin/tip");
var trim = $.trim;
var showErrTip = tip.show;
api.selectCssHack($('#country-select'));
api.bindClearEvt();
$phoneNum.bind('input', function() {
if (trim($phoneNum.val()) === '') {
$btnNext.addClass('disable');
} else {
$btnNext.removeClass('disable');
}
});
$countrySelect.change(function() {
$areaCode.text($countrySelect.val());
});
$btnNext.on('touchstart', function() {
var pn = trim($phoneNum.val()),
area = $countrySelect.val();
if ($btnNext.hasClass('disable')) {
return;
}
if (api.phoneRegx[area].test(pn)) {
$.ajax({
url: '/passport/back/sendcode',
type: 'POST',
data: {
areaCode: area.replace('+', ''),
phoneNum: pn
},
success: function(data) {
if (data.code === 200) {
location.href = data.data;
} else {
showErrTip(data.message);
}
}
});
} else {
showErrTip('手机号格式不正确，请重新输入');
}
});
});
define("js/passport/back/code", ["zepto"], function(require, exports, module){
/**
* 找回密码-验证码
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
require("js/passport/code")(false);
});
define("js/passport/back/email", ["zepto"], function(require, exports, module){
/**
* 找回密码-邮箱找回
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
var $email = $('#email'),
$btnSure = $('#btn-sure');
var api = require("js/passport/api");
var tip = require("js/plugin/tip");
var trim = $.trim;
var showErrTip = tip.show;
api.bindClearEvt();
$email.bind('input', function() {
if (trim($email.val()) === '') {
$btnSure.addClass('disable');
} else {
$btnSure.removeClass('disable');
}
});
$btnSure.on('touchstart', function() {
var email = trim($email.val());
if ($btnSure.hasClass('disable')) {
return;
}
if (api.emailRegx.test(email)) {
$.ajax({
url: '/passport/back/sendemail',
type: 'POST',
data: {
email: email
},
success: function(data) {
if (data.code === 200) {
location.href = data.data;
} else {
showErrTip(data.message);
}
}
});
} else {
showErrTip('邮箱格式不正确，请重新输入');
}
});
});
define("js/passport/back/email-success", ["zepto"], function(require, exports, module){
/**
* 找回密码-邮箱找回成功
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
var $resend = $('#resend');
var tip = require("js/plugin/tip"),
showErrTip = tip.show;
$resend.on('touchstart', function(e) {
e.preventDefault();
$.ajax({
url: $resend.data('url'),
type: 'GET',
success: function(data) {
if (data.code === 200) {
showErrTip(data.message);
} else {
showErrTip(data.message);
}
}
});
});
});
define("js/passport/back/new-password", ["zepto"], function(require, exports, module){
/**
* 密码找回-新密码
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/8
*/
var $ = require("zepto");
var $pwd = $('#pwd'),
$btnOk = $('#btn-ok');
var api = require("js/passport/api");
var tip = require("js/plugin/tip");
var trim = $.trim;
var showErrTip = tip.show;
var $phoneNum = $('#phone-num');
api.bindEyesEvt();
$pwd.bind('input', function() {
if (trim($pwd.val()) === '') {
$btnOk.addClass('disable');
} else {
$btnOk.removeClass('disable');
}
});
$btnOk.on('touchstart', function() {
var pwd = trim($pwd.val()),
mobileBack = true,
setting,
url;
if ($btnOk.hasClass('disable')) {
return;
}
setting = {
password: pwd
};
if ($phoneNum.length === 0) {
mobileBack = false;
}
if (mobileBack) {
$.extend(setting, {
phoneNum: $phoneNum.val(),
areaCode: $('#areaCode').val(),
token: $('#token').val()
});
url = '/passport/back/passwordByMobile';
} else {
$.extend(setting, {
code: $('#email-code').val()
});
url = '/passport/back/passwordByEmail';
}
if (api.pwdValidate(pwd)) {
$.ajax({
type: 'POST',
url: url,
data: setting,
success: function(data) {
if (data.code === 200) {
showErrTip('密码修改成功');
//1000ms后跳转页面
setTimeout(function() {
location.href = data.data;
}, 1000);
} else {
showErrTip(data.message);
}
}
});
} else {
showErrTip('密码6-20位，请重新输入');
}
});
});
define("js/guang/index", ["zepto","lazyload","swiper","mlellipsis","iscroll-probe","index"], function(require, exports, module){
/**
* 逛打包入口
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/9
*/
require("js/guang/plus-star/list");
require("js/guang/plus-star/detail");
require("js/guang/home");
require("js/guang/list");
require("js/guang/detail");
});
define("js/guang/plus-star/list", ["zepto","lazyload","swiper","index"], function(require, exports, module){
/**
* PLUS+STAR列表页
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/10
*/
var $ = require("zepto"),
lazyLoad = require("lazyload"),
Swiper = require("swiper");
var $navs = $('#nav-tab > li'),
$contents = $('#ps-content > .content');
var mySwiper;
lazyLoad($('img.lazy'));
mySwiper = new Swiper('.swiper-container', {
lazyLoading: true,
pagination: '.swiper-pagination'
});
$('#nav-tab').delegate('li', 'touchstart', function() {
if ($(this).hasClass('focus')) {
return;
}
$navs.toggleClass('focus');
$contents.toggleClass('hide');
$(document).trigger('scroll'); //Trigger lazyLoad
});
});
define("js/guang/plus-star/detail", ["zepto","mlellipsis","lazyload"], function(require, exports, module){
/**
* PLUS+STAR详情页
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/10
*/
var $ = require("zepto"),
ellipsis = require("mlellipsis"),
lazyLoad = require("lazyload");
var $intro = $('#intro'),
$imt = $('#intro-more-txt'),
$infosContainer = $('#related-infos-container');
var info = require("js/guang/info");
var tip = require("js/plugin/tip");
var brandId = $('#brand-info').data('id');
var mIntro, aIntro;
ellipsis.init();
//Init LazyLoad
lazyLoad($('img.lazy'));
//文字介绍文字截取
$intro[0].mlellipsis(3);
//获取截取文字和完整文字
setTimeout(function() {
mIntro = $intro.text();
aIntro = $intro.attr('title');
});
info.initInfosEvt($infosContainer);
//文字介绍收起与展开
$('#more-intro').bind('touchstart', function() {
var $this = $(this);
$this.toggleClass('spread');
if ($this.hasClass('spread')) {
//显示
$intro.text(aIntro);
$imt.text('收起');
} else {
//隐藏
$intro.text(mIntro);
$imt.text('more');
}
});
//品牌收藏
$('#brand-like').bind('touchstart', function(e) {
var opt = 'ok',
$this = $(this);
e.preventDefault();
if ($this.hasClass('like')) {
opt = 'cancel';
}
$.ajax({
type: 'POST',
url: '/guang/opt/favoriteBrand',
data: {
id: brandId,
opt: opt
},
success: function(data) {
if (data.code === 200) {
$this.toggleClass('like');
} else if (data.code === 400) {
tip.show('未登录');
}
},
error: function() {
tip.show('网络断开连接了~');
}
});
});
});
define("js/guang/info", ["zepto","mlellipsis","lazyload"], function(require, exports, module){
/**
* 资讯相关API
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/10
*/
var $ = require("zepto"),
ellipsis = require("mlellipsis"),
lazyLoad = require("lazyload");
var tip = require("js/plugin/tip");
var $loadMoreInfo = $('#load-more-info');
var $loading = $(''),
$noMore = $('');
var loading = false;
ellipsis.init();
if ($loadMoreInfo.length > 0) {
$loading = $loadMoreInfo.children('.loading');
$noMore = $loadMoreInfo.children('.no-more');
}
/**
* 设置指定资讯项的Lazyload和文字截取
* @params $infos 资讯项
*/
function setLazyLoadAndMellipsis($infos) {
lazyLoad($infos.find('img.lazy'));
$infos.each(function() {
var $this = $(this),
$title = $this.find('.info-title'),
$text = $this.find('.info-text');
$title[0].mlellipsis(2);
$text[0].mlellipsis(2);
});
}
/**
* 初始化资讯列表事件绑定
* @params $container 逛资讯列表容器
*/
function initInfosEvt($container) {
$container.delegate('.like-btn', 'touchstart', function(e) {
var $likeBtn = $(e.currentTarget),
$info = $likeBtn.closest('.guang-info'),
opt = 'ok';
if ($likeBtn.hasClass('like')) {
opt = 'cancel';
}
$.ajax({
type: 'POST',
url: '/guang/opt/praiseArticle',
data: {
id: $info.data('id'),
opt: opt
},
success: function(data) {
var code = data.code;
if (code === 200) {
$likeBtn.next('.like-count').text(data.data);
//切换点赞状态
$likeBtn.toggleClass('like');
}
},
error: function() {
tip.show('网络断开连接了~');
}
});
});
setLazyLoadAndMellipsis($container.find('.guang-info'));
}
/**
* 资讯LoadMore
*/
function loadMore($container, opt) {
if (loading) {
return;
}
if (opt.end) {
return;
}
loading = true;
$.ajax({
type: 'GET',
url: ' /guang/list/page',
data: opt,
success: function(data) {
if (data === ' ') {
opt.end = true;
loading = false;
//
$loading.addClass('hide');
$noMore.removeClass('hide');
return;
}
$container.append(data);
setLazyLoadAndMellipsis($container.find('.guang-info'));
opt.page++;
loading = false;
},
error: function() {
tip.show('网络断开连接了~');
loading = false;
}
});
}
exports.initInfosEvt = initInfosEvt;
exports.setLazyLoadAndMellipsis = setLazyLoadAndMellipsis;
exports.loadMore = loadMore;
});
define("js/guang/home", ["zepto","swiper","mlellipsis","lazyload","index"], function(require, exports, module){
/**
* 逛首页
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/10
*/
var $ = require("zepto"),
Swiper = require("swiper");
var info = require("js/guang/info"),
setLazyLoadAndMellipsis = info.setLazyLoadAndMellipsis,
loadMore = info.loadMore;
var $loadMoreInfo = $('#load-more-info');
var $loading = $(''),
$noMore = $('');
var winH = $(window).height(),
loadMoreH = $loadMoreInfo.height();
var $infoList = $('#info-list'),
$infos = $infoList.children('.info-list'),
$nav = $('#guang-nav'),
$curNav = $nav.children('.focus'),
curType = $curNav.data('type');
var state = {};
var mySwiper;
if ($loadMoreInfo.length > 0) {
$loading = $loadMoreInfo.children('.loading');
$noMore = $loadMoreInfo.children('.no-more');
}
mySwiper = new Swiper('.swiper-container', {
lazyLoading: true,
pagination: '.swiper-pagination'
});
info.initInfosEvt($infoList);
//初始化各Nav下资讯加载的状态
(function() {
var gender = $('#gender').val();
$nav.children('.guang-nav-item').each(function() {
var type = $(this).data('type');
state[type] = {
page: 1,
gender: gender,
type: type,
end: false
};
});
}());
$nav.delegate('.guang-nav-item', 'touchstart', function() {
var $this = $(this),
$content,
index;
if ($this.hasClass('focus')) {
return;
}
index = $this.index();
$this.addClass('focus');
$curNav.removeClass('focus');
$infos.not('.hide').addClass('hide');
$content = $infos.eq(index);
$content.removeClass('hide');
//lazyload & mellipsis
setLazyLoadAndMellipsis($content.children('.guang-info'));
$curNav = $this;
curType = $this.data('type');
//重置当前Tab的load-more
if (state[curType].end) {
$loading.addClass('hide');
$noMore.removeClass('hide');
} else {
$loading.removeClass('hide');
$noMore.addClass('hide');
}
});
$(document).scroll(function() {
if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH) {
loadMore($infos, state[curType]);
}
});
});
define("js/guang/list", ["zepto","mlellipsis","lazyload"], function(require, exports, module){
/**
* 列表页，编辑页
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/10
*/
var $ = require("zepto");
var info = require("js/guang/info"),
loadMore = info.loadMore;
var winH = $(window).height(),
loadMoreH = $('#load-more').height();
var $author = $('#author-infos');
var $tag = $('#tag');
var setting = {
page: 1,
end: false
};
var $infos = $('#info-list');
info.initInfosEvt($infos);
if ($author.length > 0) {
$.extend(setting, {
authorId: $author.data('id')
});
}
if ($tag.length > 0) {
$.extend(setting, {
tag: $tag.val()
});
}
$(document).scroll(function() {
if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH) {
loadMore($infos, setting);
}
});
});
define("js/guang/detail", ["zepto","mlellipsis","lazyload","iscroll-probe"], function(require, exports, module){
/**
* 逛详情页
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/13
*/
var $ = require("zepto"),
ellipsis = require("mlellipsis"),
lazyLoad = require("lazyload"),
IScroll = require("iscroll-probe");
var $authorIntro = $('.author .intro');
var isIphone = navigator.userAgent.indexOf('iPhone') > 0 ? true : false;
var hasCollocationBlock = $('.collocation-block').length > 0 ? true : false;
//collocation block variable
var thumbWidth = 0,
$fixedThumbContainer = $(''),
$coBlock, $thumbContainer, $thumbs, $prods,
scrollToEl;
var scrollToEl = document.querySelector('#wrapper .collocation-block');
var winW = $(window).width();
var myScroll;
/**
* 计算搭配的箭头的位置
* @param $curPos 当前focus的搭配项
*/
function posCollocationArrow($curCo) {
var left = $curCo.offset().left,
bgPos = -winW + left + (thumbWidth / 2) + 'px';
$thumbContainer.css({
backgroundPosition: bgPos + ' bottom'
});
if (isIphone) {
$fixedThumbContainer.css({
backgroundPosition: bgPos + ' bottom'
});
}
}
//搭配thumb的touch事件句柄
function thumbTouchEvt(e) {
var $curCo = $(e.currentTarget),
index = $curCo.index(),
$brother, $brotherCo,
$curProds;
if ($curCo.hasClass('focus')) {
return;
}
$thumbs.filter('.focus').removeClass('focus');
if (isIphone) {
if ($curCo.closest('.fixed-thumb-container').length > 0) {
$brother = $thumbContainer;
} else {
$brother = $fixedThumbContainer;
}
$brotherCo = $brother.find('.thumb').eq(index);
$fixedThumbContainer.find('.thumb.focus').removeClass('focus');
$brotherCo.addClass('focus');
}
$curCo.addClass('focus');
//定位arrow
posCollocationArrow($curCo);
$prods.not('.hide').addClass('hide');
$curProds = $prods.eq(index);
$curProds.removeClass('hide');
//
lazyLoad($curProds.find('.lazy'));
if (isIphone) {
if (myScroll) {
myScroll.scrollToElement(scrollToEl, 400);
}
} else {
$('body').animate({
scrollTop: $coBlock.offset().top
}, 400);
}
}
if (isIphone) {
$('#wrapper').addClass('ios');
}
ellipsis.init();
lazyLoad($('.lazy'));
//title mlellipsis
$('.info-list .title, .one-good .reco-name').each(function() {
this.mlellipsis(2);
});
//offset.left约等于marginLeft的值则表示介绍被换行，则清除intro的paddingTop让其更靠近头像和作者名
if (parseInt($authorIntro.offset().left, 10) === parseInt($authorIntro.css('margin-left'), 10)) {
$authorIntro.css('padding-top', 0);
}
//有搭配模块，iphone使用iscroll初始化滚动并有固定的搭配栏，其他的没有
if (hasCollocationBlock) {
$coBlock = $('.collocation-block');
$thumbContainer = $coBlock.children('.thumb-container');
$thumbs = $thumbContainer.find('li');
$prods = $coBlock.find('.prod');
thumbWidth = $thumbs.width();
if (isIphone) {
$fixedThumbContainer = $('#wrapper')
.after($thumbContainer.clone().addClass('fixed-thumb-container fixed-bottom'))
.next('.thumb-container');
//load img of fixed thumb container
lazyLoad($fixedThumbContainer.find('.lazy'), {
event: 'sporty'
});
}
//Init Arrow Position
posCollocationArrow($thumbs.filter('.focus'));
$thumbContainer.delegate('.thumb', 'touchend', thumbTouchEvt);
if (isIphone) {
$fixedThumbContainer.delegate('.thumb', 'touchend', thumbTouchEvt);
}
}
// 初始化iscroll
window.onload = function() {
var $scroller = $('#scroller');
var winH, tcH, cbH, cbTop, fixedThumbDom;
if (!isIphone) {
return;
}
myScroll = new IScroll('#wrapper', {
probeType: 3,
mouseWheel: true,
click: true
});
document.addEventListener('touchmove', function (e) {
e.preventDefault();
}, false);
if (!hasCollocationBlock) {
myScroll.on('scroll', function() {
$scroller.trigger('scroll');
});
return;
}
winH = $(window).height();
fixedThumbDom = $fixedThumbContainer[0];
tcH = $thumbContainer.height();
cbH = $coBlock.height();
cbTop = $coBlock.offset().top;
myScroll.on('scroll', function() {
var sTop = -this.y;
var classList = fixedThumbDom.className;
if (sTop <= cbTop - winH + tcH) {
if (classList.indexOf('fixed-bottom') === -1) {
$fixedThumbContainer
.addClass('fixed-bottom')
.removeClass('hide');
}
} else if (sTop <= cbTop) {
if (classList.indexOf('hide') === -1) {
$fixedThumbContainer
.addClass('hide')
.removeClass('fixed-bottom fixed-top');
}
} else if (sTop <= cbTop + cbH - tcH) {
if (classList.indexOf('fixed-top') === -1) {
$fixedThumbContainer
.addClass('fixed-top')
.removeClass('hide absolute')
.css('top', '');
}
} else if (sTop <= cbTop + cbH) {
if (classList.indexOf('absolute') === -1) {
$fixedThumbContainer
.addClass('absolute')
.removeClass('fixed-top hide');
}
fixedThumbDom.style.top = cbTop + cbH - tcH - sTop + 'px';
} else if (sTop > cbTop + cbH) {
if (classList.indexOf('hide') === -1) {
$fixedThumbContainer
.addClass('hide')
.removeClass('absolute');
}
}
$scroller.trigger('scroll');
});
};
});
define("js/home/index", ["zepto","swiper","lazyload","index"], function(require, exports, module){
/**
* 首页打包入口
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
* @date: 2015/10/12
*/
require("js/home/home");
require("js/home/maybe-like");
});
define("js/home/home", ["zepto","swiper","lazyload","index"], function(require, exports, module){
/**
* 首页
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
* @date: 2015/10/12
*/
var $ = require("zepto"),
Swiper = require("swiper"),
lazyLoad = require("lazyload"),
bannerSwiper,
recommendSwiper,
hotBrandsSwiper,
trendTopicSwiper,
goodsSwiper;
var requestFrame,
thisFunc,
start = 0,
i,
swiperClass,
supportCss3,
$logotrans = $('.home-header .logo'),
isen = true;
require("js/home/maybe-like");
lazyLoad($('img.lazy'));
//$('img:in-viewport').trigger('appear');
//点击首页汉堡menu图标，滑出侧栏导航
$('.nav-btn').on('click', function (event) {
if (!$(this).hasClass('menu-open')) {
$('.mobile-wrap').addClass('menu-open');
$('.overlay').addClass('show');
$('.side-nav').addClass('on');
//设置boy高宽，页面不能上下滑动
$('body').css({
height: $(window).height(),
width: '100%',
overflow: 'hidden'
});
}
event.stopPropagation();
});
//点击页面主体，收起侧栏导航及二级导航
$('.mobile-wrap').on('click', function () {
if ($(this).hasClass('menu-open')) {
$('.mobile-wrap').removeClass('menu-open');
$('.overlay').removeClass('show');
$('.sub-nav').removeClass('show');
$('.side-nav').removeClass('on');
$('body').css({
height: 'auto',
overflow: 'auto'
});
}
});
//点击一级导航，弹出二级导航
$('.side-nav').on('click', 'li', function () {
if ($(this).find('.sub-nav').size() > 0) {
$('.sub-nav').removeClass('show');
$(this).find('.sub-nav').addClass('show');
}
});
//返回一级导航，收起二级导航
$('.sub-nav').each(function () {
$(this).find('li').eq(0).on('click', function (e) {
$('.sub-nav').removeClass('show');
e.stopPropagation();
});
});
//二级导航样式控制
$('.sub-nav').on('mouseenter', 'li', function () {
if ($(this).index() !== 0) {
$(this).addClass('current').siblings().removeClass('current');
}
});
//头部banner轮播
if ($('.banner-swiper').find('li').size() > 1) {
bannerSwiper = new Swiper('.banner-swiper', {
loop: true,
autoplay: 3000,
autoplayDisableOnInteraction: false,
paginationClickable: true,
slideElement: 'li',
pagination: '.banner-top .pagination-inner'
});
}
//热门品牌滑动
hotBrandsSwiper = new Swiper('.brands-swiper', {
grabCursor: true,
slidesPerView: 'auto',
wrapperClass: 'brands-list',
slideElement: 'li'
});
//推荐搭配滑动
recommendSwiper = new Swiper('.recommend-swiper', {
grabCursor: true,
slidesPerView: 'auto',
wrapperClass: 'recommend-list',
slideElement: 'li'
});
//潮品话题轮播
if ($('.trend-topic-swiper').find('li').size() > 1) {
trendTopicSwiper = new Swiper('.trend-topic-swiper', {
loop: true,
autoplay: 3000,
autoplayDisableOnInteraction: false,
paginationClickable: true,
slideElement: 'li',
pagination: '.trend-topic-content .pagination-inner'
});
}
//潮流上装/经典裤装等轮播
$('.category-swiper').each(function (i, index) {
swiperClass = 'category-swiper' + i;
$(this).addClass(swiperClass);
if ($('.' + swiperClass).find('.swiper-slide').size() > 1) {
goodsSwiper = new Swiper('.' + swiperClass, {
loop: true,
autoplay: 3000,
autoplayDisableOnInteraction: false,
paginationClickable: true,
slideElement: 'li',
pagination: '.' + swiperClass + ' .pagination-inner'
});
}
});
//回到顶部
// $('.back-to-top').bind('touchstart', function (e) {
// e.preventDefault();
// $(window).scrollTop(0);
// });
//关闭头部下载浮层
$('.header-download').on('click', '.close-btn', function () {
$(this).parent().remove();
});
//logo动画
requestFrame = (function () {
var tempFunc = null,
prefixList = ['webkit', 'moz', 'ms'];
for (i = 0; i < prefixList.length; i++) {
thisFunc = prefixList[i] + 'RequestAnimationFrame';
if (window[thisFunc]) {
supportCss3 = true;
tempFunc = thisFunc;
}
}
if (supportCss3) {
return function (callback) {
window[tempFunc](callback);
};
}
return function (callback) {
window.setTimeout(callback, 67);
};
})();
function tsAnimate() {
start = start + 10;
$logotrans.css({
transform: 'rotateX(' + start + 'deg)',
'-webkit-transform': 'rotateX(' + start + 'deg)',
'-moz-transform': 'rotateX(' + start + 'deg)'
});
if (start / 90 % 2 === 1) {
if (isen) {
$logotrans.addClass('animate');
isen = false;
} else {
$logotrans.removeClass('animate');
isen = true;
}
}
if (start / 90 % 2 === 0 && start % 360 !== 0) {
window.setTimeout(tsAnimate, 3000);
} else {
if (start % 360 === 0) {
window.setTimeout(tsAnimate, 3 * 60 * 1000);
} else {
requestFrame(function () {
tsAnimate();
});
}
}
}
tsAnimate();
});
define("js/home/maybe-like", ["zepto","lazyload"], function(require, exports, module){
/**
* “你可能喜欢”模块JS
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
* @date: 2015/10/12
*/
var $ = require("zepto"),
tip = require("js/plugin/tip"),
lazyLoad = require("lazyload");
var winH = $(window).height(),
loadMoreH = $('#load-more').height(),
$goodList = $('#goods-list'),
loading = false,
page = 0,
gender = $('.mobile-wrap').hasClass('boys-wrap') ? '1,3' : '2,3',
kidsType = $('.mobile-wrap').hasClass('kids-wrap') ? true : false,
lifestyleType = $('.mobile-wrap').hasClass('lifestyle-wrap') ? true : false,
num,
url;
var $curNav,
index,
$navList = $('#maybe-like-nav');
//ajax url
if (kidsType) {
url = '/product/recom/maylikekids';
} else if (lifestyleType) {
url = '/product/recom/maylikelife';
} else {
url = '/product/recom/maylike?gender=' + gender;
}
$curNav = $navList.children('.focus');
$('#maybe-like-nav').delegate('li', 'touchstart', function() {
var $this = $(this),
$goods = $('.goods-list'),
$content;
if ($this.hasClass('focus')) {
return;
}
index = $this.index();
$this.addClass('focus');
$curNav.removeClass('focus');
$goods.not('.hide').addClass('hide');
$content = $goods.eq(index);
$content.removeClass('hide');
$curNav = $this;
$(document).trigger('scroll'); //Trigger lazyLoad
});
//srcoll to load more
$(window).scroll(function () {
if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH) {
if (loading) {
return;
}
loading = true;
num = $goodList.children('.good-info').length;
$.ajax({
type: 'GET',
url: url,
data: {
page: page + 1
},
success: function(data) {
if (data === ' ') {
loading = true;
return;
}
$goodList.append(data);
//lazyLoad
//lazyLoad($goodList.children('.good-info:gt(' + (num - 1) + ')').find('img.lazy'));
lazyLoad($('.good-info').find('img.lazy'));
loading = false;
page++;
},
error: function() {
tip.show('网络断开连接了~');
loading = false;
}
});
}
});
});
define("js/product/index", ["zepto","swiper","lazyload","index"], function(require, exports, module){
/**
* 产品打包入口
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
* @date: 2015/10/12
*/
require("js/product/newsale/newarrival");
require("js/product/newsale/discount");
require("js/product/list");
require("js/product/detail/detail");
});
define("js/product/newsale/newarrival", ["zepto","swiper","lazyload","index"], function(require, exports, module){
var $ = require("zepto"),
tip = require("js/plugin/tip"),
Swiper = require("swiper"),
lazyLoad = require("lazyload");
var $curNav,
$navList = $('#newarrival-nav'),
$newArrivalList = $('#newarrival-goods-list'),
$goods = $newArrivalList.children('.goods-list');
var winH = $(window).height(),
loadMoreH = $('#load-more').height(),
$goodList = $('.goods-list'),
loading = false,
page = 0,
index = 0;
var swiper;
swiper = new Swiper('.swiper-container', {
lazyLoading: true,
pagination: '.swiper-pagination'
});
lazyLoad($('img.lazy'));
$curNav = $navList.children('.focus');
$('#newarrival-nav').delegate('li', 'touchstart', function() {
var $this = $(this),
$content;
if ($this.hasClass('focus')) {
return;
}
index = $this.index();
$this.addClass('focus');
$curNav.removeClass('focus');
$goods.not('.hide').addClass('hide');
$content = $goods.eq(index);
$content.removeClass('hide');
$curNav = $this;
$(document).trigger('scroll'); //Trigger lazyLoad
});
//srcoll to load more
$(window).scroll(function () {
if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH) {
if (loading) {
return;
}
loading = true;
//num = $goodList.children('.good-info').length;
$.ajax({
type: 'GET',
url: '/product/newsale/selectNewSale',
data: {
dayLimit: index + 1,
page: page + 1
},
success: function(data) {
if (data === ' ') {
loading = true;
return;
}
$goodList.append(data);
//lazyLoad
//lazyLoad($goodList.children('.good-info:gt(' + (num - 1) + ')').find('img.lazy'));
lazyLoad($('.good-info').find('img.lazy'));
loading = false;
page++;
},
error: function() {
tip.show('网络断开连接了~');
loading = false;
}
});
}
});
});
define("js/product/newsale/discount", ["zepto","swiper","lazyload","index"], function(require, exports, module){
var $ = require("zepto"),
Swiper = require("swiper"),
lazyLoad = require("lazyload");
var $curNav,
$navList = $('#discount-nav'),
$newArrivalList = $('#discount-goods-list'),
$goods = $newArrivalList.children('.goods-list'),
$goodList = $('.goods-list');
var swiper;
var index = 0,
winH = $(window).height(),
loadMoreH = $('#load-more').height(),
loading = false,
page = 0,
pd = "";
swiper = new Swiper('.swiper-container', {
lazyLoading: true,
pagination: '.swiper-pagination'
});
lazyLoad($('img.lazy'));
$curNav = $navList.children('.focus');
$('#discount-nav').delegate('li', 'touchstart', function() {
var $this = $(this),
$content;
if ($this.hasClass('focus')) {
return;
}
index = $this.index();
pd = getSalePdByChoose(index);
$this.addClass('focus');
$curNav.removeClass('focus');
$goods.not('.hide').addClass('hide');
$content = $goods.eq(index);
$content.removeClass('hide');
$curNav = $this;
$(document).trigger('scroll'); //Trigger lazyLoad
});
//srcoll to load more
$(window).scroll(function () {
if ($(window).scrollTop() + winH >= $(document).height() - loadMoreH) {
if (loading) {
return;
}
loading = true;
// num = $goodList.children('.good-info').length;
$.ajax({
type: 'GET',
url: '/product/newsale/selectNewSale',
data: {
p_d: pd,
page: page + 1
},
success: function(data) {
if (data === ' ') {
//opt.end = true;
loading = false;
return;
}
$goodList.append(data);
//lazyLoad
//lazyLoad($goodList.children('.good-info:gt(' + (num - 1) + ')').find('img.lazy'));
lazyLoad($('.good-info').find('img.lazy'));
loading = false;
page++;
},
error: function() {
tip.show('网络断开连接了~');
loading = false;
}
});
}
});
/**
* 根据用户的选择获取商品折扣值
*
* @param int index
* @return string
*/
function getSalePdByChoose(index) {
var pd = "0.1,0.3";
switch (index) {
case 0:
pd = "0.1,0.3";
break;
case 1:
pd = "0.4,0.6";
break;
case 2:
pd = "0.7,0.9";
break;
case 3:
pd = "0.1,0.9";
break;
}
return pd;
}
});
define("js/product/list", ["zepto","lazyload"], function(require, exports, module){
/**
* 商品列表页
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/20
*/
var $ = require("zepto"),
lazyLoad = require("lazyload");
//品牌页参数
var $brandHeader = $('#brand-header'),
$introBox = $('#intro-box');
var filter = require("js/plugin/filter");
var $goodsContainer = $('#goods-container'),
$ngc = $goodsContainer.children('.new-goods'),
$pgc = $goodsContainer.children('.price-goods'),
$dgc = $goodsContainer.children('.discount-goods');
var winH = $(window).height();
//默认筛选条件
var defaultOpt = {
gender: $('#gender').val(),
brand: $('#brand').val(),
msort: $('#msort').val(),
color: $('#color').val(),
size: $('#size').val(),
price: $('#price').val(),
discount: $('#discount').val()
};
var $listNav = $('#list-nav'),
//导航数据信息
navInfo = {
newest: {
order: 1,
reload: true,
page: 0,
end: false
},
price: {
order: 0,
reload: true,
page: 0,
end: false
},
discount: {
order: 0,
reload: true,
page: 0,
end: false
}
},
$pre, //纪录进入筛选前的active项
searching;
/**
* 筛选注册的回调，筛选子项点击后逻辑
* 需要执行search的场景：1.点选筛选项；2.relaod为true时切换导航；3.下拉加载
* @param opt {type, id}
*/
function search(opt) {
var setting = {},
ext,
att,
nav, navType,
page;
if (opt) {
//筛选项变更则重置reload为true
for (att in navInfo) {
if (navInfo.hasOwnProperty(att)) {
navInfo[att].reload = true;
}
}
//处理active状态
$listNav.children('.active').removeClass('active');
$pre.addClass('active');
switch (opt.type) {
case 'gender':
ext = {
gender: opt.id
};
break;
case 'brand':
ext = {
brand: opt.id
};
break;
case 'msort':
ext = {
msort: opt.id
};
break;
case 'color':
ext = {
color: opt.id
};
break;
case 'size':
ext = {
size: opt.id
};
break;
case 'price':
ext = {
price: opt.id
};
break;
case 'discount':
ext = {
discount: opt.id
};
break;
}
$.extend(defaultOpt, ext); //扩展筛选项
}
if (searching) {
return;
}
//导航类别
if ($pre.hasClass('new')) {
navType = 'newest';
} else if ($pre.hasClass('price')) {
navType = 'price';
} else if ($pre.hasClass('discount')) {
navType = 'discount';
}
nav = navInfo[navType];
page = nav.page + 1;
if (nav.reload) {
page = 1;
} else if (nav.end) {
//不需要重新加载并且数据请求结束
return;
}
$.extend(setting, defaultOpt, {
type: navType,
order: nav.order,
page: page
});
searching = true;
$.ajax({
type: 'GET',
url: '/product/list/search',
data: setting,
success: function(data) {
var noResult = '<p class="no-result">未找到相关搜索结果</p>',
$container;
switch (navType) {
case 'newest':
$container = $ngc;
break;
case 'price':
$container = $pgc;
break;
case 'discount':
$container = $dgc;
break;
}
if (data === ' ') {
nav.end = true;
if (nav.reload) {
$container.html(noResult);
}
} else {
if (nav.reload) {
$container.html(data);
} else {
$container.append(data);
}
lazyLoad($container.find('.lazy'));
}
nav.reload = true;
nav.page = page;
searching = false;
}
});
}
lazyLoad($('.lazy'));
filter.registerCbFn(search);
//导航栏点击逻辑说明：
//1.点击非active项时切换active状态
//2.价格和折扣active状态时继续点击切换排序
//3.筛选无active时点击展开筛选面板
//4.筛选有active时点击隐藏筛选面板并恢复点击筛选前active项的active状态
//5.当前active为筛选并且点击其他项时，隐藏筛选面板
$listNav.delegate('li', 'touchstart', function() {
var $this = $(this),
nav,
navType,
$active;
if ($this.hasClass('filter')) {
//筛选面板切换状态
if ($this.hasClass('active')) {
filter.hideFilter();
//点击筛选钱的active项回复active
$pre.addClass('active');
$this.removeClass('active');
} else {
$pre = $this.siblings('.active');
$pre.removeClass('active');
$this.addClass('active');
filter.showFilter();
}
} else {
if ($this.hasClass('new')) {
navType = 'newest';
} else if ($this.hasClass('price')) {
navType = 'price';
} else if ($this.hasClass('discount')) {
navType = 'discount';
}
nav = navInfo[navType];
if ($this.hasClass('active')) {
//最新无排序切换
if ($this.hasClass('new')) {
return;
}
if ($this.hasClass('price') || $this.hasClass('discount')) {
// 价格/折扣切换排序状态
$this.find('.icon > .iconfont').toggleClass('cur');
$pre = $this; //更新pre为当前项
nav.reload = true; //重置reload,HTML会被替换为逆序的HTML
nav.order = nav.order === 0 ? 1 : 0; //切换排序
}
} else {
$active = $this.siblings('.active');
$pre = $this; //$pre为除筛选导航的其他导航项，若当前active的为筛选，则把$pre置为当前点击项
if ($active.hasClass('filter')) {
//若之前active项为筛选，则隐藏筛选面板
filter.hideFilter();
} else {
//切换container显示
$goodsContainer.children('.container:not(.hide)').addClass('hide');
switch (navType) {
case 'newest':
$ngc.removeClass('hide');
break;
case 'price':
$pgc.removeClass('hide');
break;
case 'discount':
$dgc.removeClass('hide');
break;
}
}
$active.removeClass('active');
$this.addClass('active');
}
if (nav.reload) {
search();
}
}
});
$(window).scroll(function() {
//当scroll到1/4$goodsContainer高度后继续请求下一页数据
if ($(window).scrollTop() + winH >
$(document).height() - 0.25 * $goodsContainer.height()) {
search();
}
});
//品牌介绍
$brandHeader.children('.btn-intro').bind('touchstart', function() {
$introBox.removeClass('hide');
});
$('.close-intro, .brand-intro-box').click(function() {
$introBox.addClass('hide');
});
$('#brand-intro').click(function(e) {
e.stopPropagation();
});
//品牌收藏
$brandHeader.children('.btn-col').bind('touchstart', function() {
$(this).toggleClass('coled');
});
});
define("js/plugin/filter", ["zepto"], function(require, exports, module){
/**
* 筛选JS
* 暴露三个接口：注册回调、显示filter、隐藏filter
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/19
*/
var $ = require("zepto");
var $filter = $('.filter-mask, .filter-body');
var $classify = $filter.find('.classify'),
$subClassify = $filter.find('.sub-classify');
var cbFn;
//隐藏筛选界面
function hideFilter() {
$filter.addClass('hide');
}
//显示筛选界面
function showFilter() {
$filter.removeClass('hide');
}
//注册sub-classify点击后的回调
function registerCbFn(cb) {
cbFn = cb;
}
//设置完高度后显示sub并设置选中
$classify.children(':first-child').addClass('active'); //T：不在HTML中使用{{#if @first}}active{{/if}}来初始化active为避免sub设置高度时的闪烁
//classify switch
$classify.delegate('.classify-item', 'touchstart', function() {
var $this = $(this);
if ($this.hasClass('active')) {
return;
}
$this.siblings('.active').removeClass('active');
$this.addClass('active');
});
//点击Mask隐藏筛选界面
$filter.filter('.filter-mask').click(function() {
hideFilter();
});
$subClassify.delegate('li', 'click', function(e) {
var $this = $(this),
id = $this.data('id');
var $sub = $this.closest('.sub-classify');
var $shower = $sub.siblings('.shower');
var html, shower;
e.stopPropagation();
if ($this.hasClass('chosed')) {
return;
}
$sub.children('.chosed').removeClass('chosed');
$this.addClass('chosed');
html = $.trim($this.html());
shower = $.trim($shower.html());
$shower.html(
shower.substring(0, shower.indexOf('</span>') + 7) + //拆分出shower的title
html.substring(0, html.indexOf('<i')) //拆分选中筛选值
);
if ($this.index() === 0) {
$shower.addClass('default');
} else {
$shower.removeClass('default');
}
if (cbFn) {
cbFn({
type: $sub.data('type'),
id: id
});
}
hideFilter();
});
exports.showFilter = showFilter;
exports.hideFilter = hideFilter;
exports.registerCbFn = registerCbFn;
});
define("js/product/detail/detail", ["zepto","swiper","lazyload","index"], function(require, exports, module){
/**
* 产品打包入口
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
* @date: 2015/10/20
*/
var $ = require("zepto"),
Swiper = require("swiper"),
lazyLoad = require("lazyload"),
goodsSwiper;
lazyLoad($('img.lazy'));
goodsSwiper = new Swiper('.banner-swiper', {
loop: true,
pagination: '.banner-top .pagination-inner',
slideElement: 'div',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev'
});
});
define("js/index/index", ["zepto"], function(require, exports, module){
/**
* Index打包入口
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/19
*/
require("js/index/search");
require("js/index/channel");
});
define("js/index/search", ["zepto"], function(require, exports, module){
/**
* 搜索JS
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/19
*/
var $ = require("zepto");
var $input = $('#search-input > input');
var $clear = $('#search-input > .clear-input');
var $history = $('.history');
$('#clear-history').bind('touchstart', function() {
$.ajax({
type: 'POST',
url: '/search/clearHistory',
success: function(data) {
if (data.code === 200) {
$history.html(''); //clear search history items
}
}
});
});
$('#search').bind('touchstart', function() {
var val = $input.val();
$.ajax({
type: 'POST',
url: '/search',
data: {
val: val
},
success: function(data) {
if (data.code === 200) {
location.href = data.data;
}
}
});
});
$input.bind('input', function() {
if ($input.val() === '') {
$clear.addClass('hide');
} else {
$clear.removeClass('hide');
}
});
$clear.bind('touchstart', function() {
$input.val('').trigger('input');
});
});
define("js/index/channel", [], function(require, exports, module){
/**
* 频道选择
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
* @date: 2015/10/12
*/
});
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;tap-highlight-color:transparent}html,body{font-family:helvetica,Arial,"黑体";width:100%;font-size:12px;line-height:1.4}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}img{max-width:100%;display:block;border:0;margin:0 auto}a{text-decoration:none;outline:none;color:#000}*:focus{outline:none}.hide{display:none}@font-face{font-family:"iconfont";src:url('../assets/font/iconfont.eot?1445849928');src:url('../assets/font/iconfont.eot?&1445849928#iefix') format("embedded-opentype"),url('../assets/font/iconfont.woff?1445849729') format("woff"),url('../assets/font/iconfont.ttf?1445849928') format("truetype"),url('../assets/font/iconfont.svg?1445849928#iconfont') format("svg")}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;text-decoration:none;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.yoho-tip{position:absolute;display:none;text-align:center;width:70%;padding:34px 0;top:50%;left:50%;margin-left:-35%;margin-top:-45px;background-color:#000;opacity:0.7;color:#fff;font-size:18px;border:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.yoho-header{position:relative;background-color:#000;color:#fff;width:100%;overflow:hidden;height:44px;line-height:44px}.yoho-header .nav-back{position:absolute;left:17px;top:14px;width:9px;height:16px;background:url('../assets/img/layout/back.png?1445849729') no-repeat;background-size:100% 100%;outline:none}.yoho-header .nav-home{position:absolute;top:14px;right:17px;width:20px;height:20px;background:url('../assets/img/layout/home.png?1445849729') no-repeat;background-size:100% 100%;outline:none}.yoho-header .nav-title{position:absolute;margin-left:26px;margin-right:32px;height:100%;font-size:18px;color:#fff;font-weight:bold;top:0;right:0;left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.yoho-footer{font-size:12px;background-color:#fff}.yoho-footer .op-row{position:relative;padding:0 30px;height:60px;line-height:60px}.yoho-footer .op-row .user-name{text-decoration:underline;margin-left:.3em;margin-right:1em}.yoho-footer .op-row .back-to-top{position:absolute;right:20px}.yoho-footer .op-row .sep-line{margin:0 0.3em}.yoho-footer .copyright{height:60px;line-height:60px;border-top:1px solid #ccc;text-align:center;color:#666;background-color:#eee}.yoho-footer.bottom{position:absolute;width:100%;bottom:0}.good-info{float:left;width:6.9rem;height:12.15rem;margin:0.7rem 0.375rem 0}.good-info .tag-container{height:0.7rem;width:100%}.good-info .tag-container .good-tag{display:block;float:left;height:0.7rem;font-size:0.45rem;text-align:center;line-height:0.8rem;margin-right:0.1rem}.good-info .tag-container .good-tag:last-child{margin-right:0}.good-info .tag-container .new-tag{width:1.5rem;background-color:#78dc7e;color:#fff}.good-info .tag-container .renew-tag{width:2.25rem;background-color:#78dc7e;color:#fff}.good-info .tag-container .sale-tag{width:1.5rem;background-color:#ff575c;color:#fff}.good-info .tag-container .new-festival-tag{width:2.25rem;background-color:#000;color:#fff}.good-info .tag-container .limit-tag{box-sizing:border-box;width:2.25rem;border:1px solid #000;color:#000;line-height:0.6rem}.good-detail-img{position:relative}.good-detail-img img{display:block;width:100%;height:9.15rem}.good-detail-img .few-tag{position:absolute;bottom:0;width:100%;height:0.7rem;background:#ffac5b;font-size:0.45rem;color:#fff;line-height:0.7rem;text-align:center}.good-detail-text .name a{display:block;line-height:1.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-size:0.55rem;color:#444}.good-detail-text .price{line-height:0.55rem;font-size:0.55rem}.good-detail-text .price .sale-price{color:#d62927}.good-detail-text .price .sale-price.no-price{color:#000}.good-detail-text .price .market-price{margin:0 0 0 0.125rem;color:#b0b0b0;text-decoration:line-through}.filter-mask,.filter-body{position:absolute;left:0;right:0;top:0}.filter-mask{height:100%;background:rgba(0,0,0,0.1)}.filter-body{background:#fff;color:#000;cursor:pointer;font-size:14px;height:440px}.filter-body .classify{width:50%;height:100%;background:#f8f8f8}.filter-body .classify>li{height:60px;line-height:60px}.filter-body .classify>li>*{box-sizing:border-box}.filter-body .classify>li.active{background:#fff}.filter-body .classify>li .shower{padding-left:20px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-body .classify>li .default{color:#999}.filter-body .classify>li .title{float:left;color:#000}.filter-body .sub-classify{position:absolute;display:none;width:50%;height:440px;padding-left:15px;left:50%;top:0;overflow:auto}.filter-body .sub-classify>li{height:60px;line-height:60px;border-bottom:1px solid #e6e6e6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-body .sub-classify .chosed-icon{display:none}.filter-body .sub-classify .chosed .chosed-icon{display:inline}.filter-body .active>.sub-classify{display:block}body.passport-body{background-color:#444;font-family:"MicroSoft YaHei",SimSun,sans-serif}body.passport-body *{box-sizing:border-box}.passport-page{text-align:center;padding:0 6%}.passport-page .header{position:relative;height:40px;margin:20px 0 30px}.passport-page .header .go-back{display:block;position:absolute;height:30px;width:30px;top:5px;left:0;background:url('../assets/img/passport/go-back.png?1445849729') no-repeat;background-size:100% 100%}.passport-page .header .title{font-size:20px;line-height:40px;color:#fff}.passport-page .header .img-header{width:68px;height:40px;background:url('../assets/img/passport/yoho-family.png?1445849729') no-repeat;background-size:100% 100%;margin:0 auto}.passport-page .input-container,.passport-page .select-container{position:relative;width:100%;height:52px;font-size:20px;background-color:#575757;border:1px solid #606060;border-radius:5px;text-align:left;color:#fff}.passport-page .select-container .select{position:absolute;height:50px;padding-right:40px;right:0;color:#fff;background-color:transparent;border:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-appearance:none;-webkit-appearance:none;direction:rtl}.passport-page .select-container .select:focus{outline:0;border:none}.passport-page .select-container .select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}.passport-page .select-container .select-title{line-height:2.5;margin-left:15px}.passport-page .select-container .arrow-right{position:absolute;width:13px;height:20px;right:15px;top:16px;background:url('../assets/img/passport/arrow-right.png?1445849729') no-repeat;background-size:100% 100%}.passport-page .has-eye,.passport-page .has-clear{padding-right:30px}.passport-page .area-code{position:absolute;left:15px;line-height:2.5}.passport-page .phone-container{padding-left:55px}.passport-page .input{width:100%;line-height:26px;padding:12px 0;padding-left:15px;border-radius:5px;color:#fff;background-color:transparent;border:none}.passport-page .btn{display:block;width:100%;font-size:20px;line-height:2.5;background-color:#36a74c;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff}.passport-page .btn.disable{background-color:#a2a2a2}.passport-page .country-select.in-android-uc{width:90px}.passport-page .clear-input{position:absolute;display:none;top:18px;right:10px;width:16px;height:16px;background:url('../assets/img/passport/clear-input.png?1445849729') no-repeat;background-size:100% 100%}.passport-page .eye{position:absolute;top:20px;right:10px;width:19px;height:12px;background:url('../assets/img/passport/eye.png?1445849729') no-repeat;background-size:100% 100%}.passport-page .eye.close{background-image:url('../assets/img/passport/eye-close.png?1445849729')}.passport-page .row{margin-bottom:10px}.reg-page .register-tip{color:#fff;font-size:15px}.login-page .yoho-logo{position:absolute;height:31px;width:26px;background:url('../assets/img/passport/yoho.png?1445849729');background-size:100% 100%;top:10px;left:15px}.login-page .acc-container{padding-left:45px}.login-page .op-container{position:relative;width:100%;margin:20px 0;text-align:left;font-size:16px}.login-page .op-container .go-register{text-decoration:underline;color:#858585}.login-page .op-container .forget-pwd{position:absolute;right:0;text-decoration:underline;color:#858585}.login-page .third-party-login{text-align:left}.login-page .third-party-login>span{font-size:16px;color:#858585}.login-page .third-party-login .tp-link{text-align:center;padding:20px 0}.login-page .third-party-login .tp-link>a{display:inline-block;width:44px;height:44px;margin:0 7px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#333;background-repeat:no-repeat;background-size:100% 100%}.login-page .third-party-login .tp-link .alipay{background-image:url('../assets/img/passport/alipay.png?1445849729')}.login-page .third-party-login .tp-link .weibo{background-image:url('../assets/img/passport/weibo.png?1445849729')}.login-page .third-party-login .tp-link .weixin{background-image:url('../assets/img/passport/weixin.png?1445849729')}.login-page .third-party-login .tp-link .qq{background-image:url('../assets/img/passport/qq.png?1445849729')}.login-page .international{display:block;width:200px;padding:5px 10px;background-color:#333;border:none;border-radius:20px;margin:0 auto;font-size:16px;color:#d8d8d8}.login-page .login-tip{font-size:16px;position:relative;color:#d8d8d8;margin:15px 0}.login-page .login-tip .info-icon{display:inline-block;height:12px;width:12px;background-image:url('../assets/img/passport/info.png?1445849729');background-size:100% 100%}.login-page .mask{position:fixed;display:none;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.5)}.login-page .retrive-pwd-ways{position:fixed;display:none;bottom:5px;left:10px;right:10px;font-size:16px}.login-page .retrive-pwd-ways li{background-color:#fff;width:100%;height:40px;line-height:40px;text-align:center}.login-page .retrive-pwd-ways li:nth-child(1){-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;border-bottom:1px solid #9f9f9f}.login-page .retrive-pwd-ways li:nth-child(2){-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.login-page .retrive-pwd-ways li:last-child{margin-top:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.back-email-success-page .tip{font-size:20px;color:#fff;margin-top:30px}.back-email-success-page .sub-tip,.back-email-success-page .resend{color:#939393;font-size:16px}.back-email-success-page .go-email{margin:20px 0 10px}.back-email-success-page .resend{float:right}.reg-code-page .captcha-tip,.back-code-page .captcha-tip{position:absolute;width:148px;text-align:center;right:15px;top:8px;color:#36a74c;padding:5px 0;border:1px solid #36a74c;border-radius:20px;font-size:16px}.reg-code-page .captcha-tip.disable,.back-code-page .captcha-tip.disable{color:#8f8f8f;border-color:#8f8f8f}.reg-code-page .input-container,.back-code-page .input-container{padding-right:190px}.reg-code-page .text-container,.back-code-page .text-container{color:#fff;font-size:16px;margin-bottom:20px}.reg-code-page .phone,.back-code-page .phone{color:#4ecae8}.reg-code-page .clear-input,.back-code-page .clear-input{right:170px}.time-view-like-share{color:#b0b0b0;line-height:0.95rem;height:0.95rem;font-size:0.6rem}.time-view-like-share .iconfont{vertical-align:9%;margin-right:0.1rem;font-size:0.6rem}.time-view-like-share .like-share-container{display:inline-block;float:right}.time-view-like-share .like-share-container>*{float:left}.time-view-like-share .like-share-container .iconfont{position:relative;height:1.5rem;line-height:1.5rem;display:inline-block;color:#b0b0b0;width:1.5rem;top:-0.35rem;font-size:0.85rem;text-align:center;margin-right:0;outline:none}.time-view-like-share .like-share-container .share-btn{margin-left:0.5rem}.time-view-like-share .like-share-container .like-btn.like{color:#444}.time-view-like-share .like-share-container .collect-btn{margin-left:0.5rem}.time-view-like-share .like-share-container .collect-btn.collected{color:#444}.guang-info{margin-bottom:0.75rem;padding:0 0 0.6rem 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff}.guang-info .info-author{display:block;width:100%}.guang-info .info-author .avatar{float:left;margin-top:0.5rem;width:1.25rem;height:1.25rem;margin-left:0.75rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-info .info-author .name{float:left;margin-left:0.75rem;padding:0.75rem 0;font-size:0.7rem;color:#000}.guang-info:last-child{margin-bottom:0}.guang-info .info-img{position:relative;width:100%}.guang-info .info-img img{display:block;width:100%}.guang-info .info-match{position:absolute;top:0;left:0;width:3.25rem;height:1.25rem;line-height:1.25rem;font-size:0.7rem;color:#fff;background:#000;text-align:center;text-decoration:none}.guang-info .info-tag{position:absolute;top:0;left:2.625rem;height:1.25rem;width:1.25rem}.guang-info .info-tag.collocation{background:url('../assets/img/guang/info/collocation.png?1445849729');background-size:100% 100%}.guang-info .info-tag.fashion-good{background:url('../assets/img/guang/info/fashion-good.png?1445849729');background-size:100% 100%}.guang-info .info-tag.fashion-man{background:url('../assets/img/guang/info/fashion-man.png?1445849729');background-size:100% 100%}.guang-info .info-tag.tip{background:url('../assets/img/guang/info/tip.png?1445849729');background-size:100% 100%}.guang-info .info-tag.topic{background:url('../assets/img/guang/info/topic.png?1445849729');background-size:100% 100%}.guang-info .info-deps{margin:0.8rem 0 0 0;padding:0 1rem 0 0.75rem}.guang-info .info-deps .info-title-container{text-decoration:none;color:#000}.guang-info .info-deps .info-title{line-height:1.1rem;color:#000;font-size:1rem;font-weight:bold}.guang-info .info-deps .info-text{margin:0.4rem 0 0 0;line-height:1.15rem;font-size:0.7rem;color:#444}.guang-info .info-deps .time-view-like-share{margin-top:0.4rem}.ps-list-page{background-color:#f0f0f0}.ps-list-page .nav-tab,.ps-list-page .ps-content{width:100%}.ps-list-page .nav-tab{height:1.5rem;padding:0.25rem 0;background-color:#fff}.ps-list-page .star-nav,.ps-list-page .plus-nav{box-sizing:border-box;float:left;width:50%;height:1.5rem;line-height:1.5rem;font-size:16px;text-align:center;color:#ccc}.ps-list-page .star-nav.focus,.ps-list-page .plus-nav.focus{color:#000}.ps-list-page .star-nav{border-right:1px solid #ccc}.ps-list-page .plus-star-row{margin-bottom:0.25rem}.ps-list-page .plus-star-row:last-child{margin-bottom:0}.ps-list-page .plus-star-row>a{display:block;height:7.75rem}.ps-list-page .content.hide{display:none}.ps-list-page .swiper-container{height:7.75rem}.ps-list-page .swiper-pagination-bullet-active{background:#fff}.ps-list-page .brand-deps{height:1rem;line-height:1rem;padding-left:0.25rem;font-size:14px;background:#fff;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ps-detail-page{background-color:#f0f0f0}.ps-detail-page .ps-block{margin-bottom:0.75rem;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;background-color:#fff}.ps-detail-page .ps-block.header,.ps-detail-page .ps-block.related-infos{border-top:none}.ps-detail-page .ps-block.related-infos{margin-bottom:0;background-color:#f0f0f0}.ps-detail-page .header{position:relative}.ps-detail-page .header .banner{width:100%;height:7.75rem}.ps-detail-page .header .logo{position:absolute;border:1px solid #b5b5b5;height:4.2rem;width:4.2rem;top:5.65rem;left:1.25rem}.ps-detail-page .header .header-content{padding:0 0.75rem}.ps-detail-page .header .name-islike-container{padding-left:6.2rem;margin-top:0.6rem;font-size:0.85rem}.ps-detail-page .header .name{color:#000;height:1.025rem;width:7.375rem}.ps-detail-page .header .brand-islike{position:relative;float:right;color:#b0b0b0;height:1.5rem;width:1.5rem;line-height:1.5rem;text-align:center;top:-0.25rem;left:-0.25rem}.ps-detail-page .header .brand-islike.like{color:#f00}.ps-detail-page .intro{margin-top:1.225rem;font-size:0.6rem;color:#444;line-height:150%}.ps-detail-page .more-intro{padding:0.75rem 0;font-size:0.7rem;line-height:104%;color:#bbb;float:right}.ps-detail-page .more-intro .icon{display:inline-block;height:100%;width:1rem;-moz-transition:-moz-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;-webkit-transition:-webkit-transform 0.1s ease-in;transition:transform 0.1s ease-in}.ps-detail-page .more-intro.spread .icon{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-moz-transform:scale(0.83, 0.83);-ms-transform:scale(0.83, 0.83);-webkit-transform:scale(0.83, 0.83);transform:scale(0.83, 0.83)}.ps-detail-page .new-arrival{padding-left:0 0.75rem}.ps-detail-page .new-arrival .new-arrival-content{padding:0.5rem 0.35rem}.ps-detail-page .new-arrival .more-goods-container{height:2.25rem;padding:0 0.75rem;border-top:1px solid #e0e0e0;color:#000}.ps-detail-page .new-arrival .mg-text{height:100%;line-height:2.25rem;color:#000;text-decoration:none;display:block;font-size:16px}.ps-detail-page .new-arrival .more-prods{float:right;color:#b0b0b0}.ps-detail-page .new-arrival .new-arrival-header .more-prods{margin-right:0.75rem;margin-top:0.25rem}.ps-detail-page .new-arrival-header{padding-left:5.55rem;padding-top:0.825rem}.ps-detail-page .new-arrival-header .header-text{font-size:0.7rem;color:#000;line-height:122%;font-weight:bold}.ps-detail-page .related-info-title{margin:0 0.725rem;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center;background-color:#fff}.ps-detail-page .related-infos-container .guang-info:first-child{margin-top:0}.guang-list-page .editor-header{margin-bottom:0.75rem;padding-top:0.9rem;padding-bottom:1rem;background:#fff;border-bottom:1px solid #e0e0e0}.guang-list-page .avatar{float:left;margin-left:0.75rem}.guang-list-page .avatar img{width:2.5rem;height:2.5rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-list-page .text{float:left;margin-left:0.8rem;width:11.875rem}.guang-list-page .text .name{font-size:0.8rem;line-height:1rem}.guang-list-page .text .info{margin-top:0.15rem;color:#bdbdbf;font-size:0.6rem;line-height:0.8rem}.guang-list-page .swiper-container{width:100%;height:7.75rem}.guang-list-page .swiper-container img{height:100%;width:100%}.guang-list-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.guang-list-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.guang-list-page .guang-nav{background-color:#fff;overflow:hidden;height:2rem}.guang-list-page .guang-nav-item{float:left;color:#ccc;font-size:0.7rem;padding:0 0.55rem;line-height:2rem}.guang-list-page .guang-nav-item.focus{color:#000}.guang-list-page .info-list.hide{display:none}.guang-list-page .load-more-info{width:100%;height:1.75rem;line-height:1.75rem;text-align:center;font-size:14px;overflow:hidden}.guang-list-page .load-more-info .status.hide{display:none}.clothes-sprite{background-image:url('../assets/img/guang/clothes-s7f658d7d2c.png');background-repeat:no-repeat}.guang-detail-page #wrapper.ios{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.guang-detail-page .author{border-bottom:1px solid #e0e0e0;background:#fff}.guang-detail-page .author>a{display:block;height:100%}.guang-detail-page .author .avatar{float:left;margin-top:0.5rem;margin-left:0.75rem;width:1.25rem;height:1.25rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-detail-page .author .name{float:left;font-size:0.7rem;color:#000;padding:0.75rem 0;margin-left:0.75rem}.guang-detail-page .author .intro{float:left;font-size:0.7rem;color:#b0b0b0;padding:0.75rem 0;margin-left:0.75rem}.guang-detail-page .post-title{padding:0.4rem 0 0.65rem 0.75rem;background:#fff}.guang-detail-page .post-title .title{line-height:1.5rem;font-size:1rem;color:#000;font-weight:bold}.guang-detail-page .text-block{padding:0.5rem 0.75rem;line-height:1.15rem;font-size:0.7rem;background:#fff;color:#444}.guang-detail-page .big-img-block{padding-bottom:0.125rem;background:#fff}.guang-detail-page .big-img-block img{width:100%;height:16rem}.guang-detail-page .small-img-block{padding-bottom:0.2rem;background:#fff}.guang-detail-page .small-img-block img{float:right;width:7.875rem;height:10.5rem}.guang-detail-page .small-img-block img:first-child{float:left}.guang-detail-page .collocation-block{background:#fff}.guang-detail-page .collocation-block .good-list{padding-left:0.375rem}.guang-detail-page .thumb-container{padding-top:0.75rem;padding-left:0.75rem;background:transparent url('../assets/img/guang/thumb-container-bg.png?1445849729') no-repeat;background-size:200% 100%}.guang-detail-page .thumb-container.fixed-top{position:fixed;left:0;right:0;top:0}.guang-detail-page .thumb-container.fixed-bottom{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9)}.guang-detail-page .thumb-container.absolute{position:absolute;left:0;right:0}.guang-detail-page .thumb-container.static{position:static}.guang-detail-page .thumb-container.hide{display:none}.guang-detail-page .clothe-type{position:absolute;right:0.15rem;bottom:0.85rem;width:20px;height:20px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-detail-page .clothe-type.bag{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 0 no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.cloth{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -20px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.dress{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -40px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.headset{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -60px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.lamp{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -80px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.pants{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -100px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.shoe{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -120px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.swim-suit{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -140px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.under{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -160px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.watch{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -180px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .thumb{display:inline-block;position:relative;margin-right:0.55rem;padding-bottom:0.75rem}.guang-detail-page .thumb:last-child{margin-right:0}.guang-detail-page .thumb.focus .thumb-img{border-color:#000}.guang-detail-page .thumb-img{height:3.35rem;width:2.4rem;border:1px solid transparent}.guang-detail-page .related-reco-block{background:#fff;padding-left:0.375rem;border-top:1px solid #e0e0e0}.guang-detail-page .related-reco-block h2{margin-left:-0.375rem;line-height:2.6rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-reco-block .one-good{padding-left:0.375rem;padding-right:0.75rem;margin-bottom:0.5rem}.guang-detail-page .related-reco-block .one-good .thumb{float:left;height:3.35rem;width:2.4rem}.guang-detail-page .related-reco-block .one-good .content-container{padding-left:3rem;height:3.35rem;line-height:1;font-size:0.6rem}.guang-detail-page .related-reco-block .one-good .content-container>p{height:50%;line-height:2.35rem}.guang-detail-page .related-reco-block .one-good .content-container span{display:inline-block;line-height:0.6rem}.guang-detail-page .related-reco-block .one-good .content-container .price{line-height:1.175rem}.guang-detail-page .related-reco-block .one-good .sale-price{color:#d62927;line-height:1.5}.guang-detail-page .related-reco-block .one-good .sale-price.no-price{color:#000}.guang-detail-page .related-reco-block .one-good .market-price{margin-left:0.125rem;color:#b0b0b0;text-decoration:line-through;line-height:1.5}.guang-detail-page .related-reco-block .one-good .check-detail{display:inline-block;color:#000;border:1px solid;border-radius:2px;float:right;padding:0 5px;line-height:1.5}.guang-detail-page .related-brand{margin-top:0.75rem}.guang-detail-page .related-brand h2{margin:0 0.725rem;background:#fff;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-brand .brand-list{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:0.75rem 0 0.75rem;background:#fff}.guang-detail-page .related-brand .brand{float:left;width:3.95rem;height:3.2rem;border-right:1px solid #e0e0e0;margin-bottom:0.25rem}.guang-detail-page .related-brand .brand a{display:block}.guang-detail-page .related-brand .brand:nth-child(4n){border-right:none}.guang-detail-page .related-brand .brand-logo{display:table-cell;width:3.95rem;height:2.35rem;vertical-align:middle}.guang-detail-page .related-brand .brand-logo img{display:block;max-width:3.95rem;max-height:2.35rem;vertical-align:middle;margin:0 auto}.guang-detail-page .related-brand .brand-name{margin:0.25rem 0 0 0;line-height:0.6rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guang-detail-page .related-tag{position:relative;padding-bottom:0.75rem;border-bottom:1px solid #e0e0e0;background:#fff}.guang-detail-page .related-tag .tag-bg{position:absolute;height:1rem;width:1rem;background:url('../assets/img/guang/tag.png?1445849729') no-repeat;background-size:100% 100%;top:0.875rem;left:0.5rem}.guang-detail-page .related-tag .tag-list{margin-left:1.25rem}.guang-detail-page .related-tag li{float:left;margin-top:0.775rem;margin-left:0.775rem}.guang-detail-page .related-tag a{height:1.25rem;line-height:1.25rem;font-size:0.75rem;color:#000;text-decoration:underline;white-space:nowrap}.guang-detail-page .related-info{margin-top:0.75rem}.guang-detail-page .related-info h2{margin:0 0.725rem;background:#fff;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-info .info-list{background:#fff;padding-bottom:0.75rem;border-top:1px solid #e0e0e0}.guang-detail-page .related-info li{padding-top:0.75rem;margin-bottom:0.25rem}.guang-detail-page .related-info li a{display:block}.guang-detail-page .related-info li img{float:left;margin-left:0.75rem;width:4.55rem;height:2.85rem}.guang-detail-page .related-info li img.square{height:4.55rem}.guang-detail-page .related-info .title,.guang-detail-page .related-info .publish-time{float:left;width:9rem;margin-left:0.75rem;line-height:1rem;color:#444;font-size:0.7rem}.guang-detail-page .related-info .publish-time{font-size:0.45rem;margin-top:0;color:#b0b0b0}.guang-detail-page .related-info .publish-time .iconfont{font-size:0.45rem}.header-download{position:relative;height:5.3rem;padding:1.2rem 0 0;overflow:hidden}.header-download .download-bg{position:absolute;left:0;top:0;width:100%;z-index:-1}.header-download .yoho-logo{height:1.425rem;background:url('../assets/img/app-logo.png?1445849928') no-repeat center center;background-size:auto 100%}.header-download p{line-height:1.2rem;font-size:0.7rem;color:#fff;text-align:center}.header-download .download-btn{display:block;margin:0.45rem auto 0;width:7.35rem;height:1.6rem;line-height:1.6rem;border:0.075rem solid #fff;font-size:0.9rem;text-align:center;color:#fff}.header-download .close-btn{position:absolute;top:0.425rem;right:0.325rem;width:1.25rem;height:1.25rem;background:url('../assets/img/close-icon.png?1445849928');background-size:100% 100%}.banner-top{position:relative}.banner-top .swiper-pagination{position:absolute;left:0;right:0;bottom:0.5rem;text-align:center}.banner-top .swiper-pagination .pagination-inner{display:inline-block}.banner-top .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.banner-top .swiper-pagination .pagination-inner span.swiper-active-switch{opacity:1}.banner-swiper{height:7.725rem;overflow:hidden}.banner-swiper ul{position:relative;height:100%}.banner-swiper ul li{float:left;height:100%}.banner-swiper ul li img{width:100%;height:100%}.banner-center{margin:0.75rem 0 0;height:5rem;overflow:hidden}.banner-center img{display:block;width:100%;height:100%}.banner-bottom{margin:0.75rem 0 0;height:4rem;overflow:hidden}.banner-bottom img{display:block;width:100%}.side-nav{display:none;background:#fff;position:fixed;top:0;right:2.5rem;bottom:0;left:0;z-index:1;overflow:hidden}.side-nav ul{background:#f0f0f0}.side-nav li{position:relative;height:3.2rem;line-height:3.2rem;border-bottom:1px solid #e0e0e0;background:#fff}.side-nav li a{display:block;height:100%;padding-left:2.75rem;color:#444;font-size:0.6rem}.side-nav li .nav-icon,.side-nav li .nav-img{position:absolute;width:1.5rem;height:1.5rem;top:50%;margin-top:-0.75rem;left:0.6rem}.side-nav li .enter-subnav{position:absolute;right:0.75rem;top:0;bottom:0;font-size:0.9rem;color:#b0b0b0;font-weight:lighter}.side-nav li em{margin-right:0.25rem;font-weight:bold;font-size:0.85rem}.side-nav li.boys i{background:url('../assets/img/side-nav/boys.png?1445849729') no-repeat left center;background-size:100% 100%}.side-nav li.girls i{background:url('../assets/img/side-nav/girls.png?1445849729') no-repeat left center;background-size:100% 100%}.side-nav li.kids i{background:url('../assets/img/side-nav/kids.png?1445849729') no-repeat left center;background-size:100% 100%}.side-nav li.life i{background:url('../assets/img/side-nav/life.png?1445849729') no-repeat left center;background-size:100% 100%}.side-nav li.new{margin:0.475rem 0 0;border-top:1px solid #e0e0e0}.side-nav li.new i{background:url('../assets/img/side-nav/new.png?1445849729') no-repeat left center;background-size:100% 100%}.side-nav li.guang .nav-icon,.side-nav li.trendfinder .nav-icon{background:url('../assets/img/side-nav/guang.png?1445849729') no-repeat left center;background-size:100% 100%}.side-nav.on{display:block}.sub-nav{position:fixed;top:0;right:2.5rem;left:0;bottom:0;background:#fff !important;z-index:2;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.sub-nav li{height:2.725rem;line-height:2.725rem;border:none}.sub-nav li a{position:relative;display:block;margin:0 0 0 0.75rem;padding-left:1.25rem;border-bottom:1px solid #e0e0e0;font-size:0.9rem;z-index:2}.sub-nav li .nav-point{position:absolute;left:0rem;font-size:0.4rem;color:#f0f0f0}.sub-nav li em{font-weight:normal;font-size:0.9rem}.sub-nav li:hover .nav-point,.sub-nav li.current .nav-point{color:#3e3e3e}.sub-nav li:first-child{height:2.2rem;line-height:2.2rem;background:#3e3e3e}.sub-nav li:first-child a{color:#fff;border-bottom:none;padding-left:2.75rem}.sub-nav li:first-child .nav-back{position:absolute;left:0}.sub-nav.show{-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.floor-header{margin:0.725rem 0.75rem 0;background:#fff;border:1px solid #e0e0e0;border-bottom:none;height:1.75rem;line-height:1.75rem;text-align:center;font-size:0.75rem;color:#b1b1b1}.floor-header-more{position:relative;height:2.475rem;line-height:2.475rem;margin:0.725rem 0 0;background:#fff;border-top:1px solid #e0e0e0;text-align:center;font-size:0.8rem;color:#444}.floor-header-more .more-btn{position:absolute;right:0.75rem;top:0;bottom:0;color:#b0b0b0}.hot-brands{background:#fff;border-bottom:1px solid #e0e0e0}.hot-brands a{display:block;text-decoration:none;height:100%}.hot-brands .brand{float:left;width:3.95rem;height:4.35rem;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;overflow:hidden}.hot-brands .brand .brand-logo{width:100%;height:3.2rem;line-height:3.2rem;text-align:center;font-size:0}.hot-brands .brand .brand-logo img{vertical-align:middle;max-width:100%;max-height:100%}.hot-brands .brand .brand-name{line-height:1.1rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.hot-brands .brand:nth-child(5n){border-right:none}.hot-brands .more{float:left;width:7.925rem;height:4.35rem;border-top:1px solid #e0e0e0}.hot-brands .more a{display:block;width:100%;height:100%;background:url('../assets/img/more-brand.png?1445849729') no-repeat;background-size:100% 100%}.brands-swiper{background:#fff;width:100%;height:3.5rem;margin-bottom:0.7rem;overflow:hidden}.brands-swiper .brands-list{position:relative;height:3.5rem}.brands-swiper .brands-list li{float:left;padding-left:5%;width:21.875%;height:3.5rem;border-top:1px solid #e0e0e0}.brands-swiper .brands-list li a{position:relative;display:block;width:100%;height:100%;line-height:3.5rem;font-size:0}.brands-swiper .brands-list li img{max-width:100%;max-height:100%;vertical-align:middle}.brands-swiper .brands-list li .brands-title{position:absolute;left:0.2rem;right:0.2rem;bottom:0.2rem;height:0.7rem;line-height:0.7rem;text-align:center;font-size:0.45rem;color:#444;background:rgba(255,255,255,0.5);overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.fine-brands{background:#fff;border-top:1px solid #e0e0e0}.fine-brands a{display:block;text-decoration:none}.fine-brands .brand{float:left;width:3.95rem;height:4.35rem;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.fine-brands .brand .brand-logo{display:table-cell;width:3.95rem;height:3.25rem;vertical-align:middle}.fine-brands .brand .brand-logo img{display:block;max-width:3.95rem;max-height:3.25rem;vertical-align:middle;margin:0 auto}.fine-brands .brand .brand-name{line-height:1.1rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden}.fine-brands .brand:nth-child(4n){border-right:none}.creative-life{background:#fff}.creative-life .banner{display:block}.creative-life .banner img{width:100%;height:10.1rem}.creative-life .classify-list>li{float:left;width:5.3rem;height:4.8rem;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.creative-life .classify-logo{display:table-cell;width:5.3rem;height:3.5rem;vertical-align:middle}.creative-life .classify-logo img{display:block;max-width:5.3rem;max-height:3.5rem;vertical-align:middle;margin:0 auto}.creative-life .classify-name{line-height:1.3rem;font-size:0.65rem;color:#000;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden}.creative-life .classify:nth-child(3n){border-right:0}.plus-star img{display:block;width:100%;height:4.95rem}.maybe-like{background:#fff;padding-left:0.375rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:0.75rem}.maybe-like .title{height:2.6rem;line-height:2.6rem;text-align:center;color:#dadada}.maybe-like .icon{display:inline-block;height:0.775rem;width:0.775rem;background:url('../assets/img/up-icon.png?1445849729') no-repeat;background-size:100% 100%}.maybe-like .maybe-like-nav{width:100%;height:1.5rem;padding:0.25rem 0;background-color:#fff}.maybe-like .maybe-like-nav-item{box-sizing:border-box;float:left;width:50%;height:1.5rem;line-height:1.5rem;text-align:center;color:#ccc;border-right:1px solid #ccc}.maybe-like .maybe-like-nav-item.focus{color:#000}.maybe-like .load-more-info{width:100%;height:14.25rem;line-height:1.75rem;text-align:center;font-size:14px;overflow:hidden}.maybe-like .load-more-info .status.hide{display:none}.icons-wrapper{box-sizing:border-box;padding:0.75rem 0 0.4rem;background:#fff;border-bottom:1px solid #e0e0e0}.icons-item{float:left;margin-bottom:0.25rem;width:25%;height:3.65rem;text-align:center}.imagebar{margin:0 auto;display:flex;display:-webkit-flex;width:2.45rem;height:2.45rem;overflow:hidden;align-items:center;justify-content:center}.imagebar img{max-width:100%;max-height:100%}.linkbar{display:block;line-height:1.1rem;font-size:0.6rem;color:#444}.trend-coll-wrapper{background:#fff;height:16.125rem;border-bottom:1px solid #e0e0e0}.trend-coll-header{position:relative;widows:100%}.trend-coll-header .trend-coll-title{width:100%;height:2.5rem;line-height:2.5rem;text-align:center;font-size:0.85rem;color:#747474}.trend-coll-header .more{position:absolute;right:0.6rem;top:0.5rem}.trend-coll-content{padding:0 0.375rem}.trend-coll-content .lspan{float:left;margin:0 0.375rem}.trend-coll-content .rspan{float:right;margin:0 0.375rem}.lspanimg{display:block;float:right;width:6.875rem;height:6.875rem}.rspanimg{display:block;float:right;width:6.875rem;height:6.875rem}.trend-coll-tail{box-sizing:border-box;width:100%;height:6.675rem;clear:both}.recommend-title{widows:100%;height:2.5rem;line-height:2.5rem;text-align:center;font-size:0.85rem}.recommend-swiper{width:100%;height:3.5rem;overflow:hidden}.recommend-list{position:relative}.recommend-list .recommend-item{float:left;padding-left:0.75rem;width:3.5rem;height:3.5rem}.recommend-list .recommend-item a{display:block;width:100%;height:100%}.recommend-list .recommend-item a img{width:100%;height:100%}.trend-topic-wrapper{background:#fff}.trend-topic-content{position:relative;width:100%;border-bottom:1px solid #e0e0e0}.trend-topic-content .swiper-pagination{position:absolute;left:0;right:0;bottom:0.55rem;text-align:center}.trend-topic-content .swiper-pagination .pagination-inner{display:inline-block}.trend-topic-content .swiper-pagination span{float:left;width:0.4rem;height:0.4rem;margin:0 0.2rem;background:#efefef;border-radius:50%}.trend-topic-content .swiper-pagination span.swiper-active-switch{background:#b0b0b0}.trend-topic-swiper{height:13.35rem;overflow:hidden}.trend-topic-swiper ul{position:relative}.trend-topic-swiper ul li{float:left;height:13.35rem}.trend-topic-swiper ul li .img-box{display:flex;display:-webkit-flex;height:9rem;margin:0 0.75rem;align-items:center;justify-content:center}.trend-topic-swiper ul li .img-box img{max-width:100%;max-height:100%}.trend-topic-swiper ul li .item-content{margin:0.5rem 0.75rem 0}.trend-topic-swiper ul li .item-content .title{line-height:1.3rem;font-size:0.75rem;color:#000}.trend-topic-swiper ul li .item-content .time{margin:0.4rem 0 0;line-height:0.6rem;color:#afafaf;font-size:0.45rem}.trend-topic-swiper ul li .item-content .time .time-icon{margin-right:0.2rem;font-size:0.35rem}.category-swiper{position:relative;height:10.075rem;overflow:hidden}.category-swiper ul li{float:left;width:100%}.category-swiper ul li a,.category-swiper ul li img{display:block;width:100%;height:100%}.category-swiper .swiper-pagination{position:absolute;left:0;right:0;bottom:0.5rem;text-align:center}.category-swiper .swiper-pagination .pagination-inner{display:inline-block}.category-swiper .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.category-swiper .swiper-pagination .pagination-inner span.swiper-active-switch{opacity:1}.goods-category .category-list{background:#f5f7f6;height:9.575rem}.goods-category .category-list li{float:left;width:4.775rem;height:4.525rem;padding:0.25rem 0 0;border-left:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.goods-category .category-list li .first-show{display:none}.goods-category .category-list li .img-box{display:flex;display:-webkit-flex;height:3.5rem;align-items:center;justify-content:center}.goods-category .category-list li .img-box img{max-width:100%;max-height:100%}.goods-category .category-list li .category-name{line-height:0.8rem;font-size:0.5rem;color:#444;text-align:center}.goods-category .category-list li:first-child{width:6.325rem;height:8.375rem;border-left:none;padding:1.2rem 0 0 0}.goods-category .category-list li:first-child .first-show{display:block;line-height:1.1rem;font-size:0.75rem;color:#444;text-align:center}.goods-category .category-list li:first-child .img-box{height:5.5rem}.goods-category .category-list li:first-child .category-name{line-height:1rem;font-size:0.55rem}.hot-category{margin:0.75rem 0 0;border-top:1px solid #e0e0e0}.hot-category .category-banner{height:4.95rem}.hot-category .category-banner img{display:block;width:100%;height:100%}.hot-category .category-list{background:#fff;border-top:1px solid #e0e0e0}.hot-category .category-list li{float:left;width:3.95rem;height:4.35rem;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0}.hot-category .category-list li .img-box{width:100%;height:3.45rem;text-align:center;vertical-align:middle}.hot-category .category-list li .img-box img{max-width:100%;max-height:100%;vertical-align:middle}.home-header{height:2.2rem;line-height:2.2rem;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232),color-stop(100%, #414141));background-image:-moz-linear-gradient(#323232,#414141);background-image:-webkit-linear-gradient(#323232,#414141);background-image:linear-gradient(#323232,#414141);position:relative}.home-header .iconfont{color:#fff}.home-header .nav-btn{position:absolute;left:0.8rem;top:0;bottom:0;z-index:2}.home-header .logo{display:block;margin:0 auto;width:5.2rem;height:2.175rem;background:url('../assets/img/yohologo02.png?1445849729') no-repeat center center;background-size:100%}.home-header .logo.animate{background:url('../assets/img/yohologo01.png?1445849729') no-repeat center center;background-size:100%}.home-header .search-btn{position:absolute;right:0.8rem;top:0;bottom:0}.home-header .search-btn a{color:#fff}.girls-wrap .home-header{background:#FF88AE}.kids-wrap .logo{font-style:italic;font-family:"helvetica","Arial","榛戜綋";font-weight:bold;color:#fff}.mobile-container{width:100%;overflow:hidden}.mobile-wrap{position:relative;z-index:2;background:#f0f0f0;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.mobile-wrap.menu-open{-moz-transform:translateX(13.5rem);-ms-transform:translateX(13.5rem);-webkit-transform:translateX(13.5rem);transform:translateX(13.5rem);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.3;z-index:99}.overlay.show{display:block}.brand-page .newbrand-search{width:93.75%;height:30px;padding:7px 3.125%;background-color:#f8f8f8;left:0;z-index:10}.brand-page .newbrand-search .search-box{position:relative;height:30px;background-color:#FFF;border-radius:15px;padding:0 16px 0 26px}.brand-page .newbrand-search .search-box .search-input{width:100%;height:30px;border:0}.brand-page .newbrand-search .search-box .search-icon{position:absolute;font-size:12px;top:16px;left:24px}.brand-page .hot-brand{margin:0.75rem 0 0}.brand-page .hot-brand .hot-brand-list{background:#fff}.brand-page .hot-brand .hot-brand-list li{float:left;width:3.95rem;height:3.95rem}.brand-page .hot-brand .hot-brand-list li .img-box{width:100%;height:100%}.brand-page .brand-list{width:100%}.brand-page .brand-list .title-bar{width:100%;background:#eeeeee;color:#999999;font-weight:bold;position:relative}.brand-page .brand-list .title-bar h2{width:100%;height:25px;line-height:25px;font-size:17px;border-top:1px solid #e6e6e6;background-color:#f4f4f4}.brand-page .brand-list p{cursor:pointer;height:25px;padding-right:10px}.brand-page .brand-list p a{display:block;font-size:17px;border-bottom:1px solid #f3f3f3;border-top:1px solid #f9f9f9}.brand-page .brand-list p a i{position:relative;top:1px;color:#ff0000;padding-left:16px}.brand-page .right-bar{width:30px;top:120px !important;overflow:hidden;position:fixed;right:1px;border-radius:6px;background:rgba(0,0,0,0.8);z-index:2}.brand-page .right-bar b{height:16px;line-height:14px;text-align:center;display:block;color:#999999;font-weight:bold}.brand-page .con{padding-top:5px}.category-page{font-size:0.75rem}.category-page .search-input{position:relative;background-color:#f8f8f8;padding:0.325rem 0.5rem}.category-page .search-input p{box-sizing:border-box;width:100%;height:1.5rem;line-height:1.5rem;border:none;padding-left:1.325rem;border-radius:1.5rem;font-size:0.75rem;background:#fff;color:#999}.category-page .search-icon{position:absolute;top:0;bottom:0;left:1.075rem;line-height:2.15rem;color:#999}.category-page .category-nav{height:1.775rem;border-bottom:1px solid #e6e6e6}.category-page .category-nav li{display:block;box-sizing:border-box;float:left;height:100%;line-height:1.775rem;width:25%;text-align:center;border-right:1px solid #e6e6e6;color:#999}.category-page .category-nav li:last-child{border-right:none}.category-page .category-nav li.focus{color:#000}.category-page .content.hide{display:none}.category-page .primary-level{float:left;box-sizing:border-box;width:40%;background:#f8f8f8}.category-page .primary-level>li{height:1.725rem;line-height:1.725rem;padding-left:0.8rem}.category-page .primary-level>li.focus{background-color:#fff}.category-page .sub-level-container{float:left;box-sizing:border-box;padding-left:0.5rem;background:#fff;width:60%}.category-page .sub-level{width:100%}.category-page .sub-level.hide{display:none}.category-page .sub-level>li{height:1.775rem;line-height:1.775rem;border-bottom:1px solid #e6e6e6}.category-page .sub-level>li:last-child{border-bottom:none}.newarrival-page{background-color:#f0f0f0}.newarrival-page .swiper-container{width:100%;height:7.75rem}.newarrival-page .swiper-container img{height:100%;width:100%}.newarrival-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.newarrival-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.newarrival-page .newarrival-nav{width:100%;height:1.5rem;padding:0.25rem 0;background-color:#fff}.newarrival-page .newarrival-nav-item{box-sizing:border-box;float:left;width:33.333333%;height:1.5rem;line-height:1.5rem;text-align:center;color:#ccc;border-right:1px solid #ccc}.newarrival-page .newarrival-nav-item.focus{color:#000}.newarrival-page .goods-list.hide{display:none}.discount-page{background-color:#f0f0f0}.discount-page .swiper-container{width:100%;height:7.75rem}.discount-page .swiper-container img{height:100%;width:100%}.discount-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.discount-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.discount-page .discount-nav{width:100%;height:1.5rem;padding:0.25rem 0;background-color:#fff}.discount-page .discount-nav-item{box-sizing:border-box;float:left;width:25%;height:1.5rem;line-height:1.5rem;text-align:center;color:#ccc;border-right:1px solid #ccc}.discount-page .discount-nav-item.focus{color:#000}.discount-page .goods-list.hide{display:none}.good-list-page .search-input{position:relative;padding:7px 46px 7px 15px;background:#f8f8f8}.good-list-page .search-input .search-icon{position:absolute;font-size:12px;top:16px;left:24px}.good-list-page .search-input input{height:30px;width:100%;border-radius:15px;text-indent:26px;background:#fff;border:none}.good-list-page .search-input .clear-input{position:absolute;top:12px;right:50px}.good-list-page .search-input .search{position:absolute;top:12px;right:0;border:none;background:transparent;font-size:16px}.good-list-page .brand-way{padding-bottom:10px;background:#f4f4f4}.good-list-page .brand-way>a{display:block;height:40px;line-height:40px;padding:0 10px;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;font-size:17px;background:#fff}.good-list-page .brand-way .brand-thumb{display:block;float:left;width:75px;height:40px;margin:0}.good-list-page .brand-way .entry{color:#999;font-size:14px;float:right}.good-list-page .brand-header{position:relative;height:3.75rem}.good-list-page .brand-header>img{display:block;height:100%}.good-list-page .btn-intro,.good-list-page .btn-col{position:absolute;display:block;width:62px;height:24px;line-height:24px;text-align:center;border:1px solid #fff;color:#fff;top:50%;margin-top:-12px}.good-list-page .btn-intro{right:90px}.good-list-page .btn-col{right:15px}.good-list-page .btn-col .iconfont{font-size:12px}.good-list-page .brand-intro-box{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);padding:44px 0;z-index:1;overflow:auto}.good-list-page .brand-intro-box .brand-intro{position:relative;box-sizing:border-box;width:85%;margin:0 7.5%;background:#fff;padding:10px 8%}.good-list-page .brand-intro-box h2{text-align:center;font-size:17px;line-height:40px}.good-list-page .brand-intro-box .con{font-size:12px;line-height:16px;padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;overflow-x:hidden}.good-list-page .brand-intro-box .fo{font-size:18px;height:40px;line-height:40px;text-align:center}.good-list-page .brand-intro-box .close-intro{position:absolute;top:6px;right:6px}.good-list-page .list-nav>li{float:left;width:25%;height:33px;line-height:33px;text-align:center;font-size:14px}.good-list-page .list-nav a{display:block;box-sizing:border-box;width:100%;height:100%;color:#999}.good-list-page .list-nav .active>a{border-bottom:2px solid #000;color:#000}.good-list-page .list-nav .active>a .iconfont{color:#999}.good-list-page .list-nav .active>a .iconfont.cur{color:#000}.good-list-page .list-nav .new .iconfont{-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.good-list-page .list-nav .filter .iconfont{font-size:12px;-moz-transition:-moz-transform ease-in;-o-transition:-o-transform ease-in;-webkit-transition:-webkit-transform ease-in;transition:transform ease-in}.good-list-page .list-nav .filter.active .iconfont{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.good-list-page .list-nav .icon{position:relative}.good-list-page .list-nav .icon i{position:absolute;-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.good-list-page .list-nav .icon .up{top:-11px}.good-list-page .list-nav .icon .down{top:-4px}.good-list-page .no-result{text-align:center;vertical-align:middle;color:#ccc;font-size:1.2em;margin-top:220px}.good-list-page .goods-container{position:relative;min-height:440px}.good-detail-page .banner-top{height:16.5rem;overflow:hidden;position:relative}.good-detail-page .banner-top .swiper-pagination{position:absolute;left:0;right:0;bottom:1rem;text-align:center}.good-detail-page .banner-top .swiper-pagination .pagination-inner{display:inline-block}.good-detail-page .banner-top .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.good-detail-page .banner-top .swiper-pagination .pagination-inner span.swiper-active-switch{opacity:1}.good-detail-page .banner-top .swiper-pagination .pagination-inner .swiper-pagination-bullet-active{background-color:#000000}.good-detail-page .banner-swiper{height:15rem;width:11.2rem;margin:0.75rem 2.4rem;position:relative;overflow:hidden}.good-detail-page .banner-swiper ul{position:relative;height:100%}.good-detail-page .banner-swiper ul li{float:left;height:100%}.good-detail-page .detailName{font-size:0.7rem;color:#222222;padding-bottom:6px;text-align:center}.good-detail-page .detailTitle{font-size:0.9rem;text-align:center;padding-bottom:2px;font-weight:bold}.good-detail-page .vipLevel{color:#999999;text-align:center;padding-bottom:15px}.good-detail-page .detailToBuy{padding:0 10px;margin-bottom:20px;text-align:center;overflow:hidden}.good-detail-page .detailToBuy .AddFavorite{background-color:#cccccc;width:2.75rem;height:2.5rem;line-height:2.5rem;font-size:1.7em;color:white;margin-right:0.5rem;overflow:hidden;float:left !important}.good-detail-page .detailToBuy .toBuyNow{height:50px;line-height:50px;color:white;display:block;margin-left:2.4em;font-size:1.84em;overflow:hidden;font-weight:bold;background-color:#ed0010}.good-detail-page .discountNotice{margin-bottom:20px}.good-detail-page .discountNotice p{height:44px;line-height:44px;padding:0 10px;margin-bottom:1px;font-size:12px;background-color:#eeeeee}.good-detail-page .detailToShop{margin:0 10px 20px;padding:10px;height:47px;line-height:47px;overflow:hidden;background-color:#eee}.good-detail-page .detailToShop .fz14{font-size:1.2em;float:right !important}.good-detail-page .detailSize{padding:0 10px;margin-bottom:20px}.good-detail-page .detailSize h3{text-align:center;font-size:1.3em;margin-bottom:5px}.good-detail-page .detailSize h3 span{font-size:0.6em;display:block;text-transform:uppercase}.good-detail-page .detailSize table{background-color:white;width:100%}.good-detail-page .detailSize td{text-align:left;padding:0.4em 0.8em;border:1px solid white;background-color:#eee;font-size:1em}.good-detail-page .detail-img{padding:0 10px;margin-bottom:10px}.index-page{width:100%;overflow:hidden;margin:0 auto}.index-page .index-container{position:relative;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;background-color:white}.index-page .index-container .index_header{height:2rem;line-height:2rem;overflow:hidden;padding:0 0.25rem}.index-page .index-container .index-channel{color:#FFF;text-align:center;position:relative;background-color:#000000}.index-page .index-container .index-channel .index-channel-list{padding-top:50%;width:100%;position:absolute;top:0}.index-page .index-container .index-channel .index-channel-list .homestyle{margin-bottom:1.25rem;width:7.1825rem}.search-page .search-input{position:relative;padding:7px 46px 7px 15px;background:#f8f8f8}.search-page .search-input .search-icon{position:absolute;font-size:12px;top:16px;left:24px}.search-page .search-input input{height:30px;width:100%;border-radius:15px;text-indent:26px;background:#fff;border:none}.search-page .search-input .clear-input{position:absolute;top:12px;right:50px}.search-page .search-input .search{position:absolute;top:12px;right:0;border:none;background:transparent;font-size:16px}.search-page .search-items{padding:20px 10px}.search-page .search-items h3{font-size:12px;margin-bottom:10px}.search-page .search-items li{float:left;height:34px;line-height:34px;font-size:14px;height:34px;line-height:34px;margin-right:10px;margin-bottom:10px;padding:0 10px;background:#f8f8f8;color:#000}.search-page .search-items .clear-history{height:32px;line-height:32px;border:1px solid #e6e6e6;background:#fff;font-size:14px}.shopping-cart-good{position:relative;padding-left:0.4rem}.shopping-cart-good .checkbox{position:absolute;top:50%;margin-top:-0.35rem;font-size:0.7rem;color:#f0f0f0}.shopping-cart-good .checkbox.icon-cb-checked{color:#000}.shopping-cart-good .info{float:left;margin-left:1.25rem;padding:0.4rem 0;border-bottom:1px solid #e0e0e0}.shopping-cart-good .thumb{float:left;width:3rem;height:4rem}.shopping-cart-good .deps{margin-left:3.375rem;padding-right:0.5rem}.shopping-cart-good .name{font-size:0.7rem}.shopping-cart-good .row:nth-child(2){font-size:0.55rem;height:1.125rem;line-height:1.125rem}.shopping-cart-good .row:nth-child(2)>span{margin-right:0.375rem}.shopping-cart-good .row:nth-child(3){position:relative}.shopping-cart-good .color,.shopping-cart-good .size{color:#b6b6b6}.shopping-cart-good .appear-date{color:#e01}.shopping-cart-good .price{font-size:0.6rem;color:#000}.shopping-cart-good .count{font-size:0.5rem;color:#999;margin-left:0.55rem}.shopping-cart-good .sold-out,.shopping-cart-good .low-stocks{display:inline-block;width:2.5rem;height:0.75rem;line-height:0.75rem;font-size:0.55rem;border:none;color:#fff;text-align:center;margin-left:0.4rem}.shopping-cart-good .sold-out{background:#999}.shopping-cart-good .low-stocks{background:#e01}.shopping-cart-good .icon-del,.shopping-cart-good .icon-edit{position:absolute;color:#ccc;font-size:0.75rem}.shopping-cart-good .icon-del{right:0.35rem}.shopping-cart-good .icon-edit{right:1.8rem}.shopping-cart-good .opt-panel{position:absolute;width:5.5rem;height:4.75rem;right:0;color:#fff}.shopping-cart-good .opt-panel>div{float:left;box-sizing:border-box;width:2.75rem;height:100%;text-align:center;padding:1rem 0.5rem 0;font-size:15px}.shopping-cart-good .opt-panel span{display:block}.shopping-cart-good .opt-panel .put-in-favorite{background:#bbb}.shopping-cart-good .opt-panel .del{background:#999}.shopping-cart-good .opt-panel .del .iconfont{margin-bottom:0.5rem}.chose-panel{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3)}.chose-panel .main{position:absolute;height:15.25rem;bottom:0;left:0;right:0;background:#fff}.chose-panel .infos{height:11.5rem;padding:0 0.55rem;padding-top:0.75rem}.chose-panel .chose-items{height:8.125rem;overflow:auto}.chose-panel .basic-info{margin-bottom:0.75rem}.chose-panel .thumb{float:left;width:2rem;height:2.65rem}.chose-panel .text-info{margin-left:2.55rem}.chose-panel .text-info .name{font-size:0.7rem}.chose-panel .text-info .sale-price{color:#e10}.chose-panel .text-info .sale-price.no-price{color:#000}.chose-panel .text-info .market-price{color:#b0b0b0;text-decoration:line-through}.chose-panel .color-list,.chose-panel .size-list,.chose-panel .num{position:relative;font-size:0.7rem;padding-left:2rem}.chose-panel .color-list>span,.chose-panel .size-list>span,.chose-panel .num>span{position:absolute;left:0;top:0.5rem}.chose-panel .block{float:left;display:block;width:2rem;height:2rem;border:1px solid #000;margin-right:0.75rem;margin-bottom:0.75rem;line-height:2rem;text-align:center}.chose-panel .block.chosed{border-color:#e10;background:url('../assets/img/shopping-cart/right.png?1445849729') no-repeat;background-size:0.95rem;background-position:bottom right;color:#e10}.chose-panel .num{margin-bottom:0.5rem}.chose-panel .num .btn{float:left;display:block;height:2rem;width:2rem;text-align:center;line-height:2rem;border:1px solid #e6e6e6}.chose-panel .num .btn.disable{color:#e6e6e6}.chose-panel .good-num{float:left;width:2.65rem;height:2rem;line-height:2rem;padding:0;border:none;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center}.chose-panel .btn-wrap{height:3rem;border-top:1px solid #e6e6e6;padding:0.5rem;text-align:center;box-sizing:border-box}.chose-panel .btn-wrap .btn-sure{width:6.5rem;height:2rem;background:#e10;color:#fff;font-size:0.8rem;border:none}.gift-advance-page .gift-advance-good{position:relative;padding:0.5rem 0;margin-left:0.85rem;height:4rem;border-bottom:1px solid #e0e0e0}.gift-advance-page .gift-advance-good:last-child{border-bottom:none}.gift-advance-page .advance-block .gift-advance-good:last-child{border-bottom:none}.gift-advance-page .advance-block:last-child .gift-advance-good:last-child{border-bottom:1px solid #e0e0e0}.gift-advance-page .thumb-wrap{position:relative;float:left;width:3rem;height:4rem}.gift-advance-page .thumb-wrap .thumb{width:100%;height:100%}.gift-advance-page .tag{position:absolute;bottom:0;left:0;right:0;height:0.625rem;color:#fff;text-align:center;background:#a1ce4e}.gift-advance-page .tag:before{content:'赠品'}.gift-advance-page .deps{margin-left:3.375rem}.gift-advance-page .name{font-size:0.7rem}.gift-advance-page .row:nth-child(2){font-size:0.55rem;height:1.125rem;line-height:1.125rem}.gift-advance-page .row:nth-child(2)>span{margin-right:0.375rem}.gift-advance-page .row:nth-child(3){position:relative}.gift-advance-page .color,.gift-advance-page .size{color:#b6b6b6}.gift-advance-page .price{font-size:0.6rem;color:#000}.gift-advance-page .count{font-size:0.5rem;color:#999;margin-left:0.55rem}.gift-advance-page .chose{position:absolute;width:2.2rem;height:1.45rem;background:#f8f8f8;border:1px solid #ccc;right:0.5rem;top:1.775rem;font-size:0.65rem}.gift-advance-page .title{height:1.25rem;line-height:1.25rem;padding-left:0.5rem;font-size:0.6rem;background:#f8f8f8}.gift-advance-page .advance-block .tag{background:#eb76aa}.gift-advance-page .advance-block .tag:before{content:'加价购'}.icon-checkbox:before{content:"\e61c"}.icon-cb-checked:before{content:"\e61d"}.shopping-cart-page{padding-bottom:3rem}.shopping-cart-page .cart-nav{height:0.75rem;color:#c6c6c6;border-bottom:1px solid #e0e0e0;padding:0.75rem 0}.shopping-cart-page .cart-nav li{float:left;width:50%}.shopping-cart-page .cart-nav li.active{color:#000}.shopping-cart-page .cart-nav span{display:block;box-sizing:border-box;width:100%;height:0.75rem;line-height:0.75rem;font-size:0.75rem;text-align:center}.shopping-cart-page .cart-nav li:first-child span{border-right:1px solid #e0e0e0}.shopping-cart-page .login-info{height:1.15rem;padding:0.425rem 0.5rem;color:#24acaa;text-align:center;font-size:0.7rem}.shopping-cart-page .login-info .btn{display:inline-block;background:#ed0010;color:#fff;width:2rem;height:1.15rem;line-height:1.15rem}.shopping-cart-page .presell-info{height:1.5rem;padding:0.375rem 0.75rem;font-size:0.55rem;background:#f0f0f0;color:#b7b7b7}.shopping-cart-page .presell-info>span{display:block}.shopping-cart-page .presell-info .iconfont{float:left;font-size:1.125rem}.shopping-cart-page .presell-info .txt{height:0.75rem;line-height:0.75rem;margin-left:2rem}.shopping-cart-page .cart-goods{border-bottom:1px solid #e0e0e0}.shopping-cart-page .cart-goods .shopping-cart-good:last-child .info{border-bottom:none}.shopping-cart-page .freebie-and-advance-buy{padding:0.5rem;font-size:0.6rem;border-bottom:1px solid #e0e0e0}.shopping-cart-page .freebie-and-advance-buy>li{box-sizing:border-box;height:2.25rem;line-height:2.25rem;margin-bottom:0.25rem;background:#f8f8f8;padding:0 0.5rem}.shopping-cart-page .freebie-and-advance-buy>li:last-child{margin-bottom:0}.shopping-cart-page .freebie-and-advance-buy>li a{float:right}.shopping-cart-page .freebie-and-advance-buy .count{color:#f00}.shopping-cart-page .freebie-and-advance-buy .icon-right-arrow{color:#8f8f8f}.shopping-cart-page .price-compute{padding:0.5rem;border-bottom:1px solid #e0e0e0;font-size:0.65rem}.shopping-cart-page .price-compute .title{display:inline-block;width:4.375rem}.shopping-cart-page .price-compute .minus{float:right}.shopping-cart-page .balance{position:fixed;box-sizing:border-box;bottom:0;width:100%;padding:0.5rem;height:3rem;border-top:1px solid #e0e0e0;background:#fff}.shopping-cart-page .balance .iconfont{position:absolute;top:50%;margin-top:-0.35rem;font-size:0.7rem}.shopping-cart-page .balance p{float:left;margin-left:1.25rem;font-size:0.65rem}.shopping-cart-page .balance p span{display:block;height:1rem;line-height:1rem}.shopping-cart-page .balance p .tip{color:#666;font-size:0.55rem}.shopping-cart-page .balance .btn-balance{float:right;width:3.5rem;height:2rem;line-height:2rem;text-align:center;background:#e01;color:#fff;border:none;font-size:0.7rem}
define("index",["zepto","lazyload","swiper","mlellipsis","iscroll-probe","index"],function(e,a,s){var t;e("js/common"),e("js/passport/index"),e("js/guang/index"),e("js/home/index"),e("js/product/index"),e("js/index/index"),s.exports=t}),define("js/common",["zepto"],function(e,a,s){function t(e){var a,s,t=document.cookie;return document.cookie&&""!==document.cookie&&(s=t.indexOf(e+"="),s>-1&&(s+=e.length+1,a=decodeURIComponent(l.trim(t.substring(s,t.indexOf(";",s)))))),a}function i(){var e,a=t("_UID");return"undefined"==typeof a?0:(e=a.split("::"),"undefined"==typeof e||e.length<4?0:e)}function o(){var e=i();return 0===e?0:e[1]}function n(){var e=t("_g");return"undefined"==typeof e?"":JSON.parse(e).k}var l=e("zepto");!function(){var e=l("#yoho-footer"),a=e.children(".op-row"),s=i();l("body").height()<l(window).height()&&e.addClass("bottom"),0===s?a.prepend('<a href="http://m.yohobuy.com/signin.html">登录</a><span class="sep-line">|</span><a href="http://m.yohobuy.com/reg.html">注册</a>'):a.prepend('Hi,<a class="user-name" href="http://m.yohobuy.com/home?tmp='+Math.random()+'">'+s[0]+'</a><a href="http://m.yohobuy.com/passport/signout/index?token='+s[3]+'">退出</a>'),e.removeClass("hide")}(),window.cookie=t,window.getUser=i,window.getUid=o,window.getShoppingKey=n}),define("js/passport/index",["zepto"],function(e,a,s){e("js/passport/register/register"),e("js/passport/register/code"),e("js/passport/register/password"),e("js/passport/login/login"),e("js/passport/login/international"),e("js/passport/back/mobile"),e("js/passport/back/code"),e("js/passport/back/email"),e("js/passport/back/email-success"),e("js/passport/back/new-password")}),define("js/passport/register/register",["zepto"],function(e,a,s){var t=e("zepto"),i=t("#phone-num"),o=t("#country-select"),n=t("#area-code"),l=t("#btn-next"),r=e("js/passport/api"),d=e("js/plugin/tip"),c=t.trim,p=d.show;r.selectCssHack(t("#country-select")),r.bindClearEvt(),i.bind("input",function(){""===c(i.val())?l.addClass("disable"):l.removeClass("disable")}),o.change(function(){n.text(o.val())}),l.on("touchstart",function(){var e=c(i.val()),a=o.val();l.hasClass("disable")||(r.phoneRegx[a].test(e)?t.ajax({url:"/passport/reg/verifymobile",type:"POST",data:{areaCode:a.replace("+",""),phoneNum:e},success:function(e){200===e.code?location.href=e.data:p(e.message)}}):p("手机号格式不正确，请重新输入"))})}),define("js/passport/api",["zepto"],function(e,a,s){function t(){var e,a=l(".has-eye");a.append('<div class="eye close"></div>'),e=a.children(".eye"),e.on("touchstart",function(e){var a=l(this),s=a.siblings(".pwd");e.preventDefault(),a.toggleClass("close"),a.hasClass("close")?s.attr("type","password"):s.attr("type","text"),s.focus()})}function i(){var e,a=l(".has-clear");a.append('<div class="clear-input"></div>'),e=a.children(".clear-input"),e.on("touchstart",function(a){var s=e.siblings(".input");s.val("").trigger("input").focus(),a.preventDefault()}),a.children(".input").bind("input",function(){var e=l(this),a=e.siblings(".clear-input"),s=r(e.val());""===s?a.hide():a.show()})}function o(e){return e.length>=6&&e.length<=20?!0:!1}function n(e){function a(){var a=e.find("option:selected").text().length;switch(a){case 2:e.outerWidth(90);break;case 3:e.outerWidth(110);break;default:e.outerWidth(130)}}var s=navigator.userAgent;s.match(/uc/i)&&s.match(/android/i)?e.change(function(){a()}):e.removeClass("in-android-uc")}var l=e("zepto"),r=l.trim,d=/^([a-zA-Z0-9]+[_|\_|\.|-]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.|-]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/,c={"+86":/^1[35847]{1}[0-9]{9}$/,"+852":/^[965]{1}[0-9]{7}$/,"+853":/^[0-9]{8}$/,"+886":/^[0-9]{10}$/,"+65":/^[98]{1}[0-9]{7}$/,"+60":/^1[1234679]{1}[0-9]{8}$/,"+1":/^[0-9]{10}$/,"+82":/^01[0-9]{9}$/,"+44":/^7[789][0-9]{8}$/,"+81":/^0[9|8|7][0-9]{9}$/,"+61":/^[0-9]{11}$/};s.exports={emailRegx:d,phoneRegx:c,bindEyesEvt:t,bindClearEvt:i,pwdValidate:o,selectCssHack:n}}),define("js/plugin/tip",["zepto"],function(e,a,s){function t(e,a){var s,t;"undefined"!=typeof e&&(s=e.toString(),t=a&&a>0?a:2e3,i.text(s).show(),o=setTimeout(function(){"block"===i.css("display")&&i.hide()},t))}var i,o,n=e("zepto");!function(){var e='<div id="yoho-tip" class="yoho-tip"></div>';n(".yoho-page").append(e),i=n("#yoho-tip"),i.on("touchstart",function(){i.hide(),clearTimeout(o)})}(),a.show=t}),define("js/passport/register/code",["zepto"],function(e,a,s){e("js/passport/code")(!0)}),define("js/passport/code",["zepto"],function(e,a,s){var t=e("zepto");s.exports=function(a){function s(){var e,a=59;e=setInterval(function(){0===a?(n.text("重发验证码").removeClass("disable"),clearInterval(e)):n.text("重发验证码 ("+a--+"秒)")},1e3)}var i=t("#captcha"),o=t("#btn-next"),n=t("#captcha-tip"),l=t("#phone-num").val(),r=t("#area-code").val().replace("+",""),d=e("js/passport/api"),c=e("js/plugin/tip"),p=t.trim,u=c.show,h=a?"reg":"back";d.bindClearEvt(),i.bind("input",function(){""!==p(i.val())?o.removeClass("disable"):o.addClass("disable")}),n.on("touchstart",function(){n.hasClass("disable")||t.ajax({type:"POST",url:"/passport/"+h+"/sendcode",data:{phoneNum:l,areaCode:r},success:function(e){200===e.code?(n.text("重发验证码 (60秒)").addClass("disable"),s()):u(e.message)}})}),o.on("touchstart",function(){o.hasClass("disable")||t.ajax({type:"POST",url:"/passport/"+h+"/verifycode",data:{phoneNum:l,areaCode:r,code:p(i.val()),token:t("#token").val()},success:function(e){200===e.code?location.href=e.data:u(e.message)}})}),s()}}),define("js/passport/register/password",["zepto"],function(e,a,s){var t=e("zepto"),i=t("#pwd"),o=t("#btn-sure"),n=e("js/passport/api"),l=e("js/plugin/tip"),r=t.trim,d=l.show;n.bindEyesEvt(),i.bind("input",function(){""===r(i.val())?o.addClass("disable"):o.removeClass("disable")}),o.on("touchstart",function(){var e=r(i.val());o.hasClass("disable")||(n.pwdValidate(e)===!1?d("密码6-20位，请重新输入"):t.ajax({type:"POST",url:"/passport/reg/setpassword",data:{password:e,phoneNum:t("#phone-num").val(),areaCode:t("#area-code").val(),token:t("#token").val()},success:function(e){200===e.code?(d("注册成功"),setTimeout(function(){location.href=e.data},1e3)):401===e.code||404===e.code||505===e.code?d(e.message):(d(e.message),setTimeout(function(){location.href=e.data},1e3))}}))})}),define("js/passport/login/login",["zepto"],function(e,a,s){function t(){u&&h?d.removeClass("disable"):d.addClass("disable")}function i(){c.show(),p.show()}function o(){c.hide(),p.hide()}var n=e("zepto"),l=n("#account"),r=n("#pwd"),d=n("#btn-login"),c=n("#retrive-pwd-mask"),p=n("#retrive-pwd-ways"),u=!1,h=!1,f=e("js/passport/api"),g=e("js/plugin/tip"),m=n.trim,v=g.show;f.bindEyesEvt(),f.bindClearEvt(),l.bind("input",function(){u=""!==m(l.val())?!0:!1,t()}),r.bind("input",function(){h=""===m(r.val())?!1:!0,t()}),d.on("touchstart",function(){var e=m(l.val()),a=m(r.val());d.hasClass("disable")||((/^[0-9]+$/.test(e)||f.emailRegx.test(e))&&f.pwdValidate(a)?n.ajax({type:"POST",url:"/passport/login/auth",data:{account:e,password:a},success:function(e){200===e.code?(v("登录成功"),setTimeout(function(){location.href=e.data},1e3)):v(e.message)},error:function(){v("网络断开连接啦~")}}):v("账号或密码有错误，请重新输入"))}),n("#forget-pwd").on("touchstart",function(){i()}),c.on("touchstart",function(){o()}),n("#cancel-retrive").on("touchstart",function(e){e.preventDefault(),o()}),l.trigger("input"),r.trigger("input")}),define("js/passport/login/international",["zepto"],function(e,a,s){function t(){c&&p?d.removeClass("disable"):d.addClass("disable")}var i=e("zepto"),o=i("#phone-num"),n=i("#country-select"),l=i("#area-code"),r=i("#pwd"),d=i("#btn-login"),c=!1,p=!1,u=e("js/passport/api"),h=e("js/plugin/tip"),f=i.trim,g=h.show;u.selectCssHack(n),u.bindEyesEvt(),u.bindClearEvt(),o.bind("input",function(){c=""===f(o.val())?!1:!0,t()}),r.bind("input",function(){var e=f(r.val());p=""===e?!1:!0,t()}),n.change(function(){l.text(n.val())}),d.on("touchstart",function(){var e=f(o.val()),a=n.val(),s=f(r.val());d.hasClass("disable")||(u.phoneRegx[a].test(e)&&u.pwdValidate(s)?i.ajax({type:"POST",url:"/passport/login/auth",data:{areaCode:a.replace("+",""),account:e,password:s},success:function(e){200===e.code?(g("登录成功"),setTimeout(function(){location.href=e.data},1e3)):g(e.message)},error:function(){g("网络断开连接啦~")}}):g("账号或密码有错误，请重新输入"))}),o.trigger("input"),r.trigger("input")}),define("js/passport/back/mobile",["zepto"],function(e,a,s){var t=e("zepto"),i=t("#phone-num"),o=t("#country-select"),n=t("#area-code"),l=t("#btn-next"),r=e("js/passport/api"),d=e("js/plugin/tip"),c=t.trim,p=d.show;r.selectCssHack(t("#country-select")),r.bindClearEvt(),i.bind("input",function(){""===c(i.val())?l.addClass("disable"):l.removeClass("disable")}),o.change(function(){n.text(o.val())}),l.on("touchstart",function(){var e=c(i.val()),a=o.val();l.hasClass("disable")||(r.phoneRegx[a].test(e)?t.ajax({url:"/passport/back/sendcode",type:"POST",data:{areaCode:a.replace("+",""),phoneNum:e},success:function(e){200===e.code?location.href=e.data:p(e.message)}}):p("手机号格式不正确，请重新输入"))})}),define("js/passport/back/code",["zepto"],function(e,a,s){e("js/passport/code")(!1)}),define("js/passport/back/email",["zepto"],function(e,a,s){var t=e("zepto"),i=t("#email"),o=t("#btn-sure"),n=e("js/passport/api"),l=e("js/plugin/tip"),r=t.trim,d=l.show;n.bindClearEvt(),i.bind("input",function(){""===r(i.val())?o.addClass("disable"):o.removeClass("disable")}),o.on("touchstart",function(){var e=r(i.val());o.hasClass("disable")||(n.emailRegx.test(e)?t.ajax({url:"/passport/back/sendemail",type:"POST",data:{email:e},success:function(e){200===e.code?location.href=e.data:d(e.message)}}):d("邮箱格式不正确，请重新输入"))})}),define("js/passport/back/email-success",["zepto"],function(e,a,s){var t=e("zepto"),i=t("#resend"),o=e("js/plugin/tip"),n=o.show;i.on("touchstart",function(e){e.preventDefault(),t.ajax({url:i.data("url"),type:"GET",success:function(e){n(200===e.code?e.message:e.message)}})})}),define("js/passport/back/new-password",["zepto"],function(e,a,s){var t=e("zepto"),i=t("#pwd"),o=t("#btn-ok"),n=e("js/passport/api"),l=e("js/plugin/tip"),r=t.trim,d=l.show,c=t("#phone-num");n.bindEyesEvt(),i.bind("input",function(){""===r(i.val())?o.addClass("disable"):o.removeClass("disable")}),o.on("touchstart",function(){var e,a,s=r(i.val()),l=!0;o.hasClass("disable")||(e={password:s},0===c.length&&(l=!1),l?(t.extend(e,{phoneNum:c.val(),areaCode:t("#areaCode").val(),token:t("#token").val()}),a="/passport/back/passwordByMobile"):(t.extend(e,{code:t("#email-code").val()}),a="/passport/back/passwordByEmail"),n.pwdValidate(s)?t.ajax({type:"POST",url:a,data:e,success:function(e){200===e.code?(d("密码修改成功"),setTimeout(function(){location.href=e.data},1e3)):d(e.message)}}):d("密码6-20位，请重新输入"))})}),define("js/guang/index",["zepto","lazyload","swiper","mlellipsis","iscroll-probe","index"],function(e,a,s){e("js/guang/plus-star/list"),e("js/guang/plus-star/detail"),e("js/guang/home"),e("js/guang/list"),e("js/guang/detail")}),define("js/guang/plus-star/list",["zepto","lazyload","swiper","index"],function(e,a,s){var t,i=e("zepto"),o=e("lazyload"),n=e("swiper"),l=i("#nav-tab > li"),r=i("#ps-content > .content");o(i("img.lazy")),t=new n(".swiper-container",{lazyLoading:!0,pagination:".swiper-pagination"}),i("#nav-tab").delegate("li","touchstart",function(){i(this).hasClass("focus")||(l.toggleClass("focus"),r.toggleClass("hide"),i(document).trigger("scroll"))})}),define("js/guang/plus-star/detail",["zepto","mlellipsis","lazyload"],function(e,a,s){var t,i,o=e("zepto"),n=e("mlellipsis"),l=e("lazyload"),r=o("#intro"),d=o("#intro-more-txt"),c=o("#related-infos-container"),p=e("js/guang/info"),u=e("js/plugin/tip"),h=o("#brand-info").data("id");n.init(),l(o("img.lazy")),r[0].mlellipsis(3),setTimeout(function(){t=r.text(),i=r.attr("title")}),p.initInfosEvt(c),o("#more-intro").bind("touchstart",function(){var e=o(this);e.toggleClass("spread"),e.hasClass("spread")?(r.text(i),d.text("收起")):(r.text(t),d.text("more"))}),o("#brand-like").bind("touchstart",function(e){var a="ok",s=o(this);e.preventDefault(),s.hasClass("like")&&(a="cancel"),o.ajax({type:"POST",url:"/guang/opt/favoriteBrand",data:{id:h,opt:a},success:function(e){200===e.code?s.toggleClass("like"):400===e.code&&u.show("未登录")},error:function(){u.show("网络断开连接了~")}})})}),define("js/guang/info",["zepto","mlellipsis","lazyload"],function(e,a,s){function t(e){r(e.find("img.lazy")),e.each(function(){var e=n(this),a=e.find(".info-title"),s=e.find(".info-text");a[0].mlellipsis(2),s[0].mlellipsis(2)})}function i(e){e.delegate(".like-btn","touchstart",function(e){var a=n(e.currentTarget),s=a.closest(".guang-info"),t="ok";a.hasClass("like")&&(t="cancel"),n.ajax({type:"POST",url:"/guang/opt/praiseArticle",data:{id:s.data("id"),opt:t},success:function(e){var s=e.code;200===s&&(a.next(".like-count").text(e.data),a.toggleClass("like"))},error:function(){d.show("网络断开连接了~")}})}),t(e.find(".guang-info"))}function o(e,a){h||a.end||(h=!0,n.ajax({type:"GET",url:" /guang/list/page",data:a,success:function(s){return" "===s?(a.end=!0,h=!1,p.addClass("hide"),void u.removeClass("hide")):(e.append(s),t(e.find(".guang-info")),a.page++,void(h=!1))},error:function(){d.show("网络断开连接了~"),h=!1}}))}var n=e("zepto"),l=e("mlellipsis"),r=e("lazyload"),d=e("js/plugin/tip"),c=n("#load-more-info"),p=n(""),u=n(""),h=!1;l.init(),c.length>0&&(p=c.children(".loading"),u=c.children(".no-more")),a.initInfosEvt=i,a.setLazyLoadAndMellipsis=t,a.loadMore=o}),define("js/guang/home",["zepto","swiper","mlellipsis","lazyload","index"],function(e,a,s){var t,i=e("zepto"),o=e("swiper"),n=e("js/guang/info"),l=n.setLazyLoadAndMellipsis,r=n.loadMore,d=i("#load-more-info"),c=i(""),p=i(""),u=i(window).height(),h=d.height(),f=i("#info-list"),g=f.children(".info-list"),m=i("#guang-nav"),v=m.children(".focus"),w=v.data("type"),b={};d.length>0&&(c=d.children(".loading"),p=d.children(".no-more")),t=new o(".swiper-container",{lazyLoading:!0,pagination:".swiper-pagination"}),n.initInfosEvt(f),function(){var e=i("#gender").val();m.children(".guang-nav-item").each(function(){var a=i(this).data("type");b[a]={page:1,gender:e,type:a,end:!1}})}(),m.delegate(".guang-nav-item","touchstart",function(){var e,a,s=i(this);s.hasClass("focus")||(a=s.index(),s.addClass("focus"),v.removeClass("focus"),g.not(".hide").addClass("hide"),e=g.eq(a),e.removeClass("hide"),l(e.children(".guang-info")),v=s,w=s.data("type"),b[w].end?(c.addClass("hide"),p.removeClass("hide")):(c.removeClass("hide"),p.addClass("hide")))}),i(document).scroll(function(){i(window).scrollTop()+u>=i(document).height()-h&&r(g,b[w])})}),define("js/guang/list",["zepto","mlellipsis","lazyload"],function(e,a,s){var t=e("zepto"),i=e("js/guang/info"),o=i.loadMore,n=t(window).height(),l=t("#load-more").height(),r=t("#author-infos"),d=t("#tag"),c={page:1,end:!1},p=t("#info-list");i.initInfosEvt(p),r.length>0&&t.extend(c,{authorId:r.data("id")}),d.length>0&&t.extend(c,{tag:d.val()}),t(document).scroll(function(){t(window).scrollTop()+n>=t(document).height()-l&&o(p,c)})}),define("js/guang/detail",["zepto","mlellipsis","lazyload","iscroll-probe"],function(e,a,s){function t(e){var a=e.offset().left,s=-C+a+w/2+"px";n.css({backgroundPosition:s+" bottom"}),m&&b.css({backgroundPosition:s+" bottom"})}function i(e){var a,s,i,u=p(e.currentTarget),f=u.index();u.hasClass("focus")||(l.filter(".focus").removeClass("focus"),m&&(a=u.closest(".fixed-thumb-container").length>0?n:b,s=a.find(".thumb").eq(f),b.find(".thumb.focus").removeClass("focus"),s.addClass("focus")),u.addClass("focus"),t(u),r.not(".hide").addClass("hide"),i=r.eq(f),i.removeClass("hide"),h(i.find(".lazy")),m?c&&c.scrollToElement(d,400):p("body").animate({scrollTop:o.offset().top},400))}var o,n,l,r,d,c,p=e("zepto"),u=e("mlellipsis"),h=e("lazyload"),f=e("iscroll-probe"),g=p(".author .intro"),m=navigator.userAgent.indexOf("iPhone")>0?!0:!1,v=p(".collocation-block").length>0?!0:!1,w=0,b=p(""),d=document.querySelector("#wrapper .collocation-block"),C=p(window).width();m&&p("#wrapper").addClass("ios"),u.init(),h(p(".lazy")),p(".info-list .title, .one-good .reco-name").each(function(){this.mlellipsis(2)}),parseInt(g.offset().left,10)===parseInt(g.css("margin-left"),10)&&g.css("padding-top",0),v&&(o=p(".collocation-block"),n=o.children(".thumb-container"),l=n.find("li"),r=o.find(".prod"),w=l.width(),m&&(b=p("#wrapper").after(n.clone().addClass("fixed-thumb-container fixed-bottom")).next(".thumb-container"),h(b.find(".lazy"),{event:"sporty"})),t(l.filter(".focus")),n.delegate(".thumb","touchend",i),m&&b.delegate(".thumb","touchend",i)),window.onload=function(){var e,a,s,t,i,l=p("#scroller");if(m){if(c=new f("#wrapper",{probeType:3,mouseWheel:!0,click:!0}),document.addEventListener("touchmove",function(e){e.preventDefault()},!1),!v)return void c.on("scroll",function(){l.trigger("scroll")});e=p(window).height(),i=b[0],a=n.height(),s=o.height(),t=o.offset().top,c.on("scroll",function(){var o=-this.y,n=i.className;t-e+a>=o?-1===n.indexOf("fixed-bottom")&&b.addClass("fixed-bottom").removeClass("hide"):t>=o?-1===n.indexOf("hide")&&b.addClass("hide").removeClass("fixed-bottom fixed-top"):t+s-a>=o?-1===n.indexOf("fixed-top")&&b.addClass("fixed-top").removeClass("hide absolute").css("top",""):t+s>=o?(-1===n.indexOf("absolute")&&b.addClass("absolute").removeClass("fixed-top hide"),i.style.top=t+s-a-o+"px"):o>t+s&&-1===n.indexOf("hide")&&b.addClass("hide").removeClass("absolute"),l.trigger("scroll")})}}}),define("js/home/index",["zepto","swiper","lazyload","index"],function(e,a,s){e("js/home/home"),e("js/home/maybe-like")}),define("js/home/home",["zepto","swiper","lazyload","index"],function(e,a,s){function t(){v+=10,w.css({transform:"rotateX("+v+"deg)","-webkit-transform":"rotateX("+v+"deg)","-moz-transform":"rotateX("+v+"deg)"}),v/90%2===1&&(b?(w.addClass("animate"),b=!1):(w.removeClass("animate"),b=!0)),v/90%2===0&&v%360!==0?window.setTimeout(t,3e3):v%360===0?window.setTimeout(t,18e4):d(function(){t()})}var i,o,n,l,r,d,c,p,u,h,f=e("zepto"),g=e("swiper"),m=e("lazyload"),v=0,w=f(".home-header .logo"),b=!0;e("js/home/maybe-like"),m(f("img.lazy")),f(".nav-btn").on("click",function(e){f(this).hasClass("menu-open")||(f(".mobile-wrap").addClass("menu-open"),f(".overlay").addClass("show"),f(".side-nav").addClass("on"),f("body").css({height:f(window).height(),width:"100%",overflow:"hidden"})),e.stopPropagation()}),f(".mobile-wrap").on("click",function(){f(this).hasClass("menu-open")&&(f(".mobile-wrap").removeClass("menu-open"),f(".overlay").removeClass("show"),f(".sub-nav").removeClass("show"),f(".side-nav").removeClass("on"),f("body").css({height:"auto",overflow:"auto"}))}),f(".side-nav").on("click","li",function(){f(this).find(".sub-nav").size()>0&&(f(".sub-nav").removeClass("show"),f(this).find(".sub-nav").addClass("show"))}),f(".sub-nav").each(function(){f(this).find("li").eq(0).on("click",function(e){f(".sub-nav").removeClass("show"),e.stopPropagation()})}),f(".sub-nav").on("mouseenter","li",function(){0!==f(this).index()&&f(this).addClass("current").siblings().removeClass("current")}),f(".banner-swiper").find("li").size()>1&&(i=new g(".banner-swiper",{loop:!0,autoplay:3e3,autoplayDisableOnInteraction:!1,paginationClickable:!0,slideElement:"li",pagination:".banner-top .pagination-inner"})),n=new g(".brands-swiper",{grabCursor:!0,slidesPerView:"auto",wrapperClass:"brands-list",slideElement:"li"}),o=new g(".recommend-swiper",{grabCursor:!0,slidesPerView:"auto",wrapperClass:"recommend-list",slideElement:"li"}),f(".trend-topic-swiper").find("li").size()>1&&(l=new g(".trend-topic-swiper",{loop:!0,autoplay:3e3,autoplayDisableOnInteraction:!1,paginationClickable:!0,slideElement:"li",pagination:".trend-topic-content .pagination-inner"})),f(".category-swiper").each(function(e,a){u="category-swiper"+e,f(this).addClass(u),f("."+u).find(".swiper-slide").size()>1&&(r=new g("."+u,{loop:!0,autoplay:3e3,autoplayDisableOnInteraction:!1,paginationClickable:!0,slideElement:"li",pagination:"."+u+" .pagination-inner"}))}),f(".header-download").on("click",".close-btn",function(){f(this).parent().remove()}),d=function(){var e=null,a=["webkit","moz","ms"];for(p=0;p<a.length;p++)c=a[p]+"RequestAnimationFrame",window[c]&&(h=!0,e=c);return h?function(a){window[e](a)}:function(e){window.setTimeout(e,67)}}(),t()}),define("js/home/maybe-like",["zepto","lazyload"],function(e,a,s){var t,i,o,n,l=e("zepto"),r=e("js/plugin/tip"),d=e("lazyload"),c=l(window).height(),p=l("#load-more").height(),u=l("#goods-list"),h=!1,f=0,g=l(".mobile-wrap").hasClass("boys-wrap")?"1,3":"2,3",m=l(".mobile-wrap").hasClass("kids-wrap")?!0:!1,v=l(".mobile-wrap").hasClass("lifestyle-wrap")?!0:!1,w=l("#maybe-like-nav");i=m?"/product/recom/maylikekids":v?"/product/recom/maylikelife":"/product/recom/maylike?gender="+g,o=w.children(".focus"),l("#maybe-like-nav").delegate("li","touchstart",function(){var e,a=l(this),s=l(".goods-list");a.hasClass("focus")||(n=a.index(),a.addClass("focus"),o.removeClass("focus"),s.not(".hide").addClass("hide"),e=s.eq(n),e.removeClass("hide"),o=a,l(document).trigger("scroll"))}),l(window).scroll(function(){if(l(window).scrollTop()+c>=l(document).height()-p){if(h)return;h=!0,t=u.children(".good-info").length,l.ajax({type:"GET",url:i,data:{page:f+1},success:function(e){return" "===e?void(h=!0):(u.append(e),d(l(".good-info").find("img.lazy")),h=!1,void f++)},error:function(){r.show("网络断开连接了~"),h=!1}})}})}),define("js/product/index",["zepto","swiper","lazyload","index"],function(e,a,s){e("js/product/newsale/newarrival"),e("js/product/newsale/discount"),e("js/product/list"),e("js/product/detail/detail")}),define("js/product/newsale/newarrival",["zepto","swiper","lazyload","index"],function(e,a,s){var t,i,o=e("zepto"),n=e("js/plugin/tip"),l=e("swiper"),r=e("lazyload"),d=o("#newarrival-nav"),c=o("#newarrival-goods-list"),p=c.children(".goods-list"),u=o(window).height(),h=o("#load-more").height(),f=o(".goods-list"),g=!1,m=0,v=0;i=new l(".swiper-container",{lazyLoading:!0,pagination:".swiper-pagination"}),r(o("img.lazy")),t=d.children(".focus"),o("#newarrival-nav").delegate("li","touchstart",function(){var e,a=o(this);a.hasClass("focus")||(v=a.index(),a.addClass("focus"),t.removeClass("focus"),p.not(".hide").addClass("hide"),e=p.eq(v),e.removeClass("hide"),t=a,o(document).trigger("scroll"))}),o(window).scroll(function(){if(o(window).scrollTop()+u>=o(document).height()-h){if(g)return;g=!0,o.ajax({type:"GET",url:"/product/newsale/selectNewSale",data:{dayLimit:v+1,page:m+1},success:function(e){return" "===e?void(g=!0):(f.append(e),r(o(".good-info").find("img.lazy")),g=!1,void m++)},error:function(){n.show("网络断开连接了~"),g=!1}})}})}),define("js/product/newsale/discount",["zepto","swiper","lazyload","index"],function(e,a,s){function t(e){var a="0.1,0.3";switch(e){case 0:a="0.1,0.3";break;case 1:a="0.4,0.6";break;case 2:a="0.7,0.9";break;case 3:a="0.1,0.9"}return a}var i,o,n=e("zepto"),l=e("swiper"),r=e("lazyload"),d=n("#discount-nav"),c=n("#discount-goods-list"),p=c.children(".goods-list"),u=n(".goods-list"),h=0,f=n(window).height(),g=n("#load-more").height(),m=!1,v=0,w="";o=new l(".swiper-container",{lazyLoading:!0,pagination:".swiper-pagination"}),r(n("img.lazy")),i=d.children(".focus"),n("#discount-nav").delegate("li","touchstart",function(){var e,a=n(this);a.hasClass("focus")||(h=a.index(),w=t(h),a.addClass("focus"),i.removeClass("focus"),p.not(".hide").addClass("hide"),e=p.eq(h),e.removeClass("hide"),i=a,n(document).trigger("scroll"))}),n(window).scroll(function(){if(n(window).scrollTop()+f>=n(document).height()-g){if(m)return;m=!0,n.ajax({type:"GET",url:"/product/newsale/selectNewSale",data:{p_d:w,page:v+1},success:function(e){return" "===e?void(m=!1):(u.append(e),r(n(".good-info").find("img.lazy")),m=!1,void v++)},error:function(){tip.show("网络断开连接了~"),m=!1}})}})}),define("js/product/list",["zepto","lazyload"],function(e,a,s){function t(e){var a,s,t,r,d,c={};if(e){for(s in w)w.hasOwnProperty(s)&&(w[s].reload=!0);switch(v.children(".active").removeClass("active"),i.addClass("active"),e.type){case"gender":a={gender:e.id};break;case"brand":a={brand:e.id};break;case"msort":a={msort:e.id};break;case"color":a={color:e.id};break;case"size":a={size:e.id};break;case"price":a={price:e.id};break;case"discount":a={discount:e.id}}n.extend(m,a)}if(!o){if(i.hasClass("new")?r="newest":i.hasClass("price")?r="price":i.hasClass("discount")&&(r="discount"),t=w[r],d=t.page+1,t.reload)d=1;else if(t.end)return;n.extend(c,m,{type:r,order:t.order,page:d}),o=!0,n.ajax({type:"GET",url:"/product/list/search",data:c,success:function(e){var a,s='<p class="no-result">未找到相关搜索结果</p>';switch(r){case"newest":a=u;break;case"price":a=h;break;case"discount":a=f}" "===e?(t.end=!0,t.reload&&a.html(s)):(t.reload?a.html(e):a.append(e),l(a.find(".lazy"))),t.reload=!0,t.page=d,o=!1}})}}var i,o,n=e("zepto"),l=e("lazyload"),r=n("#brand-header"),d=n("#intro-box"),c=e("js/plugin/filter"),p=n("#goods-container"),u=p.children(".new-goods"),h=p.children(".price-goods"),f=p.children(".discount-goods"),g=n(window).height(),m={gender:n("#gender").val(),brand:n("#brand").val(),msort:n("#msort").val(),color:n("#color").val(),size:n("#size").val(),price:n("#price").val(),discount:n("#discount").val()},v=n("#list-nav"),w={newest:{order:1,reload:!0,page:0,end:!1},price:{order:0,reload:!0,page:0,end:!1},discount:{order:0,reload:!0,page:0,end:!1}};l(n(".lazy")),c.registerCbFn(t),v.delegate("li","touchstart",function(){var e,a,s,o=n(this);if(o.hasClass("filter"))o.hasClass("active")?(c.hideFilter(),i.addClass("active"),o.removeClass("active")):(i=o.siblings(".active"),i.removeClass("active"),o.addClass("active"),c.showFilter());else{if(o.hasClass("new")?a="newest":o.hasClass("price")?a="price":o.hasClass("discount")&&(a="discount"),e=w[a],o.hasClass("active")){if(o.hasClass("new"))return;(o.hasClass("price")||o.hasClass("discount"))&&(o.find(".icon > .iconfont").toggleClass("cur"),i=o,e.reload=!0,e.order=0===e.order?1:0)}else{if(s=o.siblings(".active"),i=o,s.hasClass("filter"))c.hideFilter();else switch(p.children(".container:not(.hide)").addClass("hide"),a){case"newest":u.removeClass("hide");break;case"price":h.removeClass("hide");break;case"discount":f.removeClass("hide")}s.removeClass("active"),o.addClass("active")}e.reload&&t()}}),n(window).scroll(function(){n(window).scrollTop()+g>n(document).height()-.25*p.height()&&t()}),r.children(".btn-intro").bind("touchstart",function(){d.removeClass("hide")}),n(".close-intro, .brand-intro-box").click(function(){d.addClass("hide")}),n("#brand-intro").click(function(e){e.stopPropagation()}),r.children(".btn-col").bind("touchstart",function(){n(this).toggleClass("coled")})}),define("js/plugin/filter",["zepto"],function(e,a,s){function t(){r.addClass("hide")}function i(){r.removeClass("hide")}function o(e){n=e}var n,l=e("zepto"),r=l(".filter-mask, .filter-body"),d=r.find(".classify"),c=r.find(".sub-classify");d.children(":first-child").addClass("active"),d.delegate(".classify-item","touchstart",function(){var e=l(this);e.hasClass("active")||(e.siblings(".active").removeClass("active"),e.addClass("active"))}),r.filter(".filter-mask").click(function(){t()}),c.delegate("li","click",function(e){var a,s,i=l(this),o=i.data("id"),r=i.closest(".sub-classify"),d=r.siblings(".shower");e.stopPropagation(),i.hasClass("chosed")||(r.children(".chosed").removeClass("chosed"),i.addClass("chosed"),a=l.trim(i.html()),s=l.trim(d.html()),d.html(s.substring(0,s.indexOf("</span>")+7)+a.substring(0,a.indexOf("<i"))),0===i.index()?d.addClass("default"):d.removeClass("default"),n&&n({type:r.data("type"),id:o}),t())}),a.showFilter=i,a.hideFilter=t,a.registerCbFn=o}),define("js/product/detail/detail",["zepto","swiper","lazyload","index"],function(e,a,s){var t,i=e("zepto"),o=e("swiper"),n=e("lazyload");n(i("img.lazy")),t=new o(".banner-swiper",{loop:!0,pagination:".banner-top .pagination-inner",slideElement:"div",nextButton:".swiper-button-next",prevButton:".swiper-button-prev"})}),define("js/index/index",["zepto"],function(e,a,s){e("js/index/search"),e("js/index/channel")}),define("js/index/search",["zepto"],function(e,a,s){var t=e("zepto"),i=t("#search-input > input"),o=t("#search-input > .clear-input"),n=t(".history");t("#clear-history").bind("touchstart",function(){t.ajax({type:"POST",url:"/search/clearHistory",success:function(e){200===e.code&&n.html("")}})}),t("#search").bind("touchstart",function(){var e=i.val();t.ajax({type:"POST",url:"/search",data:{val:e},success:function(e){200===e.code&&(location.href=e.data)}})}),i.bind("input",function(){""===i.val()?o.addClass("hide"):o.removeClass("hide")}),o.bind("touchstart",function(){i.val("").trigger("input")})}),define("js/index/channel",[],function(e,a,s){});
\ No newline at end of file
This diff could not be displayed because it is too large.