Authored by wangqing
Commit b737215652d9057938804d240941dc30d7ed840a 2 parents 35edc3b0 02365f4d master ... develop feature/4LevelAddr feature/birthCoupon feature/cartEvent feature/colorLength feature/commentImgShow feature/deleteMark feature/favShopDelAll feature/help feature/jitTip feature/paySuccess feature/seoUrl feature/shoppingCart feature/wholesaleFrom5.3 gray hotfix/firefoxCart hotfix/govLink hotfix/newPy hotfix/serviceSwitch hotfix/studentSwitch hotfix/yas2.1.2 release/5.3.1 release/5.4 release/5.4.1 release/5.5 5.4.3 5.4.2 5.4.1 5.4.0 5.3.8 5.3.7 5.3.6 5.3.5 5.3.4 5.3.3 5.3.2 5.3.1 5.3.0 5.2.4 5.2.3 5.2.2 5.2.1 5.2.0 5.1.5 5.1.4 5.1.2 5.1.1 5.1.0 5.0.4 5.0.3 5.0.2 5.0.1 5.0.0.before 4.9.24 4.9.23 4.9.22 4.9.21 4.9.20 4.9.19 4.9.18 4.9.17.encryBugsFenliu 4.9.16 4.9.15 4.9.15.pinyou 4.9.14 4.9.14.icon 4.9.13 4.9.12 4.9.11 4.9.10 4.9.1.1 4.9.1.0 4.9.1 4.8.15 4.8.13 4.8.12 4.8.8.2 4.8.8.1 4.8.8 4.8.5 4.8.3 4.8.2 4.8.bak 4.7.2 4.6.2.1 4.6.2 4.6 4 1.3.22 1.3.21 1.3.20 1.3.19 1.3.18 wap.3.2.5 wap.1.4.22 wap.1.4.21 wap.1.4.20 wap.1.4.19 wap.1.4.18 wap.1.4.17 wap.1.4.16.3 wap.1.4.16.2 wap.1.4.16.1 wap.1.4.16 wap.1.4.15 wap.1.4.14 wap.1.4.13 wap.1.4.12 wap.1.4.11 wap.1.4.10 wap.1.4.9 wap.1.4.8 wap.1.4.7 wap.1.4.6 wap.1.4.5 wap.1.4.4 wap.1.4.3 wap.1.4.2 wap.1.4.1 wap.1.4.0 pchttps pc4.8.9 pc4.5 pc.1.4.24 pc.1.4.23 pc.1.4.22 pc.1.4.21 pc.1.4.20 pc.1.4.19 pc.1.4.18 pc.1.4.17 pc.1.4.16 pc.1.4.15 pc.1.4.14 pc.1.4.13 pc.1.4.12 pc.1.4.11 pc.1.4.10 pc.1.4.9 pc.1.4.8 pc.1.4.7 pc.1.4.6 pc.1.0.7 pc.1.0.6 pc.1.0.5 pc.1.0.4 pc.1.0.3 pc.1.0.2 pc.1.0.1 pc.1.0.0 list fix-ip-login-limit fix-ip-limit

Merge branch 'feature/header-footer' of http://git.dev.yoho.cn/web/yohobuy into …

…feature/header-footer
... ... @@ -13,37 +13,26 @@
<div id="foot-services">
<ul class="two-dim clearfix">
<li class="left">
<div>
<a href="javascript:void(0);">
<img class="dim-img lazy" data-original="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png"></a>
<p>YOHO!有货</p>
</div>
<img class="dim-img lazy" data-original="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png">
<p>YOHO!有货</p>
</li>
<li class="left">
<div>
<a href="javascript:void(0);">
<img class="dim-img lazy" data-original="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg"></a>
<p>微信</p>
</div>
<img class="dim-img lazy" data-original="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg">
<p>微信</p>
</li>
<li class="left">
<div>
<a href="javascript:void(0);">
<img class="dim-img lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png"></a>
<p>微博</p>
</div>
<img class="dim-img lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png">
<p>微博</p>
</li>
</ul>
</div>
</div>
<p class="item-nav center" id="button-services">
<a href="javascript:void(0);" key="0">
<span class="iconfont cur">O</span>
</a>
<p class="item-nav center">
<span class="iconfont cur" key="0">&#xe619;</span>
</p>
</dd>
<dd>
<div id="feedbackBoxList" class="foot-panel">
<div id="feed-back-box-list" class="foot-panel">
<div class="title">
<div class="title-line"></div>
<div class="text">
... ... @@ -51,73 +40,77 @@
</div>
</div>
<ul class="vote clearfix">
<li style="display:block" key="0">
<form action="#" id="feedbackForm">
<input type="hidden" name="question_id" id="question_id" value="38">
<input type="hidden" name="feedback_id" id="feedback_id" value="5">
<li key="0">
<form class="feed-back-form" action="#">
<div>您喜欢有货的新版吗?</div>
<div class="vote-item clearfix">
<p>
<input type="radio" name="solution" value="33">非常喜欢</p>
<input type="radio" name="solution" value="33">非常喜欢
</p>
<p>
<input type="radio" name="solution" value="34">喜欢</p>
<input type="radio" name="solution" value="34">喜欢
</p>
<p>
<input type="radio" name="solution" value="35">一般般</p>
<input type="radio" name="solution" value="35">一般般
</p>
<p>
<input type="radio" name="solution" value="36">不喜欢</p>
<input type="radio" name="solution" value="36">不喜欢
</p>
<p>
<input type="radio" name="solution" value="37">非常不喜欢</p>
<input type="radio" name="solution" value="37">非常不喜欢
</p>
</div>
<div>
<a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
<span class="feed-back-btn button">提交</span>
</div>
<input class="question-id" type="hidden" name="question_id" value="38">
<input class="feedback-id" type="hidden" name="feedback_id" value="5">
</form>
</li>
<li style="display:none" key="1">
<form action="#" id="feedbackForm">
<input type="hidden" name="question_id" id="question_id" value="39">
<input type="hidden" name="feedback_id" id="feedback_id" value="5">
<li class="hide" key="1">
<form class="feed-back-form" action="#">
<div>您可以方便的找到想查看的内容吗?</div>
<div class="vote-item clearfix">
<p>
<input type="radio" name="solution" value="38">非常方便</p>
<input type="radio" name="solution" value="38">非常方便
</p>
<p>
<input type="radio" name="solution" value="39">方便</p>
<input type="radio" name="solution" value="39">方便
</p>
<p>
<input type="radio" name="solution" value="40">一般般</p>
<input type="radio" name="solution" value="40">一般般
</p>
<p>
<input type="radio" name="solution" value="41">不方便</p>
<input type="radio" name="solution" value="41">不方便
</p>
<p>
<input type="radio" name="solution" value="42">非常不方便</p>
<input type="radio" name="solution" value="42">非常不方便
</p>
</div>
<div>
<a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
<span class="feed-back-btn button">提交</span>
</div>
<input class="question-id" type="hidden" value="39">
<input class="feedback-id" type="hidden" value="5">
</form>
</li>
<li style="display:none" key="2">
<form action="#" id="feedbackForm">
<input type="hidden" name="question_id" id="question_id" value="37">
<input type="hidden" name="feedback_id" id="feedback_id" value="5">
<li class="hide" key="2">
<form class="feed-back-form" action="#">
<div>您对新版还有哪些意见或建议?</div>
<textarea name="answer" id="feedback_answer"></textarea>
<textarea name="answer" id="feedback-answer"></textarea>
<div>
<a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a>
<span class="feed-back-btn button">提交</span>
</div>
<input class="question-id" type="hidden" value="37">
<input class="feedback-id" type="hidden" value="5">
</form>
</li>
</ul>
</div>
<p id="feedbackPage" class="item-nav center">
<a href="javascript:void(0);">
<span class="iconfont cur">O</span>
</a>
<a href="javascript:void(0);">
<span class="iconfont ">o</span>
</a>
<a href="javascript:void(0);">
<span class="iconfont ">o</span>
</a>
<p id="feed-back-page" class="item-nav center">
<span class="iconfont cur">&#xe619;</span>
<span class="iconfont ">&#xe619;</span>
<span class="iconfont ">&#xe619;</span>
</p>
</dd>
<dd class="last">
... ... @@ -148,10 +141,8 @@
</ul>
</div>
</div>
<p class="item-nav center" id="button-mobile">
<a href="javascript:void(0);">
<span class="iconfont cur">O</span>
</a>
<p class="item-nav center">
<span class="iconfont cur">&#xe619;</span>
</p>
</dd>
</dl>
... ... @@ -182,8 +173,8 @@
</span>
</div>
<div class="right subscribe footer-right">
<input class="rgb6 top" name="subscriberBox" id="subscriberBox" value="订阅我们的邮件">
<a href="javascript:void(0);" id="subscriberBtn" class="ifont rgbf">m</a>
<input id="subscriber-box" class="rgb6 top" name="subscriberBox"value="订阅我们的邮件">
<a id="subscriber-btn" href="javascript:void(0);" class="ifont rgbf">m</a>
</div>
</div>
</div>
... ...
<script>
seajs.use('js/common');
seajs.use('js/header');
seajs.use('js/footer',function(footer) {
if(footer) {
footer.init();
}
});
</script>
{{!-- 首页 --}}
{{#if boysHomePage}}
<script>
/*seajs.use('js/home/entrey', function(h) {
h.set('boys');
});*/
<script>
seajs.use('js/home/home');
</script>
{{/if}}
... ...
... ... @@ -2,7 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Wed Dec 2 17:34:20 2015
Created by FontForge 20120731 at Fri Dec 4 15:54:33 2015
By Ads
</metadata>
<defs>
... ... @@ -19,7 +19,7 @@ Created by FontForge 20120731 at Wed Dec 2 17:34:20 2015
bbox="0 -214 1172.1 864"
underline-thickness="50"
underline-position="-100"
unicode-range="U+0078-E616"
unicode-range="U+0078-E619"
/>
<missing-glyph horiz-adv-x="374"
d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
... ... @@ -84,5 +84,13 @@ d="M704 569l-41 39l-343 -320l343 -320l41 39l-301 281z" />
<glyph glyph-name="uniE616" unicode="&#xe616;" horiz-adv-x="1173"
d="M586 588q-64 150 -188 203q-114 47 -222 -7q-112 -56 -155 -192q-20 -67 -21 -144q0 -41 9 -78.5t24 -66.5t39 -57.5t47 -48.5t55.5 -43t56.5 -38t58.5 -35.5t53.5 -33.5q63 -42 118 -94.5t86.5 -95t39.5 -69.5q4 19 25.5 50t53.5 66t75 74t88 71q21 15 53.5 35.5t58 36
t57 38t55 43t47 48t39 56.5t25 66.5t8.5 78.5q0 75 -19.5 138t-52.5 105.5t-76.5 70.5t-91 37.5t-98 1t-96 -34.5t-85.5 -72.5t-67 -108.5z" />
<glyph glyph-name="uniE617" unicode="&#xe617;"
d="M500 775l-348 -298q-16 -14 -16 -35v-386q0 -16 8 -30t22 -22t30 -8h197v257h238v-257h197q25 0 42.5 17.5t17.5 42.5v386q0 10 -4.5 19t-11.5 16l-348 298q-3 2 -6 3.5t-6 1.5t-6 -1.5t-6 -3.5z" />
<glyph glyph-name="uniE618" unicode="&#xe618;" horiz-adv-x="1000"
d="M751 670q21 -20 34 -33t20 -23q3 -4 5 -8t3 -7t1.5 -6t0.5 -5v-13h-119q-4 0 -7.5 1.5t-6.5 4.5q-6 6 -10 14t-6 16.5t-2 12.5v100h3q3 0 6.5 -0.5t6.5 -1.5q7 -2 16 -8q4 -3 9.5 -7t12.5 -9q13 -10 33 -28zM614 624q0 -16 5 -33.5t15 -32t26 -24t38 -9.5h117v-451
q0 -24 -9.5 -42t-24.5 -31t-33.5 -20t-35.5 -7h-394q-15 0 -33 8.5t-33.5 23t-26.5 32.5q-2 5 -4 9.5t-3.5 9.5t-2 10t-0.5 10v543q0 9 2 17.5t6 17.5q7 18 20.5 33.5t30 25.5t35.5 10h305v-100zM664 125q21 0 35.5 14.5t14.5 35.5t-14.5 35.5t-35.5 14.5h-299
q-21 0 -35.5 -14.5t-14.5 -35.5t14.5 -35.5t35.5 -14.5h299zM714 374q0 21 -14.5 36t-35.5 15h-299q-21 0 -35.5 -15t-14.5 -36t14.5 -35t35.5 -14h299q21 0 35.5 14t14.5 35zM714 374z" />
<glyph glyph-name="uniE619" unicode="&#xe619;"
d="M512 515q47 0 88 -18t72 -49t49 -72t18 -89q0 -23 -4.5 -45t-13.5 -42q-18 -41 -49 -72t-72 -49q-20 -9 -42 -13.5t-46 -4.5q-47 0 -88 18t-72 49t-49 72t-18 87q0 48 18 89t49 72t72 49t88 18v0zM512 515z" />
</font>
</defs></svg>
... ...
... ... @@ -5,6 +5,9 @@
*/
var $ = require('yoho.jquery');
require('./footer');
require('./header');
function cookie(name) {
var cookies = document.cookie,
cookieVal,
... ...
... ... @@ -6,26 +6,36 @@
var $ = require('yoho.jquery');
var apiDomain;
/**
* 订阅
* @return {[type]} [description]
*/
function actionSubscription() {
var $subscriberBox = $('#subscriberBox'),
$subscriberBtn = $('#subscriberBtn'),
var $subscriberBox = $('#subscriber-box'),
$subscriberBtn = $('#subscriber-btn'),
emailReg = /^[.\-_a-zA-Z0-9]+@[\-_a-zA-Z0-9]+\.[a-zA-Z0-9]/;
var subscribeParam = {
method: 'open.subscriber.subscriber',
v: 1,
return_type: 'jsonp',
open_key: '12345'
};
var iconCode = {
mail: '&#xe61b;',
tick: '&#xe61a'
};
var email = $.trim($subscriberBox.val());
var params = {};
$subscriberBox.focus(function() {
$(this).val('').css('color', '');
$subscriberBtn.removeClass('done').text('m');
$subscriberBtn.removeClass('done').html(iconCode.mail);
});
$subscriberBtn.click(function() {
... ... @@ -39,7 +49,7 @@ function actionSubscription() {
$.getJSON('http://test.open.yohobuy.com' + '/?callback=?', params, function(data) {
if (data.data.result === 1) {
$subscriberBox.val('已订阅到:' + email);
$subscriberBtn.addClass('done').text('=');
$subscriberBtn.addClass('done').html(iconCode.tick);
} else {
$subscriberBox.css('color', 'red');
}
... ... @@ -53,91 +63,69 @@ function actionSubscription() {
});
}
function change(now, icon, box) {
var obj = now;
var index = icon.index(this);
var offset = index * 3;
var i;
box.each(function() {
$(this).hide();
});
for (i = offset; i < offset + 3; i++) {
box.eq(i).show();
}
now.each(function() {
$(this).children().removeClass('cur').html('o');
});
obj.children().addClass('cur').html('O');
}
function actionhomeFootChange() {
var $vote = $('.vote'),
$feedBackPage = $('#feed-back-page'),
count = $vote.children('li').length;
//有货services
$('#button-services a').click(function() {
change($(this), $('#button-services a'), $('#foot-services ul li'));
});
//意见反馈
$feedBackPage.on('click', 'span', function() {
var $this = $(this);
//更多有货产品
$('#button-mobile a').click(function() {
change($(this), $('#button-mobile a'), $('#foot-mobile ul li'));
});
if ($this.hasClass('cur')) {
return;
}
//在线调查
$('#feedbackPage a').click(function() {
var indexNum;
$this.siblings('.cur').removeClass('cur');
$this.addClass('cur');
$('#feedbackPage').find('a').children('span').removeClass('cur').html('o');
$(this).children('span').addClass('cur').html('O');
indexNum = $('#feedbackPage a').index(this);
$('.vote li').hide();
$('.vote li').eq(indexNum).show();
$vote.children().not('.hide').addClass('hide')
.end()
.eq($this.index()).removeClass('hide');
});
$('.vote li').each(function() {
var obj = this;
var index = $(this).index();
$vote.on('click', '.feed-back-btn', function() {
var $this = $(this),
$li = $this.closest('li'),
index = $li.index(),
params = {},
_solution = [];
$(this).find('#feedbackBtn').click(function() {
var params = {};
var _solution = [];
var _answer = $(obj).find('#feedback_answer').val();
var _feedback = $(obj).find('#feedback_id').val();
var _question = $(obj).find('#question_id').val();
var _answer = $li.find('.feedback-answer').val(),
_feedback = $li.find('.feedback-id').val(),
_question = $li.find('.question-id').val();
$(obj).find('input').each(function() {
if ($(this).attr('checked') === true || $(this).attr('checked') === 'checked') {
_solution.push($(this).val());
}
});
params.method = 'open.feedback.submit';
params.feedback_id = _feedback || 0;
params.question_id = _question || 0;
params.answer = _answer || '';
params.solution = _solution.join(',');
$.getData(window.apiDomain, params, function(reData) {
var voteCount;
var Next;
if (reData.result === 1) {
voteCount = $('.vote li').length - 1;
if (index === voteCount) {
alert('感谢您的参与!');
return false;
}
Next = index + 1;
$('.vote li').eq(index).hide();
$('.vote li').eq(Next).show();
$('#feedbackPage').children('a').eq(index).children('span').removeClass('cur').html('o');
$('#feedbackPage').children('a').eq(Next).children('span').addClass('cur').html('O');
$li.find(':checked').each(function() {
_solution.push($(this).val());
});
params = {
method: 'open.feedback.submit',
feedback: _feedback || 0,
question: _question || 0,
answer: _answer || '',
solution: _solution.join(',')
};
$.getData(apiDomain, params, function(data) {
var next = index + 1;
if (data.result === 1) {
if (index === count - 1) {
alert('感谢您的参与!');
return;
}
return false;
});
$li.addClass('hide');
$vote.eq(index + 1).removeClass('hide');
$feedBackPage.children('.cur').removeClass('cur');
$feedBackPage.eq(next).addClass('cur');
}
});
});
}
exports.init = function() {
actionSubscription(); //执行订阅
actionhomeFootChange(); //底部事件
};
\ No newline at end of file
//初始化
actionSubscription();
actionhomeFootChange();
... ...
@font-face {
font-family: 'icomoon';
src:font-url('icomoon.eot');
src:font-url('icomoon.eot?#iefix') format('embedded-opentype'),
font-url('icomoon.ttf') format('truetype'),
font-url('icomoon.woff') format('woff'),
font-url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.yoho-footer {
font-size: 12px;
/*----文字颜色----*/
.red{
color: #ee0011;
.left {
float: left;
}
.orange{
color: #f9761a;
.right {
float: right;
}
.rgb0{
color: #000;
.center {
text-align: center;
}
.rgb2{
color: #222;
* {
box-sizing: border-box;
}
.rgb4{
color: #444;
.red {
color: #ee0011;
}
.rgb6{
.rgb6 {
color: #666;
}
.rgb9{
.rgb9 {
color: #999;
}
.rgbc{
color: #ccc;
}
.rgbf{
.rgbf {
color: #fff;
}
.blue{
color: #006699;
}
.blue2{
color: #468fa2;
}
/**函数类**/
.hidden{ display:none !important;}
.show{ display:block;}
.left{float: left;}
.right{float: right;}
.relative{position: relative;}
.absolute{position: absolute;}
.inline-block{
display: inline-block;
}
.top{
vertical-align: top;
}
.middle{
vertical-align: middle;
}
.center{
text-align: center;
}
.footertop {
.index-foot {
background: #eeeeee;
padding:20px 0;
}
.index-foot dd{
.index-foot {
background: #eeeeee;
padding:20px 0;
dd {
width: 370px;
margin-right: 20px;
float: left;
overflow:hidden;
}
.index-foot dd.last{
margin-right: 0;
}
.index-foot dd .foot-panel{
background: #fff;
padding: 20px;
_padding-right: 10px;
}
.index-foot dd .title{
text-align: center;
_zoom:1;
}
.index-foot dd .title .title-line{
border-bottom: 1px solid #dddddd;
position: absolute;
top: 9px;
width: 100%;
left: 0;
*top: -6px;
}
.index-foot dd .title .text{
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0;
}
.index-foot dd .title .text span{
background: #fff;
font-size: 18px;
line-height: 18px;
padding: 0 10px;
}
.index-foot dd ul{
margin-top: 18px;
padding-top: 18px;
}
.index-foot dd .two-dim{
margin-right: -10px;
}
.index-foot dd .two-dim li{
border: 1px solid #ddd;
padding: 7px;
margin-right: 10px;
}
&.last {
margin-right: 0;
}
.foot-panel {
background: #fff;
padding: 20px;
}
.index-foot dd .two-dim img.dim-img{
/*opacity: 0.5;
filter:alpha(opacity=50);*/
}
.index-foot dd .two-dim .dim-hover{
position: absolute;
}
.index-foot dd .two-dim .dim-hover img{
width: 38px;
height: 38px;
}
.index-foot dd .two-dim .dim-active .dim-img{
opacity: 1;
filter:alpha(opacity=100);
}
.index-foot dd .two-dim .dim-active .dim-hover{
display: none;
}
.index-foot dd .two-dim li a{
display: block;
}
.index-foot dd .two-dim li p{
text-align: center;
margin-top: 13px;
margin-bottom: 3px;
line-height: 12px;
}
.index-foot dd .item-nav{
padding-top: 20px;
}
.index-foot dd .item-nav a{
color: #999;
padding: 0 3px;
cursor:pointer;
}
.index-foot .vote{
height: 131px;
line-height: 24px;
}
.index-foot .vote input{
margin: 0 5px 0 1px;
}
.index-foot .vote .button{
height: 24px;
line-height: 24px;
width: 55px;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
background: #222;
color: #fff;
display: inline-block;
text-align: center;
}
.index-foot .vote p{
height: 24px;
overflow: hidden;
}
.index-foot .vote .vote-item p{
float: left;
width: 50%;
.title {
position: relative;
text-align: center;
}
}
.title-line {
border-bottom: 1px solid #dddddd;
position: absolute;
top: 9px;
width: 100%;
left: 0;
}
.index-foot .vote textarea{
width: 98%;
height: 60px;
vertical-align: middle;
margin: 5px 0px 0px 0px;
resize:none;
}
.text {
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0;
span {
background: #fff;
font-size: 18px;
line-height: 18px;
padding: 0 10px;
}
}
.index-foot ul.mobile{
margin-right: -10px;
}
.index-foot .mobile li{
margin-right: 10px;
float: left;
margin-bottom: 12px;
}
ul {
margin-top: 18px;
padding-top: 18px;
}
.index-foot dd li{
/*height: 131px;*/
zoom:1;
}
.two-dim {
margin-right: -10px;
overflow: hidden;
.index-banner{
width: 100%;
margin-top: 20px;
}
.ifont10{
font-family: "icomoon" ;
display:inline-block;
font-size: 13px;
line-height: 10px;
-webkit-transform:scale(0.8);
}
}
.footerbottom {
width: 100%;
.promise {
padding: 20px 0 10px 0;
background: #000;
.left {
line-height: 30px;
font-size: 12px;
font-weight: bold;
.ifont {
font-size: 24px;
line-height: 24px;
vertical-align: middle;
margin-right: 5px;
font-weight: normal;
font-family: "icomoon" ;
display:inline-block;
li {
border: 1px solid #ddd;
padding: 7px;
margin-right: 10px;
a {
display: block;
}
p {
text-align: center;
margin-top: 13px;
margin-bottom: 3px;
line-height: 12px;
}
}
}
}
.subscribe {
border: 1px solid #262626;
input {
height: 32px;
padding: 0 10px;
line-height: 32px;
border: none;
margin: 0;
*height: 28px;
*line-height: 28px;
background: #000;
&.wrong{
color: #ee0011;
.dim-img {
display: block;
width: 87px;
height: 87px;
}
.dim-hover {
position: absolute;
img {
width: 38px;
height: 38px;
}
}
a {
margin-left: 10px;
font-size: 18px;
line-height: 32px;
opacity: 0.5;
filter: alpha(opacity=50);
.dim-active .dim-img {
opacity: 1;
filter:alpha(opacity=100);
}
}
.footer-help {
background: #000;
font-size: 12px;
overflow: hidden;
ul {
width: 110%;
.dim-active .dim-hover {
display: none;
}
li p {
line-height: 24px;
span{
.item-nav{
padding-top: 20px;
span {
color: #fff;
padding: 0 3px;
cursor:pointer;
font-size: 20px;
}
a {
color: #666;
&:hover {
text-decoration: underline;
}
.cur {
color: #999;
}
}
.screen {
border-top: 1px solid #262626;
padding: 15px 0;
}
}
.client-title p {
.vote {
line-height: 24px;
}
.client {
padding-top: 6px;
a.ifont {
font-size: 20px;
background: #444;
width: 32px;
height: 32px;
margin-right: 3px;
text-align: center;
line-height: 32px;
}
}
.footer-link{
background: #000;
padding: 10px 0 30px 0;
font-size: 12px;
}
.about-us {
margin-left: 10px;
line-height: 20px;
color: #666;
a {
color: #666;
}
p span {
padding: 0 10px;
input {
margin: 0 5px 0 1px;
}
}
.footer-link .right-flag a {
margin-right: 5px;
}
.footer-client {
padding: 0px;
bottom: 25px;
left: -37px;
z-index: 10;
width: 106px;
top: -140px;
.client-img {
background: #fff;
.button {
height: 24px;
line-height: 24px;
width: 55px;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
background: #222;
color: #fff;
display: inline-block;
text-align: center;
cursor: pointer;
}
a {
padding: 8px;
background: #fff;
display: block;
p {
text-align: center;
padding-top: 5px;
}
p {
height: 24px;
overflow: hidden;
}
.arrow {
line-height: 12px;
text-align: center;
width: 100%;
font-size: 12px;
vertical-align: top;
margin-top: -2px;
textarea{
width: 98%;
height: 68px;
vertical-align: middle;
margin: 5px 0px 0px 0px;
resize:none;
}
}
.right-flag{
margin-top: 3px;
}
}
.return-top {
position: fixed;
width: 60px;
height: 60px;
font-size: 18px;
text-align: center;
line-height: 60px;
color: #fff;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50);
bottom: 20px;
cursor: pointer;
z-index: 99999;
&:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
}
}
@media (max-width:1310px){
.yoho-footer{
.return-top{
left: 100%;
right: 20px;
margin-left: auto;
}
}
}
@media (min-width:1310px){
.yoho-footer{
.return-top{
left: 50%;
margin-left: 595px;
}
}
}
@media (max-width:1180px){
.yoho-footer {
.screen{
width: 990px;
margin-left: auto;
margin-right: auto;
}
.screen-l{
display: none;
}
.footerbottom{
min-width: 990px;
}
.footerbottom .footer-right{
width: 200px;
width: 202px \9;
}
.footerbottom .footer-help ul{
/*width: 690px;*/
}
.footerbottom .footer-help li{
width: 150px;
}
.footerbottom .promise .left{
margin-right: 45px;
}
.footerbottom .subscribe input{
width: 140px;
outline: none;
}
.vote-item p {
float: left;
width: 50%;
/*trends*/
.article-list{
width: 670px;
}
.article-list ul .article-cover img{
width: 320px;
height: 214px;
}
.article-list ul .article-summary{
width: 330px;
height: 214px;
overflow: hidden;
}
.trends-suggestion ul li{
width: 208px;
}
.trends-suggestion ul li img{
width: 208px;
height: 138px;
}
.article-list .article-detail img{
max-width: 670px;
}
/*lookbook*/
.trends-list ul li{
width: 232px;
}
.trends-list ul li a img{
width: 232px;
height: 330px;
}
.trends-list ul li p{
width: 222px;
}
.mobile {
margin-right: -10px;
.focus-top3{
height: 618px;
}
.focus-top3 .focus-img img{
width: 495px;
height: 618px;
}
.focus-top3 ul li, .trends-content iframe{
height: 618px;
width: 990px;
}
}
}
@media (min-width:1180px){
.yoho-footer{
.screen{
width: 1150px;
margin-left: auto;
margin-right: auto;
}
.footerbottom .footer-right{
width: 240px;
width: 242px \9;
}
.footerbottom .footer-help ul{
/*width: 810px;*/
}
.footerbottom .footer-help li{
width: 180px;
}
.footerbottom .promise .left{
margin-right: 60px;
}
.footerbottom .subscribe input{
width: 180px;
outline: none;
}
li {
margin-right: 10px;
float: left;
}
/*trends*/
.article-list{
width: 830px;
}
.article-list ul .article-cover img{
width: 360px;
height: 240px;
}
.article-list ul .article-summary{
width: 450px;
height: 240px;
overflow: hidden;
}
.trends-suggestion ul li{
width: 262px;
}
.trends-suggestion ul li img{
width: 262px;
height: 175px;
}
.article-list .article-detail img{
max-width: 830px;
img {
display: block;
width: 103px;
height: 131px;
}
}
/*lookbook*/
.trends-list ul li{
width: 272px;
}
.trends-list ul li a img{
width: 272px;
height: 388px;
}
.trends-list ul li p{
width: 262px;
}
.focus-top3{
height: 716px;
}
.focus-top3 .focus-img img{
width: 575px;
height: 716px;
}
.focus-top3 ul li, .trends-content iframe{
height: 716px;
width: 1150px;
.index-banner {
width: 100%;
margin-top: 20px;
}
}
}
/* new index 990 */
@media (max-width:1180px){
.sort-enter a, .sort-enter a img{
width:494px;
height:388px;
}
.sort-enter a span{
bottom:40px;
}
.new-arrial img{
width:990px;
}
.arrial-list ul li, .arrial-list ul li img{
width:325px;
height: 265px;
}
.hot-brand .con{
height: 103px;
}
.hot-brand .con .btn-page{
width:90px;
height:103px;
background-position: -106px 0;
}
.hot-brand .con .btn-page a{
width: 30px;
height:30px;
}
.hot-brand .con .btn-page a.page-before{
top: 22px;
left: 8px;
}
.hot-brand .con .btn-page a.page-next{
top: 50px;
left: 44px;
}
.hot-brand .con .list{
margin-right: 90px;
}
.hot-brand .con .list ul li img{
width:100px;
height:103px;
}
}
@media (min-width:1180px){
.sort-enter a, .sort-enter a img{
width:574px;
height:450px;
}
.sort-enter a span{
bottom:50px;
}
.new-arrial img{
width:1150px;
}
.arrial-list ul li, .arrial-list ul li img{
width:378px;
height:308px;
}
.hot-brand .con{
height: 120px;
}
.hot-brand .con .btn-page{
width:106px;
height:120px;
background-position: 0 0;
}
.hot-brand .con .btn-page a{
width: 40px;
height:40px;
}
.hot-brand .con .btn-page a.page-before{
top: 24px;
left: 4px;
}
.hot-brand .con .btn-page a.page-next{
top: 58px;
left: 50px;
}
.hot-brand .con .list{
margin-right: 106px;
}
.hot-brand .con .list ul li img{
width:116px;
height:120px;
}
}
/*new index*/
@media (max-width:1180px){
/*
.page-index-new .screen{
width: 988px;
}*/
.focus-top2{
height: 388px;
}
.focus-top2 .focus-img img{
width: 988px;
height: 388px;
}
.focus-bottom ul{
padding: 0 1px;
height: 46px;
overflow: hidden;
}
.focus-bottom ul li img{
width: 118px;
height: 46px;
}
.focus-bottom ul li a{
width: 118px;
height: 46px;
}
#bigSlide{
width: 988px;
height: 388px;
}
#bigSlide li{
width: 988px;
height: 388px;
}
.footerbottom {
width: 100%;
.dl-index .hot-brands li a img{
width: 163px;
height: 163px;
}
.dl-index .hot-brands li.li-h-2 a img{
width: 328px;
}
.dl-index .hot-brands li.li-v-2 a img{
height: 328px;
}
.dl-index .hot-brands li .btn-page{
padding: 36px 0 0 36px;
width: 127px;
height: 127px;
}
.wrapper-index2{
width: 988px;
}
.wrapper-index2 .index-unit-5{
width: 823px;
}
.wrapper-index2 .index-unit-1{
width: 163px;
}
.wrapper-index2 .index-unit-5 ul.hot-brands{
height: 330px;
}
.dl-index .index-ul li a img{
width: 163px;
height: 206px;
}
.dl-index .index-ul li.li-h-2 a img{
width: 328px;
}
.wrapper-index2 .index-ads img{
width: 163px;
}
.wrapper-index2 .index-ads .ads-1 img{
height: 279px;
}
.wrapper-index2 .index-ads .ads-2 img{
height: 163px;
}
.promise {
padding: 20px 0 10px 0;
background: #000;
.dl-index .category-top img{
width: 163px;
height: 146px;
}
.dl-index .category-list{
padding: 7px 0;
}
.dl-index .category-list li{
width: 76px;
}
.dl-index .category-list li a{
padding: 0px 0 0px 15px;
height: 24px;
line-height: 24px;
}
.dl-index .brands-list{
padding: 7px 0;
}
.dl-index .brands-list li a{
line-height: 24px;
height: 24px;
padding: 0px 15px 0px 15px;
.left {
margin-right: 60px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
}
}
.index-foot dd{
width: 316px;
.subscribe {
border: 1px solid #262626;
width: 240px;
}
.index-foot dd .two-dim img.dim-img{
width: 69px;
height: 69px;
}
.index-foot .mobile li img{
width: 85px;
height: 108px;
}
.index-foot ul.mobile{
margin-top: 30px;
padding-bottom: 11px;
height: 108px;
overflow: hidden;
}
.index-foot dd .two-dim{
margin-top: 26px;
margin-bottom: 10px;
/*padding-bottom: 10px;*/
height: 113px;
overflow: hidden;
}
input {
width: 180px;
height: 32px;
padding: 0 10px;
line-height: 32px;
border: none;
margin: 0;
background: #000;
}
.index-foot dd .two-dim .dim-hover{
left: 16px;
top: 16px;
}
/*hotBrand*/
.dl-index .hot-brand-new .ids img{
width:163px;
}
.hot-brand-new .recommendBox-new{
width:891px;
height:156px;
}
.hot-brand-new .recommendBox-new ul li{
width:99px;
height:78px;
}
.hot-brand-new .recommendBox-new ul li img{
width:99px;
height:78px;
}
.dl-index .hot-brand-new .index-unit-1{
width:97px;
height:156px;
}
.dl-index .hot-brand-new .index-unit-1 ul li{
width:97px;
height:78px;
}
.dl-index .hot-brand-new .index-unit-1 ul li img{
width:97px;
height:78px;
}
.dl-index .hot-brand-new .btn-page{
width:97px;
height:78px;
background: url('http://static.yohobuy.com/images/v3/icon/btn_page_small.jpg') no-repeat center center ;
}
/*猜你喜欢*/
.index-guess-like li{
width: 163px;
float: left;
margin-right: 2px;
text-align: center;
}
.index-guess-like li img{
width: 163px;
a {
margin-left: 10px;
font-size: 18px;
line-height: 32px;
opacity: 0.5;
filter: alpha(opacity=50);
}
}
}
@media (min-width:1180px){
.focus-top2{
height: 450px;
}
.focus-top2 .focus-img img{
width: 1150px;
height: 450px;
}
.focus-bottom ul{
padding: 0 2px;
height: 54px;
.footer-help {
background: #000;
font-size: 12px;
overflow: hidden;
}
.focus-bottom ul li img{
width: 138px;
height: 54px;
}
.focus-bottom ul li a{
width: 138px;
height: 54px;
}
#bigSlide{
width: 1150px;
height: 450px;
}
#bigSlide li{
width: 1150px;
height: 450px;
}
.dl-index .hot-brands li a img{
width: 190px;
height: 190px;
}
.dl-index .hot-brands li.li-h-2 a img{
width: 382px;
}
.dl-index .hot-brands li.li-v-2 a img{
height: 382px;
}
.dl-index .hot-brands li .btn-page{
padding: 50px 0 0 50px;
width: 140px;
height: 140px;
}
.wrapper-index2 .index-unit-5{
width: 958px;
}
.wrapper-index2 .index-unit-1{
width: 190px;
}
.wrapper-index2 .index-unit-5 ul.hot-brands{
height: 384px;
}
.dl-index .index-ul li a img{
width: 190px;
height: 240px;
}
.dl-index .index-ul li.li-h-2 a img{
width: 382px;
}
.wrapper-index2 .index-ads img{
width: 190px;
}
.wrapper-index2 .index-ads .ads-1 img{
height: 320px;
}
.wrapper-index2 .index-ads .ads-2 img{
height: 190px;
}
ul {
width: 110%;
}
.dl-index .category-top img{
width: 190px;
height: 170px;
}
p {
line-height: 24px;
.dl-index .category-list{
padding: 8px 0;
}
.dl-index .category-list li{
width: 90px;
}
.dl-index .category-list li a{
padding: 0px 0 0px 15px;
height: 28px;
line-height: 28px;
}
.dl-index .brands-list{
padding: 8px 0;
}
.dl-index .brands-list li a{
line-height: 28px;
height: 28px;
padding: 0px 15px 0px 15px;
}
span {
color: #fff;
}
.index-foot dd{
width: 370px;
a {
color: #666;
}
.index-foot dd .two-dim{
overflow: hidden;
}
.index-foot dd .two-dim img.dim-img{
width: 87px;
height: 87px;
}
.index-foot .mobile li img{
width: 103px;
height: 131px;
}
&:hover {
text-decoration: underline;
}
}
}
.index-foot dd .two-dim .dim-hover{
left: 25px;
top: 25px;
}
.index-foot ul.mobile{
height: 131px;
overflow: hidden;
}
/*hotBrand*/
.dl-index .hot-brand-new .ids{
width:190px;
}
.hot-brand-new .recommendBox-new{
width:1035px;
height:180px;
}
.hot-brand-new .recommendBox-new ul li{
width:115px;
height:90px;
}
.hot-brand-new .recommendBox-new ul li img{
width:115px;
height:90px;
}
.dl-index .hot-brand-new .index-unit-1{
width:115px;
height:180px;
li {
width: 180px;
}
.screen {
border-top: 1px solid #262626;
padding: 15px 0;
}
}
.dl-index .hot-brand-new .index-unit-1 ul li{
width:115px;
height:90px;
}
.dl-index .hot-brand-new .index-unit-1 ul li img{
width:115px;
height:90px;
}
.dl-index .hot-brand-new .btn-page{
width:115px;
height:90px;
background: url('http://static.yohobuy.com/images/v3/icon/btn_page_big.jpg') no-repeat center center ;
}
/*猜你喜欢*/
.index-guess-like li{
width: 190px;
height: 320px;
float: left;
margin-right: 2px;
text-align: center;
}
}
/*boys*/
.footer-link {
background: #000;
padding: 10px 0 30px 0;
font-size: 12px;
@media (max-width:1180px){
.wrapper-right{
width: 810px;
}
.wrapper-main .list-unit{
width: 195px;
.right-flag {
margin-top: 3px;
}
.wrapper-main .index-tab{
width: 615px; /*750*/
overflow: hidden;
}
.banner-zone .feedback .item-vote{
width: 150px;
padding: 10px;
overflow: hidden;
}
.wrapper-main .banner-zone div.phone .left-a{
padding-right: 5px;
}
.wrapper-main .banner-zone div.phone .right-a{
padding-left: 5px;
}
.banner-zone .recent-view .recent-goods{
width: 153px;
}
.banner-zone .recent-view .recent-goods img{
width: 50px;
height: 50px;
}
.focus-top{
height: 334px;
}
.focus-brands .focus-brands-wrapper{
width: 640px;
}
.focus-top .button-switch .ifont{
margin-top: 160px;
}
a {
margin-right: 5px;
}
}
}
.about-us {
line-height: 20px;
color: #666;
margin-left: 10px;
@media (min-width:1180px){
a {
color: #666;
}
.wrapper-right{
width: 970px; /*990px*/
span {
padding: 0 10px;
}
}
}
.wrapper-main .list-unit{
width: 235px; /*240*/
}
.wrapper-main .index-tab{
width: 735px; /*750*/
overflow: hidden;
}
.banner-zone .feedback .item-vote{
width: 170px;
padding: 20px;
overflow: hidden;
}
.wrapper-main .banner-zone div.phone .left-a{
padding-right: 20px;
}
.wrapper-main .banner-zone div.phone .right-a{
padding-left: 20px;
}
.banner-zone .recent-view .recent-goods{
width: 183px;
}
.banner-zone .recent-view .recent-goods img{
.return-top {
position: fixed;
width: 60px;
height: 60px;
}
.focus-top{
height: 400px;
}
.focus-brands .focus-brands-wrapper{
width: 800px;
}
.focus-top .button-switch .ifont{
margin-top: 185px;
}
}
left: 50%;
margin-left: 595px;
text-align: center;
line-height: 50px;
color: #fff;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50);
bottom: 20px;
cursor: pointer;
&:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
/*brands*/
@media (max-width:1180px){
.brands-ad .ad-img1 img{
width: 490px;
height: 240px;
}
.brands-ad .ad-img2 img{
width: 240px;
height: 240px;
}
.brands-logo a{
/*margin-left: 19px;*/
margin-left: 18px;
}
.brands-logo a.first{
margin-left: 10px;
}
.wrapper-brands .brands-fixed{
width: 956px;
}
.wrapper-brands .brands-az a{
padding: 0 6px;
.iconfont {
font-size: 34px;
}
}
}
@media (min-width:1180px){
.brands-ad .ad-img1 img{
width: 570px;
height: 280px;
}
.brands-ad .ad-img2 img{
width: 280px;
height: 280px;
}
.brands-logo a{
margin-left: 35px;
}
.brands-logo a.first{
margin-left: 18px;
}
.wrapper-brands .brands-fixed{
width: 1116px;
@media (max-width: 1360px) {
.yoho-footer .return-top {
left: 100%;
right: 20px;
margin-left: auto;
}
}
/*goods list*/
@media (max-width:1180px){
.goods-list{
margin-right: -10px;
}
.goods-list .goods{
width: 195px;
margin-right: 10px;
height: 353px;
overflow: hidden;
}
/*
.goods-mini .goods-list{
margin-right: -12px;
}
.goods-mini .goods-list .goods{
width: 125px;
margin-right: 12px;
}*/
/*图片固定高度*/
.goods-list .goods img{
width: 195px;
height: 261px;
}
/*end*/
.sort-condition .sort-num{
display: none;
}
.goods-suggestion .goods-more{
/*display: none;*/
}
.brands-suggestion li a{
margin: 0 0 0 6px;
}
.brands-suggestion li a{
width: 130px;
}
.brands-suggestion li img{
padding: 22px 24px 22px 24px;
}
/*0124*/
.goods-suggestion .goods-list{
height: 353px;
overflow: hidden;
}
.goods-view .goods-list .goods{
width: 190px;
overflow: hidden;
}
}
@media (min-width: 1180px){
.goods-list{
margin-right: -10px;
}
.goods-list .goods{
width: 235px;
margin-right: 10px;
height: 406px;
}
.goods-mini .goods-list{
margin-right: -14px;
}
.goods-mini .goods-list .goods{
width: 150px;
margin-right: 14px;
height: 293px;
}
.goods-mini .goods-list .li-first-4{
clear: none;
}
.goods-mini .goods-list .li-first-6{
clear: left;
}
/*图片固定高度*/
.goods-list .goods img{
width: 235px;
height: 314px;
}
.goods-mini .goods-list .goods img{
width: 150px;
height: 201px;
}
/*end*/
.brands-suggestion li a{
margin: 0 0 0 8px;
}
.brands-suggestion li a{
width: 155px;
}
.brands-suggestion li img{
padding: 22px 37px 22px 36px;
}
.goods-suggestion .goods-list{
height: 293px;
overflow: hidden;
}
.goods-view .goods-mini .goods-list .goods{
margin-right: 16px;
}
}
@media (max-width:1180px) {
.yoho-footer {
.index-foot dd {
width: 316px;
.two-dim {
margin-top: 26px;
margin-bottom: 10px;
overflow: hidden;
}
.dim-img {
width: 69px;
height: 69px;
}
/*goods list top*/
.mobile img {
width: 85px;
height: 108px;
}
}
@media (max-width:1180px){
.goods-right{
width: 810px;
}
.subscribe {
width: 200px;
.goods-right .goods-ad .ad-text{
width: 748px;
/*height: 248px;*/
padding:0px 30px 30px 30px;
border:1px solid #eaeceb;
}
.goods-right .goods-ad .ad-half .ad-text{
width: 348px;
height: 218px;
}
.goods-right .goods-ad .ad-half-img{
width: 400px;
height: 250px;
}
.goods-right .goods-ad .ad-img{
width: 810px;
height: 250px;
}
.goods-right .goods-ad .text-title .title{
margin-top: 30px;
}
/*
.search-condition .search-selected p{
width: 640px;
}*/
}
input {
width: 140px;
}
}
@media (min-width:1180px){
.goods-right{
width: 970px;
}
.goods-right .goods-ad .ad-text{
width: 868px;
height: 298px;
padding:0px 50px;
border:1px solid #eaeceb;
}
.goods-right .goods-ad .ad-half .ad-text{
width: 388px;
height: 298px;
}
.goods-right .goods-ad .ad-half-img{
width: 480px;
height: 300px;
}
.goods-right .goods-ad .ad-img{
width: 970px;
height: 300px;
}
.goods-right .goods-ad .text-title .title{
margin-top: 60px;
.footer-help li {
width: 150px;
}
}
}
\ No newline at end of file
... ...
.yoho-footer {
font-size: 12px;
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
* {
box-sizing: border-box;
}
.red {
color: #ee0011;
}
.rgb6 {
color: #666;
}
.rgb9 {
color: #999;
}
.rgbf {
color: #fff;
}
.index-foot {
background: #eeeeee;
padding:20px 0;
dd {
width: 370px;
margin-right: 20px;
float: left;
overflow:hidden;
&.last {
margin-right: 0;
}
.foot-panel {
background: #fff;
padding: 20px;
}
.title {
position: relative;
text-align: center;
}
.title-line {
border-bottom: 1px solid #dddddd;
position: absolute;
top: 9px;
width: 100%;
left: 0;
}
.text {
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0;
span {
background: #fff;
font-size: 18px;
line-height: 18px;
padding: 0 10px;
}
}
ul {
margin-top: 18px;
padding-top: 18px;
}
.two-dim {
margin-right: -10px;
overflow: hidden;
li {
border: 1px solid #ddd;
padding: 7px;
margin-right: 10px;
a {
display: block;
}
p {
text-align: center;
margin-top: 13px;
margin-bottom: 3px;
line-height: 12px;
}
}
}
.dim-img {
display: block;
width: 87px;
height: 87px;
}
.dim-hover {
position: absolute;
img {
width: 38px;
height: 38px;
}
}
.dim-active .dim-img {
opacity: 1;
filter:alpha(opacity=100);
}
.dim-active .dim-hover {
display: none;
}
.item-nav{
padding-top: 20px;
a {
color: #999;
padding: 0 3px;
cursor:pointer;
}
}
}
.vote {
line-height: 24px;
input {
margin: 0 5px 0 1px;
}
.button {
height: 24px;
line-height: 24px;
width: 55px;
font-size: 12px;
margin-top: 10px;
margin-right: 10px;
background: #222;
color: #fff;
display: inline-block;
text-align: center;
}
p {
height: 24px;
overflow: hidden;
}
textarea{
width: 98%;
height: 60px;
vertical-align: middle;
margin: 5px 0px 0px 0px;
resize:none;
}
}
.vote-item p {
float: left;
width: 50%;
}
.mobile {
margin-right: -10px;
li {
margin-right: 10px;
float: left;
margin-bottom: 12px;
}
img {
width: 103px;
height: 131px;
}
}
.index-banner {
width: 100%;
margin-top: 20px;
}
}
.footerbottom {
width: 100%;
}
.promise {
padding: 20px 0 10px 0;
background: #000;
.left {
margin-right: 60px;
line-height: 30px;
font-size: 12px;
font-weight: bold;
}
}
.subscribe {
border: 1px solid #262626;
width: 240px;
input {
width: 180px;
height: 32px;
padding: 0 10px;
line-height: 32px;
border: none;
margin: 0;
background: #000;
}
a {
margin-left: 10px;
font-size: 18px;
line-height: 32px;
opacity: 0.5;
filter: alpha(opacity=50);
}
}
.footer-help {
background: #000;
font-size: 12px;
overflow: hidden;
ul {
width: 110%;
}
p {
line-height: 24px;
span {
color: #fff;
}
a {
color: #666;
&:hover {
text-decoration: underline;
}
}
}
li {
width: 180px;
}
.screen {
border-top: 1px solid #262626;
padding: 15px 0;
}
}
.footer-link {
background: #000;
padding: 10px 0 30px 0;
font-size: 12px;
.right-flag {
margin-top: 3px;
a {
margin-right: 5px;
}
}
.about-us {
line-height: 20px;
color: #666;
margin-left: 10px;
a {
color: #666;
}
span {
padding: 0 10px;
}
}
}
.return-top {
position: fixed;
width: 60px;
height: 60px;
left: 50%;
margin-left: 595px;
text-align: center;
line-height: 50px;
color: #fff;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50);
bottom: 20px;
cursor: pointer;
&:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
.iconfont {
font-size: 34px;
}
}
}
@media (max-width: 1360px) {
.yoho-footer .return-top {
left: 100%;
right: 20px;
margin-left: auto;
}
}
@media (max-width:1180px) {
.yoho-footer {
.index-foot dd {
width: 316px;
.two-dim {
margin-top: 26px;
margin-bottom: 10px;
overflow: hidden;
}
.dim-img {
width: 69px;
height: 69px;
}
.mobile img {
width: 85px;
height: 108px;
}
}
.subscribe {
width: 200px;
input {
width: 140px;
}
}
.footer-help li {
width: 150px;
}
}
}
\ No newline at end of file
... ... @@ -3,7 +3,7 @@
@import "compass",
"compass/reset",
"header",
"page-footer",
"footer",
"path-nav";
body {
... ...