* { margin: 0; padding: 0; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } body, button, input, select, textarea { font: 16px/1.5 tahoma, arial, \5b8b\4f53; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } ul, ol { list-style: none; } a { text-decoration: none; color: #000; } table { border-collapse: collapse; border-spacing: 0px; } input { background: none; outline: none; border: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-appearance: none; } input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea, button { -webkit-appearance: none; } input:-webkit-autofill { box-shadow: 0 0 0px 100px white inset; } ul { list-style: none; } a { text-decoration: none; } .wap { background: #F5F6F9; } .main { width: 1450px; margin: 0 auto; padding: 0 30px 30px 30px; box-sizing: border-box; background: #FCFCFC; margin-top: -20px; } .curriculum { margin-top: 30px; } .curriculum_top { height: 64px; border-bottom: 1px solid #E6E6E6; } .curriculum_top h4 { float: left; line-height: 64px; font-size: 26px; color: #333; } .curriculum_top h4 span { border-right: 1px solid #cacaca; margin-left: 30px; } .curriculum_top .rmke1 { float: right; margin-right: 0px; display: block; width: 80px; height: 30px; border-radius: 15px; text-align: center; font-size: 14px; background: #EEEFF6; line-height: 30px; margin-top: 20px; } .curriculum_top .rmke1:hover { color: #fff; background-color: #1c77ff; } .curriculum_top ul li { float: left; margin-left: 30px; line-height: 80px; font-size: 20px; width: 140px; text-align: center; cursor: pointer; } .curriculum_top ul li.active { color: #1C77FF; border-bottom: 3px solid #1C77FF; } .curriculum_bottom>div { display: none; margin-top: 25px; } .curriculum_bottom>div.active { display: block; } #swiper4, #swiper40 { padding: 10px 20px 0 0; margin-left: -14px; } #swiper4 .swiper-slide, #swiper40 .swiper-slide { border: 1px solid #e6edf9; /* border-radius: 20px 20px 20px 20px; */ width: 333px; overflow: hidden; } #swiper4 .swiper-slide:hover, #swiper40 .swiper-slide:hover { transform: translate3d(0, -5px, 0); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); transition: all .2s linear; } #swiper4 .swiper-slide>a>p, #swiper40 .swiper-slide>a>p { font-size: 14px; padding-left: 10px; margin: 18px 10px 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; } #swiper4 .swiper-slide .box, #swiper40 .swiper-slide .box { padding: 0 20px 20px 10px; } #swiper4 .swiper-slide .box p, #swiper40 .swiper-slide .box p { display: inline-block; font-size: 14px; color: #666; padding: 6px 15px; background: #EEEFF6; border-radius: 15px; margin: 12px 5px -7px 0; } #swiper4 .swiper-slide .box>span, #swiper40 .swiper-slide .box>span { display: block; border-bottom: 2px dashed #E6E6E6; } #swiper4 .swiper-slide .box a, #swiper40 .swiper-slide .box a { display: block; width: 270px; height: 26px; font-size: 14px; background: #EEEFF6; border-radius: 13px; color: #666; line-height: 26px; margin-top: 10px; } #swiper4 .swiper-slide .box a>img, #swiper40 .swiper-slide .box a>img { vertical-align: middle; } /* #swiper4 .swiper-slide:hover .online_img{ transform: scale(1.1); } #swiper40 .swiper-slide:hover .online_img{ transform: scale(1.1); } */ .online_img { width: 268px; height: 147px; /* border-radius: 20px 20px 0px 0px; */ /* transition: all ease-in-out 0.5s; */ } .bigImg { height: 147px; overflow: hidden; } .tea_info { font-size: 14px; padding-left: 10px; display: flex; } .tea_info img { width: 12px; height: 14px; margin-right: 5px; vertical-align: middle; padding-top: 2px; } .tea_info span { font-size: 12px; color: #b1b0b0; margin-left: 10px; width: 200px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .swiper-button-next { background: url(../images/lb-right.png) no-repeat center center !important; right: 0px !important; } .button-next-copy { background: url(../images/lb-right.png) no-repeat center center !important; right: 1px !important; } .swiper-button-prev { background: url(../images/lb-left.png) no-repeat center center !important; left: 0px !important; } .button-prev-copy { background: url(../images/lb-left.png) no-repeat center center !important; left: 0px !important; } #swiper2 { padding: 10px 25px 0 0; margin-left: -11px; } #swiper2 .swiper-slide { border: 1px solid #e6edf9; border-radius: 20px 20px 20px 20px; } #swiper2 .swiper-slide:hover { transform: translate3d(0, -5px, 0); box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3); transition: all .2s linear; } #swiper2 .swiper-slide>a>p { font-size: 14px; padding-left: 10px; margin: 18px 10px 5px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; } #swiper2 .swiper-slide .box { padding: 0 20px 20px 10px; } #swiper2 .swiper-slide .box p { display: inline-block; font-size: 14px; color: #666; padding: 6px 15px; background: #EEEFF6; border-radius: 15px; margin: 12px 5px -7px 0; } #swiper2 .swiper-slide .box>span { display: block; border-bottom: 2px dashed #E6E6E6; } #swiper2 .swiper-slide .box a { display: block; width: 270px; height: 26px; font-size: 14px; background: #EEEFF6; border-radius: 13px; color: #666; line-height: 26px; margin-top: 10px; } #swiper2 .swiper-slide .box a>img { vertical-align: middle; } .books { margin-top: 30px; } .books .book-top { height: 80px; border-bottom: 1px solid #E6E6E6; } .books .book-top>a:hover { color: #fff; background-color: #1c77ff; } .books .book-top h4 { float: left; line-height: 80px; font-size: 26px; } .book-top a { float: right; margin-right: 0px; display: block; width: 80px; height: 30px; border-radius: 15px; text-align: center; font-size: 14px; background: #EEEFF6; line-height: 30px; margin-top: 25px; } .book-top h4 { color: #333; } #swiper3 { padding: 30px 1px 0 0; } #swiper3 .swiper-slide { text-align: center; } #swiper3 .swiper-slide img:hover { transform: translate3d(0, -10px, 0); transition: all .2s linear; } .skry { margin-top: 30px; } .skry .skry_top { height: 80px; border-bottom: 1px solid #E6E6E6; } .skry .skry_top>a:hover { color: #fff; background-color: #1c77ff; } .skry .skry_top h4 { float: left; line-height: 80px; font-size: 26px; } .skry_top ul li { float: left; margin-left: 30px; line-height: 80px; font-size: 20px; width: 140px; text-align: center; } .skry_top ul li.active { color: #1C77FF; border-bottom: 3px solid #1C77FF; } .skry_top a { float: right; margin-right: 0px; display: block; width: 80px; height: 30px; border-radius: 15px; text-align: center; font-size: 14px; background: #EEEFF6; line-height: 30px; margin-top: 25px; } .skry_top h4 { color: #333; } .skry_bottom>div { display: none; margin-top: 25px; } .skry_bottom>div.active { display: block; } .skry_top h4 span { border-right: 1px solid #000; margin-left: 30px; } .team_item1 { display: flex; justify-content: space-between; height: 270px; } .team_item1 li { width: 260px; border: 1px solid #e6edf9; } .team_item1 li a { display: block; width: 225px; margin: 18px auto; } .team_item1 li a img { width: 100%; } .team_jxy { text-align: left; font-size: 16px; line-height: 30px; margin: 10px 0; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .mtbd { display: flex; justify-content: space-between; } .mtbd li { width: 321px; height: 416px; border: 1px solid #e5e5e5; } .mtbd li a>img { width: 100%; } .team_slo { width: 286px; height: 42px; font-size: 14px; margin: 16px 0 16px 16px; color: #666; } .mtbd li a .mid { margin-left: 13px; } .mtbd li a .mid>img { width: 16px; height: 16px; vertical-align: middle; margin-right: 7px; } .mtbd li a .mid span { font-size: 12px; color: #b1b0b0; } .team_info { width: 286px; height: 62px; font-size: 12px; line-height: 20px; color: #525050; margin: 11px 0 20px 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .success_top { margin-top: 30px; border-bottom: 1px solid #E6E6E6; } .success_top h4 { line-height: 80px; font-size: 26px; color: #333; } .success_bottom .box { display: flex; justify-content: space-between; padding-top: 30px; } .success_bottom .box>div { width: 232px; height: 387px; position: relative; } .box_sz .pick { background: url(../images/sk-bg1.png) no-repeat center center; width: 100%; height: 387px; text-align: center; } .pick img { margin-top: 100px; height: 72px; font-size: 100%; } .pick p { font-size: 20px; color: #fff; } .pick .hx { width: 82px; border-bottom: 2px solid #fff; margin: 45px auto; } .box_sz .pic { background: url(../images/sk-bg6.png) no-repeat center center; width: 100%; height: 387px; position: absolute; top: 0; text-align: center; cursor: pointer; } .pic .p1 { font-size: 20px; color: #fff; margin-top: 95px; } .pic .hx1 { width: 82px; border-bottom: 2px solid #fff; margin: 20px auto 30px; } .pic .p2 { font-size: 16px; color: #fff; line-height: 24px; } .pic a { display: block; width: 107px; height: 30px; font-size: 16px; color: #fff; line-height: 30px; border-radius: 15px; text-align: center; margin: 30px auto; border: 1px solid #fff; } .pic a:hover { background: #408CFF; } .box_kc .pick { background: url(../images/sk-bg2.png) no-repeat center center; width: 100%; height: 387px; text-align: center; cursor: pointer; } .box_kc .pic { background: url(../images/sk-bg7.png) no-repeat center center; width: 100%; height: 387px; position: absolute; top: 0; text-align: center; cursor: pointer; } .box_kf .pick { background: url(../images/sk-bg3.png) no-repeat center center; width: 100%; height: 387px; text-align: center; cursor: pointer; } .box_kf .pic { background: url(../images/sk-bg8.png) no-repeat center center; width: 100%; height: 387px; position: absolute; top: 0; text-align: center; cursor: pointer; } .box_zt .pick { background: url(../images/sk-bg4.png) no-repeat center center; width: 100%; height: 387px; text-align: center; cursor: pointer; } .box_zt .pic { background: url(../images/sk-bg9.png) no-repeat center center; width: 100%; height: 387px; position: absolute; top: 0; text-align: center; cursor: pointer; } .box_fw .pick { background: url(../images/sk-bg5.png) no-repeat center center; width: 100%; height: 387px; text-align: center; cursor: pointer; } .box_fw .pic { background: url(../images/sk-bg10.png) no-repeat center center; width: 100%; height: 387px; position: absolute; top: 0; text-align: center; cursor: pointer; } .footer-index { background: #333333; /* margin-top: 10px; */ width: 100%; min-width: 1450px; padding-bottom: 45px; } .footer_part { width: 1450px; margin: 0 auto; } .footer_box1, .footer_box2, .footer_box3, .footer_box4 { float: left; width: 18%; } .footer_box5 { float: left; width: 28%; } .footer_part>div>h5 { margin: 32px 0 0; border-bottom: 1px solid #666; font-size: 18px; padding: 0 0 20px 50px; color: #d7d8d9; } .footer_part>div>ul { margin: 20px 0 15px; padding-left: 50px; color: rgb(27, 12, 12); } .footer_part>div>ul li { margin-bottom: 15px; font-size: 14px; color: #9b9ea0; } .footer_part>div>ul li a { margin-bottom: 15px; font-size: 14px; color: #9b9ea0; } .footer_ewm { padding-top: 35px; } .footer_ewm div { float: left; margin-left: 50px; text-align: center; } .footer_ewm div p { margin-top: 16px; color: #9b9ea0; font-size: 16px; } .footer_yqlj { clear: both; width: 1450px; margin: 0 auto; border-top: 1px solid #666; border-bottom: 1px solid #666; height: 110px; } .footer_yqlj ul { margin-top: 25px; } .footer_yqlj ul li p { font-size: 24px; color: #d7d8d9; } .footer_yqlj ul li a { font-size: 14px; color: #9b9ea0; } .footer_yqlj ul li { float: left; line-height: 36px; margin-left: 30px; } .footer_beian { width: 1450px; margin: 0 auto; text-align: center; color: #9b9ea0; padding-top: 30px; line-height: 32px; } #swiper-pre-copy { left: 0px !important; } .swiperLeft { background: url(../images/course-left.png) center left no-repeat !important; opacity: .6; top: 61%; } .swiperRight { background: url(../images/course-right.png) center right no-repeat !important; opacity: .6; top: 61%; } body { background-color: #f5f6f9; } .bgWrap { width: 100%; background: url(../images/bg.png) top center no-repeat; /* background-size: 100%; */ min-width: 1450px; padding-top: 125px; margin: 0 auto; } .pageCore { width: 1450px; background-color: #f5f6f9; min-width: 1450px; margin: 0 auto; } .headerWrap { width: 1450px; /* height: 676px; */ background-color: #ffffff; position: relative; } .headerWrap>a{ position:absolute; display: block; width: 145px; height: 45px; top: -47px; left: 920px; cursor: pointer; } .headerTop { /* height: 118px; */ display: flex; margin-bottom: 12px; } .logo { margin: 15px 0 0 10px; } .searchWrap { width: 973px; height: 81px; /* margin: 29px 0 0 108px; */ margin: 12px 0 0 140px; position: relative; } .searchBar { width: 668px; height: 41px; border: solid 1px #1a76ff; margin-top: 10px; position: relative; } .searchBar:hover { box-shadow: 0 4px 18px #1a76ff28; background-color: #fefafa; } .searchButton { width: 100px; height: 41px; background-color: #1a76ff; float: right; } .searchButton p { font-family: AlibabaPuHuiTi-Regular; font-size: 16px; line-height: 27px; color: #fefefe; text-align: center; line-height: 41px; cursor: pointer; } .indexWords { width: 668px; height: 14px; margin-top: 11px; display: flex; justify-content: space-between; } .indexWords span { font-family: AlibabaPuHuiTi-Regular; font-size: 14px; line-height: 14px; color: #666; } .indexWords span:hover { color: #1c77ff; } .hotline { width: 278px; height: 81px; position: absolute; top: 7px; right: 15px; display: flex; align-items: center; justify-content: space-between; } .sk_phone { width: 290px; float: right; } .sk_phoneLeft { width: 89px; height: 81px; } .sk_phone p>a { font-size: 20px; line-height: 19px; color: #0058d1; font-weight: 700; } .sk_logo, .sk_nav, .sk_phone { line-height: 48px; height: 48px; } .sk_phone .sk_phone_1 { float: left; padding-top: 0; width: 24%; } .sk_phone .sk_phone_1 img { width: 95%; margin-top: -5px; margin-right: 5px; } img { border: none; vertical-align: middle; } .sk_phone p { float: right; color: #666; font-size: 18px; line-height: 22px; } .headerBottom { height: 563px; display: flex; background-color: #f5f6f9; } .sideBar { width: 333px; height: 549px; border-top: 2px #1c77ff solid; padding: 10px 0 0 30px; cursor: pointer; background-color: #fff; } .rightBar { width: 1087px; } .triangleWrap { width: 100%; background-color: #fff; } .triangle { width: 9px; height: 9px; overflow: hidden; position: relative; } .trans { width: 40px; height: 40px; transform: skew(45deg); background-color: #004ec3; position: absolute; top: -1px; left: -21px; } .blueNav { width: 1048px; padding-left: 40px; height: 48px; /* background-color: #1c77ff; */ background-image: linear-gradient(90deg, #1c77ff 0%, #3e8bff 100%); } .blueNav>p a { font-family: MicrosoftYaHei; font-size: 18px; color: #ffffff; } .blueNav>p span { line-height: 48px; /* margin-right: 65px; */ } .marginWrap { margin: 0 22px; color: #d1d4dc; opacity: .6; } .whiteWrap { display: flex; } .colorBoard { width: 10px; height: 495px; background-color: #f5f6f9; } .whiteBoard { width: 1057px; height: 499px; padding: 5px 0 0 20px; background-color: #fff; display: flex; margin-left: 10px; } .side-nav-bar { width: 332px; /* height: 111px; */ position: relative; } /* .nav-bar-copy { height: 78px; } */ .navTitle { height: 20px; display: flex; margin-bottom: 14px; margin-top: 20px; } .navTitle-new { height: 20px; display: flex; margin-bottom: 13px; margin-top: 17px; } .navCon a { position: relative; } .navCon a:hover { color: #1c77ff; } .hotWrap { width: 24px; height: 15px; position: absolute; margin-left: -12px; top: -12px; left: 50%; background: url(../images/img/hot.png) center center no-repeat; background-size: cover; } .navTitle span { font-family: MicrosoftYaHei-Bold; font-size: 20px; line-height: 20px; color: #333; font-weight: 700; border-left: 1px solid #e6e6e6; padding-left: 13px; } .navTitle img { margin-right: 13px; } .navTitle span:hover { color: #1c77ff; } /* .navCon { float: left; } */ .navCon a { font-family: MicrosoftYaHei; font-size: 14px; line-height: 31px; color: #666666; /* margin-right: 9px; */ margin-right: 15px; } .navCon span:hover { color: #1c77ff; } .tabTop { width: 583px; height: 53px; display: flex; justify-content: space-between; } .tabTop>p span { font-family: DOUYU-Font; font-size: 20px; line-height: 53px; color: #666; } .theMore { width: 80px; height: 25px; background-color: #eeeff6; border-radius: 13px; position: absolute; right: -78px; top: -17px; } .theMore:hover { background-color: #1c77ff; } .theMore:hover a { color: #ffffff; } .theMore a { font-family: MicrosoftYaHei; font-size: 14px; line-height: 25px; color: #53586c; } .theMore p { text-align: center; } .tabBottom { margin-bottom: 12px; width: 573px; height: 128px; background-color: #ffffff; border: solid 1px #e5e5e5; } .tabBottom-title { width: 534px; height: 16px; display: flex; justify-content: space-between; margin: 18px 0px 15px 20px; cursor: pointer; } .tabBottom-title p { font-family: MicrosoftYaHei; font-size: 17px; font-weight: 700; line-height: 16px; color: #1c77ff; } .tabBottom-title img { margin-right: 8px; } .tabBottom-title a { font-size: 14px; line-height: 16px; color: #1c77ff; } .flowLayout { display: flex; } .detailsWrap { float: left; padding-left: 10px; } .detailsbar { height: 25px; background-color: #f0f6ff; border-radius: 13px; margin-left: 6px; padding: 0px 12px 0px 16px; margin-right: 20px; margin-bottom: 10px; display: inline-block; } .detailsbar p { line-height: 25px; display: inline-block; } .detailsbar img { margin: 0px 9px 0px 30px; } .detailsbar span { font-size: 14px; } .boardRight { width: 435px; height: 455px; /* padding: 17px 20px 20px 20px; */ padding: 25px 30px 20px 20px; } .boardLeft { width: 572px; height: 492px; } .titleWrap>ul li:nth-child(1) { list-style: none; display: block; width: 34px; } .titleWrap>ul li:nth-child(2) { list-style: none; display: block; width: 698px; } .topHeight { height: 7px; width: 100%; } .rotation { width: 425px; height: 262px; /* background-color: #1c77ff; */ margin: 0 auto; margin-bottom: 20px; overflow: hidden; } .littleWrap { width: 435px; height: 48px; display: flex; justify-content: space-between; margin-bottom: 16px; } .littleWrap-cont { width: 134px; background-color: #f0f6ff; display: flex; justify-content: center; align-items: center; transition: .4s; } .littleWrap-cont:hover { cursor: pointer; transform: translate(0, -2.5px); background-color: #e7eef7; } .datatimeWrap { width: 423px; height: 36px; margin: 0 auto; /* background-color: rgba(28, 119, 255, 0.158); */ display: flex; justify-content: space-between; } .datatimeWrap>img { margin-top: 5px; } .greyBoard { width: 75px; height: 18px; background-color: #b3b3b3; border-radius: 9px; font-family: MicrosoftYaHei; font-size: 14px; line-height: 18px; color: #ffffff; text-align: center; } .middleWrap { width: 160px; height: 18px; display: flex; justify-content: space-between; } .middleWrap span { font-family: MicrosoftYaHei; font-size: 16px; line-height: 18px; color: #666; } .courseWrap { width: 425px; height: 168px; background-color: #ffffff; /* border: solid 1px #e5e5e5; */ /* background: rgba(128, 255, 0, 0.123); */ margin: 0 auto; } .labelLayout { display: flex; height: 22px; margin: 0 auto; } #labelLayout00 span { color: #1c77ff; } .labelLayout03 { height: 20px; } .labelLayout01 { height: 21px; } .labelLayout02 { height: 23px; } .labelLayout span { margin-left: 8px; cursor: pointer; } .littleWrap-cont>a p { line-height: 48px; text-align: center; } .littleWrap-cont>a img { line-height: 48px; vertical-align: middle; margin-right: 8px; } .littleWrap-cont span { font-family: MicrosoftYaHei; font-size: 16px; /* line-height: 48px; */ color: #666; } .littleWrap-cont span:hover { color: #1c77ff; } .freeListening { color: #1c77ff; } .search-Bar { /* width: 435px; */ width: 470px; height: 38px; border: solid 1px #1c77ff; float: left; margin-top: 25px; position: relative; } .searchIco { width: 19px; height: 19px; position: absolute; top: 6px; right: 15px; } .yxk { width: 184px; height: 38px; background-color: #1c77ff; } .news-practice { width: 1450px; height: 322px; background-color: #fcfcfc; } .paddingBar { width: 100%; height: 10px; background-color: #f5f6f9; } .column { width: 1390px; height: 300px; padding: 0 20px 29px 30px; display: flex; justify-content: space-between; margin-top: 10px; } .col-news { width: 887px; height: 300px; } .col-practice { width: 473px; height: 300px; } .col-practice>p { margin-top: 23px; line-height: 17px; font-family: MicrosoftYaHei; font-size: 16px; color: #666; } .blueBar { width: 60px; height: 2px; background-color: #1c77ff; border-radius: 1px; margin: 9px 0 14px 27px; } .news-header, .practice-header, .team-header { width: 100%; height: 76px; border-bottom: 1px #e6e6e6 solid; display: flex; justify-content: space-between; } .practice-header { border-bottom: 1px #fff solid; margin-top: 3px; } .leftTitle p { font-family: AlibabaPuHuiTi-Bold; font-size: 26px; line-height: 26px; color: #333; font-weight: 600; margin-top: 30px; } .rightMore { width: 80px; height: 30px; background-color: #eeeff6; border-radius: 15px; /* margin: auto 0; */ margin: 28px 0 18px 0; } .rightMore:hover { background-color: #1c77ff; } .rightMore:hover>a { color: #ffffff; } .rightMore a { font-family: MicrosoftYaHei; font-size: 14px; color: #666; opacity: 0.7; } .rightMore p { text-align: center; line-height: 30px; } .teamWrap { width: 1450px; height: 578px; } .Column { width: 1390px; height: 543px; padding: 0 30px 30px 30px; margin-top: 10px; background-color: #fff; } .team-header { height: 64px; margin-bottom: 24px; } .lbt { width: 1390px; } /* 讲师团队轮播?*/ .swiper-container { width: 100%; height: 100%; cursor: grabbing; } .teamWrap .swiper-slide { text-align: center; font-size: 18px; background: #fff; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; justify-content: space-between; position: relative; } .toLeft, .toRight { width: 38px; height: 48px; background: url(../images/toRight.png) center center no-repeat; } .toRight { background: url(../images/toLeft.png) center center no-repeat; } .positionWrap { width: 182px; width: 200px; } .positionWrap img { position: absolute; bottom: 0; left: 41px; } .introduction { width: 151px; height: 200px; } .introduction p { font-family: MicrosoftYaHei; font-size: 14px; line-height: 15px; color: #666; text-align: left; margin-bottom: 29px; } .tea-name { width: 151px; height: 20px; margin-top: 40px; display: flex; margin-bottom: 12px; } .tea-name img { margin-right: 7px; margin-left: 2px; } .tea-name span { font-family: MicrosoftYaHei; font-size: 20px; line-height: 20px; color: #666; } .labelWrap { width: 110px; height: 25px; border-radius: 11px; border: solid 2px #808080; margin-bottom: 9px; } .labelWrap p { text-align: center; font-family: MicrosoftYaHei; font-size: 14px; line-height: 25px; color: #666; } .content-Wrap { width: 100%; height: 148px; display: flex; } .content-left { width: 218px; height: 148px; } .content-right img { margin-right: 9px; } .content-right p { line-height: 14px; margin-bottom: 18px; font-size: 14px; } .content-right p:hover span { color: #1c77ff; text-decoration: underline; cursor: pointer; } .rotation .swiper-container00 { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .rotation .swiper-slide { text-align: center; font-size: 18px; /* background: #fff; */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #swiper30 a { display: block; line-height: 37px; color: #53586c; font-size: 18px; margin: 20px 0; text-align: center; width: 153px; height: 37px; background-color: #eeeff6; /* border: 1px solid #143AB4; */ border-radius: 18px; font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; } #swiper30 a:hover { color: #fff; background-color: #1c77ff; } #swiper30 p { width: 232px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; line-height: 21px; } #swiper9527 .swiper-slide { color: #8c3c3c; } #swiper30 h3 { font-size: 16px; margin: 13px 0; font-size: 18px; font-family: Microsoft YaHei; font-weight: bold; color: #666; line-height: 33px; } #swiper30 .swiper-slide { height: 449px; background-color: #ffffff; border: solid 1px #e6edf9; display: flex; flex-direction: column; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -webkit-flex-direction: column; } .tabBottom-title:hover p { color: #1c77ff; } .title_wrap .li1 { position: relative; } #p-one { display: block; width: 115px; height: 22px; background: url(../images/jrrm.jpg) no-repeat center center; position: absolute; top: 19px; left: 0px; } #p-two { display: none; width: 105px; height: 20px; background: url(../images/zsjz.jpg) no-repeat center center; position: absolute; top: 19px; left: -1px; } .title_wrap .li1 .ppp3 { display: none; width: 103px; height: 20px; background: url(../images/skss.jpg) no-repeat center center; position: absolute; top: 19px; left: -2px; } .title_wrap, .title_wrap11, .title_wrap_el { display: flex; justify-content: space-between; align-items: center; flex: 6; } .title_wrap li, .title_wrap11 li { flex: 1; height: 58px; font-family: MicrosoftYaHei; font-size: 16px; line-height: 58px; color: #333; cursor: pointer; } .title_wrap_el>li:nth-child(1) p { color: rgb(28, 119, 255); } .title_wrap_el>li:nth-child(1) span { display: block; } /* .title_wrap .active, .title_wrap11 .active { background: #FFFFFF !important; } */ .tab_box1 .active { display: block; } .tab_box11 .active { display: flex; } .tab_connent { display: none; } .littleBanner { width: 574px; height: 212px; background-color: #1c77ff; margin-bottom: 24px; overflow: hidden; } .littleBanner>img:hover { transform: scale(1.1); } .littleBanner img { transition: all ease-in-out .75s; } .title_wrap11 li { height: 27px; width: 110px; cursor: pointer; margin: 22px 0 16px 0; } .title_wrap_el li { height: 27px; cursor: pointer; } .title_wrap11 li .active, .title_wrap_el li .active { color: #1c77ff; } .title_wrap11 li>p, .title_wrap_el li>p { line-height: 16px; text-align: left; } .title_wrap11>li span, .title_wrap_el>li span { width: 31px; height: 2px; margin: 9px 0 0 16px; background-color: #1c77ff; color: #1c77ff; } .title_wrap11>li:nth-child(1) span { display: block; } .title_wrap11>li:nth-child(1) p { color: rgb(28, 119, 255); } .active { display: block; } .tab_box11 .tabContent { display: flex; justify-content: space-between; } .schoolLogo { margin: 0 0 20px 0; } .region { display: inline-block; width: 60px; height: 25px; background-color: #f0f6ff; border-radius: 5px; margin-right: 15px; } .region a { font-family: MicrosoftYaHei; font-size: 14px; line-height: 25px; color: #666; text-align: center; } .region a:hover { color: #1c77ff; } .conWrap { display: flex; justify-content: space-between; width: 452px; height: 25px; } .conWrap00 { margin-bottom: 10px; /* margin-top: 11px; */ } .conWrap01 { margin-top: 7px; } .conWrap02 { margin-top: 6px; } .universities { display: inline-block; width: 100px; height: 25px; margin-right: 3px; font-family: MicrosoftYaHei; font-size: 14px; line-height: 25px; vertical-align: middle; color: #666; cursor: pointer; } .universities a { color: #666; } .universities a:hover { color: #1c77ff; } .universities01 { width: 138px; margin-right: 0px; } .universities img { margin-right: 6px; } .universities_end { margin-right: 30px; } .universities:hover { color: #1c77ff; } .universities_end { margin-right: 30px; } .regions { width: 96%; padding-left: 2px; border: solid 1px #e5e5e5; padding: 5px 5px 2px 10px; } .regionsWrap span { display: inline-block; width: 28px; height: 13px; line-height: 14px; font-size: 14px; color: #4d4d4d; cursor: pointer; margin-right: 14px; margin-bottom: 9px; } .regionsWrap span>a { line-height: 14px; font-size: 14px; color: #4d4d4d; } .regionsWrap span>a:hover { color: #1c77ff; } .regionsWrap span:hover { color: #1c77ff; } #tianJin { margin-right: 0px; } #vipRegion { width: 43px; } .leftPic { width: 226px; height: 148px; } .middleCont { width: 678px; height: 148px; } .middleCont66 { width: 339px; height: auto; } .middleContTop { width: 651px; height: 148px; } .middleCont a, .rightCont a { font-family: MicrosoftYaHei; font-size: 14px; color: #666; } .middleCont66 a { font-family: MicrosoftYaHei; font-size: 16px; color: #666; } .middleCont p, .rightCont P { line-height: 16px; margin-bottom: 12px; } .middleCont66 p { line-height: 22px; margin-bottom: 7px; } .middleCont img, .rightCont img { margin-right: 9px; } .middleCont a:hover, .rightCont a:hover { color: #1c77ff; /* text-decoration: underline */ } .middleCont, .rightCont, .leftPic { display: inline-block; } .middleContTop a { font-size: 14px; width: 43%; } .middleCont a>p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .middleCont66 a>p { white-space: nowrap; text-overflow: ellipsis; word-break: break-all; overflow: visible; } .middleContTop a>p { line-height: 15px; margin-bottom: 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .rightCont { width: 316px; height: 148px; } .tab_box11 { width: 952px; height: 148px; } .tabRight { display: inline-block; width: 208px; position: relative; } .shiftPic { display: inline-block; width: 49%; } .remen2{ width: 560px !important; } .remen2>div{ overflow: hidden; white-space: nowrap; } .remen2>div>a{ line-height: 30px; } .shiftPic1{ display: inline-block; margin-right: 20px; cursor: pointer; } .shiftPic1{ margin-right: 25px; } .content-right .shiftPic { width: 100%; color: #666; } .inputLabel { font-family: MicrosoftYaHei; font-size: 14px; line-height: 38px; color: #666; opacity: 0.6; margin-left: 198px; } .greyCircle { display: inline-block; width: 9px; height: 9px; background: url(../images/greyCircle.png) 0 -9px no-repeat; margin-right: 9px; } .shiftPic:hover span { background: url(../images/greyCircle.png) 0 0 no-repeat; } .content-right>p:hover .shiftPic { color: #1c77ff; text-decoration: underline; cursor: pointer; } #know-233wxCon { width: 100%; } .know-233Ul { margin-right: -10px; } .know-233Ul>li { float: left; width: 238px; height: 340px; margin-right: 2px; background: url(../images/know-233img1.jpg) no-repeat center top; position: relative; /* overflow: hidden; */ } .know-233Ul>li>a { display: block; width: 100%; height: 100%; position: relative; color: #666; } .know-233Cont { position: absolute; top: 0; letter-spacing: 0; width: 100%; height: 100%; z-index: 1; } .know-233Mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f11504; opacity: 0; /* filter: alpha(opacity = 0); */ transition: .4s; } .know-233Ul>li.zxdy { background: url(../images/know-233img2.jpg) no-repeat center top; } .know-233Ul>li { float: left; width: 238px; height: 340px; margin-right: 2px; background: url(../images/know-233img1.jpg) no-repeat center top; position: relative; /* overflow: hidden; */ } .know-233Ico { position: absolute; top: 100px; left: 0; width: 100%; transition: .4s; } .know-233Ico>span { display: block; width: 60px; height: 60px; margin: 0 auto; background: url(../images/ico-homebg.png) no-repeat -340px -320px; } .zxdy .know-233Ico>span { background-position: -410px -320px; } .know-233Tit { position: absolute; top: 165px; left: 0; width: 100%; font-size: 23px; color: #fff; height: 28px; line-height: 28px; overflow: hidden; text-align: center; transition: .4s; font-weight: lighter; } .know-233Line { position: absolute; top: 216px; left: 50%; width: 36px; height: 4px; margin-left: -18px; /* background: url(../images/ico-homebg.png) no-repeat -700px -120px; */ transition: .4s; } .know-233Tip { font-size: 15px; line-height: 22px; color: #fff; } .know-233More { display: block; width: 120px; height: 35px; line-height: 35px; text-align: center; font-size: 15px; color: #fff; border: 1px solid #fff; margin: 28px auto; border-radius: 100px; } .know-233More .jt { display: inline-block; *display: inline; zoom: 1; width: 7px; height: 11px; background: url(../images/pick1.png) no-repeat center center; vertical-align: middle; margin-top: -2px; margin-left: 8px; } .know-233Info { position: absolute; top: 350px; left: 0; width: 100%; text-align: center; transition: .4s; } .know-233Ul>li.kcdy { background: url(../images/know-233img3.jpg) no-repeat center top; } .kcdy .know-233Ico>span { background-position: -480px -320px; } .know-233Ul>li.zntk { background: url(../images/know-233img4.jpg) no-repeat center top; } .zntk .know-233Ico>span { background-position: -550px -320px; } .know-233Ul>li.jxfw { background: url(../images/know-233img5.jpg) no-repeat center top; margin-right: 0; } .jxfw .know-233Ico>span { background-position: -620px -320px; } .know-233wx { padding-top: 16px } .know-233wx .mod-titCom { border-bottom: 0; margin-top: 0px; } .know-233Ul { margin-right: -10px; } .know-233Ul>li { float: left; width: 262px; height: 387px; margin-right: 20px; background: url(../images/sk-bg1.png) no-repeat center top; position: relative; overflow: hidden; } .know-233Ul>li.zxdy { background: url(../images/sk-bg2.png) no-repeat center top; } .know-233Ul>li.kcdy { background: url(../images/sk-bg3.png) no-repeat center top; } .know-233Ul>li.zntk { background: url(../images/sk-bg4.png) no-repeat center top; } .know-233Ul>li.jxfw { background: url(../images/sk-bg5.png) no-repeat center top; } .know-233Ul>li>a { display: block; width: 100%; height: 100%; position: relative; } .know-233Cont { position: absolute; top: 0; letter-spacing: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; } .know-233Mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(28, 119, 255, 0.6); transition: .4s; } .know-233Ico { position: absolute; top: 100px; left: 0; width: 100%; transition: .4s; } .know-233Ico>span { display: block; width: 80px; height: 65px; margin: 0 auto; background: url(../images/pick1.png) no-repeat center center; } .zxdy .know-233Ico>span { height: 72px; background: url(../images/pick2.png) no-repeat center center; } .kcdy .know-233Ico>span { width: 75px; height: 75px; background: url(../images/pick3.png) no-repeat center center; } .zntk .know-233Ico>span { width: 78px; height: 69px; background: url(../images/pick4.png) no-repeat center center; } .jxfw .know-233Ico>span { width: 67px; height: 67px; background: url(../images/pick5.png) no-repeat center center; } .know-233Tit { position: absolute; top: 190px; left: 0; width: 100%; font-size: 21px; color: #fff; height: 28px; line-height: 28px; overflow: hidden; text-align: center; transition: .4s; font-weight: lighter; } .know-233Line { position: absolute; top: 256px; left: 50%; width: 80px; height: 2px; margin-left: -40px; /* background: url(../images/ico-homebg.png) no-repeat -700px -120px; */ background-color: #fff; transition: .4s; } .know-233Info { position: absolute; top: 440px; left: 0; width: 100%; text-align: center; transition: .4s; } .know-233Tip { font-size: 16px; line-height: 22px; color: #fff; } .know-233More { display: block; line-height: 30px; width: 105px; height: 30px; border-radius: 15px; border: solid 1px #ffffff; text-align: center; font-size: 17px; color: #fff; margin: 28px auto; font-style: normal; } .mod-titCom-lt { font-size: 20px; color: #000; font-weight: lighter; border-radius: 100px; } .know-233More .jt { display: inline-block; *display: inline; zoom: 1; width: 7px; height: 11px; background: url(../images/ico-homebg.png) no-repeat -760px -120px; vertical-align: middle; margin-top: -2px; margin-left: 8px; } .know-233More:hover { background-color: #408cff } .know-233Ul>li:hover .know-233Mask { opacity: .6; filter: alpha(opacity=60); } .know-233Ul>li:hover .know-233Ico { top: -75px; } .know-233Ul>li:hover .know-233Tit { top: 86px; } .know-233Ul>li:hover .know-233Line { top: 136px; } .know-233Ul>li:hover .know-233Info { top: 158px; } #courseCar { width: 100%; height: 100%; } #courseCar .swiper-wrapper { /* 通过改变animation-timing-function 制作Ҏ切换效?*/ transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s; } #courseCar .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; */ } .contentWrap { width: 571px; /* height: 400px; */ /* background-color: rgba(100, 148, 237, 0.116); */ margin-bottom: 19px; } .contentWrap-new { width: 571px; margin-bottom: 7px; } .cont-one { width: 571px; /* height: 139px; */ /* background-color: rgba(198, 100, 237, 0.116); */ } .cont-one-top { height: 19px; width: 100%; /* display: flex; */ justify-content: space-between; margin-bottom: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cont-one-top span { font-family: MicrosoftYaHei-Bold; font-size: 18px; line-height: 19px; color: #1c77ff; font-weight: 600; cursor: pointer; } .cont-one-top span>a { font-family: MicrosoftYaHei-Bold; font-size: 20px; line-height: 19px; color: #1c77ff; font-weight: 600; cursor: pointer; margin-right: 25px; } /* .cont-one-top span:hover { text-decoration: underline; } */ .cont-one-top span>a:hover { text-decoration: underline; } .cont-one-bottom { width: 100%; height: 15px; /* background-color: rgba(220, 20, 60, 0.158); */ display: flex; margin-bottom: 13.5px; } .cont-new-bottom { display: flex; } .bottom-one-right { display: flex; justify-content: left; width: 572px; } /* .cont-one-bottom span { font-family: MicrosoftYaHei; font-size: 14px; line-height: 15px; color: #666; display: block; margin-right: 16px; } */ .cont-one-bottom a { font-family: MicrosoftYaHei; font-size: 16px; line-height: 15px; color: #666; display: block; margin-right: 25px; } .cont-one-bottom a:hover { color: #1c77ff; } .cont-one-bottom span:hover { color: #1c77ff; } .bottom-one { width: 40px; height: 15px; border-right: 1px #e6e6e6 solid; margin-right: 6px; line-height: 15px; } .bottom-one>a { width: 45px; height: 15px; /* border-right: 1px #e6e6e6 solid; */ /* margin-right: 16px; */ line-height: 15px; } .bottom-one1 { border-right: none; } .bottom-one1>a { border-right: none; } .bottom-two { height: 15px; } .bottom-two>a { height: 15px; } .bottom-three { height: 15px; } .bottom-three>a { height: 15px; } .bottom-four { height: 15px; } .bottom-four>a { height: 15px; } .bottom-five { height: 15px; } .bottom-five>a { height: 15px; } .cont1 { width: 93px; height: 100%; } .lbWrap { display: flex; border: solid 1px #e5e5e5; } .cont2 { width: 330px; height: 100%; } .cont2-1 { width: 100%; height: 51px; /* background-color: rgba(169, 169, 169, 0.336); */ padding-top: 18px; } .cont2-1 p { font-family: MicrosoftYaHei; font-size: 14px; line-height: 14px; color: #666; text-align: left; } .cont2-2 { width: 100%; height: 60px; display: flex; justify-content: space-between; } .cont2-2-l { width: 230px; } .teaInfoWrap, .datWrap { display: flex; justify-content: left; margin-bottom: 10px; } .cont2-2-l>div span { font-family: MicrosoftYaHei; font-size: 12px; line-height: 14px; color: #666666; } .cont2-2-r { width: 107px; cursor: pointer; } .circleWrap { width: 54px; height: 54px; background-color: #e6e6e6; border-radius: 27px; margin-top: 19px; /* margin-left: 19px; */ margin-left: 26px; margin-bottom: 9px; overflow: hidden; } .freely { width: 39px; height: 18px; background-color: #cce0ff; border-radius: 9px; margin-left: 34px; } .freely p { font-family: MicrosoftYaHei; font-size: 12px; line-height: 18px; color: #1c77ff; text-align: center; } .theWay { height: 14px; border-right: #e6e6e6 1px solid; padding-right: 10px; margin-right: 10px; } .theWay1 { height: 14px; border-right: none; margin-right: 17px; } .nowContact { display: block; width: 81px; height: 30px; background-color: #1c77ff; border-radius: 15px; margin-top: 10px; font-family: MicrosoftYaHei; font-size: 14px; line-height: 30px; color: #fffefe; text-align: center; } body { padding: 0; margin: 0; font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 14px; color: #666; } .container { width: 668px; margin: 0 auto; position: relative; } .container:after { content: ''; display: block; clear: both; } .container>div { float: left; } .container .logo { width: 100%; height: 120px; margin: 0 auto 10px; background-position: center; background-repeat: no-repeat; background-size: auto 120px; } .container .input { position: relative; width: 568px; height: 42px; border-right: none; border-radius: 4px 0 0 4px; } .container .input01 { width: 300px; } .container .input>input { outline: none; border: none; margin-left: 101px; height: 41px; width: 240px; color: #666; font-size: 14px; border-radius: 4px 0 0 4px; } #search-input { outline: none; border: none; margin-left: 101px; height: 41px; width: 240px; color: rgba(51, 51, 51, 0.76); font-size: 14px; border-radius: 4px 0 0 4px; } #contain { width: auto; } .container .input>input::-webkit-input-placeholder { color: #999; } #button-copy { border: none; width: 100px; height: 42px; position: absolute; top: 0; right: -100px; } #button-copy1 { border: none; width: 100px; height: 42px; position: absolute; top: -11px; right: -122px; cursor: pointer; z-index: 100; } .container #search-input { color: #999; } .container .input .picker, .container .input .picker01 { width: 85px; position: absolute; top: 8px; left: 0; height: 25px; text-align: right; background-position: 50px center; background-repeat: no-repeat; user-select: none; border-right: 1px solid #b4b2b3; text-align: center; line-height: 25px; font-family: AlibabaPuHuiTi-Regular; font-size: 16px; color: #666; cursor: pointer; } .container .input .picker01 { text-align: center; line-height: 39px; font-size: 16px; color: #fff; cursor: pointer; } .container .input .picker p, .container .input .picker01 p { text-align: center; line-height: 25px; font-family: AlibabaPuHuiTi-Regular; font-size: 16px; color: #666; cursor: pointer; } .container .input .picker img, .container .input .picker01 img { margin-left: 8px; cursor: pointer; } .container .input .picker-list { list-style: none; padding: 5px 0; width: 85px; position: absolute; left: -1px; top: 41px; margin: 0; line-height: 26px; font-size: 12px; background-color: #fff; display: none; border: solid 1px #1a76ff; border-top: none; } .container .input .picker-list01 { list-style: none; padding: 5px 0; width: 85px; position: absolute; left: -1px; top: 41px; margin: 0; line-height: 26px; font-size: 12px; background-color: #f0f6ff; display: none; border: solid 1px #1a76ff; border-top: none; } .picker-list01 { transition: all ease-in-out .75s; height: 108px; display: block; } .container .input .picker-list>li, .container .input .picker-list01>li { padding-left: 30px; background-position: 10px center; background-repeat: no-repeat; background-size: 16px auto; font-family: AlibabaPuHuiTi-Regular; font-size: 16px; /* color: #1c77ff; */ background-color: #f0f6ff; color: #666; } .container .input .picker-list>li { padding-left: 18px; background-position: 10px center; background-repeat: no-repeat; background-size: 16px auto; font-family: AlibabaPuHuiTi-Regular; font-size: 16px; /* color: #1c77ff; */ background-color: #fff; color: #666; } .container .input .picker-list>li:hover { cursor: pointer; background: url(../images/gradient.png) left top no-repeat; background-size: cover; /* color: #1c77ff; */ } .container .input .picker-list01>li:hover { cursor: pointer; /* background: url(../images/gradient.png) left top no-repeat; background-size: cover; */ color: #1c77ff; } .container .input .hot-list { padding: 10px 0; width: 100%; position: absolute; left: 0; top: 50px; margin: 0; line-height: 32px; font-size: 14px; border-radius: 2px; box-shadow: 0 1px 5px rgba(0, 0, 0, .2); background-color: #fff; display: none; } .container .input .hot-list>a { display: block; color: #666; text-decoration: none; padding: 0 10px; overflow: hidden; } .container .input .hot-list>a:hover { background-color: #f3f3f3; } .container .input .hot-list>a>div { float: left; } .container .input .hot-list>a>div.number { text-align: center; width: 40px; } .container .search { width: 100px; height: 42px; background-color: #08f; background-position: center; background-repeat: no-repeat; cursor: pointer; } .search p { text-align: center; font-family: AlibabaPuHuiTi-Regular; font-size: 16px; line-height: 42px; color: #fefefe; } .container .input .picker01 { width: 184px; background-color: #1c77ff; height: 39px; top: 0; border: none; position: relative; } .container .input .picker01 p { line-height: 39px; font-family: MicrosoftYaHei; font-size: 16px; color: #fff; text-align: center; } .container .input .picker01 .picker-img { margin-left: 26px; } .container .input .picker-list01 { width: 183px; top: 39px; } .container .input01>input { margin-left: 198px; } #guanZong, #daGang { color: #e4393c; } #guanZong a, #daGang a { font-family: MicrosoftYaHei-Bold; font-size: 20px; line-height: 19px; font-weight: 600; cursor: pointer; color: #e4393c; margin-right: 12px; } #gkkWrap { color: #00a8ff;font-weight: 600; display: flex; } #gkkWrap1 { color: #e4393c;font-weight: 600 } .gkkWrap-span { display: inline-block; width: 5px; height: 16px; background-color: #00a8ff; margin-right: 6px; margin-top: 7px; } .form-two { position: absolute; top: 8px; left: 200px; } .form-two>input { font-size: 14px; color: #666; } /* C品质 */ .skpz{ background: url(/statics/mbaindex/images/skpz.png) no-repeat center center; height: 300px; background-position: center; } 99视频在线精品免费_亚洲乱码一区二三四区ava_mm1313亚洲国产精品无码_色偷偷91综合久久噜噜噜
  • <progress id="xufy2"><code id="xufy2"></code></progress>
    <acronym id="xufy2"><address id="xufy2"><label id="xufy2"></label></address></acronym>

      <ruby id="xufy2"><table id="xufy2"></table></ruby>

      <track id="xufy2"><i id="xufy2"><tbody id="xufy2"></tbody></i></track>
      <progress id="xufy2"><u id="xufy2"></u></progress>