fe / YOHOBUYWAP · Commits

Go to a project

Authored by xuqi
Commit 062277cb5be09185343fb7a439460163ea318de0 1 parent 4175b24c

footer style & js improve

Inline Side-by-side
Showing 8 changed files with 138 additions and 135 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>
@@ -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,8 @@ @@ -5,6 +5,8 @@
5 */ 5 */
6 var $ = require('yoho.jquery'); 6 var $ = require('yoho.jquery');
7 7
  8 +require('./footer');
  9 +
8 function cookie(name) { 10 function cookie(name) {
9 var cookies = document.cookie, 11 var cookies = document.cookie,
10 cookieVal, 12 cookieVal,
@@ -5,27 +5,38 @@ @@ -5,27 +5,38 @@
5 */ 5 */
6 6
7 var $ = require('yoho.jquery'); 7 var $ = require('yoho.jquery');
  8 +
  9 +var apiDomain;
  10 +
8 /** 11 /**
9 * 订阅 12 * 订阅
10 * @return {[type]} [description] 13 * @return {[type]} [description]
11 */ 14 */
12 function actionSubscription() { 15 function actionSubscription() {
13 - var $subscriberBox = $('#subscriberBox'),  
14 - $subscriberBtn = $('#subscriberBtn'), 16 + var $subscriberBox = $('#subscriber-box'),
  17 + $subscriberBtn = $('#subscriber-btn'),
15 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 +
16 var subscribeParam = { 20 var subscribeParam = {
17 method: 'open.subscriber.subscriber', 21 method: 'open.subscriber.subscriber',
18 v: 1, 22 v: 1,
19 return_type: 'jsonp', 23 return_type: 'jsonp',
20 open_key: '12345' 24 open_key: '12345'
21 }; 25 };
  26 +
  27 + var iconCode = {
  28 + mail: '&#xe61b;',
  29 + tick: '&#xe61a'
  30 + };
  31 +
22 var email = $.trim($subscriberBox.val()); 32 var email = $.trim($subscriberBox.val());
  33 +
23 var params = {}; 34 var params = {};
  35 +
24 $subscriberBox.focus(function() { 36 $subscriberBox.focus(function() {
25 $(this).val('').css('color', ''); 37 $(this).val('').css('color', '');
26 - $subscriberBtn.removeClass('done').text('m'); 38 + $subscriberBtn.removeClass('done').html(iconCode.mail);
27 }); 39 });
28 - //订阅Start  
29 40
30 $subscriberBtn.click(function() { 41 $subscriberBtn.click(function() {
31 if (email !== '' && emailReg.test(email)) { 42 if (email !== '' && emailReg.test(email)) {
@@ -38,7 +49,7 @@ function actionSubscription() { @@ -38,7 +49,7 @@ function actionSubscription() {
38 $.getJSON('http://test.open.yohobuy.com' + '/?callback=?', params, function(data) { 49 $.getJSON('http://test.open.yohobuy.com' + '/?callback=?', params, function(data) {
39 if (data.data.result === 1) { 50 if (data.data.result === 1) {
40 $subscriberBox.val('已订阅到:' + email); 51 $subscriberBox.val('已订阅到:' + email);
41 - $subscriberBtn.addClass('done').text('='); 52 + $subscriberBtn.addClass('done').html(iconCode.tick);
42 } else { 53 } else {
43 $subscriberBox.css('color', 'red'); 54 $subscriberBox.css('color', 'red');
44 } 55 }
@@ -52,84 +63,69 @@ function actionSubscription() { @@ -52,84 +63,69 @@ function actionSubscription() {
52 }); 63 });
53 } 64 }
54 65
55 -function change(now, icon, box) {  
56 - var obj = now;  
57 - var index = icon.index(this);  
58 - var offset = index * 3;  
59 - box.each(function() {  
60 - $(this).hide();  
61 - });  
62 - for (var i = offset; i < offset + 3; i++) {  
63 - box.eq(i).show();  
64 - }  
65 - now.each(function() {  
66 - $(this).children().removeClass('cur').html('o');  
67 - });  
68 - obj.children().addClass('cur').html('O');  
69 -}  
70 -  
71 function actionhomeFootChange() { 66 function actionhomeFootChange() {
  67 + var $vote = $('.vote'),
  68 + $feedBackPage = $('#feed-back-page'),
  69 + count = $vote.children('li').length;
72 70
  71 + //意见反馈
  72 + $feedBackPage.on('click', 'span', function() {
  73 + var $this = $(this);
73 74
74 - //有货services  
75 - $('#button-services a').click(function() {  
76 - change($(this), $('#button-services a'), $('#foot-services ul li'));  
77 - }); 75 + if ($this.hasClass('cur')) {
  76 + return;
  77 + }
78 78
79 - //更多有货产品  
80 - $('#button-mobile a').click(function() {  
81 - change($(this), $('#button-mobile a'), $('#foot-mobile ul li'));  
82 - }); 79 + $this.siblings('.cur').removeClass('cur');
  80 + $this.addClass('cur');
83 81
84 - //在线调查  
85 - $('#feedbackPage a').click(function() {  
86 - $('#feedbackPage').find('a').children('span').removeClass('cur').html('o');  
87 - $(this).children('span').addClass('cur').html('O');  
88 - var indexNum = $('#feedbackPage a').index(this);  
89 - $('.vote li').hide();  
90 - $('.vote li').eq(indexNum).show(); 82 + $vote.children().not('.hide').addClass('hide')
  83 + .end()
  84 + .eq($this.index()).removeClass('hide');
91 }); 85 });
92 86
93 - $('.vote li').each(function() {  
94 - var obj = this;  
95 - var index = $(this).index();  
96 - $(this).find('#feedbackBtn').click(function() {  
97 - var params = {};  
98 - var _solution = [];  
99 - $(obj).find('input').each(function() {  
100 - if ($(this).attr('checked') == true || $(this).attr('checked') == 'checked') { 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 = [];
  93 +
  94 + var _answer = $li.find('.feedback-answer').val(),
  95 + _feedback = $li.find('.feedback-id').val(),
  96 + _question = $li.find('.question-id').val();
  97 +
  98 + $li.find(':checked').each(function() {
101 _solution.push($(this).val()); 99 _solution.push($(this).val());
102 - }  
103 }); 100 });
104 - var _answer = $(obj).find('#feedback_answer').val();  
105 - var _feedback = $(obj).find('#feedback_id').val();  
106 - var _question = $(obj).find('#question_id').val();  
107 -  
108 - params['method'] = 'open.feedback.submit';  
109 - params['feedback_id'] = _feedback || 0;  
110 - params['question_id'] = _question || 0;  
111 - params['answer'] = _answer || '';  
112 - params['solution'] = _solution.join(',');  
113 - $.getData(apiDomain, params, function(reData) {  
114 - if (reData.result == 1) {  
115 - var voteCount = $('.vote li').length - 1;  
116 - if (index == voteCount) { 101 +
  102 + params = {
  103 + method: 'open.feedback.submit',
  104 + feedback: _feedback || 0,
  105 + question: _question || 0,
  106 + answer: _answer || '',
  107 + solution: _solution.join(',')
  108 + };
  109 +
  110 + $.getData(apiDomain, params, function(data) {
  111 + var next = index + 1;
  112 +
  113 + if (data.result === 1) {
  114 + if (index === count - 1) {
117 alert('感谢您的参与！'); 115 alert('感谢您的参与！');
118 - return false; 116 + return;
119 } 117 }
120 - var Next = index + 1;  
121 - $('.vote li').eq(index).hide();  
122 - $('.vote li').eq(Next).show();  
123 - $('#feedbackPage').children('a').eq(index).children('span').removeClass('cur').html('o');  
124 - $('#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');
125 } 124 }
126 - return false;  
127 - });  
128 }); 125 });
129 }); 126 });
130 } 127 }
131 128
132 -exports.init = function() {  
133 - actionSubscription();//执行订阅  
134 - actionhomeFootChange();//底部事件  
135 -}  
  129 +//初始化
  130 +actionSubscription();
  131 +actionhomeFootChange();
@@ -134,10 +134,15 @@ @@ -134,10 +134,15 @@
134 .item-nav{ 134 .item-nav{
135 padding-top: 20px; 135 padding-top: 20px;
136 136
137 - a {  
138 - color: #999; 137 + span {
  138 + color: #fff;
139 padding: 0 3px; 139 padding: 0 3px;
140 cursor:pointer; 140 cursor:pointer;
  141 + font-size: 20px;
  142 + }
  143 +
  144 + .cur {
  145 + color: #999;
141 } 146 }
142 } 147 }
143 } 148 }
@@ -160,6 +165,7 @@ @@ -160,6 +165,7 @@
160 color: #fff; 165 color: #fff;
161 display: inline-block; 166 display: inline-block;
162 text-align: center; 167 text-align: center;
  168 + cursor: pointer;
163 } 169 }
164 170
165 p { 171 p {
@@ -169,7 +175,7 @@ @@ -169,7 +175,7 @@
169 175
170 textarea{ 176 textarea{
171 width: 98%; 177 width: 98%;
172 - height: 60px; 178 + height: 68px;
173 vertical-align: middle; 179 vertical-align: middle;
174 margin: 5px 0px 0px 0px; 180 margin: 5px 0px 0px 0px;
175 resize:none; 181 resize:none;
@@ -188,10 +194,10 @@ @@ -188,10 +194,10 @@
188 li { 194 li {
189 margin-right: 10px; 195 margin-right: 10px;
190 float: left; 196 float: left;
191 - margin-bottom: 12px;  
192 } 197 }
193 198
194 img { 199 img {
  200 + display: block;
195 width: 103px; 201 width: 103px;
196 height: 131px; 202 height: 131px;
197 } 203 }