* { margin: 0px; padding: 0px; }
body { font-family: "宋体", Arial, Helvetica, sans-serif; font-size: 14px; background: rgb(233, 237, 238); }
a { font-size: 14px; text-decoration: none; outline: currentcolor none medium; }
a:hover { color: rgb(255, 0, 126); text-decoration: underline; }
input { padding: 0px; margin: 0px; }
ul { list-style: none; }
img { border: medium none; text-indent: 0px; }
.clear { height: 1px; clear: both; margin-bottom: -1px; overflow: hidden; visibility: hidden; display: block; }
.left { float: left; }
.right { float: right; }
.clearfix::after { content: " "; display: block; height: 0px; clear: both; }
.clearfix { overflow: hidden; }
.wrap { width: 980px; margin: 0px auto; background: rgb(255, 255, 255); padding: 10px; }
.cLeft { width: 665px; }
.cRight { width: 300px; }
h4.cTit, h1.cTit { margin-bottom: 6px; color: rgb(245, 104, 12); font-size: 18px; padding-left: 4px; border-bottom: 1px solid rgb(232, 232, 232); padding-bottom: 5px; }
h4.cTit a { float: right; font-weight: normal; font-size: 12px; color: rgb(245, 104, 12); }
#header { position: relative; }
.logo { height: 76px; width: 465px; padding-left: 10px; }
.logoTxt { margin-top: 23px; margin-left: 10px; background: url("") no-repeat; width: 220px; font-size: 14px; padding-left: 25px; height: 32px; line-height: 32px; display: block; }
.search { position: absolute; top: 35px; right: 0px; }
.search form { height: 27px; }
.search input { background: url("") no-repeat; border: medium none; float: left; }
.search input.sTxt { padding-left: 25px; background: rgb(255, 255, 255) url("") 5px 4px no-repeat; width: 225px; border: 1px solid rgb(210, 210, 210); height: 25px; line-height: 25px; color: rgb(201, 201, 201); }
.search input.sBtn { background: url("") -22px -35px no-repeat; width: 80px; padding-left: 13px; height: 27px; text-align: center; margin-left: 5px; color: rgb(51, 51, 51); font-size: 14px; font-weight: bold; }
.menu { margin-top: 5px; }
.menu span { display: block; height: 98px; width: 9px; background: url("") no-repeat; overflow: hidden; }
.menu span.mLeft { background-position: 0px -35px; }
.menu span.mRight { background-position: -10px -35px; }
.menuCont { background: url("") repeat-x; height: 98px; width: 962px; position: relative; }
.menuCont ul { }
.menuCont li { float: left; padding: 0px 20px; line-height: 38px; height: 38px; }
.menuCont li a { color: rgb(255, 255, 255); font-weight: bold; font-size: 14px; }
.menuCont .help { font-weight: normal; position: absolute; top: 10px; right: 10px; color: rgb(255, 255, 255); }
.tjShipu { color: rgb(51, 51, 51); padding-left: 15px; height: 48px; line-height: 48px; }
.tjShipu strong { font-size: 14px; }
.tjShipu a { padding: 0px 10px; color: rgb(51, 51, 51); }
.link_nav { height: 23px; }
.link_nav a { height: 22px; line-height: 22px; float: left; display: block; width: 70px; border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentcolor; border-style: solid solid none; border-width: 1px 1px medium; border-image: none 100% / 1 / 0 stretch; text-align: center; color: rgb(50, 50, 50); background: rgb(236, 236, 236); margin-right: 4px; }
.link_nav a.linka1 { position: relative; z-index: 999; height: 23px; font-weight: bold; background: rgb(255, 255, 255); color: rgb(236, 57, 97); text-decoration: none; border-bottom: medium none; }
.link_content { line-height: 23px; background: rgb(255, 255, 255); padding: 8px; border: 1px solid rgb(204, 204, 204); }
.link_content a { color: rgb(56, 56, 56); padding: 0px 5px; }
div.link_content { display: none; }
div.lincon_in { display: block; }
.feil { height: 33px; line-height: 33px; color: rgb(194, 64, 41); }
.feil a { color: rgb(194, 64, 41); }
.fdd a { display: inline-block; float: left; width: 50px; color: rgb(54, 97, 140); line-height: 20px; white-space: nowrap; }
.fdd a:hover { color: rgb(194, 64, 41); }
.fjc a { display: inline-block; float: left; width: 33.3%; color: rgb(54, 97, 140); line-height: 25px; white-space: nowrap; }
.fjc a:hover { color: rgb(194, 64, 41); }
.fdd2 a { display: inline-block; float: left; width: 120px; color: rgb(54, 97, 140); line-height: 20px; white-space: nowrap; }
.fdd2 a:hover { color: rgb(194, 64, 41); }
.tit { width: 158px; float: left; background: url("") 0px -115px; overflow: hidden; height: 40px; line-height: 40px; }
.tit h2 { font-size: 14px; color: rgb(255, 255, 255); padding-left: 15px; }
.sht { float: left; width: 460px; height: 45px; padding-top: 12px; color: rgb(213, 25, 56); font-size: 14px; font-weight: 700; text-align: center; background: url("") repeat-x; overflow: hidden; }
.thPic { border-right: 1px solid rgb(236, 236, 236); }
.thPic ul li { width: 50px; float: left; text-align: center; margin-right: 7px; margin-bottom: 13px; display: inline; }
.thPic ul li a { display: block; color: rgb(54, 97, 140); }
.thPic ul li a:hover { color: rgb(221, 0, 0); }
.thPic ul li a span { padding-top: 6px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#footer { margin: 10px 0px; border: 1px solid rgb(204, 204, 204); padding: 10px 5px 0px; }
.footdd { float: left; width: 165px; margin-top: 10px; padding-left: 10px; }
.footdd li { height: 22px; line-height: 22px; }
.footdd li a { color: rgb(51, 51, 51); }
.footer_dd { border-bottom: 1px dashed rgb(204, 204, 204); padding-bottom: 5px; }
.footwb { margin-left: 80px; }
.footwb li { background: url("") no-repeat; padding-left: 21px; }
.footwb li.fw1 { background-position: 0px 5px; }
.footwb li.fw2 { background-position: 0px -16px; }
.footwb li.fw3 { background-position: 0px -39px; }
.ewm { width: 150px; text-align: center; border-left: 1px solid rgb(204, 204, 204); }
.ewm span { display: block; line-height: 23px; color: rgb(100, 100, 100); }
.copyRight { text-align: center; padding: 20px 0px; }
.scroll_top { }
#SCROLL_TOP { position: fixed; text-align: center; width: 44px; bottom: 80px; display: none; background: url("") -44px 0px no-repeat; height: 48px; color: rgb(255, 0, 0); margin-left: 494px; font-size: 14px; cursor: pointer; left: 51%; }
#SCROLL_TOP:hover { border-color: currentcolor; border-style: none; border-width: 0px; padding: 0px; background: url("") no-repeat; }
.chapter_title { font-size: 18px; font-weight: bold; line-height: 22px; padding-bottom: 4px; margin-bottom: 10px; border-bottom: 1px solid rgb(204, 204, 204); margin-top: 16px; clear: both; }
div.span-3, div.span-16 { float: left; margin-right: 10px; line-height: 180%; }
.span-16 { color: rgb(194, 64, 41); width: 665px; }
.normal { font-size: 14px; }
.bold { font-weight: bold; }
.top5 { padding-top: 5px; }
.prepend-15px { padding-left: 10px; }
.span-3 { width: 120px; }
.span-3 a { color: rgb(54, 97, 140); }
.line { border-bottom: 1px solid rgb(232, 232, 232); }
.caipulist { width: 640px; }
.caipulist ul li { float: left; margin-right: 10px; margin-left: 10px; padding-bottom: 3px; padding-top: 5px; list-style-type: none; display: inline; }
.caipulist ul li a { display: block; width: 140px; height: 175px; text-decoration: none; }
.caipulist ul li a img { display: block; width: 140px; height: 140px; overflow: hidden; border-radius: 8px; }
.caipulist ul li a span { display: block; height: auto; line-height: 25px; font-size: 14px; text-align: center; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; }
.caipulist ul li a:hover span { color: rgb(204, 0, 0); }
.caipulist good { position: absolute; top: 0px; left: 0px; width: 38px; height: 16px; background: url("") 0px 0px no-repeat; }
.tui_c { width: 100%; overflow: hidden; }
.tui_c ul { width: 100%; padding: 0px; }
.tui_c li { float: left; margin: 0px 12px 12px 0px; }
.tui_c li a { text-align: center; font-size: 16px; display: block; }
.tui_c li img { display: block; margin: 0px 0px 5px; padding-top: 5px; padding-bottom: 5px; }
.underline { line-height: 30px; color: rgb(0, 0, 0); border-bottom: 3px solid rgb(255, 0, 0); }
.tips { width: 100%; line-height: 20px; color: rgb(153, 153, 153); }
.author1 { vertical-align: middle; margin-top: 5px; float: left; color: rgb(153, 153, 153); }
.author1 img { border-radius: 50%; width: 38px; height: 38px; vertical-align: middle; }
.author1 span { margin-left: 8px; }
.author1 .collectnum { color: rgb(244, 108, 49); font-size: 150%; padding-left: 10px; font-style: normal; }
.userlist { width: 640px; }
.userlist ul li { float: left; margin-right: 10px; margin-left: 15px; padding-bottom: 3px; padding-top: 5px; list-style-type: none; display: inline; }
.userlist ul li a { display: block; height: 135px; width: 98px; text-decoration: none; }
.userlist ul li a img { display: block; width: 75px; height: 75px; overflow: hidden; border-radius: 50%; }
.userlist ul li a span { display: block; height: auto; line-height: 25px; font-size: 14px; text-align: left; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; }
.userlist ul li a:hover span { color: rgb(204, 0, 0); }
.special-share { right: 0px; top: 50%; transform: translateY(-50%); padding-left: 10px; }
.special-share .share-title { float: left; height: 32px; line-height: 32px; font-size: 14px; color: rgb(88, 88, 88); }
.special-share .share-content { float: left; margin: 0px 0px 0px 10px; }
.special-share .share-content .item { float: left; width: 32px; height: 32px; background-size: 100%; border-radius: 100%; margin: 0px 10px 0px 0px; cursor: pointer; }
.special-share .share-content .item:last-child { margin: 0px; }
.special-share .share-content .item.icon1 { background-image: url("urn:scrapbook:download:error:https://www.shipuxiu.com/images/share-icon1.png"); }
.special-share .share-content .item.icon2 { background-image: url("urn:scrapbook:download:error:https://www.shipuxiu.com/images/share-icon2.png"); }
.special-share .share-content .item.icon3 { background-image: url("urn:scrapbook:download:error:https://www.shipuxiu.com/images/share-icon3.png"); }
.special-share .share-content .item.icon4 { background-image: url("urn:scrapbook:download:error:https://www.shipuxiu.com/images/share-icon4.png"); }
.share-code-popup { position: fixed; inset: 0px; z-index: 100; display: none; }
.share-code-popup .bac { position: absolute; inset: 0px; background: rgb(0, 0, 0); opacity: 0.6; }
.share-code-popup .postion { position: absolute; left: 50%; top: 50%; width: 360px; height: 360px; margin-left: -180px; margin-top: -250px; background: rgb(255, 255, 255); }
.share-code-popup .popup-content { text-align: center; }
.share-code-popup .popup-content .title { padding: 40px 0px; font-size: 14px; color: rgb(8, 8, 8); }
.share-code-popup .popup-content .content { display: table; margin: auto; }
.share-code-popup .popup-content img { width: 190px; height: 190px; }
.tipsShow { width: 100%; position: fixed; top: 50%; left: 0px; overflow: hidden; display: none; margin-top: -21px; z-index: 1000; }
.tipsShow .contentFrame { display: table; margin: auto; position: relative; padding: 0px 20px; height: 42px; line-height: 42px; text-align: center; color: rgb(255, 255, 255); font-size: 16px; }
.tipsShow .contentFrame .bac { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgb(0, 0, 0); opacity: 0.7; z-index: 5; border-radius: 4px; }
.tipsShow .contentFrame .content { position: relative; z-index: 10; }
.float-share-layer { position: relative; overflow: inherit !important; }
.float-share { position: absolute; margin-left: -130px; top: 0px; width: 110px; background: rgb(255, 255, 255); z-index: 10; }
.float-share.float { position: fixed; top: 20px; }
.float-share .share-head { padding: 0px 0px 20px; margin: 0px 0px 20px; border-bottom: 1px solid rgb(232, 232, 232); }
.float-share .share-head .code { width: 110px; height: 110px; background-size: 100%; background-image: url(""); }
.float-share .item { display: block; font-size: 16px; margin: 0px 0px 15px; color: rgb(88, 88, 88); position: relative; }
.float-share .item:hover i { opacity: 0.6; }
.float-share .item i { float: left; width: 34px; height: 34px; background: rgb(255, 102, 52); border-radius: 5px; position: relative; margin: 0px 12px 0px 0px; }
.float-share .item.icon1 i { background: rgb(255, 102, 52); }
.float-share .item.icon2 i { background: rgb(255, 189, 52); }
.float-share .item.icon3 i { background: rgb(84, 205, 75); }
.float-share .item i::before { content: ""; width: 24px; height: 24px; background-size: 100%; position: absolute; left: 50%; top: 50%; margin-top: -12px; margin-left: -12px; }
.float-share .item.icon1 i::before { background-image: url(""); }
.float-share .item.icon2 i::before { background-image: url(""); }
.float-share .item.icon3 i::before { background-image: url(""); }
.float-share .item span { display: inline-block; height: 34px; line-height: 34px; }
.float-share .share-qrcode-layer { display: none; position: absolute; inset: 0px; padding-bottom: 50px; }
.float-share .share-qrcode { box-sizing: border-box; width: 84px; height: 84px; border: 1px solid rgb(221, 221, 221); position: absolute; top: 40px; border-radius: 3px; padding: 5px; background: rgb(255, 255, 255); }
.float-share .share-qrcode::after, .float-share .share-qrcode::before { content: ""; border-width: 8px; border-style: solid; position: absolute; left: 34px; }
.float-share .share-qrcode::before { border-color: transparent transparent rgb(221, 221, 221); top: -16px; }
.float-share .share-qrcode::after { border-color: transparent transparent rgb(255, 255, 255); top: -15px; }
.float-share .share-qrcode .code { overflow: hidden; }
.float-share .share-qrcode .code img { width: 100%; height: auto; }
.ingredients dd { width: 100%; height: 30px; border-bottom: 1px solid rgb(238, 238, 238); padding: 5px 0px; overflow: hidden; font-size: 16px; white-space: nowrap; }
.ingredients dd p { float: left; width: 49.5%; overflow: hidden; }
.step dd { width: 100%; padding: 5px 0px; overflow: hidden; font-size: 16px; height: 120px; }
.step dd .imleft { float: left; width: 150px; }
.step dd b { float: left; width: 30px; white-space: nowrap; text-align: center; font-size: 16px; overflow: hidden; }
.imleft img { vertical-align: middle; width: 100%; background-size: 100%; }
.step dd p { text-indent: 0px; overflow-wrap: break-word; word-break: break-all; text-justify: auto; text-align: justify; }
#arcml { width: 325px; border-color: rgb(238, 238, 238); border-style: solid; border-width: 0px 1px 1px; background-color: rgb(255, 255, 255); margin-top: 15px; margin-left: 28px; margin-bottom: 15px; }
#arcml-tit { display: block; padding-left: 14px; height: 30px; line-height: 30px; background-color: rgb(238, 238, 238); font-size: 14px; }
#arcml-ul { list-style: none; padding: 0px 15px; overflow: hidden; }
#arcml-ul li { height: 28px; line-height: 28px; font-size: 14px; background: url("") 0px 12px no-repeat; padding-left: 12px; }
#arcml-ul li a { color: rgb(60, 114, 170); text-decoration: none; }
#arcml-ul li a:hover { color: rgb(255, 102, 0); text-decoration: underline; }