.header-region-t::after, .header-switchs-t::after, .lx-nav-cont > li.more > a::after, .wrap-tab-m::after, .hmore-add, .swiper-btn a::after { content: ''; border-top: 6px solid currentColor; border-left: 5px solid transparent; border-right: 5px solid transparent; display: inline-block; margin-left: 5px; vertical-align: middle; }

.nav-list span.more::after, .wrap-select-text::after { content: ''; width: 6px; height: 6px; display: inline-block; border-top: 1px solid #909399; border-left: 1px solid #909399; transform: rotate(135deg); vertical-align: 3px; margin-left: 5px; }

.header-flex, .header-xx, .lx-head, .xx-nav, .xx-nav-left, .wrap-tit, .wrap-tit-flex, .wrap-bet, .login-other { display: flex; justify-content: space-between; align-items: center; }

:root { --tc:#EE3232; --tca:238, 50, 50; --tc1:#FF9333; --tca1:255,147,51; --fc1:#E62020; --fca1:230,32,32; --gray1:#1E2129; --gray6:#616371; --gray9:#979AA8; --navWidthMin:80px; --navWidth:160px; --headerHeight:78px; --headerHeights:-78px; --padding-width:77px; --xw:#18BE70; --xwa:24, 190, 112; --jy:#FF9333; --jya:255, 147, 51; --xl:#BE3518; --xla:190, 53, 24; --zg:#1F9FB9; --zga:31, 159, 185; --kr:#3255E3; --kra:50, 85, 227; --tdxl:#0CAC4E; --tdxla:12, 172, 78; --gjss:#B15F30; --gjssa:177, 95, 48; --fqrz:#B40BD6; --fqrza:180, 11, 214; --zwhb:#0C7CB9; --zwhba:12, 124, 185; --gjyx:#E62020; --gjyxa:230, 32, 32; --qrz:#3255E3; --qrza:50, 85, 227; }

body::before { content: ''; height: 100%; position: fixed; background-color: #E6E7F2; left: 0; top: 0; width: calc((100% - 1920px) / 2); z-index: 16; }

.color1 { color: var(--tc) !important; }

.color2 { color: var(--tc1) !important; }

.color3 { color: var(--fc1) !important; }

.color6 { color: var(--gray6) !important; }

.colorf { color: #fff !important; }

.color97 { color: var(--gray9) !important; }

.icon-close { width: 14px; height: 14px; display: inline-block; position: relative; margin-left: 4px; }
.icon-close::after, .icon-close::before { content: ""; position: absolute; width: 1px; height: 10px; transform: rotate(45deg); right: 6px; top: 2px; background-color: var(--tc); }
.icon-close::before { transform: rotate(-45deg); }

.icons { display: inline-block; background-size: 100% 100%; vertical-align: middle; }

.bodyw { max-width: 1920px; margin: 0 auto; min-width: 1024px; height: 100%; position: relative; }
.bodyw.media .main { padding-left: calc(4% + var(--navWidthMin)); }
.bodyw.media .xx-malt { left: calc(var(--navWidthMin) + (1920px * 4%) + (100% - 1920px) / 2); }
.bodyw.media .nav { width: 92px; }
.bodyw.media .nav-hide { margin-left: 92px; }
.bodyw.media .nav-tit { display: none; }
.bodyw.media .nav-cont.media { display: block; }
.bodyw.media .nav-cont.default { display: none; }
.bodyw.media .nav-list { display: block; text-align: center; padding: 8px 0 10px 0; height: auto; }
.bodyw.media .nav-list span { padding: 0; justify-content: center; line-height: 22px; }
.bodyw.media .nav-list .iconfont, .bodyw.media .nav-list .iconfonts { margin-right: 0; font-size: 18px; }
.bodyw.default .main { padding-left: calc(4% + var(--navWidth)); }
.bodyw.default .xx-malt { left: calc(var(--navWidth) + (1920px * 4%) + (100% - 1920px) / 2); }
.bodyw.default .nav { width: var(--navWidth); }
.bodyw.default .nav.media { display: none; }
.bodyw.default .nav-list { height: 48px; border-radius: 4px; align-items: center; padding-left: 26px; display: flex; }
.bodyw.default .nav-list span { flex: 1; display: flex; justify-content: space-between; align-items: center; padding-right: 22px; }
.bodyw.default .nav-list .iconfont, .bodyw.default .nav-list .iconfonts { margin-right: 10px; font-size: 14px; }

.bodyh { display: flex; justify-content: space-between; flex-direction: column; }

.defaultimg { background: #f2f2f2 url("../images/defaultimg.png") no-repeat 50%; background-size: 60% auto; overflow: hidden; }

.main { padding: 0 4% 0 calc(160px + 4%); flex: 1; display: flex; justify-content: space-between; flex-direction: column; height: calc(100% - var(--headerHeight)); }
.main.pl { padding-left: 4%; }
.main > .container { flex-shrink: 0; }

.header { height: var(--headerHeight); background-color: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); position: fixed; top: 0; left: auto; width: 100%; display: flex; justify-content: space-between; padding: 0 0 0 26px; z-index: 16; min-width: 1024px; max-width: 1920px; }
.header-flex { width: 100%; margin: 0 auto; max-width: 1920px; }
.header.out .header-logo, .header.out .header-region, .header.out .header-ri { transform: translateY(var(--headerHeights)); }
.header-switch { cursor: pointer; }
.header-switch .iconfont { font-size: 20px; }
.header-switch .icon-zhankai { display: none; }
.header-line { height: var(--headerHeight); }
.header-le { display: flex; align-items: center; height: 100%; }
.header-ri { display: flex; align-items: center; flex: 1; justify-content: flex-end; transition: all .3s ease; padding-right: 4%; }
.header-logo { margin-left: 24px; transition: all .3s ease; }
.header-logo img { height: 36px; }
.header-region { margin-left: 24px; position: relative; }
.header-region:hover .header-region-hide { display: block; }
.header-region-t::after { transition: transform .3s; }
.header-region-hide { position: absolute; width: 400px; background-color: #fff; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); left: 0; top: 40px; display: none; }
.header-region-hide::before { content: ''; width: 100px; height: 20px; position: absolute; left: 0; top: -20px; }
.header-region-item { display: flex; flex-wrap: wrap; text-align: center; padding: 10px; }
.header-region-item a { flex: 20% 0 1; line-height: 38px; height: 38px; overflow: hidden; }
.header-region-item a:hover, .header-region-item a.active { background-color: rgba(var(--tca), 0.1); }
.header-search { width: 38%; height: 44px; border: solid 2px var(--tc); display: flex; margin-right: 6%; }
.header-search-ipt { flex: 1; border: 0; background: none; padding-left: 20px; background-color: #fff; }
.header-search-btn { cursor: pointer; width: 64px; background-color: var(--tc); border: 0; color: #fff; }
.header-txt { display: flex; }
.header-txt li { margin-right: 40px; font-size: 16px; }
.header-txt li .iconfont { margin-right: 5px; }
.header-txt li label { cursor: pointer; }
.header-login { width: 60px; height: 36px; background: var(--tc); border-radius: 2px; color: #fff; text-align: center; line-height: 36px; color: #fff !important; }
.header-login:hover { opacity: .8; }
.header-logined { position: relative; z-index: 6; }
.header-logined:hover .header-logined-con { transform: scale(1); }
.header-logined-head img { width: 36px; height: 36px; border-radius: 50%; }
.header-logined-con { position: absolute; right: 0; width: 235px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2); background-color: #fff; top: 50px; transform: scale(0); transform-origin: top center; transition: all .1s ease; }
.header-logined-con::before { content: ''; width: 100%; height: 20px; position: absolute; top: -20px; left: 0; }
.header-logined-list { display: flex; align-items: center; min-height: 54px; padding-left: 16px; line-height: 1.2; }
.header-logined-list:first-child { padding: 12px 10px 12px 16px; background-color: #f8f8f8; }
.header-logined-list img, .header-logined-list .icon-header { width: 36px; height: 36px; border-radius: 50%; font-size: 36px; line-height: 1; margin-right: 10px; }
.header-logined-list .icon-header { color: rgba(var(--tca), 0.8); }
.header-logined-list .icon-quit { color: var(--gray6); margin-right: 10px; }
.header-hover { position: relative; z-index: 6; }
.header-hover:hover .header-hover-con { transform: translateX(-50%) scale(1); }
.header-hover-con { position: absolute; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; background-color: #fff; width: 200px; padding-top: 16px; left: 50%; transform: translateX(-50%) scale(0); top: 40px; transform-origin: top center; transition: all .1s ease; }
.header-hover-con::before { content: ''; width: 100%; height: 20px; position: absolute; top: -20px; left: 0; }
.header-hover-txt { text-align: center; font-size: 14px; line-height: 1; }
.header-hover-img { width: 160px; height: 160px; margin: 20px; display: block; }
.header-xx { margin-bottom: 20px; }
.header-xx.zy .header-xx-logo img { height: 56px; }
.header-xx.zh { background-color: #fff; padding: 12px 0 12px 12px; }
.header-xx.zh .lx-nav { margin-top: 0; background-color: transparent; font-size: 18px; }
.header-xx.zh .lx-nav-cont > li > a { color: #333; }
.header-xx.zh .lx-nav-cont > li > a.active::before { background-color: var(--tc); }
.header-xx.zh .lx-nav-cont > li > a:hover, .header-xx.zh .lx-nav-cont > li > a.active { color: var(--tc); }
.header-xx.zh .lx-nav-cont > li > a .icon-yyq { color: #333; }
.header-xx_left, .header-xx_right { display: flex; align-items: center; }
.header-xx_right img { max-height: 30px; margin-right: 20px; }
.header-xx-logo { font-size: 36px; line-height: 1; font-weight: bold; }
.header-xx-logo .iconfont { font-size: 48px; font-weight: normal; vertical-align: middle; margin-right: 10px; color: var(--tc); }
.header-xx-logo img { height: 48px; }
.header-xx-and { font-size: 14px; color: var(--gray9); margin-inline: 20px; }
.header-xx-area { color: var(--gray6); margin-left: 20px; }
.header-xx-area .iconfont { font-size: 12px; margin-right: 4px; }
.header-xx-slogan { font-size: 22px; color: var(--gray6); margin-right: 20px; height: 24px; line-height: 24px; }
.header-xx-code { position: relative; z-index: 2; }
.header-xx-code::before { content: ''; width: 100%; height: 10px; position: absolute; bottom: -10px; left: 0; }
.header-xx-code:hover .header-xx-ewm { display: block; }
.header-xx-btn { color: #18BE70; border: 1px solid currentColor; line-height: 36px; padding-inline: 15px; display: inline-block; transition: all .3s; }
.header-xx-btn .iconfont { margin-right: 4px; }
.header-xx-ewm { position: absolute; background-color: #fff; text-align: center; width: 100%; padding: 5px; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.05); border-radius: 4px; top: 46px; display: none; }
.header-xx-ewm img { width: 120px; height: 120px; max-height: none; margin-right: 0; }
.header-xx_intro { margin-left: 40px; }
.header-xx_intro:first-child { margin-left: 0; }
.header-xx-t { font-size: 16px; margin-left: 40px; }
.header-switchs { font-size: 16px; margin-left: 40px; position: relative; z-index: 3; }
.header-switchs:hover .header-switchs-c { display: block; }
.header-switchs-t::after { transition: transform .3s; margin-top: -2px; }
.header-switchs-c { position: absolute; background-color: #fff; padding: 5px 20px; left: 0; top: 25px; display: none; }
.header-switchs-c a { white-space: nowrap; line-height: 40px; height: 40px; }
.header-zy { font-weight: bold; font-size: 36px; margin-left: 10px; line-height: 1; }
.header-zy-type { color: var(--tc1); font-size: 20px; font-weight: bold; margin-left: 5px; }
.header-zy-code { color: var(--gray9); font-size: 14px; margin-left: 10px; }

.lx-head-le { display: flex; align-items: center; }
.lx-head-no { background-color: rgba(var(--tca1), 0.1); color: #B9651A; border-radius: 4px; margin-left: 20px; height: 24px; padding: 0 8px; margin-right: 10px; line-height: 24px; }
.lx-head-no label { color: #1E2129; font-weight: bold; margin-left: 10px; position: relative; }
.lx-head-no label::after { content: ""; position: absolute; width: 100%; height: 3px; background: #FF9333; bottom: 4px; left: 0; z-index: -1; }
.lx-head-zs { height: 24px; color: #fff; padding: 0 7px; border-radius: 4px; margin-left: 10px; line-height: 24px; }
.lx-head-zs.xw { background-color: var(--xw); }
.lx-head-zs.jy { background-color: var(--jy); }
.lx-head-zs.xl { background-color: var(--xl); }
.lx-head-zs.zg { background-color: var(--zg); }
.lx-head-zs.kr { background-color: var(--kr); }
.lx-head-ri { display: flex; align-items: center; }
.lx-head-follow { margin-left: 16px; }
.lx-head-test { width: 100px; height: 32px; background: linear-gradient(270deg, #FF9B41 0%, #FF7F19 50%, #FF9B41 100%); border-radius: 2px; display: flex; align-items: center; color: #fff !important; justify-content: center; margin-left: 30px; }
.lx-head-star { color: #E6E7F2; }
.lx-tit { font-size: 36px; font-weight: bold; line-height: 1; }
.lx-nav { height: 48px; background: #1E2129; border-radius: 2px; margin-top: 20px; font-size: 16px; position: relative; overflow: hidden; }
.lx-nav + .ranky { margin-top: 10px; }
.lx-nav-cont { display: flex; align-items: center; height: 48px; }
.lx-nav-cont > li { flex-shrink: 0; margin: 0 20px; }
.lx-nav-cont > li .icon-shipin { margin-left: 4px; vertical-align: 1px; }
.lx-nav-cont > li.more { display: none; }
.lx-nav-cont > li.more:hover a::after { transform: rotate(180deg); }
.lx-nav-cont > li.more:hover .lx-nav-down { display: flex; }
.lx-nav-cont > li.more > a::after { content: ""; vertical-align: 3px; transition: all .3s; }
.lx-nav-cont > li > a { height: 48px; line-height: 48px; }
.lx-nav-cont > li > a.active { color: #fff; font-weight: bold; }
.lx-nav-cont > li > a.active::before { content: ""; position: absolute; width: 30px; height: 4px; background: #FFFFFF; left: 50%; margin-left: -15px; bottom: 2px; }
.lx-nav a { color: #C9CBD6; position: relative; display: block; }
.lx-nav a:hover { color: #fff; }
.lx-nav a .hot { font-size: 12px; width: 16px; height: 16px; background: var(--tc1); border-radius: 1px; position: absolute; right: -18px; top: 13px; display: flex; align-items: center; justify-content: center; color: #fff; }
.lx-nav a .icon-yyq { font-weight: normal; color: #fff; margin-right: 4px; font-size: 16px; }
.lx-nav-down { width: 448px; background: #1E2129; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); border-radius: 2px; border: 1px solid #1E2129; position: absolute; border-top: solid 1px #fff; right: 0; top: 48px; display: flex; flex-wrap: wrap; padding: 16px; text-align: center; z-index: 7; display: none; }
.lx-nav-down li { width: 100px; height: 40px; margin-left: 0 !important; line-height: 40px; }
.lx-nav-down a { transition: all .3s; }
.lx-nav-down a:hover, .lx-nav-down a.active { color: #fff; background-color: var(--tc); }
.lx-nav_xx { margin-top: 0; }
.lx-nav_drop { overflow: visible; }
.lx-drop { position: relative; z-index: 5; }
.lx-drop:hover .lx-drop-cont { display: block; }
.lx-drop:hover > a::after { transform: rotate(180deg); }
.lx-drop > a::after { content: ''; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid var(--gray9); vertical-align: 4px; margin-left: 5px; transition: all .3s; }
.lx-drop-cont { position: absolute; background-color: #353A48; white-space: nowrap; text-align: center; left: 50%; transform: translateX(-50%); top: 48px; display: none; }
.lx-drop-cont.zy { left: -20px; transform: translateX(0); text-align: left; }
.lx-drop-cont a { line-height: 40px; font-size: 14px; padding-inline: 20px; }
.lx-drop-cont a > span { font-size: 12px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 2px; height: 20px; line-height: 18px; display: inline-block; color: rgba(255, 255, 255, 0.5); margin-right: 10px; width: 80px; text-align: center; }
.lx-drop-cont > li > a:hover { background-color: var(--gray1); }
.lx-drop-cont > li > a:hover span { color: #fff; border-color: currentColor; }
.lx-drop-two { position: relative; }
.lx-drop-two:hover .lx-drop-two-cont { display: block; }
.lx-drop-two:hover > a { background-color: var(--gray1); color: #fff; }
.lx-drop-two-cont { position: absolute; left: 100%; top: 0; background-color: var(--gray1); display: none; }

.xx-nav { margin-top: 14px; }
.xx-nav.lxxx .xx-nav-tit { font-size: 30px; }
.xx-nav.lxxx .xx-nav-sub { font-size: 18px; }
.xx-nav.lxxx + .collegex { margin-top: 4px; }
.xx-nav.lxxx + .filter { margin-top: 14px; }
.xx-nav-logo img { height: 40px; }
.xx-nav-tit { font-weight: bold; font-size: 32px; margin-inline: 5px 10px; line-height: 1; }
.xx-nav-tit h1, .xx-nav-tit h2, .xx-nav-tit h3 { font-size: 1em; }
.xx-nav-sub { font-size: 20px; font-weight: bold; }

.nav { width: var(--navWidth); padding: 6px; position: fixed; left: auto; font-size: 16px; height: calc(100% - 70px); background-color: #F7F8FC; z-index: 15; }
.nav-brand { color: var(--gray9); padding: 16px 0; }
.nav-brand a { color: var(--gray9); }
.nav-brand a:hover { color: #e65800; border-bottom: solid 1px currentColor; }
.nav-brand span { color: #1F2129; }
.nav-brand i { font-family: simsun; margin: 0 6px; }
.nav-tit { color: var(--gray9); border-top: solid 1px #E5E8F2; padding: 16px 0 16px 26px; }
.nav-cont.media { display: none; position: relative; }
.nav-cont2 { position: absolute; background-color: #fff; line-height: 42px; right: -90px; top: 0; }
.nav-list { height: 48px; border-radius: 4px; align-items: center; padding-left: 26px; display: flex; }
.nav-list.active { background-color: var(--tc) !important; color: #fff !important; }
.nav-list.active span.more::after { border-color: #fff; }
.nav-list.active .iconfont, .nav-list.active .iconfonts { color: #fff !important; }
.nav-list:hover { background-color: rgba(var(--tca), 0.12); color: #EE3232; }
.nav-list:hover span.more::after { border-color: #EE3232; }
.nav-list:hover .iconfont, .nav-list:hover .iconfonts { color: var(--tc); }
.nav-list .iconfont, .nav-list .iconfonts { margin-right: 10px; color: var(--gray9); font-size: 14px; display: block; }
.nav-list span { flex: 1; display: flex; justify-content: space-between; align-items: center; padding-right: 22px; }
.nav-list span.more::after { transition: transform .3s; }
.nav-xx-rank { flex-shrink: 0; }
.nav-hide { position: fixed; margin-left: var(--navWidth); top: calc(var(--headerHeight) + 6px); background-color: #fff; width: 460px; border-radius: 2px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03); z-index: 14; padding-inline: 20px; transform: translateX(calc(-110% - var(--navWidth))); transition: transform .3s ease; }
.nav-hide.nav-tool, .nav-hide.nav-my { width: 112px; padding: 0; text-align: center; }
.nav-hide li { line-height: 50px; }
.nav-hide li a { display: block; transition: all .3s; font-size: 16px; }
.nav-hide li a:hover { background: rgba(var(--tca1), 0.1); color: var(--tc1); }
.nav-hide.show { transform: translateX(0); }
.nav-hide-mask { position: fixed; left: 0; top: 0; height: 100%; width: calc((100% - 1920px) / 2); background-color: #F7F8FC; z-index: 15; }
.nav-hide-squre { width: 8px; height: 48px; position: fixed; top: calc(var(--headerHeight) + 54px); margin-left: calc(var(--navWidth) - 6px); z-index: 16; cursor: pointer; }
.nav-item-title { line-height: 58px; border-bottom: 1px solid #F1F1F1; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.nav-item-wrap { display: flex; flex-wrap: wrap; padding-bottom: 10px; }
.nav-item-list { flex: 50% 0 1; display: flex; align-items: center; padding-block: 10px; transition: all .3s; }
.nav-item-list:hover { background-color: rgba(var(--tca), 0.1); }
.nav-item-list .iconfont { font-size: 30px; line-height: 48px; width: 48px; text-align: center; margin-right: 12px; flex-shrink: 0; }
.nav-item-info { flex: 1; }
.nav-item-tit { font-size: 16px; }
.nav-item-sub { color: var(--gray9); font-size: 12px; }

.wrap-tit { border-bottom: solid 1px #E5E8F2; padding: 0 16px; }
.wrap-tit-t { font-size: 20px; font-weight: bold; margin-right: 36px; line-height: 1; display: flex; align-items: center; }
.wrap-tit-img { height: 30px; width: auto; margin-right: 32px; }
.wrap-tit-txt { font-size: 20px; font-weight: bold; background-color: #EE3232; margin-right: 32px; line-height: 30px; padding: 0 8px; color: #fff; border-radius: 2px; }
.wrap-tit-txt .iconfont { color: #fff; margin-right: 2px; }
.wrap-tit-f { color: var(--gray6); }
.wrap-tit-f .iconfont { font-size: 12px; margin-right: 4px; }
.wrap-t { border-bottom: solid 1px #E5E8F2; margin-top: 30px; }
.wrap-t-t { font-weight: bold; position: relative; line-height: 1; font-size: 20px; padding: 8px 0; display: inline-block; }
.wrap-t-t::after { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; background-color: var(--tc); }
.wrap-tabs { padding: 14px 0; display: flex; align-items: center; }
.wrap-tabs.big a { font-size: 18px; margin-left: 35px; }
.wrap-tabs.big a.active::after { bottom: -14px; }
.wrap-tabs.lg { padding: 0; }
.wrap-tabs.lg a { font-size: 16px; margin-left: 28px; color: var(--gray6); }
.wrap-tabs.lg a.active { color: #1E2129; }
.wrap-tabs.lg a.active::after { bottom: -6px; }
.wrap-tabs a { font-size: 14px; margin-left: 32px; position: relative; z-index: 2; }
.wrap-tabs a:first-child { margin-left: 0; }
.wrap-tabs a.active { font-weight: bold; }
.wrap-tabs a.active::after { content: ""; width: 24px; height: 4px; background: var(--tc); position: absolute; left: 50%; margin-left: -12px; bottom: -3px; }
.wrap-tab { display: flex; align-items: center; }
.wrap-tab-tit { font-size: 20px; font-weight: bold; }
.wrap-tab-tit span { color: var(--tc); }
.wrap-tab a { color: var(--gray6); font-size: 14px; padding: 0 12px; position: relative; }
.wrap-tab a:hover { color: var(--fc1); }
.wrap-tab a::before { content: ""; width: 1px; height: 12px; background: #D8D8D8; left: 0; top: 50%; margin-top: -6px; position: absolute; }
.wrap-tab a:first-child { padding-left: 0; }
.wrap-tab a:first-child::before { display: none; }
.wrap-tab-m { color: var(--gray6); position: relative; z-index: 2; }
.wrap-tab-m::after { content: ""; transform: rotate(-90deg); background: none; position: static; width: 0; height: 0; margin-top: -2px; color: var(--gray9); }
.wrap-cli { display: flex; flex-wrap: wrap; margin-right: -10px; margin-bottom: -10px; }
.wrap-cli.line { background: #FFFFFF; margin-right: 0; border-bottom: solid 1px rgba(50, 85, 227, 0.3); border-radius: 2px 2px 0px 0px; margin-bottom: 0; }
.wrap-cli.line a { margin-bottom: 0; margin-right: 0; }
.wrap-cli a, .wrap-cli span { height: 40px; line-height: 40px; background: #FFFFFF; border-radius: 2px; padding: 0 27px; margin-right: 10px; margin-bottom: 10px; }
.wrap-cli a.active, .wrap-cli span.active { background-color: var(--tc); color: #fff; }
.wrap-tabn { display: flex; flex-wrap: wrap; margin-left: -12px; margin-top: 4px; font-size: 14px; }
.wrap-tabn a, .wrap-tabn span { height: 32px; line-height: 32px; background: #fff; border-radius: 2px; padding: 0 12px; margin-left: 12px; margin-top: 10px; }
.wrap-tabn a.active, .wrap-tabn span.active { background-color: var(--tc); color: #fff; border-radius: 4px; }
.wrap-tabm { display: flex; align-items: center; font-size: 14px; margin-top: 12px; }
.wrap-tabm a { color: var(--gray6); position: relative; margin-left: 36px; }
.wrap-tabm a:first-child { margin-left: 0; }
.wrap-tabm a.active { color: var(--gray1); font-weight: bold; }
.wrap-tag { font-size: 0; margin-top: 10px; margin-bottom: 26px; }
.wrap-tag + .video-flex { margin-top: -46px; }
.wrap-tag a { font-size: 14px; display: inline-block; height: 28px; background: #E5E8F3; border-radius: 14px; line-height: 28px; padding: 0 12px; margin-right: 8px; margin-top: 10px; }
.wrap-tag a:last-child { margin-left: 0; }
.wrap-tag a.active { background-color: var(--tc); color: #fff; }
.wrap-bet { padding: 0 0 15px 0; }
.wrap-bet-le { display: flex; align-items: center; }
.wrap-flex { display: flex; justify-content: space-between; }
.wrap-left { flex: 1; width: 74.5%; }
.wrap-right { padding-left: 12px; flex-shrink: 0; width: 25%; }
.wrap-right.w20 { width: 20%; }
.wrap-select { position: relative; }
.wrap-select-text { color: var(--tc1); cursor: pointer; }
.wrap-select-text::after { content: ""; border-color: var(--tc1); transform: rotate(-135deg); }
.wrap-select-cont { width: 88px; background: #FFFFFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 2px; position: absolute; right: 0; top: 30px; padding: 2px; display: none; }
.wrap-select-cont a { display: block; text-align: center; line-height: 36px; }
.wrap-select-cont a.active { background-color: rgba(var(--tca1), 0.05); color: var(--tc1); }
.wrap-select-cont a:hover { background-color: rgba(var(--tca1), 0.05); color: var(--tc1); }
.wrap-switch { display: flex; align-items: center; margin-bottom: 15px; }
.wrap-switch a { margin-left: 30px; font-size: 16px; }
.wrap-switch a.active { font-weight: bold; font-size: 20px; }
.wrap-switch a:first-child { margin-left: 0; }
.wrap-more { display: block; text-align: center; background: #F1F4FA; line-height: 40px; transition: all .3s; margin-top: 15px; }
.wrap-more::after { content: ''; border-top: 5px solid currentColor; border-left: 4px solid transparent; border-right: 4px solid transparent; display: inline-block; margin-left: 5px; vertical-align: 2px; }
.wrap-more:hover { background-color: var(--tc); color: #fff; }

.hmore { position: relative; display: inline-block; }
.hmore:hover .hmore-con { display: block; }
.hmore:hover .hmore-add { transform: rotate(-180deg); }
.hmore-cont { position: absolute; left: 0; z-index: 10; top: 100%; }
.hmore-con { padding: 10px 16px; line-height: 32px; background: #fff; border-radius: 5px; font-size: 14px; color: var(--gray6); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); z-index: 99; text-align: center; display: none; }
.hmore-con p { white-space: nowrap; text-align: center; }
.hmore-add { margin-left: 0; transition: all .3s; }
.hmore-sm .iconfont { color: #AFAFAF; font-size: 14px; margin-left: 4px; position: absolute; margin-top: 2px; }
.hmore-sm .hmore-con { font-size: 12px; line-height: 18px; padding: 10px; min-width: 120px; }
.hmore-sm .hmore-cont { left: 50%; transform: translateX(-50%); }
.hmore-wid .hmore-con { min-width: 80px; }

.swiper-btn { display: flex; }
.swiper-btn.bg a { background: #fff; }
.swiper-btn.bg a.swiper-button-disabled { background: #fff !important; }
.swiper-btn a { width: 20px; height: 20px; background: #F7F8FC; border-radius: 2px; margin-left: 6px; display: flex; align-items: center; justify-content: center; transition: all .3s; }
.swiper-btn a::after { transform: rotate(90deg); margin-right: 6px; }
.swiper-btn a.next::after { transform: rotate(-90deg); margin-right: 4px; }
.swiper-btn a:hover { background-color: #1E2129; color: #F7F8FC; }
.swiper-btn a.swiper-button-disabled { background: #F7F8FC !important; color: rgba(30, 33, 41, 0.2) !important; }

.nav-close { position: fixed; width: 100%; height: 100%; position: fixed; top: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 13; display: none; }

.pop { position: fixed; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 25; display: none; }
.pop-cont { background: #FFFFFF; border-radius: 4px; width: 420px; padding: 40px 40px 28px; position: fixed; left: 50%; top: 50%; z-index: 26; margin-left: -210px; display: none; transform: translateY(-50%); }
.pop-cont.pop-gift { padding: 20px; width: 704px; margin-left: -352px; }
.pop-cont.pop-gift .icon-close { right: 20px; top: 20px; }
.pop-cont .icon-close { width: 20px; height: 20px; position: absolute; right: 40px; top: 35px; cursor: pointer; }
.pop-cont .icon-close::after, .pop-cont .icon-close::before { height: 20px; background-color: #C3C3C3; }
.pop-tit { font-size: 20px; font-weight: bold; line-height: 1; }
.pop-item { display: flex; flex-wrap: wrap; }
.pop-item li { flex: 50% 0 1; margin-top: 20px; display: flex; align-items: center; cursor: pointer; position: relative; }
.pop-item li.active i { display: flex; align-items: center; justify-content: center; }
.pop-item li.active i::after { content: ""; width: 8px; height: 8px; background-color: var(--gray6); border-radius: 50%; }
.pop-item li i { border: 1px solid var(--gray6); width: 16px; height: 16px; border-radius: 50%; margin-right: 4px; flex-shrink: 0; }
.pop-text { height: 80px; background: #FFFFFF; border: 1px solid #E2E2E2; display: block; width: 100%; margin-top: 23px; resize: none; padding: 16px; display: none; }
.pop-btn { display: flex; margin-top: 28px; }
.pop-btns { width: 164px; height: 48px; background: #F1F4FB; border-radius: 4px; text-align: center; line-height: 48px; margin-left: 12px; border: 0; cursor: pointer; }
.pop-btns:first-child { margin-left: 0; }
.pop-btns.submit { background-color: var(--tc); color: #fff; }

.gift-cont { display: flex; margin-top: 20px; }
.gift-list { text-align: center; margin-left: 16px; }
.gift-list:first-child { margin-left: 0; }
.gift-list.active img { border: solid 1px var(--tc1); }
.gift-list.active p { font-weight: bold; color: #1E2129; }
.gift-list img { width: 120px; height: 120px; border: 1px solid #F1F4FA; object-fit: cover; }
.gift-list p { margin-top: 8px; color: var(--gray6); }
.gift-pay { background-color: rgba(var(--tca), 0.03); padding: 20px; }
.gift-pay-type { margin-top: 10px; color: var(--gray9); }
.gift-pay-type .iconfont.icon-weixin2 { color: #23CC20; }
.gift-pay-type .iconfont.icon-zhifubao { color: #1296DB; }
.gift-info { display: flex; }
.gift-ewm { width: 120px; height: 120px; padding: 10px; background: #fff; position: relative; }
.gift-ewm .flower-reorder-again { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); font-size: 12px; line-height: 18px; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 10px; }
.gift-txt { flex: 1; margin-left: 16px; display: flex; justify-content: space-between; flex-direction: column; }
.gift-txt-bot { display: flex; align-items: center; justify-content: space-between; color: var(--gray9); }
.gift-tit { font-size: 18px; font-weight: bold; line-height: 18px; margin-top: 12px; }
.gift-sub { color: var(--gray9); margin-top: 6px; }
.gift-price .total { color: var(--fc1); font-size: 20px; font-weight: bold; }
.gift-price em { font-size: 16px; font-weight: bold; }

.aimg.aimg1 img { height: 176px; }
.aimg img { width: 100%; height: 120px; object-fit: cover; }
.aimg img:hover { opacity: .9; }

.noCont { background: #fff; border-radius: 2px; padding: 60px 0; color: #666; font-size: 16px; text-align: center; margin-top: 24px; }
.noCont .icon-zanwushuju { font-size: 40px !important; opacity: .5; color: var(--gray9); }

.noContent { text-align: center; padding: 50px 0; }
.noContent-img { height: 131px; }
.noContent-txt { font-size: 16px; margin-top: 10px; margin-bottom: 30px; }
.noContent-btn { width: 160px; line-height: 48px; height: 48px; background-color: var(--tc); color: #fff; font-size: 16px; display: inline-block; border-radius: 2px; }
.noContent-btn:hover { color: #fff; opacity: .9; }

.formTips { background-color: rgba(0, 0, 0, 0.7); color: #fff; border-radius: 4px; padding: 10px 30px; position: fixed; top: 50%; margin-top: -20px; text-align: center; left: 50%; transform: translateX(-50%); display: none; z-index: 200; font-size: 16px; }

.common-img { margin-top: 20px; }
.common-img img { width: 100%; }

.select { position: relative; cursor: pointer; font-size: 14px; z-index: 6; border: 1px solid #DCDEE7; height: 34px; border-radius: 2px; }
.select_open { border-top: 5px solid #999; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: 50%; margin-top: -2px; right: 13px; }
.select_txt, .select_txts { padding-left: 10px; line-height: 32px; height: 34px; overflow: hidden; padding-right: 10px; border: none; background-color: transparent; width: 100%; padding-right: 30px; }
.select_txts { padding-right: 0; color: #999; }
.select .option { border: solid 1px #ddd; border-top: none; position: absolute; top: 34px; left: -1px; z-index: 2; display: none; max-height: 180px; overflow: auto; width: calc(100% + 2px); }
.select .option a { display: block; height: 38px; line-height: 38px; text-align: left; background: #fff; color: #666; overflow: hidden; padding-left: 10px; }
.select .option a:hover { background: #f4f4f4; }

.selects { position: relative; cursor: pointer; font-size: 14px; border: 1px solid #DCDEE7; height: 34px; border-radius: 2px; }
.selects.show-second .option-first { z-index: 2; }
.selects.show-second .option-second { z-index: 3; }
.selects .option-mul { border: solid 1px #ddd; border-top: none; position: absolute; top: 34px; left: -1px; z-index: 2; display: none; max-height: 180px; overflow: auto; width: calc(100% + 2px); }
.selects .option-mul a { display: block; height: 38px; line-height: 38px; text-align: left; background: #fff; color: #666; overflow: hidden; padding-left: 10px; }
.selects .option-mul a:hover { background: #f4f4f4; }
.selects .option-first { z-index: 3; }
.selects .option-second { z-index: 2; }

.footer { font-size: 14px; color: var(--gray9); margin-top: 30px; }
.footer a { color: var(--gray9); }
.footer a:hover { color: var(--tc); }
.footer-friend { display: flex; border-bottom: 1px solid rgba(30, 33, 41, 0.05); padding-bottom: 10px; }
.footer-friend-tit { flex-shrink: 0; }
.footer-friend-cont { margin-left: -15px; flex: 1; }
.footer-friend-cont a { display: inline-block; margin-left: 15px; }
.footer-copyright { text-align: center; padding: 10px 0 15px; border-bottom: 1px solid rgba(30, 33, 41, 0.05); }
.footer-copyright p { margin-top: 5px; }
.footer-sub { text-align: center; padding-block: 15px; }
.footer-sub a { margin-inline: 10px; }

.login-box { position: fixed; left: 50%; top: 50%; z-index: 101; transform: translate(-50%, -50%); width: 440px; padding: 25px 40px; background: #fff; border-radius: 4px; display: none; }
.login-bg { position: fixed; inset: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.4); display: none; }
.login-tit { font-size: 20px; font-weight: bold; }
.login-sub { font-size: 12px; color: var(--gray9); }
.login-cont { margin-top: 25px; }
.login-close { position: absolute; right: 40px; top: 32px; background-image: url("../images/icons/login-close.png"); background-size: 100% 100%; width: 14px; height: 14px; }
.login-list { margin-top: 15px; position: relative; font-size: 16px; }
.login-ipt { outline: none; border: none; border-bottom: 1px solid #D8D8D8; height: 48px; width: 100%; }
.login-ipt:focus { border-color: var(--tc); }
.login-get, .login-forget { position: absolute; right: 0; bottom: 10px; color: var(--tc); }
.login-get.disabled, .login-forget.disabled { color: var(--gray9); cursor: default; }
.login-forget { color: var(--gray9); }
.login-tips { font-size: 12px; color: var(--fc1); position: absolute; left: 40px; margin-top: 5px; display: none; }
.login-btn { display: block; background-color: var(--tc); color: #fff; border-radius: 2px; line-height: 44px; font-size: 16px; font-weight: bold; text-align: center; margin-top: 56px; }
.login-btn:hover { opacity: .9; color: #fff; }
.login-other { margin-top: 20px; }
.login-other-label { color: var(--gray9); }
.login-other-list { margin-right: auto; }
.login-other-list .iconfont { font-size: 20px; }
.login-other-list .icon-weixin2 { color: #1CB237; }
.login-switch { color: var(--fc1); }
.login-agree { text-align: center; font-size: 12px; margin-top: 25px; }
.login-agree a { color: var(--tc); }
.login-agree a:hover { text-decoration: underline; }

.bm-dia { width: 350px; background: #FFFFFF; position: fixed; left: 50%; margin-left: -175px; top: 50%; margin-top: -90px; z-index: 103; padding: 0 20px 20px 20px; display: none; border-radius: 4px; }
.bm-dia-title { color: #000; margin: 20px 0 12px 0; font-size: 18px; font-weight: bold; }

.mask-bg { background-color: rgba(0, 0, 0, 0.3); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 102; display: none; }

.captcha-box { position: fixed; left: 50%; top: 50%; z-index: 103; transform: translate(-50%, -50%); width: 350px; padding: 20px; background: #fff; border-radius: 4px; display: none; }
.captcha-box.show { display: block; }
.captcha-box.show + .captcha-bg { display: block; }
.captcha-bg { position: fixed; inset: 0; z-index: 102; background-color: rgba(0, 0, 0, 0.4); display: none; }
.captcha-close { position: absolute; right: 20px; top: 30px; background-image: url("../images/icons/login-close.png"); background-size: 100% 100%; width: 14px; height: 14px; }
.captcha-tit { font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.popupy { position: fixed; width: 800px; left: 50%; margin-left: -400px; z-index: 20; background-color: #fff; top: 50%; transform: translateY(-50%); padding: 25px 30px 30px; display: none; }
.popupy.show { display: block; }
.popupy.show + .popupy-bg { display: block; }
.popupy-bg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 19; left: 0; top: 0; display: none; }
.popupy-close { position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; }
.popupy-close:before, .popupy-close:after { content: ''; width: 20px; height: 2px; background-color: var(--gray9); position: absolute; right: 0; top: 10px; }
.popupy-close:before { transform: rotate(45deg); }
.popupy-close:after { transform: rotate(135deg); }
.popupy-tits { font-weight: bold; font-size: 24px; line-height: 1.2; }
.popupy-list { margin-top: 30px; }
.popupy-tit { display: flex; align-items: center; margin-bottom: 15px; }
.popupy-tit-t { font-size: 16px; }
.popupy-tit-s { color: #999; margin-left: 20px; }
.popupy-text { height: 160px; background-color: #F7F8FC; position: relative; font-size: 16px; padding: 15px 20px 0; }
.popupy-text.warning { border: 1px solid red; }
.popupy-text.warning .popupy-tips { display: block; }
.popupy-text-t { border: none; outline: none; resize: none; width: 100%; height: 100px; overflow: auto; background-color: transparent; }
.popupy-text-n { color: var(--gray9); position: absolute; right: 20px; bottom: 20px; line-height: 1; }
.popupy-tips { position: absolute; font-size: 12px; color: red; left: 20px; bottom: 15px; display: none; }
.popupy-ipt { width: 100%; height: 56px; background-color: #F7F8FC; padding-inline: 20px; font-size: 16px; border: none; outline: none; }
.popupy-btns { display: flex; align-items: center; justify-content: center; margin-top: 20px; }
.popupy-btns1, .popupy-btns2 { border-radius: 2px; padding-inline: 34px; height: 32px; line-height: 32px; }
.popupy-btns1:hover, .popupy-btns2:hover { opacity: .9; }
.popupy-btns1 { background-color: #E6E6E6; color: var(--gray9); }
.popupy-btns1:hover { color: var(--gray9); }
.popupy-btns2 { background-color: var(--tc); color: #fff; margin-left: 10px; }
.popupy-btns2:hover { color: #fff; }
.popupy-imgs { display: flex; flex-wrap: wrap; margin-left: -12px; margin-top: -12px; }
.popupy-imgs-list { width: 80px; height: 80px; position: relative; margin-left: 12px; margin-top: 12px; }
.popupy-imgs-list img { width: 100%; height: 100%; object-fit: cover; }
.popupy-imgs-del { color: var(--fc1); position: absolute; font-size: 12px; right: -6px; top: -6px; background-color: #fff; border-radius: 50%; line-height: 1; }
.popupy-imgs-del:hover { color: var(--fc1); }
.popupy-imgs-add { cursor: pointer; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; color: #D8D8D8; border-radius: 2px; border: 1px dashed #D7D7D7; margin-top: 12px; margin-left: 12px; position: relative; }
.popupy-imgs-add input[type="file"] { width: 100%; height: 100%; position: absolute; cursor: pointer; opacity: 0; }
.popupy-imgs-add > div:nth-child(2) { width: 100% !important; height: 100% !important; }
.popupy-success { position: fixed; font-size: 16px; text-align: center; width: 230px; height: 150px; background-color: #fff; z-index: 12; left: 50%; top: 50%; margin-left: -115px; margin-top: -75px; padding-top: 45px; display: none; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.popupy-success .iconfont { width: 32px; height: 32px; color: var(--fc1); background-color: #fff; font-size: 32px; line-height: 1; }
.popupy-success-txt { margin-top: 10px; }

.compared { position: fixed; right: 0; top: 0; bottom: 0; z-index: 20; background-color: #fff; width: 360px; box-shadow: -5px 0px 50px 0px rgba(0, 0, 0, 0.05); transform: translateX(100%); transition: all .3s; }

.leftFix { position: fixed; z-index: 13; left: 50%; margin-left: -790px; top: 680px; margin-top: 80px; font-size: 14px; }
.leftFix li { width: 72px; height: 72px; background: #FFFFFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); border-radius: 4px; text-align: center; padding: 16px 0 0 0; margin-top: 20px; position: relative; }
.leftFix li a { display: block; }
.leftFix li .iconfont { font-size: 16px; }
.leftFix li .iconfont.active { color: #E62020; }
.leftFix li .icon-pinglun { color: #0056E8; }
.leftFix li .icon-fenxiang1 { color: #FF952E; }
.leftFix-share { width: 120px; height: 184px; background: #FFFFFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); border-radius: 4px; position: absolute; top: 82px; left: -24px; display: none; }
.leftFix-share-img { width: 80px; height: 80px; margin-top: 20px; }
.leftFix-share-btn { width: 80px; height: 24px; border-radius: 15px; border: 1px solid #0056E8; color: #0056E8; margin: 16px auto 0; }
.leftFix-share p { color: #45D36D; margin-top: 5px; }

.gotop, .complain { padding: 0 12px; height: 48px; font-size: 14px; display: flex; align-items: center; justify-content: center; border-radius: 2px; background-color: #fff; z-index: 10; right: 20px; bottom: 40px; position: fixed; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); }

.complain { bottom: 98px; }

.icons-gotop { width: 16px; height: 14px; background-image: url("../images/icons/gotop.png"); margin-right: 10px; }
.icons-ts1 { width: 16px; height: 16px; background-image: url("../images/icons/ts1.svg"); margin-right: 10px; }

.loading { display: flex; justify-content: center; align-items: center; font-size: 16px; margin-top: 15px; color: var(--gray6); display: none; }
.loading-icon { width: 30px; height: 30px; --b: 6px; aspect-ratio: 1; border-radius: 50%; padding: 1px; background: conic-gradient(#0000 10%, var(--tc)) content-box; -webkit-mask: repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg), radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b))); -webkit-mask-composite: destination-in; mask-composite: intersect; animation: loading 1s infinite steps(10); display: inline-block; margin-right: 5px; }

@keyframes loading { to { transform: rotate(1turn); } }
.go-url { cursor: pointer; }

.article-modal { position: fixed; z-index: 20; background-color: #fff; width: 360px; left: 50%; margin-left: -180px; top: 50%; transform: translateY(-50%); text-align: center; padding: 50px 0 30px; display: none; }
.article-modal.sm { padding: 30px; text-align: left; }
.article-modal.sm .article-modal-i { width: 120px; height: 120px; margin: 0; flex-shrink: 0; }
.article-modal-bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 18; display: none; }
.article-modal-close { width: 14px; height: 14px; background: url("../images/icons/close1.png") no-repeat; background-size: 100% 100%; position: absolute; right: 18px; top: 18px; }
.article-modal-t { font-weight: bold; font-size: 20px; }
.article-modal-i { width: 160px; height: 160px; margin: 20px 0; }
.article-modal-s { font-size: 14px; color: var(--gray9); }
.article-modal-f { display: flex; margin-top: 20px; }
.article-modal-m { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.article-modal-r { font-size: 16px; }