.body { padding-bottom:1rem;} #lang { position: absolute; width: 100%; top: 0.8rem !important; left: 0rem !important; padding: 0.4rem 0.32rem; background: #fff; box-sizing: border-box; border-radius: 0px; } #lang ul { width: 100%; } #lang li a { display: block; height: 0.96rem; line-height: 0.96rem; text-align: center; border-bottom: 0.01rem solid #ddd; } #lang li:last-child a { border-bottom: none; } #lang::before { content: ""; top: -0.2rem; right: 0.4rem; display: block; position: absolute; width: 0; height: 0; border-right: 0.18rem solid transparent; border-left: 0.18rem solid transparent; border-bottom: 0.2rem solid #fff; } #lang .scroller { width: auto !important; height: auto !important; } #lang li .icow { margin-right: 0.16rem; } #lang_mask { top: 0.8rem; } .header { padding-bottom: 0.32rem; } .header .topbar { height: 0.8rem; line-height: 0.8rem; position: relative; } .header .topbar .flr a { font-size: 0.3rem; color: #fff; margin-left: 0.36rem; } .header .topbar .flr .icow { margin-right: 0.12rem; } .header .menu { padding: 0.24rem 0.32rem; position: relative; } .header .logo { height: 0.74rem; } .header .logo img { height: 100%; object-fit: cover; } .header .menu .menubtn { margin-top: 0.12rem; } .header .menuwrap { position: fixed; top: 1.04rem; left: 0px; top: 2rem; width: 100%; height: calc(100% - 2.82rem); background: #F9F9F9; display: none; z-index: 100; overflow: auto; } .header .menuwrap li { padding: 0rem 0.32rem; } .header .menuwrap li a { display: block; height: 0.96rem; line-height: 0.96rem; border-bottom: 1px solid #eee; font-size: 0rem; } .header .menuwrap li span { display: inline-block; vertical-align: middle; width: 6.46rem; font-size: 0.3rem; } .header .menuwrap .nav-line2 span { width: 6.14rem; padding-left: 0.32rem; font-size: 0.28rem; } .header .menuwrap .nav-line3 span { width: 5.82rem; padding-left: 0.64rem; font-size: 0.28rem; } .header .menuwrap .nav-line4 span { width: 5.5rem; padding-left: 0.96rem; font-size: 0.28rem; color: #666; } .header .menuwrap .nav-line2, .header .menuwrap .nav-line3, .header .menuwrap .nav-line4 { display: none; } .header .search .wrap { height: 0.8rem; border: 1px solid #E0DDDC; border-radius: 0.8rem; font-size: 0; } .header #searchType { height: 0.6rem; line-height: 0.6rem; border: none; margin: 0.1rem 0px 0px 0.1rem; vertical-align: top; } .header #searchType .box { width: 1.24rem; border-radius: 0.8rem; padding-left: 0.04rem; background-color: #fff; border: none !important; } .header #searchType .box div { font-size: 14px; } .header #searchType .box:hover { background-color: #f0f0f0; } .header #searchType .icow { margin-top: 0.02rem; } .header #searchWd { width: 4.2rem; height: 100%; vertical-align: top; } .header .search .btn2 { width: 1.2rem; height: 0.6rem; line-height: 0.6rem; border-radius: 0.9rem; vertical-align: top; margin-top: 0.08rem; } .data-item:hover { border-color: #FA8A00; color: #FA8A00; } .data-item-selected { background-color: #fff; color: #FA8A00; border-color: #FA8A00; } .footer .help dt, .footer .help dd { line-height: 0.48rem; padding: 0.24rem 0; border-bottom: 0.01rem solid #eee; } .footer .help dt span { display: inline-block; vertical-align: middle; width: 6.06rem; font-weight: bold; } .footer .help dd { padding-left: 0.32rem; display: none; } .footer { padding-bottom: 0.98rem; background: #FCFAF7;display:none; } .footer .copyright { padding: 0.4rem 0; color: #fff; line-height: 0.36rem; font-size: 0.26rem; } .footer .copyright p { margin-bottom: 0.16rem; } .footer .copyright p:first-child { font-weight:bold;} .footer .copyright .line { height: 0.01rem; opacity: 0.2; margin-top: 0.32rem; } .footer .copyright .links { padding: 0.32rem 0; margin-top: 0.32rem; } .footer .copyright .links a { color: #fff; opacity: 0.6; margin-right: 0.16rem; } .footer .copyright .attest { line-height: 0.64rem; } .footer .copyright .attest a { margin-right: 0.36rem; } .footer .copyright .attest img { width: 0.64rem; height: 0.64rem; object-fit: cover; vertical-align: middle; } .footer .copyright .attest span { color: #fff; opacity: 0.6; vertical-align: middle; } .footer-contact { padding: 0.4rem 0; } .footer-contact h3 { font-size: 0.3rem; font-weight: bold; } .footer-contact p { font-size: 0.26rem; color: #44403C; padding-top: 0.16rem; } .footer-qrcode { padding-top: 0.16rem; } .footer-qrcode .item { float: left; width: 2.18rem; margin-right: 0.24rem; } .footer-qrcode .item .pic { width: 100%; height: 2.18rem; } .footer-qrcode .item .pic img { width: 100%; height: 100%; object-fit: cover; } .footer-qrcode .item .desc { padding-top: 0.16rem; color: #44403C; } .footer-logo .container { padding: 0.4rem 0 0.12rem 0; border-top: 0.01rem solid #E0DDDC;} .footer-logo .fll { height: 0.84rem; } .footer-logo .fll img { height: 100%; object-fit: cover; } .footer-logo .flr a { display: inline-block; width: 0.72rem; height: 0.72rem; } .footer-logo .flr a img { width: 100%; height: 100%; object-fit: cover; } .footer .waves .desc { position: relative; width: 100%; height: 1vh; min-height: 1.4rem;margin-bottom:-0.2rem;} .footer .parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .footer .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } .footer .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } .footer .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } .footer .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } .menu-bar { position: fixed; bottom: 0rem; width: 100%; height: 0.98rem; font-size: 0.24rem; border-top: 1px solid #ddd; z-index: 100; } .menu-bar li { float: left; width: 33%; text-align: center; position: relative; } .menu-bar a { display: block; padding-top: 0.04rem; } .menu-bar li em { position: absolute; top: 0.06rem; left: 1.04rem; display: block; width: 0.34rem; height: 0.34rem; line-height: 0.34rem; text-align: center; border-radius: 50%; background: #DD4B39; color: #fff; } .menu-bar .enable-user { width: 33%; } .menu-bar li .ico-pen { background-position: -4.8rem -4.8rem; filter: brightness(0.5); } #search_history_mask { top: 2.88rem !important; } .search-history { position: absolute; top: 2.88rem !important; width: 100%; border-radius: 0; box-shadow: none; border-top: 0.01rem solid #eee; } .search-history .title { font-size: 0.26rem; padding-top: 0.32rem; } .search-history li { height: 0.96rem; line-height: 0.96rem; border-bottom: 0.01rem solid #eee; } .search-history li a { display: block; } .search-history .btns { display: none; height: 0.96rem; line-height: 0.96rem; text-align: center; } .search-history .scroller { height: auto !important; } .search-history .notdata { line-height: 0.96rem; } .side_phone { position: fixed; bottom: 3rem; right: 0.4rem; width: 1.04rem; height: 1.04rem; line-height: 1.04rem; text-align: center; background: #fff; border-radius: 0.18rem; box-shadow: 0rem 0.1rem 0.15rem rgba(0, 0, 0, 0.1), 0rem 0.04rem 0.06rem rgba(0, 0, 0, 0.05); } .side_phone a { display: block; }