@charset "UTF-8";
/*** @description: 变量; @Author: ray; @create date: 2016-12-20;
***/
/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/
html, body { height: 100%; }

body { font-family: "Microsoft YaHei", "tahoma", "arial", "sans-serif"; font-size: 14px; line-height: 1.5; background-color: #FFF; color: #333; }

body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul { margin: 0; padding: 0; list-style-type: none; }

ol { margin: 0; padding-left: 1.2em; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: inherit; text-decoration: none; outline: none; cursor: pointer; -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s; -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s; transition: color 0.2s, background-color 0.2s, border-color 0.2s; }

img { border: 0; vertical-align: top; }

input, select, button, textarea { font-family: inherit; color: inherit; outline: 0; margin: 0; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

/*** @Author:ray; @create date:2016-01-06
***/
.icon-sprite, .icon-a-about, .icon-a-contacts, .icon-a-feedback, .icon-a-jobs, .icon-a-tilde, .icon-arrow-bl, .icon-arrow-black, .icon-arrow-br, .icon-arrow-more, .icon-arrow, .icon-bell, .icon-change, .icon-collection, .icon-cooker, .icon-cooking, .icon-dot-black, .cooking-steps .step-num:before, .icon-dot, .goldfood-main .step .step-inner:before, .goldfood-main .step .step-inner:after, .goldfood-main .step .step-item:before, .icon-f-logo, .icon-finish, .cooking-steps .step-end .step-num:before, .icon-gold-menu, .icon-gold-word, .icon-gold, .icon-gold2, .icon-logo, .icon-m-baking, .food-filter .hd li.on .icon-n-baking, .icon-m-effect, .food-filter .hd li.on .icon-n-effect, .icon-m-faction, .food-filter .hd li.on .icon-n-faction, .icon-m-scene, .food-filter .hd li.on .icon-n-scene, .icon-m-style, .food-filter .hd li.on .icon-n-style, .icon-m-taste, .food-filter .hd li.on .icon-n-taste, .icon-m-tech, .food-filter .hd li.on .icon-n-tech, .icon-n-baking, .icon-n-effect, .icon-n-faction, .icon-n-scene, .icon-n-style, .icon-n-taste, .icon-n-tech, .icon-praise, .icon-search, .icon-share-more, .cooking-share .bdsharebuttonbox .bds_more, .icon-share-qq, .cooking-share .bdsharebuttonbox .bds_sqq, .icon-share-wb, .cooking-share .bdsharebuttonbox .bds_tsina, .icon-share-wx, .cooking-share .bdsharebuttonbox .bds_weixin, .icon-tag-bgl, .banner .bd .tag:before, .icon-tag-bgr, .banner .bd .tag:after, .icon-text-after, .icon-text-art, .icon-text-before, .icon-text-new, .icon-text, .icon-tilde, .recomfood-bd .art-list a:before, .foodie-box .item .tit:before, .news-nav a:after, .icon-totop, .icon-tt-hot, .icon-tt-menu, .icon-tt-new, .icon-tt-recom { background-image: url('../images/icon-s60deed7c7f.png'); background-repeat: no-repeat; }

.icon-a-about { background-position: -219px -407px; height: 240px; width: 99px; }

.icon-a-contacts { background-position: -318px -407px; height: 246px; width: 125px; }

.icon-a-feedback { background-position: 0 -407px; height: 236px; width: 103px; }

.icon-a-jobs { background-position: -103px -407px; height: 237px; width: 116px; }

.icon-a-tilde { background-position: -195px -150px; height: 90px; width: 315px; }

.icon-arrow-bl { background-position: -114px -150px; height: 48px; width: 26px; }

.icon-arrow-black { background-position: -26px -36px; height: 7px; width: 12px; }

.icon-arrow-br { background-position: -463px -66px; height: 48px; width: 26px; }

.icon-arrow-more { background-position: -47px -36px; height: 12px; width: 7px; }

.icon-arrow { background-position: -14px -36px; height: 7px; width: 12px; }

.icon-bell { background-position: -193px -66px; height: 22px; width: 17px; }

.icon-change { background-position: -184px 0; height: 26px; width: 70px; }
.icon-change:hover, .icon-change.change-hover { background-position: -114px 0; }

.icon-collection { background-position: -186px -36px; height: 15px; width: 16px; }

.icon-cooker { background-position: -254px 0; height: 28px; width: 28px; }

.icon-cooking { background-position: -232px -36px; height: 16px; width: 16px; }

.icon-dot-black, .cooking-steps .step-num:before { background-position: -172px -36px; height: 14px; width: 14px; }

.icon-dot, .goldfood-main .step .step-inner:before, .goldfood-main .step .step-inner:after, .goldfood-main .step .step-item:before { background-position: -38px -36px; height: 9px; width: 9px; }

.icon-f-logo { background-position: -285px -240px; height: 60px; width: 277px; }

.icon-finish, .cooking-steps .step-end .step-num:before { background-position: -210px -66px; height: 23px; width: 38px; }

.icon-gold-menu { background-position: -33px -150px; height: 39px; width: 81px; }

.icon-gold-word { background-position: -414px -300px; height: 107px; width: 110px; }

.icon-gold { background-position: -140px -150px; height: 70px; width: 55px; }

.icon-gold2 { background-position: 0 -150px; height: 38px; width: 33px; }

.icon-logo { background-position: -273px -66px; height: 44px; width: 98px; }

.icon-m-baking, .food-filter .hd li.on .icon-n-baking { background-position: -507px 0; height: 36px; width: 25px; }

.icon-m-effect, .food-filter .hd li.on .icon-n-effect { background-position: -532px 0; height: 36px; width: 22px; }

.icon-m-faction, .food-filter .hd li.on .icon-n-faction { background-position: -366px 0; height: 36px; width: 26px; }

.icon-m-scene, .food-filter .hd li.on .icon-n-scene { background-position: -485px 0; height: 36px; width: 22px; }

.icon-m-style, .food-filter .hd li.on .icon-n-style { background-position: -336px 0; height: 36px; width: 30px; }

.icon-m-taste, .food-filter .hd li.on .icon-n-taste { background-position: -42px 0; height: 36px; width: 16px; }

.icon-m-tech, .food-filter .hd li.on .icon-n-tech { background-position: -392px 0; height: 36px; width: 24px; }

.icon-n-baking { background-position: -460px 0; height: 36px; width: 25px; }

.icon-n-effect { background-position: -438px 0; height: 36px; width: 22px; }

.icon-n-faction { background-position: -16px 0; height: 36px; width: 26px; }

.icon-n-scene { background-position: -416px 0; height: 36px; width: 22px; }

.icon-n-style { background-position: -306px 0; height: 36px; width: 30px; }

.icon-n-taste { background-position: 0 0; height: 36px; width: 16px; }

.icon-n-tech { background-position: -282px 0; height: 36px; width: 24px; }

.icon-praise { background-position: -248px -66px; height: 24px; width: 25px; }

.icon-search { background-position: -248px -36px; height: 17px; width: 17px; }

.icon-share-more, .cooking-share .bdsharebuttonbox .bds_more { background-position: -163px -66px; height: 20px; width: 30px; }

.icon-share-qq, .cooking-share .bdsharebuttonbox .bds_sqq { background-position: -265px -36px; height: 19px; width: 17px; }

.icon-share-wb, .cooking-share .bdsharebuttonbox .bds_tsina { background-position: -140px -66px; height: 19px; width: 23px; }

.icon-share-wx, .cooking-share .bdsharebuttonbox .bds_weixin { background-position: -118px -66px; height: 18px; width: 22px; }

.icon-tag-bgl, .banner .bd .tag:before { background-position: -86px 0; height: 25px; width: 28px; }

.icon-tag-bgr, .banner .bd .tag:after { background-position: -58px 0; height: 25px; width: 28px; }

.icon-text-after { background-position: -202px -36px; height: 15px; width: 15px; }

.icon-text-art { background-position: 0 -66px; height: 14px; width: 118px; }

.icon-text-before { background-position: -217px -36px; height: 15px; width: 15px; }

.icon-text-new { background-position: -489px -66px; height: 52px; width: 30px; }

.icon-text { background-position: -54px -36px; height: 14px; width: 118px; }

.icon-tilde, .recomfood-bd .art-list a:before, .foodie-box .item .tit:before, .news-nav a:after { background-position: 0 -36px; height: 4px; width: 14px; }

.icon-totop { background-position: -417px -66px; height: 46px; width: 46px; }
.icon-totop:hover, .icon-totop.totop-hover { background-position: -371px -66px; }

.icon-tt-hot { background-position: -282px -36px; height: 30px; width: 285px; }

.icon-tt-menu { background-position: 0 -300px; height: 32px; width: 414px; }

.icon-tt-new { background-position: 0 -240px; height: 30px; width: 285px; }

.icon-tt-recom { background-position: 0 -118px; height: 32px; width: 571px; }

.icon { display: inline-block; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/
.red { color: #d10e0e; }

.orange { color: #ff6a29; }

.blue { color: #000086; }

.green { color: #00e999; }

.g3 { color: #333333; }

.g6 { color: #666666; }

.g9 { color: #999999; }

.mt50 { margin-top: 50px !important; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb70 { margin-bottom: 70px; }

.pt45 { padding-top: 45px; }

.text-justify { text-align: justify; text-justify: inter-ideograph; word-break: break-all; }

.text-center { text-align: center; }

.notext, .header .logo { text-align: left; letter-spacing: -3em; overflow: hidden; }
.notext:first-letter, .header .logo:first-letter { margin-left: -20em; }

.hide { display: none; }

.hidden { visibility: hidden; }

.placeholder { color: red; }

.fn-clear { zoom: 1; }
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.row { zoom: 1; }
.row:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }

.col-lg-12 { width: 100%; }

.col-lg-11 { width: 91.66666667%; }

.col-lg-10 { width: 83.33333333%; }

.col-lg-9 { width: 75%; }

.col-lg-8 { width: 66.66666667%; }

.col-lg-7 { width: 58.33333333%; }

.col-lg-6 { width: 50%; }

.col-lg-5 { width: 41.66666667%; }

.col-lg-4 { width: 33.33333333%; }

.col-lg-3 { width: 25%; }

.col-lg-2 { width: 16.66666667%; }

.col-lg-1 { width: 8.33333333%; }

/*** @description: 表单样式; @Author: ray; @create date: 2016-08-09;
***/
.form-group { margin-bottom: 20px; }

.form-input, .form-select, .form-textarea { line-height: 1.42857143; color: inherit; font-size: 14px; border: 1px solid #e6e6e6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: box-shadow 0.4s, border-color 0.4s; -o-transition: box-shadow 0.4s, border-color 0.4s; -webkit-transition: box-shadow 0.4s, border-color 0.4s; transition: box-shadow 0.4s, border-color 0.4s; }
.form-input:focus, .form-select:focus, .form-textarea:focus { border-color: rgba(255, 106, 41, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 106, 41, 0.4); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 106, 41, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 106, 41, 0.4); }

.form-input { width: 250px; padding: 13px 15px; display: inline-block; }
.form-input[readonly] { background-color: #eee; }

.form-select { padding: 6px; height: 35px; }

.form-textarea { width: 500px; max-width: 100%; height: 140px; padding: 13px 15px; vertical-align: top; resize: none; overflow: hidden; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
/*按钮样式*/
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; background-color: #FFF; color: #333; border: 1px solid #E9E9E9; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, color 0.2s, border-color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s, border-color 0.2s; transition: background-color 0.2s, color 0.2s, border-color 0.2s; }

.btn:active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn[disabled] { cursor: wait; }

.btn-block { padding-left: 0; padding-right: 0; width: 100%; }

/*** @description: 动画; @Author: ray; @create date: 2016-12-20;
***/
@-moz-keyframes rotate { from { -moz-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-webkit-keyframes rotate { from { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@keyframes rotate { from { -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); }
  to { -moz-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } }
@-moz-keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } }
@-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes zoomIn { 0% { opacity: 0; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); }
  100% { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } }
.animation.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; -o-animation: 2s ease; animation: 2s ease; }

.animation { -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; }

@-webkit-keyframes flash { 0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; } }
@-moz-keyframes flash { 0%,50%,100% { opacity: 1; }
  25%,75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; -moz-animation-name: flash; }

@-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); }
  10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); }
  20%,40%,60%,80% { -webkit-transform: translateX(10px); } }
@-moz-keyframes shake { 0%,100% { -moz-transform: translateX(0); }
  10%,30%,50%,70%,90% { -moz-transform: translateX(-10px); }
  20%,40%,60%,80% { -moz-transform: translateX(10px); } }
.shake { -webkit-animation-name: shake; -moz-animation-name: shake; }

@-webkit-keyframes bounce { 0%,20%,50%,80%,100% { -webkit-transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce { 0%,20%,50%,80%,100% { -moz-transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); }
  60% { -moz-transform: translateY(-15px); } }
.bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; }

@-webkit-keyframes tada { 0% { -webkit-transform: scale(1); }
  10%,20% { -webkit-transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% { -webkit-transform: scale(1.1) rotate(3deg); }
  40%,60%,80% { -webkit-transform: scale(1.1) rotate(-3deg); }
  100% { -webkit-transform: scale(1) rotate(0); } }
@-moz-keyframes tada { 0% { -moz-transform: scale(1); }
  10%,20% { -moz-transform: scale(0.9) rotate(-3deg); }
  30%,50%,70%,90% { -moz-transform: scale(1.1) rotate(3deg); }
  40%,60%,80% { -moz-transform: scale(1.1) rotate(-3deg); }
  100% { -moz-transform: scale(1) rotate(0); } }
.tada { -webkit-animation-name: tada; -moz-animation-name: tada; }

@-webkit-keyframes swing { 20%,40%,60%,80%,100% { -webkit-transform-origin: top center; }
  20% { -webkit-transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); } }
@-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); }
  40% { -moz-transform: rotate(-10deg); }
  60% { -moz-transform: rotate(5deg); }
  80% { -moz-transform: rotate(-5deg); }
  100% { -moz-transform: rotate(0deg); } }
.swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; }

@-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); }
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
  30% { -webkit-transform: translateX(20%) rotate(3deg); }
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
  60% { -webkit-transform: translateX(10%) rotate(2deg); }
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
  100% { -webkit-transform: translateX(0%); } }
@-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); }
  15% { -moz-transform: translateX(-25%) rotate(-5deg); }
  30% { -moz-transform: translateX(20%) rotate(3deg); }
  45% { -moz-transform: translateX(-15%) rotate(-3deg); }
  60% { -moz-transform: translateX(10%) rotate(2deg); }
  75% { -moz-transform: translateX(-5%) rotate(-1deg); }
  100% { -moz-transform: translateX(0%); } }
.wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; }

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.1); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes pulse { 0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.1); }
  100% { -moz-transform: scale(1); } }
.pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; }

@-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; }
  40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; }
  50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; }
  80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; }
  100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } }
@-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; }
  40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; }
  50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; }
  80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; }
  100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } }
.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; }

@-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateX(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateX(10deg); }
  100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } }
@-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; }
  40% { -moz-transform: perspective(400px) rotateX(-10deg); }
  70% { -moz-transform: perspective(400px) rotateX(10deg); }
  100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } }
.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; }

@-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } }
@-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; }
  100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } }
.flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; }

@-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotateY(-10deg); }
  70% { -webkit-transform: perspective(400px) rotateY(10deg); }
  100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } }
@-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; }
  40% { -moz-transform: perspective(400px) rotateY(-10deg); }
  70% { -moz-transform: perspective(400px) rotateY(10deg); }
  100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } }
.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; }

@-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } }
@-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; }
  100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } }
.flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(50px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-50px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-50px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(50px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@-moz-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-20px); } }
@-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-20px); } }
.fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); } }
@-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(20px); } }
.fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); } }
@-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-20px); } }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(20px); } }
@-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(20px); } }
.fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }
@-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }
@-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }
@-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }
@-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); }
  50% { opacity: 1; -webkit-transform: scale(1.05); }
  70% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1); } }
@-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); }
  50% { opacity: 1; -moz-transform: scale(1.05); }
  70% { -moz-transform: scale(0.9); }
  100% { -moz-transform: scale(1); } }
.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; }

@-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); }
  60% { opacity: 1; -webkit-transform: translateY(-30px); }
  80% { -webkit-transform: translateY(10px); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); }
  60% { opacity: 1; -moz-transform: translateY(-30px); }
  80% { -moz-transform: translateY(10px); }
  100% { -moz-transform: translateY(0); } }
.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; }

@-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); }
  60% { opacity: 1; -webkit-transform: translateY(30px); }
  80% { -webkit-transform: translateY(-10px); }
  100% { -webkit-transform: translateY(0); } }
@-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); }
  60% { opacity: 1; -moz-transform: translateY(30px); }
  80% { -moz-transform: translateY(-10px); }
  100% { -moz-transform: translateY(0); } }
.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); }
  60% { opacity: 1; -webkit-transform: translateX(30px); }
  80% { -webkit-transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); }
  60% { opacity: 1; -moz-transform: translateX(30px); }
  80% { -moz-transform: translateX(-10px); }
  100% { -moz-transform: translateX(0); } }
.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); }
  60% { opacity: 1; -webkit-transform: translateX(-30px); }
  80% { -webkit-transform: translateX(10px); }
  100% { -webkit-transform: translateX(0); } }
@-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); }
  60% { opacity: 1; -moz-transform: translateX(-30px); }
  80% { -moz-transform: translateX(10px); }
  100% { -moz-transform: translateX(0); } }
.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; }

@-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); }
  25% { -webkit-transform: scale(0.95); }
  50% { opacity: 1; -webkit-transform: scale(1.1); }
  100% { opacity: 0; -webkit-transform: scale(0.3); } }
@-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); }
  25% { -moz-transform: scale(0.95); }
  50% { opacity: 1; -moz-transform: scale(1.1); }
  100% { opacity: 0; -moz-transform: scale(0.3); } }
.bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; }

@-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(20px); }
  100% { opacity: 0; -webkit-transform: translateY(-2000px); } }
@-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(20px); }
  100% { opacity: 0; -moz-transform: translateY(-2000px); } }
.bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; }

@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); }
  20% { opacity: 1; -webkit-transform: translateY(-20px); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); } }
@-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); }
  20% { opacity: 1; -moz-transform: translateY(-20px); }
  100% { opacity: 0; -moz-transform: translateY(2000px); } }
.bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(20px); }
  100% { opacity: 0; -webkit-transform: translateX(-2000px); } }
@-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(20px); }
  100% { opacity: 0; -moz-transform: translateX(-2000px); } }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); }
  20% { opacity: 1; -webkit-transform: translateX(-20px); }
  100% { opacity: 0; -webkit-transform: translateX(2000px); } }
@-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); }
  20% { opacity: 1; -moz-transform: translateX(-20px); }
  100% { opacity: 0; -moz-transform: translateX(2000px); } }
.bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; }

@-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; }
  100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; }
  100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } }
.rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; }

@-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; }

@-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } }
@-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; }

@-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } }
@-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } }
.rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; }

@-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }
@-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } }
@-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } }
@-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; }

@-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; }
  100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } }
@-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; }
  100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; }

@-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  20%,60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
  100% { -webkit-transform: translateY(700px); opacity: 0; } }
@-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  20%,60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
  100% { -moz-transform: translateY(700px); opacity: 0; } }
.hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; }

@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } }
@-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } }
.rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; }

@-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } }
@-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
  100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } }
.rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; }

#GeneratedByCssGaga178 { transform: rotate(20120815104331deg); }

#GeneratedByCssGaga184 { transform: rotate(20121212161832deg); }

/*!
 
 @Name: layer's style
 @Author: 贤心
 @Blog： sentsin.com
 
 */
html #layui_layer_skinlayercss { display: none; position: absolute; width: 1989px; }

.layui-layer, .layui-layer-shade { position: fixed; _position: absolute; pointer-events: auto; }

.layui-layer-shade { top: 0; left: 0; width: 100%; height: 100%; _height: expression(document.body.offsetHeight+"px"); }

.layui-layer { top: 150px; left: 50%; margin: 0; padding: 0; background-color: #fff; -webkit-background-clip: content; box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: .3s; border-radius: 4px; }

.layui-layer-close { position: absolute; }

.layui-layer-content { position: relative; overflow: hidden; border-radius: 0 0 5px 5px; }

.layui-layer-border { border: 1px solid #B2B2B2; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); }

.layui-layer-moves { position: absolute; border: 3px solid #666; border: 3px solid rgba(0, 0, 0, 0.5); cursor: move; background-color: #fff; background-color: rgba(255, 255, 255, 0.3); filter: alpha(opacity=50); }

.layui-layer-load { background: url(../images/layer/loading-0.gif) center center no-repeat #fff; }

.layui-layer-ico { background: url(../images/layer/icon.png) no-repeat; }

.layui-layer-btn a, .layui-layer-dialog .layui-layer-ico, .layui-layer-setwin a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

@-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); }
  100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
  100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.layui-anim { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceOut { 100% { opacity: 0; -webkit-transform: scale(0.7); transform: scale(0.7); }
  30% { -webkit-transform: scale(1.03); transform: scale(1.03); }
  0% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes bounceOut { 100% { opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
  30% { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); }
  0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } }
.layui-anim-close { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .2s; animation-duration: .2s; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
@keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale(0.1) translateY(-2000px); -ms-transform: scale(0.1) translateY(-2000px); transform: scale(0.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  60% { opacity: 1; -webkit-transform: scale(0.475) translateY(60px); -ms-transform: scale(0.475) translateY(60px); transform: scale(0.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
.layui-anim-01 { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }
.layui-anim-02 { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
@keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(0.1) translateX(-2000px); -ms-transform: scale(0.1) translateX(-2000px); transform: scale(0.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
  60% { opacity: 1; -webkit-transform: scale(0.475) translateX(48px); -ms-transform: scale(0.475) translateX(48px); transform: scale(0.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } }
.layui-anim-03 { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } }
@keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0) rotate(0); -ms-transform: translateX(0) rotate(0); transform: translateX(0) rotate(0); } }
.layui-anim-04 { -webkit-animation-name: rollIn; animation-name: rollIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.layui-anim-05 { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes shake { 0%,100% { -webkit-transform: translateX(0); transform: translateX(0); }
  10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }
  20%,40%,60%,80% { -webkit-transform: translateX(10px); transform: translateX(10px); } }
@keyframes shake { 0%,100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  10%,30%,50%,70%,90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
  20%,40%,60%,80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } }
.layui-anim-06 { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.layui-layer-title { padding: 0 80px 0 10px; height: 35px; line-height: 35px; border-bottom: 1px solid #D5D5D5; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #EAEAEA; }

.layui-layer-setwin { position: absolute; right: 10px; *right: 0; top: 10px; font-size: 0; line-height: initial; }

.layui-layer-setwin a { position: relative; width: 14px; height: 14px; margin-left: 10px; font-size: 12px; _overflow: hidden; }

.layui-layer-setwin .layui-layer-min cite { position: absolute; width: 14px; height: 2px; left: 0; top: 50%; margin-top: -1px; background-color: #919191; cursor: pointer; _overflow: hidden; }

.layui-layer-setwin .layui-layer-min:hover cite { background-color: #2D93CA; }

.layui-layer-setwin .layui-layer-max { background-position: -45px -55px; }

.layui-layer-setwin .layui-layer-max:hover { background-position: -95px -55px; }

.layui-layer-setwin .layui-layer-maxmin { background-position: -68px -55px; }

.layui-layer-setwin .layui-layer-maxmin:hover { background-position: -118px -55px; }

.layui-layer-setwin .layui-layer-close1 { width: 14px; height: 14px; background-position: -5px -55px; cursor: pointer; }

.layui-layer-setwin .layui-layer-close1:hover { background-position: -25px -55px; }

.layui-layer-setwin .layui-layer-close2 { position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; background: url(../images/layer/icon-close.png) no-repeat center center; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }

.layui-layer-setwin .layui-layer-close2:hover { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.layui-layer-btn { text-align: center; padding: 0 30px 10px; pointer-events: auto; }

.layui-layer-btn a { height: 30px; line-height: 30px; margin: 0 8px; padding: 0 20px; background: #5FBFE7; color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; text-decoration: none; }

.layui-layer-btn a:hover { opacity: .9; text-decoration: none; }

.layui-layer-btn a:active { opacity: .7; }

.layui-layer-btn .layui-layer-btn1 { background: #A6BBCE; }

.layui-layer-dialog { min-width: 240px; }

.layui-layer-dialog .layui-layer-content { text-align: center; }

.layui-layer-dialog .layui-layer-btn { padding-bottom: 20px; }

.layui-layer-dialog .layui-layer-content { position: relative; padding: 20px; line-height: 24px; word-break: break-all; font-size: 14px; overflow: auto; }

.layui-layer-dialog .layui-layer-content .layui-layer-ico { position: absolute; top: 15px; left: 15px; _left: -50px; width: 39px; height: 39px; }

.layui-layer-ico1 { background-position: -46px 0; }

.layui-layer-ico2 { background-position: -93px 0; }

.layui-layer-ico3 { background-position: -145px 0; }

.layui-layer-ico4 { background-position: -191px 0; }

.layui-layer-ico5 { background-position: -239px 0; }

.layui-layer-ico6 { background-position: -287px 0; }

.layui-layer-rim { border: 6px solid #8D8D8D; border: 6px solid rgba(0, 0, 0, 0.3); border-radius: 5px; box-shadow: none; }

.layui-layer-msg { min-width: 170px; border-radius: 3px; border: 5px solid #8D8D8D; border: 5px solid rgba(0, 0, 0, 0.4); }

.layui-layer-msg .layui-layer-content .layui-layer-ico { top: 10px; }

.layui-layer-hui { min-width: 100px; background-color: #000; filter: alpha(opacity=60); background-color: rgba(0, 0, 0, 0.6); color: #fff; border: none; }

.layui-layer-hui .layui-layer-content { padding: 12px 25px; text-align: center; }

.layui-layer-dialog .layui-layer-padding { padding: 22px 20px 22px 65px; text-align: left; }

.layui-layer-msg .layui-layer-padding { padding: 17px 20px 17px 65px; }

.layui-layer-page .layui-layer-content { position: relative; overflow: auto; }

.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn { padding-top: 10px; }

.layui-layer-nobg { background: 0 0; }

.layui-layer-iframe .layui-layer-content { overflow: hidden; }

.layui-layer-iframe iframe { display: block; width: 100%; }

.layui-layer-loading { border-radius: 100%; background: 0 0; box-shadow: none; border: none; }

.layui-layer-loading .layui-layer-content { width: 60px; height: 24px; background: url(../images/layer/loading-0.gif) no-repeat; }

.layui-layer-loading .layui-layer-loading1 { width: 37px; height: 37px; background: url(../images/layer/loading-1.gif) no-repeat; }

.layui-layer-ico16, .layui-layer-loading .layui-layer-loading2 { width: 32px; height: 32px; background: url(../images/layer/loading-2.gif) no-repeat; }

.layui-layer-tips { background: 0 0; box-shadow: none; border: none; }

.layui-layer-tips .layui-layer-content { position: relative; line-height: 22px; min-width: 12px; padding: 5px 10px; font-size: 12px; _float: left; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); background-color: #F90; color: #fff; }

.layui-layer-tips .layui-layer-close { right: -2px; top: -1px; }

.layui-layer-tips i.layui-layer-TipsG { position: absolute; width: 0; height: 0; border-width: 8px; border-color: transparent; border-style: dashed; *overflow: hidden; }

.layui-layer-tips i.layui-layer-TipsB, .layui-layer-tips i.layui-layer-TipsT { left: 5px; border-right-style: solid; border-right-color: #F90; }

.layui-layer-tips i.layui-layer-TipsT { bottom: -8px; }

.layui-layer-tips i.layui-layer-TipsB { top: -8px; }

.layui-layer-tips i.layui-layer-TipsL, .layui-layer-tips i.layui-layer-TipsR { top: 1px; border-bottom-style: solid; border-bottom-color: #F90; }

.layui-layer-tips i.layui-layer-TipsR { left: -8px; }

.layui-layer-tips i.layui-layer-TipsL { right: -8px; }

.layui-layer-lan[type=dialog] { min-width: 280px; }

.layui-layer-lan .layui-layer-title { background: #4476A7; color: #fff; border: none; }

.layui-layer-lan .layui-layer-btn { padding: 10px; text-align: right; border-top: 1px solid #E9E7E7; }

.layui-layer-lan .layui-layer-btn a { background: #BBB5B5; }

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 { background: #C9C5C5; }

.layui-layer-molv .layui-layer-title { background: #009f95; color: #fff; border: none; }

.layui-layer-molv .layui-layer-btn a { background: #009f95; }

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 { background: #92B8B1; }

.layui-layer-rim, .layui-layer-msg { border: none; border-radius: 2px; box-shadow: 0 0 10px #cccccc; }

.layui-layer-title { height: 50px; background: #fff; border-radius: 2px 2px 0px 0px; border: none; padding: 0; }

.layui-layer-title h2 { padding: 0; margin: 0; line-height: 48px; font-family: "Microsoft YaHei"; font-size: 16px; color: #333; padding: 0 20px; background-color: #f7f7f7; border-bottom: 1px solid #eee; }

.layui-layer-moves { border: none; }

.layui-layer-btn a { background: #2cbbea; border-radius: 4px; padding: 0; width: 90px; }

.layui-layer-setwin { top: 15px; right: 15px; }

.layui-layer-setwin .layui-layer-close1 { width: 17px; height: 17px; line-height: 17px; text-align: center; border: 1px solid #eee; background-position: -3px -53px; }

.layui-layer-setwin .layui-layer-close1:hover { background-position: -3px -53px; border-color: #e0e0e0; }

/*** @description: 公用; @Author:ray; @create date:2016-02-09;
***/
html { overflow-y: scroll; }

html, body { height: 100%; }

body > object { display: none; }

.wrapper { width: 1000px; margin-left: auto; margin-right: auto; }

.page { position: relative; min-height: 100%; min-width: 1000px; overflow: hidden; }

.header { height: 120px; background: #FFF; border-bottom: 3px solid #433f3c; }
.header .logo { float: left; width: 250px; height: 56px; background: url('../images/logo.png?1494579604') no-repeat 0 center; margin-top: 33px; }

.header-inner { position: relative; height: 120px; }

.topbar { float: right; display: inline; margin-top: 42px; margin-right: 60px; position: relative; z-index: 21; }
.topbar .nav-item { position: relative; float: left; height: 80px; line-height: 38px; margin-right: 60px; font-size: 18px; }
.topbar .nav-item.on, .topbar .nav-item:hover { color: #d10e0e; }
.topbar .nav-item.active .icon-arrow-black { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.topbar .icon-arrow-black { display: inline-block; vertical-align: top; margin: 16px 0 0 5px; -moz-transition: -moz-transform 0.4s 0.1s; -o-transition: -o-transform 0.4s 0.1s; -webkit-transition: -webkit-transform 0.4s; -webkit-transition-delay: 0.1s; transition: transform 0.4s 0.1s; }

.searchbar { width: 200px; height: 40px; line-height: 40px; position: absolute; top: 40px; right: 0px; z-index: 20; text-align: right; cursor: pointer; overflow: hidden; -moz-transition: z-index 0.3s; -o-transition: z-index 0.3s; -webkit-transition: z-index 0.3s; transition: z-index 0.3s; }
.searchbar.on { z-index: 1000; }
.searchbar.on .search-input { left: 0; }
.searchbar .btn-search { border: 0; background: none; padding: 0; font-family: 'SimHei'; font-size: 18px; color: #111; cursor: pointer; height: 26px; line-height: 26px; vertical-align: middle; }
.searchbar .btn-search .icon { vertical-align: middle; margin: -4px 7px 0 0; }
.searchbar .search-input { position: absolute; left: 200px; top: 0; z-index: 1; background: #FFF; width: 196px; height: 36px; border: 2px solid #111; border-radius: 20px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.searchbar .search-input input { border: 0; background: none; width: 140px; height: 24px; font-size: 16px; font-family: 'SimHei'; line-height: 24px; padding: 6px 15px; display: inline-block; vertical-align: top; margin: 0; position: relative; z-index: 1; }
.searchbar .search-input .icon { position: absolute; left: 12px; top: 9px; }

.navbar { height: 0px; background: #433f3c; color: #ccc; position: relative; }
.navbar.on .icon-arrow { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.navbar .nav-inner { position: relative; line-height: 50px; display: none; }
.navbar .nav-item { font-size: 16px; margin-right: 25px; display: inline-block; vertical-align: top; height: 46px; border-bottom: 4px solid transparent; }
.navbar .nav-item.on, .navbar .nav-item:hover { color: #FFF; border-color: #d10e0e; }
.navbar .link-gold, .navbar .link-all { display: inline-block; vertical-align: top; }
.navbar .link-gold { margin-top: 5px; }
.navbar .link-all { position: absolute; top: 0; right: 0; z-index: 101; cursor: default; }
.navbar .icon-arrow { margin-left: 10px; -moz-transition: -moz-transform 0.4s 0.1s; -o-transition: -o-transform 0.4s 0.1s; -webkit-transition: -webkit-transform 0.4s; -webkit-transition-delay: 0.1s; transition: transform 0.4s 0.1s; }

.nav-food { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; background: #433f3c; background: rgba(67, 63, 60, 0.99); overflow: hidden; display: none; }
.nav-food .hd { padding-top: 30px; padding-bottom: 15px; overflow: hidden; font-size: 0; }
.nav-food .hd ul { margin-left: -45px; }
.nav-food .hd li { display: inline-block; height: 36px; line-height: 36px; padding: 0 10px; font-size: 20px; border-radius: 18px; color: #FFF; margin-left: 58px; cursor: pointer; }
.nav-food .hd li.on { background: #d10e0e; }
.nav-food .hd .icon { vertical-align: top; margin-right: 6px; }
.nav-food .bd { padding-bottom: 30px; }
.nav-food .bd ul { overflow: hidden; padding-left: 22px; display: none; }
.nav-food .bd ul.on { display: block; }
.nav-food .bd li { width: 81px; float: left; line-height: 32px; }
.nav-food .bd a:hover, .nav-food .bd a.on { color: #d10e0e; }

.nav-about { line-height: 50px; text-align: center; display: none; }
.nav-about .nav-item { margin: 0 40px; }

.content { padding-bottom: 220px; }

.content-l { width: 630px; float: left; }

.content-r { width: 300px; float: right; }

.footer { position: absolute; bottom: 0; width: 100%; height: 220px; background: #f5f3f2 url(../images/footer-bg.png) repeat center 15px; color: #999; font-size: 12px; text-align: center; line-height: 22px; }
.footer .icon-f-logo { margin: 55px 0 35px; }
.footer .f-link a { margin-right: 20px; }
.footer .f-link a:hover { color: #d10e0e; }

.url-here { line-height: 50px; color: #999; }
.url-here a:hover { color: #d10e0e; }

.pagestr { line-height: 40px; text-align: center; font-size: 18px; color: #666; }
.pagestr a { display: inline-block; width: 40px; background: #f0f0f0; color: #666; -moz-transition: background-color 0.2s, color 0.2s; -o-transition: background-color 0.2s, color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; }
.pagestr .on, .pagestr .cur, .pagestr a:hover { background: #d10e0e; color: #FFF; }
.pagestr .ell { margin: 0 5px; }
.pagestr .prev, .pagestr .next { font-family: '宋体'; font-size: 21px; font-weight: bold; margin: 0 15px; }

.pagination { line-height: 40px; text-align: center; font-size: 18px; color: #666; }
.pagination li { display: inline-block; min-width: 40px; background: #f0f0f0; color: #666; -moz-transition: background-color 0.2s, color 0.2s; -o-transition: background-color 0.2s, color 0.2s; -webkit-transition: background-color 0.2s, color 0.2s; transition: background-color 0.2s, color 0.2s; }
.pagination li.first, .pagination li.last { width: 66px; text-align: center; }
.pagination li.first a, .pagination li.last a { padding: 0; width: 100%; }
.pagination li.active a, .pagination li:hover a { background: #d10e0e; color: #FFF; }
.pagination a { min-width: 30px; padding: 0 5px; display: inline-block; vertical-align: top; }
.pagination .prev, .pagination .next { width: 80px; text-align: center; }
.pagination .prev a, .pagination .next a { padding: 0; width: 100%; }
.pagination .disabled { display: none; }

.totop { position: fixed; bottom: 50px; left: 50%; margin-left: 560px; display: none; }
.totop.end { position: absolute; bottom: 265px; }
.totop .icon-totop { vertical-align: top; width: 46px; height: 46px; background: url(../images/totop.png) no-repeat; -moz-transition: background 0.2s; -o-transition: background 0.2s; -webkit-transition: background 0.2s; transition: background 0.2s; }
.totop .icon-totop:hover { background-position: 0px -46px; }

.page-index .totop.end { bottom: 287px; }

.lazy-img { overflow: hidden; position: relative; }
.lazy-img img { position: absolute; }

/*** @description: 首页; @Author:ray; @create date:2016-02-09;
***/
.page-index .footer { position: static; height: auto; padding-bottom: 20px; }

.goldfood { background: #f5f3f2; padding-bottom: 80px; }

.goldfood-hd { text-align: center; padding-top: 75px; padding-bottom: 30px; }

.goldfood-bd { overflow: hidden; margin-bottom: 30px; }
.goldfood-bd .tags { font-size: 0; margin-bottom: 20px; white-space: nowrap; margin-left: -5px; text-align: center; }
.goldfood-bd .tag { display: inline-block; vertical-align: top; background: #433f3c; color: #ccc; font-size: 14px; line-height: 22px; padding: 0 8px; border-radius: 11px; margin-left: 5px; }
.goldfood-bd .tag:empty { display: none; }

.goldfood-main { width: 650px; height: 433px; float: left; background: #fff; overflow: hidden; }
.goldfood-main .info { height: 45px; }
.goldfood-main .pic { float: left; width: 350px; height: 433px; position: relative; }
.goldfood-main .con { margin-left: 350px; padding-left: 35px; width: 230px; }
.goldfood-main .tit { max-height: 68px; line-height: 34px; font-size: 30px; text-align: center; padding: 30px 0 15px; font-family: 'SimHei'; overflow: hidden; }
.goldfood-main .step { position: relative; height: 228px; }
.goldfood-main .step:before { content: ''; position: absolute; width: 1px; top: 10px; bottom: 2px; background: #e0e0e0; }
.goldfood-main .step .step-inner { position: absolute; width: 100%; height: 100%; }
.goldfood-main .step .step-inner:before, .goldfood-main .step .step-inner:after { content: ''; position: absolute; left: 0; bottom: 0; margin: 0 0 -6px -4px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.goldfood-main .step .step-inner:after { margin-bottom: -18px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; }
.goldfood-main .step .step-item { padding-left: 15px; line-height: 24px; max-height: 48px; margin-bottom: 20px; overflow: hidden; }
.goldfood-main .step .step-item:before { content: ''; position: absolute; margin: 7px 0 0 -19px; }
.goldfood-main .view { background: #FFF; text-align: center; font-family: 'SimHei'; font-weight: bold; margin-left: 10px; padding-top: 22px; position: relative; z-index: 10; height: 60px; }
.goldfood-main .view:hover { color: #d10e0e; }
.goldfood-main .view-inner { height: 100%; background: #fff; margin: 0 -15px; }
.goldfood-main .icon-arrow-black { margin-left: 6px; }
.goldfood-main .icon-gold { position: absolute; top: 15px; left: 10px; }

.goldfood-side { width: 240px; height: 403px; padding: 30px 30px 0; background: #fff; float: right; position: relative; }
.goldfood-side .pic { width: 240px; height: 296px; }
.goldfood-side .tit { position: relative; z-index: 1; width: 190px; height: 44px; line-height: 44px; background: #f5f3f2; font-size: 24px; text-align: center; margin: -22px auto 25px; overflow: hidden; }
.goldfood-side .tags { position: relative; z-index: 1; }
.goldfood-side .tag { line-height: 20px; border: 1px solid #222; background: #FFF; color: #222; }
.goldfood-side .icon-gold-word { position: absolute; bottom: 5px; right: -35px; }

.goldfood-ft { overflow: hidden; }
.goldfood-ft ul { margin-left: -30px; }
.goldfood-ft .pic-box { float: left; margin-left: 30px; }
.goldfood-ft .pic-box:hover .tit { color: #d10e0e; }

.recomfood { margin-bottom: 120px; }

.recomfood-hd { text-align: center; padding-top: 50px; margin-bottom: 30px; }

.recomfood-bd { overflow: hidden; }
.recomfood-bd .item-wrap { margin-left: -50px; }
.recomfood-bd .item { width: 300px; height: 436px; float: left; display: inline; margin-left: 50px; background: #f5f3f2; }
.recomfood-bd .pic-cover { display: block; position: relative; width: 300px; height: 200px; }
.recomfood-bd .pic-cover:hover .cover { background: #960000; }
.recomfood-bd .pic-cover .cover { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #1a1714; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
.recomfood-bd .pic-cover .tit, .recomfood-bd .pic-cover .tag { position: absolute; left: 20px; right: 20px; bottom: 50%; z-index: 1; text-align: center; text-shadow: 0 1px 3px #666; color: #FFF; font-size: 16px; margin-bottom: 5px; }
.recomfood-bd .pic-cover .tag { top: 50%; margin-top: 10px; }
.recomfood-bd .pic-cover .tag:before { content: ''; position: absolute; left: 50%; margin: -9px 0 0 -7px; width: 14px; height: 4px; background: #FFF; }
.recomfood-bd .art-list { padding: 18px 0; }
.recomfood-bd .art-list li { font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; padding-left: 35px; padding-right: 15px; }
.recomfood-bd .art-list a:before { content: ''; position: absolute; margin: 19px 0 0 -20px; font-size: 20px; font-weight: bold; visibility: hidden; }
.recomfood-bd .art-list a:hover { color: #d10e0e; }
.recomfood-bd .art-list a:hover:before { visibility: visible; }

.pic-box { display: block; position: relative; width: 176px; height: 176px; }
.pic-box .tit { position: absolute; left: 15px; right: 15px; bottom: 15px; z-index: 10; display: inline-block; padding: 0 10px; background: #FFF; background: rgba(255, 255, 255, 0.95); font-size: 16px; font-family: 'SimHei'; pointer-events: none; height: 30px; line-height: 30px; overflow: hidden; text-align: center; }

/*** @description: 首页banner; @Author:ray; @create date:2016-02-09;
***/
.banner-wrapper { width: 100%; position: relative; background: #fff; }

.banner { width: 100%; height: 450px; position: relative; z-index: 10; overflow: hidden; text-align: center; }
.banner .bd { width: 1300px; height: 450px; position: absolute; left: 50%; margin-left: -1150px; }
.banner .bd li { width: 650px; float: left; overflow: hidden; position: relative; }
.banner .bd li.on { z-index: 100; }
.banner .bd li.on .tit-wrap { visibility: visible; }
.banner .bd .pic { display: block; width: 650px; height: 450px; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }
.banner .bd .tit-wrap { position: absolute; left: 0; right: 0; bottom: 35px; z-index: 20; visibility: hidden; }
.banner .bd .tit { position: relative; display: inline-block; padding: 0 25px; min-width: 120px; height: 50px; line-height: 50px; background: #FFF; color: #111; font-size: 16px; border: 3px solid #433f3c; font-family: 'SimHei'; }
.banner .bd .tit:after, .banner .bd .tit:before { width: 23px; height: 29px; content: ''; position: absolute; left: 0px; top: 0px; background: url(../images/tt-decorate.png) no-repeat -42px -70px; }
.banner .bd .tit:after { left: auto; top: auto; right: 0px; bottom: 0px; background-position: -25px -5px; }
.banner .bd .tag { height: 25px; line-height: 25px; position: absolute; top: -15px; right: 25px; padding: 0 5px 0 3px; }
.banner .bd .tag:before, .banner .bd .tag:after { content: ''; position: absolute; left: 0; top: 0; }
.banner .bd .tag:after { left: auto; right: 0; }
.banner .bd .tag-bg { position: absolute; top: 0; bottom: 0; left: 28px; right: 28px; background: url(../images/tag-bg.png) repeat-x; }
.banner .bd .tag-text { position: relative; z-index: 1; display: inline-block; vertical-align: top; min-width: 40px; padding: 0 3px 0 5px; background: url(../images/tag-bgr.png) repeat-x 0 center; color: #fff; font-size: 12px; }
.banner .pn-btn, .banner .pn-bg { position: absolute; z-index: 10; top: 0; width: 650px; height: 100%; cursor: pointer; }
.banner .pn-btn { z-index: 100; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
.banner .pn-bg { background: #a09a96; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; }
.banner .pn-bg:after { content: ''; display: block; width: 100%; height: 100%; }
.banner .pn-bg.pn-btn-prev:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(80%, rgba(0, 0, 0, 0.1)), color-stop(90%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.2))); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0.2) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0.2) 100%); }
.banner .pn-bg.pn-btn-next:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz48c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(80%, rgba(0, 0, 0, 0.1)), color-stop(90%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.2))); background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0.2) 100%); background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(to left, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0.1) 90%, rgba(0, 0, 0, 0.2) 100%); }
.banner .pn-btn-prev { left: 50%; margin-left: -1150px; text-align: right; }
.banner .pn-btn-prev .pn-btn-inner { right: 40px; }
.banner .pn-btn-next { left: 50%; margin-left: 500px; text-align: left; }
.banner .pn-btn-next .pn-btn-inner { left: 40px; }
.banner .pn-btn-inner { position: absolute; top: 155px; }
.banner .name-wrap { display: inline-block; text-align: center; width: 44px; padding: 8px 0; background: #FFF; color: #111; font-size: 14px; border: 3px solid #433f3c; font-family: 'SimHei'; }
.banner .name-wrap .tag { display: none; }
.banner .name { display: inline-block; height: 120px; max-width: 32px; margin-left: 2px; text-align: center; writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; line-height: 1.2; overflow: hidden; }
.banner .icon-arrow-bl, .banner .icon-arrow-br { position: absolute; top: 50%; left: 0; z-index: 30; margin: -24px 0 0 -16px; }
.banner .icon-arrow-br { left: 58px; }

.banner-right { position: absolute; top: 0; left: 50%; width: 650px; margin-left: 500px; z-index: 8; }
.banner-right .pn-btn-prev, .banner-right .pn-btn-next { display: none; }
.banner-right .bd { width: 650px; position: static; margin-left: 0; }

.prev-focus .pn-bg.pn-btn-prev, .next-focus .pn-bg.pn-btn-next { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }

.banner-article { background: #433f3c; position: absolute; top: 0; left: 50%; z-index: 20; width: 350px; margin-left: 150px; }
.banner-article .title { position: absolute; top: 0; right: 10px; z-index: 50; }
.banner-article a { display: block; width: 350px; height: 94px; line-height: 94px; position: relative; overflow: hidden; }
.banner-article a:hover .tit { background: rgba(150, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F960000,endcolorstr=#7F960000); }
.banner-article .pic { width: 100%; min-height: 170px; position: absolute; top: -80px; left: 0; border-radius: 0 0 0 10px; }
.banner-article .tit { width: 280px; padding: 0 35px; margin: 0 auto; font-size: 18px; color: #FFF; text-align: center; text-shadow: 0 1px 3px #666; position: relative; z-index: 1; background: rgba(26, 23, 20, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F1a1714,endcolorstr=#7F1a1714); -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }

/*** @description: 列表; @Author:ray; @create date:2016-02-15;
***/
.food-filter { margin: 45px 0 20px; background: #f5f3f2; }
.food-filter .hd { font-size: 0; padding: 32px 13px; }
.food-filter .hd ul { margin-left: -22px; }
.food-filter .hd li { display: inline-block; font-size: 20px; line-height: 34px; padding: 0 12px; border-radius: 17px; margin-left: 46px; cursor: pointer; }
.food-filter .hd li.on { background: #d10e0e; color: #FFF; }
.food-filter .hd li .icon { vertical-align: top; margin-right: 6px; }
.food-filter .bd { padding-left: 50px; padding-bottom: 20px; overflow: hidden; }
.food-filter .bd ul { display: none; }
.food-filter .bd ul.on { display: block; }
.food-filter .bd li { float: left; width: 76px; margin-bottom: 14px; }
.food-filter .bd a:hover, .food-filter .bd a.on { color: #d10e0e; }

.food-menu-hd { text-align: center; padding: 30px 0; }
.food-menu-hd .icon { vertical-align: top; }

.food-menu-bd { overflow: hidden; }

.food-menu-ft { padding-top: 30px; margin-bottom: 100px; }

.food-list { margin-left: -32px; }

.food-item { width: 226px; height: 210px; float: left; position: relative; margin-left: 32px; text-align: center; }
.food-item a { display: block; }
.food-item a:hover .info { filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F960000,endcolorstr=#7F960000); background: rgba(150, 0, 0, 0.6); }
.food-item a:hover .info dt { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.food-item a:hover .info dd { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.food-item .info { position: absolute; top: 0; left: 0; width: 226px; height: 150px; color: #FFF; font-size: 16px; background: rgba(150, 0, 0, 0); -moz-transition: background 0.4s; -o-transition: background 0.4s; -webkit-transition: background 0.4s; transition: background 0.4s; }
.food-item .info dt, .food-item .info dd { position: absolute; left: 20px; right: 20px; height: 26px; line-height: 26px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; }
.food-item .info dt { bottom: 50%; -moz-transform: translateY(70px); -ms-transform: translateY(70px); -webkit-transform: translateY(70px); transform: translateY(70px); }
.food-item .info dd { top: 55%; -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -webkit-transform: translateY(-70px); transform: translateY(-70px); }
.food-item .face { width: 26px; height: 26px; margin-right: 10px; border-radius: 50%; }
.food-item .title { font-size: 18px; }
.food-item .cooking { margin-right: 15px; }
.food-item .icon { margin-right: 4px; }
.food-item .name { font-size: 16px; margin-top: 10px; height: 24px; line-height: 24px; overflow: hidden; }

/*** @description: 详情; @Author:ray; @create date:2016-04-21;
***/
.food-detail-info .food-pic { width: 600px; height: 400px; float: left; position: relative; }
.food-detail-info .food-info { position: absolute; right: 20px; bottom: 20px; padding: 0 10px; height: 26px; line-height: 27px; text-align: center; background: #111; background: rgba(17, 17, 17, 0.9); color: #ccc; visibility: hidden; }
.food-detail-info .food-info.on { visibility: visible; }
.food-detail-info .food-info .icon { margin-right: 4px; vertical-align: -1px; }
.food-detail-info .food-info .collection { margin-left: 15px; }
.food-detail-info .food-con { width: 340px; height: 400px; padding: 0 30px; float: right; background: #e0dedc; position: relative; }
.food-detail-info .author { position: relative; top: -15px; font-size: 12px; color: #777; }
.food-detail-info .author .face { width: 44px; height: 44px; vertical-align: bottom; margin-right: 8px; border-radius: 50%; }
.food-detail-info .author .name { margin-right: 20px; }
.food-detail-info .title { font-size: 34px; line-height: 1.4; margin-bottom: 12px; }
.food-detail-info .icon-gold2 { vertical-align: bottom; margin-left: 3px; }
.food-detail-info .tags { margin-bottom: 25px; }
.food-detail-info .tag { display: inline-block; padding: 0 6px; line-height: 20px; background: #433f3c; color: #ccc; border-radius: 10px; margin-right: 5px; }
.food-detail-info .tag:empty { display: none; }
.food-detail-info .text { line-height: 28px; font-size: 16px; color: #777; padding-bottom: 20px; }
.food-detail-info .text p { max-height: 224px; overflow: hidden; margin-right: -15px; padding-right: 15px; }
.food-detail-info .favorite { width: 30px; background: #d10e0e; color: #febbbb; position: absolute; top: 10px; right: 10px; text-align: center; line-height: 1.2; font-size: 12px; padding: 4px 5px; display: none; }

.food-detail-attr { overflow: hidden; background: #f5f3f2; padding: 20px 0; }
.food-detail-attr dl { width: 20%; height: 73px; float: left; text-align: center; padding-top: 20px; position: relative; }
.food-detail-attr dl:before { content: ''; width: 1px; height: 20px; background: #e0dfde; position: absolute; left: -1px; }
.food-detail-attr dt { font-size: 24px; line-height: 1; margin-bottom: 8px; }
.food-detail-attr dd { color: #777; }

.food-tips { display: inline-block; background: #a39f9c; color: #FFF; width: 874px; line-height: 50px; padding: 0 18px; margin: 0 auto; }
.food-tips .tit { margin-right: 18px; font-size: 17px; line-height: 1.2; }
.food-tips .txt { font-size: 12px; }
.food-tips .icon-bell { vertical-align: -4px; margin-right: 5px; }

.food-detail-cont { position: relative; }
.food-detail-cont .cont-hd { padding-bottom: 60px; text-align: center; position: relative; }
.food-detail-cont .cont-hd:before { content: ''; position: absolute; width: 2px; top: 0; left: 6px; bottom: 0; border-left: 2px dashed #f0efed; }
.food-detail-cont .cont-bd { padding-bottom: 60px; }
.food-detail-cont .pagination { font-size: 16px; margin-bottom: 55px; }
.food-detail-cont .pagination a { width: auto; max-width: 220px; height: 40px; overflow: hidden; }
.food-detail-cont .pagination a:hover { color: #d10e0e; }

.cooking-steps { padding-left: 45px; position: relative; margin-bottom: 60px; }
.cooking-steps .step { padding-bottom: 30px; position: relative; }
.cooking-steps .step:before { content: ''; position: absolute; left: -39px; top: 0; width: 2px; height: 100%; background: #f0efed; }
.cooking-steps .step.nopic .step-pic { display: none; }
.cooking-steps .step.nopic .step-num:before { top: 7px; }
.cooking-steps .step-end:before { display: none; }
.cooking-steps .step-end .step-num:before { left: -53px; top: -15px; }
.cooking-steps .step-end.nopic .step-num:before { top: 0; }
.cooking-steps .step-pic { width: 200px; height: 200px; float: left; margin-right: 30px; }
.cooking-steps .step-num { font-size: 30px; font-family: 'tahoma'; font-weight: bold; font-style: italic; line-height: 1; margin: -5px 0 8px; }
.cooking-steps .step-num:before { content: ''; position: absolute; top: -7px; left: -45px; }
.cooking-steps .step-rem { font-size: 16px; color: #888; line-height: 26px; }
.cooking-steps .step-rem p { overflow: hidden; white-space: pre-wrap; }

.cooking-praise { border: 3px solid #433f3c; width: 174px; height: 94px; margin: 0 auto; text-align: center; cursor: pointer; position: relative; }
.cooking-praise .icon-cooker, .cooking-praise .icon-praise, .cooking-praise .count { margin-top: 17px; }
.cooking-praise .count { font-size: 30px; font-family: arial; margin-left: 6px; }
.cooking-praise .icon-text, .cooking-praise .icon-text-art { margin: 0 auto; }

.cooking-share { margin: 15px 0 25px; line-height: 32px; padding-left: 160px; }
.cooking-share .bdsharetitle { display: inline-block; font-size: 16px; color: #888; font-family: 'SimHei'; }
.cooking-share .bdsharebuttonbox { display: inline-block; vertical-align: middle; overflow: hidden; position: absolute; }
.cooking-share .bdsharebuttonbox a { padding: 0; margin-left: 35px; }

.cooking-recom .hd { font-size: 30px; text-align: center; font-family: 'SimHei'; margin-bottom: 10px; }
.cooking-recom .bd { overflow: hidden; }
.cooking-recom .item-wrap { margin-left: -20px; }
.cooking-recom .item { width: 196px; height: 170px; float: left; *display: inline; margin-left: 20px; margin-bottom: 20px; }
.cooking-recom .item:hover { color: #d10e0e; }
.cooking-recom .item .pic { display: block; width: 196px; height: 130px; }
.cooking-recom .item .tit { display: block; height: 40px; line-height: 40px; padding: 0 10px; overflow: hidden; text-align: center; background: #ebe9e8; }

.ui-box { width: 260px; background: #f5f3f2; padding: 0 20px; margin-bottom: 30px; }
.ui-box.fixed { position: fixed; top: 20px; z-index: 100; }
.ui-box .hd { font-size: 26px; font-family: 'SimHei'; text-align: center; line-height: 55px; }
.ui-box .ft { text-align: center; padding: 8px 0 10px; }

.ad-box { margin-bottom: 30px; position: relative; }
.ad-box img { width: 100%; }
.ad-box .mark { font-size: 12px; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#AARRGGBB,endColorStr=i#AARRGGBB); color: #e6e6e6; position: absolute; bottom: 0; right: 0; padding: 0 3px; line-height: 1.3; }

.foodie-box { font-size: 16px; }
.foodie-box .item { height: 32px; line-height: 32px; overflow: hidden; }
.foodie-box .item .tit { text-indent: 24px; display: inline-block; }
.foodie-box .item .tit:before { content: ''; position: absolute; margin: 14px 0 0 -20px; font-size: 20px; font-weight: bold; visibility: hidden; }
.foodie-box .item .tit:hover { color: #d10e0e; }
.foodie-box .item .tit:hover:before { visibility: visible; }
.foodie-box .item-pic { width: 260px; height: 173px; margin-bottom: 10px; position: relative; }
.foodie-box .item-pic .pic { width: 100%; height: 100%; display: block; }
.foodie-box .item-pic .tit { background: #d10e0e; color: #FFF; font-family: inherit; height: 26px; line-height: 26px; position: absolute; left: 20px; right: 20px; bottom: 15px; text-align: center; overflow: hidden; }

.fresh-box .item { position: relative; margin-bottom: 10px; }
.fresh-box .item:hover { color: #d10e0e; }
.fresh-box .item .pic { width: 100px; height: 56px; }
.fresh-box .item .tit { position: absolute; left: 0; right: 0; height: 56px; line-height: 56px; overflow: hidden; padding-left: 105px; padding-right: 10px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(37%, #ffffff)); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 15%, #ffffff 37%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 15%, #ffffff 37%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 15%, #ffffff 37%); }

.like-box .item-wrap { margin-left: -15px; }
.like-box .item { position: relative; margin-bottom: 15px; margin-left: 15px; width: 122px; float: left; }
.like-box .item:hover .tit { background: #d10e0e; color: #FFF; }
.like-box .item .pic { display: block; width: 122px; height: 81px; }
.like-box .item .tit { padding: 0 10px; display: block; height: 30px; line-height: 30px; background: #FFF; font-size: 12px; overflow: hidden; text-align: center; -moz-transition: background 0.2s, color 0.2s; -o-transition: background 0.2s, color 0.2s; -webkit-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
.like-box .item .tag { display: none; }
.like-box .item-1 { width: 260px; height: 173px; text-align: center; }
.like-box .item-1 .cover { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #1a1714; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
.like-box .item-1:hover .tit { background: none; }
.like-box .item-1:hover .cover { background: #4a0000; }
.like-box .item-1 .pic { width: 260px; height: 173px; }
.like-box .item-1 .tit { background: none; color: #FFF; font-size: 18px; position: absolute; bottom: 50%; left: 10px; right: 10px; z-index: 1; }
.like-box .item-1 .tag { display: inline-block; margin: 0 auto; position: relative; top: -72px; z-index: 1; line-height: 26px; padding: 0 10px; color: #FFF; border: 1px solid #FFF; }

.bdshare_popup_box .bdshare_popup_bottom { display: none; }

.bdshare_dialog_bg, .bdshare_dialog_box { display: none !important; }

/*** @description: 资讯列表; @Author:ray; @create date:2016-04-25;
***/
.page-newslist .content { padding-top: 50px; }

.news-nav { width: 100%; margin-top: -4px; margin-bottom: 30px; color: #222; }
.news-nav a { display: inline-block; font-size: 18px; margin-right: 40px; font-family: 'SimHei'; position: relative; }
.news-nav a:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -7px; display: none; }
.news-nav a:hover, .news-nav a.on { color: #d10e0e; }
.news-nav a:hover:after, .news-nav a.on:after { display: block; }

.news-list { padding-bottom: 35px; overflow: hidden; color: #222; }

.news-list-hd { margin-top: -5px; margin-bottom: 15px; }
.news-list-hd .title { font-size: 24px; }

.news-list-bd { padding-bottom: 20px; }

.news-list-ft { text-align: center; font-size: 16px; margin-top: -30px; }
.news-list-ft .icon-arrow-more { vertical-align: -1px; margin-left: 6px; }

.news-list-page { margin-bottom: 50px; }

.news-item { display: block; height: 160px; margin-bottom: 40px; overflow: hidden; }
.news-item a:hover { color: #d10e0e; }
.news-item .pic { width: 240px; height: 160px; float: left; overflow: hidden; }
.news-item .pic img { width: 100%; height: 100%; -moz-transition: -moz-transform 0.4s; -o-transition: -o-transform 0.4s; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }
.news-item .pic img:hover { -moz-transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
.news-item .con { margin-left: 270px; height: 100%; position: relative; }
.news-item .tit { font-size: 18px; line-height: 26px; margin-bottom: 15px; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; }
.news-item .tag { border: 1px solid #777; color: #777; line-height: 20px; padding: 0 6px; border-radius: 10px; }
.news-item .time { position: absolute; bottom: 0; color: #999; }

/*** @description: 资讯详情; @Author:ray; @create date:2016-04-25;
***/
.news-view { margin-bottom: 40px; }
.news-view .title { font-size: 30px; line-height: 42px; margin-bottom: 10px; color: #333; text-align: center; }
.news-view .info { color: #999; font-size: 12px; margin-bottom: 20px; text-align: center; }
.news-view .info span { margin-right: 15px; }
.news-view .intr { line-height: 30px; background: #f2f2f2; padding: 25px 30px; margin-bottom: 50px; }
.news-view .cont { color: #222; font-size: 16px; line-height: 32px; }
.news-view .cont img { max-width: 600px; display: block; margin: 10px auto; }
.news-view .copyright-notice { color: #999; text-align: center; margin-top: 20px; }

/*** @description: about; @Author:ray; @create date:2016-04-25;
***/
.about-nav { font-size: 0; text-align: center; margin-top: 40px; margin-bottom: 45px; }
.about-nav .nav-item { display: inline-block; font-size: 18px; color: #111; line-height: 30px; padding: 0 10px; font-family: 'SimHei'; margin: 0 13px; }
.about-nav .nav-item.on, .about-nav .nav-item:hover { background: #111; color: #FFF; }

.about-content { border: 6px solid #111; width: 848px; margin: 0px auto 100px; padding: 35px 0; position: relative; z-index: 10; background: #FFF url(../images/about-content-bg.png); overflow: hidden; color: #222; min-height: 450px; }
.about-content .text { font-size: 16px; padding: 0 60px; }
.about-content .contact-text { padding-left: 100px; margin-top: 120px; }
.about-content .contact-text p { font-size: 20px; margin-bottom: 20px; }
.about-content .title { position: absolute; top: 15px; right: 20px; z-index: -1px; }
.about-content .icon-logo { display: block; margin: 0 auto 20px; }
.about-content .icon-a-tilde { position: absolute; right: -51px; bottom: 15px; z-index: -1; }

.feedback { width: 400px; margin: 0 auto; padding: 65px 0 45px; }
.feedback .form-textarea, .feedback .form-input { width: 100%; border: 3px solid #111; }
.feedback .btn-submit { width: 100%; font-size: 20px; color: #FFF; background: #111; padding: 11px 0px; }

/*** @description: 404; @Author:ray; @create date:2016-01-06;
***/
.not-found { padding: 180px 0; text-align: center; }
.not-found .error-text { display: inline-block; text-align: left; }
.not-found .error-text .hd { font-size: 20px; color: #333; font-weight: 400; }
.not-found .error-text .bd { color: #999; padding: 7px 0 25px; }
.not-found .error-text .bd li { padding-left: 13px; line-height: 28px; background: url(../images/d4.png) no-repeat 0 center; }
.not-found .error-text .bd a:hover { text-decoration: underline; }
.not-found .error-text .ft { font-size: 0; }
.not-found .error-text .link { display: inline-block; font-size: 14px; padding: 0 9px; line-height: 28px; color: #111; border: 2px solid #111; margin-right: 10px; }
.not-found .error-404 { text-align: center; }
.not-found .error-404 .hd img { display: block; margin-bottom: 30px; }

/*** @description: 自定义滚动条; @Author:ray; @create date:2016-05-05;
***/
.scroller { position: relative; }

.scroller-inner { height: 100%; overflow: hidden; }

.scroller-track, .scroller-thumb { position: absolute; top: 0; right: 0; bottom: 0; width: 6px; height: 100%; background: #d0d0d0; visibility: hidden; border-radius: 6px; }

.scroller-thumb { background-color: #aaa; height: 0px; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }

.scroller-thumb:hover, .moving .scroller-thumb { background-color: #888; }

.usable .scroller-track, .usable .scroller-thumb { visibility: visible; }

/*** @description: ie hack; @Author:ray; @create date:2017-05-10;
***/
.lte-ie9 .search-input .placeholder { text-indent: 25px; }

.lt-ie8 a { color: #333; }
.lt-ie8 .header-inner:hover { z-index: 999; }
.lt-ie8 .banner .bd .tag { background: #d10e0e; color: #FFF; border: 2px solid #222; }
.lt-ie8 .banner .bd .tag-bg { display: none; }
.lt-ie8 .banner .bd .tag-text { background: none; }
.lt-ie8 .nav-food .hd li, .lt-ie8 .food-filter .hd li { display: inline; }
.lt-ie8 .food-filter .hd .icon { vertical-align: middle; }
.lt-ie8 .food-filter .hd a { color: #333; }
.lt-ie8 .food-filter .hd a:hover { color: #d10e0e; }
.lt-ie8 .nav-food .hd .icon { vertical-align: middle; }
.lt-ie8 .nav-food .bd a { color: #fff; }
.lt-ie8 .nav-food .bd a:hover { color: #d10e0e; }
.lt-ie8 .topbar .icon-arrow-black { margin-top: 10px; }
.lt-ie8 .pagination li { display: inline; zoom: 1; vertical-align: top; margin: 0 5px; }
.lt-ie8 .banner .bd .tit { display: inline; zoom: 1; }
.lt-ie8 .goldfood-ft ul { width: 1030px; overflow: hidden; }
.lt-ie8 .recomfood-bd .item-wrap { width: 1050px; overflow: hidden; }
.lt-ie8 .food-list { width: 1032px; overflow: hidden; }

/*# sourceMappingURL=style.css.map */