fe / YOHOBUYPC · Commits

Go to a project

Authored by wangqing
Commit b737215652d9057938804d240941dc30d7ed840a 2 parents 35edc3b0 02365f4d

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

…feature/header-footer
Inline Side-by-side
Showing 12 changed files with 299 additions and 1619 deletions
@@ -13,37 +13,26 @@ @@ -13,37 +13,26 @@
13 <div id="foot-services"> 13 <div id="foot-services">
14 <ul class="two-dim clearfix"> 14 <ul class="two-dim clearfix">
15 <li class="left"> 15 <li class="left">
16 - <div>  
17 - <a href="javascript:void(0);">  
18 - <img class="dim-img lazy" data-original="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png"></a> 16 + <img class="dim-img lazy" data-original="http://img11.static.yhbimg.com/adpic/2014/03/20/16/01863b297051f11c2be833785566cf11d1.png">
19 <p>YOHO!有货</p> 17 <p>YOHO!有货</p>
20 - </div>  
21 </li> 18 </li>
22 <li class="left"> 19 <li class="left">
23 - <div>  
24 - <a href="javascript:void(0);">  
25 - <img class="dim-img lazy" data-original="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg"></a> 20 + <img class="dim-img lazy" data-original="http://img12.static.yhbimg.com/adpic/2014/04/11/14/022ddc2b6d6b2fcabee8cdc03735e5687e.jpg">
26 <p>微信</p> 21 <p>微信</p>
27 - </div>  
28 </li> 22 </li>
29 <li class="left"> 23 <li class="left">
30 - <div>  
31 - <a href="javascript:void(0);">  
32 - <img class="dim-img lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png"></a> 24 + <img class="dim-img lazy" data-original="http://img13.static.yhbimg.com/adpic/2014/03/20/16/02e69d0afa222cf173d17411fd04be380e.png">
33 <p>微博</p> 25 <p>微博</p>
34 - </div>  
35 </li> 26 </li>
36 </ul> 27 </ul>
37 </div> 28 </div>
38 </div> 29 </div>
39 - <p class="item-nav center" id="button-services">  
40 - <a href="javascript:void(0);" key="0">  
41 - <span class="iconfont cur">O</span>  
42 - </a> 30 + <p class="item-nav center">
  31 + <span class="iconfont cur" key="0">&#xe619;</span>
43 </p> 32 </p>
44 </dd> 33 </dd>
45 <dd> 34 <dd>
46 - <div id="feedbackBoxList" class="foot-panel"> 35 + <div id="feed-back-box-list" class="foot-panel">
47 <div class="title"> 36 <div class="title">
48 <div class="title-line"></div> 37 <div class="title-line"></div>
49 <div class="text"> 38 <div class="text">
@@ -51,73 +40,77 @@ @@ -51,73 +40,77 @@
51 </div> 40 </div>
52 </div> 41 </div>
53 <ul class="vote clearfix"> 42 <ul class="vote clearfix">
54 - <li style="display:block" key="0">  
55 - <form action="#" id="feedbackForm">  
56 - <input type="hidden" name="question_id" id="question_id" value="38">  
57 - <input type="hidden" name="feedback_id" id="feedback_id" value="5"> 43 + <li key="0">
  44 + <form class="feed-back-form" action="#">
58 <div>您喜欢有货的新版吗?</div> 45 <div>您喜欢有货的新版吗?</div>
59 <div class="vote-item clearfix"> 46 <div class="vote-item clearfix">
60 <p> 47 <p>
61 - <input type="radio" name="solution" value="33">非常喜欢</p> 48 + <input type="radio" name="solution" value="33">非常喜欢
  49 + </p>
62 <p> 50 <p>
63 - <input type="radio" name="solution" value="34">喜欢</p> 51 + <input type="radio" name="solution" value="34">喜欢
  52 + </p>
64 <p> 53 <p>
65 - <input type="radio" name="solution" value="35">一般般</p> 54 + <input type="radio" name="solution" value="35">一般般
  55 + </p>
66 <p> 56 <p>
67 - <input type="radio" name="solution" value="36">不喜欢</p> 57 + <input type="radio" name="solution" value="36">不喜欢
  58 + </p>
68 <p> 59 <p>
69 - <input type="radio" name="solution" value="37">非常不喜欢</p> 60 + <input type="radio" name="solution" value="37">非常不喜欢
  61 + </p>
70 </div> 62 </div>
71 <div> 63 <div>
72 - <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a> 64 + <span class="feed-back-btn button">提交</span>
73 </div> 65 </div>
  66 + <input class="question-id" type="hidden" name="question_id" value="38">
  67 + <input class="feedback-id" type="hidden" name="feedback_id" value="5">
74 </form> 68 </form>
75 </li> 69 </li>
76 - <li style="display:none" key="1">  
77 - <form action="#" id="feedbackForm">  
78 - <input type="hidden" name="question_id" id="question_id" value="39">  
79 - <input type="hidden" name="feedback_id" id="feedback_id" value="5"> 70 + <li class="hide" key="1">
  71 + <form class="feed-back-form" action="#">
80 <div>您可以方便的找到想查看的内容吗？</div> 72 <div>您可以方便的找到想查看的内容吗？</div>
81 <div class="vote-item clearfix"> 73 <div class="vote-item clearfix">
82 <p> 74 <p>
83 - <input type="radio" name="solution" value="38">非常方便</p> 75 + <input type="radio" name="solution" value="38">非常方便
  76 + </p>
84 <p> 77 <p>
85 - <input type="radio" name="solution" value="39">方便</p> 78 + <input type="radio" name="solution" value="39">方便
  79 + </p>
86 <p> 80 <p>
87 - <input type="radio" name="solution" value="40">一般般</p> 81 + <input type="radio" name="solution" value="40">一般般
  82 + </p>
88 <p> 83 <p>
89 - <input type="radio" name="solution" value="41">不方便</p> 84 + <input type="radio" name="solution" value="41">不方便
  85 + </p>
90 <p> 86 <p>
91 - <input type="radio" name="solution" value="42">非常不方便</p> 87 + <input type="radio" name="solution" value="42">非常不方便
  88 + </p>
92 </div> 89 </div>
93 <div> 90 <div>
94 - <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a> 91 + <span class="feed-back-btn button">提交</span>
95 </div> 92 </div>
  93 + <input class="question-id" type="hidden" value="39">
  94 + <input class="feedback-id" type="hidden" value="5">
96 </form> 95 </form>
97 </li> 96 </li>
98 - <li style="display:none" key="2">  
99 - <form action="#" id="feedbackForm">  
100 - <input type="hidden" name="question_id" id="question_id" value="37">  
101 - <input type="hidden" name="feedback_id" id="feedback_id" value="5"> 97 + <li class="hide" key="2">
  98 + <form class="feed-back-form" action="#">
102 <div>您对新版还有哪些意见或建议？</div> 99 <div>您对新版还有哪些意见或建议？</div>
103 - <textarea name="answer" id="feedback_answer"></textarea> 100 + <textarea name="answer" id="feedback-answer"></textarea>
104 <div> 101 <div>
105 - <a href="javascript:void(0);" id="feedbackBtn" class="button">提交</a> 102 + <span class="feed-back-btn button">提交</span>
106 </div> 103 </div>
  104 + <input class="question-id" type="hidden" value="37">
  105 + <input class="feedback-id" type="hidden" value="5">
107 </form> 106 </form>
108 </li> 107 </li>
109 </ul> 108 </ul>
110 </div> 109 </div>
111 - <p id="feedbackPage" class="item-nav center">  
112 - <a href="javascript:void(0);">  
113 - <span class="iconfont cur">O</span>  
114 - </a>  
115 - <a href="javascript:void(0);">  
116 - <span class="iconfont ">o</span>  
117 - </a>  
118 - <a href="javascript:void(0);">  
119 - <span class="iconfont ">o</span>  
120 - </a> 110 + <p id="feed-back-page" class="item-nav center">
  111 + <span class="iconfont cur">&#xe619;</span>
  112 + <span class="iconfont ">&#xe619;</span>
  113 + <span class="iconfont ">&#xe619;</span>
121 </p> 114 </p>
122 </dd> 115 </dd>
123 <dd class="last"> 116 <dd class="last">
@@ -148,10 +141,8 @@ @@ -148,10 +141,8 @@
148 </ul> 141 </ul>
149 </div> 142 </div>
150 </div> 143 </div>
151 - <p class="item-nav center" id="button-mobile">  
152 - <a href="javascript:void(0);">  
153 - <span class="iconfont cur">O</span>  
154 - </a> 144 + <p class="item-nav center">
  145 + <span class="iconfont cur">&#xe619;</span>
155 </p> 146 </p>
156 </dd> 147 </dd>
157 </dl> 148 </dl>
@@ -182,8 +173,8 @@ @@ -182,8 +173,8 @@
182 </span> 173 </span>
183 </div> 174 </div>
184 <div class="right subscribe footer-right"> 175 <div class="right subscribe footer-right">
185 - <input class="rgb6 top" name="subscriberBox" id="subscriberBox" value="订阅我们的邮件">  
186 - <a href="javascript:void(0);" id="subscriberBtn" class="ifont rgbf">m</a> 176 + <input id="subscriber-box" class="rgb6 top" name="subscriberBox"value="订阅我们的邮件">
  177 + <a id="subscriber-btn" href="javascript:void(0);" class="ifont rgbf">m</a>
187 </div> 178 </div>
188 </div> 179 </div>
189 </div> 180 </div>
1 <script> 1 <script>
2 seajs.use('js/common'); 2 seajs.use('js/common');
3 - seajs.use('js/header');  
4 - seajs.use('js/footer',function(footer) {  
5 - if(footer) {  
6 - footer.init();  
7 - }  
8 - });  
9 </script> 3 </script>
10 {{!-- 首页 --}} 4 {{!-- 首页 --}}
11 {{#if boysHomePage}} 5 {{#if boysHomePage}}
12 -<script>  
13 - /*seajs.use('js/home/entrey', function(h) {  
14 - h.set('boys');  
15 - });*/ 6 + <script>
16 seajs.use('js/home/home'); 7 seajs.use('js/home/home');
17 </script> 8 </script>
18 {{/if}} 9 {{/if}}
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 <svg xmlns="http://www.w3.org/2000/svg"> 3 <svg xmlns="http://www.w3.org/2000/svg">
4 <metadata> 4 <metadata>
5 -Created by FontForge 20120731 at Wed Dec 2 17:34:20 2015 5 +Created by FontForge 20120731 at Fri Dec 4 15:54:33 2015
6 By Ads 6 By Ads
7 </metadata> 7 </metadata>
8 <defs> 8 <defs>
@@ -19,7 +19,7 @@ Created by FontForge 20120731 at Wed Dec 2 17:34:20 2015 @@ -19,7 +19,7 @@ Created by FontForge 20120731 at Wed Dec 2 17:34:20 2015
19 bbox="0 -214 1172.1 864" 19 bbox="0 -214 1172.1 864"
20 underline-thickness="50" 20 underline-thickness="50"
21 underline-position="-100" 21 underline-position="-100"
22 - unicode-range="U+0078-E616" 22 + unicode-range="U+0078-E619"
23 /> 23 />
24 <missing-glyph horiz-adv-x="374" 24 <missing-glyph horiz-adv-x="374"
25 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" /> 25 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
@@ -84,5 +84,13 @@ d="M704 569l-41 39l-343 -320l343 -320l41 39l-301 281z" /> @@ -84,5 +84,13 @@ d="M704 569l-41 39l-343 -320l343 -320l41 39l-301 281z" />
84 <glyph glyph-name="uniE616" unicode="&#xe616;" horiz-adv-x="1173" 84 <glyph glyph-name="uniE616" unicode="&#xe616;" horiz-adv-x="1173"
85 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 85 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
86 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" /> 86 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" />
  87 + <glyph glyph-name="uniE617" unicode="&#xe617;"
  88 +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" />
  89 + <glyph glyph-name="uniE618" unicode="&#xe618;" horiz-adv-x="1000"
  90 +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
  91 +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
  92 +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" />
  93 + <glyph glyph-name="uniE619" unicode="&#xe619;"
  94 +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" />
87 </font> 95 </font>
88 </defs></svg> 96 </defs></svg>
@@ -5,6 +5,9 @@ @@ -5,6 +5,9 @@
5 */ 5 */
6 var $ = require('yoho.jquery'); 6 var $ = require('yoho.jquery');
7 7
  8 +require('./footer');
  9 +require('./header');
  10 +
8 function cookie(name) { 11 function cookie(name) {
9 var cookies = document.cookie, 12 var cookies = document.cookie,
10 cookieVal, 13 cookieVal,
@@ -6,26 +6,36 @@ @@ -6,26 +6,36 @@
6 6
7 var $ = require('yoho.jquery'); 7 var $ = require('yoho.jquery');
8 8
  9 +var apiDomain;
  10 +
9 /** 11 /**
10 * 订阅 12 * 订阅
11 * @return {[type]} [description] 13 * @return {[type]} [description]
12 */ 14 */
13 function actionSubscription() { 15 function actionSubscription() {
14 - var $subscriberBox = $('#subscriberBox'),  
15 - $subscriberBtn = $('#subscriberBtn'), 16 + var $subscriberBox = $('#subscriber-box'),
  17 + $subscriberBtn = $('#subscriber-btn'),
16 emailReg = /^[.\-_a-zA-Z0-9]+@[\-_a-zA-Z0-9]+\.[a-zA-Z0-9]/; 18 emailReg = /^[.\-_a-zA-Z0-9]+@[\-_a-zA-Z0-9]+\.[a-zA-Z0-9]/;
  19 +
17 var subscribeParam = { 20 var subscribeParam = {
18 method: 'open.subscriber.subscriber', 21 method: 'open.subscriber.subscriber',
19 v: 1, 22 v: 1,
20 return_type: 'jsonp', 23 return_type: 'jsonp',
21 open_key: '12345' 24 open_key: '12345'
22 }; 25 };
  26 +
  27 + var iconCode = {
  28 + mail: '&#xe61b;',
  29 + tick: '&#xe61a'
  30 + };
  31 +
23 var email = $.trim($subscriberBox.val()); 32 var email = $.trim($subscriberBox.val());
  33 +
24 var params = {}; 34 var params = {};
25 35
26 $subscriberBox.focus(function() { 36 $subscriberBox.focus(function() {
27 $(this).val('').css('color', ''); 37 $(this).val('').css('color', '');
28 - $subscriberBtn.removeClass('done').text('m'); 38 + $subscriberBtn.removeClass('done').html(iconCode.mail);
29 }); 39 });
30 40
31 $subscriberBtn.click(function() { 41 $subscriberBtn.click(function() {
@@ -39,7 +49,7 @@ function actionSubscription() { @@ -39,7 +49,7 @@ function actionSubscription() {
39 $.getJSON('http://test.open.yohobuy.com' + '/?callback=?', params, function(data) { 49 $.getJSON('http://test.open.yohobuy.com' + '/?callback=?', params, function(data) {
40 if (data.data.result === 1) { 50 if (data.data.result === 1) {
41 $subscriberBox.val('已订阅到:' + email); 51 $subscriberBox.val('已订阅到:' + email);
42 - $subscriberBtn.addClass('done').text('='); 52 + $subscriberBtn.addClass('done').html(iconCode.tick);
43 } else { 53 } else {
44 $subscriberBox.css('color', 'red'); 54 $subscriberBox.css('color', 'red');
45 } 55 }
@@ -53,91 +63,69 @@ function actionSubscription() { @@ -53,91 +63,69 @@ function actionSubscription() {
53 }); 63 });
54 } 64 }
55 65
56 -function change(now, icon, box) {  
57 - var obj = now;  
58 - var index = icon.index(this);  
59 - var offset = index * 3;  
60 - var i; 66 +function actionhomeFootChange() {
  67 + var $vote = $('.vote'),
  68 + $feedBackPage = $('#feed-back-page'),
  69 + count = $vote.children('li').length;
61 70
62 - box.each(function() {  
63 - $(this).hide();  
64 - });  
65 - for (i = offset; i < offset + 3; i++) {  
66 - box.eq(i).show(); 71 + //意见反馈
  72 + $feedBackPage.on('click', 'span', function() {
  73 + var $this = $(this);
  74 +
  75 + if ($this.hasClass('cur')) {
  76 + return;
67 } 77 }
68 - now.each(function() {  
69 - $(this).children().removeClass('cur').html('o');  
70 - });  
71 - obj.children().addClass('cur').html('O');  
72 -}  
73 78
74 -function actionhomeFootChange() { 79 + $this.siblings('.cur').removeClass('cur');
  80 + $this.addClass('cur');
75 81
76 - //有货services  
77 - $('#button-services a').click(function() {  
78 - change($(this), $('#button-services a'), $('#foot-services ul li')); 82 + $vote.children().not('.hide').addClass('hide')
  83 + .end()
  84 + .eq($this.index()).removeClass('hide');
79 }); 85 });
80 86
81 - //更多有货产品  
82 - $('#button-mobile a').click(function() {  
83 - change($(this), $('#button-mobile a'), $('#foot-mobile ul li'));  
84 - }); 87 + $vote.on('click', '.feed-back-btn', function() {
  88 + var $this = $(this),
  89 + $li = $this.closest('li'),
  90 + index = $li.index(),
  91 + params = {},
  92 + _solution = [];
85 93
86 - //在线调查  
87 - $('#feedbackPage a').click(function() {  
88 - var indexNum; 94 + var _answer = $li.find('.feedback-answer').val(),
  95 + _feedback = $li.find('.feedback-id').val(),
  96 + _question = $li.find('.question-id').val();
89 97
90 - $('#feedbackPage').find('a').children('span').removeClass('cur').html('o');  
91 - $(this).children('span').addClass('cur').html('O');  
92 - indexNum = $('#feedbackPage a').index(this);  
93 - $('.vote li').hide();  
94 - $('.vote li').eq(indexNum).show(); 98 + $li.find(':checked').each(function() {
  99 + _solution.push($(this).val());
95 }); 100 });
96 101
97 - $('.vote li').each(function() {  
98 - var obj = this;  
99 - var index = $(this).index(); 102 + params = {
  103 + method: 'open.feedback.submit',
  104 + feedback: _feedback || 0,
  105 + question: _question || 0,
  106 + answer: _answer || '',
  107 + solution: _solution.join(',')
  108 + };
100 109
101 - $(this).find('#feedbackBtn').click(function() {  
102 - var params = {};  
103 - var _solution = [];  
104 - var _answer = $(obj).find('#feedback_answer').val();  
105 - var _feedback = $(obj).find('#feedback_id').val();  
106 - var _question = $(obj).find('#question_id').val(); 110 + $.getData(apiDomain, params, function(data) {
  111 + var next = index + 1;
107 112
108 - $(obj).find('input').each(function() {  
109 - if ($(this).attr('checked') === true || $(this).attr('checked') === 'checked') {  
110 - _solution.push($(this).val());  
111 - }  
112 - });  
113 - params.method = 'open.feedback.submit';  
114 - params.feedback_id = _feedback || 0;  
115 - params.question_id = _question || 0;  
116 - params.answer = _answer || '';  
117 - params.solution = _solution.join(',');  
118 - $.getData(window.apiDomain, params, function(reData) {  
119 - var voteCount;  
120 - var Next;  
121 -  
122 - if (reData.result === 1) {  
123 - voteCount = $('.vote li').length - 1;  
124 - if (index === voteCount) { 113 + if (data.result === 1) {
  114 + if (index === count - 1) {
125 alert('感谢您的参与！'); 115 alert('感谢您的参与！');
126 - return false; 116 + return;
127 } 117 }
128 - Next = index + 1;  
129 - $('.vote li').eq(index).hide();  
130 - $('.vote li').eq(Next).show();  
131 - $('#feedbackPage').children('a').eq(index).children('span').removeClass('cur').html('o');  
132 - $('#feedbackPage').children('a').eq(Next).children('span').addClass('cur').html('O'); 118 +
  119 + $li.addClass('hide');
  120 +
  121 + $vote.eq(index + 1).removeClass('hide');
  122 + $feedBackPage.children('.cur').removeClass('cur');
  123 + $feedBackPage.eq(next).addClass('cur');
133 } 124 }
134 - return false;  
135 - });  
136 }); 125 });
137 }); 126 });
138 } 127 }
139 128
140 -exports.init = function() {  
141 - actionSubscription(); //执行订阅  
142 - actionhomeFootChange(); //底部事件  
143 -};  
  129 +//初始化
  130 +actionSubscription();
  131 +actionhomeFootChange();
1 -@font-face {  
2 - font-family: 'icomoon';  
3 - src:font-url('icomoon.eot');  
4 - src:font-url('icomoon.eot?#iefix') format('embedded-opentype'),  
5 - font-url('icomoon.ttf') format('truetype'),  
6 - font-url('icomoon.woff') format('woff'),  
7 - font-url('icomoon.svg#icomoon') format('svg');  
8 - font-weight: normal;  
9 - font-style: normal;  
10 -}  
11 .yoho-footer { 1 .yoho-footer {
12 font-size: 12px; 2 font-size: 12px;
13 - /*----文字颜色----*/  
14 - .red{  
15 - color: #ee0011; 3 +
  4 + .left {
  5 + float: left;
16 } 6 }
17 - .orange{  
18 - color: #f9761a; 7 +
  8 + .right {
  9 + float: right;
19 } 10 }
20 - .rgb0{  
21 - color: #000; 11 +
  12 + .center {
  13 + text-align: center;
22 } 14 }
23 - .rgb2{  
24 - color: #222; 15 +
  16 + * {
  17 + box-sizing: border-box;
25 } 18 }
26 - .rgb4{  
27 - color: #444; 19 +
  20 + .red {
  21 + color: #ee0011;
28 } 22 }
29 - .rgb6{ 23 +
  24 + .rgb6 {
30 color: #666; 25 color: #666;
31 } 26 }
32 - .rgb9{ 27 +
  28 + .rgb9 {
33 color: #999; 29 color: #999;
34 } 30 }
35 31
36 - .rgbc{  
37 - color: #ccc;  
38 - }  
39 - .rgbf{ 32 + .rgbf {
40 color: #fff; 33 color: #fff;
41 } 34 }
42 - .blue{  
43 - color: #006699;  
44 - }  
45 - .blue2{  
46 - color: #468fa2;  
47 - }  
48 - /**函数类**/  
49 - .hidden{ display:none !important;}  
50 - .show{ display:block;}  
51 - .left{float: left;}  
52 - .right{float: right;}  
53 - .relative{position: relative;}  
54 - .absolute{position: absolute;}  
55 - .inline-block{  
56 - display: inline-block;  
57 - }  
58 - .top{  
59 - vertical-align: top;  
60 - }  
61 - .middle{  
62 - vertical-align: middle;  
63 - }  
64 - .center{  
65 - text-align: center;  
66 - }  
67 - .footertop { 35 +
68 .index-foot { 36 .index-foot {
69 background: #eeeeee; 37 background: #eeeeee;
70 padding:20px 0; 38 padding:20px 0;
71 - }  
72 - .index-foot dd{ 39 +
  40 + dd {
  41 + width: 370px;
73 margin-right: 20px; 42 margin-right: 20px;
74 float: left; 43 float: left;
75 overflow:hidden; 44 overflow:hidden;
76 - }  
77 - .index-foot dd.last{ 45 +
  46 + &.last {
78 margin-right: 0; 47 margin-right: 0;
79 } 48 }
80 - .index-foot dd .foot-panel{ 49 +
  50 + .foot-panel {
81 background: #fff; 51 background: #fff;
82 padding: 20px; 52 padding: 20px;
83 - _padding-right: 10px;  
84 } 53 }
85 54
86 - .index-foot dd .title{ 55 + .title {
  56 + position: relative;
87 text-align: center; 57 text-align: center;
88 - _zoom:1;  
89 } 58 }
90 - .index-foot dd .title .title-line{ 59 +
  60 + .title-line {
91 border-bottom: 1px solid #dddddd; 61 border-bottom: 1px solid #dddddd;
92 position: absolute; 62 position: absolute;
93 top: 9px; 63 top: 9px;
94 width: 100%; 64 width: 100%;
95 left: 0; 65 left: 0;
96 - *top: -6px;  
97 } 66 }
98 - .index-foot dd .title .text{ 67 +
  68 + .text {
99 position: absolute; 69 position: absolute;
100 width: 100%; 70 width: 100%;
101 text-align: center; 71 text-align: center;
102 left: 0; 72 left: 0;
103 top: 0; 73 top: 0;
104 - }  
105 - .index-foot dd .title .text span{ 74 +
  75 + span {
106 background: #fff; 76 background: #fff;
107 font-size: 18px; 77 font-size: 18px;
108 line-height: 18px; 78 line-height: 18px;
109 padding: 0 10px; 79 padding: 0 10px;
110 } 80 }
111 - .index-foot dd ul{ 81 + }
  82 +
  83 + ul {
112 margin-top: 18px; 84 margin-top: 18px;
113 padding-top: 18px; 85 padding-top: 18px;
114 } 86 }
115 - .index-foot dd .two-dim{ 87 +
  88 + .two-dim {
116 margin-right: -10px; 89 margin-right: -10px;
117 - }  
118 - .index-foot dd .two-dim li{ 90 + overflow: hidden;
  91 +
  92 + li {
119 border: 1px solid #ddd; 93 border: 1px solid #ddd;
120 padding: 7px; 94 padding: 7px;
121 margin-right: 10px; 95 margin-right: 10px;
  96 +
  97 + a {
  98 + display: block;
122 } 99 }
123 100
  101 + p {
  102 + text-align: center;
  103 + margin-top: 13px;
  104 + margin-bottom: 3px;
  105 + line-height: 12px;
  106 + }
  107 + }
  108 + }
124 109
125 - .index-foot dd .two-dim img.dim-img{  
126 - /*opacity: 0.5;  
127 - filter:alpha(opacity=50);*/ 110 + .dim-img {
  111 + display: block;
  112 + width: 87px;
  113 + height: 87px;
128 } 114 }
129 - .index-foot dd .two-dim .dim-hover{ 115 +
  116 + .dim-hover {
130 position: absolute; 117 position: absolute;
131 - }  
132 - .index-foot dd .two-dim .dim-hover img{ 118 +
  119 + img {
133 width: 38px; 120 width: 38px;
134 height: 38px; 121 height: 38px;
135 } 122 }
136 - .index-foot dd .two-dim .dim-active .dim-img{ 123 + }
  124 +
  125 + .dim-active .dim-img {
137 opacity: 1; 126 opacity: 1;
138 filter:alpha(opacity=100); 127 filter:alpha(opacity=100);
139 } 128 }
140 - .index-foot dd .two-dim .dim-active .dim-hover{ 129 +
  130 + .dim-active .dim-hover {
141 display: none; 131 display: none;
142 } 132 }
143 - .index-foot dd .two-dim li a{  
144 - display: block;  
145 - }  
146 - .index-foot dd .two-dim li p{  
147 - text-align: center;  
148 - margin-top: 13px;  
149 - margin-bottom: 3px;  
150 - line-height: 12px;  
151 - }  
152 - .index-foot dd .item-nav{ 133 +
  134 + .item-nav{
153 padding-top: 20px; 135 padding-top: 20px;
154 - }  
155 - .index-foot dd .item-nav a{  
156 - color: #999; 136 +
  137 + span {
  138 + color: #fff;
157 padding: 0 3px; 139 padding: 0 3px;
158 cursor:pointer; 140 cursor:pointer;
  141 + font-size: 20px;
  142 + }
  143 +
  144 + .cur {
  145 + color: #999;
  146 + }
159 } 147 }
160 - .index-foot .vote{  
161 - height: 131px;  
162 - line-height: 24px;  
163 } 148 }
164 - .index-foot .vote input{ 149 +
  150 + .vote {
  151 + line-height: 24px;
  152 +
  153 + input {
165 margin: 0 5px 0 1px; 154 margin: 0 5px 0 1px;
166 } 155 }
167 - .index-foot .vote .button{ 156 +
  157 + .button {
168 height: 24px; 158 height: 24px;
169 line-height: 24px; 159 line-height: 24px;
170 width: 55px; 160 width: 55px;
@@ -175,87 +165,82 @@ @@ -175,87 +165,82 @@
175 color: #fff; 165 color: #fff;
176 display: inline-block; 166 display: inline-block;
177 text-align: center; 167 text-align: center;
  168 + cursor: pointer;
178 } 169 }
179 - .index-foot .vote p{ 170 +
  171 + p {
180 height: 24px; 172 height: 24px;
181 overflow: hidden; 173 overflow: hidden;
182 } 174 }
183 - .index-foot .vote .vote-item p{  
184 - float: left;  
185 - width: 50%;  
186 -  
187 - }  
188 175
189 - .index-foot .vote textarea{ 176 + textarea{
190 width: 98%; 177 width: 98%;
191 - height: 60px; 178 + height: 68px;
192 vertical-align: middle; 179 vertical-align: middle;
193 margin: 5px 0px 0px 0px; 180 margin: 5px 0px 0px 0px;
194 resize:none; 181 resize:none;
195 } 182 }
  183 + }
  184 +
  185 + .vote-item p {
  186 + float: left;
  187 + width: 50%;
196 188
197 - .index-foot ul.mobile{  
198 - margin-right: -10px;  
199 } 189 }
200 - .index-foot .mobile li{ 190 +
  191 + .mobile {
  192 + margin-right: -10px;
  193 +
  194 + li {
201 margin-right: 10px; 195 margin-right: 10px;
202 float: left; 196 float: left;
203 - margin-bottom: 12px;  
204 } 197 }
205 198
206 - .index-foot dd li{  
207 - /*height: 131px;*/  
208 - zoom:1; 199 + img {
  200 + display: block;
  201 + width: 103px;
  202 + height: 131px;
  203 + }
209 } 204 }
210 205
211 - .index-banner{ 206 + .index-banner {
212 width: 100%; 207 width: 100%;
213 margin-top: 20px; 208 margin-top: 20px;
214 } 209 }
215 - .ifont10{  
216 - font-family: "icomoon" ;  
217 - display:inline-block;  
218 - font-size: 13px;  
219 - line-height: 10px;  
220 - -webkit-transform:scale(0.8);  
221 - }  
222 } 210 }
  211 +
223 .footerbottom { 212 .footerbottom {
224 width: 100%; 213 width: 100%;
  214 +
  215 +
  216 + }
  217 +
225 .promise { 218 .promise {
226 padding: 20px 0 10px 0; 219 padding: 20px 0 10px 0;
227 background: #000; 220 background: #000;
  221 +
228 .left { 222 .left {
  223 + margin-right: 60px;
229 line-height: 30px; 224 line-height: 30px;
230 font-size: 12px; 225 font-size: 12px;
231 font-weight: bold; 226 font-weight: bold;
232 - .ifont {  
233 - font-size: 24px;  
234 - line-height: 24px;  
235 - vertical-align: middle;  
236 - margin-right: 5px;  
237 - font-weight: normal;  
238 - font-family: "icomoon" ;  
239 - display:inline-block;  
240 - }  
241 } 227 }
242 } 228 }
  229 +
243 .subscribe { 230 .subscribe {
244 border: 1px solid #262626; 231 border: 1px solid #262626;
  232 + width: 240px;
  233 +
245 input { 234 input {
  235 + width: 180px;
246 height: 32px; 236 height: 32px;
247 padding: 0 10px; 237 padding: 0 10px;
248 line-height: 32px; 238 line-height: 32px;
249 border: none; 239 border: none;
250 margin: 0; 240 margin: 0;
251 - *height: 28px;  
252 - *line-height: 28px;  
253 background: #000; 241 background: #000;
254 -  
255 - &.wrong{  
256 - color: #ee0011;  
257 - }  
258 } 242 }
  243 +
259 a { 244 a {
260 margin-left: 10px; 245 margin-left: 10px;
261 font-size: 18px; 246 font-size: 18px;
@@ -264,17 +249,20 @@ @@ -264,17 +249,20 @@
264 filter: alpha(opacity=50); 249 filter: alpha(opacity=50);
265 } 250 }
266 } 251 }
  252 +
267 .footer-help { 253 .footer-help {
268 background: #000; 254 background: #000;
269 font-size: 12px; 255 font-size: 12px;
270 overflow: hidden; 256 overflow: hidden;
  257 +
271 ul { 258 ul {
272 width: 110%; 259 width: 110%;
273 } 260 }
274 - li p { 261 +
  262 + p {
275 line-height: 24px; 263 line-height: 24px;
276 264
277 - span{ 265 + span {
278 color: #fff; 266 color: #fff;
279 } 267 }
280 268
@@ -286,1022 +274,111 @@ @@ -286,1022 +274,111 @@
286 } 274 }
287 } 275 }
288 } 276 }
  277 +
  278 + li {
  279 + width: 180px;
  280 + }
  281 +
289 .screen { 282 .screen {
290 border-top: 1px solid #262626; 283 border-top: 1px solid #262626;
291 padding: 15px 0; 284 padding: 15px 0;
292 } 285 }
293 } 286 }
294 - .client-title p {  
295 - line-height: 24px;  
296 - }  
297 - .client {  
298 - padding-top: 6px;  
299 - a.ifont {  
300 - font-size: 20px;  
301 - background: #444;  
302 - width: 32px;  
303 - height: 32px;  
304 - margin-right: 3px;  
305 - text-align: center;  
306 - line-height: 32px;  
307 - }  
308 - }  
309 - .footer-link{ 287 +
  288 + .footer-link {
310 background: #000; 289 background: #000;
311 padding: 10px 0 30px 0; 290 padding: 10px 0 30px 0;
312 font-size: 12px; 291 font-size: 12px;
  292 +
  293 + .right-flag {
  294 + margin-top: 3px;
  295 +
  296 + a {
  297 + margin-right: 5px;
  298 + }
313 } 299 }
  300 +
314 .about-us { 301 .about-us {
315 - margin-left: 10px;  
316 line-height: 20px; 302 line-height: 20px;
317 color: #666; 303 color: #666;
  304 + margin-left: 10px;
  305 +
318 a { 306 a {
319 color: #666; 307 color: #666;
320 } 308 }
321 - p span { 309 +
  310 + span {
322 padding: 0 10px; 311 padding: 0 10px;
323 } 312 }
324 } 313 }
325 - .footer-link .right-flag a {  
326 - margin-right: 5px;  
327 - }  
328 - .footer-client {  
329 - padding: 0px;  
330 - bottom: 25px;  
331 - left: -37px;  
332 - z-index: 10;  
333 - width: 106px;  
334 - top: -140px;  
335 - .client-img {  
336 - background: #fff;  
337 - }  
338 - a {  
339 - padding: 8px;  
340 - background: #fff;  
341 - display: block;  
342 - p {  
343 - text-align: center;  
344 - padding-top: 5px;  
345 - }  
346 - }  
347 - .arrow {  
348 - line-height: 12px;  
349 - text-align: center;  
350 - width: 100%;  
351 - font-size: 12px;  
352 - vertical-align: top;  
353 - margin-top: -2px;  
354 - }  
355 - }  
356 - .right-flag{  
357 - margin-top: 3px;  
358 - }  
359 } 314 }
  315 +
360 .return-top { 316 .return-top {
361 position: fixed; 317 position: fixed;
362 width: 60px; 318 width: 60px;
363 height: 60px; 319 height: 60px;
364 - font-size: 18px; 320 + left: 50%;
  321 + margin-left: 595px;
365 text-align: center; 322 text-align: center;
366 - line-height: 60px; 323 + line-height: 50px;
367 color: #fff; 324 color: #fff;
368 background: #000; 325 background: #000;
369 opacity: 0.5; 326 opacity: 0.5;
370 filter: alpha(opacity=50); 327 filter: alpha(opacity=50);
371 bottom: 20px; 328 bottom: 20px;
372 cursor: pointer; 329 cursor: pointer;
373 - z-index: 99999;  
374 &:hover { 330 &:hover {
375 opacity: 0.9; 331 opacity: 0.9;
376 filter: alpha(opacity=90); 332 filter: alpha(opacity=90);
377 } 333 }
  334 +
  335 + .iconfont {
  336 + font-size: 34px;
  337 + }
378 } 338 }
379 } 339 }
380 -@media (max-width:1310px){  
381 - .yoho-footer{  
382 - .return-top{ 340 +
  341 +@media (max-width: 1360px) {
  342 + .yoho-footer .return-top {
383 left: 100%; 343 left: 100%;
384 right: 20px; 344 right: 20px;
385 margin-left: auto; 345 margin-left: auto;
386 } 346 }
387 - }  
388 -  
389 } 347 }
390 348
391 -@media (min-width:1310px){  
392 - .yoho-footer{  
393 - .return-top{  
394 - left: 50%;  
395 - margin-left: 595px;  
396 - }  
397 - }  
398 -}  
399 -@media (max-width:1180px){ 349 +@media (max-width:1180px) {
400 .yoho-footer { 350 .yoho-footer {
401 - .screen{  
402 - width: 990px;  
403 - margin-left: auto;  
404 - margin-right: auto;  
405 - }  
406 - .screen-l{  
407 - display: none;  
408 - }  
409 - .footerbottom{  
410 - min-width: 990px;  
411 - }  
412 - .footerbottom .footer-right{  
413 - width: 200px;  
414 - width: 202px \9;  
415 - }  
416 - .footerbottom .footer-help ul{  
417 - /*width: 690px;*/  
418 - }  
419 - .footerbottom .footer-help li{  
420 - width: 150px;  
421 - }  
422 - .footerbottom .promise .left{  
423 - margin-right: 45px;  
424 - }  
425 - .footerbottom .subscribe input{  
426 - width: 140px;  
427 - outline: none;  
428 - }  
429 351
430 - /*trends*/  
431 - .article-list{  
432 - width: 670px;  
433 - }  
434 - .article-list ul .article-cover img{  
435 - width: 320px;  
436 - height: 214px;  
437 - }  
438 - .article-list ul .article-summary{  
439 - width: 330px;  
440 - height: 214px; 352 + .index-foot dd {
  353 + width: 316px;
  354 +
  355 + .two-dim {
  356 + margin-top: 26px;
  357 + margin-bottom: 10px;
441 overflow: hidden; 358 overflow: hidden;
442 } 359 }
443 - .trends-suggestion ul li{  
444 - width: 208px;  
445 - }  
446 - .trends-suggestion ul li img{  
447 - width: 208px;  
448 - height: 138px;  
449 - }  
450 - .article-list .article-detail img{  
451 - max-width: 670px;  
452 - }  
453 360
454 - /*lookbook*/  
455 - .trends-list ul li{  
456 - width: 232px;  
457 - }  
458 - .trends-list ul li a img{  
459 - width: 232px;  
460 - height: 330px;  
461 - }  
462 - .trends-list ul li p{  
463 - width: 222px; 361 + .dim-img {
  362 + width: 69px;
  363 + height: 69px;
464 } 364 }
465 365
466 - .focus-top3{  
467 - height: 618px;  
468 - }  
469 - .focus-top3 .focus-img img{  
470 - width: 495px;  
471 - height: 618px;  
472 - }  
473 - .focus-top3 ul li, .trends-content iframe{  
474 - height: 618px;  
475 - width: 990px;  
476 - }  
477 - }  
478 -}  
479 -@media (min-width:1180px){  
480 - .yoho-footer{  
481 - .screen{  
482 - width: 1150px;  
483 - margin-left: auto;  
484 - margin-right: auto;  
485 - }  
486 - .footerbottom .footer-right{  
487 - width: 240px;  
488 - width: 242px \9;  
489 - }  
490 - .footerbottom .footer-help ul{  
491 - /*width: 810px;*/  
492 - }  
493 - .footerbottom .footer-help li{  
494 - width: 180px;  
495 - }  
496 - .footerbottom .promise .left{  
497 - margin-right: 60px; 366 + .mobile img {
  367 + width: 85px;
  368 + height: 108px;
498 } 369 }
499 - .footerbottom .subscribe input{  
500 - width: 180px;  
501 - outline: none;  
502 } 370 }
503 371
504 - /*trends*/  
505 - .article-list{  
506 - width: 830px;  
507 - }  
508 - .article-list ul .article-cover img{  
509 - width: 360px;  
510 - height: 240px;  
511 - }  
512 - .article-list ul .article-summary{  
513 - width: 450px;  
514 - height: 240px;  
515 - overflow: hidden;  
516 - }  
517 - .trends-suggestion ul li{  
518 - width: 262px;  
519 - }  
520 - .trends-suggestion ul li img{  
521 - width: 262px;  
522 - height: 175px;  
523 - }  
524 - .article-list .article-detail img{  
525 - max-width: 830px;  
526 - } 372 + .subscribe {
  373 + width: 200px;
527 374
528 - /*lookbook*/  
529 - .trends-list ul li{  
530 - width: 272px;  
531 - }  
532 - .trends-list ul li a img{  
533 - width: 272px;  
534 - height: 388px;  
535 - }  
536 - .trends-list ul li p{  
537 - width: 262px;  
538 - }  
539 - .focus-top3{  
540 - height: 716px;  
541 - }  
542 - .focus-top3 .focus-img img{  
543 - width: 575px;  
544 - height: 716px;  
545 - }  
546 - .focus-top3 ul li, .trends-content iframe{  
547 - height: 716px;  
548 - width: 1150px; 375 + input {
  376 + width: 140px;
549 } 377 }
550 } 378 }
551 379
552 -}  
553 -  
554 -  
555 -/* new index 990 */  
556 -@media (max-width:1180px){  
557 - .sort-enter a, .sort-enter a img{  
558 - width:494px;  
559 - height:388px;  
560 - }  
561 - .sort-enter a span{  
562 - bottom:40px;  
563 - }  
564 - .new-arrial img{  
565 - width:990px;  
566 - }  
567 - .arrial-list ul li, .arrial-list ul li img{  
568 - width:325px;  
569 - height: 265px;  
570 - }  
571 - .hot-brand .con{  
572 - height: 103px;  
573 - }  
574 - .hot-brand .con .btn-page{  
575 - width:90px;  
576 - height:103px;  
577 - background-position: -106px 0;  
578 - }  
579 - .hot-brand .con .btn-page a{  
580 - width: 30px;  
581 - height:30px;  
582 - }  
583 - .hot-brand .con .btn-page a.page-before{  
584 - top: 22px;  
585 - left: 8px;  
586 - }  
587 - .hot-brand .con .btn-page a.page-next{  
588 - top: 50px;  
589 - left: 44px; 380 + .footer-help li {
  381 + width: 150px;
590 } 382 }
591 - .hot-brand .con .list{  
592 - margin-right: 90px;  
593 } 383 }
594 - .hot-brand .con .list ul li img{  
595 - width:100px;  
596 - height:103px;  
597 - }  
598 -}  
599 -@media (min-width:1180px){  
600 - .sort-enter a, .sort-enter a img{  
601 - width:574px;  
602 - height:450px;  
603 - }  
604 - .sort-enter a span{  
605 - bottom:50px;  
606 - }  
607 - .new-arrial img{  
608 - width:1150px;  
609 - }  
610 - .arrial-list ul li, .arrial-list ul li img{  
611 - width:378px;  
612 - height:308px;  
613 - }  
614 - .hot-brand .con{  
615 - height: 120px;  
616 - }  
617 - .hot-brand .con .btn-page{  
618 - width:106px;  
619 - height:120px;  
620 - background-position: 0 0;  
621 - }  
622 - .hot-brand .con .btn-page a{  
623 - width: 40px;  
624 - height:40px;  
625 - }  
626 - .hot-brand .con .btn-page a.page-before{  
627 - top: 24px;  
628 - left: 4px;  
629 - }  
630 - .hot-brand .con .btn-page a.page-next{  
631 - top: 58px;  
632 - left: 50px;  
633 - }  
634 - .hot-brand .con .list{  
635 - margin-right: 106px;  
636 - }  
637 - .hot-brand .con .list ul li img{  
638 - width:116px;  
639 - height:120px;  
640 - }  
641 -}  
642 -  
643 -  
644 -  
645 -/*new index*/  
646 -@media (max-width:1180px){  
647 - /*  
648 - .page-index-new .screen{  
649 - width: 988px;  
650 - }*/  
651 -  
652 - .focus-top2{  
653 - height: 388px;  
654 - }  
655 - .focus-top2 .focus-img img{  
656 - width: 988px;  
657 - height: 388px;  
658 - }  
659 - .focus-bottom ul{  
660 - padding: 0 1px;  
661 - height: 46px;  
662 - overflow: hidden;  
663 - }  
664 - .focus-bottom ul li img{  
665 - width: 118px;  
666 - height: 46px;  
667 - }  
668 - .focus-bottom ul li a{  
669 - width: 118px;  
670 - height: 46px;  
671 - }  
672 -  
673 - #bigSlide{  
674 - width: 988px;  
675 - height: 388px;  
676 - }  
677 - #bigSlide li{  
678 - width: 988px;  
679 - height: 388px;  
680 - }  
681 -  
682 - .dl-index .hot-brands li a img{  
683 - width: 163px;  
684 - height: 163px;  
685 - }  
686 - .dl-index .hot-brands li.li-h-2 a img{  
687 - width: 328px;  
688 - }  
689 - .dl-index .hot-brands li.li-v-2 a img{  
690 - height: 328px;  
691 - }  
692 - .dl-index .hot-brands li .btn-page{  
693 - padding: 36px 0 0 36px;  
694 - width: 127px;  
695 - height: 127px;  
696 - }  
697 - .wrapper-index2{  
698 - width: 988px;  
699 - }  
700 - .wrapper-index2 .index-unit-5{  
701 - width: 823px;  
702 - }  
703 - .wrapper-index2 .index-unit-1{  
704 - width: 163px;  
705 - }  
706 - .wrapper-index2 .index-unit-5 ul.hot-brands{  
707 - height: 330px;  
708 - }  
709 -  
710 - .dl-index .index-ul li a img{  
711 - width: 163px;  
712 - height: 206px;  
713 - }  
714 - .dl-index .index-ul li.li-h-2 a img{  
715 - width: 328px;  
716 - }  
717 -  
718 - .wrapper-index2 .index-ads img{  
719 - width: 163px;  
720 - }  
721 - .wrapper-index2 .index-ads .ads-1 img{  
722 - height: 279px;  
723 - }  
724 - .wrapper-index2 .index-ads .ads-2 img{  
725 - height: 163px;  
726 - }  
727 -  
728 - .dl-index .category-top img{  
729 - width: 163px;  
730 - height: 146px;  
731 - }  
732 - .dl-index .category-list{  
733 - padding: 7px 0;  
734 - }  
735 - .dl-index .category-list li{  
736 - width: 76px;  
737 - }  
738 - .dl-index .category-list li a{  
739 - padding: 0px 0 0px 15px;  
740 - height: 24px;  
741 - line-height: 24px;  
742 - }  
743 - .dl-index .brands-list{  
744 - padding: 7px 0;  
745 - }  
746 - .dl-index .brands-list li a{  
747 - line-height: 24px;  
748 - height: 24px;  
749 - padding: 0px 15px 0px 15px;  
750 - }  
751 -  
752 - .index-foot dd{  
753 - width: 316px;  
754 -  
755 - }  
756 - .index-foot dd .two-dim img.dim-img{  
757 - width: 69px;  
758 - height: 69px;  
759 - }  
760 - .index-foot .mobile li img{  
761 - width: 85px;  
762 - height: 108px;  
763 - }  
764 - .index-foot ul.mobile{  
765 - margin-top: 30px;  
766 - padding-bottom: 11px;  
767 - height: 108px;  
768 - overflow: hidden;  
769 - }  
770 - .index-foot dd .two-dim{  
771 - margin-top: 26px;  
772 - margin-bottom: 10px;  
773 - /*padding-bottom: 10px;*/  
774 - height: 113px;  
775 - overflow: hidden;  
776 - }  
777 -  
778 - .index-foot dd .two-dim .dim-hover{  
779 - left: 16px;  
780 - top: 16px;  
781 - }  
782 - /*hotBrand*/  
783 - .dl-index .hot-brand-new .ids img{  
784 - width:163px;  
785 - }  
786 - .hot-brand-new .recommendBox-new{  
787 - width:891px;  
788 - height:156px;  
789 - }  
790 - .hot-brand-new .recommendBox-new ul li{  
791 - width:99px;  
792 - height:78px;  
793 - }  
794 - .hot-brand-new .recommendBox-new ul li img{  
795 - width:99px;  
796 - height:78px;  
797 - }  
798 - .dl-index .hot-brand-new .index-unit-1{  
799 - width:97px;  
800 - height:156px;  
801 - }  
802 - .dl-index .hot-brand-new .index-unit-1 ul li{  
803 - width:97px;  
804 - height:78px;  
805 - }  
806 - .dl-index .hot-brand-new .index-unit-1 ul li img{  
807 - width:97px;  
808 - height:78px;  
809 - }  
810 - .dl-index .hot-brand-new .btn-page{  
811 - width:97px;  
812 - height:78px;  
813 - background: url('http://static.yohobuy.com/images/v3/icon/btn_page_small.jpg') no-repeat center center ;  
814 - }  
815 - /*猜你喜欢*/  
816 - .index-guess-like li{  
817 - width: 163px;  
818 - float: left;  
819 - margin-right: 2px;  
820 - text-align: center;  
821 - }  
822 - .index-guess-like li img{  
823 - width: 163px;  
824 - }  
825 -  
826 -}  
827 -  
828 -@media (min-width:1180px){  
829 - .focus-top2{  
830 - height: 450px;  
831 - }  
832 - .focus-top2 .focus-img img{  
833 - width: 1150px;  
834 - height: 450px;  
835 - }  
836 - .focus-bottom ul{  
837 - padding: 0 2px;  
838 - height: 54px;  
839 - overflow: hidden;  
840 - }  
841 - .focus-bottom ul li img{  
842 - width: 138px;  
843 - height: 54px;  
844 - }  
845 - .focus-bottom ul li a{  
846 - width: 138px;  
847 - height: 54px;  
848 - }  
849 - #bigSlide{  
850 - width: 1150px;  
851 - height: 450px;  
852 - }  
853 - #bigSlide li{  
854 - width: 1150px;  
855 - height: 450px;  
856 - }  
857 -  
858 - .dl-index .hot-brands li a img{  
859 - width: 190px;  
860 - height: 190px;  
861 - }  
862 - .dl-index .hot-brands li.li-h-2 a img{  
863 - width: 382px;  
864 - }  
865 - .dl-index .hot-brands li.li-v-2 a img{  
866 - height: 382px;  
867 - }  
868 - .dl-index .hot-brands li .btn-page{  
869 - padding: 50px 0 0 50px;  
870 - width: 140px;  
871 - height: 140px;  
872 - }  
873 -  
874 - .wrapper-index2 .index-unit-5{  
875 - width: 958px;  
876 - }  
877 - .wrapper-index2 .index-unit-1{  
878 - width: 190px;  
879 - }  
880 - .wrapper-index2 .index-unit-5 ul.hot-brands{  
881 - height: 384px;  
882 - }  
883 -  
884 - .dl-index .index-ul li a img{  
885 - width: 190px;  
886 - height: 240px;  
887 - }  
888 - .dl-index .index-ul li.li-h-2 a img{  
889 - width: 382px;  
890 - }  
891 -  
892 - .wrapper-index2 .index-ads img{  
893 - width: 190px;  
894 - }  
895 - .wrapper-index2 .index-ads .ads-1 img{  
896 - height: 320px;  
897 - }  
898 - .wrapper-index2 .index-ads .ads-2 img{  
899 - height: 190px;  
900 - }  
901 -  
902 - .dl-index .category-top img{  
903 - width: 190px;  
904 - height: 170px;  
905 - }  
906 -  
907 - .dl-index .category-list{  
908 - padding: 8px 0;  
909 - }  
910 - .dl-index .category-list li{  
911 - width: 90px;  
912 - }  
913 - .dl-index .category-list li a{  
914 - padding: 0px 0 0px 15px;  
915 - height: 28px;  
916 - line-height: 28px;  
917 - }  
918 - .dl-index .brands-list{  
919 - padding: 8px 0;  
920 - }  
921 - .dl-index .brands-list li a{  
922 - line-height: 28px;  
923 - height: 28px;  
924 - padding: 0px 15px 0px 15px;  
925 - }  
926 -  
927 - .index-foot dd{  
928 - width: 370px;  
929 -  
930 - }  
931 - .index-foot dd .two-dim{  
932 - overflow: hidden;  
933 - }  
934 - .index-foot dd .two-dim img.dim-img{  
935 - width: 87px;  
936 - height: 87px;  
937 - }  
938 - .index-foot .mobile li img{  
939 - width: 103px;  
940 - height: 131px;  
941 - }  
942 -  
943 - .index-foot dd .two-dim .dim-hover{  
944 - left: 25px;  
945 - top: 25px;  
946 - }  
947 - .index-foot ul.mobile{  
948 - height: 131px;  
949 - overflow: hidden;  
950 - }  
951 - /*hotBrand*/  
952 - .dl-index .hot-brand-new .ids{  
953 - width:190px;  
954 - }  
955 - .hot-brand-new .recommendBox-new{  
956 - width:1035px;  
957 - height:180px;  
958 - }  
959 - .hot-brand-new .recommendBox-new ul li{  
960 - width:115px;  
961 - height:90px;  
962 - }  
963 - .hot-brand-new .recommendBox-new ul li img{  
964 - width:115px;  
965 - height:90px;  
966 - }  
967 - .dl-index .hot-brand-new .index-unit-1{  
968 - width:115px;  
969 - height:180px;  
970 -  
971 - }  
972 - .dl-index .hot-brand-new .index-unit-1 ul li{  
973 - width:115px;  
974 - height:90px;  
975 - }  
976 - .dl-index .hot-brand-new .index-unit-1 ul li img{  
977 - width:115px;  
978 - height:90px;  
979 - }  
980 - .dl-index .hot-brand-new .btn-page{  
981 - width:115px;  
982 - height:90px;  
983 - background: url('http://static.yohobuy.com/images/v3/icon/btn_page_big.jpg') no-repeat center center ;  
984 - }  
985 - /*猜你喜欢*/  
986 - .index-guess-like li{  
987 - width: 190px;  
988 - height: 320px;  
989 - float: left;  
990 - margin-right: 2px;  
991 - text-align: center;  
992 - }  
993 -  
994 -}  
995 -  
996 -/*boys*/  
997 -  
998 -  
999 -@media (max-width:1180px){  
1000 -  
1001 - .wrapper-right{  
1002 - width: 810px;  
1003 - }  
1004 - .wrapper-main .list-unit{  
1005 - width: 195px;  
1006 -  
1007 - }  
1008 - .wrapper-main .index-tab{  
1009 - width: 615px; /*750*/  
1010 - overflow: hidden;  
1011 - }  
1012 - .banner-zone .feedback .item-vote{  
1013 - width: 150px;  
1014 - padding: 10px;  
1015 - overflow: hidden;  
1016 - }  
1017 - .wrapper-main .banner-zone div.phone .left-a{  
1018 - padding-right: 5px;  
1019 - }  
1020 - .wrapper-main .banner-zone div.phone .right-a{  
1021 - padding-left: 5px;  
1022 - }  
1023 - .banner-zone .recent-view .recent-goods{  
1024 - width: 153px;  
1025 - }  
1026 - .banner-zone .recent-view .recent-goods img{  
1027 - width: 50px;  
1028 - height: 50px;  
1029 - }  
1030 - .focus-top{  
1031 - height: 334px;  
1032 - }  
1033 - .focus-brands .focus-brands-wrapper{  
1034 - width: 640px;  
1035 - }  
1036 - .focus-top .button-switch .ifont{  
1037 - margin-top: 160px;  
1038 - }  
1039 -  
1040 -}  
1041 -  
1042 -@media (min-width:1180px){  
1043 -  
1044 - .wrapper-right{  
1045 - width: 970px; /*990px*/  
1046 - }  
1047 - .wrapper-main .list-unit{  
1048 - width: 235px; /*240*/  
1049 -  
1050 - }  
1051 - .wrapper-main .index-tab{  
1052 - width: 735px; /*750*/  
1053 - overflow: hidden;  
1054 - }  
1055 - .banner-zone .feedback .item-vote{  
1056 - width: 170px;  
1057 - padding: 20px;  
1058 - overflow: hidden;  
1059 - }  
1060 - .wrapper-main .banner-zone div.phone .left-a{  
1061 - padding-right: 20px;  
1062 - }  
1063 - .wrapper-main .banner-zone div.phone .right-a{  
1064 - padding-left: 20px;  
1065 - }  
1066 - .banner-zone .recent-view .recent-goods{  
1067 - width: 183px;  
1068 - }  
1069 - .banner-zone .recent-view .recent-goods img{  
1070 - width: 60px;  
1071 - height: 60px;  
1072 - }  
1073 - .focus-top{  
1074 - height: 400px;  
1075 - }  
1076 - .focus-brands .focus-brands-wrapper{  
1077 - width: 800px;  
1078 - }  
1079 - .focus-top .button-switch .ifont{  
1080 - margin-top: 185px;  
1081 - }  
1082 -}  
1083 -  
1084 -/*brands*/  
1085 -@media (max-width:1180px){  
1086 - .brands-ad .ad-img1 img{  
1087 - width: 490px;  
1088 - height: 240px;  
1089 - }  
1090 - .brands-ad .ad-img2 img{  
1091 - width: 240px;  
1092 - height: 240px;  
1093 - }  
1094 - .brands-logo a{  
1095 - /*margin-left: 19px;*/  
1096 - margin-left: 18px;  
1097 - }  
1098 - .brands-logo a.first{  
1099 - margin-left: 10px;  
1100 - }  
1101 - .wrapper-brands .brands-fixed{  
1102 - width: 956px;  
1103 - }  
1104 - .wrapper-brands .brands-az a{  
1105 - padding: 0 6px;  
1106 - }  
1107 -}  
1108 -  
1109 -@media (min-width:1180px){  
1110 - .brands-ad .ad-img1 img{  
1111 - width: 570px;  
1112 - height: 280px;  
1113 - }  
1114 - .brands-ad .ad-img2 img{  
1115 - width: 280px;  
1116 - height: 280px;  
1117 - }  
1118 - .brands-logo a{  
1119 - margin-left: 35px;  
1120 - }  
1121 - .brands-logo a.first{  
1122 - margin-left: 18px;  
1123 - }  
1124 - .wrapper-brands .brands-fixed{  
1125 - width: 1116px;  
1126 - }  
1127 -}  
1128 -  
1129 -/*goods list*/  
1130 -  
1131 -@media (max-width:1180px){  
1132 - .goods-list{  
1133 - margin-right: -10px;  
1134 - }  
1135 - .goods-list .goods{  
1136 - width: 195px;  
1137 - margin-right: 10px;  
1138 - height: 353px;  
1139 - overflow: hidden;  
1140 - }  
1141 - /*  
1142 - .goods-mini .goods-list{  
1143 - margin-right: -12px;  
1144 - }  
1145 - .goods-mini .goods-list .goods{  
1146 - width: 125px;  
1147 - margin-right: 12px;  
1148 - }*/  
1149 -  
1150 - /*图片固定高度*/  
1151 - .goods-list .goods img{  
1152 - width: 195px;  
1153 - height: 261px;  
1154 - }  
1155 - /*end*/  
1156 -  
1157 - .sort-condition .sort-num{  
1158 - display: none;  
1159 - }  
1160 - .goods-suggestion .goods-more{  
1161 - /*display: none;*/  
1162 - }  
1163 -  
1164 - .brands-suggestion li a{  
1165 - margin: 0 0 0 6px;  
1166 - }  
1167 - .brands-suggestion li a{  
1168 - width: 130px;  
1169 - }  
1170 - .brands-suggestion li img{  
1171 - padding: 22px 24px 22px 24px;  
1172 - }  
1173 -  
1174 - /*0124*/  
1175 - .goods-suggestion .goods-list{  
1176 - height: 353px;  
1177 - overflow: hidden;  
1178 - }  
1179 - .goods-view .goods-list .goods{  
1180 - width: 190px;  
1181 - overflow: hidden;  
1182 - }  
1183 -  
1184 -}  
1185 -  
1186 -@media (min-width: 1180px){  
1187 -  
1188 - .goods-list{  
1189 - margin-right: -10px;  
1190 - }  
1191 - .goods-list .goods{  
1192 - width: 235px;  
1193 - margin-right: 10px;  
1194 - height: 406px;  
1195 - }  
1196 - .goods-mini .goods-list{  
1197 - margin-right: -14px;  
1198 - }  
1199 - .goods-mini .goods-list .goods{  
1200 - width: 150px;  
1201 - margin-right: 14px;  
1202 - height: 293px;  
1203 - }  
1204 - .goods-mini .goods-list .li-first-4{  
1205 - clear: none;  
1206 - }  
1207 - .goods-mini .goods-list .li-first-6{  
1208 - clear: left;  
1209 - }  
1210 -  
1211 - /*图片固定高度*/  
1212 - .goods-list .goods img{  
1213 - width: 235px;  
1214 - height: 314px;  
1215 - }  
1216 - .goods-mini .goods-list .goods img{  
1217 - width: 150px;  
1218 - height: 201px;  
1219 - }  
1220 - /*end*/  
1221 -  
1222 - .brands-suggestion li a{  
1223 - margin: 0 0 0 8px;  
1224 - }  
1225 - .brands-suggestion li a{  
1226 - width: 155px;  
1227 - }  
1228 - .brands-suggestion li img{  
1229 - padding: 22px 37px 22px 36px;  
1230 - }  
1231 -  
1232 -  
1233 - .goods-suggestion .goods-list{  
1234 - height: 293px;  
1235 - overflow: hidden;  
1236 - }  
1237 - .goods-view .goods-mini .goods-list .goods{  
1238 - margin-right: 16px;  
1239 - }  
1240 -  
1241 -}  
1242 -  
1243 -  
1244 -  
1245 -  
1246 -/*goods list top*/  
1247 -  
1248 -@media (max-width:1180px){  
1249 - .goods-right{  
1250 - width: 810px;  
1251 - }  
1252 -  
1253 - .goods-right .goods-ad .ad-text{  
1254 - width: 748px;  
1255 - /*height: 248px;*/  
1256 - padding:0px 30px 30px 30px;  
1257 - border:1px solid #eaeceb;  
1258 - }  
1259 - .goods-right .goods-ad .ad-half .ad-text{  
1260 - width: 348px;  
1261 - height: 218px;  
1262 - }  
1263 - .goods-right .goods-ad .ad-half-img{  
1264 - width: 400px;  
1265 - height: 250px;  
1266 - }  
1267 - .goods-right .goods-ad .ad-img{  
1268 - width: 810px;  
1269 - height: 250px;  
1270 - }  
1271 - .goods-right .goods-ad .text-title .title{  
1272 - margin-top: 30px;  
1273 - }  
1274 - /*  
1275 - .search-condition .search-selected p{  
1276 - width: 640px;  
1277 - }*/  
1278 -}  
1279 -  
1280 -@media (min-width:1180px){  
1281 - .goods-right{  
1282 - width: 970px;  
1283 - }  
1284 - .goods-right .goods-ad .ad-text{  
1285 - width: 868px;  
1286 - height: 298px;  
1287 - padding:0px 50px;  
1288 - border:1px solid #eaeceb;  
1289 - }  
1290 - .goods-right .goods-ad .ad-half .ad-text{  
1291 - width: 388px;  
1292 - height: 298px;  
1293 - }  
1294 - .goods-right .goods-ad .ad-half-img{  
1295 - width: 480px;  
1296 - height: 300px;  
1297 - }  
1298 - .goods-right .goods-ad .ad-img{  
1299 - width: 970px;  
1300 - height: 300px;  
1301 - }  
1302 - .goods-right .goods-ad .text-title .title{  
1303 - margin-top: 60px;  
1304 - }  
1305 -  
1306 -  
1307 } 384 }
1 -.yoho-footer {  
2 - font-size: 12px;  
3 -  
4 - .left {  
5 - float: left;  
6 - }  
7 -  
8 - .right {  
9 - float: right;  
10 - }  
11 -  
12 - .center {  
13 - text-align: center;  
14 - }  
15 -  
16 - * {  
17 - box-sizing: border-box;  
18 - }  
19 -  
20 - .red {  
21 - color: #ee0011;  
22 - }  
23 -  
24 - .rgb6 {  
25 - color: #666;  
26 - }  
27 -  
28 - .rgb9 {  
29 - color: #999;  
30 - }  
31 -  
32 - .rgbf {  
33 - color: #fff;  
34 - }  
35 -  
36 - .index-foot {  
37 - background: #eeeeee;  
38 - padding:20px 0;  
39 -  
40 - dd {  
41 - width: 370px;  
42 - margin-right: 20px;  
43 - float: left;  
44 - overflow:hidden;  
45 -  
46 - &.last {  
47 - margin-right: 0;  
48 - }  
49 -  
50 - .foot-panel {  
51 - background: #fff;  
52 - padding: 20px;  
53 - }  
54 -  
55 - .title {  
56 - position: relative;  
57 - text-align: center;  
58 - }  
59 -  
60 - .title-line {  
61 - border-bottom: 1px solid #dddddd;  
62 - position: absolute;  
63 - top: 9px;  
64 - width: 100%;  
65 - left: 0;  
66 - }  
67 -  
68 - .text {  
69 - position: absolute;  
70 - width: 100%;  
71 - text-align: center;  
72 - left: 0;  
73 - top: 0;  
74 -  
75 - span {  
76 - background: #fff;  
77 - font-size: 18px;  
78 - line-height: 18px;  
79 - padding: 0 10px;  
80 - }  
81 - }  
82 -  
83 - ul {  
84 - margin-top: 18px;  
85 - padding-top: 18px;  
86 - }  
87 -  
88 - .two-dim {  
89 - margin-right: -10px;  
90 - overflow: hidden;  
91 -  
92 - li {  
93 - border: 1px solid #ddd;  
94 - padding: 7px;  
95 - margin-right: 10px;  
96 -  
97 - a {  
98 - display: block;  
99 - }  
100 -  
101 - p {  
102 - text-align: center;  
103 - margin-top: 13px;  
104 - margin-bottom: 3px;  
105 - line-height: 12px;  
106 - }  
107 - }  
108 - }  
109 -  
110 - .dim-img {  
111 - display: block;  
112 - width: 87px;  
113 - height: 87px;  
114 - }  
115 -  
116 - .dim-hover {  
117 - position: absolute;  
118 -  
119 - img {  
120 - width: 38px;  
121 - height: 38px;  
122 - }  
123 - }  
124 -  
125 - .dim-active .dim-img {  
126 - opacity: 1;  
127 - filter:alpha(opacity=100);  
128 - }  
129 -  
130 - .dim-active .dim-hover {  
131 - display: none;  
132 - }  
133 -  
134 - .item-nav{  
135 - padding-top: 20px;  
136 -  
137 - a {  
138 - color: #999;  
139 - padding: 0 3px;  
140 - cursor:pointer;  
141 - }  
142 - }  
143 - }  
144 -  
145 - .vote {  
146 - line-height: 24px;  
147 -  
148 - input {  
149 - margin: 0 5px 0 1px;  
150 - }  
151 -  
152 - .button {  
153 - height: 24px;  
154 - line-height: 24px;  
155 - width: 55px;  
156 - font-size: 12px;  
157 - margin-top: 10px;  
158 - margin-right: 10px;  
159 - background: #222;  
160 - color: #fff;  
161 - display: inline-block;  
162 - text-align: center;  
163 - }  
164 -  
165 - p {  
166 - height: 24px;  
167 - overflow: hidden;  
168 - }  
169 -  
170 - textarea{  
171 - width: 98%;  
172 - height: 60px;  
173 - vertical-align: middle;  
174 - margin: 5px 0px 0px 0px;  
175 - resize:none;  
176 - }  
177 - }  
178 -  
179 - .vote-item p {  
180 - float: left;  
181 - width: 50%;  
182 -  
183 - }  
184 -  
185 - .mobile {  
186 - margin-right: -10px;  
187 -  
188 - li {  
189 - margin-right: 10px;  
190 - float: left;  
191 - margin-bottom: 12px;  
192 - }  
193 -  
194 - img {  
195 - width: 103px;  
196 - height: 131px;  
197 - }  
198 - }  
199 -  
200 - .index-banner {  
201 - width: 100%;  
202 - margin-top: 20px;  
203 - }  
204 - }  
205 -  
206 - .footerbottom {  
207 - width: 100%;  
208 -  
209 -  
210 - }  
211 -  
212 - .promise {  
213 - padding: 20px 0 10px 0;  
214 - background: #000;  
215 -  
216 - .left {  
217 - margin-right: 60px;  
218 - line-height: 30px;  
219 - font-size: 12px;  
220 - font-weight: bold;  
221 - }  
222 - }  
223 -  
224 - .subscribe {  
225 - border: 1px solid #262626;  
226 - width: 240px;  
227 -  
228 - input {  
229 - width: 180px;  
230 - height: 32px;  
231 - padding: 0 10px;  
232 - line-height: 32px;  
233 - border: none;  
234 - margin: 0;  
235 - background: #000;  
236 - }  
237 -  
238 - a {  
239 - margin-left: 10px;  
240 - font-size: 18px;  
241 - line-height: 32px;  
242 - opacity: 0.5;  
243 - filter: alpha(opacity=50);  
244 - }  
245 - }  
246 -  
247 - .footer-help {  
248 - background: #000;  
249 - font-size: 12px;  
250 - overflow: hidden;  
251 -  
252 - ul {  
253 - width: 110%;  
254 - }  
255 -  
256 - p {  
257 - line-height: 24px;  
258 -  
259 - span {  
260 - color: #fff;  
261 - }  
262 -  
263 - a {  
264 - color: #666;  
265 -  
266 - &:hover {  
267 - text-decoration: underline;  
268 - }  
269 - }  
270 - }  
271 -  
272 - li {  
273 - width: 180px;  
274 - }  
275 -  
276 - .screen {  
277 - border-top: 1px solid #262626;  
278 - padding: 15px 0;  
279 - }  
280 - }  
281 -  
282 - .footer-link {  
283 - background: #000;  
284 - padding: 10px 0 30px 0;  
285 - font-size: 12px;  
286 -  
287 - .right-flag {  
288 - margin-top: 3px;  
289 -  
290 - a {  
291 - margin-right: 5px;  
292 - }  
293 - }  
294 -  
295 - .about-us {  
296 - line-height: 20px;  
297 - color: #666;  
298 - margin-left: 10px;  
299 -  
300 - a {  
301 - color: #666;  
302 - }  
303 -  
304 - span {  
305 - padding: 0 10px;  
306 - }  
307 - }  
308 - }  
309 -  
310 - .return-top {  
311 - position: fixed;  
312 - width: 60px;  
313 - height: 60px;  
314 - left: 50%;  
315 - margin-left: 595px;  
316 - text-align: center;  
317 - line-height: 50px;  
318 - color: #fff;  
319 - background: #000;  
320 - opacity: 0.5;  
321 - filter: alpha(opacity=50);  
322 - bottom: 20px;  
323 - cursor: pointer;  
324 - &:hover {  
325 - opacity: 0.9;  
326 - filter: alpha(opacity=90);  
327 - }  
328 -  
329 - .iconfont {  
330 - font-size: 34px;  
331 - }  
332 - }  
333 -}  
334 -  
335 -@media (max-width: 1360px) {  
336 - .yoho-footer .return-top {  
337 - left: 100%;  
338 - right: 20px;  
339 - margin-left: auto;  
340 - }  
341 -}  
342 -  
343 -@media (max-width:1180px) {  
344 - .yoho-footer {  
345 -  
346 - .index-foot dd {  
347 - width: 316px;  
348 -  
349 - .two-dim {  
350 - margin-top: 26px;  
351 - margin-bottom: 10px;  
352 - overflow: hidden;  
353 - }  
354 -  
355 - .dim-img {  
356 - width: 69px;  
357 - height: 69px;  
358 - }  
359 -  
360 - .mobile img {  
361 - width: 85px;  
362 - height: 108px;  
363 - }  
364 - }  
365 -  
366 - .subscribe {  
367 - width: 200px;  
368 -  
369 - input {  
370 - width: 140px;  
371 - }  
372 - }  
373 -  
374 - .footer-help li {  
375 - width: 150px;  
376 - }  
377 - }  
378 -}  
@@ -3,7 +3,7 @@ @@ -3,7 +3,7 @@
3 @import "compass", 3 @import "compass",
4 "compass/reset", 4 "compass/reset",
5 "header", 5 "header",
6 - "page-footer", 6 + "footer",
7 "path-nav"; 7 "path-nav";
8 8
9 body { 9 body {