.subtit{ margin-bottom: 30px; margin-top: 80px; } .title_img{ width: 24px; height: 24px; display: block; background-repeat: no-repeat; } .view_more{ font-size: 16px; color: #999; } .gk_order{ width: 1348px; margin: 0 auto; position: relative; } .gk_order ul{ display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 100; } .none{ width: 52px; height: 52px; border-radius: 50%; background: #f5f5f5; display: flex; justify-content: center; align-items: center; } .none div{ width: 40px; height: 40px; border-radius: 50%; background: #e6e6e6; font-size: 16px; display: flex; justify-content: center; align-items: center; } .content{ width: 112px; height: 78px; padding: 4px; box-sizing: border-box; background: #ffebeb; border-radius: 20px; } .content div{ width: 104px; height: 30px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; line-height: 30px; background: linear-gradient(90deg, rgba(255, 163, 158, 1) 0%, rgba(255, 209, 186, 1) 100%); border-top-left-radius: 14px; border-top-right-radius: 14px; } .content p{ font-size: 18px; text-align: center; margin: 10px 0; } .line{ position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%); display: block; z-index: 1; border-bottom: 1px solid #dedede; width: 97%; display: block; margin-bottom: -100px; } .zx{ display: flex; justify-content: space-between; } .gkzx{ width: 960px; margin-right: 40px; } .gkzx_info{ width: 960px; display: flex; justify-content: space-between; margin-top: 40px; } .gkzx_list{ width: 460px; } .gkzx_list>a{ width: 460px; display: flex; justify-content: space-between; } .gkzx_img{ width: 190px; height: 120px; font-size: 0; border-radius: 20px; overflow: hidden; position: relative; margin-right: 14px; } .gkzx_img img{ width: 100%; } .gkzx_msg{ width: 256px; display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0; box-sizing: border-box; } .gkzx_msg p:first-of-type{ font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .gkzx_msg p:nth-of-type(2){ font-size: 14px; color: #999; text-align: right; margin-top: 5px; } .article_title{ position: absolute; top: 20px; left: 20px; width: 80%; font-weight: bold; line-height: 1.8; font-size: 18px; } .article_date{ font-size: 36px; font-weight: bold; position: absolute; left: 20px; bottom: 40px; } .article_time{ font-size: 14px; position: absolute; left: 20px; bottom: 20px; } .gkzx_list ul li a{ display: flex; justify-content: space-between; align-items: center; margin-top: 20px; } .gkzx_list ul li a p:first-of-type{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; flex: 1; margin-right: 40px; } .gkzx_list ul li a p:nth-of-type(2){ font-size: 14px; color: #999; } .drop{ width: 6px; height: 6px; border-radius: 50%; background: #ffc300; margin-right: 8px; } .rmzx ul{ width: 400px; display: flex; flex-direction: column; justify-content: space-between; height: 345px; } .rmzx ul li:nth-child(1) span.number{ color: #ef2a2a; } .rmzx ul li:nth-child(2) span.number{ color: #ff8d1a; } .rmzx ul li:nth-child(3) span.number{ color: #ffeb3b; } .rmzx li a{ display: flex; justify-content: space-between; align-items: center; } .rmzx li a .number{ font-size: 16px; font-weight: bold; margin-right: 14px; color: #999; } .rmzx li a p{ flex: 1; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 40px; } ul.hover-list li a{ transition: all .2s; } ul.hover-list li:hover a{ margin-left: 4px; color: var(--color-red) !important; } ul.hover-list li:hover span{ background-color: var(--color-red) !important; } ul.hover-list li:hover p{ color: var(--color-red) !important; } .gk_time{ font-size: 14px; color: #999; } .wd{ display: flex; justify-content: space-between; } .gkwd{ width: 960px; } .gkwd_info{ width: 960px; display: flex; justify-content: space-between; margin-top: 40px; } .gkwd_left{ width: 500px; margin-right: 40px; } .gkwd_list{ width: 500px; display: flex; justify-content: space-between; } .gkwd_img{ width: 60px; height: 60px; ; border-radius: 10px; overflow: hidden; font-size: 0; margin-right: 10px; } .gkwd_img img{ width: 60px; } .gkwd_msg{ width: 430px; } .gkwd_user{ display: flex; justify-content: space-between; align-items: center; } .gkwd_user span:first-of-type{ font-size: 14px; margin-right: 10px; } .gkwd_user span:nth-of-type(2){ font-size: 14px; color: #ef2a2a; flex: 1; } .gkwd_user span:nth-of-type(2){ font-size: 14px; color: #999; } .gkwd_topic{ font-size: 18px; font-weight: bold; margin: 14px 0 30px; } .gkwd_answer{ width: 430px; height: 136px; background: #f5f5f5; border-radius: 20px; padding: 20px; box-sizing: border-box; } .gkwd_answer p{ font-size: 14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.5; } .gkwd_answer span{ color: #ef2a2a; } .more{ font-size: 16px; color: #ef2a2a; margin-top: 10px; display: block; } .gkwd_line{ border-bottom: 1px solid #dedede; margin: 30px 0; display: block; } .gkwd_right{ width: 420px; height: 500px; display: flex; flex-direction: column; justify-content: space-between; } .gkwd_right li a{ display: flex; justify-content: space-between; align-items: center; } .gkwd_right li a p:first-of-type{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; flex: 1; margin-right: 40px; } .gkwd_right li a p:nth-of-type(2){ font-size: 14px; color: #999; } .hotwd{ width: 400px; } .hotwd ul{ height: 528px; display: flex; flex-direction: column; justify-content: space-between; } .hotwd ul li{ padding-bottom: 10px; border-bottom: 1px solid #dedede; } .hotwd_question{ display: flex; justify-content: space-between; margin-bottom: 20px; } .hotwd_question span{ width: 16px; height: 16px; font-size: 0; margin-right: 10px; margin-top: 4px; } .hotwd_question span img{ width: 100%; } .hotwd_question p{ flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; } .hotwd_answer{ display: flex; justify-content: space-between; } .hotwd_answer span{ width: 16px; height: 16px; font-size: 0; margin-right: 10px; margin-top: 4px; } .hotwd_answer span img{ width: 100%; } .hotwd_answer p{ flex: 1; font-size: 14px; color: #999; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; } .gkbk_info{ display: flex; justify-content: space-between; margin-top: 40px; } .gkbk_list{ width: 335px; } .gkbk_list p{ font-size: 20px; font-weight: bold; margin-bottom: 20px; padding: 0 10px; } .gkbk_list div{ width: 335px; height: 120px; font-size: 0; border-radius: 20px; overflow: hidden; } .gkbk_list div img{ width: 100%; } .gkbk_list ul li a{ display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; margin-top: 20px; padding: 0 10px; } /*高考知识点*/ .gkzsd{ margin: 80px 0 0; display: flex; justify-content: left } .gkzsd .subtit2{ display: flex; margin-right: 40px; } .gkzsd .subtit2 span{ margin-right: 10px; } .gkzsd .subtit2 p{ font-size: 24px; font-weight: bold; color: #222; line-height: 1; flex: 1; } .gkzsd .tab2{ display: flex; flex: 1; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .gkzsd .tab2 p{ font-size: 18px; margin-right: 40px; position: relative; } .tab2 p:hover{ cursor: pointer; } .tab2 p.active::before{ content: ''; display: block; width: 100%; height: 3px; background-color: #ef2a2a; position: absolute; bottom:-10px; } .tab3{ display: flex; flex: 1; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .tab3 p{ font-size: 18px; margin-right: 40px; position: relative; }