@charset "UTF-8";


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

.nav .n-link a { overflow: hidden; line-height: 99; }

img[alt=Google] { display: none; }

.cor2 { color: #ECCF95; }


body, html { position: relative; width: 100%; height: 100%; overflow: hidden; color: #fff; }

body { max-width: 750px; margin: 0 auto; -webkit-text-size-adjust: none; background: #163b4b; }

#map { width: 100%; height: 100%; color: #333; }

#map > div { background-color: #163b4b !important; }

#map div:focus { outline: none; }

.search { background: url(../img/sidebar/wap/ico-search.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.44rem; height: 0.44rem; right: 0.3rem; top: 0.43rem; position: absolute; }

.box { height: calc(100vh - 70px - 2.6rem); left: 0.2rem; width: 7.1rem; bottom: 1.6rem; position: absolute; background: #2E3649; border-radius: 0.2rem; z-index: 5; -webkit-box-sizing: border-box; }

.box .b-close { background: url(../img/sidebar/wap/img1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.57rem; height: 0.4rem; position: absolute; left: 50%; margin-left: -0.28rem; top: -0.6rem; }

.box::after { content: ''; width: 0.2rem; height: 0.2rem; position: absolute; bottom: -0.1rem; background: #2E3649; -webkit-transform: rotate(45deg); z-index: -1; }

.side-box::after { background: #282D3D; left: 0.44rem; }

.side-box .s-title { display: flex; align-items: center; justify-content: flex-start; padding: 0.23rem 0 0 0.3rem; height: 0.54rem; color: #F4F5F6; font-size: 0.26rem; overflow: hidden; line-height: 0.3rem; }

.side-box .s-title .logo { width: auto; height: 0.33rem; }

.side-box .s-title .game { width: auto; height: 0.54rem; margin: 0 0.1rem; }

.side-box .s-lead { color: #BBBDC5; font-size: 0.24rem; padding-left: 0.32rem; }

.side-bottom { width: 0.56rem; bottom: 0.65rem; position: absolute; right: -0.56rem; }

.side-bottom .user { position: relative; margin-bottom: 0.36rem; }

.side-bottom .user img { width: 0.56rem; height: 0.56rem; border: #ECCF95 solid 1px; -webkit-box-sizing: border-box; border-radius: 100%; }

.side-bottom .user dl { background-color: rgba(49, 61, 87, 0.8) !important; backdrop-filter: blur(5px); position: absolute; width: 0.7rem; height: 0.56rem; left: 0.64rem; top: 50%; margin-top: -0.28rem; display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; -webkit-box-sizing: border-box; padding: 0.06rem 0; border-radius: 0.1rem; z-index: 0; }

.side-bottom .user dl::before { content: ''; background: url(../img/sidebar/img2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.05rem; height: 0.1rem; position: absolute; top: 50%; margin-top: -0.05rem; left: -0.04rem; z-index: -1; }

.side-bottom .user dl dt { color: #fff; font-size: 0.12rem; line-height: 0.18rem; width: 0.6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.side-bottom .user dl dd { font-size: 16px; line-height: 0.24rem; width: 100%; }

.side-bottom .user dl dd a { color: #ECCF95; }

.side-bottom .link-img { display: block; width: 0.5rem; position: relative; margin-bottom: 0.2rem; }

.side-bottom .link-img .l-list { background: url(../img/sidebar/more.png) rgba(49, 61, 87, 0.8) no-repeat center center; background-size: 0.24rem auto; display: block; width: 0.5rem; backdrop-filter: blur(5px); border-radius: 0.15rem; height: 0.5rem; }

.side-bottom .link-img .l-list.warn { background-image: url(../img/sidebar/warn.png); background-size: 0.25rem auto; }

.side-bottom .link-img .l-list.set { background-image: url(../img/sidebar/set.png); background-size: 0.3rem auto; }

.side-bottom .link-img .l-more { background-color: rgba(49, 61, 87, 0.8) !important; backdrop-filter: blur(5px); position: absolute; width: 2.3rem; height: 0.7rem; left: 0.64rem; top: 50%; margin-top: -0.28rem; align-items: center; justify-content: center; text-align: center; border-radius: 0.1rem; z-index: 0; display: flex; }

.side-bottom .link-img .l-more::before { content: ''; background: url(../img/sidebar/img2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.05rem; height: 0.1rem; position: absolute; top: 50%; margin-top: -0.05rem; left: -0.04rem; z-index: -1; backdrop-filter: blur(5px); }

.side-bottom .link-img .l-more a { background: url(../img/sidebar/m-1.png) no-repeat center 0; background-size: 0.25rem auto; padding-top: 0.32rem; font-size: 0.12rem; width: 30%; height: 0.18rem; line-height: 0.18rem; overflow: hidden; color: #fff; }

.side-bottom .link-img .l-more a.diary { background-image: url(../img/sidebar/m-2.png); background-size: 0.23rem auto; }

.side-bottom .link-img .l-more a.novice { background-image: url(../img/sidebar/m-3.png); background-size: 0.2rem auto; }

.hot-box { padding: 0.33rem 0; }

.hot-box::after { right: 1.94rem; }

.hot-box .scroll { max-height: 100%; padding: 0; margin: 0; }

.hot-box .h-banner { width: 6.46rem; margin: 0 auto; height: 1.8rem; padding-bottom: 0.3rem; }

.hot-box .h-banner .swiper-slide { width: 100%; height: 1.8rem; background: #ECCF95; -webkit-box-sizing: border-box; padding: 1px; border-radius: 0.1rem; overflow: hidden; }

.hot-box .h-banner .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

.hot-box .h-banner .swiper-pagination { bottom: 0; height: 0.1rem; }

.hot-box .h-banner .swiper-pagination .swiper-pagination-bullet { height: 0.1rem; width: 0.1rem; background: #5D6782; margin: 0 0.05rem; vertical-align: top; opacity: 1; }

.hot-box .h-banner .swiper-pagination .swiper-pagination-bullet-active { background: #D7AA5A; }

.hot-box .h-link { text-align: center; overflow: hidden; padding: 0 0.1rem 0.17rem; margin-top: 0.3rem; }

.hot-box .h-link a { width: 25%; float: left; color: #ECCF95; font-size: 0.2rem; line-height: 0.2rem; background: url(../img/hot/h-1.png) no-repeat center 0; background-size: 0.82rem auto; background-color: transparent; padding-top: 0.89rem; margin-bottom: 0.15rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.hot-box .h-link a.a2 { background-image: url(../img/hot/h-2.png); }

.hot-box .h-link a.a3 { background-image: url(../img/hot/h-3.png); }

.hot-box .h-link a.a4 { background-image: url(../img/hot/h-4.png); }

.hot-box .h-link a.a5 { background-image: url(../img/hot/h-5.png); }

.hot-box .h-link a.a6 { background-image: url(../img/hot/h-6.png); }

.hot-box .h-link a.a7 { background-image: url(../img/hot/h-7.png); }

.hot-box .h-link a.a8 { background-image: url(../img/hot/h-8.png); }

.hot-box .h-title { background: url(../img/hot/ico-hot2.png) no-repeat 0.3rem center; background-size: 0.24rem auto; background-color: transparent; color: #ECCF95; height: 0.4rem; line-height: 0.42rem; font-size: 0.28rem; padding-left: 0.6rem; }

.hot-box .h-recommend { padding: 0 0.14rem; overflow: hidden; text-align: center; }

.hot-box .h-recommend a { width: 3.16rem; height: 0.62rem; line-height: 0.64rem; margin-top: 0.2rem; color: #fff; font-size: 0.24rem; background: #41495F; border-radius: 0.1rem; float: left; position: relative; }

.hot-box .h-recommend a:nth-child(2n) { float: right; }

.hot-box .h-recommend a em { background: #FF5A3C; font-size: 0.18rem; position: absolute; }

.hot-box .h-recommend a em.talk { right: 0; top: -0.16rem; padding: 0 0.12rem; height: 0.28rem; line-height: 0.3rem; border-radius: 0.2rem 0.2rem 0 0.2rem; }

.hot-box .h-recommend a em.new { width: 0.28rem; height: 0.28rem; line-height: 0.3rem; left: 0; top: 0; border-radius: 0.1rem 0 0.1rem 0; }

.more-box { padding-top: 0.2rem; -webkit-box-sizing: border-box; height: 4.11rem; text-align: center; }

.more-box::after { right: 0.44rem; }

.more-box a { width: 25%; float: left; color: #ECCF95; font-size: 0.2rem; line-height: 0.28rem; background: url(../img/hot/h-1.png) no-repeat center 0; background-size: 0.82rem auto; background-color: transparent; padding-top: 0.87rem; margin-top: 0.55rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.more-box a.a2 { background-image: url(../img/more/m-2.png); }

.more-box a.a3 { background-image: url(../img/more/m-3.png); }

.more-box a.a4 { background-image: url(../img/more/m-4.png); }

.more-box a.a5 { background-image: url(../img/more/m-5.png); }

.more-box a.a6 { background-image: url(../img/more/m-6.png); }

.more-box a.a7 { background-image: url(../img/more/m-7.png); }

.more-box a.a8 { background-image: url(../img/more/m-8.png); }

.resource { padding-top: 0.3rem; height: calc(100vh - 70px - 4.03rem); overflow: hidden; position: relative; border-radius: 0 0 0.2rem 0.2rem; }

.resource::after { content: ''; background: -webkit-linear-gradient(top, rgba(46, 54, 73, 0), #293146 85%); height: 0.2rem; position: absolute; left: 0; bottom: 0; width: 100%; }

.resource .re-left { overflow: hidden; height: 100%; overflow-y: auto; width: 1.5rem; float: left; }

.resource .re-left::-webkit-scrollbar { display: none; }

.resource .re-left a { background: #282D3D; width: 100%; line-height: 0.34rem; padding: 0.22rem 0.05rem 0.22rem 0.1rem; color: #777D8F; font-size: 0.24rem; -webkit-box-sizing: border-box; margin-bottom: 1px; display: block; position: relative; }

.resource .re-left a.on { background: url(../img/sidebar/wap/nav-bg.jpg) no-repeat 0 center; background-size: 1.5rem auto; background-color: transparent; color: #ECCF95; }

.resource .re-left a:last-child { margin-bottom: 0; }

.resource .re-left a em { width: 0.25rem; height: 0.25rem; line-height: 0.2rem; background: #ECCF95; display: flex; align-items: center; justify-content: center; color: #2E3649; font-size: 0.18rem; border-radius: 100%; position: absolute; right: 0.06rem; top: 0.06rem; letter-spacing: -0.01rem; }

.resource .re-fright { width: 5.16rem; padding-right: 0.24rem; float: right; overflow: hidden; height: 100%; }

.resource .re-fright .re-btn { padding-top: 0.24rem; overflow: hidden; }

.resource .re-fright .re-btn a { background: url(../img/sidebar/ico-clear.png) no-repeat 0 center; background-size: 0.22rem auto; background-color: transparent; color: #777D8F; float: right; height: 0.26rem; line-height: 0.26rem; padding-left: 0.3rem; font-size: 0.22rem; margin-left: 0.5rem; }

.resource .re-fright .re-btn a.re-set { background-image: url(../img/sidebar/ico-set.png); background-size: 0.3rem auto; padding-left: 0.32rem; }

.resource .re-fright .re-btn a.on { color: #ECCF95; background: none; padding-left: 0; }

.resource .re-fright .list-box { margin-top: 0.1rem; height: calc(100% - 0.6rem); overflow-y: auto; }

.resource .re-fright .list-box::-webkit-scrollbar { display: none; }

.resource .re-fright .list-box.set .game-item li dl dd::after { content: ''; background: url(../img/sidebar/ico-set.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.3rem; height: 0.3rem; position: absolute; right: 0; bottom: 0; }

.resource .re-fright .list-box .m-edit li dl dt em { background: url(../img/sidebar/ico-edit.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.2rem; height: 0.2rem; position: absolute; top: 50%; margin-top: -0.1rem; right: 0.03rem; }

.game-item { width: 100%; overflow: hidden; padding-bottom: 0.52rem; }

.game-item p { background: url(../img/sidebar/ico-list.png) no-repeat 0 center; background-size: 0.19rem auto; background-color: transparent; color: #ECCF95; padding-left: 0.3rem; font-size: 0.28rem; height: 0.4rem; line-height: 0.42rem; }

.game-item p span { background: url(../img/ico-new.png) no-repeat 0 center; background-size: 0.47rem auto; background-color: transparent; height: 0.4rem; line-height: 0.42rem; color: #ECCF95; padding-left: 0.58rem; font-size: 0.2rem; float: right; }

.game-item ul { overflow: hidden; }

.game-item li { float: left; width: 2.46rem; height: 1.1rem; background: #41495F; border-radius: 0.1rem; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; margin-top: 0.2rem; }

.game-item li:nth-child(2n) { float: right; }

.game-item li.on { box-shadow: #ECCF95 0 0 0 1px inset; }

.game-item li.on dl dt { color: #ECCF95; }

.game-item li.time::before { content: ''; background: url(../img/sidebar/ico-time.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.23rem; height: 0.23rem; position: absolute; left: 0.78rem; top: 0.08rem; }

.game-item li img { width: 0.72rem; height: 0.72rem; border-radius: 0.1rem; }

.game-item li dl { width: 1.32rem; margin-left: 0.1rem; }

.game-item li dl dt { width: 100%; font-size: 0.22rem; height: 0.3rem; line-height: 0.32rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; overflow: hidden; }

.game-item li dl dd { width: 100%; padding-top: 0.1rem; height: 0.3rem; line-height: 0.32rem; color: #BBBDC5; font-size: 0.22rem; position: relative; }

.game-item li dl dd i { color: #ECCF95; }

.game-item:last-child { padding-bottom: 0.3rem; }

.search-box { padding-top: 0.3rem; z-index: 6; }

.search-box::after { left: 0.44rem; }

.search-box.material-label::after { display: none; }

.search-box .search-input { padding: 0 0.2rem 0  0.3rem; overflow: hidden; position: relative; }

.search-box .search-input .s-back { background: url(../img/sidebar/ico-back.png) no-repeat 0 center; background-size: 0.17rem auto; background-color: transparent; height: 0.78rem; float: left; width: 0.2rem; }

.search-box .search-input input { background: #262D41; width: 4.8rem; box-shadow: #ECCF95 0 0 0 1px inset; border-radius: 1rem; height: 0.78rem; -webkit-box-sizing: border-box; padding: 0 0.46rem 0 0.18rem; color: #ECCF95; font-size: 0.28rem; position: relative; outline: none; border: none; float: left; margin-left: 0.2rem; }

.search-box .search-input em { background: url(../img/sidebar/s-close.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.36rem; height: 0.36rem; position: absolute; right: 1.75rem; top: 50%; margin-top: -0.18rem; }

.search-box .search-input a.s-sure { width: 1.2rem; height: 0.5rem; line-height: 0.52rem; background: #ECCF95; box-shadow: #ffeecd 0 0 0 1px inset; color: #41495F; position: relative; overflow: hidden; border-radius: 1rem; z-index: 0; text-align: center; float: right; margin-top: 0.14rem; font-size: 0.24rem; }

.search-box .search-input a.s-sure::after, .search-box .search-input a.s-sure::before { content: ""; -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzVaLcYMwDH3tdQA2qEdgBHeDbBA2SDaADcIGYYOMQDdIOwHZgGyQosM+HCEw//Td6RKwkJ79ZNnAOBwqO1em8E8QVvZw7OXkVGUFnklZi/EiZJAJWbti41ULPYSsFVsSy4XkCV5ITAuJtRlTqGUrtiZ2QXvHdUGjbhkXQyzAClDoXiUfiFCIFRChLYtFVlmJWj6qubSyHTaoJ17gR/M+gL897NciyJNZOSIMaxGLd33em0pnLBtBytppCXI7FjQXfGwxky/V1BX+5qoxAwkLmA78TqFuC0UPuRgTkbJACcYj6iF3wgRkLEiEaVDorsEzRiJbiJQFtZNyLrEMco+aA9oUkpyt2O8dAe7seYlz7KeyLyE21Vc4hNSNPX9iOiI0O+6GmhhHr4yWMe9TBaZBoZHMlemIATISIvSfb1Mk5Fcf7YzlaJ8agRTA7dy8KCOMQ4z2xPbOuIJntQK0zzjeQHPMI3RmPpTz2pdDo73EGtMklAgVzreB8ZH61pPECeRzjn+YoBuU7NxBSDl+F3SfiymcibuOroSJkECChtwYOaEYI24QXFvFZn8wH3H5yC/rSaQ8hEozcbEsuEy+2tHolyFnMWJh/ODLw4NyKDSXuaKHDE2ON0Fb1EQkwYgbqLT0hYeAtDqKxQ0w4xr8mGFERmMFlCOJkH+6FpkP8/uNeplDwedujHzo+vFr/q+GN+FdgGZXWEKb4g/gf5yCt1WrgAAAAABJRU5ErkJggg=="); -webkit-mask-size: 100% 100%; width: 0.36rem; height: 0.34rem; top: 50%; margin-top: -0.17rem; position: absolute; background: #e5c789; z-index: -1; }

.search-box .search-input a.s-sure::before { left: -0.06rem; }

.search-box .search-input a.s-sure::after { right: -0.06rem; -webkit-transform: scaleX(-1); }

.search-box .s-history { padding-top: 0.42rem; }

.search-box .s-history .h-hd { height: 0.28rem; overflow: hidden; color: #777D8F; font-size: 0.28rem; line-height: 0.28rem; padding: 0.04rem 0.3rem 0; }

.search-box .s-history .h-hd a { float: right; background: url(../img/sidebar/ico-empty.png) no-repeat 0 center; background-size: 0.26rem auto; background-color: transparent; font-size: 0.22rem; padding-left: 0.32rem; color: #777D8F; }

.search-box .s-history .h-bd { padding: 0 0.3rem 0 0.1rem; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; max-height: 2.4rem; }

.search-box .s-history .h-bd a { box-shadow: #B4B9C7 0 0 0 1px inset; height: 0.5rem; line-height: 0.52rem; padding: 0 0.3rem; float: left; margin: 0.3rem 0 0 0.2rem; max-width: calc(100% - 0.8rem); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #B4B9C7; font-size: 0.24rem; border-radius: 1rem; }

.search-box .s-result { padding: 0.32rem 0.1rem 0; height: calc(100vh - 70px - 4.2rem); position: relative; }

.search-box .s-result .scroll { max-height: 100%; padding: 0 0.06rem; margin-left: -0.06rem; }

.search-box .s-result .game-item { margin-top: 0.3rem; padding: 0 0.2rem; -webkit-box-sizing: border-box; }

.search-box .s-result .game-item:first-child { margin-top: 0; }

.search-box .s-result .game-item p { color: #777D8F; background: none; padding-left: 0; padding-bottom: 0.16rem; }

.search-box .s-result .game-item li { margin-top: 0.14rem; width: 3.1rem; }

.search-box .s-result .game-item li dl { width: 1.9rem; }

.search-box .s-result .result-none { background: url(../img/sidebar/none.png) no-repeat 0 0; background-size: 2.78rem auto; background-color: transparent; padding-top: 2.7rem; width: 3rem; line-height: 0.25rem; font-size: 0.18rem; color: #777D8F; position: absolute; left: 50%; margin-left: -1.2rem; top: 40%; -webkit-box-sizing: border-box; padding-right: 0.5rem; text-align: center; -webkit-transform: translateY(-50%); }

.search-box .s-result .video-list { max-height: none; width: 100%; margin: 0; -webkit-box-sizing: border-box; padding: 0 0.2rem; }

.scroll { overflow: hidden; overflow-y: auto; padding: 0 0.12rem; margin-left: -0.12rem; width: 100%; }

.scroll::-webkit-scrollbar { width: 0.03rem; }

.scroll::-webkit-scrollbar-thumb { border-radius: .2rem; background: #ECCF95; }

.scroll::-webkit-scrollbar-track { border-radius: .2rem; background: #596484; }

.region { position: absolute; z-index: 3; left: 0.2rem; top: 0.13rem; width: 2rem; }

.region .all { text-align: center; width: 100%; height: 0.66rem; line-height: 0.68rem; background: #41495F; border-radius: 0.05rem; font-size: 0.24rem; padding-right: 0.2rem; -webkit-box-sizing: border-box; position: relative; cursor: pointer; }

.region .all::before { content: ''; background: url(../img/sidebar/ico-down.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.14rem; height: 0.08rem; position: absolute; right: 0.2rem; top: 50%; margin-top: -0.04rem; }

.region .all.on::before { -webkit-transform: scaleY(-1); }

.region .r-detail { position: absolute; left: 0; top: 0.66rem; width: 100%; max-height: calc(100vh - 3rem); overflow: hidden; overflow-y: auto; padding: 0 0.12rem; margin-left: -0.12rem; width: 100%; padding: 0; margin: 0; }

.region .r-detail::-webkit-scrollbar { width: 0.03rem; }

.region .r-detail::-webkit-scrollbar-thumb { border-radius: .2rem; background: #ECCF95; }

.region .r-detail::-webkit-scrollbar-track { border-radius: .2rem; background: #596484; }

.region .r-detail .r-list { border-top: #282D3D solid 1px; background: #41495F; }

.region .r-detail .r-list.on { background: #E0CA9E; }

.region .r-detail .r-list.on p span { color: #3E485F; }

.region .r-detail .r-list.on p span::before { background: #3E485F; }

.region .r-detail .r-list.on p em { color: #3E485F; }

.region .r-detail .r-list p span { width: 100%; color: #BBBDC5; font-size: 0.24rem; height: 0.66rem; line-height: 0.68rem; overflow: hidden; padding: 0 0 0 0.4rem; position: relative; -webkit-box-sizing: border-box; cursor: pointer; display: block; }

.region .r-detail .r-list p span::before { content: ''; -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAgCAYAAADnnNMGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNBRUY3QzhFNUI4MjExRUU5QUJERUVCMDVFODJGNUQwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNBRUY3QzhGNUI4MjExRUU5QUJERUVCMDVFODJGNUQwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0FFRjdDOEM1QjgyMTFFRTlBQkRFRUIwNUU4MkY1RDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FFRjdDOEQ1QjgyMTFFRTlBQkRFRUIwNUU4MkY1RDAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5emhyzAAABVklEQVR42rSWYRGDMAyFkYAEJCABB5sD5mB1QB2AA3AwCZOABCQgoYO7lnuXZU06Su/ej916/UiTl7Qo0leLP5xzolLXY9O6qbwKUm1a9nM39VdBJg8IanJDngTgfFRVLkjNAILmPT9nIa1PtItIjCi2OuFwCqpTIHtC3wkA1MhFxQHcSS00T2GVYDB7ArCGSDAi9MAY8YRW9wDwEZkAecCmDkBzIsD6A0voDEcLepHNLdNGVAAPoeftQXz5YPUGDCDJJy8AcGU/FDGDKSruqCRy7bSsf17JG/JjYk4XIh64O0T1ALK0VJW5u2kMaJjSviurcEGfDAKoAdPi+O2VvlF9EV6PtoFarneVwt0u0HoaLYBrkFISR8WeSdPqa8GAsf/mlKHV/Nniq9TJaHIANDPepsyQM6+VSeOFHO+uXzPf5HzccR6yV7+Fhytf9RUZASrIR4ABAAgnVroun1i0AAAAAElFTkSuQmCC); -webkit-mask-size: 100% 100%; width: 0.12rem; height: 0.16rem; position: absolute; margin-top: -0.08rem; left: 0.18rem; background: #BBBDC5; top: 50%; }

.region .r-detail .r-list p em { color: #ECCF95; font-size: 0.18rem; display: block; height: 0.2rem; line-height: 0.24rem; overflow: hidden; position: relative; margin-top: -0.1rem; padding-left: 0.4rem; padding-bottom: 0.2rem; }

.region .r-ts { position: absolute; left: 0rem; top: 0.95rem; }

.region .r-ts span { background: #EFE3CA; border-radius: 0.1rem; display: inline-block; vertical-align: top; color: #293449; font-size: 0.26rem; padding: 0 0.66rem 0 0.2rem; position: relative; white-space: nowrap; height: 0.7rem; line-height: 0.72rem; min-width: 3rem; }

.region .r-ts span::before { content: ''; background: url(../img/nav/t-6.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.72rem; height: 0.92rem; position: absolute; top: 50%; margin-top: -0.57rem; right: -0.2rem; }

.region .r-ts span::after { content: ''; background: #EFE3CA; width: 0.14rem; height: 0.14rem; position: absolute; left: 0.84rem; top: -0.07rem; -webkit-transform: rotate(45deg); }

.material-box::after { left: 1.9rem; }

.material-box .m-tab { overflow: hidden; padding: 0.5rem 0 0 0.2rem; }

.material-box .m-tab a { height: 0.44rem; line-height: 0.4rem; color: #777D8F; font-size: 0.26rem; float: left; padding: 0 0.2rem; position: relative; margin-right: 0.4rem; }

.material-box .m-tab a.on { color: #ECCF95; }

.material-box .m-tab a.on::before { content: ''; height: 0.04rem; width: 0.56rem; position: absolute; left: 50%; bottom: 0; margin-left: -0.28rem; background: #ECCF95; border-radius: 0.1rem; }

.element { text-align: center; padding: 1px 0.2rem; position: relative; height: 0.44rem; margin-top: 0.38rem; }

.element .swiper-slide { background: #5C647B; box-shadow: #778098 0 0 0 1px; padding: 0 0.26rem; min-width: 0.72rem; width: auto; height: 0.44rem; line-height: 0.46rem; color: #fff; border-radius: 1rem; margin-left: 0.2rem; position: relative; overflow: hidden; font-size: 0.24rem; z-index: 0; }

.element .swiper-slide::after, .element .swiper-slide::before { content: ""; background: #606880; -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzVaLcYMwDH3tdQA2qEdgBHeDbBA2SDaADcIGYYOMQDdIOwHZgGyQosM+HCEw//Td6RKwkJ79ZNnAOBwqO1em8E8QVvZw7OXkVGUFnklZi/EiZJAJWbti41ULPYSsFVsSy4XkCV5ITAuJtRlTqGUrtiZ2QXvHdUGjbhkXQyzAClDoXiUfiFCIFRChLYtFVlmJWj6qubSyHTaoJ17gR/M+gL897NciyJNZOSIMaxGLd33em0pnLBtBytppCXI7FjQXfGwxky/V1BX+5qoxAwkLmA78TqFuC0UPuRgTkbJACcYj6iF3wgRkLEiEaVDorsEzRiJbiJQFtZNyLrEMco+aA9oUkpyt2O8dAe7seYlz7KeyLyE21Vc4hNSNPX9iOiI0O+6GmhhHr4yWMe9TBaZBoZHMlemIATISIvSfb1Mk5Fcf7YzlaJ8agRTA7dy8KCOMQ4z2xPbOuIJntQK0zzjeQHPMI3RmPpTz2pdDo73EGtMklAgVzreB8ZH61pPECeRzjn+YoBuU7NxBSDl+F3SfiymcibuOroSJkECChtwYOaEYI24QXFvFZn8wH3H5yC/rSaQ8hEozcbEsuEy+2tHolyFnMWJh/ODLw4NyKDSXuaKHDE2ON0Fb1EQkwYgbqLT0hYeAtDqKxQ0w4xr8mGFERmMFlCOJkH+6FpkP8/uNeplDwedujHzo+vFr/q+GN+FdgGZXWEKb4g/gf5yCt1WrgAAAAABJRU5ErkJggg=="); -webkit-mask-size: 100% 100%; width: 0.36rem; height: 0.34rem; margin-top: -0.17rem; top: 50%; position: absolute; z-index: -1; }

.element .swiper-slide::before { left: -0.06rem; }

.element .swiper-slide::after { right: -0.06rem; -webkit-transform: scaleX(-1); }

.element .swiper-slide.on { background: #ECCF95; box-shadow: #ffeecd 0 0 0 1px inset; color: #41495F; }

.element .swiper-slide.on::after, .element .swiper-slide.on::before { background: #e5c789; }

.role { width: 100%; position: relative; padding: 0.44rem 0.15rem 0; }

.role::after { content: ''; width: 100%; background: -webkit-linear-gradient(top, rgba(46, 54, 73, 0), #2E3649); height: 0.4rem; position: absolute; left: 0; bottom: 0.55rem; z-index: 1; }

.role ul { width: 100%; overflow: hidden; height: calc(100vh - 72px - 5.9rem); overflow-y: auto; }

.role ul::-webkit-scrollbar { display: none; }

.role li { text-align: center; float: left; width: 1.7rem; overflow: hidden; padding: 0.1rem 0 0.2rem; }

.role li img { width: 1.2rem; height: 1.2rem; border-radius: 0.1rem; overflow: hidden; display: block; margin: 0 auto; -webkit-box-sizing: border-box; }

.role li span { padding-top: 0.1rem; height: 0.34rem; line-height: 0.36rem; display: block; overflow: hidden; font-size: 0.24rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.role li.on img { background: #ECCF95; box-shadow: #ECCF95 0 0 0 0.03rem; }

.role .r-choose { background: url(../img/sidebar/btn2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 3.42rem; height: 0.52rem; line-height: 0.54rem; margin: 0.3rem auto 0; display: block; color: #B4B9C7; font-size: 0.24rem; text-align: center; }

.role .r-choose.on { background-image: url(../img/sidebar/btn3.png); color: #41495F; }

.need { padding-top: 0.3rem; }

.need .n-tit { color: #ECCF95; font-size: 0.28rem; height: 0.4rem; line-height: 0.42rem; text-align: center; position: relative; }

.need .n-tit span { display: inline-block; vertical-align: top; position: relative; padding: 0 0.44rem; }

.need .n-tit span::before, .need .n-tit span::after { content: ''; background: url(../img/sidebar/t-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.24rem; height: 0.18rem; position: absolute; top: 50%; margin-top: -0.09rem; }

.need .n-tit span::before { left: 0; }

.need .n-tit span::after { right: 0; -webkit-transform: scaleX(-1); }

.need .n-tit .n-back { background: url(../img/sidebar/ico-back.png) no-repeat center center; background-size: 0.17rem auto; background-color: transparent; height: 0.4rem; width: 0.4rem; position: absolute; left: 0.23rem; top: 0; display: block; }

.need .n-list { margin-top: 0.6rem; padding: 0 0.75rem; }

.need .n-list .scroll { height: calc(100vh - 70px - 4.1rem); padding: 0 0.3rem; margin-left: -0.3rem; }

.need .n-list .game-item li { width: 2.7rem; }

.need .n-list .game-item li dl { width: 1.48rem; }

.need .n-btn { background: url(../img/sidebar/btn3.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 2.6rem; height: 0.4rem; margin: 0.17rem auto 0; display: block; color: #41495F; font-size: 0.18rem; line-height: 0.4rem; text-align: center; }

.material-item ul { width: 100%; overflow: hidden; overflow-y: auto; }

.material-item ul::-webkit-scrollbar { display: none; }

.material-item li { text-align: center; float: left; width: 1.7rem; overflow: hidden; cursor: pointer; margin-top: 0.7rem; }

.material-item li:nth-child(1), .material-item li:nth-child(2), .material-item li:nth-child(3), .material-item li:nth-child(4) { margin-top: 0; }

.material-item li img { width: 1.2rem; height: 1.2rem; border-radius: 0.1rem; overflow: hidden; display: block; margin: 0 auto; border-radius: 0.1rem; -webkit-box-sizing: border-box; }

.material-item li span { padding-top: 0.1rem; display: block; height: 0.34rem; line-height: 0.36rem; overflow: hidden; font-size: 0.24rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.material-item li em { background: url(../img/sidebar/btn4.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.22rem; height: 0.44rem; line-height: 0.46rem; text-align: center; color: #41495F; display: block; margin: 0.2rem auto 0; font-size: 0.24rem; }

.video-box { padding-top: 0.5rem; }

.video-box::after { left: 50%; margin-left: -0.1rem; }

.v-tab { width: calc(100% - 1rem); text-align: center; position: relative; height: 0.44rem; margin: 0; }

.v-tab .swiper-slide { color: #777D8F; padding: 0 0.26rem; height: 0.44rem; line-height: 0.4rem; overflow: hidden; font-size: 0.26rem; width: auto; position: relative; cursor: pointer; }

.v-tab .swiper-slide.on { color: #ECCF95; font-size: 0.28rem; }

.v-tab .swiper-slide.on::before { content: ''; background: #ECCF95; height: 0.04rem; position: absolute; left: 0.5rem; right: 0.5rem; bottom: 0; }

.vSm-tab { text-align: center; margin: 0.42rem 0 0; position: relative; height: 0.44rem; text-align: center; padding: 1px 0.2rem; }

.vSm-tab::after { content: ''; width: 0.2rem; background: -webkit-linear-gradient(left, rgba(46, 54, 73, 0), #2E3649); height: 100%; position: absolute; right: 0; top: 0; z-index: 1; }

.vSm-tab .swiper-slide { background: #5C647B; box-shadow: #778098 0 0 0 1px; padding: 0 0.26rem; min-width: 0.72rem; width: auto; height: 0.44rem; line-height: 0.46rem; color: #fff; border-radius: 1rem; margin-left: 0.2rem; position: relative; overflow: hidden; font-size: 0.24rem; z-index: 0; }

.vSm-tab .swiper-slide::after, .vSm-tab .swiper-slide::before { content: ""; background: #606880; -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzVaLcYMwDH3tdQA2qEdgBHeDbBA2SDaADcIGYYOMQDdIOwHZgGyQosM+HCEw//Td6RKwkJ79ZNnAOBwqO1em8E8QVvZw7OXkVGUFnklZi/EiZJAJWbti41ULPYSsFVsSy4XkCV5ITAuJtRlTqGUrtiZ2QXvHdUGjbhkXQyzAClDoXiUfiFCIFRChLYtFVlmJWj6qubSyHTaoJ17gR/M+gL897NciyJNZOSIMaxGLd33em0pnLBtBytppCXI7FjQXfGwxky/V1BX+5qoxAwkLmA78TqFuC0UPuRgTkbJACcYj6iF3wgRkLEiEaVDorsEzRiJbiJQFtZNyLrEMco+aA9oUkpyt2O8dAe7seYlz7KeyLyE21Vc4hNSNPX9iOiI0O+6GmhhHr4yWMe9TBaZBoZHMlemIATISIvSfb1Mk5Fcf7YzlaJ8agRTA7dy8KCOMQ4z2xPbOuIJntQK0zzjeQHPMI3RmPpTz2pdDo73EGtMklAgVzreB8ZH61pPECeRzjn+YoBuU7NxBSDl+F3SfiymcibuOroSJkECChtwYOaEYI24QXFvFZn8wH3H5yC/rSaQ8hEozcbEsuEy+2tHolyFnMWJh/ODLw4NyKDSXuaKHDE2ON0Fb1EQkwYgbqLT0hYeAtDqKxQ0w4xr8mGFERmMFlCOJkH+6FpkP8/uNeplDwedujHzo+vFr/q+GN+FdgGZXWEKb4g/gf5yCt1WrgAAAAABJRU5ErkJggg=="); -webkit-mask-size: 100% 100%; width: 0.36rem; height: 0.34rem; margin-top: -0.17rem; top: 50%; position: absolute; z-index: -1; }

.vSm-tab .swiper-slide::before { left: -0.06rem; }

.vSm-tab .swiper-slide::after { right: -0.06rem; -webkit-transform: scaleX(-1); }

.vSm-tab .swiper-slide.on { background: #ECCF95; box-shadow: #ffeecd 0 0 0 1px inset; color: #41495F; }

.vSm-tab .swiper-slide.on::after, .vSm-tab .swiper-slide.on::before { background: #e5c789; }

.video-list { width: 6.5rem; margin: 0.5rem auto 0; max-height: calc(100vh - 70px - 4.94rem); overflow-y: auto; position: relative; }

.video-list::after { content: ''; background: -webkit-linear-gradient(top, transparent, #2E3649 90%); height: 0.3rem; position: fixed; left: 50%; margin-left: -3.25rem; bottom: 1.6rem; width: 6.5rem; z-index: 1; }

.video-list::-webkit-scrollbar { display: none; }

.video-list li { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.4rem; position: relative; }

.video-list li:last-child { margin-bottom: 0.3rem; }

.video-list li .v-img { position: relative; width: 2.24rem; height: 1.26rem; overflow: hidden; border: #ECCF95 solid 1px; -webkit-box-sizing: border-box; border-radius: 0.1rem; }

.video-list li .v-img img { background: #41495F; width: 100%; height: 100%; display: block; opacity: 0.8; }

.video-list li .v-img::before { content: ''; background: url(../img/sidebar/ico-video.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.52rem; height: 0.52rem; position: absolute; left: 50%; top: 50%; margin: -0.26rem 0 0 -0.26rem; z-index: 1; }

.video-list li dl { width: 3.9rem; }

.video-list li dl dt { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #ECCF95; font-size: 0.26rem; height: 0.72rem; line-height: 0.36rem; }

.video-list li dl dd { width: 2.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 0.3rem; line-height: 0.32rem; color: #777D8F; font-size: 0.22rem; overflow: hidden; padding-top: 0.15rem; }

.video-list li dl dd img { width: 0.3rem; height: 0.3rem; border-radius: 100%; overflow: hidden; float: left; margin-right: 0.1rem; }

.video-list li a { background: url(../img/sidebar/btn4.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.22rem; height: 0.44rem; line-height: 0.46rem; text-align: center; color: #41495F; display: block; font-size: 0.24rem; position: absolute; bottom: 0; right: 0; }

.video-list li a.on { background: none; box-shadow: #777D8F 0 0 0 1px inset; color: #777D8F; border-radius: 1rem; }

.note { background: url(../img/ico-note.png) no-repeat 0.19rem center; background-size: 0.26rem auto; background-color: transparent; background-color: rgba(49, 61, 87, 0.8) !important; backdrop-filter: blur(5px); height: 0.66rem; line-height: 0.68rem; border-radius: 0.1rem; padding: 0 0.54rem 0 0.6rem; position: absolute; font-size: 0.26rem; z-index: 2; overflow: hidden; left: 2.3rem; top: 0.13rem; width: 3.1rem; }

.note p { overflow: hidden; position: relative; height: 100%; display: block; }

.note span { white-space: nowrap; position: absolute; top: 0; left: 0; }

.note em { background: url(../img/n-close.png) no-repeat center center; background-size: 0.14rem auto; background-color: transparent; width: 0.3rem; height: 0.3rem; display: block; position: absolute; right: 0.1rem; top: 50%; margin-top: -0.15rem; cursor: pointer; }

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

.i-share { background: url(../img/ico-share.png) no-repeat center center; background-size: 0.26rem auto; background-color: transparent; background-color: rgba(49, 61, 87, 0.8) !important; backdrop-filter: blur(5px); width: 0.66rem; height: 0.66rem; border-radius: 0.15rem; overflow: hidden; right: 0.2rem; position: absolute; top: 0.13rem; display: block; z-index: 2; }

.i-where { position: fixed; top: .92rem; left: 50%; -webkit-transform: translateX(-50%); padding: 0 .16rem; width: -webkit-fit-content; height: 0.66rem; line-height: 0.68rem; text-align: center; background: rgba(0, 0, 0, 0.9); border-radius: .08rem; color: #fff; font-size: 0.26rem; z-index: 2; }

.nav { width: 0.7rem; right: 0.2rem; position: absolute; top: 1.32rem; }

.nav .n-link a { background: url(../img/nav/wap/n-1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; background-color: rgba(49, 61, 87, 0.8) !important; backdrop-filter: blur(5px); width: 0.7rem; height: 0.7rem; border-radius: 0.2rem; margin-bottom: 0.2rem; display: block; position: relative; z-index: 1; }

.nav .n-link a.n-2 { background-image: url(../img/nav/wap/n-2.png); }

.nav .n-link a.n-3 { background-image: url(../img/nav/wap/n-3.png); }

.nav .n-link a.n-4 { background-image: url(../img/nav/wap/n-4.png); }

.nav .n-link a.in-front { z-index: 10; }

.nav .n-ts { position: absolute; right: 0.9rem; top: 0rem; z-index: 12; }

.nav .n-ts dl { position: absolute; right: 0; padding-bottom: 0.8rem; height: 0.7rem; }

.nav .n-ts dl.s-1 { top: 0; }

.nav .n-ts dl.s-2 { top: 0.9rem; }

.nav .n-ts dl.s-2 dt::before { background-image: url(../img/nav/t-3.png); height: 0.7rem; width: 0.76rem; margin-top: -0.36rem; left: -0.24rem; }

.nav .n-ts dl.s-3 { top: 1.8rem; }

.nav .n-ts dl.s-3 dt::before { background-image: url(../img/nav/t-4.png); height: 0.81rem; width: 0.77rem; margin-top: -0.42rem; left: -0.2rem; }

.nav .n-ts dl.s-4 { top: 2.7rem; }

.nav .n-ts dl.s-4 dt::before { background-image: url(../img/nav/t-1.png); height: 0.77rem; width: 1.03rem; margin-top: -0.4rem; left: -0.46rem; }

.nav .n-ts dl dt { background: #EFE3CA; border-radius: 0.1rem; display: inline-block; vertical-align: top; color: #293449; font-size: 0.26rem; padding: 0 0.2rem 0 0.66rem; position: relative; white-space: nowrap; height: 0.7rem; line-height: 0.72rem; min-width: 3rem; }

.nav .n-ts dl dt::before { content: ''; background: url(../img/nav/t-2.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.74rem; height: 0.78rem; position: absolute; top: 50%; margin-top: -0.42rem; left: -0.1rem; }

.nav .n-ts dl dt::after { content: ''; background: #EFE3CA; width: 0.14rem; height: 0.14rem; position: absolute; right: -0.07rem; top: 50%; margin-top: -0.07rem; -webkit-transform: rotate(45deg); }

.nav .n-ts dl dd { display: flex; position: absolute; bottom: 0; left: 0; width: 100%; justify-content: center; overflow: hidden; }

.nav .n-ts dl dd a { width: 1.5rem; height: 0.5rem; line-height: 0.52rem; border-radius: 0.38rem; font-size: 0.24rem; text-align: center; }

.nav .n-ts dl dd a.n-next { background: #ECCF95; color: #41495F; margin-left: 0.44rem; }

.nav .n-ts dl dd a.n-skip { box-shadow: #ECCF95 0 0 0 1px inset; background: #41495F; color: #ECCF95; }

.n-left { width: 0.7rem; left: 0.2rem; position: absolute; bottom: 2.5rem; }

.n-left .n-link a { background: url(../img/nav/wap/n-5.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; background-color: rgba(49, 61, 87, 0.8) !important; backdrop-filter: blur(5px); width: 0.7rem; height: 0.7rem; border-radius: 0.2rem; margin-bottom: 0.2rem; display: block; position: relative; z-index: 1; }

.n-left .n-link a em { display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); top: -0.35rem; background: #FF5A3C; height: 0.28rem; line-height: 0.3rem; border-radius: 0.4rem; display: inline-block; vertical-align: top; position: relative; color: #fff; font-size: 0.16rem; padding: 0 0.1rem; z-index: 0; white-space: nowrap; }

.n-left .n-link a em::before { content: ''; background: #FF5A3C; -webkit-transform: rotate(45deg) translateX(-50%); width: 0.1rem; height: 0.1rem; position: absolute; left: 50%; bottom: -0.05rem; z-index: -1; }

.n-left .n-link a.n-6 { background-image: url(../img/nav/wap/n-6.png); }

.n-left .n-link a.in-front { z-index: 10; }

.n-left .n-link a.new::after { content: ''; width: 0.14rem; height: 0.14rem; background: #FF5A3C; box-shadow: 0 0 0 1px #fff; position: absolute; right: -0.02rem; top: -0.02rem; border-radius: 100%; }

.n-left .n-ts { position: absolute; left: 0.9rem; top: 0rem; z-index: 12; }

.n-left .n-ts dl { position: absolute; left: 0; padding-bottom: 0.8rem; height: 0.7rem; }

.n-left .n-ts dl.s-1 { top: 0; }

.n-left .n-ts dl.s-2 { top: 0.9rem; }

.n-left .n-ts dl.s-2 dt::before { background-image: url(../img/nav/t-5.png); width: 0.88rem; height: 0.96rem; margin-top: -0.52rem; }

.n-left .n-ts dl dt { background: #EFE3CA; border-radius: 0.1rem; display: inline-block; vertical-align: top; color: #293449; font-size: 0.26rem; padding: 0 0.66rem 0 0.2rem; position: relative; white-space: nowrap; height: 0.7rem; line-height: 0.72rem; min-width: 3rem; }

.n-left .n-ts dl dt::before { content: ''; background: url(../img/nav/t-6.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.72rem; height: 0.92rem; position: absolute; top: 50%; margin-top: -0.57rem; right: -0.2rem; }

.n-left .n-ts dl dt::after { content: ''; background: #EFE3CA; width: 0.14rem; height: 0.14rem; position: absolute; left: -0.07rem; top: 50%; margin-top: -0.07rem; -webkit-transform: rotate(45deg); }

.n-left .n-ts dl dd { display: flex; position: absolute; bottom: 0; left: 0; width: 100%; justify-content: center; overflow: hidden; }

.n-left .n-ts dl dd a { width: 1.5rem; height: 0.5rem; line-height: 0.52rem; border-radius: 0.38rem; font-size: 0.24rem; text-align: center; }

.n-left .n-ts dl dd a.n-next { background: #ECCF95; color: #41495F; margin-left: 0.44rem; }

.n-left .n-ts dl dd a.n-skip { box-shadow: #ECCF95 0 0 0 1px inset; background: #41495F; color: #ECCF95; }

.ad-img { position: absolute; bottom: 1.6rem; right: 0.31rem; width: 1rem; }

.ad-img .n-img { padding-top: 0.3rem; width: 1rem; position: relative; margin-bottom: 0.2rem; }

.ad-img .n-img em { background: url(../img/nav/n-close.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.32rem; height: 0.31rem; display: block; position: absolute; right: 0; top: 0rem; }

.ad-img .n-img a { position: relative; display: block; }

.ad-img .n-img a img { width: 1rem; }

.underground { top: 5.2rem; position: absolute; width: 0.7rem; right: .2rem; }

.underground.button-no .swiper-button-next, .underground.button-no .swiper-button-prev { display: none; }

.underground .un-layer { width: 0.7rem; z-index: 0; -webkit-box-sizing: border-box; padding: 0.3rem 0; position: relative; z-index: 0; }

.underground .un-layer .swiper-container { max-height: 3.2rem; }

.underground .un-layer::before { content: ''; background: url(../img/underground/un-bg.png) no-repeat 0 0; background-size: 100% auto; background-color: transparent; width: 100%; position: absolute; left: 0; top: 0; bottom: 0.18rem; z-index: -1; }

.underground .un-layer::after { content: ''; background: url(../img/underground/un-bg.png) no-repeat 0 bottom; background-size: 100% auto; background-color: transparent; width: 100%; height: 0.2rem; position: absolute; left: 0; bottom: 0; z-index: -2; }

.underground .un-layer .swiper-slide { width: 0.7rem; height: 0.4rem; margin: 0.12rem 0; text-align: center; cursor: pointer; }

.underground .un-layer .swiper-slide.on { background: #ECCF95; border-radius: 1.5rem 0 0 1.5rem; }

.underground .un-layer .swiper-slide.on span { background: none; color: #3B4252; }

.underground .un-layer .swiper-slide span { width: 0.4rem; height: 0.4rem; display: block; margin: 0 auto; overflow: hidden; line-height: 0.42rem; background: #3B4252; color: #757C8B; font-size: 0.22rem; border-radius: 100%; font-weight: 500; -webkit-text-stroke: .2pt; }

.underground .un-layer .swiper-button-next, .underground .un-layer .swiper-button-prev { background: url(../img/underground/next.png) no-repeat center center; background-size: 0.24rem auto; background-color: transparent; width: 100%; height: 0.32rem; margin: 0 auto; top: 0.05rem; left: 0; z-index: 2; cursor: pointer; }

.underground .un-layer .swiper-button-next.swiper-button-disabled, .underground .un-layer .swiper-button-prev.swiper-button-disabled { -webkit-filter: grayscale(100%); opacity: 0.5; }

.underground .un-layer .swiper-button-prev { -webkit-transform: scaleY(-1); }

.underground .un-layer .swiper-button-next { top: auto; bottom: 0.05rem; }

.underground .un-exit { background: url(../img/underground/un-exit.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.7rem; height: 0.7rem; display: block; color: #ECCF95; font-size: 0.21rem; text-align: center; line-height: 0.72rem; font-weight: 700; margin-top: 0.14rem; }

.download { background: url(../img/download/d-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 3.7rem; height: 2.08rem; position: fixed; right: 1.4rem; bottom: 0.2rem; z-index: 2; padding-top: 0.26rem; -webkit-box-sizing: border-box; }

.download .d-close { background: url(../img/download/d-close.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.16rem; height: 0.16rem; position: absolute; right: -0.16rem; top: -0.16rem; }

.download .d-tab { width: 2.9rem; margin: 0 auto; display: flex; justify-content: space-between; overflow: hidden; text-align: center; }

.download .d-tab a { background: url(../img/download/btn1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.32rem; height: 0.36rem; line-height: 0.36rem; color: #fff; font-size: 0.16rem; }

.download .d-tab a.on { background-image: url(../img/download/btn2.png); color: #41495F; }

.download .d-content { width: 2.9rem; margin: 0 auto; padding-top: 0.26rem; overflow: hidden; }

.download .d-content img { width: 0.89rem; height: 0.89rem; float: left; }

.download .d-content dl { width: 1.84rem; float: right; }

.download .d-content dl dt { color: #ECCF95; font-size: 0.16rem; line-height: 0.22rem; }

.download .d-content dl dd { color: #fff; font-size: 0.14rem; line-height: 0.2rem; padding-top: 0.1rem; text-align: justify; }

.n-bottom { background: #2C364E; height: 1.2rem; display: flex; align-items: center; justify-content: space-between; padding: 0 0.34rem; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 5; -webkit-box-sizing: border-box; }

.n-bottom a { background: url(../img/n-bottom/m-1.png) no-repeat center 0; background-size: auto 0.6rem; background-color: transparent; padding-top: 0.62rem; line-height: 0.32rem; font-size: 0.2rem; color: #ECCF95; }

.n-bottom a.m-2 { background-image: url(../img/n-bottom/m-2.png); }

.n-bottom a.m-3 { background-image: url(../img/n-bottom/m-3.png); }

.n-bottom a.m-4 { background-image: url(../img/n-bottom/m-4.png); }

.n-bottom a.m-5 { background-image: url(../img/n-bottom/m-5.png); }

.page-mask { background: rgba(22, 28, 42, 0.9); position: fixed; top: 0; left: 0; right: 0; z-index: 4; width: 100%; height: 100%; }

.dia-mask { width: 10000rem; height: 10000rem; position: fixed; left: -500rem; top: -500rem; background: rgba(0, 0, 0, 0.6); z-index: 6; }

.tool-comm-share { color: #333; }

.gmnoprint { display: none; }


.pt10 { padding-top: 0.1rem !important; }

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

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

.pt50 { padding-top: 0.5rem !important; }

.tac { text-align: center; }

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

.gray { color: #777D8F; }

.gm-style .gm-ui-hover-effect { width: 0.7rem !important; height: 0.7rem !important; opacity: 0; z-index: 11111; outline: none; top: 0rem !important; right: 0rem !important; }

.gm-style .gm-ui-hover-effect:focus { outline: none; }

.gm-style .gm-style-iw-c { background: #2E3649; padding: 0; max-height: none !important; max-width: none !important; }

.gm-style .gm-style-iw-t::after { background: #41495F; z-index: -1; }

.gm-style .gm-style-iw-d { overflow: hidden !important; max-height: none !important; }

.video-pop { width: 6.4rem; -webkit-transform: translate(-50%, -50%); position: fixed; left: 50%; top: 50%; z-index: 51111; }

.video-pop .v-close { background: url(../img/sidebar/v-close.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.26rem; height: 0.26rem; position: absolute; right: -0.26rem; top: -0.36rem; cursor: pointer; }

.video-pop .video-js { width: 6.4rem; height: 3.6rem; overflow: hidden; border-radius: 0.1rem; border: #ECCF95 solid 2px; }

.video-pop .video-js video { width: 100%; height: 100%; outline: none; }

.video-pop .video-js .vjs-big-play-button { background: url(../img/sidebar/ico-video.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 1.1rem; height: 1.1rem; margin: -0.55rem 0 0 -0.55rem; }

.video-pop .video-js .vjs-big-play-button .vjs-icon-placeholder:before { display: none; }

.toast { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); text-align: center; z-index: 1111; }

.toast span { background: rgba(25, 31, 46, 0.7); font-size: 0.28rem; line-height: 0.4rem; padding: 0.2rem 0.3rem; color: #ECCF95; min-width: 2rem; max-width: 5rem; -webkit-box-sizing: border-box; display: inline-block; vertical-align: top; border-radius: 0.15rem; border: #ECCF95 solid 1px; }


.box-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); }

.dia-box { background: #41495F; width: 6.7rem; padding: 0.04rem; -webkit-box-sizing: border-box; border-radius: 0.15rem; position: relative; }

.dia-box .dia-close { background: url(../img/pop/p-close.png) no-repeat center center; background-size: 0.26rem auto; background-color: transparent; width: 0.7rem; height: 0.7rem; position: absolute; right: 0.04rem; top: 0.04rem; line-height: 99; overflow: hidden; z-index: 11; outline: none; }

.dia-box .dia-con { width: 100%; -webkit-box-sizing: border-box; border: #6D695F solid 1px; color: #fff; font-size: 0.24rem; line-height: 0.34rem; padding: 0.28rem 0.3rem 0.4rem; position: relative; border-radius: 0.15rem; }

.dia-box .dia-con::before, .dia-box .dia-con::after { content: ""; background: url(../img/pop/label3.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 100%; height: 0.15rem; position: absolute; left: 0; }

.dia-box .dia-con::before { top: 0; }

.dia-box .dia-con::after { bottom: 0; -webkit-transform: scaleY(-1); }

.dia-box .dia-tit { height: 0.46rem; line-height: 0.48rem; text-align: center; color: #ECCF95; font-size: 0.32rem; position: relative; }

.dia-box .dia-tit .t-back { background: url(../img/pop/ico-back.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.17rem; height: 0.3rem; margin-top: -0.15rem; position: absolute; left: 0; top: 50%; display: block; }

.dia-box .dia-tit span { display: inline-block; vertical-align: top; padding: 0 0.32rem; position: relative; }

.dia-box .dia-tit span::before, .dia-box .dia-tit span::after { content: ""; background: url(../img/pop/tit-bg.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.18rem; height: 0.14rem; position: absolute; top: 50%; margin-top: -0.07rem; opacity: 0.7; }

.dia-box .dia-tit span::before { left: 0; }

.dia-box .dia-tit span::after { right: 0; -webkit-transform: scaleX(-1); }

.dia-box .dia-locate .lo-hd { text-align: center; display: flex; justify-content: space-between; width: 100%; padding: 0.3rem 0 0.2rem; overflow: hidden; }

.dia-box .dia-locate .lo-hd span { width: 1.8rem; position: relative; display: block; }

.dia-box .dia-locate .lo-hd span input { background: #2D354A; box-shadow: #4E5771 0 0 0 1px inset; border-radius: 0.1rem; font-size: 0.26rem; height: 0.6rem; width: 100%; border: none; display: block; text-align: center; color: #fff; }

.dia-box .dia-locate .lo-hd span input::-webkit-input-placeholder { color: #777D8F; }

.dia-box .dia-locate .lo-hd span::after { content: ""; background: #586075; height: 0.02rem; position: absolute; margin-top: -0.01rem; top: 50%; width: 0.12rem; left: -0.19rem; }

.dia-box .dia-locate .lo-hd span:first-child::after { display: none; }

.dia-box .dia-locate .lo-hd span.on input { box-shadow: #ECCF95 0 0 0 1px inset; color: #ECCF95; }

.dia-box .dia-locate .lo-hd span.on::before { content: ""; background: #2E3649; width: 0.1rem; height: 0.1rem; position: absolute; left: 50%; margin-left: -0.05rem; bottom: -0.24rem; -webkit-transform: rotate(45deg); }

.dia-box .dia-locate .lo-hd.lo-spc span { width: 2.86rem; height: 0.6rem; line-height: 0.62rem; border-radius: 0.1rem; }

.dia-box .dia-locate .lo-hd.lo-spc span::after { left: -0.2rem; }

.dia-box .dia-locate .lo-bd { background: #2E3649; width: 100%; height: 2.92rem; padding: 0.26rem 0; border-radius: 0.1rem; -webkit-box-sizing: border-box; }

.dia-box .dia-locate .lo-bd ul { height: 100%; width: 98%; overflow: auto; padding: 0 0 0 0.2rem; margin: 0; -webkit-box-sizing: border-box; }

.dia-box .dia-locate .lo-bd ul li { width: 33.33%; font-size: 0.26rem; padding-top: 0.3rem; height: 0.36rem; line-height: 0.38rem; float: left; overflow: hidden; }

.dia-box .dia-locate .lo-bd ul li:nth-child(1), .dia-box .dia-locate .lo-bd ul li:nth-child(2), .dia-box .dia-locate .lo-bd ul li:nth-child(3) { padding-top: 0; }

.dia-box .dia-locate .lo-bd ul li.on { color: #ECCF95; }

.dia-box .dia-set { display: flex; align-items: center; padding: 0.22rem 0 0.1rem; }

.dia-box .dia-set img { width: 0.72rem; height: 0.72rem; border-radius: 0.08rem; }

.dia-box .dia-set dl { margin-left: 0.1rem; width: 3rem; }

.dia-box .dia-set dl dt { width: 100%; height: 0.34rem; line-height: 0.36rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; }

.dia-box .dia-set dl dd { padding-top: 0.07rem; height: 0.3rem; line-height: 0.32rem; font-size: 0.22rem; width: 100%; color: #bbbdc5; position: relative; }

.dia-box .dia-set dl dd i { color: #ECCF95; }

.dia-box .dia-set a { background: #ECCF95; box-shadow: #ffeecd 0 0 0 1px inset; color: #41495F; width: 2.04rem; height: 0.44rem; line-height: 0.46rem; margin-left: auto; text-align: center; border-radius: 1rem; position: relative; z-index: 0; overflow: hidden; }

.dia-box .dia-set a::after, .dia-box .dia-set a::before { content: ""; background: #e5c789; -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzVaLcYMwDH3tdQA2qEdgBHeDbBA2SDaADcIGYYOMQDdIOwHZgGyQosM+HCEw//Td6RKwkJ79ZNnAOBwqO1em8E8QVvZw7OXkVGUFnklZi/EiZJAJWbti41ULPYSsFVsSy4XkCV5ITAuJtRlTqGUrtiZ2QXvHdUGjbhkXQyzAClDoXiUfiFCIFRChLYtFVlmJWj6qubSyHTaoJ17gR/M+gL897NciyJNZOSIMaxGLd33em0pnLBtBytppCXI7FjQXfGwxky/V1BX+5qoxAwkLmA78TqFuC0UPuRgTkbJACcYj6iF3wgRkLEiEaVDorsEzRiJbiJQFtZNyLrEMco+aA9oUkpyt2O8dAe7seYlz7KeyLyE21Vc4hNSNPX9iOiI0O+6GmhhHr4yWMe9TBaZBoZHMlemIATISIvSfb1Mk5Fcf7YzlaJ8agRTA7dy8KCOMQ4z2xPbOuIJntQK0zzjeQHPMI3RmPpTz2pdDo73EGtMklAgVzreB8ZH61pPECeRzjn+YoBuU7NxBSDl+F3SfiymcibuOroSJkECChtwYOaEYI24QXFvFZn8wH3H5yC/rSaQ8hEozcbEsuEy+2tHolyFnMWJh/ODLw4NyKDSXuaKHDE2ON0Fb1EQkwYgbqLT0hYeAtDqKxQ0w4xr8mGFERmMFlCOJkH+6FpkP8/uNeplDwedujHzo+vFr/q+GN+FdgGZXWEKb4g/gf5yCt1WrgAAAAABJRU5ErkJggg=="); -webkit-mask-size: 100% 100%; width: 0.28rem; height: 0.26rem; top: 50%; margin-top: -0.13rem; position: absolute; z-index: -1; }

.dia-box .dia-set a::before { left: -0.06rem; }

.dia-box .dia-set a::after { right: -0.06rem; -webkit-transform: scaleX(-1); }

.dia-box .dia-refresh { margin-top: 0.17rem; width: 100%; height: 1.1rem; border-radius: 0.1rem; background: #374057; box-shadow: #4b5571 0 0 0 1px inset; display: flex; justify-content: space-between; align-items: center; line-height: 0.22rem; padding: 0 0.34rem 0 0.22rem; -webkit-box-sizing: border-box; }

.dia-box .dia-refresh em { background: #2D354A; width: 0.9rem; height: 0.44rem; border-radius: 1rem; box-shadow: #4E5771 0 0 0 1px; -webkit-transition: all 0.2s; position: relative; cursor: pointer; }

.dia-box .dia-refresh em::before { content: ""; width: 0.3rem; height: 0.3rem; left: 0.06rem; top: 0.06rem; background: #4E5771; position: absolute; border-radius: 100%; -webkit-transition: all 0.2s; }

.dia-box .dia-refresh em.on { background: #ECCF95; }

.dia-box .dia-refresh em.on::before { left: 0.51rem; }

.dia-box .dia-ts { font-size: 0.22rem; line-height: 0.3rem; padding-top: 0.2rem; }

.dia-box .dia-path { padding-top: 0.3rem; display: flex; align-items: center; justify-content: space-between; }

.dia-box .dia-path i { background: url(../img/sidebar/ico-list.png) no-repeat 0 center; background-size: 0.19rem auto; background-color: transparent; padding-left: 0.26rem; font-size: 0.28rem; font-weight: 400; }

.dia-box .dia-path .is-cai { background: #2D354A; width: 0.76rem; height: 0.36rem; border-radius: 1rem; box-shadow: #4E5771 0 0 0 1px; -webkit-transition: all 0.2s; position: relative; cursor: pointer; }

.dia-box .dia-path .is-cai::before { content: ""; width: 0.3rem; height: 0.3rem; background: #4E5771; position: absolute; left: 0.03rem; top: 0.03rem; border-radius: 100%; -webkit-transition: all 0.2s; }

.dia-box .dia-path .is-cai.on { background: #ECCF95; }

.dia-box .dia-path .is-cai.on::before { left: 0.43rem; }

.dia-box .dia-path .p-radio { width: 2.85rem; height: 0.4rem; line-height: 0.42rem; display: flex; justify-content: space-between; }

.dia-box .dia-path .p-radio em { padding-left: 0.5rem; position: relative; overflow: hidden; cursor: pointer; color: #777D8F; }

.dia-box .dia-path .p-radio em::before { content: ""; background: #384057; width: 0.4rem; height: 0.4rem; border-radius: 100%; overflow: hidden; box-shadow: #4E5771 0 0 0 1px inset; position: absolute; left: 0; top: 0; }

.dia-box .dia-path .p-radio em.on { color: #ECCF95; }

.dia-box .dia-path .p-radio em.on::after { content: ""; background: #ECCF95; width: 0.26rem; height: 0.26rem; left: 0.07rem; margin-top: -0.13rem; top: 50%; position: absolute; border-radius: 100%; }

.dia-box .dia-kind { height: 0.46rem; line-height: 0.48rem; font-size: 0.32rem; display: flex; color: #777D8F; }

.dia-box .dia-kind span { background: url(../img/pop/ico-next.png) no-repeat 0 center; background-size: 0.1rem auto; background-color: transparent; padding-left: 0.25rem; margin-left: 0.15rem; }

.dia-box .dia-coordinate { padding-top: 0.3rem; }

.dia-box .dia-coordinate .coor-tit { height: 0.4rem; line-height: 0.42rem; font-size: 0.28rem; overflow: hidden; color: #ECCF95; }

.dia-box .dia-coordinate .coor-tit a { padding-left: 0.38rem; font-size: 0.24rem; float: right; background: url(../img/pop/ico-refresh.png) no-repeat 0 center; background-size: 0.29rem auto; background-color: transparent; color: #ECCF95; }

.dia-box .dia-coordinate .coor-input { margin-top: 0.16rem; }

.dia-box .dia-coordinate .coor-input input { width: 100%; height: 0.6rem; font-size: 0.26rem; background: #2D354A; border: #596484 solid 1px; border-radius: 0.1rem; padding: 0 0.13rem; -webkit-box-sizing: border-box; color: #fff; }

.dia-box .dia-coordinate .coor-input input::-webkit-input-placeholder { color: #777D8F; }

.dia-box .dia-coordinate .coor-upload { background: #2D354A; border: #596484 solid 1px; border-radius: 0.1rem; width: 1.38rem; height: 1.38rem; margin-top: 0.16rem; position: relative; }

.dia-box .dia-coordinate .coor-upload img { width: 100%; height: 100%; }

.dia-box .dia-coordinate .coor-upload input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.dia-box .dia-add { margin-top: 0.06rem; display: flex; justify-content: space-between; }

.dia-box .dia-add a { background: #5c647b; width: 2.8rem; height: 1.1rem; display: flex; align-items: center; justify-content: center; border-radius: 0.1rem; color: #fff; }

.dia-box .dia-add a span { background: url(../img/pop/add.png) no-repeat 0 center; background-size: 0.3rem auto; background-color: transparent; line-height: 0.36rem; padding-left: 0.4rem; font-size: 0.26rem; }

.dia-box .dia-txt { margin-top: 0.26rem; max-height: 5rem; }

.dia-box .dia-txt a { color: #ECCF95; text-decoration: underline; }

.dia-box .dia-tab { padding-top: 0.38rem; overflow: hidden; }

.dia-box .dia-tab a { color: #777D8F; font-size: 0.28rem; height: 0.4rem; line-height: 0.4rem; margin-right: 0.67rem; position: relative; float: left; }

.dia-box .dia-tab a.on { color: #ECCF95; }

.dia-box .dia-tab a.on::after { content: ""; width: 0.56rem; height: 0.04rem; margin-left: -0.28rem; background: #ECCF95; position: absolute; left: 50%; bottom: 0; }

.dia-box .tab-content { margin-top: 0.27rem; position: relative; min-height: 4.4rem; }

.dia-box .dia-tie { display: flex; justify-content: space-between; align-items: center; height: 0.6rem; }

.dia-box .dia-tie input { height: 0.6rem; width: 4.7rem; font-size: 0.26rem; background: #2D354A; border: #596484 solid 1px; border-radius: 0.1rem; padding: 0 0.13rem; -webkit-box-sizing: border-box; color: #fff; }

.dia-box .dia-tie input::-webkit-input-placeholder { color: #777D8F; }

.dia-box .dia-tie a { width: 1.2rem; height: 0.5rem; line-height: 0.52rem; font-size: 0.24rem; background: #ECCF95; box-shadow: #ffeecd 0 0 0 1px inset; color: #41495F; position: relative; overflow: hidden; border-radius: 1rem; z-index: 0; text-align: center; }

.dia-box .dia-tie a::after, .dia-box .dia-tie a::before { content: ""; -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzVaLcYMwDH3tdQA2qEdgBHeDbBA2SDaADcIGYYOMQDdIOwHZgGyQosM+HCEw//Td6RKwkJ79ZNnAOBwqO1em8E8QVvZw7OXkVGUFnklZi/EiZJAJWbti41ULPYSsFVsSy4XkCV5ITAuJtRlTqGUrtiZ2QXvHdUGjbhkXQyzAClDoXiUfiFCIFRChLYtFVlmJWj6qubSyHTaoJ17gR/M+gL897NciyJNZOSIMaxGLd33em0pnLBtBytppCXI7FjQXfGwxky/V1BX+5qoxAwkLmA78TqFuC0UPuRgTkbJACcYj6iF3wgRkLEiEaVDorsEzRiJbiJQFtZNyLrEMco+aA9oUkpyt2O8dAe7seYlz7KeyLyE21Vc4hNSNPX9iOiI0O+6GmhhHr4yWMe9TBaZBoZHMlemIATISIvSfb1Mk5Fcf7YzlaJ8agRTA7dy8KCOMQ4z2xPbOuIJntQK0zzjeQHPMI3RmPpTz2pdDo73EGtMklAgVzreB8ZH61pPECeRzjn+YoBuU7NxBSDl+F3SfiymcibuOroSJkECChtwYOaEYI24QXFvFZn8wH3H5yC/rSaQ8hEozcbEsuEy+2tHolyFnMWJh/ODLw4NyKDSXuaKHDE2ON0Fb1EQkwYgbqLT0hYeAtDqKxQ0w4xr8mGFERmMFlCOJkH+6FpkP8/uNeplDwedujHzo+vFr/q+GN+FdgGZXWEKb4g/gf5yCt1WrgAAAAABJRU5ErkJggg=="); -webkit-mask-size: 100% 100%; width: 0.28rem; height: 0.26rem; top: 50%; margin-top: -0.13rem; position: absolute; background: #e5c789; z-index: -1; }

.dia-box .dia-tie a::before { left: -0.06rem; }

.dia-box .dia-tie a::after { right: -0.06rem; -webkit-transform: scaleX(-1); }

.dia-box .dia-slist { background: #41495F; position: absolute; left: 0; width: 100%; border: #596484 solid 1px; border-radius: 0 0 0.1rem 0.1rem; padding: 0.3rem 0.2rem; top: 0.6rem; -webkit-box-sizing: border-box; margin-top: -1px; }

.dia-box .dia-slist ul { height: 3.1rem; }

.dia-box .dia-slist ul li { height: 0.4rem; line-height: 0.42rem; padding-top: 0.3rem; font-size: 0.26rem; }

.dia-box .dia-slist ul li:first-child { padding-top: 0; }

.dia-box .dia-slist ul li .l-txt { width: 4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; overflow: hidden; color: #fff; }

.dia-box .dia-slist ul li .l-btn { width: 0.8rem; height: 0.4rem; line-height: 0.42rem; float: right; box-shadow: #fff 0 0 0 1px inset; border-radius: 1rem; color: #fff; text-align: center; }

.dia-box .dia-slist .s-result { color: #777D8F; text-align: center; height: 3.1rem; line-height: 3.12rem; }

.dia-box .dia-publish ul { height: 4.4rem; max-height: none; }

.dia-box .dia-publish ul li { height: 0.4rem; line-height: 0.42rem; padding-top: 0.3rem; font-size: 0.26rem; }

.dia-box .dia-publish ul li:first-child { padding-top: 0; }

.dia-box .dia-publish ul li .l-txt { width: 4.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; overflow: hidden; color: #fff; }

.dia-box .dia-publish ul li .l-btn { width: 0.8rem; height: 0.4rem; line-height: 0.42rem; float: right; box-shadow: #fff 0 0 0 1px inset; border-radius: 1rem; color: #fff; text-align: center; }

.dia-box .dia-publish .s-result { color: #777D8F; text-align: center; height: 3.1rem; line-height: 3.12rem; }

.dia-box .tishi { margin-top: 0.5rem; height: 0.28rem; line-height: 0.3rem; font-size: 0.22rem; position: relative; }

.dia-box .tishi input { position: absolute; left: 0; top: 0rem; width: 0.28rem; height: 0.28rem; display: block; z-index: 1; opacity: 0; }

.dia-box .tishi input + span { background: #41495F; width: 0.28rem; height: 0.28rem; float: left; border-radius: 5px; position: relative; margin-right: 0.1rem; border-radius: 0.05rem; box-shadow: #777D8F 0 0 0 1px inset; }

.dia-box .tishi input:checked + span { background-color: #777D8F; }

.dia-box .tishi input:checked + span::after { content: ""; background: url(../img/pop/ico-sure.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; width: 0.15rem; height: 0.12rem; position: absolute; left: 50%; top: 50%; margin: -0.06rem 0 0 -0.07rem; }

.dia-box .dia-ad { width: 100%; margin-top: 0.3rem; }

.dia-box .dia-ad img { width: 100%; -webkit-box-sizing: border-box; border: #ECCF95 solid 1px; border-radius: 0.1rem; overflow: hidden; }

.dia-box .dia-edit { position: relative; padding-left: 0.95rem; margin-top: 0.3rem; }

.dia-box .dia-edit em { background: url(../img/pop/t-1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; background-color: #2D354A; width: 0.72rem; height: 0.72rem; overflow: hidden; display: block; border-radius: 0.1rem; position: absolute; left: 0; top: 0; }

.dia-box .dia-edit em.m-2 { background-image: url(../img/pop/t-2.png); }

.dia-box .dia-edit em.m-3 { background-image: url(../img/pop/t-3.png); }

.dia-box .dia-edit em.m-4 { background-image: url(../img/pop/t-4.png); }

.dia-box .dia-edit em.m-5 { background-image: url(../img/pop/t-5.png); }

.dia-box .dia-edit em.m-6 { background-image: url(../img/pop/t-6.png); }

.dia-box .dia-edit input { width: 100%; background: #2D354A; border: #596484 solid 1px; -webkit-box-sizing: border-box; color: #ECCF95; height: 0.72rem; border-radius: 0.2rem; padding: 0 0 0 0.36rem; font-size: 0.28rem; }

.dia-box .dia-edit input::-webkit-input-placeholder { color: #777D8F; }

.dia-box .dia-edit span { color: #596484; height: 0.72rem; line-height: 0.74rem; overflow: hidden; font-size: 0.22rem; position: absolute; right: 0.2rem; top: 0; }

.dia-box .dia-edit i { font-size: 0.22rem; padding-top: 0.2rem; display: block; }

.dia-box .dia-map { overflow: hidden; margin-top: 0.22rem; }

.dia-box .dia-map a { height: 0.6rem; line-height: 0.62rem; width: 1.68rem; margin: 0.3rem 0.15rem 0; font-size: 0.24rem; background: #757d94; box-shadow: #959fba 0 0 0 1px inset; color: #fff; border-radius: 0.1rem; position: relative; overflow: hidden; z-index: 0; float: left; text-align: center; }

.dia-box .dia-map a::after, .dia-box .dia-map a::before { content: ""; background: #7c849a; -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzVaLcYMwDH3tdQA2qEdgBHeDbBA2SDaADcIGYYOMQDdIOwHZgGyQosM+HCEw//Td6RKwkJ79ZNnAOBwqO1em8E8QVvZw7OXkVGUFnklZi/EiZJAJWbti41ULPYSsFVsSy4XkCV5ITAuJtRlTqGUrtiZ2QXvHdUGjbhkXQyzAClDoXiUfiFCIFRChLYtFVlmJWj6qubSyHTaoJ17gR/M+gL897NciyJNZOSIMaxGLd33em0pnLBtBytppCXI7FjQXfGwxky/V1BX+5qoxAwkLmA78TqFuC0UPuRgTkbJACcYj6iF3wgRkLEiEaVDorsEzRiJbiJQFtZNyLrEMco+aA9oUkpyt2O8dAe7seYlz7KeyLyE21Vc4hNSNPX9iOiI0O+6GmhhHr4yWMe9TBaZBoZHMlemIATISIvSfb1Mk5Fcf7YzlaJ8agRTA7dy8KCOMQ4z2xPbOuIJntQK0zzjeQHPMI3RmPpTz2pdDo73EGtMklAgVzreB8ZH61pPECeRzjn+YoBuU7NxBSDl+F3SfiymcibuOroSJkECChtwYOaEYI24QXFvFZn8wH3H5yC/rSaQ8hEozcbEsuEy+2tHolyFnMWJh/ODLw4NyKDSXuaKHDE2ON0Fb1EQkwYgbqLT0hYeAtDqKxQ0w4xr8mGFERmMFlCOJkH+6FpkP8/uNeplDwedujHzo+vFr/q+GN+FdgGZXWEKb4g/gf5yCt1WrgAAAAABJRU5ErkJggg=="); -webkit-mask-size: 100% 100%; width: 0.28rem; height: 0.26rem; top: 50%; margin-top: -0.13rem; position: absolute; z-index: -1; }

.dia-box .dia-map a::before { left: -0.06rem; }

.dia-box .dia-map a::after { right: -0.06rem; -webkit-transform: scaleX(-1); }

.dia-box .dia-map a.on { background: #ECCF95; box-shadow: #ffeecd 0 0 0 1px inset; color: #41495F; }

.dia-box .dia-map a.on::after, .dia-box .dia-map a.on::before { background: #e5c789; }

.dia-box .dia-textarea { padding-top: 0.22rem; position: relative; }

.dia-box .dia-textarea textarea { padding: 0.2rem 0.24rem; font-size: 0.26rem; line-height: 0.36rem; width: 100%; height: 2rem; background: #2D354A; border: #596484 solid 1px; border-radius: 0.1rem; -webkit-box-sizing: border-box; color: #ECCF95; resize: none; display: block; }

.dia-box .dia-textarea span { color: #596484; font-size: 0.22rem; line-height: 0.36rem; bottom: 0.2rem; position: absolute; right: 0.2rem; }

.dia-box .dia-btn { font-size: 0; padding-top: 0.5rem; text-align: center; width: 100%; overflow: hidden; display: flex; justify-content: center; }

.dia-box .dia-btn a { height: 0.5rem; line-height: 0.52rem; font-size: 0.24rem; min-width: 1.6rem; background: #757d94; box-shadow: #959fba 0 0 0 1px inset; padding: 0 0.18rem; color: #fff; border-radius: 1rem; margin: 0 0.37rem; position: relative; overflow: hidden; z-index: 0; outline: none; }

.dia-box .dia-btn a::after, .dia-box .dia-btn a::before { content: ""; background: #7c849a; -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzVaLcYMwDH3tdQA2qEdgBHeDbBA2SDaADcIGYYOMQDdIOwHZgGyQosM+HCEw//Td6RKwkJ79ZNnAOBwqO1em8E8QVvZw7OXkVGUFnklZi/EiZJAJWbti41ULPYSsFVsSy4XkCV5ITAuJtRlTqGUrtiZ2QXvHdUGjbhkXQyzAClDoXiUfiFCIFRChLYtFVlmJWj6qubSyHTaoJ17gR/M+gL897NciyJNZOSIMaxGLd33em0pnLBtBytppCXI7FjQXfGwxky/V1BX+5qoxAwkLmA78TqFuC0UPuRgTkbJACcYj6iF3wgRkLEiEaVDorsEzRiJbiJQFtZNyLrEMco+aA9oUkpyt2O8dAe7seYlz7KeyLyE21Vc4hNSNPX9iOiI0O+6GmhhHr4yWMe9TBaZBoZHMlemIATISIvSfb1Mk5Fcf7YzlaJ8agRTA7dy8KCOMQ4z2xPbOuIJntQK0zzjeQHPMI3RmPpTz2pdDo73EGtMklAgVzreB8ZH61pPECeRzjn+YoBuU7NxBSDl+F3SfiymcibuOroSJkECChtwYOaEYI24QXFvFZn8wH3H5yC/rSaQ8hEozcbEsuEy+2tHolyFnMWJh/ODLw4NyKDSXuaKHDE2ON0Fb1EQkwYgbqLT0hYeAtDqKxQ0w4xr8mGFERmMFlCOJkH+6FpkP8/uNeplDwedujHzo+vFr/q+GN+FdgGZXWEKb4g/gf5yCt1WrgAAAAABJRU5ErkJggg=="); -webkit-mask-size: 100% 100%; width: 0.28rem; height: 0.26rem; top: 50%; margin-top: -0.13rem; position: absolute; z-index: -1; }

.dia-box .dia-btn a::before { left: -0.06rem; }

.dia-box .dia-btn a::after { right: -0.06rem; -webkit-transform: scaleX(-1); }

.dia-box .dia-btn a.a-long { width: 3.4rem; }

.dia-box .dia-btn a.a-long::after, .dia-box .dia-btn a.a-long::before { width: 0.36rem; height: 0.34rem; margin-top: -0.17rem; }

.dia-box .dia-btn a.a-long::before { left: -0.04rem; }

.dia-box .dia-btn a.a-long::after { right: -0.04rem; }

.dia-box .dia-btn a.gray { color: #b4b9c7; }

.dia-box .dia-btn a.a-yellow { background: #ECCF95; box-shadow: #ffeecd 0 0 0 1px inset; color: #41495F; }

.dia-box .dia-btn a.a-yellow::after, .dia-box .dia-btn a.a-yellow::before { background: #e5c789; }

.natural { padding-top: 0.4rem; text-align: center; }

.natural ul { display: flex; }

.natural li { flex: 1; }

.natural li em { background: url(../img/pop/t-1.png) no-repeat 0 0; background-size: 100% 100%; background-color: transparent; background-color: #41495F; width: 0.8rem; height: 0.8rem; overflow: hidden; display: block; border: #596484 solid 1px; border-radius: 0.1rem; margin: 0 auto; }

.natural li span { display: block; height: 0.34rem; line-height: 0.36rem; padding-top: 0.1rem; }

.natural li.on em { background-image: url(../img/pop/t-1-on.png); background-color: #E0BB79; border-color: #FFF4DE; }

.natural li.on span { color: #E0BB79; }

.natural li.n-2 em { background-image: url(../img/pop/t-2.png); }

.natural li.n-2.on em { background-image: url(../img/pop/t-2-on.png); }

.natural li.n-3 em { background-image: url(../img/pop/t-3.png); }

.natural li.n-3.on em { background-image: url(../img/pop/t-3-on.png); }

.natural li.n-4 em { background-image: url(../img/pop/t-4.png); }

.natural li.n-4.on em { background-image: url(../img/pop/t-4-on.png); }

.natural li.n-5 em { background-image: url(../img/pop/t-5.png); }

.natural li.n-5.on em { background-image: url(../img/pop/t-5-on.png); }

.natural li.n-6 em { background-image: url(../img/pop/t-6.png); }

.natural li.n-6.on em { background-image: url(../img/pop/t-6-on.png); }

.box-spc { width: 7.5rem; background: #2C364E; border-radius: 0; padding: 0; position: fixed; left: 50%; margin-left: -3.75rem; bottom: -100%; -webkit-transition: all 0.5s; z-index: 11111111; }

.box-spc .dia-con { border: none; }

.box-spc .dia-con::before, .box-spc .dia-con::after { display: none; }

.box-spc .tit-spc { height: 0.46rem; line-height: 0.48rem; padding: 0 0.08rem; overflow: hidden; }

.box-spc .tit-spc i { font-size: 0.32rem; }

.box-spc .tit-spc em { font-size: 0.24rem; padding-left: 0.2rem; }

.box-spc .dia-sign { max-height: calc(100vh - 7rem); margin-top: 0.4rem; }

.box-spc .dia-sign .sign-img { margin-bottom: 0.2rem; }

.box-spc .dia-sign .sign-img img { width: 100%; border-radius: 0.1rem; overflow: hidden; -webkit-box-sizing: border-box; border: #ECCF95 solid 1px; display: block; }

.box-spc .dia-sign .sign-list { font-size: 0.24rem; }

.box-spc .dia-sign .sign-list li { height: 0.34rem; line-height: 0.36rem; margin-bottom: 0.3rem; overflow: hidden; }

.box-spc .dia-sign .sign-list li dl { width: 4rem; float: left; }

.box-spc .dia-sign .sign-list li dl dt { float: left; }

.box-spc .dia-sign .sign-list li dl dt img { width: 0.34rem; height: 0.34rem; border-radius: 100%; }

.box-spc .dia-sign .sign-list li dl dd { float: left; width: 2rem; padding-left: 0.06rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.box-spc .dia-sign .sign-list li a.sign-video { background: url(../img/pop/ico-video.png) no-repeat 0 center; background-size: 0.27rem auto; background-color: transparent; padding-left: 0.32rem; color: #ECCF95; float: right; }

.dia-mark { padding: 0.52rem 0.08rem 0; height: 0.5rem; line-height: 0.52rem; overflow: hidden; }

.dia-mark a { color: #fff; font-size: 0.26rem; padding-left: 0.24rem; float: left; }

.dia-mark a.m-del { background: url(../img/pop/ico-del.png) no-repeat 0 center; background-size: 0.3rem auto; background-color: transparent; padding-left: 0.34rem; }

.dia-mark a.m-edit { background: url(../img/pop/ico-edit.png) no-repeat 0 center; background-size: 0.25rem auto; background-color: transparent; margin-left: 0.52rem; padding-left: 0.3rem; }

.dia-mark a.m-upload { background: url(../img/pop/ico-upload.png) no-repeat 0 center; background-size: 0.28rem auto; background-color: transparent; padding-left: 0.34rem; }

.dia-mark a.m-warn { background: url(../img/pop/ico-warn.png) no-repeat 0 center; background-size: 0.27rem auto; background-color: transparent; padding-left: 0.34rem; margin-left: 0.54rem; }

.dia-mark a.m-btn { padding-left: 0; float: right; width: 2.04rem; height: 0.5rem; line-height: 0.52rem; position: relative; overflow: hidden; border-radius: 1rem; z-index: 0; text-align: center; background: #ECCF95; box-shadow: #ffeecd 0 0 0 1px inset; color: #41495F; }

.dia-mark a.m-btn::after, .dia-mark a.m-btn::before { content: ""; -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAkCAYAAAAOwvOmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIeSURBVHgBzVaLcYMwDH3tdQA2qEdgBHeDbBA2SDaADcIGYYOMQDdIOwHZgGyQosM+HCEw//Td6RKwkJ79ZNnAOBwqO1em8E8QVvZw7OXkVGUFnklZi/EiZJAJWbti41ULPYSsFVsSy4XkCV5ITAuJtRlTqGUrtiZ2QXvHdUGjbhkXQyzAClDoXiUfiFCIFRChLYtFVlmJWj6qubSyHTaoJ17gR/M+gL897NciyJNZOSIMaxGLd33em0pnLBtBytppCXI7FjQXfGwxky/V1BX+5qoxAwkLmA78TqFuC0UPuRgTkbJACcYj6iF3wgRkLEiEaVDorsEzRiJbiJQFtZNyLrEMco+aA9oUkpyt2O8dAe7seYlz7KeyLyE21Vc4hNSNPX9iOiI0O+6GmhhHr4yWMe9TBaZBoZHMlemIATISIvSfb1Mk5Fcf7YzlaJ8agRTA7dy8KCOMQ4z2xPbOuIJntQK0zzjeQHPMI3RmPpTz2pdDo73EGtMklAgVzreB8ZH61pPECeRzjn+YoBuU7NxBSDl+F3SfiymcibuOroSJkECChtwYOaEYI24QXFvFZn8wH3H5yC/rSaQ8hEozcbEsuEy+2tHolyFnMWJh/ODLw4NyKDSXuaKHDE2ON0Fb1EQkwYgbqLT0hYeAtDqKxQ0w4xr8mGFERmMFlCOJkH+6FpkP8/uNeplDwedujHzo+vFr/q+GN+FdgGZXWEKb4g/gf5yCt1WrgAAAAABJRU5ErkJggg=="); -webkit-mask-size: 100% 100%; width: 0.28rem; height: 0.26rem; top: 50%; margin-top: -0.13rem; position: absolute; background: #e5c789; z-index: -1; }

.dia-mark a.m-btn::before { left: -0.06rem; }

.dia-mark a.m-btn::after { right: -0.06rem; -webkit-transform: scaleX(-1); }

.dia-mark a.m-btn.on { background: #757d94; box-shadow: #959fba 0 0 0 1px inset; color: #fff; }

.dia-mark a.m-btn.on::after, .dia-mark a.m-btn.on::before { background: #7c849a; }

.s-show { bottom: 0; }

.s-show .dialog-mask { display: block; }

.box-spc-zy { position: static; margin: auto; width: 5.4rem; }

.change-box { width: 5.6rem; }

.change-box .dia-tit { font-size: 0.28rem; }

.change-box .dia-con { padding-top: 0.2rem; }

.ch-list { margin-top: 0.24rem; max-height: 3.6rem; overflow: auto; width: 100%; overflow: hidden; overflow-y: auto; padding: 0 0.12rem; margin-left: -0.12rem; width: 100%; }

.ch-list::-webkit-scrollbar { width: 0.02rem; }

.ch-list::-webkit-scrollbar-thumb { border-radius: .2rem; background: #ECCF95; }

.ch-list::-webkit-scrollbar-track { border-radius: .2rem; background: #596484; }

.ch-list li { height: 0.8rem; padding: 0 0.2rem; border: #777D8F solid 1px; border-radius: 0.1rem; position: relative; display: flex; align-items: center; justify-content: space-between; color: #777D8F; overflow: hidden; margin-top: 0.22rem; }

.ch-list li:first-child { margin-top: 0; }

.ch-list li img { width: 0.58rem; height: 0.58rem; border-radius: 0.1rem; }

.ch-list li span { width: 3.7rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.26rem; }

.ch-list li.on { border-color: #ECCF95; color: #ECCF95; }


.dialog-mask { background: rgba(22, 28, 42, 0.9); position: fixed; top: 0; left: 0; right: 0; z-index: 99; width: 100%; height: 100%; display: none; z-index: 0; }