html, body { width: 100%; height: 100%; } * { padding: 0; margin: 0; list-style: none; } @media screen and (min-width:1200px) { #page { width: 1100px; } #content, .div1 { width: 730px; } #secondary { width: 310px } } @media screen and (min-width: 960px) and (max-width: 1199px) { #page { width: 960px; } #content, .div1 { width: 650px; } #secondary { width: 250px } select { max-width: 200px } } @media screen and (min-width: 768px) and (max-width: 959px) { #page { width: 900px; } #content, .div1 { width: 620px; } #secondary { width: 220px } select { max-width: 180px } } @media only screen and (min-width: 480px) and (max-width: 767px) { #page { width: 450px; } #content, .div1 { width: 420px; position: relative; } #secondary { display: none } #access { width: 450px; } #access a { padding-right: 5px } #access a img { display: none } #rss { display: none } #branding #s { display: none } } @media only screen and (max-width: 479px) { #page { width: 300px; } #content, .div1 { width: 300px; } #secondary { display: none } #access { width: 330px; } #access a { padding-right: 10px; padding-left: 10px } #access a img { display: none } #rss { display: none } #branding #s { display: none } #access ul ul a { width: 100px } } /* 轮播图 */ .swiper { z-index: 0 !important; } .swiper-slide{ height: 8.8rem !important; } .swiper-slide video{ width: 100%; height: 100% !important; object-fit: fill; } .video-img{ width: 1.2rem !important; height: 1.2rem !important; position: absolute; left: 0.6rem; bottom: 0.6rem; cursor: pointer; z-index: 999 !important; } .swiper-slide>img { width: 100%; height: 8.8rem; z-index: 0; } .video-pos{ position: relative; z-index: 99; } .swiper-pagination-bullet { background-color: #fff; opacity: 1; width: 0.2rem; height: 0.2rem; border-radius: 0; } .swiper-pagination-bullet-active { background-color: #45c8ff; width: 0.5rem; height: 0.2rem; border-radius: 0; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.8rem; left: 6.85rem !important; width: 100%; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0.8rem; left: 6.85rem !important; width: 100%; } .sqs_top { height: 1.8rem; display: flex !important; position: fixed !important; top: 0; z-index: 99999; } .sqs_footerbox{margin-top:0 !important;} /* .sqs_top_line { background-color: rgba(15, 16, 61, 0.85); } */ .top_line_bg { background-color: rgba(15, 16, 61, 0.85); } .sqs_slider_li { position: relative; } .sqs_banpd { width: 100%; background-color: #171b55; } .sqs_sledr_box { position: absolute; left: 1.5rem; top: 2.3rem; z-index: 9999; } .sledr_box_h2 { margin-bottom: 0.5rem; font-size: 0.64rem; font-family: myfontnameb; font-weight: bold; color: #ffffff; } .sqs_content_box { position: relative; display: flex; font-family: myfontnameb; font-weight: bold; color: #ffffff; } .sqs_content_lf { margin-right: 1rem; line-height: 0.4rem; } .sqs_content_lf p { font-size: 0.56rem; } .sqs_content_lf span { font-weight: normal; font-size: 0.28rem; } .sqs_content_bottom { margin-top: 0.7rem; margin-bottom:0.5rem; } .sqs_content_bottom p span{ margin-left:0.3rem } .sqs_sledr_line { position: absolute; top: 0.6rem; left: 2.95rem; width: 0.01rem; height: 2.65rem; background-color: #fff; } .sqs_content_rg { margin-left: 0.4rem; } .sqs_slider_ft>a { position: relative; display: inline-block; margin-top: 0.7rem; font-size: 0.2rem; width: 3.1rem; height: 0.45rem; font-family: myfontnameb; font-weight: bold; padding-left: 0.2rem; line-height: 0.45rem; color: #ffffff; background-image: linear-gradient(to right, #0f103d, #1f226f); } .sqs_slider_ft>a>img { position: absolute; right: 0.15rem; bottom: 0.15rem; width: 0.2rem; } .sqs_slider_ft i { margin-left: 0.1rem; display: inline-block; width: 0.15rem; height: 0.14rem; margin-top: 0.08rem; background-image: ; } .sqs_datacon_box { background-color: #171b55; } .sqs_datacon_containr { width: 84%; margin: 0 auto; overflow: hidden; } .sqs_datacon_containr a{ color: inherit; } .sqs_marked_heater { margin-top: 1rem; display: flex; justify-content: space-between; color: #fff; } .sqs_marked_heater>h2 { font-size: 0.48rem; font-family: myfontnameb; font-weight: bold; } .sqs_marked_heater>h2>span { margin-left: 0.2rem; font-size: 0.24rem; } .sqs_marked_span { margin-top: 0.3rem; font-size: 0.18rem; } .sqs_marked_span>span { margin-right: 0.2rem; } .sqs_datacon_tit { display: flex; color: #ffffff; justify-content: space-between; } .header_sbox_span1 { font-size: 0.3rem; } .header_sbox_span3 { position: relative; } .header_sbox_span2, .header_sbox_span3,.header_sbox_span3 a { color: rgba(255, 255, 255, .4); font-size: 0.16rem; } .content_block1_pbox { position: relative; } .optbox { position: absolute; right: 0.2rem; bottom: 0.34rem; width: 0.5rem; height: 0.3rem; line-height: 0.3rem; text-align: center; background: #2fa6ff; border-radius: 0.02rem; } .sqs_tit_div { position: relative; display: flex; justify-content: space-between; width: 5.0rem; float: left; margin-right: 0.55rem; } .sqs_tit_div:last-child{ margin-right: 0; } .marked_content_block{ width: 100% !important; margin-right: 0; } .marked_content_block ul { display: block!important; margin-right: 0.55rem; float: left; width: 5.0rem; } .marked_content_block ul:last-child{ margin-right: 0rem; } .marked_content_block>ul>li { position: relative; font-size: 0.16rem; color: #fff; width: 5.0rem; height: 2.021rem; border-radius: 0.02rem; box-sizing: border-box; padding: 0.2rem; background-color: #2d3295; margin-bottom: 0.2rem; } .v_text { position: absolute; top: 0.1rem; right: 0; } .test { line-height: 0.2rem; font-size: 0.16rem; } .sqs_tit_div1 { width: 4.9rem; margin-right: 0.6rem; } .sqs_tit_div2 { width: 4.9rem; } .sbox_show_ulbox>li>a { font-size: 0.008rem; } .sbox_show_ulbox { width: 4rem; display: flex; flex-wrap: wrap; box-sizing: border-box; } .sbox_show_ulbox1 { margin-right: 0.7rem; font-size: 0.14rem; color: #333333; line-height: 2; } .sbox_show_ulbox2 { font-size: 0.14rem; color: #333333; line-height: 2; } .sbox_show_ulbox2>li>a,.sbox_show_ulbox1>li>a{ font-size: 0.14rem; } .header_sbox_span3 { display: none; display: block; height: 0.65rem; line-height: 0.3rem; width: 1rem; margin-top: 0.62rem; } .header_sbox_span3_line { display: none; width: 0.85rem; height: 0.005rem; background-color: #fff; opacity: .6; position: absolute; top: 0.25rem; right: 0.12rem; } .header_sbox_show { z-index: 999999999; position: absolute; top: 0.44rem; left: -3.08rem; width: 4.16rem; overflow: hidden; padding: 0.2rem 0.3rem; box-sizing: border-box; background-color: #f9f9f9 !important; opacity: 1; } .sbox_show_sanjiao { position: absolute; top: -2.2rem; right: -1.45rem; background-color: transparent; width: 0; font-weight: bold; border: 0.1rem solid transparent; border-bottom-color: #fff; margin: 2rem; } .header_sbox_show1 { z-index: 999999999; position: absolute; top: 0.44rem; left: -3.08rem; width: 4.16rem; overflow: hidden; padding: 0.2rem 0.3rem; box-sizing: border-box; background-color: #f9f9f9 !important; opacity: 1; } .sqs_footer_link { line-height: 1; } .echarts_text { position: absolute; right: 0.69rem; bottom: 0.2rem; font-size: 0.12rem; color: #ffffff; opacity: 0.5; } .echarts_text_d2 { margin-left: 1.1rem; } .header_sbox_show2 { z-index: 999999999; position: absolute; top: 0.44rem; left: -3.08rem; width: 4.16rem; overflow: hidden; padding: 0.2rem 0.3rem; box-sizing: border-box; background-color: #f9f9f9 !important; opacity: 1; } .header_box_sh { display: none; } .header_sbox_span3:hover,.header_sbox_span3 a:hover { color: #ffffff; } .header_sbox_span3:hover .header_sbox_span3_line { display: block; } .header_sbox_span3:hover .header_box_sh { display: block; } .content_block1 { justify-content: space-between; margin-bottom: 0.2rem; } .content_block1>div.price{float: right;} .content_block1 span { display: inline-block; font-size: 0.16rem; } .content_block1 .span1 { color: #ccc; width: 0.95rem; height: 0.35rem; border-radius: 0.02rem; text-align: center; line-height: 0.35rem; border: 1px solid #ccc; } .p1 { font-size: 0.24rem; font-family: myfontnameb; font-weight: bold; color: #ffffff; line-height: 2; } .p2 { margin-top: 0.2rem; font-size: 0.16rem; color: #ffffff; } .p3 { margin-top: 0.1rem; font-size: 0.16rem; color: #ffffff; } .p4 { margin-top: 0.05rem; font-size: 0.16rem; color: #ffffff; } .content_block1>.span2 { font-weight: bold; font-family: myfontnameb; margin-right: 0.005rem; } .content_block1 .span3 { height: 0.35rem; border-radius: 0.02rem; text-align: center; line-height: 0.35rem; padding:0 0.1rem; } .content_block1 .c1{ background-color: #bc1515; } .content_block1 .c2 { background-color: #abadd5; color: #2d3295; } .content_block1 .c3 { background-color: #0da061; } .sqs_footerbox { margin-top: 0; } .analysis_box { padding-top: 1rem; box-sizing: border-box; margin-top: 1rem !important; width: 100%; height: 15rem; background: no-repeat center top; background-size: cover; margin: 0 auto; } .analysis_box_big { width: 16rem; height: 6.6rem; margin: 0 auto; } .analysis_box_top_lf { padding: 0.25rem 0 0 0.2rem; box-sizing: border-box; width: 3.4rem; height: 6.6rem; background-image: url(/uploads/image/eimg/zu25.png); background-size: cover; float: left; } .analysis_lf_tit { position: relative; display: flex; font-size: 0.32rem; color: #ccc; } .analysis_tit_cir { margin-right: 0.25rem; cursor: pointer; color: #c1e2fe; } .analysis_tit_cir_activr { color: #fff; border-bottom: 0.01rem solid #ccc; } .analysis_lf_titline { position: absolute; top: 0.07rem; left: 1.1rem; width: 0.02rem; height: 0.2rem; background-color: #555; opacity: .5; } .analysis_tit_cirtext { margin: 0.3rem 0.1rem 0.3rem 0; font-size: 0.24rem; color: #fff; } /* .imgbox>img { width: 0.5rem; display: inline; } */ .attribute { width: 7.09rem !important; height: 3.06rem !important; } .analysis_tit_data { font-size: 0.16rem; color: #fff; opacity: .8; margin-bottom: 0.3rem; } .analysis_tit_cirtextline { width: 3rem; height: 0.01rem; background-color: #fff; opacity: .8; } .analysis_box_view>a { display: block; margin-top: 0.3rem; font-size: 0.2rem; color: #fff; opacity: .8; } .analysis_tit_cirtext_show { display: none; } .analysis_tit_cirtext_show2 { display: block; } .analysis_box_big { display: flex; } /* 日历 */ .box_foot_rili_tit { color: #0f103d; font-size: 0.32rem; font-weight: bold; font-family: myfontnameb; margin: 0.2rem 0 0 0.2rem; } .sqs_data_rlbox { width: 100%; overflow: hidden; border-radius: 0.04rem; } .sqs_data_rl { float: right; width: 3.24rem; overflow: hidden; background: #ffffff; border-radius: 0.04rem; margin-right: 0.3rem; } .sqs_data_rl .sqs_date_container li.ck_active { background: #091887; color: #fff; } .sqs_data_rl .sqs_date_container li.active .ac_num_box { display: block; } .sqs_data_rq { width: 100%; height: 0.5rem; line-height: 0.5rem; margin-top: 0.2rem; } .sqs_data_prev, .sqs_data_next { width: 0.18rem; height: 0.24rem; margin-top: 0.13rem; border: none; outline: none; cursor: pointer; background: transparent; } .sqs_data_prev img, .sqs_data_next img { width: 0.18rem; height: 0.24rem; } .sqs_data_prev { float: left; margin-left: 0.2rem; } .sqs_data_next { float: right; margin-right: 0.2rem; } .sqs_data_ny { width: 2.4rem; font-size: 0.24rem; color: #2d3295; float: left; line-height: 0.5rem; text-align: center; } .sqs_data_ny select { font-family: myfontnameb; font-weight: bold; font-size: 0.24rem; color: #2d3295; } .sqs_data_ny select:first-child { margin-left: 0.15rem; } .sqs_data_ny_month { font-family: myfontnameb; font-weight: bold; margin-right: 0.15rem; } .sqs_date_container { width: 100%; overflow: hidden; } .sqs_date_container ul { width: 100%; display: flex; flex-wrap: wrap; } .sqs_date_container ul li { width: 0.46rem; height: 0.45rem; line-height: 0.5rem; text-align: center; color: #2d3295; cursor: pointer; border-radius: 0.1rem; position: relative; box-sizing: border-box; font-size: 0.213333rem; position: relative; } .sqs_date_container li.active .ac_num_box { display: block; } .sqs_date_days { overflow: hidden; } .sqs_date_days li:hover { background: #2d3295; color: #ffffff !important; } .sqs_sj_dian { display: inline-block; width: 0.05rem; height: 0.05rem; border-radius: 50%; background: #dc1f48; position: absolute; bottom: 0.03rem; left: 45%; } .sqs_data_rlbox { position: relative; } .sqs_data_fr { float: left; color: #2d3295; height: 4rem; } .sqs_date_nyr { color: #333333; font-size: 0.15rem; font-weight: 400; line-height: 1; margin: 0.3rem 0 0 0.3rem; } .sqs_date_nyr span { margin-right: 0.1rem; } .sqs_date_con, .data_box { width: 100%; overflow: hidden; } .sqs_date_con { position: relative; } .data_box { margin: 0 0 0 0.3rem; } .sqs_date_con.active2 { display: block; } .data_box p { position: relative; padding-left: 0.2rem; margin-top: 0.2rem; width: 2.62rem; display: none; } .data_box p a { color: #333333; font-size: 0.18rem; line-height: 1.5; } .data_box p:before { content: ''; width: 0.06rem; height: 0.06rem; display: inline-block; background: #e33737; border-radius: 50%; position: absolute; top: 0.1rem; left: -0.001rem; } .sqs_date_fy { width: 100%; overflow: hidden; font-size: 0.186666rem; color: #ffffff; vertical-align: middle; line-height: 0.25rem; margin: 0.20rem 0 0 0.3rem; } .ltpre, .gtnext { color: #084382 !important; cursor: pointer; } .sqs_date_fy span { float: left; margin-left: 0.15rem; font-size: 0.14rem; color: #333333; } .sqs_date_lt, .sqs_date_gt { cursor: pointer; } /* ******* */ .tab { width: 8.36rem; height: 4.6rem; } .tab .tab_ul .tab_li { font-size: 0.32rem; color: #7c7eaf; float: left; width: 2.3rem; height: 0.9rem; background-color: #171b55; line-height: 0.9rem; text-align: center; cursor: pointer; } .clearfix { background-color: #171b55; } .clearfix::after { content: ""; display: block; clear: both; } .tab .con .div_show { position: relative; width: 12.6rem; height: 5.7rem; background-color: #2d3295; display: none; } .tab_ul { width: 12.6rem } .tab .tab_ul .active { font-weight: bold; color: #fff; background-color: #2d3295; } .tab .con .on { display: block; } .con { position: relative; } /* 下拉列表 */ .div_show { padding: 0.3rem 0.2rem 0 0.2rem; box-sizing: border-box; } .div_show_select { width: 12.3rem; position: absolute; top: 0.2rem; left: 0.25rem; display: flex; font-size: 0.16rem; color: #fefefe; cursor: pointer; background-color: #2d3295; z-index: 98; } .show_select1lg1 { opacity: .5; font-size: 0.18rem; position: absolute; top: 0.04rem; left: 1.50rem; z-index: 1; color: #fefefe; } .show_select1lg2 { opacity: .5; font-size: 0.18rem; position: absolute; top: 0.04rem; left: 3.85rem; z-index: 1; color: #fefefe; } .div_show_select>.div_show_select1, .div_show_select>.div_show_select2 { min-width: 1.80rem; padding: 0 3% 0 1.5%; height: 0.45rem; line-height: 0.45rem; position: relative; text-align: left; margin-right: 0.5rem; background: url(/uploads/image/eimg/right_jjbg.png) no-repeat #171b55; background-position: 97%; cursor: pointer; border-radius: 0.026667rem; } .div_show_select>.div_show_select1.product, .div_show_select>.div_show_select2.product { min-width: 2.40rem; padding: 0 3% 0 1.5%; height: 0.45rem; line-height: 0.45rem; position: relative; text-align: left; margin-right: 0.5rem; background: url(/uploads/image/eimg/right_jjbg.png) no-repeat #171b55; background-position: 97%; cursor: pointer; border-radius: 0.026667rem; } .div_show_view { position: relative; opacity: 0.5; z-index: 1; } .div_show_select1, .div_show_select2 { padding-left: 0.1rem; box-sizing: border-box; margin-right: 0.55rem; background: #171b55; } .div_show_view { line-height: 0.32rem; } .div_show_select .div_show_view { width: 0.99rem; margin-left: auto; display: inline-block; margin-right: 0.2rem; } .div_show_view>span { position: absolute; top: 0.01rem; right: 0; font-size: 0.14rem; } .div_show_select_tit1, .div_show_select_tit2 { width: 1.78rem; height: 1.5rem; border-radius: 0.02rem; background-color: #fff; overflow-y: auto; } .div_show_select_tit1.product, .div_show_select_tit2.product { width: 2.4rem; height: 1.5rem; border-radius: 0.02rem; background-color: #fff; overflow-y: auto; } .div_show_select_tit1::-webkit-scrollbar { width: 0.05rem; overflow: hidden; } .div_show_select_tit2::-webkit-scrollbar { width: 0.05rem; overflow: hidden; } .div_showbox { color: #000; z-index: 99; } .div_show_select_tit1 { display: none; padding: 0.1rem; box-sizing: border-box; position: absolute; left: 0; top: 0.32rem; z-index: 9; } .div_show_select_tit2 { display: none; position: absolute; left: 2.34rem; top: 0.32rem; padding: 0.1rem; box-sizing: border-box; z-index: 9; overflow-x: hidden; } .volume_eachrs { position: relative; padding-top: 0.3rem; box-sizing: border-box; } .div_show3_table { width: 100%; height: 3rem; margin-top: 0.35rem; } .showtickimg img{width:100%} /* 表格设置 */ .mytable tbody { /* display: block; height: 4.28rem; width: 12rem; overflow-y: scroll; overflow-x: hidden; */ } .mytable tbody>tr:nth-child(2n) { background-color: #42469f; } .tgreen{color:#04fb85 !important} .trd{color:#fb3e3e !important;} .mytable thead>tr { background-color: #171b55; } .mytable tbody>tr>td { height: 0.4rem; border: 0.001rem solid #53579e; } .tk-show { line-height: 0.1rem; } .tk-show>img { width: 2em; ; display: inline; } .mytable thead, .mytable tbody tr { text-align: center; color: #f9f9f9; display: table; width: 12.2rem; height: 0.267rem; table-layout: fixed; } .mytable thead tr th:last-child, .mytable tbody tr td:last-child{ padding-right: 0.211rem; } .mytable thead { background: #e4e8f3; color: #f9f9f9; } .mytable { width: 1rem !important; font-size: 0.14rem; } .mytable thead tr th { text-align: center; padding:0.04rem 0; } /* 修改滚动条样式 */ .mytable tbody::-webkit-scrollbar { width: 0.05rem; height: 0.05rem; } .mytable tbody::-webkit-scrollbar-track { background: #6c71c2; border-radius: 0.02rem; } .mytable tbody::-webkit-scrollbar-thumb { background: #d9dae4; border-radius: 0.1rem; } .mytable tbody::-webkit-scrollbar-thumb:hover { background: #888; } .mytable tbody::-webkit-scrollbar-corner { background: #179a16; } /* echarts */ /* 弹框设置 */ .ada { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 99999; } .div_show_tkg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8.5rem; height: 4.61rem; background-color: #ccc; } .show_tkg_off { display: block; color: red; font-size: 0.28rem; margin-left: 8.2rem; cursor: pointer; } /* 日历区 */ .analysis_box_foot { clear: both; margin-top: 1rem !important; font-size: 0.18rem; font-weight: 700; font-family: myfontnameb; display: flex; width: 84%; margin: 0 auto; overflow: hidden; box-sizing: border-box; justify-content: space-between; } .box_foot_rili { width: 7rem; height: 4.5rem; background: #ffffff; float: left; } .box_foot_movie { margin-left: 0.12rem; margin-right: 0.12rem; float: left; } .box_foot_kuair{ float: right; width: 4.56rem; overflow: hidden; } .box_foot_movie>img { width: 4.13rem; height: 2.74rem; } .box_foot_movie>a:hover { text-decoration: underline; } .box_foot_movie>a { display: block; padding: 0.3rem 0.3rem; box-sizing: border-box; width: 4.13rem; height: 1.8rem; background-color: #171b55; font-size: 0.25rem; font-family: myfontnameb; font-weight: bold; color: #ffffff; } .kuair1_box { padding: 0.5rem; box-sizing: border-box; width: 4.56rem; height: 2.14rem; margin-bottom: 0.25rem; background: linear-gradient(90deg, #161853 0%, #2d3295 100%); } #imgbox2_show, #imgbox1_show { width: 0.4rem; display: none; } .kuair1_box:hover #imgbox1_show { display: inline-block; } .kuair1_box_show:hover #imgbox2_show { display: inline-block; } .kuair1_box:hover { background: #2d3295; } .box_foot_kuair2 { display: block; width: 4.56rem; height: 2.14rem; background: linear-gradient(90deg, #161853 0%, #2d3295 100%); } .box_foot_kuair2:hover { background: #2d3295; } .kuair1_img_box>a { display: flex; } .kuair1_img_box { margin-bottom: 0.3rem; } .img1 { width: 0.39rem; margin-right: 2.6rem; display: inline-block; } #img1-i { height: 0.3778rem; } .kuair1_text { font-size: 0.28rem; font-family: myfontnameb; font-weight: bold; color: #ffffff; } .box_foot_kuair2 { padding: 0.5rem; box-sizing: border-box; } .floor_scroll { position: fixed; top: 3.5rem; right: 1%; width: 0.485rem; height: 3.05rem; } .floor_scroll>li { text-align: center; cursor: pointer; text-align: center; width: 0.485rem; height: 0.5rem; line-height: 0.1rem; background-color: #0f103d; margin-bottom: 0.02rem; } .floor_scroll>li>img { display: inline; } .tc_qrbox { width: 1.6rem; overflow: hidden; position: absolute; top: -1.8rem; display: none; } .tc_qr { width: 1.6rem; height: 1.6rem; overflow: hidden; background: #f9f9f9; } .tc_qrafter { margin-left: 0.4rem; width: 0px; height: 0px; line-height: 0px; border-width: 0.09rem 0.09rem 0; border-style: solid dashed dashed dashed; border-color: #f9f9f9 transparent transparent transparent; } .tc_qr img { width: 1.4rem; height: 1.4rem; margin: 0.1rem auto; } .sqs_contract_screen { width: 100%; height: 0.45rem; } .sqs_contract_select { float: left; min-width: 1.3rem; padding: 0 3% 0 1.5%; height: 0.45rem; position: relative; text-align: left; margin-right: 0.5rem; background: url(/uploads/image/eimg/right_jjbg.png) no-repeat #171b55; background-position: 97%; cursor: pointer; border-radius: 0.026667rem; } .item-select-list { width: 99%; display: none; position: absolute; top: 0.48rem; left: 0; z-index: 99; padding: 0.1rem 0; border-radius: 0.026667rem; color: #141414; background-color: #fff; border: 0.01rem solid #f0f0f0; max-height: 1.6rem; overflow-y: scroll; } .item-select-list .active { font-weight: 700; background: #f0f0f0; color: #141414; } .select-val { color: #fefefe; width: 100%; line-height: 0.45rem; } .select-val, .item-select-list li { font-size: 0.2rem; } .item-select-list li { padding-left: 0.15rem; line-height: 1.5; color: #141414; background: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*修改滚动条样式*/ .item-select-list::-webkit-scrollbar { width: 0.05rem; overflow: hidden; } .item-select-list::-webkit-scrollbar-track { background: none; border-radius: 2px; } .item-select-list::-webkit-scrollbar-thumb { width: 0.05rem; height: 0.3rem; background: #d5d9e4; border-radius: 0.026667rem; } .item-select-list::-webkit-scrollbar-corner { background: none; height: 0.01rem; } .item-select-list li:hover { background: #f0f0f0; color: #141414; } .div_show_more { float: right; height: 0.32rem; line-height: 0.32rem; color: #c8c5d6; padding-right: 12px; font-size: 0.2rem; background: url(/uploads/image/eimg/right_bg.png) no-repeat right center; background-position: 97%; } .div_showbox .item-list li{line-height: 1.5;} .div_showbox .item-list li.active{background: #f0f0f0;}