@charset "utf-8"; /*首页样式*/ .lef{ width:670px; } .rght{ } /*估分选大学*/ .choice_school{ width:247px; padding:20px 10px; border:1px solid #ebebeb; background-color:#f5f5f5;} .choice_title{ padding-top:20px; color:#ca4848; font-size:18px;} .choice_school select{width: 150px;} .school_rank{display:none;} .school_rank select{width:75px;} .rght1{width:247px;position: absolute;left: 50%;top: 10px;padding:0 0 0 70px;margin-left:159px; z-index: 200;} .hover_choice{background:#000; background:rgba(0,0,0,0.5); border:none; filter:alpha(opacity=50); height:298px;} /*.hover_choice div{position:relative;}*/ .rght1 .choice_title{color:#fff;text-align:center;} .rght1 .choices td{color:#fff;} .rght1 .choices_btn{margin-left:14px;} .data_check{padding-left:0;width:258px; padding-top:16px;padding-bottom:12px;} .data_check .choice_title{margin-left:24px;} .data_check td{text-align:center;height:55px;} .data_check select{width:168px;height:36px;} .data_check input{width:211px;height:28px;} .data_check .choices_btn{padding-left:22px;} .data_check .choices{position:relative;} .data_input{margin-left:13px;} .click_check{margin-left:15px;} .click_check li{float:left;height:40px;line-height:40px;padding:0 9px 0;cursor:pointer;margin-left:5px;} /*.click_check li:hover,.click_check li.active{background:#60badf;position:relative;border-radius:2px;color:#fff;}*/ .click_check li.dz_check{background:#60badf;position:relative;border-radius:2px;color:#fff;} .click_check li.dz_check:after,.click_check li.dz_check:after{border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid;content:"";position:absolute;bottom:-5px;left:50%;margin-left:-4px;color:#60badf;} .data_check .td_choice{height:48px;} .data_check .btns01 a{width:222px;cursor:pointer;} .rght1 form{padding-left:2px;} .choices_btn{ padding-left:64px;} /*高考百宝箱*/ .treasure{ padding-top:14px;} .treasure ul{} .treasure ul li{ float:left; width:220px; height:90px; margin:0 20px 30px 0;} .treasure ul li a,.treasure ul li a:hover{ width:220px; height:75px; padding-top:15px; color:#fff; display:block; background-image:; background-color:#60badf; font-size:20px; text-indent:72px; line-height:24px;} .treasure ul li.t01 a{ background-position:0 0;} .treasure ul li.t02 a{ background-position:-220px 0;} .treasure ul li.t03 a{ background-position:-440px 0;} .treasure ul li.t04 a{ background-position:0 -90px;} .treasure ul li.t05 a{ background-position:-220px -90px;} .treasure ul li.t06 a{ background-position:-440px -90px;} .treasure ul li a:hover{ background-color:#f9b548;} .treasure ul li a span{ font-size:14px; text-indent:72px; color:#bfe3f2; display:inline-block; line-height:18px; letter-spacing:2px;} /*找学长学姐聊志愿*/ .chat_vol{} .chat_vol{ padding-top:14px;} .chat_vol ul{} .chat_vol ul li{ float:left; width:220px; padding:15px 0; margin:0 30px 30px 0; text-align:center;} .chat_name{ color:#666; font-size:20px;} .chat_school{ color:#9e9e9e; font-size:12px; height:46px; line-height:46px;} .chat_school span{ padding:0px 3px;} .chat_portrait{ padding-bottom:16px; position:relative; } .chat_portrait img,.chat_portrait a img,.chat_portrait a:hover img{ width:160px; height:160px;border-radius: 80px; -moz-border-radius: 80px; /* gecko browsers */ -webkit-border-radius: 80px; /* webkit browsers */ border-radius:80px; /* w3c syntax */ border:3px solid #f9f9f9;} .chat_portrait a:hover img{ padding:2px; border:1px solid #90d1f3;} .chat_b a{ margin-left:10px; width: 90%; margin-right: 10px;} .c_layer{ text-align:center; width:217px; line-height: 30px; padding:0 10px; position:absolute; top: 136px; background-color:rgba(0,0,0,0.6); color:#fff; display: none; padding-top:6px; padding-bottom:6px;} @media \0screen\,screen\9 {/ .c_layer{ background-color:#000; filter:alpha(opacity=30);*zoom:1;} .c_layer a{ position: relative;} } /*祈福*/ .wish{ width:270px; _width:260px; height:361px; background-image:; background-repeat:no-repeat; color:#fff; color:#107cad; display:block;} .w_day{ float:left; padding:17px 0 0 170px; height:55px; background:none; } .w_day span{ font-size:20px; color:#f60; padding:3px 8px; background-color:#fff; margin-right:5px;} .w_num{ float:left; padding:0 0 30px 100px; height:26px; line-height:26px;} .w_num span{ font-size:20px; color:#fff; padding:3px; background-color:#0da8ea; margin-right:10px;} .w_post{ float:left; padding:0 0 0 134px;} .w_invitat{ clear:both; float:left; height:50px; line-height:50px; font-size:15px; padding:10px 0 0 110px; width:143px;} .w_invitat a{color:#107cad;} /*志愿服务*/ .vol_service{ padding-right:30px;} .vol_service ul{} .vol_service ul li{ border-bottom:1px solid #f5f5f5; padding:24px 0px; height:auto;} .vol_pic{ float:left; padding-right:15px;} .vol_pic img{ width: 160px; height: auto ;} .vol_msgs{float: left;width: 74%;} .vol_msg{ height:auto;} .vol_msg a:hover{ color:#35abe9;} .vol_msg span{ font-size:20px; padding-bottom:15px; color:#333; display:block;} .vol_btn { float:right; display:block; width:116px; height:36px; line-height:36px; color:#35abe9; text-align:center; border:1px solid #ebebeb;border-radius: 4px; -moz-border-radius: 4px; /* gecko browsers */ -webkit-border-radius: 4px; /* webkit browsers */ border-radius:4px; /* w3c syntax */} .vol_btn:hover{ background-color:#35abe9; color:#fff;border:1px solid #35abe9;} .vol_service li:nth-last-child .vol_btn{margin-top:20px;} .vol_msgs1 .vol_btn{margin-top:20px;} /*热门话题*/ .hot-topics{} .hot-topics ul{width:81%; margin-left:32px;} .hot-topics ul li{ float:left; height:64px; padding:15px 0px;} .hot-topics ul li a{ color:#666; font-weight:bold; font-size:15px;} .hot_pic{ float:left; padding-right:15px;} .hot_pic img{width:64px; height:64px;} .hot_msgs{ float:left; width: 190px;} .hot_msg{ line-height:32px;} .hot_msg a:hover{ color:#35abe9;} .hot_msg span{ font-size:12px; padding-right:15px; color:#999; font-weight:normal;} /*下载app*/ .download_app{ width:258px; height:140px; padding:59px 0px 5px 12px; clear:both; float:right; background:url(/uploads/image/sgi/app.jpg); margin-top:15px;} .download_app img{ width:114px; height:114px;} /*高考资讯*/ .information{ clear:both; float:right; width:270px;} .information ul{ width:270px; padding-top:15px;} .information ul li{ width:270px; float:left; overflow:hidden; height:30px; line-height:30px; } .information ul li a{color:#999;} .information ul li a:hover{ color:#35abe9;} .vol_service li:last-child .vol_btn{margin-top:20px;} /*头像上传层*/ .upload{margin:20px; color:#666;} .upload h4{font-size:20px; text-align:left; color:#999; margin-bottom:20px;} .big-small{margin-left:30px;float:left; color:#666; font-size:12px;} .file_btn{ opacity: 0; position:absolute; z-index:3; top:0; left:0} .upload input{display:inline-block;width:130px; height:38px; border-radius:3px;} .box-file{position:relative; margin:10px 0 20px;} .upload_word{font-size:18px; margin-bottom:10px;} .big-word{margin-bottom:10px;} .title_word{font-size:16px;} .box-file span{font-size:12px; color:#999;} .submit_btn{text-align:center;} .jcrop-holder{width:300px; height:300px; transform: translate(-50%,-50%); left: 50%; top: 50%; } .jcrop-keymgr{opacity: 0;} .imm{ float: left; width: 400px; height:300px; background:#e5e5e5; } .preview2-box{ width: 100px; height: 100px; overflow: hidden; } .preview-box{ width: 60px; height: 60px; overflow: hidden; } /*新版的首页*/ /*高中生升学规划系统*/ .choices{padding-top:0;} .choices i{color:#fff; position:absolute; top:3px; left:4px; z-index:3; color:#747474; font-size:18px;} .choices .input-box input{color:#999; width:216px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius:3px; behavior:; text-indent:20px;} .input-box{margin-top:26px; position:relative;} .choices form{width:226px; margin:0 auto; padding-left:0;} .choices input[type=checkbox]{vertical-align: middle;} .auto-login{font-size:12px; color:#fff;} .auto-login input{background:rgba(255,255,255,0);} .auto-login a{color:#fff;} .auto-login label{margin-right:5px; } .choice_title2{margin-top:8px;} .login-aft{margin-top:10px;width:203px;} .login-aft p{ color:#fff; line-height: 35px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .login-aft p label{width:100px; display: inline-block; text-align: right;} .login-aft p b{color:#f9b548;} .error-box{font-size:12px; color:#b73240; display: inline-block; height:28px; line-height: 28px;} /*高考工具*/ .tool-title{background:#4cbef0; width:302px; text-align: center; font-size:20px; color:#fff; height:40px; line-height:40px;} .tool-title i{font-size:30px; vertical-align: middle; margin-right: 14px;} .tool-box{border:1px solid #e6e6e6; border-top:0; width:300px; padding-bottom: 20px;} .tool-wrap{float:left; margin-right:46px; margin-top:30px;} .tool-box .active{display:none;} .tool-box a:hover .normal{display: none;} .tool-box a:hover .active{display: inline-block;} .tool-box .vip-icon,.vip-icon{background: url(/uploads/image/sgi/vip-icon.png) no-repeat;width: 40px;height: 40px; position: absolute;right: 12px;top: 12px; z-index: 20;} .tool-box li{float:left; width:50%; line-height: normal; text-align: center; position:relative;} .tool-box a i{font-size:96px; color:#5cc4f1; margin-top: 10px; display: inline-block;} /*当前页面间距*/ .marr0{margin-right:0;} .mar20{margin-top:20px;} .mar30{margin-top:30px;} .mar10{margin-top:10px;} /*其他账号登录*/ .s_share{margin-top:10px;} .share_title{ padding:4px 14px; background-color:#fff; position:absolute; top:-18px; left:195px;} .s_share{text-align:center;} .s_share i{font-size:30px; color:#c8c8c8;} .s_share a:hover i{color:#fff;} .s_share div{float:left; line-height: normal; margin:0 25px;} .s-weixin i{margin-top: -2px;display: inline-block;} /*名校题库*/ .practice-test{border-bottom:1px dotted #e3e3e3;} .practice-test span{display: inline-block; text-align:center; color:#333} .practice-test a{font-size:14px; color:#a0a0a0; margin-left:20px; } .practice-test a:hover{color:#00a2e9;} .practice-list ul{width:454px; margin-right: 18px; float:left; margin-top:18px; padding-left:15px;} .practice-list ul.right{float:right;} .practice li{margin-left:0; line-height:28px; margin:0;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .practice li span{color:#b4b4b4;} .practice li a{ width:380px; display: inline-block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* opera */ -moz-binding: ;/*firefox*/} .practice{} .test-center{border:none;} .practice.last{margin-top:20px;} .remarks{margin-top:10px;} .practice-test .more{margin-right:0;margin-top: 3px;} /*名师课堂*/ .video-list li{width:212px; text-align: center; float:left; margin:16px 18px 0;} .video-list p{color:#646464; font-weight:bold; font-size:14px; text-align:left; line-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* opera */ -moz-binding: ;/*firefox*/} .retrieve .ser-college{line-height:34px;} .video_title{color:#bdbdbd; font-size:14px; margin-bottom:20px;} .video_title h3{font-size:20px; color:#3c3c3c; font-weight:normal;} .video_title p{padding:18px 0 0; } .video_title p span{margin-right:10px; color:#a0a0a0;} .fc-box{position: relative;} .fc-information{ width:200px; padding:0 5px; position:absolute; bottom:0; left:50%; margin-left:-105px; background:rgba(0,0,0,0.8); color:#fff; height:24px; line-height:24px; font-size:12px; font-weight: normal; _background:#000; filter:alpha(opacity=50); _top:102px;} .xf-icon{position:absolute; right:9px; top:-3px;} .movie{width:680px;height:480px;} .movie-box{position:relative; margin:0px 0 20px;} .movie-popoup{position: absolute; left:50%; margin-left:-185px; margin-top:-98px; top:50%; text-align:center; width:372px;} .movie-popoup p{text-align:center; font-size:24px; color:#fff; font-weight: normal;} .s-btn{background:#00a2e9; color:#fff; width:162px; height:40px; text-align:center; display: inline-block; line-height:40px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; margin-top:32px; } .movie-box .txt{ height: 30px; line-height: 30px; margin-top: 10px; } .btns01 a{height:30px; line-height: 30px;} /*专家咨询*/ .tutor-name{font-size:18px; width:auto; margin-left: 10px;} .tutor-school{font-size:14px; text-overflow: ellipsis; white-space: nowrap;-ms-text-overflow: ellipsis;overflow: hidden; display: inline-block; width:56%; -o-text-overflow: ellipsis;/* opera */ -moz-binding: ;/*firefox*/ margin-left:10px;} .title-wrap{border-bottom:1px solid #e6e6e6;} .list-tutor li{float:left; width:230px;height:292px; position: relative; margin:0 10px;} .index-tutor-info{position:absolute; top:50%; left:0; padding:0 12px; padding: 50px 20px 24px;} .index-tutor-views:hover{color:#fff;} .index-tutor-views{position: absolute; top:10px; right:-5px; background:url(/uploads/image/sgi/pic-btn.png) no-repeat 0 0; width:78px; height:30px; display: inline-block; text-align: center; color:#fff;} .index-list-cover{position:absolute; top:50%; height:480px; border-left:230px solid rgba(0,0,0,0.5); border-top:54px solid transparent; vertical-align: baseline;} .index-list-item{display: block; height:292px; overflow: hidden; position:relative; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;behavior: ;} .index-tutor-info h3{font-size:20px; color:#fff; font-weight: normal; line-height: 24px;} .index-tutor-info h4{font-size:14px; color:#fff; text-align: left; height:48px; overflow: hidden;} .index-tutor-info p{color:#fff; font-size:14px; line-height: 24px;} /*新版热门话题*/ .hot_word{position: relative;width:326px; float:left;} .img_word{position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); width:100%; height:34px; color:#fff; text-align:center; font-size:14px; line-height:34px; cursor:pointer} .hot-new{float:left; width:340px;} .hot-new li{line-height:31px;font-size:16px; margin:-8px 0 8px 45px;} .hot-new li a{color:#636363} /*新版标题区*/ .sec-box{padding-bottom:16px; margin-bottom:20px;border-bottom: 2px solid #e1e1e1;} .title{font-size:22px;} /*高考百科*/ .encyclopedia a{display:inline-block; background:#66c4e8; color:#fff;padding:0 6px;line-height:52px; font-size: 16px; text-align:center;margin-bottom:10px; margin:0 0px 10px 0;} .encyclopedia .sj01,.sj07,.sj08{display:inline-block; vertical-align: top; float:left; margin-right:5px;} .encyclopedia .sj08{margin-right:0;} .encyclopedia .sj01 a{padding:0; line-height:36px; width:73px; text-align:center; display:block;} .encyclopedia .sj02{width:109px; height:73px; line-height:73px;vertical-align:top} .encyclopedia .sj03{width:48px;line-height: 48px;} .encyclopedia .sj04{width:109px;height:70px;margin-bottom:0;line-height: 65px;} .encyclopedia .sj01 .sj05{height:60px;line-height:60px;}.encyclopedia .sj09{padding:0 13px;} .encyclopedia .sj09{padding:0 13px;} .sj07 a,.sj08 a{display:block; } .encyclopedia a:hover{background:#ffce4d;color:#36388d;} .encyclopedia .sj06{width:48px;height:94px;line-height:94px;vertical-align: bottom;} .img_check img{width:53px;height:51px; vertical-align: middle;} .college_entrance li{float:left; width:135px;margin-bottom:16px;} .college_entrance li a{font-size:12px;color:#52c7f4;font-weight:bold;} /*案例解决*/ .case-answer{ border:1px solid #e6e6e6; padding:20px 26px; position: relative; margin-top:20px; height:122px; } .case-answer h3{position:absolute; bottom:10px; right:30px;} .case-resolution img{ float:left; margin-right:10px; margin-left:28px; border-radius:50%; -webkit-border-radius:28px; -moz-border-radius:28px; behavior: ; } .case-resolution h4{float:left; line-height:56px; color:#ef7f1e; font-size:16px; font-weight:bold;} .case-answer h3{text-align:right; font-size:14px; color:#3c3c3c;} .case-answer div{line-height:24px; color:#646464; font-size:14px;} .icon-arrow-top{ display:block; background:url(/uploads/image/sgipublic/warn.png) -27px -46px no-repeat; width:13px; height:8px; position:absolute; top:-8px; left:52px; } /*常见问题*/ .num-sort{width:15px; height:15px; margin-right:5px; background:#dcdcdc; font-style: normal; display: inline-block; font-size:14px; color:#fff; line-height: normal; text-align: center; line-height: 15px;} .num-sort-fisrt{background:#e60012;} .num-sort-second{background:#f9b548;} /*案例解决slider*/ .hd,.lecture-hd{position:relative; overflow:hidden; width:670px; height:274px;} .hd .hd-slider,.lecture-hd .lecture-slider{ position: absolute; z-index: 97; overflow-y: hidden; width:100000px; } .hd-slider li{float:left;width:670px;} .over,.lecture-over{ z-index:100; } .hd .over,.lecture-over{ position: absolute; width: 150px; bottom:10px; left:50%; margin-left:-65px; } .hd{height:290px;} .hd .over li,.lecture-over li{ width: 12px; height: 12px; border-radius: 100px; margin: 0 10px; border: 1px solid #e2e2e2; cursor: pointer; float:left; } .hd .over li.active,.lecture-over li.active { background-color: #24a5de; } @media screen and (max-width: 768px) { .hd .jquery-reslider .slider-direction { zoom: .8; } .hd .jquery-reslider .slider-dots { position: absolute; } } .chekiang-banner a{ width:100%; background: url(/uploads/image/sgiadmission/admis-xgk.jpg) no-repeat center center; height:360px; display: block; position: relative; } .chekiang-banner .province{ position: absolute; top:68px; left:50%; margin-left:-280px; color: #3878aa; font-size:27px; font-weight: bolder; } .chekiang-banner .view{ border:1px solid #1d79b4; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; color:#1d79b4; width:126px; left:46px; text-align: center; line-height: 46px; position: absolute; top:50%; left:50%; margin-left:-10px; font-size: 18px; } /*升学弹出层*/ .sx-popoup{position:fixed; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0; z-index:1000; text-align:center;} .sx-close{cursor:pointer; font-size:56px; color:#fff; font-weight: bold; position:absolute; right:0; top:80px;} .sx-popoup-inner{width:520px; height:484px; position: absolute; top:50%; left:50%; margin-left:-260px; margin-top:-242px;} .sx-popoup a{position:absolute; bottom:0; width:140px; height:50px; line-height: 50px; font-size:18px; font-weight:bold;} .sx-popoup a.left{left:0;} .sx-popoup a.right{right:0;} /*学业规划*/ .arrangements-box{ width:906px; } .arrangements-box a{ float:left; position: relative; } .arrangements-box a:hover dl{ background:#068dc8; } .arrangements-box dl{ width:220px; height:98px; background:#4cbef0; padding:16px 30px; margin:25px 22px 0 0; } .arrangements-box dt{ line-height: normal; float:left; height:98px; } .arrangements-box dd{ width:130px; color:#fff; float:left; } .arrangements-box i{ font-size:50px; color:#fff; line-height: normal; vertical-align: middle; line-height: 98px; } .arrangements-box h4{ text-align:left; font-size:18px; margin-bottom:15px; } .arrangements-more{ width:90px; height:284px; margin-top:25px; } .arrangements-more a{ display: block; width:100%; height:100%; background:#4cbef0; line-height: 284px; color:#fff; font-size:18px; text-align: center; } /*公益讲座start*/ .lecture-hd{ width:100%; } .lecture-box{ /*width:30%;*/ margin:0 auto; display: inline-block; position: relative; margin: 0 4px; } .lecture-slider{ height:224px; overflow: hidden; } .lecture-slider li{ float: left; width:1000px; } .lecture-word{ background:rgba(0,0,0,0.5); text-align: center; position: absolute; bottom:0; left:0; width:100%; height:40px; line-height: 40px; color:#fff; } /*公益讲座end*/ /*首页改版2019.9.9 start*/ /*登录部分和底部*/ .btn-com.btn-yellow{ margin-bottom:10px; } /*首页改版*/ .indexcontent{ width:100%; overflow: hidden; position: relative; } .indexitem{ width:100%; overflow: hidden; position: relative; } .indexitemtitle{ padding-top:57px; margin-bottom:48px; height:78px; font-size:30px; color:#333; text-align: center; line-height:76px; position: relative; } .indexitemtitlebar{ display: block; position: absolute; bottom:0; left:50%; margin-left:-35px; width:70px; height:3px; background:#00a2e9; } /*第一层*/ .indexfloor1 .container{ padding-bottom:76px; background:#fff; position: relative; } .indexfloor1-font{ font-size:16px; color:666; line-height:30px; } .indexfloor1-ul{ width: 100%; margin:0 auto; margin-top:50px; padding:0 0; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: space-between; } .indexfloor1-ul::after{ display: none; } .indexfloor1-ul li{ width: 20%; } .indexfloor1-li{ width:100%; position: relative; } .indexfloor1-li img{ display: block; margin:0 auto; width:60px; } .indexfloor1-li p{ margin-top:24px; font-size:20px; line-height:20px; color:#333; text-align: center; } /*第二层*/ .indexfloor2{ width:100%; height:592px; background: no-repeat center center scroll; position: relative; } .indexfloor2 .swiper-container{ padding-top:10px; } .indexfloor2swiperbox{ width:1000px; height:286px; position: relative; } .indexfloor2-swiper{ width:100%; position: relative; } .indexfloor2-swiper .swiper-slide{ width:224px; height:276px; background:#fff; border-radius: 10px; position: relative; } .indexfloor2-swiper a{ display: block; padding:30px 16px 0 16px; width:100%; height:100%; box-sizing: border-box; position: relative; } .indexfloor2img{ display: block; margin:0 auto; width:80px; height:80px; border-radius: 50%; overflow: hidden; position: relative; } .indexfloor2img img{ display: block; width:100%; height:100%; } .indexfloor2icon{ display: block; position: absolute; top:-10px; left:16px; width:40px; height:40px; background: no-repeat; background-size:100% 100%; } .indexfloor2name{ margin-top:24px; font-size:26px; line-height: 26px; color:#33353a; text-align: center; } .indexfloor2intro{ margin-top:10px; font-size:16px; line-height:23px; color:#666; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .indexfloor-prev{ position: absolute; top:50%; left:-74px; margin-top:-20px; width:40px; height:40px; } .indexfloor-next{ position: absolute; top:50%; right:-74px; margin-top:-20px; width:40px; height:40px; } .indexfloor-prev i, .indexfloor-next i{ font-size:50px; color:rgba(0,0,0,0.1); } .indextoall{ display: block; margin:0 auto; margin-top:40px; width:140px; height:38px; line-height:36px; font-size:16px; color:#bbb; text-align: center; border-radius: 38px; border:2px solid #e1e1e1; } .indextoall:hover{ color:#00a2e9; border-color:#00a2e9; } /*第三层*/ .indexfloor3{ width:100%; height:460px; background: no-repeat center center scroll; position: relative; } .indexfloor3swiperbox{ padding:5px 0; width:1000px; position: relative; } .indexfloor3-swiper{ padding:5px 0; width:1000px; overflow: hidden; position: relative; } .indexfloor3-swiper .swiper-slide{ height:200px; border-radius: 8px; background:#fff; -webkit-box-shadow:0px 1px 7px 0px rgba(0, 0, 0, 0.1); box-shadow:0px 1px 7px 0px rgba(0, 0, 0, 0.1); overflow: hidden; } .indexfloor3-swiper img{ display: block; width:100%; height:150px; } .indexfloor3-swiper p{ font-size:16px; color:#333; line-height:50px; text-align: center; } /*第四层*/ .indexfloor4{ width:100%; height:560px; background: no-repeat center center scroll; position: relative; } .vipbottomcon{ margin-top:37px; width:100%; height:340px; overflow: hidden; position: relative; } .vipbottomnavbox{ float:left; width:184px; height:340px; border-right:2px solid #eee; } .vipbottomnav{ padding-right:48px; width:184px; height:100px; line-height:100px; font-size:16px; color:#fff; text-align:right; box-sizing: border-box; cursor:pointer; position: relative; } .vipbottomnavbar{ display: none; position: absolute; top:30px; right:-3px; width:4px; height:40px; background:#00a2e9; } .vipbottomnavactive .vipbottomnavbar{ display: block; } .vipbottomnav:first-child{ margin-top:20px; } .vipbottomulbox{ float:left; position: relative; } .vipbottomli{ padding:24px 0 20px 98px; height:296px; width:716px; position: relative; } .vipbottomlititle{ margin-bottom:22px; font-size:20px; line-height:20px; color:#fff; } .vipbottomlicon{ font-size:14px; line-height:18px; color:#fff; } .vipbottomliimg{ position: absolute; width:100%; bottom:0; left:98px; } .vipbottomliimg li{ float:left; width:180px; position: relative; } .vipbottomliimg li.vipbottomliimg7{ width:636px; } .vipbottomliimg li:not(:last-child){ margin-right:48px; } .vipbottomliimg img{ display: block; width:100%; } .indexfloor4 .vipbottomcon { height:300px; } .indexfloor4 .vipbottomulbox{ height:300px; overflow: hidden; } .indexfloor4 .vipbottomnavbox{ height:180px; } .indexfloor4 .vipbottomnavbox{ border-color:rgba(0,0,0,0.1); } .indexfloor4 .vipbottomnav{ height:60px; line-height:60px; color:#666; } .indexfloor4 .vipbottomnav:first-child{ margin-top:0; } .indexfloor4 .vipbottomnav.vipbottomnavactive{ color:#00a2e9; background:transparent; } .indexfloor4 .vipbottomnavbar{ top:0; right:-2px; height:60px; width:2px; } .vipbottomli{ padding: 0 0 0 98px; height: 300px; width: 716px; position: relative; } .indexfloor4 .vipbottomlititle{ color:#333; } .indexfloor4 .vipbottomlicon{ color:#666; } /*首页改版2019.9.9 end*/ /* 首页宣传弹窗 start */ body{ min-width: 1000px; } .indexfloorpop{ position: fixed; bottom: 0; left: 0; z-index: 3000; width: 100%; height: 70px; background: url(/uploads/image/sgi/index-publicity.png) no-repeat center center scroll; overflow: hidden; } .indexfloorpop .closepop{ position: absolute; top: 40px; right: -100px; width: 20px; height: 20px; background: url(/uploads/image/sgi/icon-gb.png) no-repeat center center; background-size: cover; cursor: pointer; } .indexfloorpop .container{ position: relative; } .indexfloorpop .container .godetail{ position: absolute; top: 21px; right: -10px; width: 131px; height: 49px; background: url(/uploads/image/sgi/godetail.png) no-repeat center center; background-size: cover; padding-top: 20px; box-sizing: border-box; line-height: 14px; text-align: center; font-size: 14px; font-family: source han sans cn; font-weight: 400; color: #a6440e; } /* 首页宣传弹窗 end */ /* 首页增加高考资讯 start */ .index-messagebox{ width: 100%; height: 247px; background: #f9f9f9; padding:32px 24px; border-radius: 10px; box-sizing: border-box; display: flex; justify-content: space-between; } .index-messagebox .messagebox-item{ width: 464px; display: flex; justify-content: space-between; margin-bottom: 24px; } .index-messagebox .messagebox-item:nth-child(3n){ margin-bottom: 0; } .index-messagebox .messagebox-item .messageitem-left{ display: flex; } .index-messagebox .messagebox-item .messageitem-left .messageitem-order{ flex-shrink: 0; width: 16px; height: 16px; background: #00a2e9; line-height: 16px; text-align: center; font-size: 12px; font-family: microsoft yahei; font-weight: 400; color: #ffffff; margin-right: 8px; } .index-messagebox .messagebox-item .messageitem-left .messageitem-cont p{ font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 16px; margin-bottom: 14px; } .index-messagebox .messagebox-item .messageitem-left .messageitem-cont div{ width: 335px; font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 14px; } .index-messagebox .messagebox-item .messageitem-right{ display: flex; align-items: center; height: 16px; line-height: 16px; } .index-messagebox .messagebox-item .messageitem-right span{ font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #999999; } .index-messagebox .messagebox-item .messageitem-right span.iconfont{ font-size: 16px; margin-right: 8px; } /* 首页增加高考资讯 end */