@charset "UTF-8";
:root { --theme: #4687e1; --active: #4687e1; }

.md20004.Header { width: 100%; height: 1.25rem; }

.md20004.Header .BgImg { background-position: center; background-repeat: no-repeat; }

.md20004.Header .BgImg img { display: none; }

.md20004.Header .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

@media (max-width: 1200px) { .md20004.Header .layout { width: 100%; padding: 0 10px; max-width: 100%; } }

.md20004.Header .Container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; z-index: 10; background: #fff; }

.md20004.Header .HLogo { width: auto; background: var(--theme); }

.md20004.Header .HLogo .Logo { display: block; width: 3.8rem; height: 1.25rem; }

.md20004.Header .HLogo .Logo img { width: 100%; height: 100%; }

.md20004.Header .HBoard { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md20004.Header .HInfo { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 1.6rem; }

.md20004.Header .HCoin { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 6; }

.md20004.Header .HCoin:hover .CoinOptions { display: block; }

.md20004.Header .HCoin .CoinBoard { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 0 .1rem; }

.md20004.Header .HCoin .CoinText { color: #333; line-height: 1.4; white-space: nowrap; margin-right: 0.1rem; }

.md20004.Header .HCoin .CoinArrow { width: 0.1rem; min-width: 10px; height: 0.06rem; min-height: 6px; color: #333; }

.md20004.Header .HCoin .CoinOptions { width: 100%; background-color: #fff; position: absolute; bottom: 0; z-index: 5; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -webkit-box-shadow: 0 0 0.1rem 0 #ccc; box-shadow: 0 0 0.1rem 0 #ccc; display: none; }

.md20004.Header .HCoin .CoinOption { width: 100%; padding: .08rem 0; color: #666; white-space: nowrap; display: block; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20004.Header .HCoin .CoinOption:hover { background-color: var(--theme); color: #fff; }

.md20004.Header .HLang { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 6; margin-left: 0.2rem; padding: .1rem 0; }

.md20004.Header .HLang:hover .LangOptions { display: block; }

.md20004.Header .HLang .LangBoard { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 0 .1rem; }

.md20004.Header .HLang .LangIcon { width: 0.22rem; min-width: 18px; height: 0.22rem; min-height: 18px; color: #333; background-size: cover; }

.md20004.Header .HLang .LangText { width: auto; color: #333; white-space: nowrap; margin: 0 .1rem; }

.md20004.Header .HLang .LangArrow { width: 0.1rem; min-width: 10px; height: 0.06rem; min-height: 6px; color: #333; }

.md20004.Header .HLang .LangOptions { width: 100%; background-color: #fff; position: absolute; bottom: 0; z-index: 5; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -webkit-box-shadow: 0 0 0.1rem 0 #ccc; box-shadow: 0 0 0.1rem 0 #ccc; display: none; }

.md20004.Header .HLang .LangOption { width: 100%; padding: .08rem 0; color: #666; white-space: nowrap; display: block; text-align: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20004.Header .HLang .LangOption:hover { background-color: var(--theme); color: #fff; }

.md20004.Header .HUser { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0.2rem; }

.md20004.Header .HUser .UserBoard { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 0 .1rem; }

.md20004.Header .HUser .UserBoard:hover .UserIcon, .md20004.Header .HUser .UserBoard:hover .UserText { color: var(--theme); }

.md20004.Header .HUser .UserIcon { width: 0.16rem; min-width: 12.8px; height: 0.18rem; min-height: 14.4px; color: #333; margin-right: 0.1rem; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20004.Header .HUser .UserText { color: #333; line-height: 1.4; white-space: nowrap; width: auto; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20004.Header .HNav { width: 100%; padding-right: 1.6rem; border-top: .01rem solid #eee; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md20004.Header .HTab { width: auto; height: 100%; padding: 0 .5rem; }

.md20004.Header .HTab .TabList { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.md20004.Header .HTab .TabItemI { width: auto; height: 100%; position: relative; z-index: 5; margin: 0 .3rem; }

@media (min-width: 901px) { .md20004.Header .HTab .TabItemI:hover .ItemIHref .IHref { color: var(--theme); border-top-color: var(--theme); }
  .md20004.Header .HTab .TabItemI:hover .ItemIList { display: block; } }

.md20004.Header .HTab .TabItemI .ItemIHref { width: auto; height: 100%; }

.md20004.Header .HTab .TabItemI .ItemIHref .IHref { border-top: .03rem solid transparent; border-bottom: .03rem solid transparent; height: 100%; color: #333; line-height: 1.8; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20004.Header .HTab .TabItemI .ItemIList { display: none; position: absolute; width: auto; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 0 0.1rem 0 #ccc; box-shadow: 0 0 0.1rem 0 #ccc; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: #fff; }

.md20004.Header .HTab .TabItemII { width: 100%; }

@media (min-width: 901px) { .md20004.Header .HTab .TabItemII:hover .ItemIIHref .IIHref { background-color: var(--theme); color: #fff; } }

.md20004.Header .HTab .TabItemII .ItemIIHref { width: 100%; }

.md20004.Header .HTab .TabItemII .ItemIIHref .IIHref { text-align: center; padding: .14rem .2rem; word-wrap: break-word; line-height: 1.2; letter-spacing: .01rem; color: #333; display: block; white-space: nowrap; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20004.Header .HControl { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md20004.Header .HSearch { height: 100%; padding: 0 .1rem; }

.md20004.Header .HSearch .SearchIcon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; height: 100%; }

.md20004.Header .HSearch .SearchIcon:hover .Icon { color: var(--theme); }

.md20004.Header .HSearch .SearchIcon .Icon { color: #222; display: block; width: 0.2rem; min-width: 16px; height: 0.2rem; min-height: 16px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20004.Header .HSearch .SearchDialog { width: 100%; position: absolute; top: 100%; left: 0; z-index: 5; background-color: #fff; padding: .5rem 0; -webkit-box-shadow: 0 0 .05rem #ccc; box-shadow: 0 0 .05rem #ccc; display: none; }

.md20004.Header .HSearch .SearchClose { width: 0.2rem; min-width: 16px; height: 0.2rem; min-height: 16px; position: absolute; right: .1rem; top: .1rem; z-index: 3; cursor: pointer; }

.md20004.Header .HSearch .SearchClose::before, .md20004.Header .HSearch .SearchClose::after { width: 10%; background: var(--theme); height: 80%; content: ''; display: block; position: absolute; left: 50%; top: 50%; z-index: 3; }

.md20004.Header .HSearch .SearchClose::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.md20004.Header .HSearch .SearchClose::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.md20004.Header .HSearch .SearchFrame { width: 64%; min-width: 300px; height: 0.46rem; min-height: 40px; border: 0.01rem solid var(--theme); display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; }

.md20004.Header .HSearch .SearchFrame .SearchInput { width: 76.5%; height: 100%; font-size: 0; }

.md20004.Header .HSearch .SearchFrame .SearchInput input { width: 100%; height: 100%; line-height: 1.2; border: 0.01rem solid var(--theme); padding: 0 .1rem; }

.md20004.Header .HSearch .SearchFrame .SearchButton { width: 23.5%; height: 100%; font-size: 0; }

.md20004.Header .HSearch .SearchFrame .SearchButton button { width: 100%; height: 100%; color: #fff; background-color: var(--theme); border: 0.02rem solid var(--theme); cursor: pointer; }

.md20004.Header .HShop { width: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0.2rem; padding: 0 .1rem; }

.md20004.Header .HShop .ShopIcon { position: relative; z-index: 5; cursor: pointer; }

.md20004.Header .HShop .ShopIcon:hover .Icon { color: var(--theme); }

.md20004.Header .HShop .ShopIcon .Icon { width: 0.22rem; min-width: 17.6px; height: 0.2rem; min-height: 16px; color: #222; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20004.Header .HShop .ShopIcon .Number { color: #fff; padding: 0 .06rem; line-height: 1.3; text-align: center; position: absolute; border-radius: .08rem; background: var(--theme); right: 0; top: 0; z-index: 5; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); }

@media (max-width: 1920px) { .md20004.Header .HShop .ShopIcon .Number { border-radius: 8px; } }

.md20004.Header .HMenu { width: auto; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 .1rem; margin-left: 0.2rem; }

.md20004.Header .HMenu .MenuIcon { width: 18px; height: 18px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md20004.Header .HMenu .MenuIcon::before, .md20004.Header .HMenu .MenuIcon::after, .md20004.Header .HMenu .MenuIcon div { width: 80%; height: 9%; display: block; content: ''; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: var(--theme); }

@media (max-width: 1200px) { .md20004.Header .HInfo { padding-right: 10px; }
  .md20004.Header .HNav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 10px; }
  .md20004.Header .HTab { display: none; position: fixed; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.4); left: 0; top: 0; z-index: 10; padding: 0; }
  .md20004.Header .HTab .TabList { width: 64%; height: 100%; background-color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; overflow-y: auto; }
  .md20004.Header .HTab .TabItemI { height: auto; }
  .md20004.Header .HTab .TabItemI .ItemIHref { padding: 5px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .md20004.Header .HTab .TabItemI .ItemIHref .IHref { padding: 0; width: auto; height: auto; color: #000; }
  .md20004.Header .HTab .TabItemI .ItemIHref .IDrop { display: block; }
  .md20004.Header .HTab .TabItemI .ItemIHref .IDrop::after { content: ''; display: block; width: 0; height: 0; border-top: 6px solid #000; border-left: 5px solid transparent; border-right: 5px solid transparent; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .md20004.Header .HTab .TabItemI .ItemIHref .IDrop.Open::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
  .md20004.Header .HTab .TabItemI .ItemIHref.In .IHref { color: var(--theme); }
  .md20004.Header .HTab .TabItemI .ItemIHref.In .IDrop::after { border-top-color: var(--theme); }
  .md20004.Header .HTab .TabItemI .ItemIList { width: 100%; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); position: static; left: auto; top: auto; z-index: auto; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; }
  .md20004.Header .HTab .TabItemII .ItemIIHref .IIHref { text-align: left; padding: 5px 20px; color: #000; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .md20004.Header .HTab .TabItemII .ItemIIHref.In .IIHref { color: var(--theme); }
  .md20004.Header .HTab .TabItemI .ItemIHref.In .IHref { color: var(--theme); }
  .md20004.Header .HTab .TabItemII .ItemIIHref.In .IIHref { color: #333; }
  .md20004.Header .HTab.Show { display: block; }
  .md20004.Header .HMenu { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (max-width: 500px) { .md20004.Header { height: calc(1.25rem * 0.75); }
  .md20004.Header .HShop .ShopIcon .Number { -webkit-transform: translate(50%, -50%) scale(0.75); -ms-transform: translate(50%, -50%) scale(0.75); transform: translate(50%, -50%) scale(0.75); }
  .md20004.Header .HLang { padding: 0; }
  .md20004.Header .HLogo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .md20004.Header .HLogo .Logo { width: calc(3.8rem * 0.75); height: calc(1.25rem * 0.75); } }

/*footer*/
.md20005.Footer { width: 100%; background: #222; }

.md20005.Footer .layout { margin-left: auto; margin-right: auto; width: 16rem; max-width: 92%; }

@media (max-width: 1200px) { .md20005.Footer .layout { width: 100%; padding: 0 10px; max-width: 100%; } }

.md20005.Footer .BgImg { background-position: center; background-repeat: no-repeat; }

.md20005.Footer .BgImg img { display: none; }

.md20005.Footer .FTop { width: 100%; padding: .8rem 0 .9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: .01rem solid transparent; border-bottom: 0.01rem solid rgba(244, 244, 244, 0.4); }

.md20005.Footer .FMsg { width: 42.3%; }

.md20005.Footer .FMsg .Title { width: 100%; color: #fff; font-weight: 700; line-height: 1.5; }

.md20005.Footer .FMsg .Remark { color: #fff; opacity: .4; margin-top: 0.27rem; width: 100%; line-height: 1.75; }

.md20005.Footer .FMsg .Form { width: 90%; margin-top: 0.62rem; background: rgba(255, 255, 255, 0.1); padding: .1rem; height: 0.56rem; min-height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: .25rem; }

@media (max-width: 1920px) { .md20005.Footer .FMsg .Form { border-radius: 25px; } }

.md20005.Footer .FMsg .Form input { width: 100%; border: none; height: 100%; line-height: 1.5; background: transparent; padding: 0 .25rem; }

.md20005.Footer .FMsg .Form input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.4); }

.md20005.Footer .FMsg .Form input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.4); }

.md20005.Footer .FMsg .Form input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.4); }

.md20005.Footer .FMsg .Form input::placeholder { color: rgba(255, 255, 255, 0.4); }

.md20005.Footer .FMsg .Form button { width: auto; padding: 0 .25rem; height: 100%; white-space: nowrap; color: #fff; background: var(--theme); cursor: pointer; border: none; border-radius: .25rem; }

@media (max-width: 1920px) { .md20005.Footer .FMsg .Form button { border-radius: 25px; } }

.md20005.Footer .FContact { width: 50%; padding: 0 .8rem; border-left: 0.01rem solid rgba(255, 255, 255, 0.1); border-right: .01rem solid transparent; }

.md20005.Footer .FContact .Title { width: 100%; color: #fff; font-weight: 700; line-height: 1.5; }

.md20005.Footer .FContact .Remark { color: #fff; opacity: .4; margin-top: 0.27rem; width: 100%; line-height: 1.75; }

.md20005.Footer .FContact .Medias { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0.4rem; }

.md20005.Footer .FContact .Medias .Media { width: auto; margin-left: .15rem; cursor: pointer; }

.md20005.Footer .FContact .Medias .Media:hover .MediaIcon { background: var(--theme); }

.md20005.Footer .FContact .Medias .Media:first-child { margin-left: 0; }

.md20005.Footer .FContact .Medias .Media .MediaIcon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 0.54rem; height: 0.54rem; min-width: 36px; min-height: 36px; background: rgba(255, 255, 255, 0.22); border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20005.Footer .FContact .Medias .Media .MediaIcon .I { width: 40%; height: 40%; background-size: contain; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.md20005.Footer .FMain { width: 100%; padding: .7rem 0 .9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: .01rem solid transparent; border-bottom: 0.01rem solid rgba(244, 244, 244, 0.4); }

.md20005.Footer .FInfo { width: 23.125%; }

.md20005.Footer .FInfo .Title { width: 100%; color: #fff; font-weight: 700; line-height: 1.5; }

.md20005.Footer .FInfo .Infos { width: 100%; margin-top: 0.36rem; }

.md20005.Footer .FInfo .Info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .05rem; }

.md20005.Footer .FInfo .Info .InfoIcon { width: auto; background-size: contain; line-height: 1.75; margin-right: 0.1rem; }

.md20005.Footer .FInfo .Info .InfoIcon::after { content: '空'; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: transparent; }

.md20005.Footer .FInfo .Info .InfoText { width: 100%; color: #fff; opacity: .5; line-height: 1.75; }

.md20005.Footer .FTab { width: 70.56%; }

.md20005.Footer .FTab .TabList { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md20005.Footer .FTab .TabItemI { width: auto; }

.md20005.Footer .FTab .TabItemI .ItemIHref { width: 100%; }

.md20005.Footer .FTab .TabItemI .ItemIHref .IHref { width: 100%; color: #fff; line-height: 1.4; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; white-space: nowrap; font-weight: 700; }

.md20005.Footer .FTab .TabItemI .ItemIHref .IHref:hover { color: var(--theme); }

.md20005.Footer .FTab .TabItemI .ItemIHref .IDrop { display: none; }

.md20005.Footer .FTab .TabItemI .ItemIList { width: 100%; margin-top: 0.3rem; }

.md20005.Footer .FTab .TabItemII { width: 100%; margin-top: 0.1rem; }

.md20005.Footer .FTab .TabItemII .ItemIIHref { width: 100%; }

.md20005.Footer .FTab .TabItemII .ItemIIHref .IIHref { color: #fff; opacity: .4; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 100%; white-space: nowrap; line-height: 1.5; }

.md20005.Footer .FTab .TabItemII .ItemIIHref .IIHref:hover { opacity: 1; }

.md20005.Footer .FBottom { padding: .2rem 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md20005.Footer .FBottom .Copy { width: auto; color: #fff; opacity: .4; line-height: 1.5; margin-right: 0.1rem; }

.md20005.Footer .FBottom .Pay { width: auto; margin: .08rem 0; }

.md20005.Footer .FBottom .Pay img { width: 2.13rem; width: .48rem; height: auto; }

@media (max-width: 1200px) { .md20005.Footer .FMain { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
  .md20005.Footer .FInfo { width: 100%; margin-top: 20px; }
  .md20005.Footer .FTab { width: 100%; } }

@media (max-width: 750px) { .md20005.Footer .FTop { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .md20005.Footer .FMsg { width: 100%; }
  .md20005.Footer .FContact { width: 100%; padding: 0; padding-top: 20px; margin-top: 20px; border: none; border-top: 0.01rem solid rgba(255, 255, 255, 0.1); border-bottom: .01rem solid transparent; }
  .md20005.Footer .FMain { padding: .3rem 0 .5rem; }
  .md20005.Footer .FTab .TabList { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; }
  .md20005.Footer .FTab .TabItemI { width: 100%; height: auto; }
  .md20005.Footer .FTab .TabItemI .ItemIHref { padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid transparent; border-bottom: 1px solid #fff; }
  .md20005.Footer .FTab .TabItemI .ItemIHref .IHref { padding: 0; width: auto; height: auto; color: #fff; }
  .md20005.Footer .FTab .TabItemI .ItemIHref .IDrop { position: relative; z-index: 5; width: 20px; height: 20px; display: block; }
  .md20005.Footer .FTab .TabItemI .ItemIHref .IDrop::before { content: ''; width: 100%; height: 10%; background: #fff; display: block; position: absolute; z-index: 5; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  .md20005.Footer .FTab .TabItemI .ItemIHref .IDrop::after { content: ''; display: block; width: 10%; height: 100%; background: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; position: absolute; z-index: 5; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .md20005.Footer .FTab .TabItemI .ItemIHref .IDrop.Open::after { -webkit-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
  .md20005.Footer .FTab .TabItemI .ItemIList { width: 100%; padding: 10px 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); position: static; left: auto; top: auto; z-index: auto; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; display: none; margin-top: 0; }
  .md20005.Footer .FTab .TabItemII { margin-top: 0; }
  .md20005.Footer .FTab .TabItemII .ItemIIHref .IIHref { text-align: left; padding: 10px 0; color: #fff; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } }

/* 个人中心公共部分 */
.md-personal_center{width: 100%;padding: 0 0 1.3rem;background-color: #fef9f3;}
.md-personal_center img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md-personal_center .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md-personal_center .p-cont{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.md-personal_center .p-left{width: calc(320/1600*100%);}
.md-personal_center .p-personal_center{width: 100%;margin-bottom: .1rem;position: relative;text-align: center;padding: 0 .15rem .3rem;}
.md-personal_center .p-personal_center:after{content: '';position: absolute;top: .45rem;left: 0;width: 100%;height: calc(100% - .45rem);background-color: #fff;}
.md-personal_center .p-img{position: relative;z-index: 1;display: inline-block;margin-bottom: .2rem;width: .9rem;height: .9rem;}
.md-personal_center .p-img img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.md-personal_center .p-text{position: relative;z-index: 1;width: 100%;}
.md-personal_center .p-name{font-family: 'Montserrat-Medium';width: 100%;margin-bottom: .05rem;color: #333333;line-height: 1.4;}
.md-personal_center .p-time{width: 100%;color: #999999;line-height: 1.6;}
.md-personal_center .p-navbox{width: 100%;}
.md-personal_center .p-nav{width: 100%;}
.md-personal_center .p-tip{width: 100%;display: flex;align-items: center;padding: .15rem .3rem;min-height: .6rem;background-color: #000000;}
.md-personal_center .p-tip_icon{width: .26rem;}
.md-personal_center .p-tip_icon img{max-width: 100%;}
.md-personal_center .p-tip_text{font-family: 'Montserrat-Medium';flex: 1;padding-left: .2rem;color: #ffffff;line-height: 1.5;}
.md-personal_center .p-list{width: 100%;}
.md-personal_center .p-one{transition: all ease .3s;display: block;cursor: pointer;position: relative;width: 100%;padding: .17rem .3rem;color: #666666;line-height: 1.6;background-color: rgba(255,255,255,.6);}
.md-personal_center .p-one:before{display: none;content: '';position: absolute;top: 50%;left: 0;margin-top: -.1rem;width: .03rem;height: .2rem;background-color: #000000;}
.md-personal_center .p-one:hover{font-family: 'Montserrat-Medium';color: #000000;background-color: #fff;}
.md-personal_center .p-one:hover:before{display: block;}
.md-personal_center .p-one.active{font-family: 'Montserrat-Medium';color: #000000;background-color: #fff;}
.md-personal_center .p-one.active:before{display: block;}
.md-personal_center .p-log_out{font-family: 'Montserrat-Medium';transition: all ease .3s;display: block;cursor: pointer;width: 100%;text-align: center;color: #ffffff;background-color: #999999;line-height: .6rem;}
.md-personal_center .p-log_out img{width: .23rem;margin-right: .2rem;}
.md-personal_center .p-log_out:hover{background-color: #000;} 
.md-personal_center .p-right{width: calc(1240/1600*100%);background-color: #ffffff;}
.md-personal_center .p-top{width: 100%;display: flex;align-items: center;justify-content: space-between;min-height: 1.1rem;padding: .2rem 0;border-bottom: 1px solid #f1f1f1;}
.md-personal_center .p-lt{display: flex;align-items: center;}
.md-personal_center .p-titles{font-family: 'Montserrat-Medium';display: block;position: relative;padding-left: .5rem;color: #000000;line-height: 1.3;}
.md-personal_center .p-titles:after{content: '';position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: .03rem;height: 1em;background-color: #000000;}
.md-personal_center .p-rt{display: flex;align-items: center;padding-right:.5rem;}
.md-personal_center .p-leave_message{display: block;cursor: pointer;min-width: 2.2rem;padding: 0 .15rem;text-align: center;line-height: .54rem; color: #ffffff;background-color: #000000;}
.md-personal_center .p-back{display: block;cursor: pointer;color: #333333;line-height: 1.5;} 
.md-personal_center .p-menu {display: none;cursor: pointer;margin-left: .3rem; width: .4rem;height:.5rem; background-image: url('../images/a49.png');background-size:100% auto;background-position: center center;background-repeat: no-repeat;}
.md-personal_center .p-opa {display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 389;cursor: pointer;}
@media (max-width: 750px) {
  .md-personal_center .p-left{position: fixed;right: 0;top: 0;z-index: 1000;transform: translate(110%, 0);transition: transform .3s;width: 5rem;max-width: 92%;height: 100vh;overflow: auto;background-color: #fff;}
  .md-personal_center .p-personal_center{padding: .3rem;}
  .md-personal_center .p-right{width: 100%;}
  .md-personal_center .p-titles{padding-left: .3rem;} 
  .md-personal_center .p-rt{padding-right: .3rem;}
   .md-personal_center .p-menu {display: block;}
   .md-personal_center.menu-state .p-left{transform: translate(0, 0);}
   .md-personal_center.menu-state .p-opa {display: block;}   
}

/* 面包屑 */
.md20012.md-crumbs{width: 100%;padding: .25rem 0;background-color: #fef9f3;}
.md20012.md-crumbs img{display: inline-block;vertical-align:middle;max-width: 100%;}
.md20012.md-crumbs .layout{width: 16rem;max-width: 92%;margin: 0 auto;}
.md20012.md-crumbs .nav-cont{width: 100%;display: flex;align-items: center;}
.md20012.md-crumbs .nav-left{font-size: 0;}
.md20012.md-crumbs .nav-tip{display: inline-block;vertical-align: middle;padding-right: .1rem;color: #000000;line-height: 1.6;}
.md20012.md-crumbs .nav-list{display: inline-block;vertical-align: middle;}
.md20012.md-crumbs .nav-one{display: inline-block;vertical-align: middle;color: #333333;line-height: 1.6;}
.md20012.md-crumbs .nav-one:after{content: '>';margin: 0 .05rem;}
.md20012.md-crumbs .nav-one:last-child:after{display: none;} 
@media (max-width: 750px) {
   .md20012.md-crumbs .nav-left{max-width: 100%;overflow: auto;white-space: nowrap;}
}

/* 侧边栏 */
.SideBar.md20073 { position: fixed; right: 0.2rem; top: 30%; z-index: 9; }

.SideBar.md20073 .Function { width: 0.46rem; height: 0.46rem; min-width: 32px; min-height: 32px; background: #f1f1f1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-bottom: 0.1rem; position: relative; z-index: 5; }

.SideBar.md20073 .Function:last-child { margin-bottom: 0; }

.SideBar.md20073 .Function .FunctionIcon { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #666; }

.SideBar.md20073 .Function:hover { background: var(--theme); }

.SideBar.md20073 .Function:hover .FunctionIcon { color: #fff; }

.SideBar.md20073 .Function:hover .FunctionText { display: -webkit-box; display: -ms-flexbox; display: flex; }

.SideBar.md20073 .ReturnTop .FunctionIcon { width: 34.78%; height: 36.95%; }

.SideBar.md20073 .Msg .FunctionIcon { width: 43.47%; height: 43.47%; }

.SideBar.md20073 .Msg .FunctionText { position: absolute; left: 0; top: 0; z-index: 5; -webkit-transform: translateX(calc(-100% - 0.1rem)); -ms-transform: translateX(calc(-100% - 0.1rem)); transform: translateX(calc(-100% - 0.1rem)); background: var(--theme); -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; display: none; }

.SideBar.md20073 .Msg .FunctionText .Text { color: #fff; white-space: nowrap; line-height: 1.5; padding: 0 .2rem; }

/* 侧边栏 */
.SideBar.md20073 { position: fixed; right: 0.2rem; top: 30%; z-index: 9; }

.SideBar.md20073 .Function { width: 0.46rem; height: 0.46rem; min-width: 32px; min-height: 32px; background: #f1f1f1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; margin-bottom: 0.1rem; position: relative; z-index: 5; border: .01rem solid #eee; border-radius: 50%; }

.SideBar.md20073 .Function:last-child { margin-bottom: 0; }

.SideBar.md20073 .Function .FunctionIcon { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; color: #666; }

.SideBar.md20073 .Function:hover { background: var(--theme); border-color: var(--theme); border-radius: 0; }

.SideBar.md20073 .Function:hover .FunctionIcon { color: #fff; }

.SideBar.md20073 .Function:hover .FunctionText { display: -webkit-box; display: -ms-flexbox; display: flex; }

.SideBar.md20073 .ReturnTop .FunctionIcon { width: 34.78%; height: 36.95%; }

.SideBar.md20073 .Msg .FunctionIcon { width: 43.47%; height: 43.47%; }

.SideBar.md20073 .Msg .FunctionText { position: absolute; left: 0; top: 0; z-index: 5; -webkit-transform: translateX(calc(-100% - 0.1rem)); -ms-transform: translateX(calc(-100% - 0.1rem)); transform: translateX(calc(-100% - 0.1rem)); background: var(--theme); -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; display: none; }

.SideBar.md20073 .Msg .FunctionText .Text { color: #fff; white-space: nowrap; line-height: 1.5; padding: 0 .2rem; }