/*公共样式*/ body{background-color: #f9f9f7;} .navigation{font-size: 16px;width: 1480px;box-sizing: border-box;padding-top: 35px;color: #4a4a4a;} .navigation em{font-weight: unset;} #page_main{margin-top: 25px;position: relative;} #page_main .wide{width: 1480px;} #page_main .load_out { position: fixed; z-index: 10001; top: 50%; left: 50%; } #page_main .placeHolderShimmer { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: #f6f7f8; background: -webkit-gradient(linear,left top,right top,color-stop(8%,#eeeeee),color-stop(18%,#dddddd),color-stop(33%,#eeeeee)); background: linear-gradient(to right,#eeeeee 8%,#dddddd 18%,#eeeeee 33%); background-size: 1000px 100px; position: relative; cursor: default!important; } #page_main .placeHolderShimmer * { opacity: 0; cursor: default!important; } @-webkit-keyframes placeHolderShimmer { 0% { background-position: -500px 0px; } 100% { background-position: 500px 0px; } } @keyframes placeHolderShimmer { 0% { background-position: -500px 0px; } 100% { background-position: 500px 0px; } } #page_main .dot-stretching {background-color: #000;color: #000;} #page_main .dot-stretching::before {background-color: #000;color: #000;} #page_main .dot-stretching::after {background-color: #000;color: #000;} #page_main .data_module .data_left{width: 360px;float: left;margin-right: 30px;} #page_main .data_module .data_right{width: calc(100% - 360px - 30px);float: right;} @media screen and (max-width: 1500px) { .navigation{width: 100%;padding: 25px 20px 0;} #page_main .wide{width: 100%;padding: 0 20px;box-sizing: border-box;} #page_main .data_module .data_left{width: 320px;margin-right: 25px;} #page_main .data_module .data_right{width: calc(100% - 320px - 25px);} } @media screen and (max-width: 1340px){ #page_main .data_module .data_left{width: 300px;margin-right: 20px;} #page_main .data_module .data_right{width: calc(100% - 300px - 20px);} } @media screen and (max-width: 1260px){ #page_main .data_module .data_left{width: 280px;margin-right: 15px;} #page_main .data_module .data_right{width: calc(100% - 280px - 15px);} } @media screen and (max-width: 1024px){ .navigation{padding: 4.66vw 4vw 0;font-size: 3.2vw;} #page_main{margin-top: 3.33vw;} #page_main .wide{width: 100%; padding: 0 4vw;} #page_main .data_module .data_left, #page_main .data_module .data_right{width: 100%;} } /*页面主体样式*/ #page_main .data_module .data_right .right_container{margin-top: 30px;} #page_main .data_module .data_right .right_container .container_top{display: flex;flex-wrap: wrap;margin-bottom: 20px;align-items: center; justify-content: space-between;gap: 10px;} #page_main .data_module .data_right .right_container .container_top .data_types{display: flex;gap: 9px;} #page_main .data_module .data_right .right_container .container_top .data_types .type_btn{ width: 190px;height: 45px;box-sizing: border-box; padding: 5px 15px; display: flex; align-items: center;justify-content: center; border: 1px solid #e8cb9c; border-radius: 999px; font-size: 18px;color: #331f04; font-family: "MontserrateBold"; } #page_main .data_module .data_right .right_container .container_top .data_types .type_btn.current{ background-color: #e8cb9c; } #page_main .data_module .data_right .right_container .container_top .count_match { color: #333333; font-size: 14px; text-transform: capitalize; } #page_main .data_module .data_right .right_container .container_top .count_match .count{ font-size: 16px; font-family: "MontserrateBold"; color: var(--bgcolor); } #page_main .data_module .data_right .right_container .container_bottom .global_section{ padding: 25px 30px 30px; background-color: #fff; border-radius: 8px;box-shadow: 0 0 10px rgba(192, 218, 254, 0.3); margin-bottom: 20px; } #page_main .data_module .data_right .right_container .container_bottom .global_section:last-of-type{margin-bottom: 0;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title{ display: flex;flex-direction: column; gap: 10px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .title{ font-family: "MontserrateBold"; font-size: 22px;color: #000000; text-transform: uppercase; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .title em{color: var(--maincolor1);} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .description{ font-size: 14px;color: #333333;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .description em{color: var(--maincolor1);} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_content{margin-top: 30px;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns{ display: flex;justify-content: center; margin-top: 30px;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns .view_btn{ border-radius: 4px; border: 1px solid var(--maincolor1); padding: 8px 18px; font-family: "MontserrateBold"; font-size: 14px; color: var(--maincolor1); display: flex;align-items: center; justify-content: center; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns .view_btn:hover{background-color: var(--maincolor1);color: #fff;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns .view_btn .btn_text em{font-size: 16px;} #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table{ font-family: "MontserrateRegular";overflow-x: auto;scrollbar-width: thin; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_content{min-width: 750px;} #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_header { display: grid; grid-template-columns: 1fr 1fr 1.5fr 2.5fr 1fr; gap: 10px; background: #2d7d76; color: #fff; font-size: 14px; padding: 0 18px; border-radius: 4px; margin-bottom: 5px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_header .th_item { display: flex; align-items: center; min-height: 50px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item { border-radius: 4px; margin-bottom: 10px;overflow: hidden; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item .tr_data{ background-color: #f8f7fa; display: grid; grid-template-columns: 1fr 1fr 1.5fr 2.5fr 1fr; gap: 10px; color: #333333; font-size: 14px; padding: 15px 18px; box-sizing: border-box; min-height: 72px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item .tr_data .data_item .em{color: var(--maincolor1);} #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item .tr_data .data_item .view_detail:hover{ color: var(--maincolor1); } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item .tr_tips{ background-color: #e5f5e0; display: flex; align-items: center; justify-content: center; min-height: 45px; padding: 5px 10px; font-size: 12px; box-sizing: border-box; font-weight: bold; color: var(--maincolor1); } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item:last-child { margin-bottom: 0; } @media screen and (max-width:1024px) { #page_main .data_module .data_right .right_container{margin-top: 20px;} #page_main .data_module .data_right .right_container .container_top{margin-bottom: 15px;gap: 8px;} #page_main .data_module .data_right .right_container .container_top .data_types{gap: 8px;} #page_main .data_module .data_right .right_container .container_top .data_types .type_btn{ width: 160px;height: 40px; padding: 5px 10px; font-size: 16px; } #page_main .data_module .data_right .right_container .container_bottom .global_section{ padding: 20px 25px 25px; margin-bottom: 15px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .title{ font-size: 18px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_content{margin-top: 25px;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns{ margin-top: 25px;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns .view_btn{ padding: 5px 15px;} #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_header { gap: 8px; padding: 0 15px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_header .th_item { min-height: 45px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item { margin-bottom: 8px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item .tr_data{ gap: 8px; padding: 10px 15px; min-height: 72px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item .tr_tips{ min-height: 40px; padding: 5px 8px;} } @media screen and (max-width:768px) { #page_main .data_module .data_right .right_container{margin-top: 3.33vw;} #page_main .data_module .data_right .right_container .container_top{margin-bottom: 2.66vw;gap: 1.33vw;} #page_main .data_module .data_right .right_container .container_top .data_types{gap: 1.33vw;} #page_main .data_module .data_right .right_container .container_top .data_types .type_btn{ width: 25.33vw;height: 6vw; padding: 0.66vw 2vw; font-size: 2.4vw; } #page_main .data_module .data_right .right_container .container_top .count_match { font-size: 1.86vw; } #page_main .data_module .data_right .right_container .container_top .count_match .count{ font-size: 2.13vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section{ padding: 3.33vw 4vw 4vw; border-radius: 1.06vw; margin-bottom: 2.6vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title{ gap: 1.33vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .title{ font-size: 2.93vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .description{ font-size: 1.86vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_content{margin-top: 4vw;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns{ margin-top: 4vw;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns .view_btn{ border-radius: 0.533vw; padding: 1.06vw 2.4vw;font-size: 1.86vw;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns .view_btn .btn_text em{font-size: 2.13vw;} #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_header { gap: 1.33vw; padding: 0 2.4vw; border-radius: 0 .533vw; margin-bottom: 0.66vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_header .th_item { min-height: 40px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item { border-radius: 0.533vw; margin-bottom: 1.33vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item .tr_data{ gap: 1.33vw; padding: 2vw 2.4vw; min-height: 72px; } #page_main .data_module .data_right .right_container .container_bottom .global_section .data_table .table_tbody .tr_item .tr_tips{ min-height: 35px; padding: 0.66vw 1.33vw;} } @media screen and (max-width:500px) { #page_main .data_module .data_right .right_container .container_top .data_types .type_btn{ width: 30.33vw;height: 8vw;font-size: 3.4vw; } #page_main .data_module .data_right .right_container .container_top .count_match { font-size: 2.86vw; } #page_main .data_module .data_right .right_container .container_top .count_match .count{ font-size: 3.13vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .title{ font-size: 4.93vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_title .description{ font-size: 3.86vw; } #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns .view_btn{font-size: 2.86vw;} #page_main .data_module .data_right .right_container .container_bottom .global_section .section_btns .view_btn .btn_text em{font-size: 3.13vw;} } #page_main .data_module .data_right .right_container .container_bottom .empty_section{display: none;} #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list { display: grid; grid-template-columns: repeat(5, calc((100% - 4 * 10px) / 5));gap: 10px; } #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .list_item { flex: 1; display: flex ; flex-direction: column; padding: 15px; border-radius: 4px; background: #e5f5e0;color: #333333;justify-content: space-between; } #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .item_label { font-size: 14px; margin-bottom: 10px;font-family:"MontserrateRegular" } #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .item_number { display: block; font-size: 24px; word-break: break-all; font-family: "MontserrateBold"; } #page_main .data_module .data_right .right_container .container_bottom .summary_section #summaryChart{margin-top: 75px;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box{ border: 1px solid #e6e2da;border-radius: 8px;padding: 25px 30px 20px; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title{ display: flex; padding-bottom: 15px; border-bottom: 1px solid #e6e2da; display: flex; justify-content: space-between; gap: 10px;flex-wrap: wrap; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title .title{ font-family: "MontserrateBold"; font-size: 18px;color: #000;text-transform: uppercase; flex: 1;word-break: break-word;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title .detail_btn{ font-family: "MontserrateBold"; font-size: 14px; color: var(--maincolor1); } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list{ margin-top: 20px; display: grid; grid-template-columns: repeat(5, 1fr); } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item{ padding: 10px 20px 20px; color: #333333; border-right: 1px solid #e6e2da; display: flex; flex-direction: column; justify-content: space-between; gap: 15px; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_label{ font-size: 14px; font-family: "MontserrateRegular"; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_label em{color: var(--maincolor1);} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_number{ font-size: 24px; font-family: "MontserrateBold";word-break: break-all; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_date{ font-size: 16px; font-family: "MontserrateBold"; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item:first-child{ padding-left: 0; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item:last-child{ padding-right: 0; border: unset; justify-content: flex-start; } #page_main .data_module .data_right .right_container .container_bottom .competitive_section .section_content .trend{position: relative;margin-bottom: 55px;} #page_main .data_module .data_right .right_container .container_bottom .competitive_section .section_content .trend .competitive_date { position: absolute; top: 50px; left: 10px; background-color: rgba(255, 255, 255, 0.8); border: 1px solid rgb(204, 204, 204); padding: 10px; z-index: 10; display: none; } #page_main .data_module .data_right .right_container .container_bottom .competitive_section .section_content .trend:last-child{margin-bottom: 0;} #page_main .data_module .data_right .right_container .container_bottom .competitive_section .section_content .view_country:hover{color: var(--maincolor1);} @media screen and (max-width:1350px) { #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list { grid-template-columns: repeat(3, calc((100% - 2 * 10px) / 3));} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list{ display: grid; grid-template-columns: repeat(3, 1fr); } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item:nth-child(3){padding-right: 0;border: unset;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item:nth-child(4){padding-left: 0;} #page_main .data_module .data_right .right_container .container_bottom .competitive_section .section_content .trend{margin-bottom: 30px;} } @media screen and (max-width:1024px) { #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .list_item { padding: 10px; } #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .item_label { margin-bottom: 8px; } #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .item_number { font-size: 20px;} #page_main .data_module .data_right .right_container .container_bottom .summary_section #summaryChart{margin-top: 55px;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box{padding: 20px 25px 15px; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title{ padding-bottom: 10px; gap: 8px; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title .title{ font-size: 16px;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list{ margin-top: 15px;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item{ padding: 10px 20px 20px; gap: 15px; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_number{ font-size: 20px; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_date{ font-size: 14px; } } @media screen and (max-width:768px) { #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list { grid-template-columns: repeat(2, calc((100% - 1 * 1.33vw) / 2));gap: 1.33vw; } #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .list_item { padding: 2vw; border-radius: 0.533vw; } #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .item_label { font-size: 1.86vw; margin-bottom: 1.33vw; } #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list .item_number { font-size: 3.2vw;} #page_main .data_module .data_right .right_container .container_bottom .summary_section #summaryChart{margin-top: 10vw;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box{border-radius: 1.06vw;padding: 3.33vw 4vw 2.66vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title{ padding-bottom: 2vw; gap: 1.33vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title .title{ font-size: 2.4vw;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title .detail_btn{ font-size: 1.86vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list{ margin-top: 2.66vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item{ padding: 1.33vw 2.66vw 2.66vw; gap: 2vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_label{ font-size: 1.86vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_number{ font-size: 3.2vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_date{ font-size: 2.13vw; } #page_main .data_module .data_right .right_container .container_bottom .competitive_section .section_content .trend{margin-bottom: 7.33vw;} #page_main .data_module .data_right .right_container .container_bottom .competitive_section .section_content .trend .competitive_date { top: 60px; left: 1.33vw; padding: 1.33vw;font-size: 2.13vw; } } @media screen and (max-width:500px) { #page_main .data_module .data_right .right_container .container_bottom .summary_section .overview_list { grid-template-columns: repeat(1, 1fr);gap: 1.33vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title .title{ font-size: 3.4vw;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_title .detail_btn{ font-size: 2.86vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list{ display: grid; grid-template-columns: repeat(1, 1fr);column-gap: 0.66vw; } #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item{border: unset;padding: 1.33vw 0 2.66vw;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_label{font-size: 2.86vw;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_number{font-size: 4.2vw;} #page_main .data_module .data_right .right_container .container_bottom .company_section .company_box .company_data_list .list_item .item_date{font-size: 3.2vw;} #page_main .data_module .data_right .right_container .container_bottom .competitive_section .section_content .trend .competitive_date { top: 70px; } } #page_main .market_module { margin-top: 160px; } #page_main .market_module .module_title{ display: flex;justify-content: center; font-family: "MontserrateBold"; font-size: 36px;color: #000000; } #page_main .market_module .module_title .title{text-align: center;} #page_main .market_module .module_content{ display: flex;gap: 55px; margin-top: 75px; } #page_main .market_module .module_content .market_image{ font-size: 0; width: 33%; } #page_main .market_module .module_content .market_content{ font-size: 16px;color: #435453; flex: 1; } #page_main .market_module .module_content .market_content em{ font-family: "MontserrateBold"; } #page_main .market_module .module_content .market_content .text_description{ margin-bottom: 30px; } #page_main .market_module .module_content .market_content .text_list{ display: flex; flex-direction: column; padding: 0 7px; gap: 30px; } #page_main .market_module .module_content .market_content .text_list .list_item{ display: flex; gap: 24px; } #page_main .market_module .module_content .market_content .text_list .list_item .item_dot{ width: 9px;height: 9px; background-color: var(--maincolor1); border-radius: 999px; margin-top: 7px; } #page_main .market_module .module_content .market_content .text_list .list_item .item_text{ flex: 1; line-height: 1.5; } #page_main .market_module .module_content .market_content .text_tips{ padding: 14px 28px;border-radius: 4px; background-color: #f4e6d1; line-height: 1.5; font-family: "MontserrateBold"; margin-top: 30px; } #page_main .market_module .view_keywords{cursor: pointer;} #page_main .market_module .view_keywords:hover{color: var(--maincolor1);} @media screen and (max-width:1024px) { #page_main .market_module { margin-top: 100px; } #page_main .market_module .module_title{ font-size: 30px; } #page_main .market_module .module_content{ gap: 40px; margin-top: 60px;flex-direction: column-reverse;} #page_main .market_module .module_content .market_image{ width: 100%; text-align: center; } #page_main .market_module .module_content .market_content .text_description{ margin-bottom: 20px; } #page_main .market_module .module_content .market_content .text_list{ padding: 0 5px; gap: 20px; } #page_main .market_module .module_content .market_content .text_list .list_item{ gap: 15px; } #page_main .market_module .module_content .market_content .text_list .list_item .item_dot{ margin-top: 6px; } #page_main .market_module .module_content .market_content .text_tips{ padding: 10px 20px; margin-top: 20px; } } @media screen and (max-width:768px) { #page_main .market_module { margin-top: 21.33vw; } #page_main .market_module .module_title{ font-size: 4.8vw; } #page_main .market_module .module_content{ gap: 4vw; margin-top: 10vw; } #page_main .market_module .module_content .market_content{ font-size: 2.13vw; } #page_main .market_module .module_content .market_content .text_description{ margin-bottom: 4vw; } #page_main .market_module .module_content .market_content .text_list{ padding: 0 0.93vw; gap: 4vw; } #page_main .market_module .module_content .market_content .text_list .list_item{ gap: 1.2vw; } #page_main .market_module .module_content .market_content .text_list .list_item .item_dot{ width: 6px;height: 6px; margin-top: 6px; } #page_main .market_module .module_content .market_content .text_tips{ padding: 1.86vw 3.73vw;border-radius: 0.4vw; margin-top: 4vw; } } @media screen and (max-width:500px) { #page_main .market_module { margin-top: 10vw; } #page_main .market_module .module_content{ margin-top: 6vw; } #page_main .market_module .module_content .market_content{ font-size: 3.13vw; } #page_main .market_module .module_content .market_content .text_list .list_item{ gap: 2.2vw; } #page_main .market_module .module_content .market_content .text_list .list_item .item_dot{ margin-top: 1.5vw; } } /*no data*/ #page_main .list_empty{text-align: center;background: #fff;padding: 50px;} #page_main .list_empty .img{width: 100%;display: flex;align-items: center;justify-content: center;} #page_main .list_empty .img span{margin-left: 10px;font-size: 20px;color: #001141;border-radius: 20px;} #page_main .list_empty .img .keywork_color{color: #d70d0d;margin: 0;text-transform: uppercase;} #page_main .list_empty .consultant_box{border-radius: 20px;background-color: #f2f8ff;display: flex;justify-content: space-between;text-align: left;font-size: 14px;width: fit-content;margin: 60px auto;} #page_main .list_empty .c_box_content{margin: 35px 40px 35px 30px;width: 20vw;} #page_main .list_empty .c_box_content .chat_us{border-radius: 30px;background: var(--maincolor1);color:#fff;padding:15px 30px;width: fit-content;line-height: 16px;font-size: 16px;cursor: pointer;margin-top: 10px;} #page_main .list_empty .c_box_title{font-size: 30px;color: #000;margin-bottom: 15px;font-weight: bold;} #page_main .list_empty .c_box_title span{font-weight: 600;} #page_main .list_empty .c_box_desc{color: #444444;margin-bottom: 25px;font-size: 16px;} #page_main .list_empty .line{color: #001141;line-height: 2;white-space: nowrap;} #page_main .list_empty .line span{margin-left: 8px;} #page_main .list_empty .c_box_qrcode{border-radius: 20px;padding: 30px;box-sizing: border-box;background-color: #358dff;color: #fff;text-align: center;} #page_main .list_empty .qrcode{width: fit-content;max-width: 170px;overflow: hidden;margin: 0 auto;} #page_main .list_empty .qrcode img{width: 100%;height: auto;filter: brightness(0) invert(1);} #page_main .list_empty .c_q_desc{margin-top: 15px;max-width: 100%;} @media screen and (max-width:1350px) { #page_main .list_empty .consultant_box{margin: 40px auto;} #page_main .list_empty .c_box_title{font-size: 26px;} #page_main .list_empty .c_box_content{width: 25vw;} #page_main .list_empty .c_box_qrcode{padding: 20px;} } @media screen and (max-width:1024px) { #page_main .list_empty{padding: 4vw;} #page_main .list_empty .consultant_box{flex-wrap: wrap;text-align: center;margin: 5.33vw auto;} #page_main .list_empty .consultant_box >div{width: 100%;} #page_main .list_empty .img img{width: 12.5vw;} #page_main .list_empty .sorry{font-size: 2.8vw;margin-top: 3vw;} #page_main .list_empty .c_box_title{font-size: 3.73vw;width: auto;margin-bottom: 3vw;} #page_main .list_empty .c_box_content .chat_us{margin: 0 auto;padding: 3vw 5vw;font-size: 3.66vw;} #page_main .list_empty .c_box_content{margin: 4vw;} #page_main .list_empty .img span{font-size: 2.66vw;} #page_main .list_empty .c_box_desc{margin-bottom: 3.33vw;font-size: 2.13vw;} #page_main .list_empty .c_q_desc{margin-top: 2vw;} #page_main .list_empty .c_box_qrcode{padding: 4vw;} } @media screen and (max-width:500px) { #page_main .list_empty .c_box_title{font-size: 4.66vw;} #page_main .list_empty .img span{font-size: 5.33vw;} #page_main .list_empty .c_box_desc{font-size: 4.13vw;} #page_main .list_empty .c_box_content .chat_us{font-size: 4.66vw;} #page_main .list_empty .c_box_qrcode{padding: 6vw;} #page_main .list_empty .qrcode{max-width: 90%;} } /*no data*/