@charset "UTF-8";
/*! xff 20220801*/
/* CSS Document */
body, html, a, img, div, form, select, input, ul, ol, ul, li, h1, h2, h3, h4, h5, h6, dd, dl, dt, p, label, em, span { margin: 0; padding: 0; }

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

body { position: relative; color: #333; font: 62.5%/1.5 "\5FAE\8F6F\96C5\9ED1"; max-width: 7.5rem; overflow-x: hidden; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

* { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); -webkit-appearance: none; }

img { border: 0px; vertical-align: top; width: 100%; }

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

em, i { font-style: normal; }

.cf { *zoom: 1; }

.cf:after { content: ''; display: block; height: 0; clear: both; }

.fl { float: left; }

.fr { float: right; }

input, textarea { outline: none; }

input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }

input { vertical-align: middle; border-radius: 5px; font-size: inherit; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; }

.lh { line-height: 99; overflow: hidden; }

.noclick { pointer-events: none; }

.hidden { display: none !important; }

.wp { width: 100%; position: relative; overflow: hidden; }

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; } }

.top a, .tab a, .searList .s-more, .about, .fix-right a { overflow: hidden; line-height: 99; }

@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; } }

/**/
body { background: #1e2129; color: #fff; }

.bg2 { background: #262a36; padding-bottom: 0.7rem; }

.b1 { position: relative; overflow: hidden; }

.top { width: 100%; height: 0.76rem; position: absolute; left: 0; top: 0.08rem; z-index: 1; }

.top dl { width: 5rem; font-size: 0.24rem; display: flex; align-items: center; height: 0.76rem; flex-wrap: wrap; padding-left: 0.28rem; }

.top dt { background: url(../images/location.png) no-repeat 0 0; background-size: auto 100%; padding-left: 0.3rem; height: 0.3rem; line-height: 0.34rem; overflow: hidden; }

.top dd { height: 0.3rem; line-height: 0.3rem; overflow: hidden; }

.top a { background: url(../images/btn4.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.9rem; height: 0.76rem; overflow: hidden; position: absolute; right: 0.3rem; top: 50%; margin-top: -0.38rem; }

.tab { background: url(../images/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 7.33rem; height: 0.83rem; overflow: hidden; position: absolute; left: 50%; margin-left: -3.66rem; bottom: 0.33rem; }

.tab a { float: left; width: 1.72rem; height: 0.83rem; overflow: hidden; margin-left: 0.08rem; }

.tab a.a1 { margin: 0; width: 1.74rem; }

.tab a.a4 { width: 1.9rem; margin: 0; float: right; }

.number { background: url(../images/img3.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.8rem; height: 0.49rem; overflow: hidden; line-height: 0.46rem; text-align: center; position: absolute; left: 50%; margin-left: -0.1rem; top: 5.68rem; color: #dcdcdc; font-size: 0.24rem; }

.b2 { background: #262a36; padding: 0.2rem 0 0.4rem; }

.note { background: url(../images/note.png) no-repeat 0 center; background-size: 0.31rem auto; background-color: transparent; width: 6.9rem; color: #fff; font-size: 0.26rem; padding-left: 0.4rem; margin: 0 auto; -webkit-box-sizing: border-box; }

.note span { float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 4.8rem; overflow: hidden; text-decoration: underline; }

.note a { text-decoration: underline; color: #fff; }

.note li, .note { height: 0.6rem; line-height: 0.64rem; overflow: hidden; }

.searbox { background: url(../images/search.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 6.9rem; height: 0.8rem; margin: 0.2rem auto 0; -webkit-box-sizing: border-box; padding-left: 0.7rem; }

.searbox input { background: none; width: 5.4rem; height: 0.8rem; float: left; border: none; color: #fff; font-size: 0.24rem; }

.searbox input::-webkit-input-placeholder { color: #63697c; }

.searbox em { background: url(../images/s-close.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.28rem; height: 0.28rem; float: right; margin: 0.26rem 0.3rem 0 0; }

.no-notice { color: #fff; font-size: 0.2rem; padding: 1rem 0.5rem; line-height: 0.3rem; }

.searList { position: relative; }

.searList .s-top { padding-top: 0.44rem; overflow: hidden; }

.searList .s-top em { background: url(../images/btn5.jpg) no-repeat 0 0; background-size: auto 100%; background-color: transparent; padding-left: 0.2rem; height: 0.69rem; line-height: 0.73rem; position: relative; float: left; color: #fff; font-size: 0.28rem; text-shadow: #854110 1px 1px 1px,#854110 -1px -1px 1px; overflow: hidden; margin-left: 0.3rem; }

.searList .s-top em::before { content: ''; background: url(../images/down.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.33rem; height: 0.21rem; position: absolute; right: 0.2rem; top: 50%; margin-top: -0.1rem; }

.searList .s-top em::after { content: ''; background: url(../images/btn5.jpg) no-repeat right 0; background-size: auto 100%; background-color: transparent; width: 0.63rem; height: 100%; display: inline-block; vertical-align: top; }

.searList .s-top em.on::before { -webkit-transform: scaleY(-1); }

.searList .s-top em.m-2 { margin-left: 0.4rem; }

.searList .s-top em.m-2::before { background: url(../images/up.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.25rem; height: 0.34rem; margin-top: -0.17rem; }

.searList .s-top em.m-3 { margin-right: 0.3rem; float: right; }

.searList .em-list { background: #e1ac5d; text-align: center; width: 1.86rem; position: absolute; left: 0.34rem; top: 1.13rem; }

.searList .em-list a { height: 0.6rem; line-height: 0.64rem; overflow: hidden; color: #704c38; font-size: 0.26rem; display: block; }

.searList .em-list a.on { background: #d69a55; color: #704c38; font-size: 0.26rem; font-weight: bold; }

.searList .kind-list { background: #e1ac5d; text-align: center; width: 2.58rem; position: absolute; right: 0.35rem; top: 1.13rem; }

.searList .kind-list a { height: 0.6rem; line-height: 0.64rem; overflow: hidden; color: #704c38; font-size: 0.26rem; width: 50%; float: left; }

.searList .kind-list a.on { background: #d69a55; color: #704c38; font-size: 0.26rem; font-weight: bold; }

.searList .s-list { width: 6.92rem; margin: 0 auto; padding-top: 0.1rem; }

.searList .s-list li a { background: url(../images/img2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 100%; height: 1.36rem; margin-top: 0.3rem; display: flex; align-items: center; justify-content: space-between; -webkit-box-sizing: border-box; padding: 0 0.24rem; }

.searList .s-list li img { width: 0.88rem; height: 0.88rem; border: #f9a166 solid 0.06rem; object-fit: contain; object-position: center center; }

.searList .s-list li dl { width: 3.54rem; height: 1rem; display: flex; flex-wrap: wrap; align-items: center; }

.searList .s-list li dl dt { color: #fff; font-size: 0.28rem; height: 0.3rem; line-height: 0.3rem; padding-top: 0.04rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }

.searList .s-list li dl dd { font-size: 0.24rem; color: #fff; overflow: hidden; width: 100%; }

.searList .s-list li dl dd span { background: url(../images/t-1.png) no-repeat 0 0; background-size: auto 100%; background-color: transparent; padding-left: 0.26rem; height: 0.25rem; line-height: 0.25rem; overflow: hidden; float: left; margin-right: 0.16rem; }

.searList .s-list li dl dd span:last-child { margin-right: 0; }

.searList .s-list li dl dd span.s-2 { background-image: url(../images/t-2.png); }

.searList .s-list li dl dd span.s-3 { background-image: url(../images/t-3.png); }

.searList .s-list li dl dd span.s-4 { background-image: url(../images/t-4.png); }

.searList .s-list li .s-btn { text-align: center; width: 1.5rem; }

.searList .s-list li .s-btn span { color: #ddbfae; font-size: 0.26rem; display: block; height: 0.3rem; line-height: 0.3rem; overflow: hidden; padding-bottom: 0.1rem; }

.searList .s-list li .s-btn em { background: url(../images/btn2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.5rem; height: 0.59rem; line-height: 0.62rem; font-size: 0.28rem; color: #fff; text-shadow: #8b3a2c 1px 1px 1px,#8b3a2c -1px -1px 1px; display: block; }

.searList .s-list li .s-btn em.over { background-image: url(../images/btn3.png); }

.searList .s-list li.red dl dt { color: #ea4848; }

.searList .s-list li.yellow dl dt { color: #e8a542; }

.searList .s-list li.pink dl dt { color: #dd52ce; }

.searList .s-list li.green dl dt { color: #43996c; }

.searList .s-list li.blue dl dt { color: #66a9f5; }

.searList .s-more { background: url(../images/more.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 2.02rem; height: 0.8rem; display: block; margin: 0.36rem auto 0; }

.banner { width: 100%; padding-top: 0.4rem; }

.banner a { width: 6.9rem; display: block; margin: 0 auto; }

.kb-pl { width: 6.9rem; margin: 0.2rem auto 0; background: #fff; -webkit-box-sizing: border-box; padding: 0.2rem; font-size: 0.24rem; color: #000; }

.about { background: url(../images/about.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 4.89rem; height: 0.93rem; margin: 0.4rem auto 0; display: block; }

.back { overflow: hidden; width: 6.9rem; margin: 0 auto; }

.back a { background: url(../images/back.png) no-repeat 0 center; background-size: 0.26rem auto; background-color: transparent; height: 0.4rem; line-height: 0.44rem; padding: 0.25rem 0 0.25rem 0.4rem; overflow: hidden; float: left; font-size: 0.28rem; color: #fff; }

.info { width: 6.9rem; margin: 0 auto; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; height: 2rem; }

.info img { width: 1.88rem; height: 1.88rem; border: #f9a166 solid 0.06rem; object-fit: contain; object-position: center center; }

.info .in-right { width: 4.5rem; position: relative; }

.info .in-right em { background: url(../images/btn2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.5rem; height: 0.59rem; line-height: 0.62rem; font-size: 0.28rem; color: #fff; text-shadow: #8b3a2c 1px 1px 1px,#8b3a2c -1px -1px 1px; display: block; position: absolute; right: 0; top: 0; text-align: center; }

.info .in-right em.over { background-image: url(../images/btn3.png); }

.info .in-right dl { width: 100%; }

.info .in-right dl dt { color: #fff; font-size: 0.36rem; height: 0.4rem; line-height: 0.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 3rem; }

.info .in-right dl dd { font-size: 0.28rem; color: #fff; height: 0.3rem; line-height: 0.3rem; width: 100%; padding-top: 0.26rem; }

.info .in-right p { color: #7b86a4; font-size: 0.26rem; line-height: 0.36rem; padding-top: 0.26rem; max-height: 0.7rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.info .red dl dt { color: #ea4848; }

.info .yellow dl dt { color: #e8a542; }

.info .pink dl dt { color: #dd52ce; }

.info .green dl dt { color: #43996c; }

.info .blue dl dt { color: #66a9f5; }

.attribute { color: #fff; font-size: 0.26rem; height: 0.25rem; line-height: 0.25rem; padding-top: 0.45rem; width: 6.9rem; margin: 0 auto; }

.attribute span { background: url(../images/t-1.png) no-repeat 0 0; background-size: auto 100%; background-color: transparent; padding-left: 0.26rem; height: 0.25rem; line-height: 0.25rem; overflow: hidden; float: left; margin-left: 0.16rem; font-size: 0.24rem; }

.attribute span.s-2 { background-image: url(../images/t-2.png); }

.attribute span.s-3 { background-image: url(../images/t-3.png); }

.attribute span.s-4 { background-image: url(../images/t-4.png); }

.details { padding-bottom: 0.3rem; position: relative; width: 6.9rem; margin: 0.4rem auto 0; }

.details::after { content: ''; background: url(../images/img4.png) no-repeat 0 bottom; background-size: 100% auto; background-color: transparent; width: 100%; height: 0.3rem; position: absolute; left: 0; bottom: 0; }

.details .de-con { background: url(../images/img4.png) no-repeat 0 0; background-size: 100% auto; background-color: transparent; width: 100%; -webkit-box-sizing: border-box; padding: 0.1rem 0.3rem 0; }

.details li { padding: 0.3rem 0; border-bottom: #35383e solid 1px; }

.details li:last-child { border: none; padding-bottom: 0; }

.details li.d-spc .de-material a span { height: 0.48rem; line-height: 0.24rem; padding: 0.14rem 0.2rem 0; }

.details li .de-tit { color: #fff; font-size: 0.28rem; height: 0.3rem; line-height: 0.3rem; overflow: hidden; }

.details li .de-list { color: #9499a8; font-size: 0.26rem; line-height: 0.3rem; padding-top: 0.1rem; }

.details li .de-list p { padding-top: 0.1rem; }

.details li .de-material { overflow: hidden; }

.details li .de-material a { width: 1.55rem; float: left; text-align: center; padding-top: 0.25rem; position: relative; }

.details li .de-material a.add::after { content: ''; background: url(../images/add.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.3rem; height: 0.31rem; position: absolute; right: -0.15rem; top: 50%; margin-top: -0.26rem; }

.details li .de-material a.equal::after { content: ''; background: url(../images/equal.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.3rem; height: 0.17rem; position: absolute; right: -0.15rem; top: 50%; margin-top: -0.16rem; }

.details li .de-material a img { width: 0.76rem; height: 0.76rem; display: block; margin: 0 auto; object-fit: scale-down; object-position: center center; }

.details li .de-material a span { display: block; color: #9499a8; font-size: 0.22rem; height: 0.28rem; line-height: 0.28rem; overflow: hidden; padding-top: 0.14rem; }

.de-ts { position: fixed; z-index: 11121; display: none; width: 3.16rem; left: 50%; margin-left: -1.58rem; top: 50%; -webkit-transform: translateY(-50%); background: rgba(0, 0, 0, 0.8); color: #d7d7d7; font-size: 0.24rem; line-height: 0.36rem; padding: 0.2rem 0.2rem 0.3rem; -webkit-box-sizing: border-box; }

.de-ts .de-t { color: #fff; font-size: 0.26rem; text-align: center; }

.ts-block { display: block; }

.ts-show { -webkit-animation: tsShow 0.5s ease-out both 0.1s,tsHidden 0.5s ease-out forwards 5s; }

.ts-hidden { -webkit-animation: tsHidden 0.5s ease-out forwards; }

/*foot*/
.foot { text-align: center; color: #fff; margin-top: 0.3rem; font-size: 0.24rem; }

.foot p img { width: 5.01rem; margin: 0 auto; }

.foot ul { background: #262a36; padding: 0.2rem 0; margin-top: 0.4rem; line-height: 0.38rem; }

/**/
.number { -webkit-animation: sTop 0.7s ease-out infinite alternate; }

@-webkit-keyframes sTop { 100% { -webkit-transform: translateY(-0.1rem); } }

@-webkit-keyframes tsShow { 0% { -webkit-transform: translateY(-100%);
    opacity: 0; }
  100% { -webkit-transform: translateY(-50%);
    opacity: 1; } }

@-webkit-keyframes tsHidden { 100% { -webkit-transform: translateY(-100%);
    opacity: 0; } }

/* --------------------------------------- 弹窗 begin ------------------------------------------ */
.pt10 { padding-top: 0.1rem !important; }

.pt20 { padding-top: 0.2rem !important; }

.pt30 { padding-top: 0.3rem !important; }

.tac { text-align: center; }

.dia-con i { color: #ee5f4e; }

.gray { color: #999; }

.scroll { max-height: 5rem; overflow: auto; padding: 0 0.2rem; margin-left: -0.2rem; width: 100%; }

.scroll::-webkit-scrollbar { width: 2px; height: 2px; background-color: #fff; border-radius: 10px; }

.scroll::-webkit-scrollbar-thumb { background-color: #a2cbf3; }

/* 模板 */
.dia-box { width: 6.08rem; margin: 0 auto; position: relative; padding-bottom: 0.3rem; }

.dia-box .dia-close { background: url(../images/p-close.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.81rem; height: 0.84rem; position: absolute; right: 0.03rem; top: 0.04rem; line-height: 99; overflow: hidden; z-index: 11; }

.dia-box .dia-con { background: url(../images/pop.png) no-repeat 0 0; background-size: 100% auto; background-color: transparent; width: 100%; -webkit-box-sizing: border-box; padding: 0.5rem 0.5rem 0; color: #fff; font-size: 0.26rem; line-height: 0.36rem; position: relative; }

.dia-box .dia-con::after { content: ''; background: url(../images/pop.png) no-repeat 0 bottom; background-size: 100% auto; background-color: transparent; height: 0.3rem; width: 100%; display: block; position: absolute; left: 0; bottom: -0.3rem; }

.dia-box .dia-tit { font-size: 0.32rem; line-height: 0.4rem; text-align: center; }

.dia-box .dia-btn { font-size: 0; padding-top: 0.3rem; text-align: center; width: 100%; overflow: hidden; }

.dia-box .dia-btn a { background: url(../images/p-btn.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.74rem; height: 0.84rem; display: inline-block; vertical-align: top; line-height: 0.84rem; overflow: hidden; color: #fff; font-size: 0.26rem; margin: 0 0.1rem; text-shadow: #bb5a16 1px 1px 1px,#bb5a16 -1px -1px 1px; }

/* 按钮 */
/* 弹窗遮罩 必须加 */
.dialog-mask { background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; right: 0; z-index: 99; width: 100%; height: 100%; }

/* --------------------------------------- 弹窗 end ------------------------------------------ */
.popNewExt a, .popNewExt img, .popNewExt div, .popNewExt ul, .popNewExt li, .popNewExt p, .popNewExt em, .popNewExt span, .popNewExt i, .popNewExt dl, .popNewExt dt, .popNewExt dd { margin: 0; padding: 0; }

.popNewExt ul, .popNewExt ol, .popNewExt li { list-style: none; }

.popNewExt a { color: #6c7a81; text-decoration: none; }

.popNewExt img { width: 100%; display: block; border: none; }

.popNewExt a img { pointer-events: auto !important; }

.popNewExt img { object-fit: cover; }

.popNewExt em, .popNewExt i { font-style: normal; }

.popNewExt input, .popNewExt textarea { outline: none; }

.popNewExt .cf { *zoom: 1; }

.popNewExt .cf:after { content: ""; display: block; height: 0; clear: both; overflow: hidden; }

.popNewExt { width: 6.74rem; font-size: 0.26rem; line-height: 0.36rem; margin: 0 auto; color: #999; text-align: justify; box-sizing: border-box; position: relative; overflow: hidden; }

.popNewExt .ppEclose { background: url("../images/popEclose.png") no-repeat center center; background-size: 0.37rem 0.34rem; width: 0.8rem; height: 0.8rem; line-height: 99; display: block; position: absolute; top: 0.2rem; right: 0.2rem; z-index: 21; }

.popNewExt:before, .popNewExt:after { background-size: 100%; background-repeat: no-repeat; width: 6.74rem; content: ''; position: absolute; left: 0; z-index: 2; }

.popNewExt:before { background-image: url("../images/popEtop.png"); height: 2.78rem; top: 0; }

.popNewExt:after { background-image: url("../images/popEfoot.png"); height: 1.98rem; bottom: 0; }

.popNewExt .popEback { background-image: url("../images/popEctr.png"); background-size: 6.74rem 0.2rem; background-repeat: repeat-y; width: 6.74rem; position: absolute; top: 0.35rem; right: 0; left: 0; bottom: 0.35rem; overflow: hidden; }

.popNewExt .popEwrap { position: relative; z-index: 3; padding-bottom: 0.3rem; padding-top: 0.5rem; }

.popNewExt .popEtit { height: 0.64rem; line-height: 0.64rem; text-align: center; overflow: hidden; }

.popNewExt .popEtit span { padding: 0 0.4rem; background-image: -webkit-linear-gradient(#84e6fb, #67c5dc, #30869f); background-image: -moz-linear-gradient(#84e6fb, #67c5dc, #30869f); background-image: -o-linear-gradient(#84e6fb, #67c5dc, #30869f); background-image: linear-gradient(#84e6fb, #67c5dc, #30869f); -webkit-background-clip: text; -moz-background-clip: text; -o-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent; -o-text-fill-color: transparent; text-fill-color: transparent; font-size: 0.34rem; font-weight: bold; display: inline-block; position: relative; }

.popNewExt .popEtit span:before, .popNewExt .popEtit span:after { background: url("../images/popEtit.png") no-repeat; background-size: 100%; width: 0.14rem; height: 0.15rem; position: absolute; top: 50%; margin-top: -0.075rem; z-index: 2; content: ''; }

.popNewExt .popEtit span:before { left: 0; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }

.popNewExt .popEtit span:after { right: 0; }

.popNewExt .popEtip { height: 0.36rem; line-height: 0.36rem; text-align: center; color: #cef4ff; margin: 0.15rem auto 0rem; overflow: hidden; }

.popNewExt .popEstep { margin: 0.3rem 0.4rem 0; position: relative; overflow: hidden; }

.popNewExt .popEstep:before { width: 3.5rem; height: 0.1rem; border-top: 1px dashed #426774; content: ''; position: absolute; top: 0; left: 0; overflow: hidden; }

.popNewExt .popEstep dt { height: 0.44rem; margin-top: 0.25rem; color: #d7c396; font-weight: 500; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; overflow: hidden; }

.popNewExt .popEstep dt p { height: 0.44rem; line-height: 0.44rem; padding-left: 0.35rem; position: relative; }

.popNewExt .popEstep dt p i { background-repeat: no-repeat; background-position: left center; width: 0.35rem; height: 0.44rem; position: absolute; top: 0; left: 0; }

.popNewExt .popEstep dt p .popEico1 { background-image: url("../images/popEico1.png"); background-size: 0.24rem 0.3rem; }

.popNewExt .popEstep dt p .popEico2 { background-image: url("../images/popEico2.png"); background-size: 0.29rem 0.29rem; }

.popNewExt .popEstep dt p .popEico3 { background-image: url("../images/popEico3.png"); background-size: 0.29rem 0.22rem; }

.popNewExt .popEstep dt p:nth-child(2) { color: #ffefd1; font-size: 0.22rem; }

.popNewExt .popEstep dd { margin-top: 0.2rem; font-size: 0.24rem; }

.popNewExt .popEgif { background: url("../images/popEgif.gif") no-repeat; background-size: 100%; width: 6.6rem; height: 1.4rem; margin: 0.3rem auto 0rem; line-height: 9999; display: block; overflow: hidden; }

.popNewExt .popEgif p { width: 4.7rem; height: 1.4rem; line-height: 1.4rem; margin-left: 1.5rem; color: #fff; font-size: 0.28rem; text-shadow: 0 0.02rem 0.02rem #9f6322; font-weight: 500; overflow: hidden; }

.popNewExt .popEslogan { margin: 0.3rem auto 0rem; padding: 0.3rem 0; overflow: hidden; }

.popNewExt .popEslogan img { width: 5.01rem; height: 0.63rem; margin: 0 auto; display: block; }

.newSlogan { display: block; background: url(../images/newSlogan.png) no-repeat; background-size: 5.01rem .7rem; background-position: center center; width: 5.01rem; height: .7rem; padding: .3rem 0; margin: 0 auto; }

.fix-right { position: fixed; right: 0.17rem; bottom: 2rem; width: 0.95rem; overflow: hidden; z-index: 3; }

.fix-right a { background: url(../images/share.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; display: block; width: 0.95rem; height: 0.94rem; overflow: hidden; margin-bottom: 0.2rem; }

.fix-right a.backtop { background-image: url(../images/top.png); }