前端经验

之前为大家介绍过灵感的干货系列,46个为你带来灵感的游戏网站设计!这次为大家带来28个化妆品网站设计欣赏,希望能为大家在设计化妆品相关网站的时候带来灵感、创意!

image

NYX

28个化妆品网站欣赏-美丽将拯救世界

maxfactor

28个化妆品网站欣赏-美丽将拯救世界

Schwarzkopf

28个化妆品网站欣赏-美丽将拯救世界

Artistry

28个化妆品网站欣赏-美丽将拯救世界

Calvin Klein

28个化妆品网站欣赏-美丽将拯救世界

Caboodles

28个化妆品网站欣赏-美丽将拯救世界

Loreal

28个化妆品网站欣赏-美丽将拯救世界

Olay

28个化妆品网站欣赏-美丽将拯救世界

Maybelline

28个化妆品网站欣赏-美丽将拯救世界

Chanel

28个化妆品网站欣赏-美丽将拯救世界

Lancome

28个化妆品网站欣赏-美丽将拯救世界

Loreal USA

28个化妆品网站欣赏-美丽将拯救世界

Revlon

28个化妆品网站欣赏-美丽将拯救世界

benefit

28个化妆品网站欣赏-美丽将拯救世界

Smashbox

28个化妆品网站欣赏-美丽将拯救世界

Sephora

28个化妆品网站欣赏-美丽将拯救世界

garnierusa

28个化妆品网站欣赏-美丽将拯救世界

Mary Kay

28个化妆品网站欣赏-美丽将拯救世界

Stila Cosmetic

28个化妆品网站欣赏-美丽将拯救世界

Maybelline

28个化妆品网站欣赏-美丽将拯救世界

ELF

28个化妆品网站欣赏-美丽将拯救世界

Wella

28个化妆品网站欣赏-美丽将拯救世界

Esteelauder

28个化妆品网站欣赏-美丽将拯救世界

Clean and Clear

28个化妆品网站欣赏-美丽将拯救世界

Nivea

28个化妆品网站欣赏-美丽将拯救世界

BHcosmetics

28个化妆品网站欣赏-美丽将拯救世界

Tarte

28个化妆品网站欣赏-美丽将拯救世界

Inoa

28个化妆品网站欣赏-美丽将拯救世界

[收藏]设计相关站点推荐

禄小伟
2265
1970年01月01日

教程及资讯:

http://10steps.sg

http://www.instantshift.com/

http://webdesignledger.com/国外优秀原创设计资讯网站

http://deviantart.com/    国外著名的设计师行业网站。

http://designinstruct.com/  教程类的较多

http://dribbble.com/ 设计师行业网站

http://www.smashingmagazine.com/ 国外优秀原创设计资讯网站

欧美酷站:

http://www.newwebpick.com/     设计思路拓展

http://www.thefwa.com/         国际流行前沿站点

http://www.irie.be/            国外的酷站收录集

http://www.webdesignfile.com   国外的酷站收录集

http://www.coolhomepages.com/

http://www.webdesign.org/

http://www.pagecrush.com/

CSS酷站

http://www.cssmania.com/

http://www.cssbag.com/

http://www.welovecss.net/

http://www.cssgarden.co.uk/

http://csslovely.com/

http://www.cssleak.com/

学习linux第一课,linux快捷键大全!

禄小伟
1399
1970年01月01日

刚刚接触linux只知道照着别人总结的教程去做,但是有一些东西还是要自己牢牢记住的,例如linux下重复命令快捷键,DOS里面是F3,可以到了linux就是ctrl+p了,如果不知道效率会大大降低的,用到了就收藏一下吧!

在命令行下的的快捷键:

删除
ctrl + d      删除光标所在位置上的字符相当于VIM里x或者dl
ctrl + h      删除光标所在位置前的字符相当于VIM里hx或者dh
ctrl + k      删除光标后面所有字符相当于VIM里d shift+$
ctrl + u      删除光标前面所有字符相当于VIM里d shift+^
ctrl + w      删除光标前一个单词相当于VIM里db
ctrl + y      恢复ctrl+u上次执行时删除的字符
ctrl + ?      撤消前一次输入
alt  + r      撤消前一次动作
alt  + d     删除光标所在位置的后单词

移动
ctrl + a      将光标移动到命令行开头相当于VIM里shift+^
ctrl + e      将光标移动到命令行结尾处相当于VIM里shift+$
ctrl + f      光标向后移动一个字符相当于VIM里l
ctrl + b      光标向前移动一个字符相当于VIM里h
ctrl + 方向键左键    光标移动到前一个单词开头
ctrl + 方向键右键    光标移动到后一个单词结尾
ctrl + x       在上次光标所在字符和当前光标所在字符之间跳转
alt  + f      跳到光标所在位置单词尾部

替换
ctrl + t       将光标当前字符与前面一个字符替换
alt  + t     交换两个光标当前所处位置单词和光标前一个单词
alt  + u     把光标当前位置单词变为大写
alt  + l      把光标当前位置单词变为小写
alt  + c      把光标当前位置单词头一个字母变为大写

历史命令编辑
ctrl + p   返回上一次输入命令字符
ctrl + r       输入单词搜索历史命令
alt  + p     输入字符查找与字符相接近的历史命令

其它
ctrl + s      锁住终端
ctrl + q      解锁终端
ctrl + l        清屏相当于命令clear
ctrl + c       另起一行
ctrl + i       类似TAB健补全功能
ctrl + o      重复执行命令
alt  + 数字键  操作的次数

VIM下的快捷键:

复制、删除:

yw 表示拷贝从当前光标到光标所在单词结尾的内容.

dw 表示删除从当前光标到光标所在单词结尾的内容.

y0 表示拷贝从当前光标到光标所在行首的内容.

d0 表示删除从当前光标到光标所在行首的内容.

y$ 表示拷贝从当前光标到光标所在行尾的内容.

d$ 表示删除从当前光标到光标所在行尾的内容.


移动:

w(e) 移动光标到下一个单词.

b 移动光标到上一个单词.

0 移动光标到本行最开头.

^ 移动光标到本行最开头的字符处.

$ 移动光标到本行结尾处.

H 移动光标到屏幕的首行.

M 移动光标到屏幕的中间一行.

L 移动光标到屏幕的尾行.

gg 移动光标到文档首行.

G 移动光标到文档尾行.


常用:

H :光标移至屏幕顶行
M :光标移至屏幕中间行
L :光标移至屏幕最后行
0:(注意是数字零)光标移至当前行首
$:光标移至当前行尾

w或W :光标右移一个字至字首
b或B :光标左移一个字至字首
e或E :光标右移一个字至字尾
Ctrl+u:向文件首翻半屏
Ctrl+d:向文件尾翻半屏
Ctrl+f:向文件尾翻一屏
Ctrl+b;向文件首翻一屏

i :在光标前
I :在当前行首
a:光标后
A:在当前行尾
o:在当前行之下新开一行
O:在当前行之上新开一行
r:替换当前字符
R:替换当前字符及其后的字符,直至按ESC键

很多做网站的朋友不是都懂设计的,这里为大家准备了85款免费的LOGO PSD,大家可以下载修改成符合自己的网站样式,为大家节省了设计logo的时间,专注于网站内容,喜欢麻烦给个好评哟亲!

image

部分LOGO预览

85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!

85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!

85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!

85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!85款免费 LOGO PSD 文件下载!300DPI!每一款都有详细分层!

imageimage

相关文件下载地址:

百度网盘  |  新浪微盘  |  来自禄's Blog

日常工作中会遇到很多的专题,在没有flash的支持下,如何让你的页面更生动呢?CSS3不是新事物,CSS3动画也逐渐受到大家的关注,在机甲&洛克合作不删档放号专题中首次尝试了CSS3的简单动画制作。


拿到页面设计稿后,起初打算从龙星的眼睛、噜噜、枪炮武器上进行一些效果实现,最后为了突出活动抽奖,决定增加抽奖按钮的光效以及奖品的呼吸效果。最终页面呈现包括五个效果点:龙星眼睛的眨动、噜噜的飘动、抽奖按钮的光效、奖品的hover呼吸灯效果以及枪炮武器的发光效果。


思路:首先设置初始属性,背景Y轴位置为0,将背景遮住眼睛,最终属性则是将背景位置移动到-3000px的位置,通过背景在4s内沿Y轴匀速运动3000px的过程实现了眼睛眨动的效果。噜噜的飘动以及抽奖按钮的发光效果与眼睛眨动效果是同样的原理。效果代码如下:


思路:初始属性设置背景透明度为0.6,最终属性设置背景透明度为1,通过背景透明度的平滑变化,形成一个发光的呼吸效果。效果代码如下:

实现这样简单的动画效果,需要运用到CSS3的哪些属性呢?

CSS3有3个动画属性:

1、变形transform
transform字面上就是变形,改变的意思。在CSS3中,transform主要包括了旋转rotate、缩放scale、移动translate、扭曲skew以及矩阵变形matrix。具体属性说明以及demo演示请使用chrome浏览器查看 http://tgideas.qq.com/demo/css3/transform.htm

洛克&机甲不删档合作放号专题上眼睛的眨动、噜噜的飘动、抽奖按钮的发光效果并不是只能用背景移动来实现,我们还可以可以运用translate对div进行位置移动来实现。
Tgideas的一些实例运用(请用chrome浏览器或firefox浏览器查看):

炫舞趣味数据腾讯游戏客户端游戏人生安全大闯关
piggyjinhuikarin


2、转换transition
css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。
transition的使用写法:

合并写法:

具体属性说明以及demo演示请使用chrome浏览器查看 http://tgideas.qq.com/demo/css3/transition.htm
Tgideas的一些实例运用(请用chrome浏览器或firefox浏览器查看):

变异第一站 双节出击未来战士 伊泽瑞尔炫斗之王 热血内测
lamdgnornor


3、动画animation

animation按照字面上的意思就是“动画”的意思,但在CSS3中animation只应用在页面上已存在的DOM元素上。运用animation,结合变形transform、转换transition,可以制作出简单的动画效果。在制作动画前,先了解一下关键帧keyframes。

1)、Keyframes

我们把他称为“关键帧”,在使用transition制作简单的转换效果时,我们包括了初始属性和最终属性,一个开始执行动作时间和一个延续动作时间以及动作的变换速率,其实这些值都是一个中间值,如果我们要控制的更细一些,比如说我要第一个时间段执行什么动 作,第二个时间段执行什么动作(换到flash中说,就是第一帧我要执行什么动作,第二帧我要执行什么动作),这样我们用Transition就很难实现 了,此时我们也需要这样的一个“关键帧”来控制。

keyframe写法:

2)、动画animationanimation的写法:

合并写法:

具体属性说明以及demo演示请使用chrome浏览器查看 http://tgideas.qq.com/demo/css3/animation.htm

Tgideas的一些实例运用(请用chrome浏览器或firefox浏览器查看):

QQ炫舞2女王的恩典美女找茬 太极献礼
nornorhairong


CSS3的兼容性:

各浏览器前缀:
IE:-ms-
Firefox:-moz-
Chrome:-webkit-
Safari:-webkit-
Opera:-o-

一点总结:

CSS3效果不需要任何其他插件的支持,对于iPhone、iPad都可以正常浏览,但是对于IE,几乎不支持,国内50%左右的用户仍然在使用IE,导致很大一部分人其实看不到这个效果,但是对于FireFox、Chorme等浏览器进行CSS3效果的实现,对于高端浏览器用户来说,不失为一件令用户感到开心的事情,同时这也是一件让自己开心的事情。
初次尝试CSS3效果实现,由起初的无从下手、焦躁不安,到最后效果呈现时的开怀,其实很多事情并不难,只要自己去尝试探索,总能在其中找到各种快乐!

专题地址:

浏览地址:http://jjxf.qq.com/act/a20120907roco/,请使用chrome浏览器或者Firefox浏览器查看。

干货!网页设计灵感第一期 #001

禄小伟
1098
1970年01月01日

从今天起将不定期为各位网友提供网页设计灵感的干货,这些干货都是来自世界各地的伟大设计师手下惊人的高品质的各类艺术品。




干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

干货!网页设计灵感第一期 #001

   不得不叹服淘宝的页面设计大师们,每次出来的页面都让人们眼前一亮,立刻充满无限的购物欲望,刚刚经历了双十一的网友还没有消化掉账单马上又来了双十二,这次双十二页面设计更为给力,小清新的感觉,分为5大专题,分别是不美就SHI、都是纯爷们、特色中国、新不了情和这才是生活等。

   

   5大专题头部欣赏

   

   双1212 3D文字PSD下载

   

   相关文件下载地址

   新浪微盘 | 百度网盘 | 来自禄's Blog

这里用到的技巧也很简单,就是在图片之前创建一个<span>,并在span上使用background-image生成一个遮罩的效果。这种方式既简单又灵活,demo中介绍了20多种样式,大家可以参看。


demo预览地址:http://www.webdesignerwall.com/demo/decorative-gallery/decorative-gallery-index.html?TB_iframe=true&height=550&width=840

demo下载地址:http://www.webdesignerwall.com/file/decorative-gallery-demo.zip

这种css技巧带来的好处

  • 节约时间 — 你不需要在photoshop中创建图片模板,然后为每张图片生成独立文件。

  • 保留原始图片源 — 我们不用担心日后需要更换图片主题的时候,没有原图片。因为我们根本没有修改他。

  • 相当的灵活 — 你只需要调整css就能换一个完全不同的样式。

  • 在任何站点都能工作 — 这个css技巧在任何站点,任何图片大小下都适用。

  • 解决浏览器兼容问题 — 通过了大多数浏览器的测试 (Firefox, Safari, Opera, 甚至包括行为怪异的IE6)。

基本概念

我们需要在包裹img的div中创建一个span元素,在他上面适用background-image来产生遮罩的效果。如果你不喜欢插入一个空的span标签,我们可以使用javascript来动态生成他,之后我们会介绍到。下面的代码揭示了他如何工作。

对于css代码,我们需要注意的是,需要为div设置position:relative,为span设置 position:absolute。这样你就可以通过为span设置top和left属性,来任意摆布他在div中的位置了。

IE PNG hack

为了能让透明的png图片在ie6中工作,我们需要使用到强大的 iepngfix.htc hack。下载 iepngfix.htc 文件,并在页面<head>标签中添加如下代码。

复制代码
<!--[if lt IE 7]><style type="text/css">  .photo span { behavior: url(iepngfix.htc); }</style><![endif]-->
复制代码

外观

我们只需要修改指定span元素的css,就能实现不同样式的变化。查看demo源代码,你会发现其中的奥秘。

jquery解决方案

如果你不喜欢在页面中直接添加空的span标签,可以使用下面的jquery代码,实现span的动态添加。

复制代码
<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(document).ready(function(){    //预添加 span 标签  $(".photo a").prepend("<span></span>");   });</script>
复制代码

#1. 简单画廊

让我们使用之前介绍的技术,来创建画廊吧。

#1b. 迷你icon

这个例子为了展示了,如何在图片上面放置不同的icon。我们需要为span标签设置不同的css class 名称。

#2. 带文字的图片

该例子为了展示了如何创建带文字连接的画廊。

#2b. 弹出文字

#3. 迷你纸夹

#4. 软木板画廊

sIFR版本(文字替换)

在这个版本中借助 sIFR, 实现将em中的文字替换为手写体。

#4b.胶带效果

#5.黑框艺术画廊

#5b.金边艺术画廊

#6.水彩效果

 

sIFR版本

#7.高光效果

#8.木板画廊

最后我们展示如何使用background-image来实现木板的效果。

最后评论

我们可以看到这种css技巧相当的灵活,他极具创造性,他将图片和css有机的结合在了一起。你也可以使用这种方式,创建自己不同风格的画廊。

在网页设计中创建背景材质通常是根据设计方向展开设计的第一步,也是确定设计基调的重要环节。虽然大多数情况下,网页背景材质是非常细微和低调的,但是由于整个背景的范围较大,所以会给人强烈的心理感受。


一、使用现成的图案来创建网页背景材质。

1、下载现成的图案样式,或者自己动手创建图案,下面是收集的一些经典的图案文件,其中包括五类图案样式。

点击下载

2、如果下载的图案色调不符合设计要求的话,可以通过图层混合模式来进行调整。比如我们想要创建浅色的背景材质,但是手头的图案样式是暗色的,如果图案叠加的混合模式为正常的话,创建出来的效果如下图:

pattern-normal.jpg

但是我想用这款图案做出浅色的背景来,该怎么做呢?这时候就可以通过调整图案叠加的混合模式来实现。在背景色不完全是白色的情况下,一般像上面的图案,通过调整混合模式到亮光就能得到如下图的效果。

pattern-lighter.jpg

3、还不满意的话,比如想要亮度再稍微再亮一点,还可以通过新建调整图层来实现。在这个例子中,使用色阶调整图层就可以实现我们的设计目标。你还可以通过添加黑白图层来给整个背景材质去色,通过色相饱和度图层调整背景材质的色相以及明暗值。

pattern-lighter-level.jpg

4、通过在图案图层上方新建一个颜色填充图层,调整该图层的图层混合模式,我们可以给图案图层添加一定的颜色。比如加一点黄色进去,或者加一点蓝色。当然这里我们依然可以通过添加色相以及饱和度调整图层来给本来是灰度的材质上色,具体方法就是在色相饱和度调整图层的对话框中勾选着色框,然后调整色相的滑动块来实现。

hue-saturation.jpg

patter-color.jpg

patter-color-blue.jpg

二、应用滤镜来创建网页材质背景。在使用滤镜来给网页背景添加材质的方法中,最常见到的莫过于使用滤镜中的添加杂色命令来实现需要的效果了。应用步骤为,先将图层转转为智能对象,目的是方便随时调整滤镜值。然后应用滤镜>杂色>添加杂色命令即可,非常简单。一般来说,添加杂色时,滤镜数值的设置非常低,一般使用1%就够了,而且效果非常好,数值太大材质看上去不够自然。

具体设置如下图所示:

add-noise.jpg

杂色背景效果如下图:

noise-pattern.jpg

三、使用笔刷来添加质感。使用笔刷来创建网页背景材质也很简单,一般的步骤是,将前景色调整为白色,选择画笔工具,调整好大小,在新建的图层上随机添加一些笔刷效果,通过多建几个图层,调整不同图层的图透明度可以让添加的材质看上去更自然和真实。之后将图层的混合模式调整为叠加或者柔光让笔刷效果和背景更好的融合。下面的图片是添加了划痕和做旧效果的笔刷后,未更改图层混合模式之前和更改后的效果:  

brush.jpg

brush-layer-softlight.jpg

除了上面的做旧风格常用到这种方法外,笔刷方法的应用还常常出现在水彩风格的网页设计过程中。

四、使用材质图片来创建网页背景比如我们要让网页背景看上去是纸质的感觉。当然可以通过添加不同层次的滤镜效果模拟来实现类似于纸张的材质,但是相较于直接把一张纸质材质的图片拖到文档中,通过调整图层的混合模式以及上面提到的各种调整图层来实现的话,后面的一种方法做出来的效果往往要更真实和自然。类似的还有木质的背景材质的实现。

下面的截图展示了木质背景材质的效果:

wood-texture.jpg

五、总结实际上,在创建网页背景材质时,上面讲到的方法都会涉及到,只不过依据设计目标,有时只会用到其中的一种方法,比如杂色背景的话,应用添加杂色的滤镜命令往往就够了,有时却要复杂一些,可能上面的方法都会用得到。所以我们要依据总的设计目标来选择性的使用,但是这些方法不用说都是网页设计中必须要掌握的,这样我们的设计手法才能灵活多变。

如今,我们有具备视网膜屏幕的iPhone,iPod,ipad和 Mac。这些产品拥有大量的用户,随着苹果产品的不断创新和增加,(Retina)视网膜屏幕技术的使用也越来越广泛。就像您周围看到的,这群庞大的用户正逐渐深入到人们的生活。接下来,咱们就看看如何把这项技巧运用在网页设计当中,让你的作品也看起来更加锐利,清晰。


起初,我觉得视网膜屏幕并没有多大的用户基础,毕竟这是个新技术, 然而,当我浏览了一下软件分析数据,发现苹果的所有设备都已经支持了视网膜屏幕技术,包括Macbook 13寸和15寸的使用者,再加上Chrome, firefox,IE浏览器的支持,使得视网膜屏幕技术的使用者越来越庞大起来,所以作为网页开发者不得不重视他们的视觉体验了。

如何制作图片

你会猜测视网膜技术是把图片存储成高分辨率的,提高单位面积的像素率 ?呵呵,这可不是关键。其实,你只需要做一步,把你的图片存成他的像素的两倍大小,也就是把一张200×200的图片存成400×400的。然后把大图的尺寸改成小图的,这样你的图片就会在高分辨率屏幕上看起来犀利很多。上面的方法听起来很简单,但是我们如何去做呢?

AI里的图片

矢量图片是最佳途径。假如我们有个logo是AI的或eps的,这样我们改起来很方便,因为我们可以随意的调整他的大小,无论是在AI里还是在PS里,然后导出就可以了(在ps里可以粘贴成适量对象,我觉得这很废话,相信各位都会)。

Photosho里的矢量工具

但是,我们如何用photogshop做呢?photoshop不是矢量软件,这不表示ps不能做矢量图片,形状图层就可以制作出完美的矢量图像,放大两倍完全不是问题。

快速处理图片

现在有个关键问题,设计师们放大或缩小图片不是什么问题,但是如果你 已经做好了你的网页,然后你想让这个页面也支持视网膜屏幕,我想你也不能毫无办法的把页面上的图片去重新做一份两倍大小的吧。盲目的放大 又会产生锯齿。下面就是我的办法:在图像—图像大小里面有个选择叫“邻近”。 这个操作对于小图标和单色图像很有用处,虽然不如矢量图片放大两倍之后 的效果好,不过在时间紧急的时候是个不错的选择。

将大图缩小成小图的办法是否可行?

你也许会问我做一张大图,然后缩小一倍,这样不行吗? 理论上来说,在印刷领域这是没啥问题的,不过在网页设计当中,是以像素为基础的,以至于我们缩小图片之后,也会产生锯齿,而且图片越小锯齿越明显!

将图片用代码的方式表现

当我们把这一大一小两张图片都准备好了,就可以把他们加到网页里面了, 我们首先重命名一下那些大图,比如s.jpg。

Javascript这样做

<script src="js/retina.js"></script>

第一是很简单的,把图片关联到retina.js.script,如上所示:

CSS这样做

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {header h1 a {background-image: url(images/blogspoon-logo@2x.png);background-size: 164px 148px;}}

然后,手动的添加css样式,添加代码:(如上) min0-device-pixel-ratio:2,是看设备是否是高分辨率的视网膜屏幕 background则是设置背景图片的尺寸。

HTML这样做

<img src="images/snarf@2x.jpg" width="300px" height="150px" />

上述的css办法对背景图片来说很给力,但是对于页面的图片来说,你需要去调整一下标签。调整图片的高和宽的数值,使图片大小成为标准大小 (如上)

好嘞!完成以上操作,您就可以让访问者通过他们的视网膜屏幕更清晰锐利的访问您的网页作品了,是不是很酷?赶紧来改造您的页面吧。

Powered By Z-BlogPHP 1.5 Zero

Copyright webexp.cn Rights Reserved.

本站基于 阿里云服务器 + Ename域名 + Z-Blog 构建   |   站点地图   |   辽ICP备13003381号-4