@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,input,textarea,th,td {margin: 0;padding: 0;}body {font: 14px/1.6 "PingFang SC",Arial,"Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;color: #1E2129;background-color: #F7F8FC;}html,body {height: 100%;}* {box-sizing: border-box;}em,i,b {font-style: normal;}ul,ol {list-style: none;}a {text-decoration: none;outline: none;}img {border: none;vertical-align: middle;}input,textarea {outline: none;font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}input,select,textarea {font-size: 100%;}table {border-collapse: collapse;border-spacing: 0;}::-webkit-input-placeholder {color: #979AA8;}:-moz-placeholder,::-moz-placeholder {color: #979AA8;}:-ms-input-placeholder {color: #979AA8;}.fl {float: left;}.fr {float: right;}.clearfix:after {content: "";display: block;visibility: hidden;clear: both;height: 0;font-size: 0;}.clearfix {zoom: 1;}a {color:#1E2129;text-decoration: none;}a:hover {color: var(--tc);}.show {display: block !important;}.hide {display: none !important;}.dib {display: inline-block;}.clear {clear: both;}.tal {text-align: left !important;}.tac {text-align: center !important;}.tar {text-align: right !important;}.bgfff {background: #fff;}.ti2 {text-indent: 2em;}.fz10 {font-size: 10px !important;}.fz12 {font-size: 12px !important;}.fz14 {font-size: 14px !important;}.fz16 {font-size: 16px !important;}.fz18 {font-size: 18px !important;}.fz20 {font-size: 20px !important;}.fz24{font-size: 24px !important;}.fz36{font-size: 36px !important;}.color999 {color: #999;}.bodyh {height: 100%;position: relative;}.bodyhh {min-height: 100%;}.ml0 {margin-left: 0 !important;}.mr0 {margin-right: 0 !important;}.mt0 {margin-top: 0 !important;}.mb0 {margin-bottom: 0 !important;}.mt5 {margin-top: 5px !important;}.mb5 {margin-bottom: 5px !important;}.ml5 {margin-left: 5px;}.mr5 {margin-right: 5px;}.mlr5 {margin-left: 5px;margin-right: 5px;}.mlr20 {margin-left: 20px;margin-right: 20px;}.mt10 {margin-top: 10px !important;}.mb10 {margin-bottom: 10px;}.ml10 {margin-left: 10px;}.mr10 {margin-right: 10px;}.mt15 {margin-top: 15px !important;}.mb15 {margin-bottom: 15px !important;}.ml15 {margin-left: 15px;}.mr15 {margin-right: 15px;}.mt20 {margin-top: 20px !important;}.mt25 {margin-top: 25px !important;}.mb20 {margin-bottom: 20px !important}.ml20 {margin-left: 20px;}.mr20 {margin-right: 20px;}.mt30 {margin-top: 30px !important;}.mt35 {margin-top: 35px !important;}.mb30 {margin-bottom: 30px !important;}.mb40 {margin-bottom: 40px !important;}.ml30 {margin-left: 30px;}.mr30 {margin-right: 30px;}.ml40 {margin-left: 40px;}.mt40 {margin-top: 40px !important;}.pd0{padding:0 !important;}.pt0 {padding-top: 0 !important;}.pt5 {padding-top: 5px;}.pb5 {padding-bottom: 5px;}.pl0{ padding-left: 0 !important; }.pr0{ padding-right: 0 !important; }.p15 {padding: 15px;}.pl5 {padding-left: 5px;}.pr5 {padding-right: 5px;}.pt10 {padding-top: 10px !important;}.pb0{padding-bottom: 0 !important}.pb10 {padding-bottom: 10px !important;}.pl10 {padding-left: 10px;}.pr10 {padding-right: 10px;}.plr10 {padding-left: 10px;padding-right: 10px;}.p10 {padding: 10px;}.pt15 {padding-top: 15px;}.pb15 {padding-bottom: 15px !important;}.pl15 {padding-left: 15px;}.pr15 {padding-right: 15px;}.plr15 {padding-left: 15px;padding-right: 15px;}.pt20 {padding-top: 20px !important;}.pb20 {padding-bottom: 20px !important;}.pl20 {padding-left: 20px;}.pl30{padding-left:30px;}.pr20 {padding-right: 20px;}.plr20 {padding-left: 20px;padding-right: 20px;}.p20 {padding: 20px !important;}.pb30{padding-bottom: 30px !important;}.pt30{padding-top: 30px !important;}.pt40{padding-top: 40px !important;}.pb40{padding-bottom: 40px !important;}.pb50{padding-bottom: 50px !important;}.mt50{margin-top: 50px;}.mt60{margin-top: 60px;}.mb80{margin-bottom: 80px}.pr90{padding-right: 90px !important}.ptb80{padding-top: 80px !important; padding-bottom: 80px !important}.bt10 {border-top: 10px solid #f6f6f6;}.bb-so {border-bottom: 1px solid #f1f4fA;}.bo0{border:0 !important;}.ovh li,.ovhh {overflow: hidden;white-space: nowrap;}.por {position: relative;}.poa {position: absolute;}.fwb {font-weight: bold;}.flex{display: flex}.flexalign{ display: flex;align-items: center }.no-cont {background-color: #fff;text-align: center;padding: 50px;font-size: 18px;color: #666;font-weight: bold;}.no-cont img {vertical-align: middle;margin-right: 10px;width: 163px;}.no-cont p {margin-top: 20px;}.no-bg{background: none !important;}.texunder{text-decoration: underline}.text-cen{text-align: center}.text-le{text-align: left !important}.fl-bwt{display: flex; justify-content:space-between; align-items: center}.header-region-t::after, .wrap-tab-m::after, .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-more::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-gj, .wrap-tit-flex, .wrap-tits, .login-other { display: flex; justify-content: space-between; align-items: center; }:root { --tc:#EA5C03; --tca:234, 92, 3; --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:#1C7FCD; --fqrza:28,127,205; --zwhb:#615C9E; --zwhba:97, 92, 158; --gjyx:#CE3434; --gjyxa:230, 32, 32; --qrz:#349F84; --qrza:52, 159, 132; }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; }.color9 { 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; }.icons-emba { background-image: url("../images/icons/emba.png"); }.icons-emba { width: 69px; height: 20px; }.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(4% + var(--navWidthMin)); width: calc(100% - 8% - var(--navWidthMin)); }.bodyw.media .article-fixed-max { padding-left: calc(4% + var(--navWidthMin)); }.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 { margin: 0; }.bodyw.media .nav-list .iconfont.big { display: none; }.bodyw.media .nav-list .iconfont.small { display: block; }.bodyw.default .main { padding-left: calc(4% + var(--navWidth)); }.bodyw.default .xx-malt { left: calc(4% + var(--navWidth)); width: calc(100% - 8% - var(--navWidth)); }.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; transition: all .3s; }.bodyw.default .nav-list span { flex: 1; display: flex; justify-content: space-between; align-items: center; padding-right: 22px; }.bodyw.default .nav-list .iconfont { margin-right: 10px; font-size: 14px; }.bodyw.default .nav-list .iconfont.big { display: block; }.bodyw.default .nav-list .iconfont.small { display: none; }.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)); transition: all .3s; }.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; }.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: 40px; }.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%; border-radius: 44px; position: relative; }.header-search-ipt { flex: 1; border: none; padding-left: 20px; background-color: transparent; }.header-search-btn { cursor: pointer; width: 104px; background-color: var(--tc); border: none; color: #fff; border-radius: 44px; }.header-search-btn:hover { opacity: .9; }.header-slide { position: absolute; width: 100%; top: 55px; left: 0; border: solid 2px var(--tc); border-radius: 4px; line-height: 44px; background-color: #fff; z-index: 10; font-size: 14px; display: none; }.header-slide::before { content: ''; border-bottom: 8px solid var(--tc); border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -8px; left: 20px; }.header-slide-list { display: block; padding-left: 20px; }.header-slide-list:hover { background-color: rgba(var(--tca), 0.1); }.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; border-radius: 36px; text-align: center; line-height: 34px; color: var(--tc) !important; border: 1px solid currentcolor; }.header-login:hover { opacity: .8; }.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-gj { margin-bottom: 20px; }.header-gj_left { display: flex; align-items: center; }.header-gj-logo { font-size: 32px; line-height: 1; font-weight: bold; margin-right: 10px; }.header-gj-logo img { height: 40px; }.header-gj-area { color: var(--gray6); margin-left: 40px; font-size: 14px; }.header-gj-area .iconfont { font-size: 12px; margin-right: 4px; }.header-gj-txt { font-size: 32px; font-weight: bold; }.header-gj-txt h1, .header-gj-txt h2 { font-size: 1em; }.header-tel { display: flex; align-items: center; }.header-tel .iconfont { background-color: #333; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; margin-right: 8px; text-align: center; }.header-tel-t { font-size: 20px; font-family: 'Impact'; line-height: 1; }.header-tel-s { color: #999; }.header-nav { height: 52px; background-color: var(--gray1); border-radius: 26px; font-size: 16px; position: relative; overflow: hidden; background: linear-gradient(270deg, #EA5C03, #222222); }.header-nav-main { display: flex; padding: 0 10px 0 40px; }.header-nav-main li:not(:first-child) { margin-left: 60px; }.header-nav-main li .icon-video { margin-left: 4px; vertical-align: 1px; font-size: 12px; }.header-nav-main a { color: #fff; position: relative; height: 52px; line-height: 52px; display: block; }.header-nav-main a:hover { color: #fff; }.header-nav-main a.active { color: #fff; font-weight: bold; font-size: 18px; }.header-nav-main a.active::before { content: ""; position: absolute; width: 30px; height: 3px; background: #fff; left: 50%; margin-left: -15px; bottom: 8px; }.header-nav-main .hot { font-size: 12px; width: 16px; height: 16px; background-color: var(--tc); border-radius: 2px; position: absolute; right: -18px; top: 12px; display: flex; align-items: center; justify-content: center; color: #fff; }.header-nav-btn { margin-left: auto !important; }.header-nav-btn a { width: 100px; height: 36px; margin-top: 8px; line-height: 36px; background-color: #EAA503; color: #fff; text-align: center; font-weight: bold; border-radius: 2px; }.header-nav-btn a:hover { opacity: .9; }.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; transition: all .3s; }.nav-list.active { background-color: var(--tc) !important; color: #fff !important; }.nav-list.active span.more::after { border-color: #fff; }.nav-list.active .iconfont { color: #fff !important; }.nav-list:hover { background-color: rgba(var(--tca), 0.12); color: var(--tc); }.nav-list:hover span.more::after { border-color: var(--tc); }.nav-list:hover .iconfont.small { color: var(--tc); }.nav-list .iconfont { margin-right: 10px; font-size: 14px; }.nav-list .iconfont.big { display: block; }.nav-list .iconfont.small { display: none; color: var(--gray9); font-size: 18px; }.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.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 { font-size: 20px; font-weight: bold; margin-right: 36px; line-height: 30px; }.wrap-tit + .wrap-tit-sub, .wrap-tit + .js-hov-btn, .wrap-tit + .wrap-tab { margin-left: -16px; }.wrap-tit span { color: var(--tc); }.wrap-tit .icon-hot { color: var(--tc1); margin-right: 5px; }.wrap-tit-img { height: 30px; margin-right: 36px; }.wrap-tit-i { height: 18px; display: inline-block; }.wrap-tit-txt { font-size: 20px; font-weight: bold; background-color: #1E2129; margin-right: 32px; line-height: 30px; padding: 0 8px; color: #fff; border-radius: 2px; }.wrap-tit-txt .iconfont { color: var(--tc1); margin-right: 2px; }.wrap-tit-txt .icons { margin-top: -1px; margin-right: 5px; }.wrap-tit-f { color: var(--gray6); }.wrap-tit-f .iconfont { font-size: 12px; margin-right: 4px; }.wrap-tit-flex { margin-bottom: 15px; }.wrap-tit-aic { display: flex; align-items: center; }.wrap-tit-sub { color: var(--gray6); }.wrap-tits { padding: 0 16px; border-bottom: 1px solid #E5E8F2; }.wrap-tabs { display: flex; align-items: center; }.wrap-tabs.lg { padding: 14px 0; }.wrap-tabs.lg a, .wrap-tabs.lg span { font-size: 18px; margin-left: 40px; }.wrap-tabs.lg a.active::after, .wrap-tabs.lg span.active::after { bottom: -14px; }.wrap-tabs.sm a { font-size: 14px; }.wrap-tabs.mini { line-height: 54px; padding: 0 16px; }.wrap-tabs.mini a { font-size: 14px; color: var(--gray9); }.wrap-tabs.mini a.active::after { bottom: 0; }.wrap-tabs.bdb { border-bottom: 1px solid #E5E8F2; }.wrap-tabs a, .wrap-tabs span { font-size: 16px; margin-left: 28px; color: var(--gray6); position: relative; z-index: 2; }.wrap-tabs a.active, .wrap-tabs span.active { color: var(--gray1); font-weight: bold; }.wrap-tabs a.active::after, .wrap-tabs span.active::after { content: ""; width: 24px; height: 4px; background: var(--tc); position: absolute; left: 50%; margin-left: -12px; bottom: -6px; }.wrap-tabs a:first-child, .wrap-tabs span:first-child { margin-left: 0; }.wrap-tab { display: flex; align-items: center; position: relative; z-index: 2; }.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 { transform: rotate(-90deg); background: none; position: static; width: 0; height: 0; margin-top: -2px; color: var(--gray9); }.wrap-more { color: var(--gray9); display: flex; align-items: center; }.wrap-more::after { margin-left: 0; }.wrap-more-btn { display: block; text-align: center; background: #F1F4FA; line-height: 40px; transition: all .3s; margin-top: 15px; }.wrap-more-btn::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-btn:hover { background-color: var(--tc); color: #fff; }.wrap-bd { border-bottom: 1px solid #E5E8F2; }.wrap-bd-t { display: inline-block; font-weight: bold; font-size: 20px; border-bottom: 4px solid var(--tc); }.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-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; }.hmore { position: relative; display: inline-block; }.hmore:hover .hmore-con { display: block; }.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 { width: 12px; height: 12px; display: inline-block; background-size: 100% 100%; background-image: url("../images/icons/gd.png"); }.hmore-sm .iconfont { color: var(--fc1); font-size: 14px; position: absolute; opacity: .5; }.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: 22; display: none; }.pop-cont { background: #FFFFFF; border-radius: 4px; width: 420px; padding: 40px 40px 28px; position: fixed; left: 50%; top: 50%; z-index: 23; 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; }.noCont { background-color: #FFF; border-radius: 4px; padding: 80px 0; color: #999; font-size: 18px; text-align: center; margin-top: 12px; }.noCont.transparent { background-color: transparent; }.noCont .iconfont { font-size: 60px; color: #DAD9DC; }.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.5); color: #fff; border-radius: 4px; padding: 20px 30px; position: fixed; top: 50%; margin-top: -20px; text-align: center; left: 50%; transform: translateX(-50%); z-index: 200; font-size: 16px; display: none; }.formTips .iconfont { font-size: 24px; display: block; margin: 0 auto 5px; }.select { position: relative; cursor: pointer; font-size: 14px; 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; }.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; }.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; }.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-box::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 84px; background: linear-gradient(180deg, rgba(var(--tca), 0.3), rgba(var(--tca), 0)); }.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; z-index: 2; }.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 .icon-weixin { 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; }.gotop { 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); }.icons-gotop { width: 16px; height: 14px; background-image: url("../images/icons/gotop.png"); margin-right: 10px; }.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; }.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.deal { width: 480px; text-align: center; margin-left: -240px; border-radius: 4px; }.popupy.deal .popupy-tits { margin-top: 30px; }.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-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; }.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; }.popupy-img { width: 200px; height: 200px; display: block; margin: 40px auto 20px; }.popupy-txt { color: #666; }.pay { width: 300px; position: fixed; z-index: 21; top: 50%; margin-top: -180px; margin-left: -150px; left: 50%; background-color: #fff; border-radius: 16px; text-align: center; padding: 30px 20px 20px; display: none; }.pay.show { display: block; }.pay.show + .pay-bg { display: block; }.pay-bg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 20; left: 0; top: 0; display: none; }.pay-tit { font-weight: bold; font-size: 20px; }.pay-tits { font-weight: bold; font-size: 24px; }.pay-sub { font-size: 16px; color: #666; }.pay-close { position: absolute; right: 20px; top: 20px; width: 12px; height: 12px; }.pay-close::before, .pay-close::after { content: ''; width: 15px; height: 2px; background-color: #C3C3C3; position: absolute; right: 0; top: 5px; }.pay-close::before { transform: rotate(135deg); }.pay-close::after { transform: rotate(225deg); }.pay-code { width: 200px; height: 200px; margin: 20px 0; }.pay-btn { color: #fff; font-size: 16px; display: block; line-height: 48px; background-color: var(--tc); }.pay-btn.sm { width: 200px; margin-inline: auto; border-radius: 4px; }.pay-pri { margin-top: 10px; font-size: 14px; }.pay-pri em { font-weight: bold; color: var(--fc1); }.pay-old { color: #999; text-decoration: line-through; }.pay-done { color: #fff; position: absolute; bottom: -35px; left: 0; width: 100%; text-align: center; }.pay-done a { color: #fff; }@font-face {  font-family: "iconfont";   src: url('../font/iconfont.woff2') format('woff2'),       url('../font/iconfont.woff') format('woff'),       url('../font/iconfont.ttf') format('truetype');}.iconfont {  font-family: "iconfont" !important;  font-size: 16px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}.icon-navv15:before {  content: "\e601";}.icon-nav15:before {  content: "\e611";}.icon-zlzg:before {  content: "\e612";}.icon-qzlx:before {  content: "\e671";}.icon-gjqz:before {  content: "\e673";}.icon-enqz:before {  content: "\e66e";}.icon-qzjj:before {  content: "\e672";}.icon-qzyb:before {  content: "\e670";}.icon-rjxz:before {  content: "\e66c";}.icon-qzyy:before {  content: "\e66d";}.icon-qzmq:before {  content: "\e66f";}.icon-qzzy:before {  content: "\e669";}.icon-zpyq1:before {  content: "\e67b";}.icon-qzxq:before {  content: "\e60b";}.icon-zwrl:before {  content: "\e66a";}.icon-qzhs:before {  content: "\e604";}.icon-qzms:before {  content: "\e603";}.icon-evdj1:before {  content: "\e67a";}.icon-blsj1:before {  content: "\e679";}.icon-ldqz:before {  content: "\e674";}.icon-bllc:before {  content: "\e678";}.icon-fmxz:before {  content: "\e677";}.icon-qzcx:before {  content: "\e602";}.icon-qzbx:before {  content: "\e676";}.icon-dzqz:before {  content: "\e605";}.icon-qzfy:before {  content: "\e675";}.icon-zhq:before {  content: "\e66b";}.icon-zyjd:before {  content: "\e615";}.icon-lock:before {  content: "\e610";}.icon-jdcx:before {  content: "\e667";}.icon-down:before {  content: "\e6b5";}.icon-gzqz:before {  content: "\e63f";}.icon-lymq:before {  content: "\e643";}.icon-swqz:before {  content: "\e644";}.icon-lxqz:before {  content: "\e646";}.icon-lyqz:before {  content: "\e648";}.icon-tqqz:before {  content: "\e60d";}.icon-blsj:before {  content: "\e662";}.icon-zpyq:before {  content: "\e661";}.icon-ztcx:before {  content: "\e664";}.icon-evdj:before {  content: "\e665";}.icon-focus1:before {  content: "\e65f";}.icon-focus:before {  content: "\e65e";}.icon-step4:before {  content: "\e65c";}.icon-step5:before {  content: "\e65b";}.icon-step3:before {  content: "\e65a";}.icon-step1:before {  content: "\e659";}.icon-step2:before {  content: "\e65d";}.icon-copy:before {  content: "\e637";}.icon-dd1:before {  content: "\e63c";}.icon-download:before {  content: "\e6a7";}.icon-nail:before {  content: "\e9f3";}.icon-add:before {  content: "\eb78";}.icon-gb:before {  content: "\e647";}.icon-logo:before {  content: "\e658";}.icon-del:before {  content: "\e636";}.icon-dz2:before {  content: "\e622";}.icon-fx:before {  content: "\e623";}.icon-pl:before {  content: "\e627";}.icon-dz1:before {  content: "\e62b";}.icon-sc2:before {  content: "\e61b";}.icon-jb:before {  content: "\e62d";}.icon-hf:before {  content: "\e62e";}.icon-sc1:before {  content: "\e62f";}.icon-qzone:before {  content: "\e630";}.icon-qq:before {  content: "\e633";}.icon-weixin:before {  content: "\e634";}.icon-weibo:before {  content: "\e635";}.icon-gd1:before {  content: "\eb00";}.icon-dh:before {  content: "\e657";}.icon-dd:before {  content: "\e60f";}.icon-dt:before {  content: "\e9f0";}.icon-duihao:before {  content: "\e625";}.icon-zwsj:before {  content: "\e62c";}.icon-want:before {  content: "\e632";}.icon-duibi:before {  content: "\e640";}.icon-video:before {  content: "\e619";}.icon-img:before {  content: "\e62a";}.icon-warn:before {  content: "\e72d";}.icon-fresh:before {  content: "\e69b";}.icon-play:before {  content: "\e600";}.icon-user:before {  content: "\e63a";}.icon-navv8:before {  content: "\e656";}.icon-navv1:before {  content: "\e655";}.icon-navv6:before {  content: "\e654";}.icon-navv3:before {  content: "\e64e";}.icon-navv4:before {  content: "\e650";}.icon-navv10:before {  content: "\e653";}.icon-navv7:before {  content: "\e64f";}.icon-navv13:before {  content: "\e651";}.icon-navv9:before {  content: "\e652";}.icon-navv11:before {  content: "\e64a";}.icon-navv5:before {  content: "\e64d";}.icon-navv14:before {  content: "\e64c";}.icon-navv2:before {  content: "\e64b";}.icon-a-wodedingdanbeifen2:before {  content: "\e649";}.icon-shouqi:before {  content: "\e606";}.icon-zhankai:before {  content: "\e608";}.icon-hot:before {  content: "\e617";}.icon-nav1:before {  content: "\e642";}.icon-nav8:before {  content: "\e645";}.icon-nav6:before {  content: "\e63e";}.icon-phone:before {  content: "\e641";}.icon-nav3:before {  content: "\e607";}.icon-oceania:before {  content: "\e63d";}.icon-africa:before {  content: "\e639";}.icon-nav11:before {  content: "\e631";}.icon-arrow:before {  content: "\e609";}.icon-nav10:before {  content: "\e63b";}.icon-order:before {  content: "\e628";}.icon-america:before {  content: "\e629";}.icon-nav4:before {  content: "\e626";}.icon-wx:before {  content: "\e621";}.icon-nav13:before {  content: "\e624";}.icon-nav9:before {  content: "\e61f";}.icon-nav7:before {  content: "\e61d";}.icon-nav5:before {  content: "\e620";}.icon-xcx:before {  content: "\e61e";}.icon-nav2:before {  content: "\e61c";}.icon-mq:before {  content: "\e613";}.icon-nav14:before {  content: "\e614";}.icon-nav12:before {  content: "\e60c";}.icon-asia:before {  content: "\e60e";}.icon-europe:before {  content: "\e60a";}.product-tits { display: flex; justify-content: space-between; align-items: center; }.product-item { background-color: #fff; margin-top: 10px; padding: 20px; }.product-info { display: flex; }.product-img { flex-shrink: 0; width: 150px; height: 96px; margin-right: 20px; }.product-det { flex: 1; }.product-tit { font-weight: bold; font-size: 24px; }.product-type { display: flex; align-items: center; margin-top: 2px; }.product-type span { color: #fff; padding-inline: 5px; border-radius: 2px; line-height: 20px; height: 20px; margin-right: 10px; }.product-type1 { background-color: #0D62F0; }.product-tag { display: flex; color: #666; margin-top: 10px; align-items: center; }.product-tag span { padding-inline: 6px; border-radius: 2px; line-height: 16px; height: 18px; font-size: 12px; border: 1px solid; margin-right: 10px; }.product-tag1 { color: #FF7C28; border-color: rgba(255, 124, 40, 0.3); background-color: rgba(255, 124, 40, 0.1); }.product-tag2 { color: #32A999; border-color: rgba(50, 169, 153, 0.3); background-color: rgba(50, 169, 153, 0.1); }.product-tag3 { color: #0D62F0; border-color: rgba(13, 98, 240, 0.3); background-color: rgba(13, 98, 240, 0.1); }.product-tag4 { color: #D437D4; border-color: rgba(212, 55, 212, 0.3); background-color: rgba(212, 55, 212, 0.1); }.product-tag5 { color: #F72222; border-color: rgba(247, 34, 34, 0.3); background-color: rgba(247, 34, 34, 0.1); }.product-percent { flex-shrink: 0; font-size: 16px; color: #999; }.product-percent em { color: var(--gray1); font-weight: bold; font-size: 24px; margin-left: 10px; }.product-intro { display: flex; justify-content: space-between; margin-top: 40px; }.product-intro-left { display: flex; }.product-intro-right { flex-shrink: 0; }.product-intro-list { min-width: 120px; border-right: 1px solid rgba(13, 98, 240, 0.1); margin-right: 20px; }.product-intro-list:last-child { border-right: none; }.product-intro-s { color: #999; position: relative; display: inline-block; }.product-intro-t { font-weight: bold; margin-top: 5px; }.product-intro-h { position: absolute; right: -5px; top: 0; transform: translateX(100%); }.product-intro-h .iconfont { font-size: 14px; }.product-intro-h:hover .product-intro-c { display: block; }.product-intro-c { background-color: #fff; position: absolute; z-index: 2; padding: 5px 10px; border-radius: 2px; white-space: nowrap; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); display: none; }.product-intro-txt { color: #666; text-align: right; }.product-intro-pri { color: var(--tc); font-weight: bold; font-size: 28px; line-height: 1.2; }.product-pack { margin-top: 20px; display: flex; }.product-pack-tit { line-height: 40px; color: #666; flex-shrink: 0; }.product-pack-item { display: flex; min-width: 0; }.product-pack-list { border: 1px solid #E8E8E8; line-height: 38px; height: 40px; border-radius: 2px; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 16px; color: #666; position: relative; margin-right: 10px; padding-inline: 5px; }.product-pack-list.active { color: var(--tc); border-color: currentcolor; }.product-pack-list.active::after { content: ''; border-left: 12px solid currentcolor; border-bottom: 12px solid transparent; position: absolute; left: 0; top: 0; }.product-btn { background-color: var(--tc); color: #fff; line-height: 44px; height: 44px; border-radius: 44px; padding-inline: 50px; flex-shrink: 0; margin-left: auto; }.product-btn:hover { color: #fff; opacity: .9; }.product-notice { background-color: #F7F8FC; padding: 20px; margin-top: 20px; }.product-notice-cont { border-top: 1px solid rgba(var(--tca), 0.1); font-size: 16px; line-height: 30px; padding-top: 15px; margin-top: 15px; }.product-tits { line-height: 1.2; }.product-tits-t { font-size: 20px; font-weight: bold; position: relative; }.product-tits-t::after { content: ''; width: 100%; height: 6px; background-color: var(--tc); opacity: .2; position: absolute; left: 0; bottom: 2px; }.product-tits-b { color: #666; }.product-tits-b::after { content: ''; margin-left: 5px; border-left: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8; width: 8px; height: 8px; display: inline-block; transform: rotate(45deg); vertical-align: -1px; }.product-tits-b.show::after { transform: rotate(225deg); vertical-align: 3px; }.product-imgs { margin-top: 15px; }.product-imgs img { width: 500px; height: auto; }.product-tips { line-height: 28px; padding-left: 20px; margin-top: 25px; }.materialp-flex { display: flex; border-bottom: 1px solid rgba(var(--tca), 0.1); padding-bottom: 14px; margin-top: 15px; }.materialp-tab a { color: #666; position: relative; padding-bottom: 15px; margin-right: 35px; }.materialp-tab a.active { color: var(--tc); }.materialp-tab a.active::after { content: ''; width: 24px; height: 3px; position: absolute; left: 50%; margin-left: -12px; bottom: 0; background-color: currentcolor; }.materialp-down { margin-left: auto; color: #fff; background-color: var(--tc); padding-inline: 24px; height: 36px; line-height: 36px; border-radius: 36px; margin-top: -15px; }.materialp-down:hover { color: #fff; opacity: .9; }.materialp-tit { margin-top: 35px; font-size: 18px; font-weight: bold; margin-bottom: 10px; }.materialp-tit span { color: var(--tc); }.materialp-head { background-color: #F7F8FC; line-height: 40px; height: 40px; color: #999; }.materialp-list { display: flex; text-align: center; border-right: 1px solid #F3F3F3; }.materialp-list > div { flex-shrink: 0; }.materialp-list .wid1 { width: 20%; }.materialp-list .wid2 { width: 17%; }.materialp-list .wid3 { flex: 1; text-align: left; justify-content: flex-start; padding-left: 50px; }.materialp-list .wid4 { width: 15%; }.materialp-body .materialp-list > div { padding: 15px 10px; display: flex; align-items: center; justify-content: center; border-left: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; }.materialp-body .materialp-list .wid1 { font-size: 16px; font-weight: bold; text-align: left; justify-content: flex-start; }.materialp-body .materialp-list .wid3 { justify-content: flex-start; padding-left: 50px; }.materialp-txt { line-height: 24px; }.materialp-txt.dot p::before { content: ''; width: 4px; height: 4px; background-color: #D8D8D8; display: inline-block; margin-right: 10px; vertical-align: middle; }.materialp-btn { font-size: 14px; color: var(--tc); padding-inline: 28px; height: 36px; line-height: 34px; border-radius: 36px; border: 1px solid currentcolor; transition: all .3s; display: inline-block; }.materialp-btn:hover, .materialp-btn.active { color: #fff; background-color: var(--tc); }.materialp-btn.active { display: none; }.materialp-btn.active:hover { opacity: .8; }.processp p { font-size: 14px; line-height: 24px; padding-left: 42px; position: relative; }.processp p::before { content: ''; width: 4px; height: 100%; background-color: var(--tc); opacity: .1; position: absolute; left: 14px; top: 10px; }.processp p:last-child::before { content: none; }.processp .p-tit { font-weight: bold; font-size: 16px; padding: 30px 0 5px; }.processp .p-tit::before { content: none; }.processp .num { color: #fff; font-size: 16px; font-weight: bold; text-align: center; width: 32px; height: 32px; line-height: 32px; background-color: var(--tc); border-radius: 50%; position: relative; display: inline-block; margin-right: 10px; }.processp-list { display: flex; padding-top: 30px; position: relative; }.processp-list:last-child .processp-txt { border-bottom: none; padding-bottom: 10px; }.processp-list:last-child::before { content: none; }.processp-list::before { content: ''; width: 4px; height: 100%; background-color: var(--tc); opacity: .1; position: absolute; left: 14px; top: 30px; }.processp-num { color: #fff; font-size: 16px; font-weight: bold; text-align: center; width: 32px; height: 32px; line-height: 32px; background-color: var(--tc); border-radius: 50%; position: relative; }.processp-num::before, .processp-num::after { content: ''; width: 100%; height: 20px; background-color: #fff; left: 0; position: absolute; }.processp-num::before { top: -20px; }.processp-num::after { bottom: -20px; }.processp-cont { flex: 1; margin-left: 10px; }.processp-tit { font-weight: bold; font-size: 16px; }.processp-txt { line-height: 24px; margin-top: 5px; padding-bottom: 30px; border-bottom: 1px solid rgba(13, 98, 240, 0.1); }.zoomi { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 21; display: none; }.zoomi-close { position: absolute; right: 40px; top: 40px; width: 36px; height: 36px; }.zoomi-close::before, .zoomi-close::after { content: ''; width: 40px; height: 2px; background: #fff; position: absolute; right: 0; top: 10px; }.zoomi-close::before { transform: rotate(45deg); }.zoomi-close::after { transform: rotate(135deg); }.zoomi-bg { background-color: rgba(0, 0, 0, 0.8); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 20; display: none; }.zoomi .next, .zoomi .prev { width: 35px; height: 35px; border-left: 3px solid #fff; border-top: 3px solid #fff; position: absolute; top: 50%; margin-top: -25px; }.zoomi .prev { transform: rotate(-45deg); left: -40px; }.zoomi .next { transform: rotate(135deg); right: -40px; }.zoomi-slider { height: 80%; top: 10%; left: 70px; right: 70px; position: absolute; display: flex; flex-direction: column; }.zoomi-slider .bd { flex: 1; overflow: hidden; }.zoomi-slider .hd { height: 100px; margin-top: 15px; }.zoomi-slider .hd ul { display: flex; }.zoomi-slider .hd li { margin-left: 20px; cursor: pointer; border: 2px solid transparent; }.zoomi-slider .hd li.on { border-color: var(--tc); }.zoomi-slider .hd img { height: 100px; width: 150px; }.zoomi-list { height: 100%; }.zoomi-img { display: flex; justify-content: center; align-items: center; height: 100%; }.zoomi-img img { max-height: 100%; }@media screen and (max-width: 1903px) { .hide1920 { display: none; }  .wrap-left { width: 75%; }  .wrap-right { width: 25%; }  .lx-banner-ri { display: none; }  .lx-banner-big { width: 100%; padding-bottom: 40%; }  .lx-banner-pagination { width: 100%; }  .lx-hot .kwd { flex: 50% 0 1; }  .article-tab { margin-left: -150px; } }@media screen and (max-width: 1820px) { .zhIndex-type-list { padding-inline: 10px; font-size: 14px; }  .lx-sele-ri { font-size: 12px; } }@media screen and (max-width: 1680px) { .media-three.newsf .newsf-list, .media-three.newsx .newsx-list { margin-left: 12px !important; flex: calc(33.33% - 12px) 0 1; }  .media-three.newsf .newsf-list:nth-child(4), .media-three.newsx .newsx-list:nth-child(4), .media-three.newsf .newsf-list:nth-child(7), .media-three.newsx .newsx-list:nth-child(7), .media-three.newsf .newsf-list:nth-child(8), .media-three.newsx .newsx-list:nth-child(8) { display: none; }  .hide1680 { display: none; }  .header { height: 64px; }  .header-line { height: 64px; }  .header-txt li { text-align: center; margin-right: 20px; font-size: 12px; }  .header-txt li .iconfont { display: block; margin-right: 0; }  .header-search { height: 40px; }  .header-search-ipt { padding-left: 10px; }  .header-switch.active .icon-shouqi { display: block; }  .header-switch.active .icon-zhankai { display: none; }  .header-switch .icon-shouqi { display: none; }  .header-switch .icon-zhankai { display: block; }  .main { padding-left: calc(4% + 80px); }  .activity-fixed-main { left: calc(4% + 80px); width: calc(92% - 80px); }  .user-bg { width: calc(100% - 80px); }  .nav { width: 92px; font-size: 14px; }  .nav-tit { display: none; }  .nav-cont.media { display: block; }  .nav-cont.default { display: none; }  .nav-list { display: block; text-align: center; padding: 8px 0 10px 0; height: auto; }  .nav-list span { padding: 0; justify-content: center; line-height: 22px; }  .nav-list .iconfont { margin: 0; }  .nav-list .iconfont.big { display: none; }  .nav-list .iconfont.small { display: block; }  .wrap-right.w20 { width: 25.5%; }  .media-threes.newsx .newsx-list { flex: calc(33.33% - 12px) 0 1; }  .media-threes.newsx .newsx-list:nth-child(7), .media-threes.newsx .newsx-list:nth-child(8) { display: none; }  .lx-sele-form .select { width: 180px; }  .lx-sele-rlist:not(:first-child) { margin-left: 10px; }  .zhIndex-type { font-size: 14px; }  .newsf.six .newsf-list { flex: calc(25% - 16px) 0 1; }  .media-to-threes .rules-list, .media-to-threes .newsf-list { flex: calc(33.33% - 12px) 0 1 !important; }  .media-to-threes .rules-list:nth-child(4), .media-to-threes .rules-list:nth-child(5), .media-to-threes .newsf-list:nth-child(4), .media-to-threes .newsf-list:nth-child(5) { display: none; }  .media-to-three .rules-list, .media-to-three .newsf-list { flex: calc(33.33% - 12px) 0 1 !important; }  .media-to-three .rules-list:nth-child(7), .media-to-three .rules-list:nth-child(8), .media-to-three .newsf-list:nth-child(7), .media-to-three .newsf-list:nth-child(8) { display: none; }  .popupu { padding: 20px 40px; }  .popupu-img { height: 600px; width: 380px; }  .case-sub span:nth-child(2) { display: none; }  .zhIndex-type-list { font-size: 16px; justify-content: center; }  .zhIndex-type-list .icons { display: none; }  .pushs-item { grid-template-columns: repeat(9, 1fr); }  .pushs-list:nth-child(n+18):nth-child(-n+21) { display: none; }  .process-list:not(:first-child) { padding-right: 0; }  .process-tit { font-size: 16px; }  .process-sub { font-size: 12px; }  .orderd-info-list, .orderd-info-list:nth-child(3n-2) { flex: 50% 0 1; }  .article-tab { margin-left: -130px; width: 100px; }  .article-tab a { font-size: 14px; } }@media screen and (max-width: 1640px) { .article-tab { margin-left: -100px; width: 80px; }  .article-tab a { height: 40px; line-height: 40px; font-size: 13px; } }@media screen and (max-width: 1440px) { .hide1440 { display: none; }  .header { height: 56px; }  .header-line { height: 56px; }  .header-search { height: 32px; }  .search-right { margin-left: 30px; }  .tlist .wid7 { display: none; }  .newsf.five .newsf-list { flex: calc(25% - 12px) 0 1; }  .newsf.five.gallery .newsf-list { flex: calc(25% - 16px) 0 1; }  .newsf.casef.five .newsf-img { height: 400px; }  .case-list { flex: calc(25% - 12px) 0 1; }  .header-nav { overflow: visible; }  .header-nav-md { display: none; }  .header-nav-more { display: block; }  .country-list { flex: calc(25% - 10px) 0 1; }  .country.sm .country-list { flex: calc(16.66% - 10px) 0 1; }  .lx-sele-ri { display: none; }  .process-list .icons { display: none; }  .orderd-list .wid1 { width: 10%; }  .header-nav-main li:not(:first-child) { margin-left: 30px; }  .materialp-list .wid4 { width: 20%; }  .materialp-btn { padding-inline: 25px; }  .materialp-body .materialp-list .wid3, .materialp-list .wid3 { padding-left: 20px; }  .applyz { padding-inline: 20px; }  .applyz-col { padding: 15px; }  .applyz-chk-list { font-size: 14px; height: 40px; line-height: 40px; }  .applyz-option-list a { height: 40px; line-height: 40px; }  .applyz-ipt { font-size: 16px; font-weight: normal; }  .applyz-flex .applyz-list:not(:first-child) { margin-left: 20px; } }@media screen and (max-width: 1280px) { .hide1280 { display: none; }  .header-logo img { height: 28px; }  .header-txt li { margin-right: 10px; }  .kwd-tit { font-size: 18px; }  .kwd-list { font-size: 14px; }  .kwd-cont { height: calc(100% - 113px); }  .kwd-btm-list { height: 60px; }  .search-hot-list:nth-child(4) { display: none; }  .search .pages { font-size: 14px !important; }  .search .pages a, .search .pages span, .search .pages em { height: 34px !important; line-height: 32px !important; padding: 0 13px !important; }  .newsf-par .wrap-tab-m, .prepare-par .wrap-tab-m { font-size: 12px; }  .video.lg .video-left { width: 500px; }  .header-nav-main li:not(:first-child) { margin-left: 20px; }  .product-intro-left { flex-wrap: wrap; }  .product-intro-list { margin-bottom: 20px; }  .article-tab { display: none; } }