* { padding: 0; margin: 0; } body { background-color: #f4f4f4; font-family: '鑻规柟'; padding-top: 2rem; padding-bottom: 3rem; } ul, li { list-style: none; } a { text-decoration: none; } img { border: none; } @media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio) { .border-1px:after { -webkit-transform: scaley(0.7); transform: scaley(0.7); } } @media (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio) { .border-1px:after { -webkit-transform: scaley(0.5); transform: scaley(0.5); } } .block_space { margin-top: 0.4rem; } input { border: none; } .img-responsive { display: block; width: 100%; overflow: hidden; } .header{width: 16rem;height: 2rem;background:rgba(255,255,255,1);position: fixed;left: 0;top:0;z-index: 99;} .header .logo{width:3.85rem;height:1.2rem;display: block;float: left;margin: 0.4rem 0 0 0.5rem;} .header .logo>img{width: 100%;height: 100%;} .header .contactus{width:5.725rem;height:0.85rem;border-radius:17px;background-color: #fd6c4f;display: block;margin: 0.625rem 0 0 1rem;float: left;text-indent: 1.2rem;font-size:0.6rem;font-family:microsoftyahei;font-weight:400;color:rgb(255,255,255);line-height: 0.85rem;position: relative;} .header .contactus>img{position: absolute;left: 0.5rem;top: 0.175rem;width: 0.5rem;height: 0.5rem;} .header>img{display: block;float: right;margin: 0.625rem 0.475rem 0.55rem 0;height: 0.825rem;width: 1.1rem;} .menu_section { height: 7.75rem; margin-top: 0.4rem; z-index: 10; background-color: #ffffff; width: 16rem; border-bottom: 4px solid rgba(242,242,242,1); /* -webkit-box-shadow: 0 3px 5px 2px rgba(0,0,0,0.07); box-shadow: 0 3px 5px 2px rgba(0,0,0,0.07); */ } .menu_section .menu { display: -webkit-box; display: -ms-flexbox; display: flex; height: 2rem; line-height: 2rem; margin-left: 0.725rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; font-size: 0.65rem; -webkit-overflow-scrolling: touch; position: relative; } .menu_section .menu .menuitem .item { float: left; height: 1.9rem; margin-right: 1.25rem; font-size:0.65rem; font-weight:400; color:rgba(45,43,43,1); white-space: nowrap; position: relative; border-bottom: 0.1rem solid #fff; } .menu_section .menu .ouyaitem{ display: block; position: absolute; right: 3.225rem; top: 0rem; font-size:0.65rem; font-family:microsoftyahei; font-weight:400; color:rgba(45,43,43,1); } .menu_section .menu .menuitem .activemenu { border-bottom: 0.1rem solid #ff5400; } .menu_section .menu .item:first-child { width:2.55rem !important; /* padding: 0 1rem; */ } .menu_section .menu .item a { padding: 0.5rem 0; color: #686868; border-bottom: 4px solid transparent; } .menu_section .menu .item.active a { border-bottom-color: #f6444d; color: #333; font-weight: 700; } #swiper-container3 #pagination{ bottom: 0; } .country_list { /* margin-top: 0.6rem; */ /* padding-top: 4.0rem; */ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; } .country_list .item { width: 33%; position: relative; margin-bottom: 0.4rem; margin-top: 0.4rem; text-align: center; font-size: 0.6rem; } .country_list .item img { display: block; margin: 0 auto 5px; width: 2rem; height: 2rem; overflow: hidden; border-radius: 50%; } .country_list .item .txt { color: #6f6f6f; } .country_list .item a { display: block; } .country_list .item .hot_icon { display: none; position: absolute; right: 3px; top: -3px; width: 1rem; height: 0.4rem; padding: 2px 0; background-color: #fe6b07; font-size: 0.4rem; line-height: 0.4rem; color: #fff; border: 2px solid #fff; border-radius: 8px 8px 8px 5px; -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.3); box-shadow: 0 2px 8px rgba(0,0,0,0.3); } .advertisement{ margin-top: 0.4rem; background-color: #ffffff; } .advertisement>img{ margin: 0.5rem; width: 15rem; height: 8rem; } .activity_section { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.75rem; } .activity_section .left { margin-right: 0.4rem; width: 9.95rem; height: 6.75rem; background-color: #fff; } .activity_section .act_container { position: relative; height: 100%; overflow: hidden; } .activity_section .act_container .act_wrapper { position: absolute; height: 100%; } .activity_section .act_container .act_wrapper .act_item { width: 9.95rem; height: 100%; } .activity_section .act_container .act_wrapper .act_item a { display: block; } .activity_section .act_container .act_wrapper .act_item .flag { position: absolute; left: 7px; top: 6px; padding: 2px 10px; text-align: center; background-color: #ff7748; color: #fff; font-size: 0.45rem; border-radius: 10px; } .activity_section .act_container .act_wrapper .act_item .name { padding: 0.45rem 0 0 0.3rem; font-size: 0.7rem; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .activity_section .right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 6.75rem; background: #fff; text-align: center; font-size: 0.5rem; } .activity_section .right .top { position: relative; height: 4.35rem; padding-top: 0.3rem; background: linear-gradient(-42deg, #f6494c, #f67947); border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; } .activity_section .right .top:before, .activity_section .right .top:after { content: ''; position: absolute; bottom: -8px; width: 8px; height: 16px; background-color: #f4f4f4; } .activity_section .right .top:before { left: 0; border-radius: 0 16px 16px 0; } .activity_section .right .top:after { right: 0; border-radius: 16px 0 0 16px; } .activity_section .right .top .name { height: 1.1rem; line-height: 1.1rem; margin: 0 0.25rem 0.3rem; border-radius: 5px; background-color: rgba(255,255,255,0.2); font-size: 0.65rem; font-weight: 200; } .activity_section .right .top .name a { color: #fff; } .activity_section .right .top .txt { display: inline-block; position: relative; margin: 0 0.4rem; padding: 0 0.45rem; line-height: 0.75rem; } .activity_section .right .top .txt a { color: #fff; } .activity_section .right .top .txt:before, .activity_section .right .top .txt:after { content: ''; position: absolute; top: 6px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; } .activity_section .right .top .txt:before { left: 0; } .activity_section .right .top .txt:after { right: 0; } .activity_section .right .get_btn { display: block; width: 2.75rem; padding: 0.2rem 0; margin: 0.25rem auto 0; font-size: 0.45rem; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#f67947), to(#f6494c)); background: linear-gradient(90deg, #f67947, #f6494c); border-radius: 20px; } .activity_section .right .num { padding-top: 2px; font-size: 0.5rem; color: #767676; } #pagination { font-size: 0; } .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 4px; background: #d0d0d0; border-radius: 6px; } .swiper-pagination .swiper-pagination-bullet-active { background: #f6444d; } .tools_section, .conselor_section, .offer_section { padding-bottom: 0.5rem; background-color: #fff; } .tools_section .title, .conselor_section .title,{ width: 16rem; height: 1rem; line-height: 1rem; margin-top: 0.55rem; } .tools_section .title .name{ font-family:microsoftyahei-bold; font-weight:bold; font-size: 0.85rem; color: #000000; float: left; width: 7.5rem; margin-left: 0.5rem; margin-top: 0.55rem; } .title .toolsitem{ display: block; float: left; width:3.4rem; height:1.05rem; border:1px solid rgba(255,84,0,1); border-radius:0.575rem; line-height: 1.15rem; text-align: center; font-size:0.6rem; font-family:microsoftyahei; font-weight:400; color: rgba(255,84,0,1); margin: 0.425rem 0.5rem 0 0; float: right; } .tools_section .title .more, .conselor_section .title .more { width: 3.85rem; text-align: right; font-size: 0.5rem; color: #515151; position: relative; } .tools_section .title .more:before, .conselor_section .title .more:before{ position: absolute; left: -10px; top: -10px; right: -10px; bottom: -10px; content: ''; } .tools_section .tools_container { position: relative; margin-top: 0.65rem; height: 6.7rem; overflow: hidden; width: 16rem; } .tools_section .tools_container .tools_item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.45rem 0; height: 3.3rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; text-align: center; } .tools_section .tools_container .tools_item li {width: 25%;} .tools_section .tools_container .tools_item a {display: block;height: 100%;} .tools_section .tools_container .tools_item .txt {font-size: 0.6rem;color: #1f1c1d;} .tools_section .tools_container .tools_item .img { height: 1.4rem; margin-bottom: 0.3rem; background: no-repeat center; background-size: 1.4rem 1.4rem; } .tools_section .tools_container .tools_item .img1 {background-image: ;} .tools_section .tools_container .tools_item .img2 {background-image: ;} .tools_section .tools_container .tools_item .img3 {background-image: ;} .tools_section .tools_container .tools_item .img4 {background-image: ;} .tools_section .tools_container .tools_item .img5 {background-image: ;} .tools_section .tools_container .tools_item .img6 {background-image: ;} .tools_section .tools_container .tools_item .img7 {background-image: ;} .tools_section .tools_container .tools_item .img8 {background-image: ;} .tools_section .tools_container #pagination{ bottom: 0;} /* 鍥涗釜鑳屾櫙鍥?*/ .back{ height:9rem; background: #fff; margin-top: 0.4rem; overflow: hidden; } .back .backlist{ width: 7.25rem; margin: .5rem 0 0 .5rem; float: left; } .back .backlist>img{ display: block; height: 3.75rem; } .qqphone .qq{ width: 0.675rem; height: 0.75rem; display: block; margin: 0.15rem auto; } .qqphone .phone{ width: 0.675rem; height: 0.75rem; display: block; margin: 0.15rem auto; } .qqphone .phone>img{ width: 100%; height: 100%; display: block; } .section { background: #fff; margin-top: 0.4rem; padding-top: 0.5rem; } .section .title-box .title { font-size: 0.85rem; line-height: 1.15rem; color: #333; float: left; margin-left: 0.5rem; } .section .title-box a { float: right; font-size: .6rem; line-height: 1.15rem; color: #595757; padding: 0 .3rem; } .hotclass_section .container{margin: 0.75rem 0 0 0.5rem;} .hotclass_section .con_ys,.hotclass_section .con_tf{margin: 0 0.5rem 0.5rem 0;background: #f5f5f5;} .hotclass_section .con_ys img, .hotclass_section .con_tf img{ width: 2.275rem;float: left; } .hotclass_section .con_ul{float: left;width: 12.7rem;} .hotclass_section .con_ul li{ float: left;font-size: 0.55rem; margin: 0.25rem 0 0 0.25rem; width: 6rem;line-height: 1rem;height: 1rem; background: #fde5e1; border-radius: 0.1rem; text-align: center; } .hotclass_section .con_other li{ float: left;margin: 0 0.3rem 0.3rem 0; width: 3.5rem;height: 1.15rem;line-height: 1.15rem; border-radius: 1rem;text-align: center; background: #ff7660;font-size: 0.55rem; } .hotclass_section .con_other li a{color: #fff;display: block;} .teacher { padding-bottom: 0.75rem; margin-top: 0.5rem; } .teacher .more { float: right; margin-right: 0.5rem; font-size: 0.6rem; line-height: calc(1.15rem - 2px); color: #ff5400!important; border: 1px solid #ff5400; border-radius: 0.575rem; width: 4.5rem; text-align: center; } .teacher .content { overflow: hidden; text-align: center; padding: 0.45rem 0 0.25rem; margin-top: 0.9rem; position: relative; } .teacher .wrap { white-space: nowrap; -webkit-transition: all .4s; transition: all .4s; } .teacher .item { white-space: normal; display: inline-block; width: 3.55rem; position: relative; } .teacher .item:after { content: ""; width: 0.475rem; height: 0.3rem; background: #fff no-repeat; background-size: cover; position: absolute; bottom: -0.25rem; left: 1.5375rem; display: none; } .teacher .active .pic-box { -webkit-transform: scale(1.2, 1.2) translatey(-0.2rem); transform: scale(1.2, 1.2) translatey(-0.2rem); } .teacher .active .pic-cover { border-color: #f3524a; } .teacher .active .name { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .teacher .active:after { display: block; } .teacher .pic-box { overflow: hidden; width: 2.05rem; height: 2.05rem; border-radius: 50%; margin: 0 auto; position: relative; } .teacher .pic { width: 100%; } .teacher .pic-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #c1c1c1; border-radius: 50%; } .teacher .name { font-size: 0.55rem; line-height: 1.4rem; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .teacher .line { height: 0.05rem; background: #e2e2e2; } .teacher .info-box { width: 14.5rem; border-radius: 0.35rem; background: #ececec; margin: 0.7rem auto 0; } .teacher .info { border-radius: 0.35rem; background: #f5f5f5; padding: 0.45rem 0.6rem; font-size: 0.6rem; line-height: 0.9rem; color: #666; -webkit-transform: translatey(-0.15rem); transform: translatey(-0.15rem); } .teacher .row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-top: 0.3rem; } .teacher .row1 { margin-top: 0; } .teacher .row1, .teacher .row2 { font-weight: 700; } .teacher .text1 { font-weight: 700; margin-right: 0.25rem; } .teacher .text2 { width: 9.75rem; } .teacher .icon { height: 0.6rem; margin: 0.15rem 0.2rem 0 0; } .teacher .button-box { width: 9.75rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0.6rem auto 0; font-size: 0.55rem; text-align: center; } .teacher .button { width: 4.5rem; border-radius: 0.75rem; } .teacher .button1 { background: -webkit-gradient(linear, left top, right top, from(#f67947), to(#f64e4b)); background: linear-gradient(90deg, #f67947, #f64e4b); -webkit-box-shadow: 0 0.25rem 0.5rem rgba(246, 68, 77, 0.48); box-shadow: 0 0.25rem 0.5rem rgba(246, 68, 77, 0.48); color: #fff; line-height: 1.5rem; } .teacher .button2 { display: block; color: #ff5400; line-height: calc(1.5rem - 2px); border: 1px solid #ff5400; } .planning { padding-bottom: 0.5rem; } .planning .wrap { width: 15rem; margin: 0.5rem auto 0; } .planning .item { border-top: 1px dashed #efefef; padding: 0.3rem 0; } .planning .item:first-child { border-top: none; } .planning .link { overflow: hidden; display: block; } .planning .pic { width: 5.5rem; height: 3rem; border-radius: 0.3rem; float: left; margin: 0.2rem 0.65rem 0 0; } .planning .intro { float: left; } .planning .tit { font-size: 0.6rem; line-height: 1rem; color: #666; width: 8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .planning .label { font-size: 0.55rem; line-height: 0.95rem; color: #666; } .planning .recording { width: 5rem; text-align: center; font-size: 0.55rem; line-height: 1rem; color: #f6444d; background: #ffeff4; border-radius: 0.25rem; margin-top: 0.25rem; } .custom-made-case { padding-bottom: 0.75rem; } .custom-made-case .title { text-align: center; font-size: 0.9rem; line-height: 1.3rem; color: #ff4f4b; } .custom-made-case .tips { text-align: center; font-size: 0.75rem; line-height: 1.15rem; color: #333; } .custom-made-case form { width: 13.75rem; margin: 0.5rem auto 0; } .custom-made-case .item { border: 0.05rem solid #dcdddd; border-radius: 0.2rem; margin-bottom: 0.35rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .custom-made-case .icon-box { width: 1.35rem; text-align: center; margin-top: 0.425rem; } .custom-made-case .icon { height: 0.8rem; } .custom-made-case select, .custom-made-case input { font-size: 0.6rem; line-height: 1.65rem; width: 11.85rem; height: 1.65rem; } .custom-made-case select { background: no-repeat right center; background-size: 0.425rem 0.25rem; color: #727171; } .custom-made-case .submit { text-align: center; width: 10rem; font-size: 0.65rem; line-height: 1.5rem; color: #fff; background: -webkit-gradient(linear, left top, right top, from(#f67947), to(#f64e4b)); background: linear-gradient(90deg, #f67947, #f64e4b); -webkit-box-shadow: 0 0.25rem 0.5rem rgba(246, 68, 77, 0.48); box-shadow: 0 0.25rem 0.5rem rgba(246, 68, 77, 0.48); border-radius: 0.75rem; margin: 0.5rem auto 0; } ::-webkit-input-placeholder { color: #727171; } ::-moz-placeholder { color: #727171; } ::-moz-placeholder { color: #727171; } ::-ms-input-placeholder { color: #727171; } /* 楂樺垎瀛﹀憳 */ .high_section { height: 10rem; width: 16rem; background:rgba(255,255,255,1); margin-top: 0.4rem; } .high_section .title { height: 1.9rem; line-height: 1.9rem; width: 100%; font-size:0.9rem; font-family:microsoftyahei-bold; font-weight:bold; color:rgba(0,0,0,1); text-indent: 0.475rem; } .high_section .high_tab { display: flex; justify-content: space-around; } .high_section .high_tab .item { font-size: .6rem; line-height: 1.15rem; color: #595757; padding: 0 .15rem; border-radius: .575rem; } .high_section .title .more, .offer_section .title .more{ font-size: .6rem; color: #595757; font-weight: normal; padding: 0 .3rem; float: right; line-height: 1.9rem; } .high_section .high_tab .active { color: #fff; background:linear-gradient(90deg,rgba(246,121,71,1),rgba(246,78,75,1)); -webkit-box-shadow: 0 2px 5px rgba(246,68,77,.5); box-shadow: 0 2px 5px rgba(246,68,77,.5); } .high_section .highcon{ height:5.25rem; margin: 0.775rem 0; width: 100%; overflow-x: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .highcon .highitem{ margin-left: 0.5rem; width:5.5rem; height:5.1rem; background:#ffffff; /* box-shadow:0 0.05rem 0.05rem 0 rgba(168,168,168,0.1); */ border: 0.075rem solid #eeeeee; border-radius: 0.25rem; float: left; } .highitem .hightop{ width:3.8rem; height:2.6rem; margin: auto; background: url(/uploads/image/kimages/highscorebg.jpg) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .hightop .studentname{ width:100%; line-height: 0.55rem; text-align: center; font-size:0.6rem; font-family:microsoftyahei; font-weight:400; color:rgba(255,255,255,1); padding-top: 0.425rem; } .hightop .studentgoal{ width:100%; height:0.55rem; line-height: 0.55rem; text-align: center; font-size:0.6rem; font-family:microsoftyahei; font-weight:400; color:rgba(255,255,255,1); margin-top: 0.2rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .highitem .highname{ width: 100%; height: 0.8rem; margin-bottom: 3px; line-height: 0.8rem; text-align: center; font-size:0.6rem; font-family:microsoftyahei; font-weight:400; color:rgba(89,87,87,1); } .highitem .highconsult{ text-align: center; display: block; width:4.5rem; height:1.15rem; line-height: 1.15rem; border:1px solid #ff5400; border-radius:0.575rem; margin: auto 0.5rem; font-size:0.6rem; font-family:microsoftyahei; font-weight:400; color:#ff5400; } .copyright { padding: 0.75rem 0 1.5rem; text-align: center; font-size: 0.55rem; color: #bdbdbd; } .pop_form { position: absolute; left: 50%; top: 50%; width: 14rem; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-radius: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .pop_form .close { position: absolute; right: 10px; top: 10px; color: #333; font-weight: 900; } .fixed_bottom_menu { position: fixed; left: 0; right: 0; bottom: 0; height: 2rem; background-color: #fff; z-index: 99; border-top: 1px solid #d4d4d4; } .fixed_bottom_menu .list { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0.5rem 0 0; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fixed_bottom_menu .list .item.active a { color: #f6444d; } .fixed_bottom_menu .list .item .icon { display: inline-block; height: 0.75rem; line-height: 0.75rem; margin-bottom: 2px; font-size: 0.8rem; } .fixed_bottom_menu .list .item .icon-tool { font-size: 0.7rem; } .fixed_bottom_menu .list .item .icon-school { margin-top: 1px; font-size: 1.05rem; } .fixed_bottom_menu .list .item a { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 0.75rem 5px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.45rem; text-align: center; color: #454545; } .fixed_bottom_menu .list .last-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.25rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .fixed_bottom_menu .list .last-item .button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.5rem; margin-top: 0.25rem; background: -webkit-gradient(linear, left top, right top, from(#f67947), to(#f6494c)); background: linear-gradient(90deg, #f67947, #f6494c); border-radius: 30px; font-size: 0.55rem; } .fixed_bottom_menu .list .last-item .button .btn_item { width: 50%; position: relative; text-align: center; color: #fff; line-height: 1.5rem; } .fixed_bottom_menu .list .last-item .button .btn_item:first-child:before { content: ''; position: absolute; right: 0; top: 0.4rem; height: 0.7rem; width: 1px; background-color: #fff; } .fixed_bottom_menu .list .last-item .button .num { position: absolute; right: 0; top: -3px; width: 0.65rem; height: 0.65rem; background-color: #fb2758; border-radius: 50%; text-align: center; color: #fff; border:1px solid #fff; line-height: 0.6rem; -webkit-animation: fadescale 2s infinite alternate 4s; animation: fadescale 2s infinite alternate 4s; } .pop_window { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .pop_window.active { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .pop_window .mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); } .pop_window .content { position: absolute; top: 50%; left: 50%; width: 15rem; padding: 0.6rem 2.15rem 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); background-color: #fff; border-radius: 10px; } .pop_window .title { position: relative; padding-bottom: 5px; text-align: center; font-size: 0.85rem; color: #333; } .pop_window .title:before { position: absolute; left: 50%; bottom: 0; width: 12px; height: 2px; background-color: #333; content: ''; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .pop_window .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pop_window .list .item { width: 33.3%; margin-top: 0.75rem; text-align: center; font-size: 0.6rem; } .pop_window .list .item img { display: block; margin: 0 auto 5px; width: 2rem; height: 2rem; overflow: hidden; } .pop_window .list .item .txt { color: #6f6f6f; } .pop_window .list .item a { display: block; } .pop_window .offer_img_bigshow { position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .pop_window .offer_img_bigshow .offer_img { display: block; width: 100%; } .pop_window .offer_img_bigshow .info { position: absolute; left: 0; bottom: 0; width: 100%; padding: 3px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0.55rem; background-color: rgba(0,0,0,0.6); color: #fff; } .pop_window .offer_img_bigshow .info .name { font-size: 0.65rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @-webkit-keyframes fadescale { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 0%, 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #loading { min-height: 16rem; background: no-repeat center center; background-size: 1.25rem 1.25rem; } @-webkit-keyframes fadescale { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fadescale { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*锟斤拷锟斤拷锟斤拷锟节斤拷锟斤拷展锟斤拷锟斤拷*/ .add_new_edu{padding:.5rem 0;background-color:#fff} .add_new_edu .pop_link_box{ width: 14.5rem; padding: .5rem .5rem .2rem; margin:0 auto; background-color: #fff; border-radius: 10px; border: 1px solid #d7d7d7; box-shadow:0 3px 6px rgba(67,67,67,.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .add_new_edu .pop_link_box .pop_name{ height: 1.45rem; background: #fff no-repeat left center; background-size: 12rem 1.45rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .add_new_edu .link_container{ padding: .4rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .add_new_edu .link_container .link_item{ margin-bottom: .4rem; background-color: #2e82ff; border-radius: 10px; box-shadow: 0 3px 5px rgba(0,0,0,.2); text-align: center; text-decoration: none } .add_new_edu .link_container .link_item_second{ height: 3.4rem; width: 6.4rem; } .add_new_edu .link_container .link_item_fee{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0 .5rem 0 .6rem; height: 3.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; } .add_new_edu .link_container .link_item_fee .txt{ color: #feec55; font-size: .7rem; } .add_new_edu .link_container .link_item_fee .fee_num{ display: inline-block; width: 3.6rem; padding: 1px 0; margin-left: 3px; border-radius: 30px; background-color: #feec55; color: #ff6c32; font-size: .9rem; text-align: center; font-weight:700 } .add_new_edu .link_container .link_item_fee .fee_num i{font-style: normal;font-size: .7rem;} .add_new_edu .link_container .link_item_fee .link_name{ color: #fff; font-size: .85rem; } .add_new_edu .link_container .link_item_fee .link_fee_right{ width: 1.8rem; height: 1.8rem; margin-right: .5rem; line-height: 1.8rem; background-color: #feec55; border-radius: 50%; text-align: center; color: #095ce8; font-size: .95rem; font-weight: 700; box-shadow: 0 3px 5px rgba(9,92,232,.8) } .add_new_edu .link_container .link_item_second .link_name{ padding: .35rem 0 .2rem; color: #fff; font-size: .75rem; } .add_new_edu .link_container .link_item .go_btn{ width: 5.3rem; padding: 6px 0; margin: 0 auto; background: #feec55 no-repeat 4.2rem center; background-size: .65rem .65rem; border-radius: 6px; color: #2e82ff; font-size: .6rem; text-align: left; } .add_new_edu .link_container .link_item .go_btn .span1_left{padding-left: 1.1rem;} .add_new_edu .link_container .link_item .go_btn .span2_left{padding-left: .4rem;} /*鐑棬娲诲姩*/ .hotactivity_section{ padding: 0.5rem 0; background-color: #fff; } .hotactivity_section .title{height: 1.8rem;} .hotactivity_section .title .name{ width: 4rem; height: 1.15rem; line-height: 1.15rem; font-size: 0.85rem; font-family: microsoftyahei-bold; font-weight: bold; color: rgba(0,0,0,1); float: left; margin-left: 0.5rem; } .hotactivity_section .activity_tab li{ float: left; font-size: .6rem; line-height: 1.15rem; color: #595757; padding: 0 .3rem; border-radius: .575rem; margin-right: 0.4rem; } .hotactivity_section .activity_tab li.active{ color: #fff; background:linear-gradient(90deg,rgba(246,121,71,1),rgba(246,78,75,1)); -webkit-box-shadow: 0 2px 5px rgba(246,68,77,.5); box-shadow: 0 2px 5px rgba(246,68,77,.5); } .hotactivity_section .activity_tab a{ float: right; font-size: .6rem; line-height: 1.15rem; color: #595757; padding: 0 .3rem; } .hotactivity_section .container{ clear: both; padding: 0 0.5rem; overflow: hidden; } .hotactivity_section .container .panel{visibility: hidden;height: 0;overflow: auto;} .hotactivity_section .container .panel.active{visibility: visible;height: 8.5rem;} .hotactivity_section .container li{ position: relative; line-height: 1; color: #2d2b2b; font-size: 0.6rem; height: 2.2rem; } .hotactivity_section .container li a{ display: block; color: #2d2b2b; height: 2.2rem; line-height: 0.9rem; } .hotactivity_section .container li.expire a{ color: #bcbcbc;} .hotactivity_section .container li p{ width: 10.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hotactivity_section .activity_btn{ position: absolute;right: 0.5rem;top: 0.75rem; width: 2rem; padding: 0.15rem 0; border: 1px solid #ff5400; color: #ff5400; font-size: 0.6rem; text-align: center; border-radius: 35px; } /* 缇庢唇 */ #meiqia-btn-holder{ display: none !important; } #cnzz_stat_icon_1276136712{ display: none; } .new_add_adcontainer{width:15rem;margin: .4rem auto .4rem;position: relative;height: 6.75rem;overflow: hidden;border-radius: 0.3rem;} .new_add_adcontainer .new_add_item{height: 6.75rem;background-color: #f5f5f5;} .new_add_adcontainer .new_add_item img{display: block;width: 100%;height: 100%} #pagination2 {font-size: 0;} #pagination2 .swiper-pagination-bullet {width: 10px;height: 4px;background: #d0d0d0;border-radius: 6px;} #pagination2 .swiper-pagination-bullet-active {background: #f6444d;} .xintong-introduce { background: #fff; font-size: 0; padding-bottom: .4rem; } .xintong-introduce .head { height: 1.65rem; text-align: center; background: url(/uploads/image/mimages/xt_introduce_head_bg.jpg) no-repeat; background-size: cover; } .xintong-introduce .title-box { display: inline-block; position: relative; } .xintong-introduce .title { font-size: .7rem; line-height: 1.65rem; color: #fff; font-weight: 700; } .xintong-introduce .icon { height: .45rem; position: absolute; top: .6rem; } .xintong-introduce .icon1 { left: -2.15rem; } .xintong-introduce .icon2 { right: -2.15rem; } .xintong-introduce .wrap { width: 15.25rem; height: 2.9rem; margin: .5rem auto 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; font-size: .6rem; line-height: 1.2rem; color: #404040; } .xintong-introduce .item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 4.65rem; background: url(/uploads/image/mimages/xt_introduce_item_bg.png) no-repeat left bottom; background-size: 4.65rem .7rem; padding-left: .7rem; } .xintong-introduce .item span { font-weight: 700; } .xintong_math { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: .4rem; height: 15.85rem; background: url(/uploads/image/mimages/xt_math_bg.jpg) no-repeat; background-size: cover; text-align: center; color: #fff; } .xintong_math .title { font-size: 1.3rem; line-height: 3.5rem; font-weight: 700; } .xintong_math .wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-top: .4rem; } .xintong_math .item { width: 4.25rem; margin-bottom: 1.25rem; } .xintong_math .text1 { font-size: 1.25rem; line-height: 1.35rem; height: 1.35rem; font-weight: 700; } .xintong_math .text1 span { font-size: .6rem; font-weight: normal; } .xintong_math .text2 { font-size: .55rem; line-height: 1.1rem; border-bottom: 1px solid #fff; } .xintong_math .text3 { font-size: .6rem; line-height: .8rem; margin-top: .35rem; } .xintong_math .text3 span { font-size: .9rem; font-weight: 700; } .pop-form { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); top: 0; left: 0; } .pop-form .content { width: 12.5rem; height: 11.5rem; background: #fff; border-radius: 0.3rem; position: absolute; left: 1.75rem; top: 50%; margin-top: -6rem; } .pop-form .close-box { width: 1.3rem; height: 1.8rem; position: absolute; top: -1.75rem; right: 0.4rem; background: url(/uploads/image/limg/pop_close.png) no-repeat; background-size: cover; } .pop-form .close { height: 1.3rem; } .pop-form .pop-title-box { width: 11.3rem; height: 3.05rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin: 0 auto; } .pop-form .line { width: 1.25rem; height: 1px; background: #333; } .pop-form .pop-title { font-size: 0.85rem; line-height: 3.05rem; color: #333; text-align: center; position: absolute; width: 100%; top: 0; left: 0; } .pop-form span { color: #fa592f; } .pop-form form { padding: 0 0.65rem; } .pop-form .item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.1rem; } .pop-form .icon-box, .pop-form label { text-align: center; } .pop-form .icon-box { width: 1rem; } .pop-form .icon { height: 0.75rem; } .pop-form label { width: 1.45rem; font-size: 0.6rem; line-height: 1.75rem; color: #333; } .pop-form input, .pop-form select { width: 8.75rem; height: 1.75rem; font-size: 0.55rem; line-height: 1.75rem; background: #f0f0f0; border-radius: 0.1rem; padding: 0 0.5rem; } .pop-form select { color: #727171; background: #f0f0f0 url(/uploads/image/limg/pop_bottom.png) no-repeat 7.75rem center; background-size: 0.475rem 0.3rem; } .pop-form .submit { width: 9.55rem; text-align: center; font-size: 0.65rem; line-height: 1.5rem; color: #fff; border-radius: 0.75rem; background: linear-gradient(-45deg, #f95529, #fa3d3d); margin: 0.75rem auto 0; }