/* 头部 */ .header { /* margin-bottom: 40px; */ } .header .header_title_box { width: 100%; height: 157px; background-image: ; background-size: 100%; background-repeat: no-repeat; } .header .header_title_box .header_title { width: 1200px; height: 100%; margin: 0 auto; /* display: flex; */ /* align-items: center; */ padding-top: 30px; } .header .header_title_box .header_title .logo { float: left; width: 264px; height: 95px; margin-right: 42px; } .header .header_title_box .header_title .logo img { width: 100%; height: 100%; } .header .header_title_box .header_title .ad { float: left; width: 436px; height: 93px; margin-right: 50px; } .header .header_title_box .header_title .ad img { width: 100%; height: 100%; } .header .header_title_box .header_title .search { float: left; } .header .header_title_box .header_title .search .wrapper { /* display: flex; */ /* align-items: center; */ width: 408px; height: 48px; background: #ffffff; margin-bottom: 16px; position: relative; } .header .header_title_box .header_title .search .wrapper .search_icon { width: 15px; height: 15px; margin: 0 16px 0 16px; float: left; position: absolute; left: 0; top: 50%; transform: translatey(-50%); } .header .header_title_box .header_title .search .wrapper .search_input { /* flex: 1; */ float: left; width: 220px; position: absolute; left: 50px; top: 50%; transform: translatey(-50%); } .header .header_title_box .header_title .search .wrapper .search_btn { float: right; width: 87px; height: 48px; text-align: center; line-height: 48px; background: #f47521; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; /* display: flex; justify-content: center; align-items: center; */ cursor: pointer; } .header .header_title_box .header_title .search .tip { font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #352e28; } .header .header_nav_box { width: 100%; height: 60px; background: #ef681f; } .header .header_nav_box .header_nav { width: 1200px; margin: 0 auto; /* display: flex; */ /* justify-content: space-between; */ } .header .header_nav_box .header_nav .item { float: left; /* width: 10%; */ height: 60px; /* display: flex; justify-content: center; align-items: center; */ padding: 0 48px; white-space: nowrap; cursor: pointer; color: #ffffff; text-align: center; line-height: 60px; /* margin-right: 120px; */ margin-right: 2px; font-weight: 600; font-size: 18px; } /* 院校库导航间距 */ .header .header_nav_box .header_nav .item:nth-child(4) { padding: 0 56px; } /* 跳转后选中状态 */ .header .header_nav_box .header_nav .menu_active_status { background: #ffffff; color: #de6011; font-weight: 600; box-shadow: 0 11px 32px 0 rgba(248, 137, 51, 0.6); } .header .header_nav_box .header_nav .item:nth-child(1) { margin-left: 28px; } .header .header_nav_box .header_nav .item:nth-child(6) { margin-right: 0; } .header_nav .item:hover { background: #ffffff; color: #de6011 !important; box-shadow: 0 2px 20px 0 rgba(248, 137, 51, 0.6); position: relative; z-index: 999; } .one_menu { display: block; position: relative; z-index: 8; } .one_menu>ul { display: none; position: absolute; top: 60px; left: 0px; background-color: #ffffff; box-shadow: 0 2px 12px 0 rgba(248, 137, 51, 0.43); /* padding: 10px; */ /* border: 1px solid #f18621; */ /* border-top: none; */ /* background: linear-gradient(#f8f7f5, #f77d27) !important; */ } .one_menu>ul li { position: relative; background: #fff; text-align: center; font-size: 15px; font-weight: 500; } .one_menu>ul li ul { position: absolute; top: 0; width: 160px; right: -160px; background: #fff; /* box-shadow: 0 11px 32px 0 rgba(204, 204, 204, 0.43); */ display: none; text-align: center; line-height: 20px; /* padding: 10px; */ /* border: 1px solid #f18621; */ } .one_menu>ul a { color: #000000; display: block; width: 168px; line-height: 30px; padding: 10px 20px; } .one_menu>ul a:hover { color: #ffffff; } .one_menu>ul .two_item:hover { background-color: #ef681f; } .three_menu li a:hover { background-color: #ef681f !important; color: #ffffff !important; } .header_nav :hover>ul { display: block; } /* 中间 */ .main { display: flex; flex-direction: column; justify-content: center; } .main .banner_news_wrapper { background: linear-gradient(#fff5d4, #f8f7f5); /* css背景色渐变写法兼容ie9 */ filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#fff5d4', endcolorstr='#f8f7f5', gradienttype=0); } .main .hot_news { text-align: center; height: 110px; line-height: 76px; margin-bottom: 12px; padding-top: 10px; } .main .hot_news .hot_news_title { height: 34px; font-size: 34px; font-family: microsoft yahei; font-weight: bold; color: #c80d0d; margin-bottom: 12px; } .main .hot_news .other_news_title { font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #605656; } .main .hot_news .other_news_title a:hover { color: #ff0000; } .main .activity_banner { width: 1200px; margin: 0 auto 10px; cursor: pointer; } .main .activity_banner img { width: 100%; border: 0; } /* 新闻广告 */ .main .news_ad { width: 1200px; margin: 0 auto; /* 清楚浮动 */ overflow: hidden; /* margin-bottom: 10px; */ } .main .news_ad .news_bar { /* display: flex; */ margin-bottom: 15px; /* 清除浮动 */ overflow: hidden; } .main .news_ad .news_bar .left_box { position: relative; width: 934px; /* height: 465px; */ height: 372px; background-color: #fab43a; /* margin-right: 16px; */ background-image: ; background-repeat: no-repeat; background-size: 100% 100%; float: left; } .main .news_ad .news_bar .left_box .news_nav {} .main .news_ad .news_bar .left_box .news_nav .nav_bkkx { width: 222px; height: 72px; text-align: center; line-height: 66px; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 44px; left: 16px; font-size: 21px; font-family: microsoft yahei; font-weight: 600; color: #ffffff; cursor: pointer; } .main .news_ad .news_bar .left_box .news_nav .nav_bkkx .icon { width: 20px; height: 20px; margin-right: 16px; position: relative; top: 3px; } .main .news_ad .news_bar .left_box .news_nav .nav_bkkx .pen_off { display: none; } .main .news_ad .news_bar .left_box .news_nav .nav_zcfb { width: 222px; height: 72px; text-align: center; line-height: 66px; /* background-image: ; */ background-repeat: no-repeat; background-size: 100% 100%; position: absolute; /* top: 208px; */ top: 154px; left: 16px; font-size: 21px; font-family: microsoft yahei; font-weight: 600; color: #ffffff; cursor: pointer; } .main .news_ad .news_bar .left_box .news_nav .nav_zcfb .icon { width: 20px; height: 20px; margin-right: 16px; position: relative; top: 3px; } .main .news_ad .news_bar .left_box .news_nav .nav_zcfb .airplane_on { display: none; } .main .news_ad .news_bar .left_box .news_nav .nav_yxdt { width: 222px; height: 72px; text-align: center; line-height: 66px; background-repeat: no-repeat; background-size: 100% 100%; position: absolute; /* top: 354px; */ top: 268px; left: 16px; font-size: 21px; font-family: microsoft yahei; font-weight: 600; color: #ffffff; cursor: pointer; } .main .news_ad .news_bar .left_box .news_nav .nav_yxdt .icon { width: 20px; height: 20px; margin-right: 16px; position: relative; top: 3px; } .main .news_ad .news_bar .left_box .news_nav .nav_yxdt .school_on { display: none; } .main .news_ad .news_bar .left_box .news_list { position: absolute; top: 42px; left: 260px; } .main .news_ad .news_bar .left_box .zcfb_news_list { display: none; } .main .news_ad .news_bar .left_box .yxdt_news_list { display: none; } .main .news_ad .news_bar .left_box .news_list .item_news { width: 640px; /* display: flex; */ /* justify-content: space-between; */ /* padding-bottom: 52px; */ padding-bottom: 46px; } .main .news_ad .news_bar .left_box .news_list .item_news .left { float: left; font-size: 16px; font-family: microsoft yahei; color: #000000; width: 580px; } .main .news_ad .news_bar .left_box .news_list .item_news .left:hover { color: #ff0000 !important; } /* .main .news_ad .news_bar .left_box .news_list .item_news .left font:hover { color: #ff0000 !important; } */ .main .news_ad .news_bar .left_box .news_list .item_news .right { float: right; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #cfcfcf; } .main .news_ad .news_bar .left_box .news_nav .checked_status { background-image: ; color: #de6011; } .main .news_ad .news_bar .right_box { float: right; } .main .news_ad .news_bar .right_box .remain_time { position: relative; width: 252px; /* height: 232px; */ height: 156px; /* margin-bottom: 18px; */ margin-bottom: 10px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .main .news_ad .news_bar .right_box .remain_time .remain_time_title { position: absolute; top: 28px; left: 50%; transform: translatex(-50%); font-size: 24px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; white-space: nowrap; } .main .news_ad .news_bar .right_box .remain_time .remain_time_content { position: absolute; top: 56px; left: 50%; width: 200px; height: 100px; /* background-color: skyblue; */ transform: translatex(-50%); text-align: center; line-height: 100px; } .main .news_ad .news_bar .right_box .remain_time .remain_time_content #gaokao_remain_time { font-size: 60px; font-family: microsoft yahei; font-weight: 400; color: #c81515; } .main .news_ad .news_bar .right_box .remain_time .remain_time_content .day { font-size: 24px; font-family: microsoft yahei; font-weight: 600; color: #c81515; } .main .news_ad .news_bar .right_box .ad_one { width: 253px; height: 66px; /* height: 66px; */ /* background: #dd8e11; */ /* margin-bottom: 18px; */ margin-bottom: 4px; } .main .news_ad .news_bar .right_box .ad_one img { width: 100%; height: 100%; } .main .news_ad .news_bar .right_box .ad_two { width: 253px; height: 66px; /* height: 66px; */ /* background: #46bbe1; */ margin-bottom: 4px; } .main .news_ad .news_bar .right_box .ad_two img { width: 100%; height: 100%; } .main .news_ad .news_bar .right_box .ad_three { width: 253px; height: 66px; /* height: 66px; */ /* background: #46bbe1; */ } .main .news_ad .news_bar .right_box .ad_three img { width: 100%; height: 100%; } /* 修改顶部新闻广告样式 */ .main .news_ad .content_wrapper{ display: flex; justify-content: space-between; margin-bottom: 15px; } .main .news_ad .content_wrapper .left_area{ width: 187px; height: 444px; display: flex; flex-direction: column; justify-content: space-between; } .main .news_ad .content_wrapper .left_area #ad_block_one{ width: 187px; height: 72px; } .main .news_ad .content_wrapper .left_area #ad_block_one ul li a img{ width: 187px; height: 72px; } .main .news_ad .content_wrapper .left_area #ad_block_two{ width: 187px; height: 72px; } .main .news_ad .content_wrapper .left_area #ad_block_two ul li a img{ width: 187px; height: 72px; } .main .news_ad .content_wrapper .left_area .serve_block{ width: 100%; height: 263px; background: #ffffff; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; padding: 40px 0 40px 0; } .main .news_ad .content_wrapper .left_area .serve_block .item_serve{ width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .main .news_ad .content_wrapper .left_area .serve_block .item_serve:hover .serve_icon { transform: scale(1.2); transition: all 0.5s; } .main .news_ad .content_wrapper .left_area .serve_block .item_serve:hover .serve_text { color: #ff0000; } .main .news_ad .content_wrapper .left_area .serve_block .item_serve .serve_icon{ display: block; margin: 0 0 12px 0; } .main .news_ad .content_wrapper .left_area .serve_block .item_serve .yxxx_icon{ margin: 0 0 13px 0; } .main .news_ad .content_wrapper .left_area .serve_block .item_serve .serve_icon{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #000000; text-align: center; } .main .news_ad .content_wrapper .left_area .serve_block .item_serve .ygzy_icon{ margin: 0 0 16px 0; } .main .news_ad .content_wrapper .center_area{ width: 791px; height: 444px; background-color: #ffffff; } .main .news_ad .content_wrapper .center_area .top_nav{ display: flex; justify-content: space-between; } .main .news_ad .content_wrapper .center_area .top_nav .item_nav{ width: 260px; height: 62px; background: #ececec; display: flex; justify-content: center; align-items: center; cursor: pointer; } .main .news_ad .content_wrapper .center_area .top_nav .checked_status{ background: linear-gradient(54deg, #ff943e, #fa7730); font-size: 18px; font-family: microsoft yahei; font-weight: bold; color: #ffffff; } .main .news_ad .content_wrapper .center_area .top_nav .item_nav .pen_off{ display: none; } .main .news_ad .content_wrapper .center_area .top_nav .item_nav .airplane_on{ display: none; } .main .news_ad .content_wrapper .center_area .top_nav .item_nav .school_on{ display: none; } .main .news_ad .content_wrapper .center_area .top_nav .item_nav .nav_icon{ margin: 0 8px 0 0; } .main .news_ad .content_wrapper .center_area .news_wrapper{ padding: 20px; } /* =========================================================== */ .main .news_ad .content_wrapper .center_area .news_wrapper .news_list .item_news { /* width: 640px; */ /* display: flex; */ /* justify-content: space-between; */ /* padding-bottom: 52px; */ padding-bottom: 54px; } .main .news_ad .content_wrapper .center_area .news_wrapper .news_list .item_news .left { position: relative; float: left; font-size: 16px; font-family: microsoft yahei; color: #000000; width: 692px; padding-left: 24px; } .main .news_ad .content_wrapper .center_area .news_wrapper .news_list .item_news .left:hover::before{ background-color: #ff0000; } .main .news_ad .content_wrapper .center_area .news_wrapper .news_list .item_news .left::before{ position: absolute; top: 50%; transform: translatey(-50%); left: 10px; content: ""; width: 4px; height: 4px; background: #d3d3d3; border-radius: 50%; } .main .news_ad .content_wrapper .center_area .news_wrapper .news_list .item_news .left:hover { color: #ff0000 !important; } /* .main .news_ad .news_bar .left_box .news_list .item_news .left font:hover { color: #ff0000 !important; } */ .main .news_ad .content_wrapper .center_area .news_wrapper .news_list .item_news .right { float: right; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #cfcfcf; } /* =========================================================== */ .main .news_ad .content_wrapper .center_area .news_wrapper .zcfb_news_list{ display: none; } .main .news_ad .content_wrapper .center_area .news_wrapper .yxdt_news_list{ display: none; } .main .news_ad .content_wrapper .right_area{ width: 187px; height: 444px; display: flex; flex-direction: column; justify-content: space-between; } .main .news_ad .content_wrapper .right_area #ad_block_three{ width: 100%; height: 72px; } .main .news_ad .content_wrapper .right_area #ad_block_three ul li a img{ width: 187px; height: 72px; } .main .news_ad .content_wrapper .right_area #ad_block_four{ width: 100%; height: 72px; } .main .news_ad .content_wrapper .right_area #ad_block_four ul li a img{ width: 187px; height: 72px; } .main .news_ad .content_wrapper .right_area .serve_block{ width: 100%; height: 263px; background: #ffffff; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: center; padding: 40px 0 40px 0; } .main .news_ad .content_wrapper .right_area .serve_block .item_serve{ width: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .main .news_ad .content_wrapper .right_area .serve_block .item_serve:hover .serve_icon { transform: scale(1.2); transition: all 0.5s; } .main .news_ad .content_wrapper .right_area .serve_block .item_serve:hover .serve_text { color: #ff0000; } .main .news_ad .content_wrapper .right_area .serve_block .item_serve .serve_icon{ display: block; margin: 0 0 14px 0; } .main .news_ad .content_wrapper .right_area .serve_block .item_serve .yxxx_icon{ margin: 0 0 13px 0; } .main .news_ad .content_wrapper .right_area .serve_block .item_serve .serve_icon{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #000000; text-align: center; } .main .news_ad .content_wrapper .right_area .serve_block .item_serve .ygzy_icon{ margin: 0 0 16px 0; } .main .news_ad .ad_bar { width: 1200px; height: 68px; margin: 0 auto; margin-bottom: 16px; /* display: flex; */ /* justify-content: space-between; */ } .main .news_ad .ad_bar .item_ad { float: left; /* width: 154px; */ /* height: 68px; */ width: 185px; height: 73px; background: #dd8e11; margin-right: 18px; margin-bottom: 10px; } .main .news_ad .ad_bar .item_ad img { width: 100%; height: 100%; } .main .news_ad .ad_bar .item_ad:nth-last-child(1) { margin-right: 0; } /* 阳光服务和特别推荐 */ .main .serve_recommend_wrapper { width: 1200px; height: 378px; margin: 0 auto; margin-bottom: 20px; /* display: flex; */ /* justify-content: space-between; */ margin-top: 10px; } .main .serve_recommend_wrapper .sun_serve { float: left; width: 591px; height: 100%; /* background-color: skyblue; */ } .main .serve_recommend_wrapper .sun_serve .sun_serve_title { border-left: 4px solid #e9951c; padding-left: 20px; display: flex; align-items: center; margin-bottom: 22px; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box { width: 100%; height: 332px; background: #ffffff; /* display: flex; */ /* flex-wrap: wrap; */ /* align-items: center; */ padding: 52px 0 20px 0; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve { float: left; width: 25%; height: 90px; margin-bottom: 60px; /* display: flex; */ /* flex-direction: column; */ /* align-items: center; */ cursor: pointer; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve:hover .icon { transform: scale(1.2); transition: all 0.5s; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve:hover .txt { color: #ff0000; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve .icon { display: block; margin: 0 auto 15px; border: 0; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve .examinee_platform_icon { height: 46px; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve .gaokao_ask_icon { margin-bottom: 17px; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve .sun_volunteer_icon { margin-bottom: 20px; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve .search_record_icon { margin-bottom: 14px; } .main .serve_recommend_wrapper .sun_serve .sun_serve_box .item_serve .txt { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #000000; text-align: center; } .main .serve_recommend_wrapper .sun_serve .topic_serve_box{ display: flex; flex-wrap: wrap; } .main .serve_recommend_wrapper .sun_serve .topic_serve_box .item_topic{ width: 288px; height: 98px; margin: 0 14px 14px 0; } .main .serve_recommend_wrapper .sun_serve .topic_serve_box .item_topic:nth-child(2n){ margin: 0; } .main .serve_recommend_wrapper .sun_serve .topic_serve_box .item_topic a .topic_img{ width: 100%; height: 100%; /* 清除黑色边框 */ border: 0; cursor: pointer; transition: all .2s linear; } .main .serve_recommend_wrapper .sun_serve .topic_serve_box .item_topic a .topic_img:hover { -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } .main .serve_recommend_wrapper .special_recommend { float: right; width: 591px; height: 100%; /* background-color: pink; */ } .main .serve_recommend_wrapper .special_recommend .special_recommend_title { position: relative; border-left: 4px solid #e9951c; padding-left: 20px; /* display: flex; */ /* justify-content: space-between; */ /* align-items: center; */ margin-bottom: 18px; } .main .serve_recommend_wrapper .special_recommend .special_recommend_title .more { position: absolute; right: 0; top: 6px; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #a3a3a3; cursor: pointer; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box { width: 100%; height: 322px; background: #ffffff; padding: 22px; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .cover { width: 100%; height: 97px; text-align: center; line-height: 97px; margin-bottom: 32px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .cover:hover span { transform: scale(1.1); transition: all .5s; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .cover:hover img { transform: scale(1.1); transition: all .5s; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .cover span { display: inline-block; font-size: 37px; font-weight: 600; font-style: italic; color: #ffffff; margin-right: 25px; letter-spacing: 4px; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .cover img { width: 28px; height: 17px; border: 0; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list { width: 100%; height: 180px; /* background-color: silver; */ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #000000; line-height: 40px; /* display: flex; */ /* justify-content: space-around; */ /* padding-left: 18px; */ } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list ul { float: left; margin-right: 8px; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list ul:nth-child(3) { margin-right: 0; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list ul li { position: relative; width: 176px; padding-left: 18px; float: left; margin-right: 5px; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list ul li:nth-child(3n) { margin-right: 0; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list ul li::before { position: absolute; top: 18px; left: 0px; content: ""; width: 6px; height: 6px; background: #c7c7c7; border-radius: 50%; } /* .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list ul li a:hover { color: #ff0000; } */ .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list ul li:hover { color: #ff0000; } .main .serve_recommend_wrapper .special_recommend .special_recommend_box .list ul li:hover::before { background-color: #ff0000; } /* 政策咨询one */ .main .policy_consult_one { width: 1200px; margin: 0 auto; margin-bottom: 30px; } .main .policy_consult_one .policy_consult_one_title { /* display: flex; */ /* justify-content: space-between; */ /* align-items: center; */ margin-bottom: 8px; /* 清除浮动 */ overflow: hidden; } .main .policy_consult_one .policy_consult_one_title img { width: 96px; height: 24px; margin-top: 2px; } .main .policy_consult_one .policy_consult_one_title .left_side { position: relative; border-left: 4px solid #f8b551; padding-left: 20px; float: left; } .main .policy_consult_one .policy_consult_one_title .right_side { float: right; width: 144px; height: 44px; text-align: center; line-height: 44px; background: #3789ea; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ cursor: pointer; font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; } .main .policy_consult_one .policy_consult_one_title .right_side:hover { background-color: #01baae; } .main .policy_consult_one .policy_consult_one_title .right_side .question_mark_icon { position: relative; top: 3px; width: 18px; height: 18px; margin: 0 12px 0 0; } .main .policy_consult_one .policy_consult_one_box { width: 100%; /* min-height: 361px; */ background: #ffffff; /* border-radius: 6px; */ /* display: flex; */ /* flex-wrap: wrap; */ /* justify-content: space-between; */ /* align-items: center; */ padding: 24px 48px 0; overflow: hidden; } .main .policy_consult_one .policy_consult_one_box .item_consult { float: left; width: 516px; height: 136px; margin: 0 65px 10px 0; /* background-color: pink; */ } .main .policy_consult_one .policy_consult_one_box .item_consult:nth-child(3) { margin: 0 65px 0 0; } .main .policy_consult_one .policy_consult_one_box .item_consult:nth-child(2n) { margin: 0; } .main .policy_consult_one .policy_consult_one_box .item_consult .consult_question { width: 100%; height: 53px; line-height: 53px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; font-size: 16px; font-family: microsoft yahei; font-weight: bold; color: #e17722; padding-left: 14px; padding-right: 56px; } .main .policy_consult_one .policy_consult_one_box .item_consult .consult_question:hover { color: #ff0000; } .main .policy_consult_one .policy_consult_one_box .item_consult .consult_answer { padding: 10px 0 0 0; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #000000; line-height: 29px; text-align: justify; } /* 卡片区域 */ .main .card_area { width: 1200px; margin: 0 auto; margin-bottom: 26px; height: 408px; background: #ffffff; /* border-radius: 6px; */ /* display: flex; */ /* flex-wrap: wrap; */ padding: 24px 28px; } .main .card_area .item_card { float: left; width: 365px; height: 170px; margin-right: 22px; cursor: pointer; } .main .card_area .item_card img { /* 清除黑色边框 */ border: 0; cursor: pointer; transition: all .2s linear; } .main .card_area .item_card img:hover { -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } /* .main .card_area .item_card .gzdz_img:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } .main .card_area .item_card .fsxhz_img:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } .main .card_area .item_card .xgk_img:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } .main .card_area .item_card .gzzb_img:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } .main .card_area .item_card .gzft_img:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } .main .card_area .item_card .xbjxy_img:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } */ .main .card_area .item_card:nth-child(3n 1) { margin-right: 0px; } /* 选取前三个元素 */ .main .card_area .item_card:nth-child(-n 4) { margin-bottom: 24px; } /* 高校直通车 */ .main .college_ztc { width: 1200px; height: 780px; margin: 0 auto; } .main .college_ztc .college_ztc_top { width: 100%; height: 85px; } .main .college_ztc .college_ztc_top .college_ztc_title { width: 100%; height: 85px; } .main .college_ztc .college_ztc_box { width: 100%; height: 674px; background-color: #ffffff; padding-top: 27px; } .main .college_ztc .college_ztc_box .college_ztc_search { width: 620px; height: 46px; background-color: #f0f0f0; margin: 0 auto 30px; /* display: flex; */ /* align-items: center; */ padding-left: 26px; position: relative; } .main .college_ztc .college_ztc_box .college_ztc_search .search_icon { width: 16px; height: 16px; margin-right: 18px; float: left; position: absolute; top: 50%; transform: translatey(-50%); left: 26px; } .main .college_ztc .college_ztc_box .college_ztc_search .search_input { /* flex: 1; */ float: left; width: 440px; height: 100%; background-color: #f0f0f0; position: absolute; top: 50%; transform: translatey(-50%); left: 56px; } .main .college_ztc .college_ztc_box .college_ztc_search .search_btn { float: right; width: 107px; height: 46px; background: #4689f3; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; cursor: pointer; text-align: center; line-height: 46px; } .main .college_ztc .college_ztc_box #college_ztc_list { /* display: flex; */ /* justify-content: space-around; */ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #000000; line-height: 35px; padding-left: 30px; } .main .college_ztc .college_ztc_box #college_ztc_list ul { float: left; margin-right: 40px; } .main .college_ztc .college_ztc_box #college_ztc_list .ul6 ul { margin-right: 0; } .main .college_ztc .college_ztc_box #college_ztc_list ul li a:hover { color: #ff0000; } /* 广告位one */ .main .ad_place_one { width: 1200px; /* height: 68px; */ margin: 0 auto; /* margin-bottom: 16px; */ display: flex; justify-content: space-between; } .main .ad_place_one .item_ad { float: left; width: 154px; height: 68px; background: #dd8e11; margin-right: 20px; margin-bottom: 16px; } .main .ad_place_one .item_ad img { width: 100%; height: 100%; } .main .ad_place_one .item_ad:nth-child(7n 1) { margin-right: 0; } /* 报考指南和专题汇总 */ .main .guide_summary_wrapper { width: 1200px; margin: 0 auto; margin-bottom: 20px; /* display: flex; */ /* justify-content: space-between; */ overflow: hidden; } .main .guide_summary_wrapper .enroll_guide { width: 772px; height: 630px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; /* display: flex; */ /* flex-direction: column; */ /* align-items: center; */ padding-top: 14px; float: left; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_top { /* display: flex; */ /* justify-content: center; */ text-align: center; margin-bottom: 10px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_top img { width: 200px; height: 67px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one { width: 737px; height: 251px; background: #ffffff; padding: 22px; margin: 0 auto 18px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .title_area { /* display: flex; */ /* align-items: center; */ /* justify-content: space-between; */ position: relative; margin-bottom: 26px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .title_area .title_nav { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #454545; cursor: pointer; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .title_area .title_nav span:nth-child(1) { margin-right: 36px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .title_area .title_nav .active_title { font-size: 18px; font-family: microsoft yahei; font-weight: bold; color: #eb7812; padding-bottom: 14px; border-bottom: 4px solid #eb8022; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .title_area .look_more { position: absolute; right: 0; top: 0; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #a3a3a3; cursor: pointer; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .list_area { font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #000000; line-height: 34px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .zsft_list_area { display: none; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .list_area ul li { width: 680px; font-size: 16px; margin-bottom: 10px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_one .list_area ul li a:hover { color: #ff0000; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two { width: 737px; height: 251px; background: #ffffff; margin: 0 auto 18px; padding: 22px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .title_area { /* display: flex; */ /* align-items: center; */ /* justify-content: space-between; */ position: relative; margin-bottom: 26px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .title_area .title_nav { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #454545; cursor: pointer; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .title_area .title_nav span:nth-child(1) { margin-right: 36px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .title_area .title_nav .active_title { font-size: 18px; font-family: microsoft yahei; font-weight: bold; color: #eb7812; padding-bottom: 14px; border-bottom: 4px solid #eb8022; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .title_area .look_more { position: absolute; top: 0; right: 0; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #a3a3a3; cursor: pointer; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .list_area { font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #000000; line-height: 34px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .lqdt_list_area { display: none; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .list_area ul li { width: 680px; font-size: 16px; margin-bottom: 10px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_box_two .list_area ul li a:hover { color: #ff0000; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper { padding: 0 20px 0 20px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box { float: left; width: 354px; height: 251px; background: #ffffff; padding: 20px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box:nth-child(2n 1) { margin-right: 16px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box:nth-child(-n 2) { margin-bottom: 16px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_top { margin-bottom: 46px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_top .top_title { float: left; font-size: 18px; font-family: microsoft yahei; font-weight: 900; color: #3f2e27; border-left: 4px solid #cf5c2e; padding-left: 14px; cursor: pointer; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_top .top_title:hover { color: #cf5c2e; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_top .top_nav { float: right; padding-top: 4px; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #cf5c2e; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_top .top_nav a:hover { text-decoration: underline #cf5c2e; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_bottom { font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #000000; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_bottom p { position: relative; margin-bottom: 16px; padding-left: 14px; font-size: 16px; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_bottom p:hover { color: #ff0000; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_bottom p:hover::before { background-color: #ff0000; } .main .guide_summary_wrapper .enroll_guide .enroll_guide_wrapper .item_guide_box .guide_box_bottom p::before { position: absolute; left: 0; top: 8px; content: ''; width: 4px; height: 4px; background: #c7c7c7; border-radius: 50%; } .main .guide_summary_wrapper .topic_summary { width: 408px; height: 630px; background-color: #ffffff; float: right; } .main .guide_summary_wrapper .topic_summary .topic_summary_top { width: 100%; height: 68px; background-color: #ffe3c3; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ text-align: center; line-height: 84px; } .main .guide_summary_wrapper .topic_summary .topic_summary_title { width: 313px; height: 24px; } .main .guide_summary_wrapper .topic_summary .topic_summary_box { /* display: flex; */ /* flex-wrap: wrap; */ padding: 24px; } .main .guide_summary_wrapper .topic_summary .topic_summary_box .item_topic { float: left; width: 170px; height: 72px; margin: 0 20px 17px 0; cursor: pointer; transition: all .2s linear; } .main .guide_summary_wrapper .topic_summary .topic_summary_box .item_topic img { /* 去除a标签包裹的图片,带的黑色边框 */ border: 0; } .main .guide_summary_wrapper .topic_summary .topic_summary_box .item_topic:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); box-shadow: 0 6px 15px rgba(0, 0, 0, .1) } .main .guide_summary_wrapper .topic_summary .topic_summary_box .item_topic:nth-child(2n) { margin: 0; } .main .guide_summary_wrapper .topic_summary .topic_summary_box .item_topic img { width: 170px; height: 72px; } /* 广告位two */ .main .ad_place_two { width: 1200px; /* height: 68px; */ margin: 0 auto 10px; /* margin-bottom: 20px; */ /* display: flex; */ /* justify-content: space-between; */ } .main .ad_place_two .item_ad { float: left; width: 154px; height: 68px; background: #2d68d4; margin-right: 20px; margin-bottom: 10px; } .main .ad_place_two .item_ad img { width: 100%; height: 100%; } .main .ad_place_two .item_ad:nth-child(7n 1) { margin-right: 0; } /* 政策咨询two */ .main .policy_consult_two { width: 1200px; margin: 0 auto; } .main .policy_consult_two .policy_consult_two_title { border-left: 4px solid #ffb858; padding-left: 25px; /* display: flex; */ /* align-items: center; */ margin-bottom: 20px; overflow: hidden; } .main .policy_consult_two .policy_consult_two_title img { float: left; width: 96px; height: 24px; } .main .policy_consult_two .policy_consult_two_title span { float: right; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #a3a3a3; cursor: pointer; margin-top: 8px; } .main .policy_consult_two .policy_consult_two_box { width: 100%; height: 734px; /* background-color: #ffffff; */ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 20px 0; } .main .policy_consult_two .policy_consult_two_box .item_consult_card { width: 383px; height: 356px; background: #ffffff; border: 1px solid #ffffff; margin: 0 22px 22px 0; padding: 22px; float: left; } .main .policy_consult_two .policy_consult_two_box .item_consult_card:nth-child(3n) { margin: 0; } .main .policy_consult_two .policy_consult_two_box .item_consult_card .consult_card_top { /* display: flex; */ /* justify-content: space-between; */ /* align-items: center; */ position: relative; margin-bottom: 24px; } .main .policy_consult_two .policy_consult_two_box .item_consult_card .consult_card_top .title { font-size: 18px; font-family: microsoft yahei; font-weight: bold; color: #ca4a11; } .main .policy_consult_two .policy_consult_two_box .item_consult_card .consult_card_top .more { position: absolute; right: 0; top: 50%; transform: translatey(-50%); font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #a3a3a3; cursor: pointer; } .main .policy_consult_two .policy_consult_two_box .item_consult_card .consult_card_list { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #000000; line-height: 39px; } .main .policy_consult_two .policy_consult_two_box .item_consult_card .consult_card_list ul li { position: relative; padding-left: 16px; } .main .policy_consult_two .policy_consult_two_box .item_consult_card .consult_card_list ul li::before { position: absolute; top: 20px; left: 0; content: ''; width: 4px; height: 4px; background: #c7c7c7; border-radius: 50%; } .main .policy_consult_two .policy_consult_two_box .item_consult_card .consult_card_list ul li:hover { color: #ff0000; } .main .policy_consult_two .policy_consult_two_box .item_consult_card .consult_card_list ul li:hover::before { background-color: #ff0000; } /* 广告位three */ .main .ad_place_three { width: 1200px; /* height: 68px; */ margin: 0 auto 10px; /* margin-bottom: 40px; */ display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ } .main .ad_place_three .item_ad { width: 132px; height: 68px; background-color: #02b2af; /*float: left;*/ margin-right: 20px; margin-bottom: 10px; } .main .ad_place_three .item_ad img { width: 100%; height: 100%; } .main .ad_place_three .item_ad:nth-child(8n 1) { margin-right: 0; } /* 友情链接 */ .main .friendship_link { width: 1200px; margin: 0 auto; margin-bottom: 32px; } .main .friendship_link .friendship_link_top { border-left: 4px solid #ffb858; padding-left: 26px; /* display: flex; */ /* align-items: center; */ margin-bottom: 27px; } .main .friendship_link .friendship_link_top img { width: 97px; height: 24px; } .main .friendship_link .friendship_link_box { /* display: flex; */ /* justify-content: space-between; */ /* 清除浮动 */ overflow: hidden; } .main .friendship_link .friendship_link_box .item_unit { width: 285px; height: 90px; text-align: center; /* line-height: 150px; */ background: #ffffff; /* display: flex; */ /* justify-content: center; */ /* align-items: center; */ float: left; margin-right: 20px; } .main .friendship_link .friendship_link_box .item_unit:nth-child(4) { margin-right: 0; } .main .friendship_link .friendship_link_box .item_unit img { /* 去除a标签包裹的图片,带的黑色边框 */ border: 0; } .main .friendship_link .friendship_link_box .item_unit .sun_gaokao_logo { /* margin-top: 8px; */ transform: scale(0.8); } .main .friendship_link .friendship_link_box .item_unit .sun_gaokao_logo:hover { transform: scale(0.9); transition: all .5s; } .main .friendship_link .friendship_link_box .item_unit .hnsjyt_logo { margin-top: 20px; transform: scale(0.9); } .main .friendship_link .friendship_link_box .item_unit .hnsjyt_logo:hover { transform: scale(1); transition: all .5s; } .main .friendship_link .friendship_link_box .item_unit .haedu_logo { margin-top: 26px; transform: scale(0.9); } .main .friendship_link .friendship_link_box .item_unit .haedu_logo:hover { transform: scale(1); transition: all .5s; } .main .friendship_link .friendship_link_box .item_unit .hnsdzxxpt_logo { margin-top: 36px; transform: scale(0.9); } .main .friendship_link .friendship_link_box .item_unit .hnsdzxxpt_logo:hover { transform: scale(1); transition: all .5s; } /* 高考倒计时 */ .main .gaokao_countdown{ position: fixed; width: 187px; height: 206px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; top: 335px; left: 50%; margin-left:-820px; } .main .gaokao_countdown .countdown_title{ position: absolute; top: 26px; left: 50%; transform: translatex(-50%); font-size: 20px; font-family: microsoft yahei; font-weight: bold; color: #ffffff; word-break: keep-all; } .main .gaokao_countdown .countdown_box{ position: absolute; top: 94px; left: 50%; transform: translatex(-50%); width: 100%; text-align: center; } .main .gaokao_countdown .countdown_box #gaokao_remain_time{ font-size: 60px; font-family: microsoft yahei; font-weight: bold; color: #cf4744; } .main .gaokao_countdown .countdown_box .day{ font-size: 16px; font-family: microsoft yahei; font-weight: bold; color: #cf4744; } .main .gaokao_countdown #ad_block_five{ position: absolute; top: 188px; left: 50%; transform: translatex(-50%); width: 186px; height: 72px; } .main .gaokao_countdown #ad_block_five ul li a img{ width: 186px; height: 72px; } /* 左边栏广告 */ .main .left_sidebar{ position: fixed; z-index: 9999; left: 0; top: 335px; width: 52px; height: 278px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; display: none; } .main .left_sidebar #gk_remain_time{ position: absolute; left: 50%; transform: translatex(-50%); bottom:66px; font-size: 16px; font-family: microsoft yahei; font-weight: bold; color: #c80d0d; } /* 右边栏广告 */ .main .right_sidebar{ position: fixed; z-index: 9999; right: 0; top: 335px; width: 52px; height: 300px; background-color: #e8e8e8; } .main .right_sidebar #sidebar_ad{ width: 100%; height: 278px; } .main .right_sidebar #sidebar_ad ul li a img { width: 100%; height: 100%; } .main .right_sidebar .sidebar_close_btn{ cursor: pointer; height: 22px; line-height: 22px; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #787878; text-align: center; } /* 页尾 */ .footer { width: 100%; height: 140px; background-color: #333130; } .footer .center_box { width: 1200px; height: 100%; margin: 0 auto; text-align: center; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #938c86; /* display: flex; */ /* flex-direction: column; */ /* align-items: center; */ /* justify-content: center; */ padding-top: 40px; } .footer .center_box p:nth-child(1) { margin-bottom: 20px; } @media screen and (max-width:1680px) { .gaokao_countdown{ display: none !important; } .left_sidebar{ display: block !important; } }