/* 

	好豆菜谱WebApp手机移动端公用叠层样式表;
	http://m.haodou.com;

*/

@font-face {font-family:'ico';src:url('../fonts/ico.eot');src:url('../fonts/ico.eot?#iefix') format('embedded-opentype'),url('../fonts/ico.svg#ico') format('svg'),url('../fonts/ico.woff') format('woff'),url('../fonts/ico.woff2') format('woff2'),url('../fonts/ico.ttf') format('truetype');font-weight:normal;font-style:normal}
[class^="ico-"]:before,[class*="ico-"]:before {font-family:'ico';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;vertical-align:baseline}
.ico-back:before {content:"\E601"} /* 返回 */
.ico-more-arrow:before {content:"\E602"} /* 更多内容的向右箭头 */
.ico-more-fill-arrow:before {content:"\E603"} /* 更多实心圆箭头 */
.ico-triangle-down:before {content:"\E604"} /* 三角形向下 */
.ico-triangle-up:before {content:"\E605"} /* 三角形向上 */
.ico-plus:before {content:"\E606"} /* 加符号 */
.ico-add:before {content:"\E607"} /* 增加 */
.ico-reduce:before {content:"\E608"} /* 减少 */
.ico-menu-home:before {content:"\E609"} /* 首页 */
.ico-menu-home-on:before {content:"\E60A"} /* 首页当前 */
.ico-menu-purchase:before {content:"\E60B"} /* 到家 */
.ico-menu-purchase-on:before {content:"\E60C"} /* 到家当前 */
.ico-menu-club:before {content:"\E60D"} /* 广场 */
.ico-menu-club-on:before {content:"\E60E"} /* 广场当前 */
.ico-menu-center:before {content:"\E60F"} /* 个人中心 */
.ico-menu-center-on:before {content:"\E610"} /* 个人中心当前 */
.ico-search:before {content:"\E611"} /* 搜索放大镜 */
.ico-chowhound:before {content:"\E612"} /* 吃货最爱 */
.ico-brand:before {content:"\E613"} /* 品牌故事 */
.ico-new:before {content:"\E614"} /* 新品 */
.ico-walking:before {content:"\E615"} /* 逛逛 */
.ico-shoppingcart:before {content:"\E616"} /* 购物车 */
.ico-morecontent:before {content:"\E617"} /* 更多内容点 */
.ico-good:before {content:"\E618"} /* 赞 */
.ico-good-on:before {content:"\E619"} /* 赞后 */
.ico-comment:before {content:"\E61A"} /* 评论 */
.ico-comment-on:before {content:"\E61B"} /* 评论后 */
.ico-position:before {content:"\E61C"} /* 获取定位 */
.ico-arrow-filldown:before {content:"\E61D"} /* 实心箭头向下 */
.ico-arrow-fillup:before {content:"\E61E"} /* 实心箭头向上 */
.ico-arrow-fillright:before {content:"\E61F"} /* 实心箭头向右 */
.ico-arrow-fillleft:before {content:"\E620"} /* 实心箭头向左 */
.ico-notice:before {content:"\E621"} /* 公告 */
.ico-chief:before {content:"\E622"} /* 厨师帽 */
.ico-vip:before {content:"\E623"} /* VIP */
.ico-transport:before {content:"\E624"} /* 运费 */
.ico-share:before {content:"\E625"} /* 分享 */
.ico-store:before {content:"\E626"} /* 店辅 */
.ico-message:before {content:"\E627"} /* 消息 */
.ico-cooking:before {content:"\E628"} /* 烹饪 */
.ico-food:before {content:"\E629"} /* 美食 */
.ico-sales:before {content:"\E62A"} /* 销量 */
.ico-smile:before {content:"\E62B"} /* 表情微笑 */
.ico-play:before {content:"\E62C"} /* 播放 */
.ico-female:before {content:"\E62D"} /* 女性 */
.ico-male:before {content:"\E62E"} /* 男性 */
.ico-each:before {content:"\E62F"} /* 销量 */
.ico-reward:before {content:"\E630"} /* 打赏 */
.ico-card-topic:before {content:"\E631"} /* 页卡话题 */
.ico-card-people:before {content:"\E632"} /* 页卡人 */
.ico-card-dynamic:before {content:"\E633"} /* 页卡动态 */
.ico-realhot:before {content:"\E634"} /* 实时热点 */
.ico-group:before {content:"\E635"} /* 话题小组 */
.ico-menu-edit:before {content:"\E636"} /* 编辑 */
.ico-login-qq:before {content:"\E637"} /* QQ登录 */
.ico-login-wechat:before {content:"\E638"} /* 微信登录 */
.ico-login-sina:before {content:"\E639"} /* 新浪登录 */
.ico-login-id:before {content:"\E63A"} /* 用户名 */
.ico-login-pw:before {content:"\E63B"} /* 密码 */
.ico-browse:before {content:"\E63C"} /* 浏览 */ 
.ico-popularity:before {content:"\E63D"} /* 人气 */
.ico-morepointer:before {content:"\E63E"} /* 更多类型 */
.ico-banner:before {content:"\E63F"} /* 旗帜 */
.ico-fire:before {content:"\E640"} /* 烈火 */
.ico-collar:before {content:"\E641"} /* 领节 */
.ico-competitive:before {content:"\E642"} /* 精品 */
.ico-activity:before {content:"\E643"} /* 活动标签 */
.ico-classroom:before {content:"\E644"} /* 新手课堂 */
.ico-video:before {content:"\E645"} /* 视频 */
.ico-elated:before {content:"\E646"} /* 很好的 */
.ico-amusing:before {content:"\E647"} /* 有趣的 */
.ico-clubtopic:before {content:"\E648"} /* 话题小组 */
.ico-header-genre:before {content:"\E649"} /* 分类按扭1 */
.ico-header-category:before {content:"\E64A"} /* 分类按扭2 */
.ico-close:before {content:"\E64B"} /* 关闭 */
.ico-collection:before {content:"\E64C"} /* 收藏 */
.ico-collection-on:before {content:"\E64D"} /* 收藏后 */
.ico-love:before {content:"\E64E"} /* 喜欢 */
.ico-love-on:before {content:"\E64F"} /* 喜欢后 */
.ico-culinary:before {content:"\E650"} /* 厨艺 */
.ico-photograph:before {content:"\E651"} /* 拍照 */
.ico-cook:before {content:"\E652"} /* 厨师 */
.ico-shake:before {content:"\E653"} /* 遥一遥 */
.ico-backup:before {content:"\E654"} /* 返回顶部 */
.ico-eye:before {content:"\E655"} /* 暴风之眼 */
.ico-tableware:before {content:"\E656"} /* 餐具 */
.ico-delicious:before {content:"\E657"} /* 美味 */
.ico-position2:before {content:"\E658"} /* 位置 */
.ico-unpaid:before {content:"\E659"} /* 钱包 */
.ico-undelivery:before {content:"\E65A"} /* 小车 */
.ico-untake:before {content:"\E65B"} /* 购物袋 */
.ico-refund:before {content:"\E65C"} /* 付钱 */
.ico-coupon:before {content:"\E65D"} /* 优惠券 */
.ico-coordinate:before {content:"\E65E"} /* 地图 */
.ico-noorder:before {content:"\E65F"} /* 购物袋2 */
.ico-target:before {content:"\E660"} /* 目标 */
.ico-mobile-phone:before {content:"\E661"} /* 手机(白) */
.ico-del:before {content:"\E662"} /* 垃圾箱 */
.ico-unselect:before {content:"\E663"} /* 未选择 */
.ico-selected:before {content:"\E664"} /* 已选择 */
.ico-fill-user:before {content:"\E665"} /* 填充用户 */
.ico-fill-tel:before {content:"\E666"} /* 填充手机 */
.ico-fill-position:before {content:"\E667"} /* 填充定位 */
.ico-flower:before {content:"\E668"} /* 花 */
.ico-agree:before {content:"\E669"} /* 同意文件 */
.ico-disagree:before {content:"\E66A"} /* 拒绝文件 */
.ico-undelivery2:before {content:"\E66B"} /* 小车向左 */
.ico-right:before {content:"\E66C"} /* 正确 */
.ico-camera:before {content:"\E66D"} /* 相机 */
.ico-alipay:before {content:"\E66E"} /* 支付宝 */
.ico-gift:before {content:"\E66F"} /* 礼 */
.ico-question:before {content:"\E670"} /* 问号 */
.ico-selected-already:before {content:"\E671"} /* 选择以后 */
/* 标签重构 */
html{}
html,body {}
body{font:1.6rem/1.6 '微软雅黑',Arial;color:#000;background:#f5f5f5}

html,header,body,footer,div,p,pre,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,textarea,input,button,nav,menu,canvas,article,progress {padding:0;margin:0}
textarea,input {resize:none}
h1,h2,h3,h4,h5,h6,b,em,strong,p,pre,td {font-weight:normal;word-wrap:break-word;word-break:break-all}
ul,ol {list-style:none}
img {vertical-align:middle;width:100%;background:url(../images/_slide_default.png) #f5f5f5 no-repeat center center;background-size:100%}
button {padding:.5rem 0;width:90%;font-size:.9rem}
select,input,textarea {-webkit-appearance:none;resize:none;border:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;font-family:serif,sans-serif}
i,pre,em {font-style:normal}
a,img {-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
a,a:hover,a:visited,a:active {color:#666;text-decoration:none}
/* 公共样式定义 */
.b {font-weight:bold}
.fl {float:left}
.fr {float:right}
.tl {text-align:left}
.tc {text-align:center}
.tr {text-align:right}
.lihgt2 {line-height:2}
.box,.coma,.adbox {zoom:1;overflow:hidden}
.clearfix,.comb {zoom:1}
.clearfix:after,.comb:after {content:"";display:block;height:0;font-size:0;clear:both}
.coma,.comb {padding:0 1rem 1rem;background:white}
.dlt {text-decoration:line-through;color:#999}
.jf {word-wrap:break-word;word-break:break-all;text-justify:auto;text-align:justify}
.whsp {width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft08 {font-size:.8rem}
.ft09 {font-size:.9rem}
.ft10 {font-size:1rem}
.ft11 {font-size:1.1rem}
.ft12 {font-size:1.2rem}
.ft13 {font-size:1.3rem}
.ft14 {font-size:1.4rem}
.ft15 {font-size:1.5rem}
.ft16 {font-size:1.6rem}
.ft17 {font-size:1.7rem}
.ft18 {font-size:1.8rem}
.ft19 {font-size:1.9rem}
.ft20 {font-size:2rem}
.ft25 {font-size:2.5rem}
.mgt3 {margin-top:.3rem}
.mgt4 {margin-top:.4rem}
.mgt5 {margin-top:.5rem}
.mgt10 {margin-top:1rem}
.mgt20 {margin-top:2rem}
.mgt30 {margin-top:3rem}
.mgl5 {margin-left:.5rem} 
.mgl10 {margin-left:1rem}
.mgl15 {margin-left:1.5rem}
.mgr5 {margin-right:.5rem} 
.mgl20 {margin-left:2rem} 
.pdt10 {padding-top:1rem;padding-bottom:1rem;}
.pdt15 {padding-top:1.5rem; }
.pdb10 {padding-bottom:1rem}
.pdb15 {padding-bottom:1.5rem}
.pdb20 {padding-bottom:2rem}
.full {width:100%}
.fullsub {width:98%}
.percent7 {width:70%}
.half {width:50%}
.percent3 {width:30%}
.percent2 {width:20%}
.auto {float:left;width:100%}
.auto_title,.full_title {zoom:1;overflow:hidden;line-height:1.2;padding-top:.2rem}
.auto_title {padding:0 1rem}
.auto_title i,.full_title i {margin-right:.5rem}
.attitle {color:#f4a100;padding-top:1rem;background:white}
.tx_ico {display:inline-block;padding:.1rem .2rem;font-size:1rem;line-height:1;color:white;border-radius:2px}
.ahot {position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block}
.reverse {-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.immid {position:relative;overflow:hidden}
.immid img {position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.wrap {width:100%;max-width:640px;height:0;margin:0 auto;ozoom:1}
/* 广告框结构定认 */
.adbox {width:100%}
.txadbox {padding:0 .3rem .3rem;overflow:hidden;zoom:1;background:white}
.txadbox li {width:49.5%;height:2.4rem;margin-top:.3rem;font-size:1.2rem;line-height:2.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff7f7;text-indent:.5rem}
.txadbox li:nth-child(odd) {float:left}
.txadbox li:nth-child(even) {float:right}
/* 颜色定义  */
.gray0,.gray0:hover,.gray0:visited,.gray0:active {color:#000}
.gray3,.gray3:hover,.gray3:visited,.gray3:active {color:#333}
.gray6,.gray6:hover,.gray6:visited,.gray6:active {color:#666}
.gray9,.gray9:hover,.gray9:visited,.gray9:active {color:#999}
.grayc,.grayc:hover,.grayc:visited,.grayc:active {color:#ccc}
.red,.red:hover,.red:visited,.red:active {color:#f30}
.blue,.blue:hover,.blue:visited,.blue:active {color:#2ba4d1}
.white,.white:hover,.white:visited,.white:active {color:#fff}
.green,.green:hover,.green:visited,.green:active {color:#74a500}
.orange,.orange:hover,.orange:visited,.orange:active {color:#f4a100}
.orangered,.orangered:hover,.orangered:visited,.orangered:active {color:#ff5a00}
.bg_white {background:#fff}
.bg_f5 {background:#f5f5f5}
.bg_grayc {background:#ccc}
.bg_graye {background:#eee}
.bg_red {background:#f30}
.bg_blue {background:#2ba4d1}
.bg_gold {background:#ffb80c}
.bg_green {background:#74a500}
.bg_orange {background:#f4a100}
.bg_orangered {background:#f70}
.bg_lightgreen {background:#4ce2a1}
.bg_pink {background:#fb8ad1}
.bg_cyan {background:#00e6e9}
/* 购物车浮点 */
.shopping {text-align:center;position:relative}
.shopping i {position:absolute;top:.4rem;right:.4rem;height:1.2rem;padding:0 .35rem;line-height:1.2rem;color:white;font-size:.7rem;border-radius:1rem}
.shopping i.offset {top:.6rem;right:.6rem}
.entry {float:left;position:fixed;left:2%;bottom:10%;padding:0 .6rem;height:3rem;font-size:1.8rem;background:rgba(124,182,69,.8);color:white;text-align:center;line-height:3rem;border-radius:.5rem;display:none}
.entry a {float:left;position:relative;width:3rem;height:3rem}
.entry b {float:left;width:.2rem;height:1rem;margin-top:1rem;margin-left:.2rem;border-left:.1rem solid white}
.entry a,.entry a:hover,.entry a:visited,.entry a:active {color:white}
.entry .shopping i {top:.2rem;right:-.1rem}
/* 全站共用标签样式 */
.tag a,.tag b {display:inline-block;position:relative;height:1.5rem;line-height:1.5rem;background:url(../images/tag_before.png) no-repeat #ede2ef left 50%;border-radius:.2rem;font-size:.9rem;padding:0 .4rem 0 .8rem;margin:0 .6rem .6rem 0}
.tag.isbtn a,.tag.isbtn b {font-size:1rem;padding:.3rem 1.1rem;background:#eee;border-radius:100rem;color:#333}
/* 按扭 */
.btn {display:inline-block;height:2.2rem;line-height:2.2rem;font-size:1.4rem;letter-spacing:.1rem;padding:.2rem .8rem;white-space:nowrap;overflow:hidden;text-align:center;border:.1rem solid #666;border-radius:.4rem}
.btn.radius {border-radius:100rem}
.btn.noradius {border-radius:0}
.btn.btnfull {width:100%;height:3rem;line-height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}
.btn_lineinvalid,.btn_lineinvalid:hover,.btn_lineinvalid:visited,.btn_lineinvalid:active {color:#ccc;border-color:#bbb}
.btn_invalid,.btn_invalid:hover,.btn_invalid:visited,.btn_invalid:active {color:#999;border-color:#ddd;background:#ddd}
.btn_sole,.btn_sole:hover,.btn_sole:visited {color:#f4a100;border-color:#ccc}
.btn_sole:active {color:#e49600;border-color:#bbb}
.btn_linediff,.btn_linediff:hover,.btn_linediff:visited {color:#333;border-color:#bbb}
.btn_linediff:active {color:#000;border-color:#888}
.btn_linegray,.btn_linegray:hover,.btn_linegray:visited {color:#666;border-color:currentColor}
.btn_linegray:active {color:#555;border-color:currentColor}
.btn_linegreen,.btn_linegreen:hover,.btn_linegreen:visited {color:#74a500;border-color:currentColor}
.btn_linegreen:active {color:#608800;border-color:currentColor}
.btn_lineorange,.btn_lineorange:hover,.btn_lineorange:visited {color:#f4a100;border-color:currentColor}
.btn_lineorange:active {color:#e49600;border-color:currentColor}
.btn_gray,.btn_gray:hover,.btn_gray:visited {background:#666;border-color:#666;color:white}
.btn_gray:active {color:white;background:#555}
.btn_green,.btn_green:hover,.btn_green:visited {background:#74a500;border-color:#74a500;color:white}
.btn_green:active {color:white;background:#608800}
.btn_orange,.btn_orange:hover,.btn_orange:visited {background:#f4a100;border-color:#f4a100;color:white}
.btn_orange:active {color:white;background:#e49600}
/* 无数据 */
._no_data {padding:5rem 0;text-align:center;font-size:1.5rem;overflow:hidden;zoom:1;width:100%;color:#999}
._no_data.not_more {padding:1rem 0;font-size:1.2rem}
._no_data i {font-size:6rem}
._no_data img {width:10rem}
._no_data .btn {padding:.7rem 5%;margin-top:3rem;overflow:hidden;zoom:1;font-size:1.4rem}
._no_data .btn.nomgt {margin-top:.5rem;padding:.5rem 10%;border-radius:10rem}
._no_data .percent3 {padding:.2rem 2%;margin-top:1rem}
._no_data .des_success {width:80%;margin-left:10%}
._no_data p {margin-top:-1rem}
/* 公用弹层样式 */
._popup {overflow:hidden;zoom:1;width:100%;height:100%;position:absolute;left:0;top:0;z-index:9000;background:rgba(0,0,0,.6);color:#000;font-size:16px}
._popup .data_loading,._popup .layer {float:left;width:80%;border-radius:5px;background:white;position:fixed;_position:absolute;left:10%;top:50%;opacity:0}
._popup .data_loading {text-align:center;color:black;padding:5% 0;margin-top:-10%}
._popup .full {width:100%}
._popup .half {width:50%}
._popup img {width:100%}
._popup input[type="text"],._popup textarea {width:97%;border:1px solid #ccc;padding:4px 1%;overflow:hidden}
._popup textarea {height:32px}
._popup .content_area {float:left;width:90%;padding:5%;text-align:center;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}
._popup .content_area p {-webkit-backface-visibility:hidden;-webkit-perspective:1000;backface-visibility:hidden;perspective:1000}
._popup .content_area span {display:inline-block;width:100%}
._popup .content_area span:last-child {padding-top:10px;font-size:14px}
._popup .btnbox {float:left;width:100%;height:48px;border-top:1px solid #f5f5f5;overflow:hidden}
._popup .btnbox a {float:left;height:48px;line-height:48px;overflow:hidden;text-align:center;color:#007aff;*margin-left:-1px;}
._popup .btnbox a+a {margin-left:-1px;border-left:1px solid #f5f5f5}
._popup.wide img {width:40%;margin:0 30%}
._popup_prompt {position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:9001}
._popup_prompt span {display:inline-block;min-width:25%;max-width:75%;font-size:16px;padding:10px 15px;background:rgba(0,0,0,.85);border-radius:10px;color:white;opacity:0}
/* 公用幻灯片样式 */
._slide {overflow:hidden;zoom:1;width:100%;height:0;position:relative;background:#f5f5f5}
._slide .slider {width:100%;height:0;overflow:hidden;margin:0 auto;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}
._slide .slider ul {float:left;width:100%;background:#f5f5f5;display:-webkit-box;position:absolute;text-align:center;-webkit-backface-visibility:hidden;-webkit-perspective:1000;backface-visibility:hidden;perspective:1000}
._slide .slider li {width:100%;height:0;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;position:relative}
._slide .slider img {width:100%;vertical-align:middle;line-height:100%}
._slide .slider .btnleft,._slide .slider .btnright {position:absolute;top:50%;margin-top:-20px;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;cursor:pointer;background:url(../images/arrow.png) rgba(0,0,0,.5) no-repeat}
._slide .slider .btnleft {left:5px}
._slide .slider .btnright {right:5px;background-position:0 -40px}
._slide .slider_status {position:absolute;bottom:5px;width:100%;text-align:center}
._slide .slider_status i {display:inline-block;width:7px;height:7px;border-radius:7px;background-color:#f7f7f7;border:1px rgba(0,0,0,.2) solid;margin:0 5px;font-style:normal}
._slide .slider_status i.sel {width:9px;height:9px;border-radius:9px;border:0;background-color:#f60}
@media all and (orientation:landscape){._slide{background:black}}
/* 装载界面动画 */
.loading {width:100%;height:20px;padding-bottom:1rem;text-align:center}
.loading.up {position:absolute;top:50%;left:0;margin-top:-10px}
.loading i {display:inline-block;width:20px;height:20px;border-radius:10px;background:url(../images/loading.gif) no-repeat 50% 50%;overflow:hidden;vertical-align:top}
/* 头部标题栏 */
.fixedheader,header {position:relative;width:100%;height:4.3rem;line-height:4.3rem;zoom:1}
.fixedheader.mallhome {height:7.4rem}
header {background:white;font-size:1.6rem;text-align:center;border-bottom:.1rem solid #e5e5e5}
header.layer {position:absolute;left:0;top:0;z-index:99;background:transparent;border:none}
header.fixed {position:fixed;left:0;top:0;z-index:99}
header.nozindex {z-index:0} /* 到家TA店辅头部部分手机兼容修正 */
header.free {text-align:left}
header:after {content:"";display:block;height:0;font-size:0;clear:both}
header [class^="ico-"],header [class*="ico-"] {font-size:1.8rem}
header span {position:absolute;top:0;left:0;height:4.3rem}
header span.rti {left:auto;right:0}
header a {display:inline-block;height:4.3rem;padding:0 1rem}
header a.evade {display:none}
header.layer a {color:white}
header .btn {padding:.2rem .4rem;margin:.7rem .5rem 0;vertical-align:top;font-size:1.2rem;line-height:2.4rem}
header .btn i {line-height:2.6rem}
.fixedheader header,.fixedheader .divfly {position:fixed;left:0;top:0;z-index:99;display:none}
.fixedheader .divfly {float:left;width:100%;background:#f5f5f5}
.fixedheader .divfly header {position:static;z-index:1}
/* 公用搜索相关 */
header .search_input_box {float:left;width:80%;height:2.9rem;margin:.7rem 0 .7rem 1rem;background:#eee;border-radius:.6rem;overflow:hidden}
header .search_input_box a {height:2.9rem;line-height:3rem;padding:0 .5rem}
header .search_input_box input {float:left;width:76%;height:2.9rem;font-size:1.4rem;text-indent:.5rem;background:transparent}
header .search_input_box .ico-search {float:left}
header .search_input_box .ico-close {float:right;display:none}
.public_search_box {position:relative}
.public_search_box .title {background:#eee;margin-bottom:1rem;font-size:1.1rem;padding:.5rem 0;text-indent:1rem;color:#666}
.public_search_box .push {position:absolute;left:0;top:0;width:100%;background:white;z-index:1}
.public_search_box .push li {float:left;width:94%;padding:.5rem 3%;border-bottom:.1rem solid #eee;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.public_search_box .tag a {padding:.5rem 1rem;margin:0 .8rem .8rem 0;font-size:1.2rem}
/* 底部悬浮菜单标签及表情 */
.public_down_fly,.public_down_fly .upfloat {width:100%;height:4.4rem;overflow:hidden}
.public_down_fly {margin-top:1rem;position:relative}
.public_down_fly.nomgt {margin:0}
.public_down_fly .upfloat {position:fixed;left:0;bottom:0;z-index:99;display:none}
.public_down_fly a {float:left;width:50%;height:4.4rem;line-height:4.4rem;font-size:1.5rem;display:block}
.public_down_fly a.icobtn {width:20%;margin-left:-1px;border-left:1px solid #e5e5e5}
.public_down_fly a.percent2 {width:20%}
.public_down_fly a.percent3 {width:30%}
.public_down_fly a.half {width:50%}
.public_down_fly a.percent6 {width:60%}
.public_down_fly a.percent7 {width:70%}
.public_down_fly a.full {width:100%}
.public_down_fly.mainmenu a {line-height:1.7rem;height:3.8rem;padding:.6rem 0 0}
.public_down_fly.mainmenu a.maxht {line-height:3.8rem;font-size:1.5rem;color:white}
.public_down_fly.mainmenu a i {height:1.8rem;font-size:1.8rem}
.public_down_fly.mainmenu a span {display:inline-block;width:100%;height:1.8rem;font-size:1rem;vertical-align:top}
.public_down_fly.exp .upmark {position:fixed;left:0;bottom:0;width:100%;height:100rem;z-index:88;background:rgba(0,0,0,.3);display:none}
.public_down_fly.exp .upfloat {height:auto;min-height:3rem}
.public_down_fly.exp .upfloatinp,.public_down_fly.exp a {height:3rem;line-height:3rem;width:auto}
.public_down_fly.exp .upfloatinp {width:92%;max-width:592px;padding:.7rem 1.2rem;overflow:hidden}
.public_down_fly.exp .smile {float:left;font-size:3rem;margin-right:1rem}
.public_down_fly.exp input {float:left;width:70%;padding:0 1%;height:2.8rem;border:.1rem solid #aaa;border-radius:.3rem;font-size:1.4rem}
.public_down_fly.exp input.noemoji {width:82%}
.public_down_fly.exp a.fr {float:right}
.public_down_fly.exp img {width:2rem;height:2rem;background:transparent}
.public_down_fly.exp .explist {width:100%;height:14rem;overflow:hidden;display:none}
.public_down_fly.exp .imlist {width:100%;height:9rem;overflow:hidden}
.public_down_fly.exp .imlist .move {width:200%;height:9rem;overflow:hidden;zoom:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
.public_down_fly.exp .imlist ul {float:left;width:32rem;height:9rem;position:relative}
.public_down_fly.exp .imlist li {float:left;width:4.5rem;height:3rem;text-align:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden}
.public_down_fly.exp .imlist li:first-child {position:absolute;right:.5rem;bottom:0}
.public_down_fly.exp .impoint {width:100%;height:.6rem;padding:.6rem 0;text-align:center}
.public_down_fly.exp .impoint i {display:inline-block;margin:0 .5rem;width:.6rem;height:.6rem;line-height:.6rem;border-radius:.6rem;background:#ccc;vertical-align:top;overflow:hidden}
.public_down_fly.exp .impoint i.current {background:#f4a100}
.public_down_fly.exp .imcard {width:100%;height:3.1rem;overflow:hidden;border-top:.1rem solid #ccc}
.public_down_fly.exp .imcard a {height:3.1rem;line-height:3.1rem;padding:0 1.5rem;font-size:1.2rem}
.public_down_fly.exp .imcard a.current {background:#ddd}
/* 公用评论结构 */
.comment {margin:1.8rem 0 2rem;padding-top:1rem;border-top:.1rem solid #e5e5e5}
.comment.noline {border:none}
.comment.nolinex {margin-top:0;border:none}
.comment dt {padding-bottom:1rem}
.comment dd {float:left;width:100%;padding:1.6rem 0 1.5rem;border-bottom:1px dashed #e5e5e5}
.comment .imhead,.comment .imhead img {width:2.5rem;height:2.5rem;border-radius:2.5rem}
.comment .imhead {float:left;margin-right:.5rem}
.comment .imhead img {vertical-align:top}
.comment .name_and_date {float:left;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;vertical-align:top}
.comment .name {font-size:1.1rem;color:#666}
.comment .name [class*="ico-"],.comment .name .tx_ico {margin-left:.3rem;color:#f5b230}
.comment .name .tx_ico {color:white}
.comment .date {font-size:1rem;color:#999}
.comment .score,.comment .option {float:right;max-width:30%;font-size:.9rem;padding:.1rem .3rem;line-height:1;border-radius:1rem}
.comment .score {color:#fff}
.comment .self_content {margin-top:.5rem;font-size:1.2rem;color:#666}
.comment .self_content .reply {display:block;width:92%;padding:.5rem 4%;border-radius:.3rem;background:#f9f9f9;color:#999;margin-bottom:.5rem}
.comment .self_content .reply span {display:block;width:100%;overflow:hidden;white-space:nowrap}
.comment .self_content img {width:auto;max-width:100%;height:auto}
/* 分享弹层重构 */
._popup>div{position:relative}
.layerShare{overflow:hidden;zoom:1;width:80%;background:#fff;border-radius:10px;margin:0 10%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:2.5rem;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center}
.layerShare .btnbox{width:15rem;height:auto;float:none;margin:0 auto}
.layerShare .btnbox a{width:15rem;height:2.4rem;background:#f5b230;border-radius:.8rem;margin-top:1rem;line-height:2.4rem;color:#fff}
.layerShare .ico-close{position:absolute;top:0;right:0;width:3rem;height:3rem;text-align:center;line-height:3rem}
/* 返回顶部 */
.magnet {position:fixed;bottom:5.5rem;right:-5rem;width:4rem}
.magnet a {display:inline-block;width:4rem;height:4rem;line-height:4.4rem;text-align:center;background:#f5b230;border-radius:4rem;color:white;margin-top:.5rem}
.magnet.daojia a {background:rgba(124,182,69,.8)}
@media screen and (min-width:640px){
.public_down_fly .upfloat {left:50%;width:640px;margin-left:-320px}
}