.web_index{ height: 100%; display: flex; flex-direction: column; } .web{ flex: 1; overflow: auto; } /* */ /* 学习 */ /*.navto_list{ display: none; }*/ /*.table_ul{ display: none; }*/ .study{ display: flex; flex-wrap: wrap; align-items: center; } .study_list{ width: 25%; padding: 0.1rem 0; } .study_list a{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .study_top{ width: 0.78rem; height: 0.78rem; border-radius: 50%; /* background-color: #ff8b1c; */ } .study_list p{ font-size: 0.28rem; color: #000000; margin-top: 0.1rem; } .navto_head{ display: flex; align-items: center; background: #f5f8fb; padding: 0.24rem 0; } .navto_left{ width: 0.1rem; margin: 0 0.15rem 0 0.4rem ; margin-top: 2px; } .navto_head h2{ color: #262626; font-size: 0.36rem; } .navto_list{ padding-top: 0.32rem; } .bot{ color: #ec672c; font-size: 0.4rem; /* font-weight: bold; */ font-family: "黑体"; } .bot span{ font-size: 0.28rem; } .left_bot{ display: flex; justify-content: space-between; align-items: center; } .right_bot{ width: 1.2rem; height: 0.48rem; font-size: 0.28rem; color: #ffffff; background-color: #ec672c; text-align: center; line-height: 0.48rem; } .curri{ padding-top: 0.36rem; } .curri_list{ padding: 0 0.2rem 0.56rem 0.3rem; display: flex; } .curri_left{ flex: 1; } .left_text{ font-size: 0.32rem; color: #262626; } .left_title{ font-size: 0.28rem; color: #666666; margin-top: 0.2rem; } .number{ font-size: 0.24rem; color: #bbbbbb; margin: 0.75rem 0 0.24rem; } .curri_right{ width: 2.2rem; height: 2.86rem; border-radius: 0.08rem; background-color: #262626; margin-left: 0.4rem; } .curri_right img{ border-radius: 0.08rem; } /*.rese{ padding-bottom: 1rem; }*/ /* */ .adv{ padding: 0.46rem 0.3rem 0; } .adv_top{ display: flex; } .adv_text{ font-size: 0.32rem; color: #262626; line-height: 0.48rem; flex: 1; } /* 新加 */ /*#swi2{ height: 6.4rem; }*/ .title_list{ margin-top: 0.3rem; } .title_list a{ font-size: 0.32rem; color: #333333; /* font-weight: bold; */ text-align: center; margin: 0.1rem 0; } .title_list a:first-child{ font-weight: bold; font-size: 0.4rem; } .swiper_table{ color: #c5c5c5; font-size: 0.36rem; margin: 0 0.3rem; display: flex; align-items: center; background-color: #ffffff; /*margin-top: 0.2rem;*/ /* border-bottom: 1px solid #a5a5a5; */ } .swiper_table li{ flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding:0.2rem 0 0; font-weight: bold; /* border-bottom: 3px solid #f5f8fb; */ } .swiper_list{ margin: 0.2rem 0.3rem 0; height: 2.44rem; overflow:hidden; } .swiper_bown{ width: 0.4rem; margin: 0 auto; position: relative; top: -0.3rem; left: 0.3rem; z-index: 99; } .swiper_xia{ padding: 0.1rem; } .swiper_xia img{ width: 0.4rem; margin: 0 auto; } .swi_nav{ /* background-color: #f4f4f4; */ font-size: 0.32rem; text-align: center; } .swtable .swi_nav td{ color: #b0b0b0; } .swtable{ font-size: 0.32rem; padding: 0; } .swtable td{ border-top: 1px solid #f4f4f4; padding: 0.18rem 0; width: 25%; color: #333; } .swtable td{ text-align: right; } /* .swtable td:first-child{ text-align: center; } */ td.gree{ color: #1e8632; text-align: right; } td.red{ color: #d30505; text-align: right; } td.code_name{ text-align: center; } li.table_blu{ /* border-bottom: 3px solid #1870ff; */ color: #1870ff; font-weight: 800; } .xia{ width: 0.5rem; height: 2px; background-color: #ffffff; margin-top: 0.1rem; } .xias{ background-color: #1870ff; } html,body{ position: relative; } .cascade{ font-size: 0.32rem; box-shadow: 1px 1px 8px 0px #e9e9e9, 1px 1px 8px 0px #e9e9e9; background-color: #ffffff; } #cascade{ width: 100%; } #cascade .swiper-slide { /* text-align: center; */ } .cascade{ width:80%; border-radius:7px; margin:18px 0 10px 4%; padding: 0.4rem 0.2rem; position: relative; } .hotsr{ position: absolute; right: 1.1rem; width: 1.3rem; bottom: 0.2rem; opacity: 0.4; } .cas_title{ /* display: flex; */ font-size: 0.32rem; color: #333333; line-height: 0.5rem; } .cas_title p{ flex: 1; line-height:0.46rem; /* font-weight: bold; */ letter-spacing: 1.2px; font-family: pingfang sc, "微软雅黑", "hiragino sans gb", "microsoft yahei ui", "microsoft yahei"; } .title_img{ width: 0.8rem; background: no-repeat; background-size: 100% 100%; padding-left: 0.1rem; align-items: center; font-size: 0.24rem; color: #ffffff; margin-right: 0.1rem; padding: 0.06rem 0.1rem; } .cas_sen{ font-size: 0.3rem; color: rgba(160, 160, 160,1); margin: 0.2rem 0; height: 1rem; line-height: 0.5rem; letter-spacing: 1.2px; } .source{ display: flex; justify-content: space-between; align-items: center; font-size: 0.24rem; color: #333333; } .source_time{ color: rgba(160, 160, 160,1); } .wei_ui{ display: flex; margin: 0.2rem 0.3rem 0; font-size: 0.32rem; color: #b0b0b0; } .wei_ui li{ flex: 1; text-align: right; }