/*# zfa 2022/7/15 14:56:46 */
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:62.5%/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;min-width:320px}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{vertical-align:middle;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
em,i{font-style:normal}
img{max-width:100%;border:0}
input:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,ul,li{list-style:none}
textarea{resize:none}
a{text-decoration:none;color:#333}
.cf:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.cf{min-height:1%}
.fl{float:left}
.fr{float:right}
.hide{display:none}
.show{display:block}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
html{font-size:100px;font-size:13.33333vw}
@media screen and (max-width:320px){html{font-size:42.66667px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93333px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:85.33333px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:750px){html{font-size:100px;font-size:13.33333vw}}
@media screen and (min-width:751px){html{font-size:100px}}
@media screen and (min-width:751px){html{font-size:100px}
body{width:750px;margin:0 auto}
[data-dpr='1'] body{width:750px;margin:0 auto}}
.headArea{position:relative;min-height:4rem}
.headArea .bg img{display:block;width:100%;pointer-events:none}
.ftimg{background:url(../images/ftimg.png) no-repeat center;background-size:5rem auto;background-color:transparent;height:1.6rem}
.fttxt{background:#F7F6F4;text-align:center;padding:.24rem 0;font-size:.24rem;line-height:.32rem;color:#5D5D5D}
.ftArea{margin-top:.36rem}
.ftArea .btn{background:url(../images/ft-about.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:7.08rem;height:.76rem;overflow:hidden;line-height:99;margin:0 auto}
.ftArea .txt{text-align:center;font-size:.22rem;line-height:.44rem;color:#666;margin-top:.2rem}
.ftArea .txt span,.ftArea .txt a{color:#23c268}
.fixSide{display:none;position:fixed;right:.2rem;bottom:.6rem;width:1rem}
.fixSide li{width:1rem;height:1rem;position:relative;margin-top:.12rem}
.fixSide li a{display:block;width:1rem;height:1rem;background:url(../images/fix-1.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;text-align:center;line-height:1.02rem;font-size:.28rem;font-weight:bold;color:#7f531f}
.fixSide li a .val{position:absolute;right:0;top:0;height:.22rem;overflow:hidden;line-height:.24rem;border-radius:.12rem;background:#FB4646;padding:0 .05rem;color:#fff;font-size:.2rem;font-weight:400}
.fixSide li .totop{background:url(../images/fix-2.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;line-height:99;overflow:hidden}
.fixSide .shareTip{width:2.94rem;background:rgba(0,0,0,0.8);padding:.25rem .2rem;border-radius:.15rem;position:absolute;right:0;bottom:1.16rem;font-size:.26rem;line-height:1.4;color:#fff}
.fixSide .shareTip::after{content:'';width:0;height:0;border:0.1rem solid rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8) transparent transparent;position:absolute;right:.4rem;bottom:-.2rem}
.hide-it{position:absolute;right:0;top:0;background:url(../images/hide-it.png) no-repeat center;background-size:0.16rem auto;background-color:transparent;width:.4rem;height:.4rem;overflow:hidden;line-height:99}
.shake{-webkit-animation:shake 1.8s .2s linear 1;animation:shake 1.8s .2s linear 1}
@-webkit-keyframes shake{0%,100%{-webkit-transform:rotate(0deg) scale(0.8);transform:rotate(0deg) scale(0.8)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
45%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
@keyframes shake{0%,100%{-webkit-transform:rotate(0deg) scale(0.8);transform:rotate(0deg) scale(0.8)}
10%{-webkit-transform:rotate(2deg) scale(1);transform:rotate(2deg) scale(1)}
15%,25%,35%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}
20%,30%,40%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
45%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}
50%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}
55%,90%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}
.headBar{width:7.5rem;height:.9rem;background:rgba(0,0,0,0.8);position:absolute;left:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.08rem .12rem;overflow:hidden}
.headBar .img{float:left;width:.74rem;height:.74rem}
.headBar .con{float:left;width:4.24rem;margin-left:.18rem}
.headBar .con .p1{height:.4rem;line-height:.42rem;font-size:.24rem;color:#ffeab6;padding-left:.32rem;background:url(../images/it-point.png) no-repeat left center;background-size:0.22rem auto;background-color:transparent}
.headBar .con .p2{height:.32rem;line-height:.32rem;font-size:.24rem;color:#fff}
.headBar .btn{background:url(../images/btn-headbar.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;float:right;width:1.84rem;height:.54rem;overflow:hidden;line-height:99;margin-top:.1rem}
.commentWrap{width:7.08rem;background:#fff;overflow:hidden;border-radius:.1rem;border:1px solid #A5A5A5;margin:.3rem auto 0;font-size:.24rem}
.banner{width:7.1rem;overflow:hidden;border-radius:.1rem;margin:.4rem auto 0}
.banner img{display:block;width:100%}
.tabMenu{text-align:center;line-height:0;font-size:0;margin-top:-50px;position:relative}
.tabMenu a{background:url(../images/tabMenu.png) no-repeat 0 0;background-size:300% 200%;background-color:transparent;display:inline-block;vertical-align:top;width:2.4rem;height:.8rem;overflow:hidden;line-height:.82rem;font-size:.26rem;font-weight:bold;color:#d3bc8e;padding:0 .1rem 0 .56rem;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .04rem}
.tabMenu a.on{color:#fff}
.tabMenu .tab1{background-position:0 0}
.tabMenu .tab2{background-position:50% 0}
.tabMenu .tab3{background-position:100% 0}
.tabMenu .tab1.on{background-position:0 100%}
.tabMenu .tab2.on{background-position:50% 100%}
.tabMenu .tab3.on{background-position:100% 100%}
.tabCon{margin-top:.36rem}
.tabCon > div{-webkit-animation:show 1s ease forwards;animation:show 1s ease forwards}
@-webkit-keyframes show{0%{opacity:0}
100%{opacity:1}}
@keyframes show{0%{opacity:0}
100%{opacity:1}}
.area-hd{height:.58rem;line-height:.6rem;font-size:.32rem;font-weight:bold;overflow:hidden;padding:0 .2rem;margin-top:.25rem}
.area-hd img{float:left;width:.46rem;height:.46rem;margin:.06rem .1rem 0 0}
.subtit{height:.6rem;background:#F7F7F7;line-height:.62rem;font-size:.28rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0  .25rem}
.subtit img{float:left;width:.32rem;height:.32rem;margin:.15rem .1rem 0 0}
.subtit span{float:left;width:.32rem;height:.32rem;margin:.15rem .1rem 0 0;background:url(../images/subtit03.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.wishPaenl{width:7.1rem;margin:.45rem auto}
.wishPaenl .img{margin-left:-.05rem;margin-top:.28rem}
.wishPaenl .img li{float:left;width:1.2rem;height:1.2rem;margin-left:.2rem;position:relative}
.wishPaenl .img li img{display:block;width:100%;height:100%;border-radius:.15rem}
.wishPaenl .img li.on .desc{display:block}
.wishPaenl .img li .desc{bottom:1.4rem}
.wishPaenl .img li .desc .txt{color:#fff;height:auto;overflow:initial;white-space:initial;margin-top:0;line-height:1.4;font-size:.18rem}
.wishPaenl .img li:nth-child(5n+1) .desc{left:-.25rem}
.wishPaenl .img li:nth-child(5n+1) .desc::after{margin-left:-.76rem}
.wishPaenl .img li:nth-child(5) .desc{left:-1.26rem}
.wishPaenl .img li:nth-child(5) .desc::after{margin-left:.5rem}
.wishPaenl .txt{height:.36rem;line-height:.38rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;font-size:.24rem;margin-top:.15rem}
.wishPaenl .btn{background:url(../images/btn-wish.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.6rem;height:.54rem;overflow:hidden;text-align:center;line-height:.56rem;font-size:.28rem;color:#7a5c3d;margin:.35rem auto 0}
.wishBtn{text-align:center;font-size:0;line-height:0;margin-top:.35rem}
.wishBtn a{display:inline-block;background:url(../images/btn-wish.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:2.6rem;height:.54rem;overflow:hidden;text-align:center;line-height:.56rem;font-size:.28rem;color:#7a5c3d;margin:0 .15rem}
.actTab{width:7.1rem;height:.64rem;overflow:hidden;margin:.12rem auto 0}
.actTab a{float:left;height:.64rem;line-height:.66rem;padding:0 .2rem;font-size:.26rem;color:#999}
.actTab a.on{font-weight:bold;color:#ab8c73;background:url(../images/act-tab.png) no-repeat center 100%;background-size:0.96rem auto;background-color:transparent}
.actList{width:7.1rem;margin:0 auto}
.actList li{height:1.5rem;overflow:hidden;padding:.3rem 0;border-bottom:1px solid #D6D6D6}
.actList li .img{float:left;width:3rem;height:1.5rem;overflow:hidden;border-radius:.1rem}
.actList li .img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.actList li .con{float:right;width:3.78rem;height:1.5rem;overflow:hidden}
.actList li .con .p1{height:1.14rem;line-height:.38rem;font-size:.26rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:-.06rem}
.actList li .con .p2{height:.3rem;line-height:.32rem;font-size:.2rem;color:#999;overflow:hidden;text-align:right;margin-top:.1rem}
.actList .btn{background:url(../images/btn-wish.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.6rem;height:.54rem;overflow:hidden;text-align:center;line-height:.56rem;font-size:.28rem;color:#7a5c3d;margin:.35rem auto 0}
.nowInfo{width:7.1rem;height:.6rem;background:#F7F7F7;border-radius:.4rem;line-height:.62rem;font-size:.24rem;color:#4E586A;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .2rem;margin:.2rem auto 0}
.nowInfo::before{display:inline-block;content:'';background:url(../images/now-info.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:.32rem;height:.3rem;overflow:hidden;vertical-align:middle;margin:-.06rem .1rem 0 0}
.weekTab{width:7.28rem;overflow:hidden;margin:.28rem auto 0}
.weekTab li{float:left;width:.96rem;height:.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;background:#FFF8EE;border:1px solid #E2D6C5;border-radius:.04rem;text-align:center;line-height:.5rem;font-size:.22rem;color:#a78e72;margin:0 .03rem}
.weekTab .on{background-color:#F9DCBB;border-color:#EDCDA1;color:#8c6840;background-image:url(../images/weektab.png);background-size:100% 100%;background-repeat:no-repeat}
.rawArea .subtit{margin:.3rem .2rem 0}
.desc{display:none;-webkit-animation:desc 1s ease forwards;animation:desc 1s ease forwards;position:absolute;left:-.8rem;bottom:1.64rem;width:2.42rem;text-align:left;font-size:.24rem;line-height:1.4;color:#fff;background:rgba(0,0,0,0.7);border-radius:.1rem;padding:.15rem}
.desc::after{content:' ';width:0;height:0;border:.1rem solid #000;border-color:rgba(0,0,0,0.7) transparent transparent;position:absolute;left:50%;margin-left:-.1rem;bottom:-.2rem}
.desc .tit{display:block;height:.4rem;line-height:.42rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.24rem;color:#FFD52D}
.desc .txt{margin-top:0;line-height:.28rem;font-size:.16rem}
.desc .txt p{padding:.02rem 0}
.rawList .list{width:7rem;line-height:0;font-size:0;margin:.25rem auto 0;min-height:1%}
.rawList .list::after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.rawList .list li{float:left;width:1.22rem;height:1.52rem;background:#FFF8EE;border:1px solid #D8D2CC;border-radius:.06rem;margin:0 .09rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;text-align:center}
.rawList .list li img{display:block;height:1.2rem;overflow:hidden;border-radius:.06rem .06rem 0 0}
.rawList .list li .name{display:block;height:.3rem;line-height:.32rem;font-size:.18rem;color:#333;padding:0 .06rem;overflow:hidden}
.rawList .list li:nth-child(5n+1) .desc{left:-.25rem}
.rawList .list li:nth-child(5n+1) .desc::after{margin-left:-.76rem}
.rawList .list li:nth-child(5n) .desc{left:-1.26rem}
.rawList .list li:nth-child(5n) .desc::after{margin-left:.5rem}
.rawList .list .on{background:#927D6A}
.rawList .list .on::after{content:'';width:0;height:0;border:.15rem solid #DDDAD9;border-color:transparent transparent #DDDAD9;position:absolute;left:50%;margin-left:-.15rem;bottom:-.3rem}
.rawList .list .on .name{color:#fff}
.rawList .list .on .desc{display:block}
.rawList .list2{background:#DDDAD9;padding:.3rem 0;margin-top:.28rem}
.rawList .list2 ul{width:7rem;margin:-.2rem auto 0}
.rawList .list2 li{float:left;width:1.22rem;height:1.52rem;background:#FFF8EE;border:1px solid #D8D2CC;border-radius:.06rem;margin:.2rem .09rem 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;text-align:center}
.rawList .list2 li img{display:block;height:1.2rem;overflow:hidden;border-radius:.06rem .06rem 0 0}
.rawList .list2 li .name{display:block;height:.3rem;line-height:.32rem;font-size:.18rem;color:#333;padding:0 .06rem;overflow:hidden}
.rawList .list2 li:nth-child(5n+1) .desc{left:-.25rem}
.rawList .list2 li:nth-child(5n+1) .desc::after{margin-left:-.76rem}
.rawList .list2 li:nth-child(5n) .desc{left:-1.26rem}
.rawList .list2 li:nth-child(5n) .desc::after{margin-left:.5rem}
.rawList .list2 .on .desc{display:block}
@-webkit-keyframes desc{0%{opacity:0;-webkit-transform:translateY(0.2rem);transform:translateY(0.2rem)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes desc{0%{opacity:0;-webkit-transform:translateY(0.2rem);transform:translateY(0.2rem)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
.toolList{background:#F1F1F1;padding:.44rem 0;border-top:1px solid #E4DDD4;border-bottom:1px solid #E4DDD4}
.toolList ul{width:7.28rem;margin:-.2rem auto 0}
.toolList ul li{float:left;background:url(../images/tool-li.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:3.4rem;height:1.7rem;margin:.2rem .12rem 0;position:relative}
.toolList ul .img{float:left;width:.98rem;height:.98rem;background:url(../images/tool-li-img.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;overflow:hidden;margin:.34rem 0 0 .14rem;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.17rem}
.toolList ul .img img{display:block;width:100%;height:100%}
.toolList ul .con{float:right;width:2.16rem;margin-top:.2rem}
.toolList ul .con em{display:block;height:.4rem;line-height:.42rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.26rem;font-weight:bold;color:#4e586a}
.toolList ul .con p{width:1.82rem;font-size:.22rem;line-height:.26rem;color:#A78E72;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.06rem}
.toolList ul .it-new,.toolList ul .it-hot{width:.52rem;height:.42rem;position:absolute;right:-.14rem;top:-.14rem;text-align:center;line-height:.46rem;color:#fff;font-size:.22rem;color:#fff}
.toolList ul .it-new{background:url(../images/new.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.toolList ul .it-hot{background:url(../images/hot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent}
.toolMenu{width:100%;height:.74rem;overflow:hidden;overflow:auto;font-size:0;line-height:0;white-space:nowrap;margin-bottom:-1px}
.toolMenu::-webkit-scrollbar{display:none}
.toolMenu a{display:inline-block;vertical-align:top;height:.74rem;padding:0 .5rem;font-size:.26rem;color:#907b65;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:.74rem;margin-left:.2rem}
.toolMenu a:last-child{margin-right:.2rem}
.toolMenu a.on{background:#F1F1F1;border:1px solid #E4DDD4;border-bottom:none;border-radius:.15rem .15rem 0 0;font-weight:bold;color:#4E586A;font-size:.3rem}
.toolMenu a img{display:inline-block;width:.3rem;height:.3rem;vertical-align:middle;margin:-.04rem .1rem 0 -.15rem}
.ft-slogan{height:.48rem;padding:.5rem 0;text-align:center;margin-top:.4rem}
.ft-slogan img{display:inline-block;height:.48rem;vertical-align:top}
.shareHead{position:relative;min-height:4rem}
.shareHead .hdimg{display:block;width:100%}
.shareHead .hd-down{position:absolute;left:0;top:0;background:rgba(0,0,0,0.7);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:.1rem .2rem;height:.9rem}
.shareHead .hd-down .logo{float:left;width:1.94rem;height:.48rem;margin-top:.08rem}
.shareHead .hd-down .txt{float:left;font-size:.24rem;width:3.1rem;height:.28rem;line-height:.3rem;border-left:1px solid #fff;margin-left:.15rem;padding-left:.15rem;color:#fff;margin-top:.2rem}
.shareHead .hd-down .btn{background:url(../images/hd-down.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;float:right;width:1.65rem;height:.54rem;color:#7f531f;text-align:center;line-height:.56rem;font-size:.24rem;border-radius:.27rem;margin-top:.08rem}
.shareBody{position:relative}
.shareBody .wrap{overflow:initial;margin-top:-.2rem}
.shareBody .panel .panel-hd{overflow:hidden;line-height:99;height:1rem}
.shareBody .panel .panel-bd{padding:0 .54rem;color:#333;line-height:.4rem;font-size:.26rem}
.shareBody .panel .panel-bd a{color:#62AAE6;text-decoration:underline}
.shareBody .panelDesc{background:url(../images/share-desc.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.04rem;height:3.48rem;overflow:hidden;margin:0 auto}
.shareBody .panelDesc .panel-hd{height:.9rem}
.shareBody .panelDesc .text{text-align:justify;margin-top:.15rem;color:#A78E72}
.shareBody .panelJoin{background:url(../images/join.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:7.04rem;height:9.02rem;overflow:hidden;margin:.15rem auto 0}
.shareBody .panelJoin .panel-bd{padding:0 .32rem}
.shareBody .join-pt1{margin:.15rem .1rem;overflow:hidden}
.shareBody .join-pt1 img{float:left;width:1.58rem;height:1.58rem;background:#fff;padding:.05rem;border:1px solid #D3BC8E;margin-right:.2rem}
.shareBody .join-pt1 p{font-size:.26rem;line-height:.44rem;text-align:justify;color:#a78e72}
.shareBody .join-pt2{margin-top:.35rem}
.shareBody .join-pt2 > div{width:3.1rem;text-align:center;line-height:2.4;font-size:.26rem;color:#A78E72}
.shareBody .join-pt2 > div .img{width:3.1rem;height:3.84rem;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #D4B79A}
.shareBody .join-pt2 > div .img img{display:block;width:100%;height:100%}
.shareBody .arrowLine{margin-top:.4rem}
.shareBody .arrow{background:url(../images/arrow.png) no-repeat center;background-size:0.48rem auto;background-color:transparent;display:block;width:.48rem;height:.3rem;margin:0 auto;-webkit-animation:arrow 1.5s ease-in-out infinite;animation:arrow 1.5s ease-in-out infinite}
@-webkit-keyframes arrow{0%,100%{-webkit-transform:translateY(0.04rem);transform:translateY(0.04rem)}
50%{-webkit-transform:translateY(-0.04rem);transform:translateY(-0.04rem)}}
@keyframes arrow{0%,100%{-webkit-transform:translateY(0.04rem);transform:translateY(0.04rem)}
50%{-webkit-transform:translateY(-0.04rem);transform:translateY(-0.04rem)}}
.shareBody .toolHd{margin-top:.3rem}
.shareBody .toolHd .logo{background:url(../images/tool-hd.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:2.36rem;height:.58rem;overflow:hidden;line-height:99;margin:0 auto}
.shareBody .toolHd .text{height:.52rem;line-height:.54rem;text-align:center;font-size:.36rem;color:#4e586a;margin-top:.2rem}
.shareBody .toolHd .text::before,.shareBody .toolHd .text::after{content:'';width:.26rem;height:.26rem;background:url(../images/tool-hd-dot.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:inline-block;vertical-align:middle;margin:-.04rem .15rem 0}
.cardShow{margin-top:.3rem;overflow:hidden;padding-bottom:.3rem}
.cardShow ul{text-align:center;line-height:0;font-size:0;white-space:nowrap}
.cardShow li{display:inline-block;width:5.62rem;height:8.8rem;overflow:hidden}
.cardShow li img{display:block;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.3rem;border:1px solid #E2D6C5}
.cardShow .swiper-pagination{text-align:center;line-height:0;font-size:0;white-space:nowrap;margin-top:.3rem}
.cardShow .swiper-pagination span{display:inline-block;width:8px;height:8px;background:#E2E0DE;border:1px solid #AE968B;margin:0 .1rem;-webkit-transition:all .4s;transition:all .4s;border-radius:50%}
.cardShow .swiper-pagination span.swiper-pagination-bullet-active{background:#AE7F50}
.popArea{width:6.7rem;border-radius:.8rem;position:relative}
.popArea .hide-it{position:absolute;right:-.22rem;top:-.22rem;background:url(../images/pop-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:.7rem;height:.7rem;overflow:hidden;line-height:99;z-index:5}
.popArea .inner{background:url(../images/pd-inner.png) no-repeat left bottom;background-size:100% auto;background-color:#fff;border-radius:.08rem}
.popArea .pd-head{padding:.3rem .4rem;background:#08D080;border-radius:.08rem .08rem 0 0;position:relative}
.popArea .pd-head::before{content:'';width:0;height:0;border:.1rem solid #08D080;border-color:#08D080 transparent transparent transparent;position:absolute;left:.68rem;bottom:-.2rem}
.popArea .pd-head::after{content:'';width:2.3rem;height:2.6rem;overflow:hidden;background:url(../images/pd-role.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;right:.45rem;top:-.5rem}
.popArea .pd-body{padding:.25rem .4rem;overflow:hidden}
.popArea .pd-foot{background:url(../images/pd-slogan.png) no-repeat center;background-size:auto 0.48rem;background-color:transparent;height:1.2rem}
.popArea .pd-tit{width:3.92rem;color:#fff}
.popArea .pd-tit em{display:block;height:.6rem;line-height:.62rem;font-size:.42rem}
.popArea .pd-tit p{font-size:.26rem;line-height:.4rem;margin-top:.1rem}
.popArea .pd-down{background:url(../images/pd-down.gif) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:6rem;height:1.14rem;text-align:center;line-height:1.14rem;font-size:.28rem;font-weight:bold;padding:0 .2rem 0 .86rem;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}
.popArea .pd-qr{height:2.22rem;overflow:hidden;text-align:center;font-size:.24rem;line-height:2.2;color:#999;margin:.1rem auto 0}
.popArea .pd-qr img{display:block;width:1.82rem;height:1.82rem;margin:0 auto}
.popArea .gui01{margin:0 .1rem}
.popArea .gui01 p{padding-left:.28rem;line-height:.44rem;font-size:.26rem;color:#666;text-align:justify}
.popArea .gui01 p:first-child{background:url(../images/join-point.png) no-repeat left 48%;background-size:0.22rem auto;background-color:transparent}
.popArea .gui01 p em{font-weight:bold;color:#333}
.popArea .gui02{border-top:1px solid #F0F0F0;padding-top:.25rem;margin-top:.2rem}
.popArea .gui02 .text{font-size:.24rem;line-height:.36rem;color:#999;margin-top:.2rem}
.popArea .gui02 .info{height:.42rem;overflow:hidden;line-height:.44rem}
.popArea .gui02 .info .sp1{float:left;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAcCAMAAABrlg40AAAAA1BMVEUiuJBAoBigAAAAFUlEQVR42uXBAQEAAACAkP6vNiQaAwD8AAEWvR8IAAAAAElFTkSuQmCC) no-repeat;background-size:.08rem auto;padding-left:.15rem;background-position:left 48%;font-size:.26rem;width:2.8rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-text-stroke-width:.2pt}
.popArea .gui02 .info .sp2{float:right;font-size:.24rem;color:#999;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAMAAADkSAzAAAAAaVBMVEVHcEysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKx9GZ8EAAAAInRSTlMA3KL2GmK7/BIFeZQhCjlJyD+rgFQq1240XfDfzpuM6a/svHrrcQAAAP5JREFUeNptkNmyhCAMRFkUFHFfx21m+v8/ckDD1arreSBpQtJF2D8im7NncrMAWtVPtaQCz9pGwjwUFdrUBbuiu3UUvQ8lMtLvJQ1GmwYG5yN0RFctir9hatylnFjFGVEjPpMSmzt7qW7FMhR3WB8anW64xk5nkp1XAmkNQYuYB3r1gjn06rqR5d5i0CUV00HvdczhdK7wFZnS2juGVk/lemyDg3kM3zSQwuyD83tJfLo+mkaO1TJPhyo6+osOvCAno3nik+XtgsdKHrFAjI87C7SkGxTsQqD2T0patlbshtXC/amhqR1tLFB9b8LQxgIZkkvEkgQxznedUrz0DxoiEH2Xa6E1AAAAAElFTkSuQmCC) no-repeat;background-size:.28rem auto;padding-left:.35rem;background-position:left 48%}
.popDown{width:6.7rem;border-radius:.8rem;position:relative;z-index:1000;margin:0 auto}
.popDown .hide-it{position:absolute;right:-.22rem;top:-.22rem;background:url(../images/pop-hide.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;width:.7rem;height:.7rem;overflow:hidden;line-height:99;z-index:5}
.popDown .inner{background:url(../images/pd-inner.png) no-repeat left bottom;background-size:100% auto;background-color:#fff;color:#333;border-radius:.08rem}
.popDown .pd-head{padding:.3rem .4rem;background:#ead9b8;border-radius:.08rem .08rem 0 0;position:relative}
.popDown .pd-head::before{content:'';width:0;height:0;border:.1rem solid #ead9b8;border-color:#ead9b8 transparent transparent transparent;position:absolute;left:.68rem;bottom:-.2rem}
.popDown .pd-head::after{content:'';width:2.3rem;height:2.6rem;overflow:hidden;background:url(../images/pd-role.png) no-repeat 0 0;background-size:100% 100%;background-color:transparent;position:absolute;right:.45rem;top:-.5rem}
.popDown .pd-body{padding:.25rem .4rem;overflow:hidden}
.popDown .pd-foot{background:url(../images/pd-slogan.png) no-repeat center;background-size:auto 0.48rem;background-color:transparent;height:1.2rem}
.popDown .pd-tit{width:3.62rem;color:#7F531F}
.popDown .pd-tit em{display:block;height:.6rem;line-height:.62rem;font-size:.42rem}
.popDown .pd-tit p{font-size:.26rem;line-height:.4rem;margin-top:.1rem;word-break:break-all}
.popDown .pd-down{background:url(../images/pd-down.gif) no-repeat 0 0;background-size:100% 100%;background-color:transparent;display:block;width:6rem;height:1.14rem;text-align:center;line-height:.48rem;font-size:.28rem;font-weight:bold;padding:.35rem .55rem .35rem 1.1rem;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto}
.popDown .pd-qr{height:2.22rem;overflow:hidden;text-align:center;font-size:.24rem;line-height:2.2;color:#999;margin:.1rem auto 0}
.popDown .pd-qr img{display:block;width:1.82rem;height:1.82rem;margin:0 auto}
.popDown .gui01{margin:0 .1rem}
.popDown .gui01 p{padding-left:.28rem;line-height:.44rem;font-size:.26rem;color:#666;text-align:justify}
.popDown .gui01 p:first-child{background:url(../images/join-point.png) no-repeat left 48%;background-size:0.22rem auto;background-color:transparent}
.popDown .gui01 p em{font-weight:bold;color:#333}
.popDown .gui02{border-top:1px solid #F0F0F0;padding-top:.25rem;margin-top:.2rem}
.popDown .gui02 .text{font-size:.24rem;line-height:.36rem;color:#666;margin-top:.2rem}
.popDown .gui02 .info{height:.42rem;overflow:hidden;line-height:.44rem}
.popDown .gui02 .info .sp1{float:left;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAcCAIAAADTKmlRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIyQUVFOUUwMDBFQTExRURBRjM5RDNENjEwRjA3QTNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIyQUVFOUUxMDBFQTExRURBRjM5RDNENjEwRjA3QTNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjJBRUU5REUwMEVBMTFFREFGMzlEM0Q2MTBGMDdBM0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjJBRUU5REYwMEVBMTFFREFGMzlEM0Q2MTBGMDdBM0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4c4CJaAAAAHElEQVR42mK8uyGCARtgYsABRiVGJQaHBECAAQB6fgId6u7osQAAAABJRU5ErkJggg==) no-repeat;background-size:.08rem auto;padding-left:.15rem;background-position:left 48%;font-size:.26rem;-webkit-text-stroke-width:.2pt}
.popDown .gui02 .info .sp2{float:right;font-size:.24rem;color:#999;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAWCAMAAADkSAzAAAAAaVBMVEVHcEysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKx9GZ8EAAAAInRSTlMA3KL2GmK7/BIFeZQhCjlJyD+rgFQq1240XfDfzpuM6a/svHrrcQAAAP5JREFUeNptkNmyhCAMRFkUFHFfx21m+v8/ckDD1arreSBpQtJF2D8im7NncrMAWtVPtaQCz9pGwjwUFdrUBbuiu3UUvQ8lMtLvJQ1GmwYG5yN0RFctir9hatylnFjFGVEjPpMSmzt7qW7FMhR3WB8anW64xk5nkp1XAmkNQYuYB3r1gjn06rqR5d5i0CUV00HvdczhdK7wFZnS2juGVk/lemyDg3kM3zSQwuyD83tJfLo+mkaO1TJPhyo6+osOvCAno3nik+XtgsdKHrFAjI87C7SkGxTsQqD2T0patlbshtXC/amhqR1tLFB9b8LQxgIZkkvEkgQxznedUrz0DxoiEH2Xa6E1AAAAAElFTkSuQmCC) no-repeat;background-size:.28rem auto;padding-left:.35rem;background-position:left 48%}
.popDown .gui02 .list{overflow:hidden;margin-top:.2rem}
.popDown .gui02 .list li{float:left;width:25%;font-size:.2rem;line-height:2;color:#666;text-align:center}
.popDown .gui02 .list li img{display:block;width:.8rem;height:.8rem;margin:0 auto}
@media all and (min-width:800px){.popDown{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0.76);transform:scale(0.76)}}