资深设计师教你使用MAKA编辑器全攻略

  • 原创
  • |
  • 浏览:14326
  • |
  • 更新:

在移动互联网时代,大企业大公司们都在利用自己强大资源和技术比拼h5场景页面营销,一些小企业或普通独立营销者也不能眼巴巴地看着却什么都做不了。因此有了许多免费h5页面制作神器出现。MAKA作为国内第一家做h5平台的公司,本人早在一年前加入了该平台的设计师行列。今天本设计师就给大家介绍一下MAKA编辑器全攻略吧!

工具/原料

  • 可以联网的电脑(或下载手机app,教程下次讲)
  • 图片、音乐、方案等电子邀请函素材

一、进入MAKA模板商城

  1. 1

    选择模板

    百度搜索MAKA,进入网站后注册账号并登录,在模板商城界面上可以看很多可供使用的模板,根据自己的需要,点击相应的模板,进入制作界面。

    资深设计师教你使用MAKA编辑器全攻略
  2. 2

    进入制作平台

    选择完模板后,会自动进入制作平台。在制作平台上,主要分三大区域:左侧的作品页面调整预览显示区域,中间的是作品编辑区域,右侧的是组件属性功能编辑区域。

    资深设计师教你使用MAKA编辑器全攻略
    END

二、功能介绍

  1. 1

    文字

    1、功能定义:用于展示文字内容,通过修改文字的显示属性,可以生成各式各样的显示效果。

    2、操作方法:点击右侧的文字选项——“新建文本”,编辑面板会出现可供选择的文字输入框,如大标题,小标题和正文内容等等。双击输入框可以修改文字内容;修改右侧的属性选项,可以改变文字的显示样式。

    3、属性说明:

    1)字体:改变文字的字体,提供的是MAKA数据库的字体,非电脑本地字体。

    字号:修改文字的显示大小。

    3)行距:修改两行文字间的间距。

    4)调色板:修改文字颜色。

    5)样式:字体可设置加粗,斜体,下划线,居中,居左,居右,水平排列和垂直排列的转置

    6)高度:修改文字输入框的高度,单位像素。

    7)宽度:修改文字输入框的宽度,单位像素。

    8)透明度:修改文字的透明度,100%为不透明,0%为全透明。

    9)旋转:可以0°~360°旋转。

    10)文本框:水平居左,水平居中,水平居右,垂直居上,垂直居中,垂直居下

    资深设计师教你使用MAKA编辑器全攻略
    资深设计师教你使用MAKA编辑器全攻略
  2. 2

    图片

    1、功能解释:用于显示图片,通过修改图片的显示属性,可以改变图片的大小、透明度、角度等。

    2、操作方法:

    1)激活功能:点击右侧的图片选项——“素材”,编辑面板会出现不同分类的图片素材以及上传自定义图片按钮。

    2)上传新图片:点击“上传图片”按钮,上传本地电脑中的图片。

    3)图片库中的图片:如果之前已经上传过图片,可以点击“我的”,选择需要显示的图片。

    4)截图:按住鼠标左键拖动选择图片区域,双击图片,进入图片裁剪模式,选择要裁剪的区域,点击“√”图标按钮或右击选择“裁剪”,便可以裁剪出选中的图片区域。

    3、属性说明:

    1)更换图片:选中想要替换掉的图片,点击“更换图片”,上传新图片。

    2)透明度:修改图片的透明度,100%为不透明,0%为全透明。

    3)圆角:修改图片边角的圆润程度,数值越大,图片边角越圆润。

    4)阴影:从0%-100%,四周阴影从小到大变化。

    5)旋转:可以0°~360°旋转。

    6)大小:修改图片的宽度和高度

    7)位置:X代表横轴,Y代表纵轴,输入数字可以调整图片的坐标位置。

    8)位置图标:水平居左,水平居中,水平居右,垂直居上,垂直居中,垂直居下

    资深设计师教你使用MAKA编辑器全攻略
    资深设计师教你使用MAKA编辑器全攻略
  3. 3

    形状元素

    1、功能解释:用于添加形状组件,增强设计感和趣味性。

    2、操作方法:点击“形状元素”,选择想要的形状类型,如点击数据图标,可以看到数据图表形状元素,单击某个元素,自动添加到当前编辑的页面。

    3、属性说明:

    1)颜色:选中想要修改颜色的形状元素更换。

    2)更换形状:点击“更换形状”即可更换其他形状。

    3)透明度:修改形状元素的透明度,100%为不透明,0%为全透明。

    4)旋转:可以0°~360°旋转。

    5)大小:修改形状的宽度和高度

    6)位置:X代表横轴,Y代表纵轴,输入数字可以调整形状元素的坐标位置。

    7)位置图标:水平居左,水平居中,水平居右,垂直居上,垂直居中,垂直居下

    资深设计师教你使用MAKA编辑器全攻略
    资深设计师教你使用MAKA编辑器全攻略
  4. 4

    按钮链接

    1、功能解释:用于添加链接按钮或互动按钮,可以添加一切页面的链接,如:微博链接、微信公众号关注链接、官网链接、淘宝链接等等。

    2、操作方法:点击右侧的链接选项——“链接”,编辑面板的右侧会出现“跳转连接”,“呼叫拨号”、“互动”和“倒计时”四个选项。

    (1)点击“跳转链接”自动添加按钮,可以双击按钮,修改按钮文本,可调整范围参考前面的文本。

    (2)点击“互动”则自动添加“点赞”按钮。

    (3)点击“呼叫拨号”,自动添加拨号按钮,可自定义电话号码。

    (4)点击“倒计时”,添加倒计时功能,可自定义倒计时截止时间。

    资深设计师教你使用MAKA编辑器全攻略
    资深设计师教你使用MAKA编辑器全攻略
    资深设计师教你使用MAKA编辑器全攻略
    资深设计师教你使用MAKA编辑器全攻略
    资深设计师教你使用MAKA编辑器全攻略
  5. 5

    高级功能

    功能解释:添加更多好玩有趣的功能,如视频、测试游戏、表单、投票、接力、地图、图组、抽奖等。(下面以表单功能为例)

     

    表单

    1、功能解释:是允许用户在表单中输入并提交文本信息的功能组件,用户提交的信息可以在帐户栏目下的表单数据中显示。表单中,可以自定义每个选项的名称和项目的数量。

    2、操作方法:点击右侧的表单选项,弹出新建表单窗口,对表单内容进入添加。

    3、属性说明:

    1)表单内容:添加表单填写项,可自定义提示文字,勾选是否必填,自定义内容选项。

    2)按钮文字:提交表单的按钮提示,如“报名”。

    3)按钮反馈:添加按钮点击提交后的反馈信息,如“报名成功”。

    资深设计师教你使用MAKA编辑器全攻略
    资深设计师教你使用MAKA编辑器全攻略
  6. 6

    底图

    1、功能解释:设置页面的背景颜色或者图片。

    2、操作方法:点击模板页面背景,在右侧的背景选项,对具体属性进行修改。

    3、属性说明:

    1)背景色:可以上传新图片作为背景图片,也可修改背景颜色,以纯色显示。

    2)上传新图片:点击属性栏“更换背景”按钮,上传本地电脑中的图片或选择MAKA图片素材作为背景。

    3)图片库中的图片:如果之前已经上传过图片,可以从图片库中选择需要显示的图片作为背景。

    4)截图:按住鼠标左键拖动选择图片区域,然后点击截图按钮或者双击选中的图片区域,便可以裁剪出选中的图片区域作为背景。

    5)翻页效果:点击页面背景区域,在右侧背景属性的“翻页效果”下选择翻页效果,如层叠、覆盖、折叠、旋转、淡出淡入、缩放、推移、魔方等。

    6)底部菜单栏:企业版特色功能。启用后将会在底部显示可调转的菜单栏。

    资深设计师教你使用MAKA编辑器全攻略
  7. 7

    音乐

    1、功能解释:设置修改当前作品的背景音乐。

    2、操作方法:

    点击右侧上方的“背景音乐”选项,选择已有的音乐文件,或点击“上传音乐”,上传本地电脑的音频文件,还可以选择无背景音乐。

    资深设计师教你使用MAKA编辑器全攻略
  8. 8

    动作

    1、功能解释:用于设置组件的动画效果,使展示显得更酷炫。

    2、操作方法:选中需要设置动画效果的组件,点击右侧的动画选项,选择需要的动画效果。可设置动画的组件:文字、图片、按钮。

    3、属性说明:

    1)速度:进场时间可调整0秒~10秒不等。

    2)延迟:可设置当前页面出现后0秒~10秒进场。

    3)动作效果:可选无效果、淡入、从左/右滚入、放大、下落放大、弹性放大、弹性缩小、向左/右飞入、向上/下飞入、旋转出现、左右翻转、上下翻转、刹车、向左/右滑入、向上/下滑入、向左/右展开、向上/下展开等。

    资深设计师教你使用MAKA编辑器全攻略
    END

三、保存分享

  1. 1

    保存作品

    1、在作品制作完成以后,首先点击右上角的保存按钮。

    2、预览作品

    作品保存完成以后,再点击右上角的预览按钮。

    3、生成作品

    点击预览页面后,在弹出的预览页面填写作品信息,完善好作品的标题、描述和缩略图后,直接关闭弹窗即可。

    资深设计师教你使用MAKA编辑器全攻略
  2. 2

    分享作品

    (1)点击预览页面并完善作品信息后,可以直接扫描二维码分享到微信朋友圈或者复制作品链接分享到网络世界的每个角落。

    返回到“我的作品”,查看作品列表,选择作品点击“预览”,扫描二维码分享到微信朋友圈或者复制作品链接即可分享。

    资深设计师教你使用MAKA编辑器全攻略
    END

注意事项

  • 修改作品的时候,需要重新点击“预览”保存,才可以预览出修改后的效果。
  • 建议最好用谷歌浏览器
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部
< type="text/css"> ._1eqtk61{border-bottom:0 solid #f5f5f5}.wwk9j97{border-bottom:0 solid #eee;margin:0;padding:17px 0;position:relative}.wwk9j97 h3{font-weight:400;padding:0}.wwk9j97 a{text-decoration:none}.wwk9j97 em{color:#c60a00;font-:normal}.wwk9j97:last-child{border-bottom:0}._4mqnhbw{margin:0}.wwk9j97,.ywbt69k{padding-top:0}.wwk9j97{border-bottom:0;padding-bottom:24px}.wwk9j97:last-child{padding-bottom:0}.fapjp45{margin-bottom:8px}.kg4fnaa{margin-bottom:10px}.gs7rkzg{margin-top:8px}._2mzw4fn,.ut3un3f{margin-top:10px}.erj29dk{align-items:center;display:flex;height:100%}._2dz6baq{margin-bottom:6px}.jp2rd7u{margin-top:6px}.fapjp45+.ut3un3f{margin-top:2px}.mw1rgkm{float:right;width:74px}._9rp2sus{display:block;overflow:hidden;width:auto}._4fuv54y,._85hk68c,.c84cjyj,.cd2v8yz,.gbuysgj,.gbxbqd2,.kpq54qk,.kw488k9,.puc33cm,.rdg9v5w,.yg47vz5{box-sizing:border-box;float:left;min-height:1px;position:relative}.cd2v8yz{width:8.33333333%}.gbuysgj{width:16.6666666%}.c84cjyj{width:25%}.puc33cm{width:33.33333333%}._85hk68c{width:50%}.rdg9v5w{width:58.3333333%}.kw488k9{width:66.66666667%}.kpq54qk{width:75%}.gbxbqd2{width:83.3333333%}._4fuv54y{width:91.66666667%}.yg47vz5{width:100%}.hc9wng2{float:right}body a.p6qcy1g,body div.p6qcy1g{color:#00c;display:block;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:16px;margin:0;text-decoration:none}a.p6qcy1g div{word-break:break-all}.v3zrcrj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q1dpns8{-webkit-line-clamp:2}.ndfxdqz,.q1dpns8{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-all}.ndfxdqz{-webkit-line-clamp:3}._7qtpw9j{-webkit-line-clamp:4}._2dt35k2,._7qtpw9j{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-all}._2dt35k2{-webkit-line-clamp:5}._1r3uysh{-webkit-line-clamp:10}._1r3uysh,.yux2cc6{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-all}.yux2cc6{-webkit-line-clamp:12}._4bxpxs9{-webkit-line-clamp:18;word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;word-break:break-all}body .nx5pm3t{color:green;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;padding-top:0;position:relative;transform:translateY(.4666666667em)}body .nx5pm3t:before{content:"";display:block;height:0;margin-top:-10px}body .nx5pm3t a{color:green;display:block}body .nx5pm3t a .p64fw26{color:#7cabf7}body .nx5pm3t button{background:#fff;border:1px solid;border-radius:3px;bottom:0;color:#38f;float:right;font-size:12px;line-height:12px;padding:7px 13px;position:absolute;right:0}body .nx5pm3t .q2585b9{margin-left:5px}body .nx5pm3t ._9kxuw8f{border:1px solid #eee;border-radius:50%;display:inline-block;height:22px;line-height:0;margin-right:7px;margin-top:-2px;vertical-align:middle;width:22px}body .nx5pm3t .f7c6zx2{margin-right:8px}._16rzzcu{position:absolute;right:0}.exmx56s{-webkit-box-orient:horizontal;-webkit-box-align:stretch;-webkit-align-content:flex-start;-webkit-align-items:stretch;display:-webkit-flex;-webkit-flex-wrap:nowrap;-webkit-justify-content:space-between;width:auto}._1ab2zd1{flex:1}body .nx5pm3t a.wszcb1e,body .nx5pm3t div.wszcb1e{display:flex;justify-content:space-between}.ec-ui-tip{margin-left:5px}.c-icon{background:url(http://s1.bdstatic.com/r/www/cache/biz/ecom/common/api/img/ns-credit/icons.png) no-repeat 0 0;_background-image:url(http://s1.bdstatic.com/r/www/cache/biz/ecom/common/api/img/ns-credit/icons.gif)}.c-frame{margin-bottom:18px}.c-offset{padding-left:10px}.c-gray{color:#666}.c-gap-top-small{margin-top:5px}.c-gap-top{margin-top:10px}.c-gap-bottom-small{margin-bottom:5px}.c-gap-bottom{margin-bottom:10px}.c-gap-left{margin-left:12px}.c-gap-left-small{margin-left:6px}.c-gap-right{margin-right:12px}.c-gap-right-small{margin-right:6px}.c-gap-icon-right-small{margin-right:5px}.c-gap-icon-right{margin-right:10px}.c-gap-icon-left-small{margin-left:5px}.c-gap-icon-left{margin-left:10px}.c-container{word-wrap:break-word;font-size:13px;line-height:1.54;width:538px;word-break:break-all}.c-container .c-container{width:auto}.c-container table{border-collapse:collapse;border-spacing:0}.c-container td,.c-default{font-size:13px;line-height:1.54}.c-default{word-wrap:break-word;word-break:break-all}.c-container .t,.c-default .t{line-height:1.54}.c-default .t{margin-bottom:0}.cr-content{color:#333;font-size:13px;line-height:1.54;width:259px}.cr-content table{border-collapse:collapse;border-spacing:0}.cr-content td{font-size:13px;line-height:1.54;vertical-align:top}.cr-offset{padding-left:17px}.container_l .cr-content{width:351px}.container_l .cr-content-narrow{width:259px}.cr-title{font-size:14px;font-weight:700;line-height:1.29}.cr-title-sub{float:right;font-size:13px;font-weight:400}.c-row{*zoom:1}.c-row:after{clear:both;content:"";display:block;height:0;visibility:hidden}.c-span2{width:29px}.c-span3{width:52px}.c-span4{width:75px}.c-span5{width:98px}.c-span6{width:121px}.c-span7{width:144px}.c-span8{width:167px}.c-span9{width:190px}.c-span10{width:213px}.c-span11{width:236px}.c-span12{width:259px}.c-span13{width:282px}.c-span14{width:305px}.c-span15{width:328px}.c-span16{width:351px}.c-span17{width:374px}.c-span18{width:397px}.c-span19{width:420px}.c-span20{width:443px}.c-span21{width:466px}.c-span22{width:489px}.c-span23{width:512px}.c-span24{width:535px}.c-span10,.c-span11,.c-span12,.c-span13,.c-span14,.c-span15,.c-span16,.c-span17,.c-span18,.c-span19,.c-span2,.c-span20,.c-span21,.c-span22,.c-span23,.c-span24,.c-span3,.c-span4,.c-span5,.c-span6,.c-span7,.c-span8,.c-span9{_display:inline;float:left;list-:none;margin-right:17px}.c-span-last,.c-span-last-s{margin-right:0}.container_l .c-span-last-s{margin-right:17px}.cr-content-narrow .c-span-last-s{margin-right:0}.c-border{border-color:#e3e3e3 #ececec #e0e0e0 #e3e3e3;border-:solid;border-width:1px;box-shadow:1px 2px 1px rgba(0,0,0,.072);-webkit-box-shadow:1px 2px 1px rgba(0,0,0,.072);-moz-box-shadow:1px 2px 1px rgba(0,0,0,.072);-o-box-shadow:1px 2px 1px rgba(0,0,0,.072);padding:9px;width:518px}.c-border .c-gap-left{margin-left:10px}.c-border .c-gap-left-small{margin-left:5px}.c-border .c-gap-right{margin-right:10px}.c-border .c-gap-right-small{margin-right:5px}.c-border .c-border{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;padding:0;width:auto}.c-border .c-span2{width:34px}.c-border .c-span3{width:56px}.c-border .c-span4{width:78px}.c-border .c-span5{width:100px}.c-border .c-span6{width:122px}.c-border .c-span7{width:144px}.c-border .c-span8{width:166px}.c-border .c-span9{width:188px}.c-border .c-span10{width:210px}.c-border .c-span11{width:232px}.c-border .c-span12{width:254px}.c-border .c-span13{width:276px}.c-border .c-span14{width:298px}.c-border .c-span15{width:320px}.c-border .c-span16{width:342px}.c-border .c-span17{width:364px}.c-border .c-span18{width:386px}.c-border .c-span19{width:408px}.c-border .c-span20{width:430px}.c-border .c-span21{width:452px}.c-border .c-span22{width:474px}.c-border .c-span23{width:496px}.c-border .c-span24{width:518px}.c-border .c-span10,.c-border .c-span11,.c-border .c-span12,.c-border .c-span13,.c-border .c-span14,.c-border .c-span15,.c-border .c-span16,.c-border .c-span17,.c-border .c-span18,.c-border .c-span19,.c-border .c-span2,.c-border .c-span20,.c-border .c-span21,.c-border .c-span22,.c-border .c-span23,.c-border .c-span24,.c-border .c-span3,.c-border .c-span4,.c-border .c-span5,.c-border .c-span6,.c-border .c-span7,.c-border .c-span8,.c-border .c-span9{margin-right:10px}.c-border .c-span-last,.c-border .c-span-last-s{margin-right:0}.c-border .container_l .c-span-last-s{margin-right:10px}.c-loading{background:url(http://www.baidu.com/aladdin/img/tools/loading.gif) no-repeat 0 0;display:block;height:50px;width:50px}.c-vline{border-left:1px solid #ddd;height:12px;margin:0 3px;_vertical-align:middle;width:0}.c-icon,.c-vline{display:inline-block;_overflow:hidden}.c-icon{font-:normal;height:14px;vertical-align:text-bottom;width:14px}.c-icon-chevron-fold,.c-icon-chevron-unfold,.c-icon-fold,.c-icon-unfold{height:12px;width:12px}.c-icon-star,.c-icon-star-gray{width:60px}.c-icon-baidu-share,.c-icon-bear,.c-icon-bear-border,.c-icon-doc,.c-icon-gift,.c-icon-hotAirBall,.c-icon-location,.c-icon-location-blue,.c-icon-moon,.c-icon-mv,.c-icon-pdf,.c-icon-play-black,.c-icon-ppt,.c-icon-qa-empty,.c-icon-register-empty,.c-icon-safeguard,.c-icon-sfda,.c-icon-streetMap,.c-icon-txt,.c-icon-warning,.c-icon-xls,.c-icon-zan{height:16px;width:16px}.c-icon-bear-circle,.c-icon-warning-circle,.c-icon-warning-triangle{height:18px;width:18px}.c-icon-bear-p,.c-icon-bear-pn,.c-icon-tieba,.c-icon-zhidao{height:24px;width:24px}.c-icon-ball-blue,.c-icon-ball-red{height:38px;width:38px}.c-icon-air:hover,.c-icon-bao:hover,.c-icon-chevron-fold:hover,.c-icon-chevron-unfold:hover,.c-icon-download:hover,.c-icon-fold:hover,.c-icon-high-v:hover,.c-icon-hui:hover,.c-icon-lyric:hover,.c-icon-med:hover,.c-icon-nuo:hover,.c-icon-person:hover,.c-icon-phone:hover,.c-icon-share2:hover,.c-icon-unfold:hover,.c-icon-v1:hover,.c-icon-v2:hover,.c-icon-v3:hover,.c-icon-v:hover{border-color:#388bff}.c-icon-air:active,.c-icon-bao:active,.c-icon-chevron-fold:active,.c-icon-chevron-unfold:active,.c-icon-download:active,.c-icon-fold:active,.c-icon-high-v:active,.c-icon-hui:active,.c-icon-lyric:active,.c-icon-med:active,.c-icon-nuo:active,.c-icon-person:active,.c-icon-phone:active,.c-icon-share2:active,.c-icon-unfold:active,.c-icon-v1:active,.c-icon-v2:active,.c-icon-v3:active,.c-icon-v:active{background-color:#f0f0f0;border-color:#a2a6ab;box-shadow:inset 1px 1px 1px #c7c7c7;-webkit-box-shadow:inset 1px 1px 1px #c7c7c7;-moz-box-shadow:inset 1px 1px 1px #c7c7c7;-o-box-shadow:inset 1px 1px 1px #c7c7c7}.c-icon-chevron-fold,.c-icon-chevron-unfold,.c-icon-download,.c-icon-fold,.c-icon-lyric,.c-icon-unfold{border:1px solid #d8d8d8;cursor:pointer}.c-icon-air,.c-icon-bao,.c-icon-high-v,.c-icon-hui,.c-icon-med,.c-icon-nuo,.c-icon-person,.c-icon-phone,.c-icon-share2,.c-icon-v,.c-icon-v1,.c-icon-v2,.c-icon-v3{border:1px solid transparent;_border-color:tomato;cursor:pointer;_filter:chroma(color=#ff6347)}.c-icon-v1,.c-icon-v1-noborder,.c-icon-v1-noborder-disable,.c-icon-v2,.c-icon-v2-noborder,.c-icon-v2-noborder-disable,.c-icon-v3,.c-icon-v3-noborder,.c-icon-v3-noborder-disable{width:19px}.c-icon-download,.c-icon-lyric{height:16px;width:16px}.c-icon-play-circle,.c-icon-stop-circle{height:18px;width:18px}.c-icon-play-circle-middle,.c-icon-stop-circle-middle{height:24px;width:24px}.c-icon-play-black-large,.c-icon-stop-black-large{height:38px;width:38px}.c-icon-flag{background-position:0 -144px}.c-icon-bus{background-position:-24px -144px}.c-icon-calendar{background-position:-48px -144px}.c-icon-street{background-position:-72px -144px}.c-icon-map{background-position:-96px -144px}.c-icon-bag{background-position:-120px -144px}.c-icon-money{background-position:-144px -144px}.c-icon-game{background-position:-168px -144px}.c-icon-user{background-position:-192px -144px}.c-icon-globe{background-position:-216px -144px}.c-icon-lock{background-position:-240px -144px}.c-icon-plane{background-position:-264px -144px}.c-icon-list{background-position:-288px -144px}.c-icon-star-gray{background-position:-312px -144px}.c-icon-circle-gray{background-position:-384px -144px}.c-icon-triangle-down{background-position:-408px -144px}.c-icon-triangle-up{background-position:-432px -144px}.c-icon-triangle-up-empty{background-position:-456px -144px}.c-icon-sort-gray{background-position:-480px -144px}.c-icon-sort-up{background-position:-504px -144px}.c-icon-sort-down{background-position:-528px -144px}.c-icon-down-gray{background-position:-552px -144px}.c-icon-up-gray{background-position:-576px -144px}.c-icon-download-noborder{background-position:-600px -144px}.c-icon-lyric-noborder{background-position:-624px -144px}.c-icon-download-white{background-position:-648px -144px}.c-icon-close{background-position:-672px -144px}.c-icon-fail{background-position:-696px -144px}.c-icon-success{background-position:-720px -144px}.c-icon-triangle-down-g{background-position:-744px -144px}.c-icon-fullscreen{background-position:0 -168px}.c-icon-safe{background-position:-24px -168px}.c-icon-exchange{background-position:-48px -168px}.c-icon-chevron-bottom{background-position:-72px -168px}.c-icon-chevron-top{background-position:-96px -168px}.c-icon-unfold{background-position:-120px -168px}.c-icon-fold{background-position:-144px -168px}.c-icon-chevron-unfold{background-position:-168px -168px}.c-icon-qa{background-position:-192px -168px}.c-icon-register{background-position:-216px -168px}.c-icon-star{background-position:-240px -168px}.c-icon-star-gray{position:relative}.c-icon-star-gray .c-icon-star{left:0;position:absolute;top:0}.c-icon-play-blue{background-position:-312px -168px}.c-icon-pic{background-position:-336px -168px;width:16px}.c-icon-chevron-fold{background-position:-360px -168px}.c-icon-video{background-position:-384px -168px;width:18px}.c-icon-circle-blue{background-position:-408px -168px}.c-icon-circle-yellow{background-position:-432px -168px}.c-icon-play-white{background-position:-456px -168px}.c-icon-triangle-down-blue{background-position:-480px -168px}.c-icon-chevron-unfold2{background-position:-504px -168px}.c-icon-right{background-position:-528px -168px}.c-icon-right-empty{background-position:-552px -168px}.c-icon-new-corner{background-position:-576px -168px;width:15px}.c-icon-horn{background-position:-600px -168px}.c-icon-right-large{background-position:-624px -168px;width:18px}.c-icon-wrong-large{background-position:-648px -168px}.c-icon-circle-blue-s{background-position:-672px -168px}.c-icon-play-gray{background-position:-696px -168px}.c-icon-up{background-position:-720px -168px}.c-icon-down{background-position:-744px -168px}.c-icon-stable{background-position:-768px -168px}.c-icon-calendar-blue{background-position:-792px -168px}.c-icon-triangle-down-blue2{background-position:-816px -168px}.c-icon-triangle-up-blue2{background-position:-840px -168px}.c-icon-down-blue{background-position:-864px -168px}.c-icon-up-blue{background-position:-888px -168px}.c-icon-ting{background-position:-912px -168px}.c-icon-v,.c-icon-v-noborder{background-position:0 -192px}.c-icon-hui{background-position:-24px -192px}.c-icon-bao{background-position:-48px -192px}.c-icon-phone{background-position:-72px -192px}.c-icon-qa-empty{background-position:-96px -192px}.c-icon-safeguard{background-position:-120px -192px}.c-icon-register-empty{background-position:-144px -192px}.c-icon-zan{background-position:-168px -192px}.c-icon-location{background-position:-240px -192px}.c-icon-warning{background-position:-264px -192px}.c-icon-doc{background-position:-288px -192px}.c-icon-xls{background-position:-312px -192px}.c-icon-ppt{background-position:-336px -192px}.c-icon-pdf{background-position:-360px -192px}.c-icon-txt{background-position:-384px -192px}.c-icon-play-black{background-position:-408px -192px}.c-icon-play-black:hover{background-position:-432px -192px}.c-icon-gift{background-position:-456px -192px}.c-icon-baidu-share{background-position:-480px -192px}.c-icon-bear{background-position:-504px -192px}.c-icon-sfda{background-position:-528px -192px;width:31px}.c-icon-bear-border{background-position:-576px -192px}.c-icon-person,.c-icon-person-noborder{background-position:-600px -192px}.c-icon-location-blue{background-position:-624px -192px}.c-icon-hotAirBall{background-position:-648px -192px}.c-icon-moon{background-position:-672px -192px}.c-icon-streetMap{background-position:-696px -192px}.c-icon-high-v,.c-icon-high-v-noborder{background-position:-720px -192px}.c-icon-nuo{background-position:-744px -192px}.c-icon-mv{background-position:-768px -192px}.c-icon-med{background-position:-816px -192px}.c-icon-air{background-position:-840px -192px}.c-icon-share2{background-position:-864px -192px}.c-icon-v1,.c-icon-v1-noborder{background-position:-888px -192px}.c-icon-v2,.c-icon-v2-noborder{background-position:-912px -192px}.c-icon-v3,.c-icon-v3-noborder{background-position:-936px -192px}.c-icon-v1-noborder-disable{background-position:-960px -192px}.c-icon-v2-noborder-disable{background-position:-984px -192px}.c-icon-v3-noborder-disable{background-position:-1008px -192px}.c-icon-bear-circle{background-position:0 -216px}.c-icon-warning-circle{background-position:-24px -216px}.c-icon-warning-triangle{background-position:-48px -216px;width:24px}.c-icon-ball-red{background-position:0 -240px}.c-icon-ball-blue{background-position:-48px -240px}.c-icon-tieba{background-position:0 -288px}.c-icon-zhidao{background-position:-48px -288px}.c-icon-bear-p{background-position:-96px -288px}.c-icon-bear-pn{background-position:-144px -288px}.c-icon-download{background-position:0 -336px}.c-icon-lyric{background-position:-24px -336px}.c-icon-play-circle{background-position:-48px -336px}.c-icon-play-circle:hover{background-position:-72px -336px}.c-icon-stop-circle{background-position:-96px -336px}.c-icon-stop-circle:hover{background-position:-120px -336px}.c-icon-play-circle-middle{background-position:0 -360px}.c-icon-play-circle-middle:hover{background-position:-48px -360px}.c-icon-stop-circle-middle{background-position:-96px -360px}.c-icon-stop-circle-middle:hover{background-position:-144px -360px}.c-icon-play-black-large{background-position:0 -408px}.c-icon-play-black-large:hover{background-position:-48px -408px}.c-icon-stop-black-large{background-position:-96px -408px}.c-icon-stop-black-large:hover{background-position:-144px -408px}.c-text{color:#fff;display:inline-block;font-size:12px;font-:normal;line-height:100%;overflow:hidden;padding:2px;text-align:center;vertical-align:text-bottom}a.c-text{text-decoration:none}.c-text-new{background-color:#f13f40}.c-text-info{color:#2b99ff;font-weight:700;padding-left:0;padding-right:0;_position:relative;_top:2px;*vertical-align:baseline}.c-text-info b{_position:relative;_top:-1px}.c-text-info span{font-weight:400;padding:0 2px}.c-text-important{background-color:#1cb7fd}.c-text-public{background-color:#2b99ff}.c-text-warning{background-color:#ff830f}.c-text-prompt{background-color:#f5c537}.c-text-danger{background-color:#f13f40}.c-text-safe{background-color:#52c277}.c-text-empty{background-color:#fff;border:1px solid #d8d8d8;color:#23b9fd;cursor:pointer;padding-bottom:1px;padding-top:1px}.c-text-empty:hover{border-color:#388bff}.c-text-empty:active{background-color:#f0f0f0;border-color:#a2a6ab;box-shadow:inset 1px 1px 1px #c7c7c7;-webkit-box-shadow:inset 1px 1px 1px #c7c7c7;-moz-box-shadow:inset 1px 1px 1px #c7c7c7;-o-box-shadow:inset 1px 1px 1px #c7c7c7}.c-text-mult{padding-left:5px;padding-right:5px}.c-container .vd_newest_main{width:auto}.c-customicon{display:inline-block;font-:normal;height:16px;overflow:hidden;vertical-align:text-bottom;width:16px}.c-tip-icon i{cursor:pointer;display:inline-block}.c-tip-con{background:#fff;border:1px solid #dcdcdc;border:1px solid rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);display:none;font-size:12px;left:-35px;line-height:20px;padding:5px 0;position:absolute;text-align:left;top:22px;transition:opacity .218s;z-index:1}.c-tip-arrow{top:-16px}.c-tip-arrow,.c-tip-arrow em,.c-tip-arrow ins{display:block;font-size:0;height:0;line-height:0;position:absolute;width:0}.c-tip-arrow em,.c-tip-arrow ins{border:8px dashed #000;border-bottom:8px solid #000}.c-tip-arrow em{border-color:transparent transparent #d8d8d8}.c-tip-arrow ins{border-color:transparent transparent #fff;top:2px}.c-tip-con h3{font-size:12px}.c-tip-con .c-tip-title{display:inline-block;margin:0 10px;width:239px}.c-tip-con .c-tip-info{color:#666;margin:0 10px 1px;width:239px}.c-tip-con .c-tip-cer{color:#666;margin:0 10px 1px;width:354px}.c-tip-con .c-tip-cer ul{list-:none;margin:0;padding:0}.c-tip-con .c-tip-title{width:auto;_width:354px}.c-tip-con .c-tip-item-i{line-height:14px;padding:3px 0 3px 20px}.c-tip-con .c-tip-item-i .c-tip-item-icon{margin-left:-20px}.c-tip-con .c-tip-menu ul{text-align:center;width:74px}.c-tip-con .c-tip-menu li a{background-color:#fff;color:#0000d0;cursor:pointer;display:block;padding:3px 0;text-decoration:none}.c-tip-con .c-tip-menu li a:hover{background-color:#ebebeb;display:block}.c-tip-con .c-tip-notice{padding:0 10px;width:239px}.c-tip-con .c-tip-notice .c-tip-notice-succ{color:#4cbd37}.c-tip-con .c-tip-notice .c-tip-notice-fail{color:#f13f40}.c-tip-con .c-tip-notice .c-tip-item-succ{color:#444}.c-tip-con .c-tip-notice .c-tip-item-fail,.c-tip-con .c-tip-notice .c-tip-item-faila{color:#aaa}.c-tip-close{cursor:pointer;position:absolute;right:10px}.c-tools{display:inline}.c-tools-share{padding:0 10px;width:239px}.icp_info{color:#666;font-size:13px;margin-top:2px}.icon-gw,.icon-unsafe-icon{background:#2c99ff;border-radius:1px;color:#fff;display:inline-block;font-family:simsun;font-size:12px;height:16px;_height:14px;line-height:16px;_line-height:14px;margin-left:10px;overflow:hidden;padding:0 6px;_padding-top:2px;vertical-align:text-bottom;*vertical-align:baseline}a.icon-gw{background:#2196ff;color:#fff;cursor:pointer;text-decoration:none}a.icon-gw:hover{background:#1e87ef}a.icon-gw:active{background:#1c80d9;border-left:1px solid #145997;border-top:1px solid #145997;height:15px;_height:13px;line-height:15px;_line-height:13px;padding-left:5px}.icon-unsafe-icon{background:#e54d4b}#con-at{margin-bottom:15px}#con-ar{margin-bottom:40px}#con-at .result-op{font-size:13px;line-height:1.52em;margin-bottom:15px}#con-ar .result-op{font-size:13px;line-height:1.52em;margin-bottom:28px}#content_left .result,#content_left .result-op{border-collapse:collapse;margin-bottom:14px}#content_left .c-border .result,#content_left .c-border .result-op{margin-bottom:25px}#content_left .c-border .result-op:last-child,#content_left .c-border .result:last-child{margin-bottom:12px}#content_left .result .f,#content_left .result-op .f{padding:0}.subLink_factory{border-collapse:collapse}.subLink_factory td{padding:0}.subLink_factory td.last,.subLink_factory td.middle{color:#666}.subLink_factory td a{text-decoration:underline}.subLink_factory td.rightTd{text-align:right}.subLink_factory_right{width:100%}.subLink_factory_left td{padding-right:26px}.subLink_factory_left td.last{padding:0}.subLink_factory_left td.first{padding-right:75px}.subLink_factory_right td{width:90px}.subLink_factory_right td.first{width:auto}.general_image_pic{margin-top:2px}.general_image_pic a{background:#fff no-repeat 50%;display:block;overflow:hidden;text-align:center;text-decoration:none}.c-icon-v1,.c-icon-v2,.c-icon-v3{border:1px solid transparent;_border-color:tomato;cursor:pointer;_filter:chroma(color=#ff6347)}.c-icon-v1:active,.c-icon-v2:active,.c-icon-v3:active{background-color:#f0f0f0;border-color:#a2a6ab;box-shadow:inset 1px 1px 1px #c7c7c7;-webkit-box-shadow:inset 1px 1px 1px #c7c7c7;-moz-box-shadow:inset 1px 1px 1px #c7c7c7;-o-box-shadow:inset 1px 1px 1px #c7c7c7}.c-icon-v1:hover,.c-icon-v2:hover,.c-icon-v3:hover{border-color:#388bff}.opui-honourCard{color:#666;font-size:12px;line-height:1.5em;width:354px}.opui-honourCard-score{float:left;padding:4px 2px;text-align:center;width:60px}.opui-honourCard-score em{color:#8e8d8d;display:block;font-family:arial;font-size:37px;font-:normal;line-height:37px;width:63px}.opui-honourCard-info{zoom:1;background:#f5f5f5;overflow:hidden}.opui-honourCard-title a{*font-family:Microsoft YaHei}.opui-honourCard-title a i{left:-65px;*left:-68px;position:relative}.opui-honourCard ol{float:left;list-:none;margin:0;padding:0;_padding-top:5px}.opui-honourCard li{height:20px;line-height:20px;padding-left:20px;_vertical-align:bottom}.opui-honourCard li i{vertical-align:middle;_vertical-align:bottom}.opui-honourCard-selected{background:url(http://s1.bdstatic.com/r/www/cache/biz/ecom/common/api/img/ns-credit/honourCard.png) no-repeat 3px 5px;*background-position:3px 2px;color:#2b2a2a;font-weight:700}.c-tips-container ul{margin:0;padding:0}.c-tips-container li{list--type:none}.mez3xa5{margin:0 2px 0 8px}.c-tip-con .c-tip-menu li a{color:#000}@charset "UTF-8";@font-face{font-family:ecomicons;src:url(//m.baidu.com/static/ecom/iphone_icons/iconfont_9a3d333.eot);src:url(//m.baidu.com/static/ecom/iphone_icons/iconfont_9a3d333.eot#iefix) format("embedded-opentype"),url(//m.baidu.com/static/ecom/iphone_icons/iconfont_9a3d333.woff) format("woff"),url(//m.baidu.com/static/ecom/iphone_icons/iconfont_9a3d333.ttf) format("truetype"),url(//m.baidu.com/static/ecom/iphone_icons/iconfont_9a3d333.svg?#ecomicons) format("svg")}._5eaqmrb,.h1cy1u2,.hdq8k3m,.hmz7uhn,.kbsse7b,.wcn82p8{vertical-align:top}.jzjg54b{background-image:url(https://ecom.cdn.bcebos.com/icon-phone-blue.svg);background-size:16px 16px;display:inline-block;height:16px;margin-top:-2px;vertical-align:middle;width:16px}._5eaqmrb:after,.h1cy1u2:after,.hdq8k3m:after,.hmz7uhn:after,.kbsse7b:after,.wcn82p8:after,.y4mca6a:after{-webkit-font-smoothing:antialiased;color:#999;display:inline-block;font-family:ecomicons;font-size:16px;font-:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.wcn82p8:after{content:""}.kbsse7b:after{content:""}.hmz7uhn:after{content:""}._5eaqmrb:after{content:""}.hdq8k3m:after{content:""}.h1cy1u2:after{content:""}.y4mca6a:after{content:"??"}.mgukwmc{background-image:url(//nv00.cdn.bcebos.com/nv01/static/ecom/iphone_icons/consult-4b14dbfbfb.svg);background-size:16px 16px;height:16px;margin-top:-2px;width:16px}.mgukwmc,.uv6nn3t{display:inline-block;vertical-align:middle}.uv6nn3t{background-image:url(https://ecom.cdn.bcebos.com/icon_ask.svg);background-size:14px 14px;height:14px;margin-top:-4px;width:14px}.rpyu4qw,.rpyu4qw:after{color:#92b9f8}.dcwrt3z{background-image:url(https://nv00.cdn.bcebos.com/nv01/static/ecom/iphone_icons/open-icon-79fc6653f2.svg);background-size:12px 12px;height:12px;margin-top:-1px;vertical-align:middle;width:12px}.dcwrt3z,.ub4bu1k{display:inline-block}.ub4bu1k{align-items:center;border-radius:50%;display:flex;height:16px;justify-content:center;width:16px}.ub4bu1k:after{border-right:1px solid #858585;border-top:1px solid #858585;content:"";transform:translateX(-1px) rotate(45deg);width:5px}.rhb42mg,.ub4bu1k:after{display:inline-block;height:5px}.rhb42mg{background:url(https://ecom.cdn.bcebos.com/icon-down-arrow.png) no-repeat;background-size:contain;margin-left:3px;width:13.3px}.g7urw9u{background:url(https://nv00.cdn.bcebos.com/nv01/static/ecom/iphone_icons/speaker-icon-3aa8f67fc1.svg) 50% no-repeat;background-size:14px 14px;display:inline-block;height:14px;position:relative;width:14px}.t6j42ms{background-image:url(https://ecom.cdn.bcebos.com/icon-shoppingcar-red.svg);background-size:16px 16px;margin-top:-2px}.ec_font_consult_pc,.t6j42ms{display:inline-block;height:16px;vertical-align:middle;width:16px}.ec_font_consult_pc{background-image:url(//nv00.cdn.bcebos.com/nv01/static/ecom/iphone_icons/pc-consult-icon-c84e9d2571.svg);position:relative;top:-1px}.ec-icon-qrcode{background-image:url(//nv00.cdn.bcebos.com/nv01/static/ecom/iphone_icons/ec-qr-3c7d2b63fb.svg);display:inline-block;height:18px;position:relative;right:2px;top:-2px;vertical-align:middle;width:18px}.em8wr4b{background-color:#f5f5f5}._94sn3jw{margin-left:4px}._47q9e4t{margin-left:0}body .e358fhh{font-size:12px;line-height:20px;padding-top:0;transform:translateY(.3333333333em)}body .e358fhh:before{content:"";display:block;height:0;margin-top:-8px}body .e358fhh a,body .e358fhh div{color:#333}body .e358fhh ._24qxyp9{color:#999;font-size:15px;line-height:25px}body .e358fhh ._2wbuwqg{margin-right:5px}body .e358fhh .fszj6{max-height:60px}.m6beefd{box-sizing:border-box;display:flex;flex-direction:row;overflow:hidden;padding:0 40px 0 0;width:100%}.m6beefd .asm4hk5,.m6beefd .w2asmu8{background:#ebebeb;flex:1;height:83px;line-height:83px;margin-right:8px;max-width:124px;position:relative}.m6beefd .asm4hk5 img,.m6beefd .w2asmu8 img{border:none;height:83px}.m6beefd .w2asmu8{float:left;text-align:center;width:124px}.m6beefd .w2asmu8 a{color:#666;display:block;font-size:12px}.vxbs9vr{padding-bottom:100%}.cctxk1a{padding-bottom:133.33333333%}.r9a6y11{padding-bottom:33.3333333333%}.x7918fa{padding-bottom:56.25%}.a5nfmta{padding-bottom:50%}.ekg41rn{padding-bottom:75%}.yh9zf5y{padding-bottom:66.66666667%}.tfjywq1{padding-bottom:40%}.zgyz3v4{background-position:50%;background-repeat:no-repeat;background-size:cover}.a5nfmta,.cctxk1a,.ekg41rn,.r9a6y11,.tfjywq1,.vxbs9vr,.x7918fa,.yh9zf5y{height:0;overflow:hidden}.a5nfmta img,.cctxk1a img,.ekg41rn img,.r9a6y11 img,.tfjywq1 img,.vxbs9vr img,.x7918fa img,.yh9zf5y img{width:100%}.xgybsgu{border-radius:9px}.xnmv1w1{border-top-left-radius:0}.a2a1bt1{border-top-right-radius:0}._6q6rt9w{border-bottom-right-radius:0}.cjp9d88{border-bottom-left-radius:0}._16v3j7h{color:#333;font-size:14px;line-height:24px;margin-top:2px}._8w7z9mj{color:#f60;font-size:14px;line-height:22px;margin:5px 0;vertical-align:middle}.nkyys1f{position:relative}.pwakvbh{background:radial-gradient(transparent 50%,rgba(0,0,0,.05) 100%);height:100%;left:0;position:absolute;top:0;transform:translateZ(0);width:100%}.xgybsgu .pwakvbh{border-radius:9px}.xnmv1w1 .pwakvbh{border-top-left-radius:0}.a2a1bt1 .pwakvbh{border-top-right-radius:0}._6q6rt9w .pwakvbh{border-bottom-right-radius:0}.cjp9d88 .pwakvbh{border-bottom-left-radius:0}.nkyys1f img{border:none}._4fp477w{border-bottom:0 solid #eee;margin:0;padding:10px 0;position:relative}._4fp477w h3{font-weight:400;padding:0}._4fp477w a{text-decoration:none}._4fp477w em{color:#4db93b;font-:normal}._4fp477w:last-child{border-bottom:0}.umjk93k{margin:0}._7dnydwd{padding-top:0}._3x7jrak{margin-bottom:3px}.jbbebem{margin-bottom:10px}._6818msh{margin-top:3px}.sqv4m4f,.wg8cux4{margin-top:10px}._7kt74kr{align-items:center;display:flex;height:100%}._37ypdtb{margin-bottom:6px}._7azrwb3{margin-top:6px}._3x7jrak+.wg8cux4{margin-top:7px}.hgm17yu{float:right;width:74px}@charset "UTF-8";body a._6b1dtrc,body div._6b1dtrc{color:#000;display:block;font-family:Microsoft Yahei,微软雅黑,arial,宋体,sans-serif;font-size:13px;line-height:15px;margin:0;text-decoration:none}a._6b1dtrc div{word-break:break-all}body .jfse7wg{color:#999;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;padding-top:0;position:relative;transform:translateY(.4666666667em)}body .jfse7wg:before{content:"";display:block;height:0;margin-top:-10px}body .jfse7wg a{color:#999;display:block}body .jfse7wg a .wrcrsty{color:#999}body .jfse7wg button{background:#fff;border:1px solid;border-radius:3px;bottom:0;color:#38f;float:right;font-size:12px;line-height:12px;padding:7px 13px;position:absolute;right:0}body .jfse7wg .rmxgjhj{margin-left:5px}body .jfse7wg ._3pb5ks7{border:1px solid #eee;border-radius:50%;display:inline-block;height:22px;line-height:0;margin-right:7px;margin-top:-2px;vertical-align:middle;width:22px}body .jfse7wg .t1j8php{margin-right:8px}.kmgxjkx{position:absolute;right:0}._9avjy79{-webkit-box-orient:horizontal;-webkit-box-align:stretch;-webkit-align-content:flex-start;-webkit-align-items:stretch;display:-webkit-flex;-webkit-flex-wrap:nowrap;-webkit-justify-content:space-between;width:auto}.yx6gy95{flex:1}body .jfse7wg a.ysga73x,body .jfse7wg div.ysga73x{display:flex;justify-content:space-between}@charset "UTF-8";body .cqz94t4{font-size:12px;line-height:20px}body .cqz94t4 a,body .cqz94t4 div{color:#555;font-family:Microsoft Yahei,微软雅黑,arial,宋体,sans-serif}body .cqz94t4 ._688kgg7{color:#555;font-size:15px;line-height:25px}body .cqz94t4 .wjaxubk{margin-right:5px}body .cqz94t4 .frkymqp{max-height:42px}