html, body { min-width: 1200px; width : 100%; margin : 0; padding : 0; } a { color: #ffffff; } a:hover { color : rgba(255, 0, 114, 1); text-decoration: none; } .singlePage{ padding:20px; box-sizing:border-box; } .singlePage .container{ border:1px solid #333; padding:20px; } .banner { width : 100%; overflow : hidden; display : block; margin-top: 90px; } .banners img{ width:100%; } .bannerImage { display : block; height : 600px; width : 100%; object-fit: cover; } .banner-bg { width : 100%; overflow : hidden; min-width: 1200px; position : absolute; display : block; top : 90px; left : 0; } .banner-i { width : 1170px; height : 460px; margin : 85px auto 0; position : relative; z-index : 1; pointer-events: none; } .banner-l { width : 170px; height : 460px; background : rgba(249, 249, 249, 1); float : left; pointer-events: auto; } .banner-c { width : 918px; height : 460px; background : rgba(255, 255, 255, 1); float : left; pointer-events: auto; display : none; } .frameBox iframe{ width: 100%; height:400px; } .banner-r { width : 40px; height : 460px; float : right; position : relative; pointer-events: none; } .banner-l-h { width : 170px; height : 44px; background: rgba(255, 0, 114, 1); display : block; } .banner-l-h span.s1 { font-size : 16px; font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 600; color : rgba(249, 249, 249, 1); line-height: 44px; display : block; margin-left: 20px; } .banner-l-c { width : 170px; height : 68px; display : block; /*background:rgba(255,255,255,1);*/ } .banner-l-c:hover { background: rgba(255, 255, 255, 1); } .banner-l-c:hover span.s1 { color: rgba(255, 0, 114, 1); } .banner-l-c:hover span.s2 { display: none; } .banner-l-c span.s1 { font-size : 16px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 500; color : rgba(0, 0, 0, 1); line-height: 68px; margin-left: 20px; } .banner-l-c span.s2 { width : 130px; height : 1px; background : rgba(230, 230, 230, 1); display : block; margin-left: 20px; } /**/ .banner-c div.s0 { width : 3px; height : 14px; background : rgba(255, 0, 114, 1); display : block; margin-top : 40px; margin-left: 0px; position : absolute; } .banner-c span.s1 { font-size : 14px; font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 600; color : rgba(14, 14, 14, 1); line-height: 14px; display : block; margin-left: 10px; padding-top: 40px; } .banner-c-s { width : 800px; height : 20px; display : block; margin-top: 10px; } .banner-c-s-high { height: 50px; } .banner-c-s span.s2 { width : 200px; float : left; font-size : 14px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 500; color : rgba(153, 153, 153, 1); line-height: 14px; padding-top: 10px; } .banner-c-s a { color: #999999; } .banner-c-s a:hover { color: #FF0072; } .sb-top { margin-top: 0px; } .tagBg { width : 270px; height : 140px; display: inline-block; margin : 20px 20px 0 0; } .banner-r-b { position : absolute; bottom : 0; right : 0; pointer-events: auto; } .banner-r-b span.s11 { font-size : 16px; font-family : 'PingFang SC'; font-weight : 600; color : #ffffff; line-height : 38px; -webkit-writing-mode: tb-rl; -ms-writing-mode : tb-rl; writing-mode : tb-rl; display : block; } .banner-r-b span.s10 { font-size : 16px; font-family : 'PingFang SC'; font-weight : 600; color : #ffffff; line-height : 38px; -webkit-writing-mode: tb-rl; -ms-writing-mode : tb-rl; writing-mode : tb-rl; display : block; } .banner-r-b-btn { width : 38px; height : 38px; border : 2px solid rgba(255, 0, 114, 1); display : block; border-radius: 50%; margin-top : 20px; background : #ffffff; cursor : pointer; outline : medium; } .goBg { width : 10px; height : 14px; display: block; margin : 11px auto 0; } .usa { display: none; } .usas { display: block; } .banner-tag { display: block; } /*直通车*/ .bus { width : 1170px; display : block; margin : 0 auto; overflow : hidden; clear : both; margin-bottom: 80px; } .b-o { width : 270px; margin : 0 auto; margin-left: 30px; float : left; margin-top : 60px; } .b-o-l { margin-left: 0; } .b-o-h { width : 270px; height : 320px; display : block; overflow: hidden; } .busBg { width : 270px; height : 190px; display: block; } .b-o-i { width : 270px; height : 130px; /*/204*/ display : block; transition: all 0.3s; text-align: center; background: rgba(249, 249, 249, 1); } .b-o-i span.s1 { font-size : 12px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 500; color : rgba(153, 153, 153, 1); line-height: 12px; padding-top: 24px; display : block; } .b-o-i span.s2 { font-size : 18px; font-family : PingFangSC-Semibold, 'PingFang SC'; font-weight : 600; color : rgba(0, 0, 0, 1); line-height : 18px; display : block; margin-top : 10px; padding-bottom: 5px; } .b-o-i span.s3 { font-size : 14px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; color : rgba(153, 153, 153, 1); line-height: 21px; padding : 0 15px; margin-top : 15px; display : none; } .b-o-i span.s4 { font-size : 16px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 500; color : rgba(153, 153, 153, 1); line-height: 16px; display : block; margin-top : 15px; } .b-o-i span.s5 { width : 64px; height : 1px; background : rgba(255, 0, 114, 1); display : none; margin-top : 5px; text-align : center; margin-left: 103px; } .b-o-h:hover { box-shadow: 0px 4px 12px 0px rgba(213, 213, 213, 0.5); } .b-o-h:hover .b-o-i { background: rgba(255, 255, 255, 1); transform : translateY(-74px); } .b-o-h:hover .b-o-i span.s2 { color: rgba(255, 0, 114, 1); } .b-o-h:hover .b-o-i span.s3 { display: block; } .b-o-h:hover .b-o-i span.s4 { color: rgba(255, 0, 114, 1); } .b-o-h:hover .b-o-i span.s5 { display: block; } .bus2Bg { width : 270px; height : 70px; display : block; margin-top: 30px; box-shadow: 0px 4px 12px 0px rgba(213, 213, 213, 0.5); } .f-b-o { height: 418px; width : 268px; border: 1px solid rgba(230, 230, 230, 1); } /**/ .f-h { width : 268px; height : 60px; background: rgba(249, 249, 249, 1); display : block; text-align: center; } .f-h span.s6 { font-size : 20px; font-family: PingFang-SC-Bold, 'PingFang SC'; font-weight: bold; color : #ff0000; line-height: 20px; display : block; padding-top: 20px; } /*.f-h-s{ width:220px; height:38px; display: block; border:1px solid rgba(230,230,230,1); margin: 20px auto 0; }*/ .f-h-s select { width : 220px; height : 38px; appearance : none; -moz-appearance : none; -webkit-appearance: none; background : url("/template/pc/skin/images/index_bg07.png") no-repeat 200px center; background-size : 8px; font-size : 14px; font-family : 'PingFang SC'; color : rgba(153, 153, 153, 1); display : block; margin : 15px auto 0; outline : none; padding : 0 10px; border : 1px solid rgba(230, 230, 230, 1); border-radius : 0; } .f-h-s input { width : 200px; height : 38px; appearance : none; -moz-appearance : none; -webkit-appearance: none; background-size : 8px; font-size : 14px; font-family : 'PingFang SC'; color : rgba(153, 153, 153, 1); display : block; margin : 15px auto 0; outline : none; padding : 0 10px; border : 1px solid rgba(230, 230, 230, 1); border-radius : 0; } .receiveBtn { width : 220px; height : 38px; background : rgba(255, 0, 114, 1); display : block; font-size : 16px; font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 600; color : rgba(255, 255, 255, 1); line-height: 38px; margin : 15px auto 12px; border : none; cursor : pointer; outline : medium; } .rnum { width : 100%; display : block; text-align: center; } .b-o span.s7 { font-size : 14px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; line-height: 14px; display : inline-block; color : #999999; } .b-o span.s8 { font-size : 14px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; line-height: 14px; display : inline-block; color : #FF0072; } /*学校*/ .school { width : 100%; height : 403px; display : block; position : relative; z-index : 1; padding-top: 50px; } .s-bg { width : 745px; height : 203px; background: rgba(249, 249, 249, 1); position : absolute; left : 0; top : 0; z-index : -1; } .s-c { width: 1170px; position: relative; z-index : 1; margin : 0 auto; } .s-h { width : 1170px; height : 25px; display: block; clear : both; } .s-h span.s1 { float : left; font-size : 24px; font-family: PingFang-SC-Bold, 'PingFang SC'; font-weight: bold; color : rgba(0, 0, 0, 1); line-height: 25px; display : inline-block; } .s-h span.s2 { float : left; width : 1px; height : 24px; background : rgba(216, 216, 216, 1); line-height: 25px; display : inline-block; margin : 0 20px; } .s-h span.s3 { float : left; font-size : 14px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; color : rgba(153, 153, 153, 1); line-height: 25px; display : inline-block; } .s-h span.s4 { float : right; font-size : 16px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; color : rgba(153, 153, 153, 1); line-height: 25px; display : inline-block; margin-left: 30px; } .s-h span.s4:hover { color : rgba(255, 0, 114, 1); text-decoration: underline; } .s-c-b { display : block; width : 100%; margin-top: 30px; } .school1Bg { width : 170px; height: 589px; float : left; } .s-c-b-r { width : 900px; float : left; overflow : hidden; margin-left: 100px; } .s-c-b-r-o { width : 270px; height : 290px; float : left; margin-left: 30px; position : relative; overflow : hidden; } .s-c-b-r-o-s { width : 100%; display: inline-block; clear : both; } .sc-info { width : 200px; height: 122px; position : absolute; top : -162px; z-index : 1; transition: all 0.5s; } .sc-info-bg { width : 200px; height : 122px; background: #000000; position : absolute; opacity : 0.4; left : 0; transition: all 0.5s; margin-top: -122px; } .sc-info-des { width : 200px; height : 122px; display : block; position : relative; z-index : 1; padding-top: 40px; } .s-c-b-r-o:hover .sc-info { transform: translateY(122px); } .sc-info-des span { font-size : 14px; font-family : PingFang-SC-Regular, 'PingFang SC'; font-weight : 400; color : #ffffff; line-height : 20px; display : block; margin-top : 30px; margin-left : 15px; margin-right: 15px; } .s-c-b-r-o-bg { width : 170px; height : 100px; background: rgba(238, 238, 238, 1); position : absolute; } .school2Bg { width : 170px; height : 100px; display: none; } .school3Bg { width : 100px; height : 100px; display : block; position : relative; z-index : 1; margin-top: 20px; border : 1px solid #f0f5f7; } .s-c-b-r-o span.s5 { font-size : 18px; font-family: PingFang-SC-Bold, 'PingFang SC'; font-weight: bold; color : rgba(0, 0, 0, 1); line-height: 18px; display : block; margin-top : 20px; } .s-c-b-r-o span.s6 { font-size : 12px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; color : rgba(153, 153, 153, 1); line-height: 12px; display : block; margin-top : 10px; } .s-c-b-r-o span.s7 { width : 50px; height : 1px; background: rgba(164, 164, 164, 1); display : block; margin-top: 20px; } .s-c-b-r-o span.s8 { font-size : 12px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 500; color : rgba(153, 153, 153, 1); line-height: 12px; display : inline-block; margin-top : 17px; } .s-c-b-r-o span.s9 { font-size : 24px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 600; color : rgba(0, 0, 0, 1); line-height: 24px; display : inline-block; } .s-c-b-r-o:hover .school2Bg { display: block; } .s-c-b-r-o:hover .s-c-b-r-o-bg { background: none; } .s-c-b-r-o:hover span.s5 { color: rgba(255, 0, 114, 1); } .s-c-b-r-o:hover span.s9 { color: rgba(255, 0, 114, 1); } .s-dot { width : 72px; height : 20px; display : block; margin : 0px auto; position: relative; z-index : 1; } .s-dot1 { width : 10px; height : 10px; float : left; background : rgba(230, 230, 230, 1); border-radius: 6px; margin-left : 26px; line-height : 12px; margin-bottom: 3px; cursor : pointer; } .s-dot2 { background: rgba(136, 136, 136, 1); } /*简单测试*/ .test { height : 260px; width : 100%; display : block; position : relative; margin-bottom: 80px; } .testBg { height : 260px; width : 100%; min-width : 1200px; display : block; position : absolute; object-fit: cover; } .t-c { height : 100%; width : 1170px; display : block; position: relative; z-index : 1; margin : 0 auto; } .test2Bg { height : 49px; width : 498px; display : block; padding-top: 20px; } .t-c-c { width : 870px; height : 96px; display : block; margin-top: 10px; } select.test-form { width : 270px; height : 38px; appearance : none; -moz-appearance : none; -webkit-appearance: none; background : url("/template/pc/skin/images/index_bg012.png") no-repeat 250px center; background-size : 8px; font-size : 14px; font-family : 'PingFang SC'; color : rgba(102, 102, 102, 1); float : left; margin-left : 30px; margin-top : 20px; background-color : rgba(229, 229, 229, 1); outline : none; padding : 0 10px; } select.test-form-l { margin-left: 0px; } input[type="text"]{ width: 246px; height: 38px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-size: 8px; font-size: 14px; font-family: 'PingFang SC'; color: rgba(102, 102, 102, 1); float: left; margin-left: 30px; margin-top: 20px; background-color: rgba(229, 229, 229, 1); outline: none; padding: 0 10px; } .testBtn { width : 270px; height : 38px; background : rgba(255, 0, 114, 1); float : left; margin : 20px 0 0 30px; font-size : 14px; font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 600; color : rgba(255, 255, 255, 1); line-height: 38px; text-align : center; border : none; outline : medium; cursor : pointer; padding : 0; } /*导师团队*/ .teacher { width : 1170px; height : 988px; display : block; margin : 0 auto; overflow: hidden; } .teacher .swiper-slide .t-o:nth-child(5n+1) { margin-left: 0; } .s-h-top { padding-top: 80px; } .s-h span.s05 { font-size : 16px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; color : rgba(153, 153, 153, 1); line-height: 16px; float : right; margin-left: 30px; cursor : pointer; } .s-h span.s06 { color: rgba(255, 0, 114, 1); } .t-o { width : 218px; height : 402px; display : block; float : left; margin-left: 20px; } .t-o-l { margin-left: 0; } .t-bg { width : 218px; height : 270px; display : block; overflow : hidden; margin-top: 40px; position : relative; } .teacher1Bg { width : 218px; height : 270px; display : block; position : relative; object-fit: cover; transition: transform 0.5s; } .t-info { width : 218px; height : 270px; left : 0; top : 0; position: absolute; } .t-info-bg { width : 218px; height : 270px; top : 270px; position : absolute; background : #000; opacity : 0.5; transition : all 0.5s; -webkit-transition: all 0.5s; /* Safari */ } .t-info-des { width : 218px; height : 270px; position : absolute; transition : all 0.5s; top : 270px; padding-top : 90px; -webkit-transition: all 0.5s; /* Safari */ } .t-info-des span { display : block; font-size : 14px; font-family: PingFangSC-Semibold, 'PingFang SC'; color : #ffffff; line-height: 20px; margin : 10px 15px 0 15px; } .t-o:hover .t-info-bg { transform: translateY(-270px); } .t-o:hover .t-info-des { transform: translateY(-270px); } .t-o span.s1 { display : block; font-size : 20px; font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 600; color : rgba(0, 0, 1, 1); line-height: 24px; margin-top : 15px; } .t-o-bg { width : 200px; height : 70px; background: #ffffff; display : block; margin-top: -70px; position : relative; z-index : 1; opacity : 0.9; } .t-o-bg span.s01 { display : block; font-size : 16px; font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 400; color : rgba(153, 153, 153, 1); line-height: 24px; padding-top: 10px; } .t-o-bg span.s02 { font-size : 14px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 500; color : rgba(153, 153, 153, 1); line-height: 14px; display : inline-block; margin-top : 5px; } .t-o-bg b { font-size : 18px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 600; color : rgba(0, 0, 1, 1); line-height: 18px; display : inline-block; margin-top : 0px; } .t-o1 { width : 218px; height : 93px; display: block; } .t-o1 span.s2 { font-size : 14px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 500; color : rgba(153, 153, 153, 1); line-height: 20px; display : block; padding-top: 15px; } .t-o1 span.s3 { font-size : 14px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 500; color : rgba(153, 153, 153, 1); line-height: 14px; display : block; margin-top : 10px; } .t-o2 { width : 218px; height : 93px; display: none; } .t-o2 span.s4 { font-size : 14px; font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 600; color : rgba(255, 2, 115, 1); line-height: 14px; display : block; padding-top: 28px; } .t-o2 span.s5 { width : 80px; height : 1px; background: rgba(255, 2, 115, 1); display : block; margin-top: 8px; } .t-o:hover .t-o1 { display: none; } .t-o:hover .t-o2 { display: block; } .t-o:hover span.s1 { display: block; color : rgba(255, 2, 115, 1); } .t-o:hover .teacher1Bg { transform: scale(1.08); } .bgss { width : 100%; height : 400px; display: block; clear : both; } /*#mpage{ height: 400px; width:100%; min-width: 1200px; background-color:#fff; background-image:url('/template/pc/skin/images/index_bg013.jpg'); background-size:cover; background-repeat:no-repeat; background-attachment: fixed; background-position-x:center; background-position-y:center; }*/ .case { width : 1170px; display : block; position: relative; margin : 0 auto; overflow: hidden; margin-bottom: 50px; } .case .case_l { width : 50%; float : left; padding-right: 50px; box-sizing : border-box; } .case .case_r { width: 50%; float: left; } .case .case_l video { width: 100%; } .case .case_r ul li{ margin-bottom: 15px; } .case .case_r ul li .pic { display: inline-block; vertical-align: middle; width: 35%; } .case .case_r ul li .pic img{ width: 100%; } .case .case_r ul li .txt { display: inline-block; vertical-align: middle; width: 65%; padding-left: 30px; box-sizing: border-box; } .case .case_r ul li .txt h1{ font-size: 18px; color: #333; margin-bottom: 15px; } .case .case_r ul li .txt p{ font-size: 14px; color: #333; } .case .case_r ul li a { display : block; overflow: hidden; font-size: 0; } .case .case_l_titel, .case .case_r_titel { font-size : 24px; color : rgba(255, 0, 114, 1); margin-bottom: 30px; } .case .swiper-slide .c-c-o:nth-child(3n+1) { margin-left: 0; } .c-bg { width : 100%; height : 550px; background: rgba(249, 249, 249, 1); position : absolute; bottom : 20px; left : 0; } .c-top { padding-top: 82px; } .c-c { width : 1170px; height : 800px; display : block; margin : 0 auto; overflow: hidden; } .c-c-s { width : 1170px; height : 100%; display: block; } .c-c-o { width : 370px; height : 314px; float : left; margin-top : 40px; margin-left: 30px; } .c-c-o-bg { width : 370px; height : 230px; overflow: hidden; display : block; } .caseBg { width : 370px; height : 230px; display : block; transition: transform 0.5s; } .c-c-o:hover .caseBg { transform: scale(1.08); } .c-c-o-s { width : 260px; height : 120px; display : block; position : relative; margin-top : -60px; z-index : 1; background : rgba(255, 255, 255, 1); padding-left: 20px; } .case2Bg { width : 36px; height : 36px; margin-top : 12px; border-radius: 18px; float : left; margin-right : 10px; } .c-c-o-s span.s5 { font-size : 18px; font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 600; color : rgba(0, 0, 1, 1); line-height: 18px; float : left; margin-top : 22px; } .c-c-o:hover .c-c-o-s span.s5 { color: rgba(255, 0, 114, 1); } .c-c-o-s span.s6 { font-size : 14px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; color : rgba(0, 0, 1, 1); line-height: 14px; display : block; clear : both; padding-top: 15px; } .c-c-o-s span.s7 { font-size : 14px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; color : #999999; line-height: 14px; } .c-c-o-s span.s8 { padding-top: 10px; } .s-dotc { width : 10px; height : 10px; float : left; background : rgba(230, 230, 230, 1); border-radius: 6px; margin-left : 26px; line-height : 12px; margin-bottom: 3px; cursor : pointer; } .s-dotc2 { background: rgba(136, 136, 136, 1); } .c-dtop { margin-top: 30px; } /*资讯*/ .news { width : 1170px; height : 630px; display: block; margin : 0 auto; } .news .n-b:nth-of-type(odd) { background: rgba(249, 249, 249, 1); } .n-l { width : 570px; height: 100%; float : left; } .n-c { width : 100%; height : 18px; display: block; margin : 30px 0 20px; } .n-l span.s1 { font-size : 24px; font-family : PingFangSC-Semibold, 'PingFang SC'; font-weight : 600; color : rgba(0, 0, 0, 1); line-height : 24px; padding-top : 60px; margin-bottom: 30px; display : block; } .n-c span.s2 { font-size : 16px; font-family : PingFang-SC-Regular, 'PingFang SC'; font-weight : 400; color : rgba(153, 153, 153, 1); line-height : 16px; float : left; margin-right: 30px; cursor : pointer; } .news1Bg { width : 170px; height : 120px; float : left; padding-top: 20px; object-fit : cover; } .n-f { width : 100%; height : 160px; background: rgba(249, 249, 249, 1); display : block; } .n-f-r { width : 360px; height : 120px; float : left; margin-left: 30px; } .n-f-r span.s3 { font-size : 14px; font-family : PingFangSC-Semibold, 'PingFang SC'; font-weight : 400; color : rgba(0, 0, 0, 1); line-height : 16px; display : block; padding-top : 20px; overflow : hidden; text-overflow : ellipsis; display : -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .n-f-r span.s4 { font-size : 12px; font-family: PingFang-SC-Regular, 'PingFang SC'; font-weight: 400; color : rgba(153, 153, 153, 1); line-height: 12px; display : block; margin-top : 10px; } .n-f-r span.s5 { font-size : 12px; font-family : PingFang-SC-Regular, 'PingFang SC'; font-weight : 400; color : rgba(153, 153, 153, 1); line-height : 21px; overflow : hidden; margin-top : 18px; text-overflow : ellipsis; display : -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .n-b { display : block; width : 530px; height : 54px; background: #ffffff; padding : 0 20px; } .n-b span.s6 { float : left; font-size : 14px; font-family : PingFang-SC-Medium, 'PingFang SC'; font-weight : 500; color : rgba(0, 0, 0, 1); line-height : 54px; max-width : 385px; overflow : hidden; text-overflow : ellipsis; display : -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .n-b span.s7 { float : right; font-size : 12px; font-family: PingFang-SC-Medium, 'PingFang SC'; font-weight: 400; color : rgba(153, 153, 153, 1); line-height: 54px; } .n-b span.s8 { clear : both; display : block; width : 0; height : 1px; background : rgba(0, 0, 0, 1); margin-top : 40px; position : absolute; transition : width 1s; -webkit-transition: width 1s; } .n-b-bg { background: rgba(249, 249, 249, 1); } .n-c span.s2:hover { font-family: 'PingFang SC'; font-weight: 400; color : rgba(255, 0, 114, 1); } .n-c span.s2selct { font-family: 'PingFang SC'; font-weight: 400; color : rgba(255, 0, 114, 1); } .n-b:hover span.s6 { font-family: PingFangSC-Semibold, 'PingFang SC'; font-weight: 600; color : rgba(0, 0, 0, 1); } .n-b:hover span.s8 { width: 385px; } .n-l-l { margin-left: 30px; } .courseBuy { width : 1170px; overflow : hidden; clear : both; margin : 0 auto; padding-top : 70px; padding-bottom: 50px; } .courseBuy_main { width : 1170px; overflow : hidden; clear : both; margin : 0 auto; margin-top: 30px; } .courseBuy_main_top { width : 1170px; overflow: hidden; clear : both; margin : 0 auto; } .courseBuy_main_top_one { width : 270px; overflow : hidden; float : left; margin-left: 30px; } .courseBuy_main_top_one:first-child { margin-left: 0; } .courseBuy_main_top_one_pic { width : 100%; overflow: hidden; clear : both; position: relative; } .courseBuy_main_top_one_pic img { display: block; width : 100%; } .courseBuy_main_top_one_pic span { position : absolute; left : 0; top : 0; background : linear-gradient(to right, rgba(254, 104, 139, 0.9) 0%, rgba(0, 11, 150, 0.9) 100%) !important; width : 100%; height : 100%; z-index : 1; text-align : center; line-height: 270px; font-size : 16px; color : #fff; font-weight: bold; opacity : 0; } .courseBuy_main_top_one:hover .courseBuy_main_top_one_pic span { opacity: 1; } .courseBuy_top_one_title { width : 100%; overflow : hidden; clear : both; margin-top: 10px; } .courseBuy_top_one_title span { display : block; width : 100%; text-align: left; } .courseBuy_top_one_title span.span1 { font-size : 16px; color : #000; font-weight: bold; line-height: 22px; } .courseBuy_top_one_title span.span2 { font-size : 14px; color : #999; font-weight: normal; line-height: 22px; } .singlePage{ margin-top:70px; padding-bottom:5%; width:1200px; margin-left:auto; margin-right:auto; } .singlePage img{ width:100%; max-width:100%; } @media (max-width:768px){ width:100%; } /* FILE ARCHIVED ON 11:31:07 Mar 31, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 04:14:19 Jul 22, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.572 exclusion.robots: 0.041 exclusion.robots.policy: 0.03 esindex: 0.013 cdx.remote: 4.829 LoadShardBlock: 167.185 (3) PetaboxLoader3.datanode: 82.093 (4) PetaboxLoader3.resolve: 270.089 (2) load_resource: 275.71 */