.flex1 { flex: 1; } .flex2 { flex: 2; } .navigation_text { text-align: center; } .navigation_text a { font-size: 16px; } .navigation{ top: 0; } .cd-main-content{ padding-top: 54px; } .cd-auto-hide-header{ height: 0; } .bot1 { /* background-color: #37577F; */ background-image: url('/img/bot1_bg.jpeg'); background-size: cover; padding: 3vw 0; } .navigation_bg img { width: 20px; height: 20px; display: unset; pointer-events: auto; cursor: pointer; } .navigation_bg .logo img{ width: 25px; height: 25px; } .navigation_bg .logo { text-align: left; } .navigation_bg .title_close { height: 44px; line-height: 44px; text-align: right; } .product_top1 { background-color: #99857F; padding: 2vw 0 3vw 0; margin-top: 0.5vw; } .product_top1-1 { width: 100%; text-align: center; font-size: 3vw; font-family: fzltth_product; color: #EEC18A; } .product_top1-2 { width: 100%; text-align: center; font-size: 1.833vw; font-family: pftx_product; color: #ffffff; margin-top: 0.3vw; } .product_top1-3 { width: 100%; text-align: center; font-size: 1.333vw; font-family: fzltxh_product; color: #232323; margin-top: 1vw; } .product_top2 { padding: 8vw 0 4vw 0; background-color: #f9f9f9; } .product_top2-1 { width: 100%; text-align: center; font-size: 4.666vw; font-family: fzltth_product; color: #000000; } .product_top2-2 { width: 100%; text-align: center; font-size: 3.166vw; font-family: pftx_product; color: #EEC18A; margin-top: 1vw; } .product_top2-3 { width: 100%; text-align: center; font-size: 1.5vw; font-family: pftx_product; color: #929292; margin-top: 2vw; } .product_top2-2-0 { padding: 8vw 0 4vw 0; background-color: #f9f9f9; } .product_top2-2-1 { width: 100%; text-align: center; font-size: 4.666vw; font-family: fzltth_product; color: #000000; } .product_top2-2-2 { width: 100%; text-align: center; font-size: 3.166vw; font-family: pftx_product; color: #C7916D; margin-top: 1vw; } .product_top2-2-3 { width: 100%; text-align: center; font-size: 1.5vw; font-family: fzltxh_product; color: #929292; margin-top: 2vw; } .product_top-more { width: 2vw; height: 2vw; display: unset; margin-top: 3vw; } .product_top3 { background-color: #ffffff; padding: 6vw 0 4vw 0; } .product_top3-1 { width: 100%; text-align: center; font-size: 3.833vw; font-family: fzltth_product; } .product_top3-1 span { background-image: linear-gradient(90deg, #DB48F0, #00BFAE); background-clip: text; -webkit-background-clip: text; Box-decoration-break: clone; -webkit-Box-decoration-break: clone; color: transparent; } .product_top3-2 { width: 100%; text-align: center; font-size: 3vw; font-family: pftx_product; color: #5E5E5E; margin-top: 0.1vw; } .product_top3-3 { width: 100%; text-align: center; font-size: 1.5vw; font-family: fzltxh_product; color: #0085D7; margin-top: 4vw; cursor: pointer; } .product_top5 { background-color: #f9f9f9; padding: 6vw 0; } .product_top5-1 { width: 100%; text-align: center; font-size: 3.666vw; font-family: fzltth_product; } .product_top5-1 span { background-image: linear-gradient(90deg, #DB48F0, #00BFAE); background-clip: text; -webkit-background-clip: text; Box-decoration-break: clone; -webkit-Box-decoration-break: clone; color: transparent; } .product_top5-2 { width: 100%; text-align: center; font-size: 2.666vw; font-family: fzltxh_product; color: #5E5E5E; margin-top: -0.5vw; margin-bottom: 3vw; } .product_top5-3_bg{ background-color: #ffffff; border-radius: 0.833vw; width: 84.833vw; margin: 0 auto; padding: 5vw 0; } .product_top5-3_bg img{ width: 57.666vw; } .product_top5-3 { width: 100%; text-align: center; font-size: 1.4vw; font-family: fzltzh_product; color: #000000; margin-top: 1.5vw; } .product_top5-4 { width: 100%; text-align: center; font-size: 0.833vw; font-family: fzltxh_product; color: #929292; margin-top: 3vw; } .product_top6 { background-color: #3C3C3C; padding: 2vw 0; } .product_top6-1 { width: 100%; text-align: center; font-size: 2.5vw; font-family: pftx_product; color: #ffffff; } .product_top6-2 { width: 100%; text-align: center; font-size: 1.2vw; font-family: pftx_product; color: #929292; margin-top: -0.3vw; margin-bottom: 2vw; } .product_top6_imgbg{ width: 90.333vw; margin: 0 auto; border-radius: 0.5vw; padding: 2vw 1vw 1vw 1vw; background-color: #EBEBEB; } .product_top6-3 { width: 100%; text-align: center; font-size: 1vw; font-family: fzltxh_product; color: #EEC18A; margin-top: 2vw; } .product_top7 { padding: 4vw; } .product_top7-1 { width: 100%; text-align: center; font-size: 3.2vw; font-family: fzltth_product; } .product_top7-1 span { background-image: linear-gradient(90deg, #DB48F0, #00BFAE); background-clip: text; -webkit-background-clip: text; Box-decoration-break: clone; -webkit-Box-decoration-break: clone; color: transparent; } .product_top7-2 { width: 100%; text-align: center; font-size: 2vw; font-family: fzltzh_product; font-weight: bold; color: #5E5E5E; margin-top: -0.4vw; } .product_top7-3 { width: 100%; text-align: center; font-size: 1.5vw; font-family: fzltxh_product; color: #D5D5D5; margin-top: 1vw; } .product_top7-4 { width: 100%; text-align: center; font-size: 1.3vw; font-family: fzltxh_product; color: #C7916D; margin-top: 1vw; } .product_top8 { background-color: #f9f9f9; padding: 4vw 16vw 5vw 16vw; } .product_top8_bg { background-color: white; box-shadow: 0px 5px 10px 5px rgb(0 0 0 / 15%); width: 100%; padding: 4vw 7vw; } .product_top8_title { width: 100%; text-align: center; font-size: 1.8vw; font-family: fzltzh_product; color: #C7916D; margin-bottom: 3vw; } .product_top8_text { font-family: fzltxh_product; color: #5E5E5E; font-size: 0.75vw; width: 100%; text-align: center; padding: 0.6vw 0; } .product_top8_click{ cursor: pointer; color: #0094E4; } .product_top8_head_left { border-top: 2px solid #a0a0a0; border-right: 1px dashed #acacac; border-bottom: 1px solid #dadada; } .product_top8_head_right { border-top: 2px solid #a0a0a0; border-bottom: 1px solid #dadada; } .product_top8_content_left { border-bottom: 1px solid #dadada; border-right: 1px dashed #acacac; } .product_top8_content_right { border-bottom: 1px solid #dadada; } .product_top8_bottom_left { border-bottom: 2px solid #a0a0a0; border-right: 1px dashed #acacac; } .product_top8_bottom_right { border-bottom: 2px solid #a0a0a0; } .product_top8-1 { width: 100%; text-align: center; font-size: 1.55vw; font-family: fzltzh_product; margin-top: 3vw; } .product_top8-1 span { background-image: linear-gradient(90deg, #DB48F0, #00BFAE); background-clip: text; -webkit-background-clip: text; Box-decoration-break: clone; -webkit-Box-decoration-break: clone; color: transparent; } .product_top8-2 { width: 100%; text-align: center; font-size: 1.1vw; font-family: fzltxh_product; color: #0085D7; margin-top: 3vw; cursor: pointer; } .banner { width: 100%; height: 40.0384vw; } .banner li { background-size: cover; } .tb-btn{ display: none; } .product_top4_prev{ top: 50%; left: 2%; margin-top: -30px; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; } .product_top4_prev img{ width: 60px; height: 60px; } .product_top4_next{ top: 50%; right: 2%; margin-top: -30px; cursor: pointer; background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; } .product_top4_next img{ width: 60px; height: 60px; } .product_top4_bg{ background-color: #f2f2f2; padding: 3vw 0 4vw 0; } .product_top4_txt{ width: 100%; text-align: center; font-family: fzltxh_product; color: #929292; font-size: 1vw; margin-top: 2vw; } .product_top4_circle_bg{ justify-content: center; } .product_top4_circle{ width: 50px; height: 50px; border-radius: 50%; cursor: pointer; } .product_top4_circle1{ background-color: #927063; } .product_top4_circle_choose{ box-shadow: 0px 5px 11px 5px rgb(0 0 0 / 30%); } .product_top4_circle2{ background-color: #58648F; margin-left: 30px ; } .product_top4_circle3{ /* background-color: #765544; */ margin-left: 30px ; } .product_top4_circle4{ background-color: #8EA0A4; margin-left: 30px ; } .product_top4_circle5{ background-color: #83ABAC; margin-left: 30px ; } .product_top4_circle6{ background-color: #8A9E9D; margin-left: 30px ; } .product_top4_circle7{ background-color: #BF968D; margin-left: 30px ; } .product_top4_circle8{ background-color: #A09E93; margin-left: 30px ; } .product_top4_circle9{ background-color: #9B6456; margin-left: 30px ; } .bot3{ padding: 0; background-color: white; } .bot3-2{ top: 4vw; } .bot3-3{ top: 9vw; } .bot3-4{ top: 12vw; color: white; }