.index-nav { width: 1120px; font-size: 15px; color: #919191; background: #fff; position: relative; margin: 20px auto 40px; z-index: 10; background: rgba(249, 249, 249, 1); padding: 40px; border: 1px solid rgba(221, 226, 227, 1); } .index-nav .wrapper { width: 1100px; margin: 0 auto; position: relative; font-size: 15px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #919191; } .index-nav .wrapper .nav-title { position: absolute; top: 16px; left: 0; } .index-nav .wrapper .index-nav-list { margin: 0 90px; } .index-nav .wrapper .index-nav-list li { height: 20px; padding: 10px 0 15px 0; margin-right: 10px; float: left; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .index-nav .wrapper .index-nav-list li a { color: #1a1d1f; padding: 5px; display: block; } .index-nav .wrapper .index-nav-list span:hover { opacity: 0.7; } .index-nav .wrapper .index-nav-list a:hover { opacity: 0.7; } .index-nav .wrapper .index-nav-list .index-nav-active { color: #333; } .index-nav .wrapper .index-nav-list .index-nav-active a { display: block; color: #cc0000; } .index-nav .wrapper .index-nav-list a { display: inline-block; margin-right: 10px; padding: 15px 5px; float: left; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); color: #1a1d1f; } .index-nav .wrapper .index-nav-list .clr { color: #cc0000; } .index-nav .wrapper .index-nav-list span { display: inline-block; margin-right: 10px; padding: 15px 5px; float: left; cursor: default; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); color: #cc0000; } .area-hidden { width: 890px; height: 47px; overflow: hidden; } .index-nav .nav-more-abo { position: absolute; top: 40px; right: 0; } .index-nav .nav-more { position: relative; display: inline-block; margin-right: 10px; padding: 15px 5px; float: left; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); color: #cc0000; } .index-nav .nav-more .iconfont { margin-left: 5px; padding: 0; float: right; display: inline; color: #cc0000; } .index-nav .nav-more .nav-more-content { display: none; width: 375px; background-color: #fff; box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.1); border-radius: 8px; border: solid 1px #eee; position: absolute; top: 48px; right: 0; z-index: 999; padding: 20px; } .index-nav .nav-more #citys { margin-right: 10px; } .index-nav .nav-more .nav-more-content .area { padding: 10px 0; border-bottom: dotted 1px #eee; } .index-nav .nav-more .nav-more-content .area-1 { color: #cc0000; font-size: 16px; font-weight: 600; float: left; padding: 5px; margin-right: 5px; width: 16%; } .index-nav .nav-more .nav-more-content .area-2 { float: left; margin-left: 5px; width: 78%; } .index-nav .nav-more .nav-more-content .area-2 li { padding: 5px; height: auto; margin-right: 10px; float: left; cursor: pointer; color: #1a1d1f; } .index-nav .nav-more .nav-more-content .area-2 li a { cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); color: #1a1d1f; } .index-nav .spn:hover { opacity: 0.7; } /*.index-nav .nav-more:hover .nav-more-content { display: block; }*/ .index-nav .nav-more .nav-more-content .area-2 li a:hover { opacity: 0.7; } .index-nav .wrapper .index-nav-list li.index-nav-more { position: relative; cursor: pointer; } .index-nav .wrapper .index-nav-list li.index-nav-more:hover { opacity: 1; } .index-nav .wrapper .index-nav-list li.index-nav-more .check-more { color: #1a1d1f; padding: 5px; border-radius: 2px; } .index-nav .wrapper .index-nav-list li.index-nav-more .check-more-active { color: #cc0000; } .index-nav .wrapper .index-nav-more .icon-artboardcopy { margin-left: 5px; } .index-nav .nav-more-box { display: none; width: 478px; background: #fff; position: absolute; left: 10px; top: 45px; z-index: 20; border: 1px solid #dedede; } .index-nav ul.nav-more-tab { padding: 16px 32px; border-bottom: 1px solid #dedede; } .index-nav .index-nav-list .nav-more-tab li { float: left; padding: 0; font-size: 16px; color: #919191; margin-right: 32px; } .index-nav .index-nav-list .nav-more-tab li.tab-active { color: #282828; } .index-nav .index-nav-list .nav-tab-box { display: none; } .index-nav .index-nav-list .nav-more-cont { padding-left: 70px; position: relative; } .index-nav .index-nav-list .nav-more-cont .more-cont-title { position: absolute; top: 0; left: 40px; color: #cc0000; } .index-nav .index-nav-list .nav-more-cont ul { margin: 16px 0 0 15px; } .index-nav .index-nav-list .nav-more-cont ul li { margin: 0 32px 16px 0; padding: 0; } .index-nav .index-nav-list .nav-more-cont ul li.cont-active a { color: #cc0000; } .index-nav .index-nav-list .nav-more-cont ul li a { color: #000; font-size: 16px; padding: 0; } .common-cont { width: 1200px; margin: 0 auto; margin-bottom: 4px; position: relative; } .index-list { min-height: 500px; width: 835px; /*margin-top: 26px;*/ float: left; position: relative; } .index-num { position: absolute; top: -20px; left: 0; font-size: 13px; color: #919191; } .index-num span { color: #cc0000; } .index-list .no-data { padding: 50px 0; text-align: center; font-size: 14px; color: #919191; background-color: rgba(249, 249, 249, 1); } .index-list .activivy-no-data { padding: 110px 0; text-align: center; font-size: 18px; color: #808080; border: 1px solid #dde2e3; background: #fff; } .index-list .no-data img { margin-bottom: 20px; } .index-list ul { border: 1px solid rgba(221, 226, 227, 1); margin-top: 10px; } .index-list ul li { padding: 30px 24px; font-size: 14px; height: 160px; color: #919191; position: relative; background: #ffffff; border-bottom: 1px dashed rgba(221, 226, 227, 1); overflow: hidden; } .index-list ul li a { position: relative; color: #919191; } .index-list ul li h3 { font-size: 18px; color: #1a1d1f; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 26px; } .schooldom_main { position: relative; margin: 0 0 0px 240px; } .schooldom_main_noimg { margin: 0; } .schooldom_main .region { display: block; font-size: 14px; color: #999; margin: 15px 0 20px 0; } .schooldom_main .price { position: absolute; top: 0; right: 0; font-size: 14px; font-weight: 500; color: rgba(226, 46, 50, 1); line-height: 26px; } .schooldom_main .price span { font-size: 24px; } .index-list ul li p { height: 70px; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #808080; } .index-list ul li:hover { background: #fbfbfb; cursor: pointer; } .left-ad { position: fixed; top: 32%; left: 0; z-index: 20; } .left-ad img { width: 90px; height: 300px; } .cont-ad img { width: 790px; height: 190px; margin-bottom: 12px; } .cooperate .wrap { width: 1200px; margin: 20px auto; border: 1px solid #c00; border: 1px solid #dedede; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); } .cooperate .wrap h3 { width: 1200px; box-sizing: border-box; height: 40px; background: rgba(230, 230, 230, 1); line-height: 40px; padding-left: 20px; font-size: 16px; color: rgba(26, 29, 31, 1); } .cooperate .wrap ul { padding-left: 20px; line-height: 40px; } .cooperate .wrap ul li { float: left; } .cooperate .wrap ul li a { padding-right: 5px; border-right: 1px solid #dedede; font-size: 16px; color: #999; padding: 0 10px; } .cooperate .wrap ul li:last-of-type a { border-right: 0px; } .banner .swiper-container { width: 100%; height: 420px; overflow: hidden; text-align: center; } .banner .swiper-container img { height: 100%; } .banner .banner_img { display: block; width: 100%; height: 420px; } .banner .swiper-pagination-fraction, .swiper-pagination-custom, .banner .swiper-container-horizontal>.swiper-pagination-bullets { position: absolute; bottom: 15px; left: 50%; transform: translatex(-50%); } .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 7px; background-color: #fff; } .banner .swiper-pagination-bullet-active { background-color: #c00 !important; } .banner { position: relative; } .banner .w1200 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,20%); width: 495px; } .banner .form_wrap { /*position: absolute; top: 47px; left: 0; width: 413px; height: 246px;*/ background-color: #fff; border-radius: 10px; z-index: 111; padding: 40px; } .banner .form_wrap form { position: relative; } .banner #headsearch { width: 340px; height: 44px; padding: 0 60px 0 10px; background: #f5f5f5; border-radius: 4px; font-size: 14px; border: 0px; } .banner .icon-search { position: absolute; top: 0; right: 0px; width: 60px; height: 44px; background: rgba(226, 46, 50, 1); border-radius: 0px 4px 4px 0px; line-height: 44px; text-align: center; font-size: 18px; color: #fff; cursor: pointer; margin: 0; } .banner .icon-off { position: absolute; top: 23px; right: 5px; font-size: 20px; color: #747474; margin: 10px; cursor: pointer; } .banner .w1200 h4 { font-size: 16px; font-weight: 400; color: rgba(26, 29, 31, 1); margin-top: 20px; margin-bottom: 20px; width: 20%; float: left; } .banner .w1200 .hot-citys1 { float: left; overflow: hidden; margin-top: 20px; margin-bottom: 20px; width: 80%; height: 18px; } .banner .w1200 .hot-citys1 a { margin: 0 10px 0 0; font-size: 16px; font-weight: 400; color: rgba(102, 102, 102, 1); float: left; } .banner .w1200 .hot-citys1 a:first-child { display: none; } .banner .w1200 ul { overflow: hidden; margin-top: 20px; } .banner .w1200 ul li { float: left; margin: 0 30px 0 0; } .banner .w1200 ul li a { font-size: 14px; font-weight: 400; color: rgba(102, 102, 102, 1); line-height: 32px; } .banner .w1200 ul li a:hover { color: #e22e32; } .banner .w1200 ul li a.active { color: #e22e32; } .ptb50 { padding-top: 50px; padding-bottom: 30px; } .main .title { font-size: 24px; line-height: 30px; font-weight: 700; } .main .title span { font-size: 16px; color: #737373; font-weight: 100; } .hot-main { width: 100%; overflow: hidden; } .hot-main li { position: relative; float: left; width: 285px; height: 214px; overflow: hidden; margin: 20px 20px 0 0; } .hot-main li:nth-of-type(4), .hot-main li:nth-of-type(8) { margin-right: 0; } .hot-main li div { position: relative; width: 100%; height: 100%; } .hot-main li div img { /* position: absolute; top: 0; left: 0; bottom: 0; right: 0; */ display: block; margin: 0 auto; height: 100%; min-width: 100%; } .hot-main li .hot-main-text { box-sizing: border-box; position: absolute; left: 0; top: 170px; padding: 12px 18px; color: #ffffff; background-color: rgba(0, 0, 0, 0.8); background: url(/uploads/image/simages/headrpbg3.png); background-size: contain; background-position-y: -8px; z-index: 100; transition: all 300ms; } .hot-main li .hot-main-text h3 { font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hot-main li .hot-main-text p { padding-top: 20px; font-size: 14px; line-height: 1.5; height: 70px; overflow: hidden; } .title .a_wrap { font-size: 0px; } .title .a_wrap a { display: inline-block; font-size: 14px; color: #737373; border-right: 1px solid #737373; padding: 0 7px; font-weight: 100; margin-top: 10px; line-height: 1; } .title .a_wrap a:hover { color: #c00; } .title .a_wrap a:last-of-type { border-right: 0px solid #737373; } .list_wrap { width: 100%; padding-top: 20px; overflow: hidden; } .list_wrap li>a { position: relative; display: block; width: 100%; height: 214px; overflow: hidden; } .list_wrap li>a img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; margin: auto; height: 100%; min-width: 100%; } .list_wrap li img:hover { animation: imgsc .8s linear 0s; } @keyframes imgsc { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .list_wrap li { float: left; width: 285px; height: 294px; margin: 0 20px 5px 0; background-color: #fff; box-shadow: 2px 1px 4px rgba(125, 125, 125, 0.3); } .list_wrap li:last-of-type { margin-right: 0; } .list_wrap li h3 { font-size: 20px; padding: 15px; color: #1a1d1f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 100; } .list_wrap li .map_img { width: 14px; height: 16px; margin-left: 15px; margin-right: 5px; vertical-align: middle; } .list_wrap li a { position: relative; vertical-align: middle; font-size: 14px; color: #999; } .list_wrap .advert>a { height: 100px;} .list_wrap li .width_hide { display: inline-block; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ptb49 { padding-top: 20px; padding-bottom: 30px; } /* 首页 活动专区 */ .index_activity { padding: 10px 0 0 0; } .activity-list li { margin-bottom: 40px; background: #fff; box-shadow:0px 4px 9px 0px rgba(107,107,107,0.2); } .activity-left-img { position: relative; width: 340px; height: 255px; } .activity-left-img img { width: 100%; height: 100%; } .activity-left-img i { position: absolute; left: 0; top: 0; width: 107px; height: 107px; } .activity-left-img i.applying { background: url(/uploads/image/simages/applystatusicon1.png) no-repeat left top; } .activity-left-img i.apply-end { background: url(/uploads/image/simages/applystatusicon2.png) no-repeat left top; } .activity-right-box { width: 751px; margin-left: 50px; } .activity-right-box h3 { font-size: 20px; color: #1a1d1f; font-weight: bold; padding: 28px 0 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .activity-right-box .activity-right-text { font-size: 15px; color: #808080; line-height: 1.8em; } .activity-right-box .info-btn-box { padding: 25px 0 0; } .activity-right-box .info-btn-box > .fl p { max-width: 470px; font-size: 15px; color: #808080; line-height: 1.8em; padding-left: 25px; } .activity-right-box .info-btn-box > .fl p.has-icon1 { background: url(/uploads/image/simages/activityicon2.png) no-repeat left center; } .activity-right-box .info-btn-box > .fl p.has-icon2 { background: url(/uploads/image/simages/activityicon1.png) no-repeat left center; } .activity-right-box .info-btn-box > .fr { font-size: 0; } .activity-right-box .info-btn-box > .fr a { display: inline-block; width: 150px; height: 42px; font-size: 15px; color: #fff; text-align: center; line-height: 42px; margin: 12px 0 0 10px; border-radius: 2px; background: #e22e32; } .activity-right-box .info-btn-box > .fr a.grey { background: #b3b3b3; } /* 活动列表页 */ /* banner */ .activity-banner { height: 360px; margin: 20px 0 30px; } .activity-banner .swiper-container { width: 100%; height: 360px; overflow: hidden; text-align: center; } .activity-banner .swiper-container img { height: 100%; } .activity-banner .banner_img { display: block; width: 100%; height: 360px; } .activity-banner .swiper-pagination-fraction, .swiper-pagination-custom, .activity-banner .swiper-container-horizontal>.swiper-pagination-bullets { position: absolute; bottom: 15px; left: 50%; transform: translatex(-50%); } .activity-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 7px; background-color: #fff; } .activity-banner .swiper-pagination-bullet-active { background-color: #c00 !important; } /* 活动列表 */ .activity-page-wrap-title { width: 100%; height: 20px; border-left: 3px solid #e22e32; } .activity-page-wrap-title span { font-size: 20px; color: #212121; letter-spacing: 0; line-height: 20px; font-weight: bold; margin-left: 13px; } .activity-page-wrap { float: left; width: 800px; padding: 0 0 20px 0; } .activity-page-wrap .activity-list { margin:10px 0 20px; } .activity-page-wrap .activity-list li { margin-bottom: 0; padding: 30px 0; background: #fff; box-shadow: 0 0 0 0 transparent; border-bottom: 1px solid #dde2e3; } .activity-page-wrap .activity-list li:hover { background: #f9f9f9; } .activity-page-wrap .activity-left-img { position: relative; width: 280px; height: 204px; } .activity-page-wrap .activity-left-img i { width: 99px; height: 99px; } .activity-page-wrap .activity-left-img i.applying { background: url(/uploads/image/simages/applystatusicon1.png) no-repeat left top; background-size: 100% 100%; } .activity-page-wrap .activity-left-img i.apply-end { background: url(/uploads/image/simages/applystatusicon2.png) no-repeat left top; background-size: 100% 100%; } .activity-page-wrap .activity-right-box { width: 460px; margin-left: 40px; } .activity-page-wrap .activity-right-box h3 { font-size: 18px; padding: 0 0 17px; } .activity-page-wrap .activity-right-box .activity-right-text { font-size: 14px; color: #737373; line-height: 1.7em; height: 3.2em; } .activity-page-wrap .activity-right-box .info-btn-box { padding: 12px 0 0; } .activity-page-wrap .activity-right-box .info-btn-box > div { width: 100%; } .activity-page-wrap .activity-right-box .info-btn-box > .fl p { font-size: 14px; color: #737373; line-height: 1.7em; } .activity-page-wrap .activity-right-box .info-btn-box > .fr { text-align: right; } .activity-page-wrap .activity-right-box .info-btn-box > .fr a { width: 120px; height: 38px; font-size: 14px; line-height: 38px; margin: 24px 0 0 10px; } /* 活动详情 */ .activity_intor_con { width: 1200px; margin: 0 auto; padding: 0 0 60px; } .activity_intor_img { width: 600px; height: 436px; margin-right: 72px; } .activity_intor_img img { display: block; width: 100%; height: 100%; } .activity_intor_right { width: 526px; } .activity_intor_right h3 { font-size: 30px; color: #1a1d1f; padding-top: 14px; } .activity_intor_right .interested-person { font-size: 14px; color: #999; text-align: right; padding: 10px 20px; border-bottom: 1px dashed #e6e6e6; } .activity_intor_right .interested-person span { color: #e22e32; } .activity_intor_right ul { margin-top: 30px; } .activity_intor_right ul li { font-size: 16px; color: #808080; padding-bottom: 18px; } .activity_intor_btn { margin-top: 25px; } .activity_intor_btn a { display: inline-block; width: 180px; height: 46px; font-size: 16px; color: #fff; text-align: center; line-height: 46px; background: #e22e32; border-radius: 2px; margin-right: 20px; } .activity_intor_btn span { display: inline-block; width:180px; height:46px; font-size: 16px; color: #1a1d1f; text-align: center; line-height: 46px; padding-left: 17px; background:url(/uploads/image/simages/tel_icon.png) no-repeat 26px center; box-shadow:0px 2px 5px 0px rgba(192,192,192,1); border-radius:2px; box-sizing: border-box; } /* 详情 */ .activity-detail-con p { font-size: 16px; color: #666; line-height: 1.5em; padding-bottom: 25px; } .activity-detail-con .activity-detail-img { width: 100%; font-size: 0; text-align: center; padding: 10px 0; margin-bottom: 25px; } .activity-detail-con .activity-detail-img img { display: inline-block; max-width: 100%; } /* 报名弹窗 */ .activity-pop-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, .6); filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); z-index: 100000; } .activity-pop-bg:after { display: inline-block; content: ''; height: 100%; width: 0; vertical-align: middle; } .activity-pop-bg .activity-pop-block { position: relative; display: inline-block; width: 460px; vertical-align: middle; text-align: left; } .pop-close { position: absolute; right: 30px; top: 40px; width: 18px; height: 18px; background: url(/uploads/image/simages/close_icon.png) no-repeat left top; cursor: pointer; } .activity-pop-block .index-right-top { box-shadow:0px 3px 8px 0px rgba(125,125,125,0.6); border-radius:10px; padding: 75px 69px 100px; } .activity-pop-block .index-right-top input[type="button"] { width: 320px; } .information_wrap .hot-main { float: left; width: 720px; margin-top: 16px; } .information_wrap .hot-main li { width: 350px; margin: 0; } .information_wrap .hot-main li:first-of-type { margin-right: 20px; } .information_text { margin-top: 16px; width: 400px; } .information_text li a { display: block; font-size: 16px; color: rgba(51, 51, 51, 1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px; } .information_text li a::before { content: " "; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #999999; margin-right: 10px; } .information_text li a:hover { color: red; } /* .information_text li a:hover:before { background-color: red; } */ .con_path span { color: #999; } .con_path a { color: #999; } .con_path { width: 100%; padding: 20px 0; } .information_main { padding: 30px; background-color: #fff; border: 1px solid rgba(221, 226, 227, 1); margin-bottom: 50px; } .information_main .text_header { margin-bottom: 50px; } .information_main .text_header h3 { font-size: 24px; font-weight: bold; color: rgba(26, 29, 31, 1); margin-bottom: 18px; } .information_main .text_header span { font-size: 14px; font-weight: 400; color: rgba(153, 153, 153, 1); margin-right: 50px; line-height: 30px; } .information_main .text_header a { font-size: 16px; color: rgba(49, 86, 179, 1); line-height: 30px; } .information_main .text_footer { background: rgba(240, 240, 240, 1); line-height: 40px; color: #666; font-size: 14px; padding-left: 10px; } .information_main .text_footer>a { float: right; color: rgba(49, 86, 179, 1); font-size: 14px; margin-right: 10px; } .prevornext { margin-top: 40px; } .prevornext a { display: block; font-size: 14px; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 53px; } .prevornext a:hover { color: red; } .information_main .text_con p { font-size: 16px; font-weight: 400; color: rgba(51, 51, 51, 1); margin-bottom: 40px; line-height: 1.6; } .information_main .text_con img { display: block; margin: 0 auto 40px; max-width: 100%; } .relevant_text { margin-top: 30px; margin-bottom: 30px; } .relevant_text .relevant_title .title { font-size: 18px; font-weight: 400; color: rgba(26, 29, 31, 1); text-align: center; } .relevant_text .relevant_title .line { width: 320px; border-bottom: 1px dashed #dde2e3; margin-top: 10px; } .relevant_list { width: 100%; overflow: hidden; margin-top: 20px; } .relevant_list ul li { width: 130px; padding: 0; font-size: 14px; color: #919191; position: relative; background: #ffffff; border: 0px solid #dedede; -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1); border-radius: 0px; margin-bottom: 12px; text-align: center; margin-right: 30px; height: 170px; } .relevant_list ul { border: 0px; } .relevant_list ul li:last-of-type { margin-right: 0; } .index-list ul li a>div { position: relative; overflow: hidden; } .index-list ul li .list_img_wrap { float: left; width: 220px; height: 160px; overflow: hidden; } .index-list ul li img { display: block; height: 100%; min-width: 100%; margin: 0 auto; } .relevant_list ul li img { position: relative; width: 130px; height: 94px; margin-bottom: 10px; } .relevant_list ul li p { line-height: 1.7; } .multi_type { display: inline-block; padding-right: 30px; background: url(/uploads/image/simages/arrows.png) no-repeat center right; background-size: 15px; } .multi_type_con { position: absolute; top: 40px; left: 95px; padding: 10px; border: 1px solid #dfdfdf; background-color: #fefefe; overflow: hidden; width: 150px; } .multi_type_con span { display: block; margin: 0 !important; line-height: 1.8; } #newbridge .nb-icon-base { top: 200px !important; } .schooldom_main .price .num_type { font-size: 14px; padding: 0 3px; background-color: rgba(240, 133, 25, 1); color: #fff; font-size: 18px; margin-right: 5px; } ul.bottom_banner{ list-style-type: none; margin-bottom: -20px; } ul.bottom_banner li{ float: left; width: 294px; height: 112px; margin-right: 6px; position: relative; overflow: hidden; } ul.bottom_banner li a{ display: block; width: 100%; height: 100%; } ul.bottom_banner li a img{ position: absolute; top: -100%; left: 0; width: 100%; height: 100%; -moz-transition: all 1s ease-in; -webkit-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; }