/*公共样式*/ /* @import url("font_920228_2xgjudr9il9.css"); */ @import url("font_920228_6ubsv5b4jyg.css"); .swiper-container > .swiper-slide { min-height: 1px; } .member_head { background-color: #FFFFFF; } .member_head > .new_head > .header-top { height: 45px; background-color: #fafbfc; } .member_head > .new_head > .header-top > .header-box > .marqu { float: left; font-size: 14px; line-height: 45px; color: #666; } .member_head > .new_head > .header-top > .header-box > .marqu > span { color: #666; } .member_head > .new_head > .header-top > .header-box > .marqu > span > a { color: #666; } .member_head > .new_head > .header-top > .header-box > .marqu > h1 { color: #666; } .member_head > .new_head > .header-top > .header-box > .marqu > .title-s { height: 45px; line-height: 45px; } .member_head > .new_head > .header-top > .header-box > .marqu > .title-s > .qxlogo { margin-top: 9px; } .member_head > .new_head > .header-top > .header-box > .marqu > .title-s > a > .qxlogo { margin-top: 9px; } .member_head .header-top .header-box hgroup .a-l a { color: #6d6d6d; font-size: 14px; } .member_head .header-top .header-box hgroup .a-l a > .icon-liuyan { vertical-align: middle; } .member_head > .new_head > .header-body { height: 100px; } .member_head > .new_head > .header-body > .header-logo { width: 140px; float: left; margin-top: 19px; } .member_head > .new_head > .header-body > .header-logo > a { display: block; } .member_head > .new_head > .header-body > .header-logo img { width: 100%; } .member_head > .new_head > .header-body > .new_nav { width: 550px; float: left; margin: 25px 30px 0 30px; } .member_head > .new_head > .header-body > .new_nav > .width_main { width: 100% !important; } .member_head > .new_head > .header-body > .new_nav > .width_main > ul > li { width: auto; margin: 0px 16px; float: left; text-align: center; line-height: 50px; white-space: nowrap; overflow: hidden; height: 51px; } .member_head > .new_head > .header-body > .new_nav > .width_main > ul > li:hover > a { color: #158eec; } .member_head > .new_head > .header-body > .new_nav > .width_main > ul > li > a { font-size: 16px; color: #333; } .member_head > .new_head > .header-body > .member_search { width: 220px; float: left; margin-right: 40px; height: 40px; line-height: 40px; background-color: #f3f5f7; border-radius: 5px; padding: 0 20px; margin-top: 30px; } .member_head > .new_head > .header-body > .member_search > form > input { height: 30px; line-height: 30px; background: transparent; } .member_head > .new_head > .header-body > .member_search > form > button { background: transparent; border: none; cursor: pointer; outline: none; } .member_head > .new_head > .header-body > .member_search > form > button > i { font-size: 18px; color: #858992; font-weight: bold; } .member_head > .new_head > .header-body .member_tel { width: 190px; float: left; margin-top: 25px; } .member_head > .new_head > .header-body .member_tel > p { font-size: 22px; font-weight: bold; color: #5f6266; margin-bottom: 5px; } .member_head > .new_head > .header-body .member_tel > p > i { background-color: #f5364c; color: #ffffff; width: 27px; height: 27px; display: inline-block; line-height: 27px; text-align: center; border-radius: 50%; font-weight: normal; vertical-align: 5px; margin-right: 4px; } .member_head > .new_head > .header-body .member_tel > span { font-size: 14px; color: #7d8389; } .member_head > .new_head > .header-body .member_tel > p > a { color: #f5364c; font-size: 20px; } .huiyuan_banner { position: relative; } .huiyuan_banner > .jieshao { position: absolute; bottom: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; text-align: center; height: 60px; line-height: 60px; color: #FFFFFF; font-size: 16px; } .huiyuan_banner > .jieshao > div { display: inline-block; } .new_daohang { width: 100%; border-bottom: 1px solid #e4e9ed; background-color: #F5F7FA; } .new_daohang > .qx-class-nav { width: 1200px; margin: 0 auto; position: relative; height: 60px; overflow: hidden; padding-right: 49px; } .new_daohang > .qx-class-nav > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 0; padding: 0; height: 30px; line-height: 30px; border: none; margin: 15px 0; width: auto; padding: 0 12px; font-size: 16px; color: #333; border-radius: 5px; display: inline-block; text-align: center; } .new_daohang > .qx-class-nav > a:hover { background-color: #068bf2; color: #FFFFFF; } .new_daohang > .qx-class-nav > .more { position: absolute; top: 0; right: -4px; font-size: 16px; color: #4d5155; margin-top: 15px; cursor: pointer; height: 30px; line-height: 30px; display: none; } .new_daohang > .qx-class-nav > .more > i { font-size: 20px; color: #000000; vertical-align: middle; display: inline-block; } .new_daohang > .qx-class-nav > .more.rotation > i { transform: rotate(180deg); } .footer_ph { padding-bottom: 15px; margin-top: 40px; } .footer_ph > .foot-link { font-size: 0; border-bottom: 1px solid lightgray; } .footer_ph > .foot-link li { display: inline-block; cursor: pointer; width: auto; height: 40px; font-size: 18px; font-weight: bold; color: #666; margin-right: 35px; font-weight: normal; position: relative; } .footer_ph > .foot-link li.on { color: #FF5400; font-weight: bold; border: none; } .footer_ph > .foot-link li.on:before { content: ''; width: 22px; height: 3px; background-color: #ff5e48; position: absolute; left: 25px; bottom: 6px; } .footer_ph > .foot-link li .iconfont { font-size: 18px; margin-right: 5px; display: none; } .footer_ph > .foot-link-content ul { overflow: hidden; padding-top: 0px; padding-bottom: 25px; display: none; margin-top: 20px; } .footer_ph > .foot-link-content ul:nth-of-type(1) { display: block; } .footer_ph > .foot-link-content ul > p { font-size: 16px; color: #585858; line-height: 30px; } .footer_ph > .foot-link-content ul li { margin-right: 10px; display: inline-block; margin-top: 0px; border-radius: 15px; margin-bottom: 15px; padding: 5px 0; } .footer_ph > .foot-link-content ul li a { text-align: left; display: block; height: 100%; font-size: 16px; color: #333; display: block; border: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0; } .footer_ph > .foot-link-content ul li:hover a { color: #FF5400; border: none; text-decoration: none !important; } .footer_ph > .class-list-foot .foot-link > span:nth-child(even) { margin-right: -44px; } .footer_ph > .foot-link-content ul.zhankai { height: auto !important; } .recommend-class { font-size: 24px; font-weight: normal; height: 24px; line-height: 21px; border-left: 5px solid #ff3f5a; padding-left: 15px; color: #fd486f; margin-top: 0px; } .r_title { width: 282px; position: absolute; right: 0; top: 0px } .r_title > ul > li { margin-left: 18px; border-left: 7px solid #0090f5; padding-left: 10px; position: absolute; width: 246px; z-index: 9; height: 18px; line-height: 18px; } .r_title > ul > li.li01 { top: 15px; left: 0; } .r_title > ul > li > span { font-size: 18px; color: #0090f5; } .r_title > ul > li > span > a { float: right; display: inline-block; font-size: 14px; color: #99a1a8; } .current-location { height: 38px; line-height: 38px; background-color: #f7f9fb; } .current-location > p { font-size: 16px; color: #333; } .current-location > p > a { font-size: 16px; color: #333; } /*咨询框*/ .class_zixun { height: 368px; padding: 20px 15px; background: url(../images/ly_bg.jpg) no-repeat center center; background-size: 100%; } .class_zixun > span { display: block; text-align: center; font-size: 26px; color: #FFFFFF; } .class_zixun > i { display: block; width: 20px; height: 4px; background-color: #f2445d; margin: 20px auto; } .class_zixun > p { text-align: center; font-size: 14px; color: #b4b9c1; line-height: 30px; margin-bottom: 20px; } .class_zixun > form > p { border-radius: 5px; margin-bottom: 14px; } .class_zixun > form > p > input { background-color: #FFFFFF; height: 40px; line-height: 40px; padding-left: 20px; width: 100%; border-radius: 5px; } .class_zixun > form > #sub { background-color: #f2445d; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #FFFFFF; border-radius: 5px; cursor: pointer; } /*右侧悬浮*/ .side_fix { width: 86px; position: fixed; left: 0; top: 32%; background-color: #068BF2; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 999; } .side_fix > ul > li > a { display: block; padding-top: 5px; } .side_fix > ul > li { height: 80px; border-bottom: 1px solid #e5eaee; cursor: pointer; transition: all 0.1s linear; position: relative; } .side_fix > ul > li.zixun { background: #FF3F5A; margin-top: -80px; width: 100% !important; } .side_fix > ul > li.zixun > a { background: transparent; padding: 0px; padding-top: 5px; } .side_fix > ul > li.zixun > a > i { color: #fff; } .side_fix > ul > li.phone > a > i { color: #fff; } .side_fix > ul > li:hover { background-color: #fff; } .side_fix > ul > li:hover > a > span { color: #068BF2; } .side_fix > ul > li:hover > a > i { color: #068BF2; } .side_fix > ul > li.zixun:hover { background: #FF3F5A; } .side_fix > ul > li.zixun:hover > a > span { color: #fff; } .side_fix > ul > li.zixun:hover > a > i { color: #fff; } .side_fix > ul > li:last-child { border: none; } .side_fix > ul > li > a > span { font-size: 16px; color: #fff; display: block; text-align: center; } .side_fix > ul > li > a > i { display: block; font-size: 30px; text-align: center; margin: 5px 0; color: #fff; transition: all 0.1s linear; } .side_fix > ul > li.wx > .bg { position: absolute; top: -55px; left: 86px; width: 207px; display: none; } .side_fix > ul > li.wx > .bg > .content { width: 174px; height: 186px; border-radius: 5px; background-color: #FFFFFF; padding: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; } .side_fix > ul > li.wx > .bg > .content > .img > img { display: block; margin: 0 auto; } .side_fix > ul > li.wx > .bg > .content > span { display: block; text-align: center; margin-top: 10px; } .side_fix > ul > li.wx > .bg > .content:before { content: ''; width: 25px; height: 25px; background-color: #FFFFFF; display: block; position: absolute; top: 78px; left: -13px; transform: rotate(226deg); z-index: 99999; box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1); } .side_fix > ul > li.wx > .bg > .content > .qq_a_you { } .side_fix > ul > li.wx > .bg > .content > .qq_a_you > span { display: none; } .side_fix > ul > li.wx > .bg > .content > .qq_a_you > img { display: block !important; position: static !important; left: none; top: none; } .side_fix > ul > li.wx > .bg > .content > .qq_b_you { } .side_fix > ul > li.wx > .bg > .content > .qq_b_you > span { display: none; } .side_fix > ul > li.wx > .bg > .content > .qq_b_you > img { display: block !important; position: static !important; left: none; top: none; } .side_fix > ul > li.try > .bg { width: 360px; left: 86px; position: absolute; top: -54px; display: none; } .side_fix > ul > li.try > .bg > .content { background-color: #FFFFFF; width: 325px; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px; height: 100% !important; } .side_fix > ul > li.try > .bg > .content:before { content: ''; width: 25px; height: 25px; background-color: #FFFFFF; display: block; position: absolute; top: 78px; left: auto; left: -13px; transform: rotate(226deg); z-index: 99999; box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1); } .side_fix > ul > li.try > .bg > .content > .class_yuyue > span { display: block; color: #333; font-weight: 700; font-size: 18px; height: 50px; line-height: 50px; background: #f1f2f3; text-align: center; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form { padding: 15px; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > span { font-size: 14px; color: #333; display: inline-block; position: relative; padding-left: 10px; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > span:before { width: 3px; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #ff5858; content: ""; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > input { border: 1px solid #d8d8d8; height: 30px; line-height: 30px; border-radius: 5px; padding-left: 10px; width: 70%; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul { height: 20px; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul > li { text-indent: 28px; font-size: 12px; height: 20px; line-height: 18px; text-align: left; color: #666; width: 33.3%; float: left; background: #fff; border-bottom: none; margin-bottom: 10px; position: relative; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div { margin-bottom: 25px; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul { margin: 15px 0; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul > li.li01 { width: 30%; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul > li.active { color: #ff5858; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul > li.li02 { width: 24%; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul > li.li03 { width: 46%; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul > li > em { position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../images/fr-dea-icon.png) no-repeat !important; margin: 0 } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > div > ul > li.active > em { background: url(../images/fr-cho-icon.png) no-repeat !important; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > p > input { display: block; width: 100%; height: 40px; font-size: 14px; color: #666; line-height: 40px; text-align: center; border: 1px solid #d8d8d8; } .side_fix > ul > li.try > .bg > .content > .class_yuyue > form > #sub { width: 100%; height: 40px; border-radius: 5px; background: #ff5858; color: #fff; text-align: center; line-height: 40px; font-size: 14px; margin: 18px auto; cursor: pointer; } .side_fix > ul > li.phone > .bg { width: 260px; left: 86px; position: absolute; top: 0px; display: none; } .side_fix > ul > li.phone > .bg > .content { width: 230px; background-color: #FFFFFF; padding: 13px 20px; border-radius: 5px; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); height: 100%; } .side_fix > ul > li.phone > .bg > .content:before { content: ''; width: 20px; height: 20px; background-color: #FFFFFF; display: block; position: absolute; top: 41px; left: auto; left: -10px; transform: rotate(226deg); z-index: 99999; box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1); } .side_fix > ul > li.phone > .bg > .content > p { font-size: 22px; font-weight: bold; color: #5f6266; margin-bottom: 5px; } .side_fix > ul > li.phone > .bg > .content > p > i { background-color: #f5364c; color: #ffffff; width: 27px; height: 27px; display: inline-block; line-height: 27px; text-align: center; border-radius: 50%; font-weight: normal; vertical-align: 5px; margin-right: 4px; } .side_fix > ul > li.phone > .bg > .content > span { font-size: 14px; color: #7d8389; } .side_fix > ul > li.phone > .bg > .content > p > span { color: #000000; font-size: 20px; } .side_fix > ul > li > .bg > .content { float: right; } .side_fix > ul > li:hover > .bg { display: block; } /*会员首页*/ .member_index_box1 > .recommend-class { margin-left: 20px; } .member_index_box1 { position: relative; width: 1240px; margin: 45px auto; } .member_index_box1 > .member_index_box1_next { right: -27px; top: 60%; background: url(../images/member_r.png) no-repeat center center; background-size: 100%; width: 36px; height: 36px; } .member_index_box1 > .member_index_box1_prev { left: -27px; top: 60%; background: url(../images/member_l.png) no-repeat center center; background-size: 100%; width: 36px; height: 36px; } .member_index_box1 > .swiper-container { margin-top: 20px; padding: 0 20px; } .member_index_box1 > .swiper-container > .swiper-wrapper { padding: 10px 0; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide { position: relative; top: 0; transition: all .3s ease-out; width: 380px; margin-right: 30px; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div { margin-left: 0; width: 100%; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .div-first { width: 100%; height: 237px; margin-bottom: 0; overflow: hidden; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .title { background-color: #f2f4f7; padding: 15px; border: 1px solid #e5eaee; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .title > a > .fl { font-size: 16px; color: #000000; text-align: left; font-weight: bold; float: none; display: inline-block; width: 70%; height: 21px; overflow: hidden; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .title > a > span.fr { text-align: left; height: 33px; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .title > a > .fr > span { font-size: 14px; color: #7f8892; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .title > a > .fr > span:nth-child(2) { float: right; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .div-first > a { position: relative; display: block; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .div-first > a:before { content: "+"; position: absolute; top: 0; left: 0; font-size: 30px; color: #FFFFFF; width: 100%; height: 100%; display: block; background: rgba(26, 32, 44, 0.7); height: 237px; line-height: 237px; text-align: center; opacity: 0; transition: all .3s ease-out; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide:hover > div > .div-first > a:before { opacity: 1; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide:hover { top: -5px; box-shadow: 4px 4px 18px rgba(0, 0, 0, 0.1) } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .div-first > a > img { transition: all .3s ease-out; width: 100%; } .member_index_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > div > .div-first > a:hover > img { } .member_class_change { background-color: #F5F7FA; padding: 30px 0; } .member_class_change > div > .member_index_tab { border: none; } .member_class_change > div > .member_index_tab > .swiper-container > .swiper-wrapper { text-align: right; display: block; } .member_class_change > div > .member_index_tab > .swiper-container > .swiper-wrapper > .swiper-slide { text-align: right; width: auto; display: inline-block; margin-left: 45px; position: relative; } .member_class_change > div > .member_index_tab > .swiper-container > .swiper-wrapper > .swiper-slide > a { font-size: 16px; color: #666; display: inline-block; padding-bottom: 9px; } .member_class_change > div > .member_index_tab > .swiper-container > .swiper-wrapper > .swiper-slide.on > a { color: #068bf2; } .member_class_change > div > .member_index_tab > .swiper-container > .swiper-wrapper > .swiper-slide.on:after { content: ''; width: 30%; height: 3px; background-color: #068bf2; display: block; left: 35%; position: absolute; bottom: 0; } .member_class_change > .width_main { position: relative; } .member_class_change > .width_main > .recommend-class { position: absolute; top: 0; left: 0; color: #067ef2; border-color: #067ef2; } .member_class_change > .width_main > .recommend-class > .gdfl { display: none; } .member_class_change > div > .member_index_box2 { margin-top: 50px; } .member_class_change > div > .member_index_box2 > .swiper-container { overflow: visible; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper { width: 1224px; overflow: visible; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide { display: none; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li { width: 282px; float: left; margin-right: 24px; background-color: inherit; background-color: #ffffff; height: 273px; margin-bottom: 28px; border-radius: 5px; overflow: hidden; position: relative; top: 0; transition: all 0.3s linear; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a { display: block; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > .div-img { position: relative; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover { top: -5px; box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2); } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .div-img { position: relative; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .div-img:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; transition: all 0.3s linear; opacity: 0; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > .div-img:before { opacity: 1; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > .div-text > span { color: #068bf2; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .div-img { height: 179px; float: none; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .div-img > img { display: block; width: 100%; height: 100%; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .div-text { display: block; float: none; padding: 20px; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .div-text > span { display: block; font-size: 16px; color: #000000; font-weight: 600; height: 30px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .div-text > p { display: block; float: left; color: #666; font-size: 14px; margin-top: 8px; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .div-text > p:nth-child(2) { float: right; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide .div_more { width: 1200px; text-align: center; margin-top: 30px; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide .div_more:hover > a { color: #a4adb9; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide .div_more > a { color: #666; font-size: 16px; height: 16px; line-height: 16px; } .member_class_change > div > .member_index_box2 > .swiper-container > .swiper-wrapper > .swiper-slide .div_more > a > i { margin-left: 5px; vertical-align: -1px; font-weight: bold; } .member_index_box3 { padding: 65px 0; width: 1200px; margin: 0 auto; } .member_index_box3 > .left { width: 712px; float: left; margin-right: 58px; } .member_index_box3 > .left > .contact-more { margin-top: 25px; border-top: 1px solid #dde1e8; padding-top: 25px; } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide { width: 226px; margin-right: 17px; } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide > a > div { width: 226px; height: 141px; position: relative; overflow: hidden; } .new_daohang > .qx-class-nav > .tit { display: inline-block; height: 60px; line-height: 60px; float: left; background: #ff3f5a; padding: 0px 17px; margin-right: 10px; } .new_daohang > .qx-class-nav > .tit > span { color: #fff; } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide > a > div:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 1px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; visibility: visible; background: none; } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide > a > div:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; visibility: visible; } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide > a:hover > div > img { transform: scale(1.02, 1.02); } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide > a:hover > div:before { opacity: 1; top: 55px } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide > a:hover > div:after { opacity: 1; } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide > a > div > img { width: 100%; height: 100%; transition: all 0.3s linear; } .member_index_box3 > .left > .contact-more > .swiper-container > .swiper-wrapper > .swiper-slide > a > p { color: #64676c; font-size: 16px; margin-top: 8px; } .member_index_box3 > .left > .up > div > .img { width: 220px; float: left; padding-top: 25px; padding-right: 21px; } .member_index_box3 > .left > .up > div > .img img { max-width: 100%; } .member_index_box3 > .left > .up > div > .school_intro { width: 492px; float: left; color: #666; font-size: 16px; line-height: 25px; } .member_index_box3 > .left > .up > div > .school_intro > span { display: block; font-size: 24px; font-weight: bold; color: #000000; margin-bottom: 20px; } .member_index_box3 > .left > .up > div > .school_intro > a { color: #3c3d3f; font-weight: bold; margin-left: 5px; } .member_index_box3 > .left > .up > div > .school_intro > a:hover { color: #7a7c82; } .member_index_box3 > .right { width: 430px; float: left; } .member_index_box3 > .right > .recommend-class { color: #067ef2; border-color: #067ef2; } .member_index_box3 > .right > .xxjj_3 { margin-top: 30px; height: 300px; overflow-y: auto; line-height: 30px; } .member_index_box3 > .right > .xxjj_3 span { background: transparent !important; } .member_index_box3 > .right > .xxjj_3 span, .member_index_box3 > .right > .xxjj_3 div, .member_index_box3 > .right > .xxjj_3, .member_index_box3 > .right > .xxjj_3 strong { line-height: 25px; font-size: 16px !important; color: #666 !important; } .member_index_box3 > .right > .xxjj_3 > p { line-height: 25px; font-size: 16px; color: #666; margin-bottom: 10px; } .member_index_box3 > .right > .detail_p { display: none; } .member_index_box3 > .right > .xxjj_3::-webkit-scrollbar { width: 14px; height: 14px; } .member_index_box3 > .right > .xxjj_3::-webkit-scrollbar-track, .member_index_box3 > .right > .xxjj_3::-webkit-scrollbar-thumb { border-radius: 999px; border: 5px solid transparent; } .member_index_box3 > .right > .xxjj_3::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset; } .member_index_box3 > .right > .xxjj_3::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset; } .member_index_box3 > .right > .xxjj_3::-webkit-scrollbar-corner { background: transparent; } .member_index_box5 { background-color: #F5F7FA; padding: 50px 0 15px 0; } .member_index_xiaoqu { width: 732px; float: left; margin-right: 78px; } .member_index_box4 { width: 390px; height: 400px; float: left; background-color: #FFFFFF; padding: 20px; margin-top: 57px; } .member_index_box4 > .tit { margin-bottom: 20px; position: relative; } .member_index_box4 > .tit > ul > li { display: block; float: left; font-size: 20px; color: #64676c; margin-right: 40px; position: relative; cursor: pointer; top: 0 !important; } .member_index_box4 > .tit > ul > li.active { color: #4574c2; } .member_index_box4 > .tit > ul > li.active:before { content: ''; width: 24px; height: 5px; background-color: #2775f7; position: absolute; bottom: -12px; left: 9px; border-radius: 5px; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a { display: block; border-top: 1px solid #e2e6eb; padding: 22px 0; position: relative; padding-left: 20px; transition: all 0.3s linear; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:nth-child(1) { border: none; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:hover { box-shadow: 0 8px 35px rgba(0, 0, 0, .08); padding-left: 25px; border-color: #FFFFFF; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:hover > .img { left: 10px; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:hover > .fr { left: 10px; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:hover:before { left: 18px; background-color: #2775f7; border-color: #2775f7; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #7b8b9b; border: 1px solid #7b8b9b; top: 46%; left: 0px; visibility: visible; transition: all 0.3s linear; } .member_index_box4 > .swiper-container { overflow: visible; } .member_index_box4 > .swiper-container > .swiper-wrapper { overflow: visible; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a > .fr { float: none; position: relative; transition: all 0.3s linear; left: 0; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a > .fr > div { color: #92969d; font-weight: normal; font-size: 16px; -webkit-line-clamp: 1; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a > .fr > span { display: none; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a > .img { display: none; position: relative; transition: all 0.3s linear; left: 0; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:nth-child(1) > .img { width: 110px; height: 67px; float: left; margin-right: 20px; display: none; overflow: hidden; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:nth-child(1) > .img > img { width: 100%; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:nth-child(1) > .fr { width: 220px; float: left; } /*.member_index_box4>.swiper-container>.swiper-wrapper>.swiper-slide>a:nth-child(1):before{display: none;}*/ /*.member_index_box4>.swiper-container>.swiper-wrapper>.swiper-slide>a:nth-child(1){padding-left: 0;}*/ .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide > a:hover > .fr > div { color: #4574c2; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide { display: none; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { display: block; } .member_index_box4 > .swiper-container > .swiper-wrapper > .swiper-slide.active { display: block; } .member_index_xiaoqu > .schools > .swiper-container { display: none; } .member_index_xiaoqu > .schools > .schools-more { display: none; } .member_index_xiaoqu > .schools > .qx-title > .qx-class-title > .recommend-class { color: #0280f1; border-color: #0280f1; } .member_index_xiaoqu > .schools > .qx-title > .qx-class-p { display: none; } .member_map { margin-top: 22px; } .member_map > .box { position: relative; padding-top: 58px; width: 100%; height: 452px; } .member_map > .box > span { position: absolute; top: 0; left: 0; color: #8a8e92; font-size: 16px; display: block; height: 40px; line-height: 40px; } .member_map > .box > span.member_list_tit { left: 60px; line-height: 40px; padding: 0px 20px; border: 1px solid #ccc; background: #fff; padding-right: 40px; width: 218px; cursor: pointer; overflow: hidden; } .member_map > .box > .member_list { z-index: 99; position: absolute; left: 60px; top: 39px; border: 1px solid #ccc; display: none; background: #fff; width: 672px; height: 300px; overflow-y: auto; } .member_map > .box > span.member_list_tit::after { content: ""; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #bfbfbf; content: ""; position: absolute; width: 0; top: 17px; right: 12px; } .member_map > .box > .member_list > li { line-height: 40px; padding: 0px 5px; float: left; width: 33.33%; border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; padding-left: 18px; } .member_map > .box > .member_list > li:nth-child(3n) { border-right: none; } .member_map > .box > .member_list > li > a { color: #7b828b; font-size: 14px; } .member_map > .box > .member_list > li.active > a { color: red; } .member_map > .box > .member_list > li:hover > a { color: red; } .member_map > .box > .member_list::-webkit-scrollbar { width: 14px; height: 14px; } .member_map > .box > .member_list::-webkit-scrollbar-track, .member_map > .box > .member_list::-webkit-scrollbar-thumb { border-radius: 999px; border: 5px solid transparent; } .member_map > .box > .member_list::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset; } .member_map > .box > .member_list::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset; } .member_map > .box > .member_list::-webkit-scrollbar-corner { background: transparent; } .member_map > .box > .container { width: 100%; height: 348px; } /* 评论模块 */ .member_pinglun { background-color: #f3f6fb; padding-bottom: 50px; } .member_pinglun > .width_main { background-color: #FFFFFF; padding: 20px 20px 40px 20px; } .member_pinglun > .width_main > span { font-size: 24px; color: #0280f1; border-left: 5px solid #0280f1; height: 24px; line-height: 24px; display: block; padding-left: 9px; margin-bottom: 50px; } .member_pinglun > .width_main > ul.active > li { display: block; } .member_pinglun > .width_main > ul > li { border-bottom: 1px solid #f1f3ff; padding-bottom: 60px; position: relative; margin-bottom: 30px } .member_pinglun > .width_main > ul > li > div > .i_l { width: 45px; float: left; } .member_pinglun > .width_main > ul > li > div > .i_l > span { display: block; width: 45px; height: 45px; background-color: #068bf2; border-radius: 50%; text-align: center; line-height: 44px; font-size: 24px; color: #FFFFFF; } .member_pinglun > .width_main > ul > li:nth-child(n) > div > .i_l > span { display: block; width: 45px; height: 45px; background-color: #068bf2; border-radius: 50%; text-align: center; line-height: 44px; font-size: 18px; color: #FFFFFF; } .member_pinglun > .width_main > ul > li:nth-child(2n) > div > .i_l > span { display: block; width: 45px; height: 45px; background-color: #29CDCE; border-radius: 50%; text-align: center; line-height: 44px; font-size: 18px; color: #FFFFFF; } .member_pinglun > .width_main > ul > li:nth-child(3n) > div > .i_l > span { display: block; width: 45px; height: 45px; background-color: #FF8602; border-radius: 50%; text-align: center; line-height: 44px; font-size: 18px; color: #FFFFFF; } .member_pinglun > .width_main > ul > li > div > .i_r { width: 1045px; float: left; margin: 0 45px 0 25px; } .member_pinglun > .width_main > ul > li > div > .i_r > span { display: block; position: absolute; bottom: 18px; right: 45px; cursor: pointer; } .member_pinglun > .width_main > ul > li > div > .i_r > span > b { color: #f74c4c; position: absolute; right: 0; top: -14px; font-size: 14px; width: 70px; opacity: 1; transition: all 0.3s linear; } .member_pinglun > .width_main > ul > li > div > .i_r > span > i { font-size: 20px; color: #5892f2; } .member_pinglun > .width_main > ul > li > div > .i_r > span:hover > i { color: #f74c4c; } .member_pinglun > .width_main > ul > li > div > .i_r > span.date { font-size: 14px; color: #8a8e98; right: 140px; } .member_pinglun > .width_main > ul > li > div > .i_r > span > em { font-size: 14px; color: #8a8e98; font-style: normal; margin-left: 8px; } .member_pinglun > .width_main > ul > li > div > .i_r > .up > span { display: inline-block; } .member_pinglun > .width_main > ul > li > div > .i_r > .up > span > em { font-style: normal; } .member_pinglun > .width_main > ul > li > div > .i_r > .up > span.tel { color: #93979f; font-size: 14px; } .member_pinglun > .width_main > ul > li > div > .i_r > .up > .name { font-size: 16px; color: #62656b; margin-right: 50px; } .member_pinglun > .width_main > ul > li > div > .i_r > .up2 { margin-top: 4px } .member_pinglun > .width_main > ul > li > div > .i_r > .up2 > .rank { margin-right: 20px; } .member_pinglun > .width_main > ul > li > div > .i_r > .up2 > .rank > em { display: inline-block; width: 16px; height: 16px; background: url(../images/star2.png) no-repeat center center; margin-right: 4px; background-size: 100% 100%; vertical-align: -3px; } .member_pinglun > .width_main > ul > li > div > .i_r > .up2 > .rank > em.activeon { background-image: url(../images/star.png) } .member_pinglun > .width_main > ul > li > div > .i_r > .up2 > .pj > em { color: #7a7d84; margin-right: 20px; font-style: normal; font-size: 14px } .member_pinglun > .width_main > ul > li > div > .i_r > .up2 > .pj > em > b { font-weight: normal; } .member_pinglun > .width_main > ul > li > div > .i_r > .up2 > .date { float: right; font-size: 14px; color: #8a8e98; } .member_pinglun > .width_main > ul > li > div > .i_r > .down { font-size: 16px; color: #333844; line-height: 25px; margin-top: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } .member_pinglun > .width_main > .show_more { text-align: center; font-size: 16px; color: #abaeb6; cursor: pointer; display: none; } .member_pinglun > .width_main > .show_more:hover { color: #6a9ef3; } .member_pinglun > .width_main > .show_more > i { display: inline-block; margin-left: 10px; } .member_pinglun > .width_main > .show_more > i.rotation { transform: rotate(180deg); } .member_pinglun > .width_main > .show_bottom { text-align: center; font-size: 16px; color: #abaeb6; cursor: pointer; } /*学校简介*/ .member_introduce_box1 { background-color: #F5F7FA; padding: 50px 0; } .member_introduce_box1 > div > .fl { width: 900px; background-color: #ffffff; float: left; margin-right: 18px; padding: 26px; } .member_introduce_box1 > div > .fl > .recommend-class { border: none; padding-left: 0; color: #393f43; font-size: 24px; } .member_introduce_box1 > div > .fl > .school-p { margin-top: 30px; line-height: 36px; color: #667279 !important; text-align: justify; letter-spacing: 0.3px; } .member_introduce_box1 > div > .fl > .school-p > p { color: #667279 !important; margin-bottom: 20px; } .member_introduce_box1 > div > .fl > .school-p span, .member_introduce_box1 > div > .fl > .school-p div, .member_introduce_box1 > div > .fl > .school-p p { color: #667279 !important; } .member_introduce_box1 > div > .fl > .d-div-p4 { margin: 30px 0 48px 0; } .member_introduce_box1 > div > .fl > .d-div-p4 > p { font-size: 16px; color: #2f3234; font-weight: bold; display: inline-block; margin-right: 10px; } .member_introduce_box1 > div > .fl > .d-div-p4 > p > b > a { display: inline-block; background-color: #dfe8ff; padding: 5px 10px; border-radius: 5px; font-weight: normal; margin-left: 10px; color: #0078ff; } .member_introduce_box1 > div > .fl > .d-div-p4 > p > a { } .member_introduce_box1 > div > .fl > .d-div-p4 > p > .red { color: #ff0000; } .member_introduce_box1 > div .fr { width: 282px; float: left; } .member_introduce_box { background-color: #f6f6f6; } .swiper_member_introduce_in > .swiper-wrapper { display: block; } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide { margin-bottom: 20px; min-height: 1px; } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a { display: block; position: relative; } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a > p { position: absolute; bottom: 0px; left: 0px; color: #FFFFFF; width: 100%; padding: 8px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)) } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a > .img { height: 154px; overflow: hidden; } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a > .img > img { width: 100%; transition: all 0.3s linear; height: 100%; } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 2px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover > div > img { transform: scale(1.02, 1.02); } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover:before { opacity: 1; top: 63px } .swiper_member_introduce_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover:after { opacity: 1; } .member_introduce_box1 > div .fr { position: relative; } .member_introduce_box1 > div .fr > .swiper-container > .swiper-wrapper > .swiper-slide { background-color: #FFFFFF; padding: 60px 18px 30px 18px; margin-bottom: 30px; min-height: 1px; } .member_introduce_box1 > div .fr > .swiper-container > .swiper-wrapper { display: block; } .member_introduce_box1 > div .fr > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li { position: relative; padding-left: 15px; margin: 15px 0; } .member_introduce_box1 > div .fr > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; } .member_introduce_box1 > div .fr > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a { font-size: 14px; color: #99a1a8; } .member_introduce_box1 > div .fr > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover > a { color: #fb5772; } .member_introduce_box1 > div .fr > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover:before { background-color: #fb5772; border: 1px solid #fb5772; } .member_introduce_box1 > .width_main .fr > .tit > ul > li.li02 > span { color: #fb5772; } .member_introduce_box1 > .width_main .fr > .tit > ul > li.li02 { border-color: #fb5772; } #school-left > .tuijian > .class-loop1 > .bd { overflow: hidden; } #school-left > .tuijian > .class-loop1 > .bd > ul { width: 866px; } #school-left > .tuijian > .class-loop1 > .bd > ul > li { width: 210.5px; margin-right: 6px; float: left; } #school-left > .tuijian > .class-loop1 > .bd > ul > li:hover > .title > a > .fl { color: #3e8cf5; } #school-left > .tuijian > .class-loop1 > .bd > ul > li > .div-first > a { height: 132px; overflow: hidden; display: block; } #school-left > .tuijian > .class-loop1 > .bd > ul > li > .div-first > a > img { width: 100%; } #school-left > .tuijian > .class-loop1 > .bd > ul > li > .title > a > .fl { margin: 5px 0; color: #57595f; font-size: 16px; } #school-left > .tuijian > .class-loop1 > .bd > ul > li > .title > a > .fr { display: none; } #school-left > .tuijian > .stair { border: none; padding: 0; color: #000000; padding-bottom: 22px; height: 40px; border-bottom: 1px solid #dfe2e9; position: relative; margin-bottom: 30px; font-size: 20px; font-weight: bold; } #school-left > .tuijian > .stair:before { content: ''; width: 79px; height: 3px; background-color: #ff0505; position: absolute; bottom: -1px; left: 0; } /*校区详情*/ .article_school_box { background-color: #f5f7fa; } .article_school_box1 { position: relative; margin-bottom: 80px; } .article_school_box1 > .fl { width: 900px; float: left; margin-right: 18px; background-color: #FFFFFF; padding: 30px 24px; } .article_school_box1 > .fl > .area-title > h1 { color: #393f43; font-size: 32px; } .article_school_box1 > .fl > .area-text { margin-top: 50px; line-height: 30px; color: #666; } .article_school_box1 > .fl > .area-text > p { line-height: 30px; color: #666; margin-bottom: 10px; } .article_school_box1 > .article_school_box2 { width: 282px; float: left; position: relative; } .article_school_box2 > .swiper-container > .swiper-wrapper { display: block; } .article_school_box2 > .swiper-container > .swiper-wrapper .swiper-slide { background-color: #FFFFFF; margin-bottom: 25px; padding: 60px 18px 30px 18px; min-height: 1px; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li:nth-child(n+5) { display: none; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a { display: block; height: 154px; overflow: hidden; margin-bottom: 24px; position: relative; transition: all 0.3s linear; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > img { width: 100%; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-out; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div > div > p { display: none; color: #FFFFFF; font-size: 14px; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div > p { position: absolute; bottom: 0; left: 0; padding: 12px; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a:hover > div { background: rgba(21, 24, 28, 0.75); } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a:hover > div > p { bottom: 30px; background: none; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a:hover > div > div > p:nth-child(1) { display: block; position: absolute; bottom: 15px; left: 12px; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a { display: none; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul { margin-top: 10px; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover { background-color: #f9fafc; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover > a { color: #3e464b; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li { margin-bottom: 10px; position: relative; padding: 5px 0 5px 8px; border-radius: 5px; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a { display: block; color: #99a1a8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article_school_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #d6dce2; border: 1px solid #d6dce2; top: 46%; left: 2px; } .article_school_box2 > .tit > ul > .li01 > span { color: #fb5772; } .article_school_box2 > .tit > ul > .li01 { border-color: #fb5772; } .article_school_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > a > .fl { display: none; } .article_school_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > a > .fr { display: block; float: none; margin: 14px 0; } .article_school_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > a > .fr > p { font-size: 16px; color: #5f6267; font-weight: normal; padding-left: 20px; position: relative; } .article_school_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > a > .fr > p:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #5f6267; border: 1px solid #5f6267; top: 46%; left: 2px; } .article_school_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > a > .fr > p:hover { color: #0090f5; } .article_school_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > a > .fr > p:hover:before { background-color: #0090f5; boder-color: #0090f5; } .article_school_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > a > .fr > span { display: none; } /*校区列表*/ .member_school_box1 { margin: 40px auto 100px auto; position: relative; } .member_school_box1 .tit { width: 268px; } .member_school_box1 .tit > ul > li.li02 { border-color: #fb5772; } .member_school_box1 .tit > ul > li.li02 > span { color: #fb5772; } .member_school_box1 .fl { width: 864px; float: left; margin-right: 86px; } .member_school_box1 .fl > .recommend-class { font-size: 32px; color: #000000; padding-left: 0; border: none; margin: 10px 0 20px 0; } .member_school_box1 .fl > .class-news-ul { margin-top: 38px; } .member_school_box1 .fl > .class-news-ul > ul { width: 892px; } .member_school_box1 .fl > .class-news-ul > ul > li { width: 416px; float: left; height: 160px; border-radius: 10px; background-color: #f8fafc; margin-right: 30px; margin-bottom: 30px; position: relative; transition: all 0.3s linear; top: 0; } .member_school_box1 .fl > .class-news-ul > ul > li > a { display: block; padding: 20px; } .member_school_box1 .fl > .class-news-ul > ul > li > a > .title_p { color: #2f3337; font-size: 24px; padding-bottom: 25px; border-bottom: 1px solid #ccd2d7; position: relative; padding-left: 20px; transition: all 0.3s linear; } .member_school_box1 .fl > .class-news-ul > ul > li > a > .title_p:before { content: ''; width: 7px; height: 26px; background-color: #0090f5; position: absolute; top: 4px; left: 0; border-radius: 5px; } .member_school_box1 .fl > .class-news-ul > ul > li > a > .title_p:after { content: ''; width: 140px; height: 1px; background-color: #0090f5; position: absolute; bottom: -1px; left: 0; } .member_school_box1 .fl > .class-news-ul > ul > li > a > .new-list-div > .fr { float: none; color: #879098; font-size: 16px; margin: 28px 0; transition: all 0.3s linear; } .member_school_box1 .fl > .class-news-ul > ul > li > a > .new-list-div > .fr > p > i { margin-right: 15px; } .member_school_box1 .fl > .class-news-ul > ul > li > a > .new-list-div > .fr > span { display: block; color: #FFFFFF; font-size: 16px; border: 1px solid #FFFFFF; width: 136px; height: 32px; line-height: 32px; text-align: center; margin: 0 auto; transition: all 0.3s linear; } .member_school_box1 .fl > .class-news-ul > ul > li > a { } .member_school_box1 .fl > .class-news-ul > ul > li > a > .new-list-div > .fr > span { display: none; } .member_school_box1 .fl > .class-news-ul > ul > li:hover { background-image: linear-gradient(to right, rgba(69, 173, 248, 1), rgba(18, 113, 237, 1)); box-shadow: 0 0 10px rgba(35, 132, 241, 0.8); top: -3px; } .member_school_box1 .fl > .class-news-ul > ul > li:hover > a > .title_p { color: #FFFFFF; text-align: center; padding-left: 0; border: none; padding-bottom: 0; } .member_school_box1 .fl > .class-news-ul > ul > li:hover > a > .title_p:before { display: none; } .member_school_box1 .fl > .class-news-ul > ul > li:hover > a > .title_p:after { display: none; } .member_school_box1 .fl > .class-news-ul > ul > li:hover > a > .new-list-div > .fr > p { display: none; } .member_school_box1 .fl > .class-news-ul > ul > li:hover > a > .new-list-div > .fr > span { display: block; border-radius: 5px; } .member_school_box1 .tit { } .member_school_box1 > .swiper-container { width: 250px; float: left; } .member_school_box1 > guolv > .swiper-container { width: 250px; float: left; } .member_school_box1 .swiper-container > .swiper-wrapper { display: block; } .member_school_box1 .swiper-container > .swiper-wrapper > .swiper-slide { padding-top: 60px; min-height: 1px; margin-bottom: 25px; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide { min-height: 1px; margin-bottom: 23px; padding-top: 0 !important; } .swiper_member_school_in > .swiper-wrapper { display: block; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div { position: relative; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a { display: block; height: 156px; position: relative; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 1px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover > div > img { transform: scale(1.02, 1.02); } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover:before { opacity: 1; top: 63px } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover:after { opacity: 1; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a > div { width: 250px; height: 156px; overflow: hidden; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a > div > img { width: 100%; transition: all .3s ease-out; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a > p { position: absolute; padding: 10px; bottom: 0; left: 0; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .member_school_box1 .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li { margin: 15px 0; padding-left: 15px; position: relative; } .member_school_box1 .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; } .member_school_box1 .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a { font-size: 14px; color: #99a1a8; } .member_school_box1 .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover > a { color: #fb5772; } .member_school_box1 .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover:before { background-color: #fb5772; border: 1px solid #fb5772; } /*课程列表*/ .member_products_box1 > .recommend-class { font-size: 24px; color: #000000; padding-left: 0; border: none; margin: 10px 0 20px 0; } .member_products_box1 { width: 898px; float: left; margin-right: 52px; overflow: hidden; margin-top: 40px; } .member_products_box1 > .swiper-container { margin-top: 50px; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul { width: 918px; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li { width: 286px; float: left; margin-right: 20px; margin-bottom: 15px; position: relative; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > div:nth-child(1) { height: 179px; position: relative; overflow: hidden; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > div:nth-child(1):before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.35); opacity: 0; transition: all 0.3s ease-out; border-radius: 5px; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > div:nth-child(1):before { opacity: 1; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > div > img { width: 100%; border-radius: 5px; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .title > p { height: 50px; line-height: 25px; margin: 10px 0; font-size: 16px; color: #000000; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > .title > p { color: #068bf2; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .title > p.two { position: absolute; top: 130px; left: 0; color: #FFFFFF; width: 100%; opacity: 0; transition: all 0.3s ease-out; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > .title > p.two { opacity: 1; } .member_products_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .title > p.two > span { width: 50%; float: left; padding-left: 10px; } .member_products_box2 > .tit { width: 268px; } .member_products_box2 > .tit > ul > li.li02 { border-color: #fb5772; } .member_products_box2 > .tit > ul > li.li02 > span { color: #fb5772; } .member_products_box2 { width: 250px; float: left; position: relative; margin-top: 40px; } .member_products_box2 > .swiper-container > .swiper-wrapper { display: block; } .member_products_box2 > .swiper-container > .swiper-wrapper > .swiper-slide { padding-top: 60px; min-height: 1px; margin-bottom: 25px; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide { min-height: 1px; margin-bottom: 23px; } .swiper_member_products_in > .swiper-wrapper { display: block; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div { position: relative; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a { display: block; height: 156px; position: relative; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 2px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover > div > img { transform: scale(1.02, 1.02); } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover:before { opacity: 1; top: 63px } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover:after { opacity: 1; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a > div { width: 100%; height: 156px; overflow: hidden; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a > div > img { width: 100%; transition: all .3s ease-out; } .swiper_member_products_in > .swiper-wrapper > .swiper-slide > .img-div > a > p { position: absolute; padding: 10px; bottom: 0; left: 0; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .member_products_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li { margin: 15px 0; padding-left: 15px; position: relative; } .member_products_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; } .member_products_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a { font-size: 14px; color: #99a1a8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .member_products_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover > a { color: #fb5772; } .member_products_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover:before { background-color: #fb5772; border: 1px solid #fb5772; } .member_archives_box1 > .recommend-class { font-size: 32px; color: #000000; padding-left: 0; border: none; margin: 10px 0 20px 0; } .member_archives_box1 { width: 898px; float: left; margin-right: 52px; overflow: hidden; margin-top: 60px; } .member_archives_box1 > .swiper-container { margin-top: 50px; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul { width: 918px; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li { width: 286px; float: left; margin-right: 20px; margin-bottom: 15px; position: relative; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > div:nth-child(1) { height: 178px; position: relative; overflow: hidden; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > div:nth-child(1):before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.35); opacity: 0; transition: all 0.3s ease-out; border-radius: 5px; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > div:nth-child(1):before { opacity: 1; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > div > img { width: 100%; border-radius: 5px; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .title > p { height: 50px; line-height: 25px; margin: 10px 0; font-size: 16px; color: #000000; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > .title > p { color: #068bf2; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .title > p.two { position: absolute; top: 130px; left: 0; color: #FFFFFF; width: 100%; opacity: 0; transition: all 0.3s ease-out; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > .title > p.two { opacity: 1; } .member_archives_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .title > p.two > span { width: 50%; float: left; padding-left: 10px; } .member_archives_box2 > .tit { width: 268px; } .member_archives_box2 > .tit > ul > li.li02 { border-color: #fb5772; } .member_archives_box2 > .tit > ul > li.li02 > span { color: #fb5772; } .member_archives_box2 { width: 250px; float: left; position: relative; margin-top: 60px; } .member_archives_box2 > .swiper-container > .swiper-wrapper { display: block; } .member_archives_box2 > .swiper-container > .swiper-wrapper > .swiper-slide { padding-top: 60px; min-height: 1px; margin-bottom: 25px; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide { min-height: 1px; margin-bottom: 23px; } .swiper_member_archives_in > .swiper-wrapper { display: block; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div { position: relative; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a { display: block; height: 156px; position: relative; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 2px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover > div > img { transform: scale(1.02, 1.02); } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover:before { opacity: 1; top: 63px } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a:hover:after { opacity: 1; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a > div { width: 100%; height: 156px; overflow: hidden; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a > div > img { width: 100%; transition: all .3s ease-out; } .swiper_member_archives_in > .swiper-wrapper > .swiper-slide > .img-div > a > p { position: absolute; padding: 10px; bottom: 0; left: 0; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .member_archives_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li { margin: 15px 0; padding-left: 15px; position: relative; } .member_archives_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; } .member_archives_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a { font-size: 14px; color: #99a1a8; } .member_archives_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover > a { color: #fb5772; } .member_archives_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover:before { background-color: #fb5772; boder-color: #fb5772; } /*课程详情*/ .article_shop_box { background-color: #F5F7FA; } .article_shop_box > .new_daohang { display: none; } .class-name { max-width: 1920px; width: 100%; margin: 0 auto; background-color: #FFFFFF; padding: 30px 0; } .class-name > h1 { font-size: 32px; color: #32363d; font-weight: normal; width: 1200px; margin: 0px auto 30px auto; } .class-name > .class-name-body { margin: 30px 0; width: 1200px; margin: 0 auto; } .class-name > .class-name-body > .div-1 { width: 388px; float: left; margin-right: 68px; } .class-name > .class-name-body > .div-1 > img { width: 388px; height: 242px; } .class-name > .class-name-body > .div-2 { width: 326px; float: left; } .class-name > .class-name-body > .div-3 { width: 418px; float: left; } .class-name > .class-name-body > div > p { margin-bottom: 20px; } .class-name > .class-name-body > div > p > a > b { font-weight: normal; color: #9399a2; } .class-name > .class-name-body > div > p:nth-child(5) { position: relative; } .class-name > .class-name-body > div > p > .class_qq_a:hover > img { display: block !important; } .class-name > .class-name-body > div > p > .class_qq_b:hover > img { display: block !important; } .class-name > .class-name-body > div > p > #qq_a:hover > img { display: block !important; left: 86px !important; } .class-name > .class-name-body > div > p > #qq_b:hover > img { display: block !important; left: 86px !important; } .class-name > .class-name-body > div > p > span { color: #484c52; } .class-name > .class-name-body > div > p > i { font-size: 25px; color: #1bd77c; margin-right: 10px; vertical-align: middle; } .class-name > .class-name-body > div > p > b { color: #9399a2; font-weight: normal; font-size: 16px; } .class-name > .class-name-body > div > p > b > a { color: #fb5746 !important; font-weight: bold; } .class-name > .class-name-body > div > p > a { color: #fb5746; } .class-name > .class-name-body > div > p > span > span { color: #fb5746; } .class-name > .class-name-body > div > p > .span-3 { font-weight: bold; color: #fb5746; font-size: 20px; } .class-name > .class-name-body > div > p > .mobile { display: none; } .class-name-btn { /*width: 1200px;*/ /*margin: 0px auto 20px auto;*/ display: block !important; } .class-name-btn a { display: block; width: 225px; height: 50px; background-color: #fa7267; line-height: 50px; text-align: center; color: #FFFFFF !important; font-size: 16px; /*margin-left: 456px;*/ } .class-name > .class-name-body > .div-2 > p{ margin-bottom: 28px; } .class-name > .class-name-btn > a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .article_shop_box1 > .tit > ul > li.li03 { border-color: #fb5772; top: 0px !important; } .article_shop_box1 > .tit > ul > li.li03 > span { color: #fb5772; } .article_shop_box1 { padding: 50px 18px; background-color: #FFFFFF; margin: 40px auto !important; position: relative; padding-bottom: 0px; } .article_shop_box2 > .swiper-container { overflow: initial; min-height: 1242px; } .article_shop_box2 > .swiper-container > .swiper-wrapper { *zoom: 1; } .article_shop_box2 > .swiper-container > .swiper-wrapper:before, .article_shop_box2 > .swiper-container > .swiper-wrapper:after { clear: both; display: block; content: ""; height: 0; visibility: hidden; font-size: 0; } .article_shop_box1 > .tit { top: 50px; } .article_shop_box1 > .tit > ul > li { margin-left: 14px; } .article_shop_box1 > .tit > ul > li.li01 { display: none; } .article_shop_box2 > .swiper-container > .swiper-wrapper { display: block; transform: none; position: static; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { width: 872px; float: left; margin-right: 42px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-intro > .class-name-title { font-size: #5b6370; font-size: 24px; color: #5b6370; margin-bottom: 25px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-intro > .class-name-title > span { font-size: 14px; float: right; font-weight: normal; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-intro > h3{ margin-bottom: 20px !important; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-intro { line-height: 30px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp #qq_a { position: relative; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp #qq_a:hover > img { display: block !important; z-index: 9999; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp #qq_b { position: relative; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp #qq_b:hover > img { display: block !important; z-index: 9999; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp { color: #000; /*line-height: 145px;*/ /*margin-bottom: 20px;*/ font-size: 16px; margin: 25px 0 50px 0; background: #f3f3f3; width: 100%; height: 145px; padding-top: 40px; padding-left: 6px; /*opacity: 0.6;*/ } .biao{ width: 853px; height: 510px; background: url(../images/biao1.jpg) no-repeat ; background-size: 100% 480px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp > .img { display: none; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp strong { color: #FF3C00; font-size: 16px; font-weight: normal; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp strong a img { display: inline-block; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp a.ly { display: inline-block; background-color: #e5f2ff; width: 90px; height: 35px; color: #0084ff; text-align: center; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp a { display: inline-block; padding: 2px 8px; background: rgba(0, 132, 255, .1); border-radius: 5px; margin: 0 10px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp a > strong { font-weight: normal; font-size: 16px; color: #0084ff; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp a > i { color: #0486ff; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp a:hover { background-color: rgba(0, 132, 255, .15); } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp > .lx { margin-left: 6px; margin-top: 16px; display: inline-block; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp > span > a { background: transparent; margin-left: 0px; margin-right: 0px; color: #FF3F5A; font-weight: 600; padding: 2px 0; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp > #weixin01 { position: relative; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp > #weixin01:hover img { z-index: 99; display: block !important; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 { width: 872px; float: left; padding-top: 0px; margin-bottom: 25px; overflow: hidden; position: relative; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li03 { width: 250px; float: right; padding-top: 39px; position: absolute; right: 0px; height: auto; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(n+5) { display: none; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li { margin-bottom: 10px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a { display: block; position: relative; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > div > .img-p { padding: 8px; width: 100%; bottom: -61px; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:hover > a > div > .img-p { color: #068BF2; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li03 > ul > li > a > div > .img-p { padding: 8px; width: 100%; bottom: -61px; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > div > .p-span { display: none; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .img { width: 250px; max-height: 157px; height: 157px; background: #f7f7f7; overflow: hidden; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > .img > img { width: 100%; transition: all 0.3s ease-out; } .article_shop_box1 > .tit > ul > li.li02 { display: none; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02:before { content: "\76F8\5173\8BFE\7A0B"; display: block; width: 100%; padding-bottom: 10px; margin-bottom: 20px; font-size: 20px; font-weight: bold; border-bottom: 1px solid #dfe2e9; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02:after { content: ''; width: 79px; height: 3px; background-color: #ff0505; position: absolute; top: 34px; left: 0; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul { width: 892px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li { float: left; width: 25%; padding-right: 10px; height: 191px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a { } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a > .img { width: 100%; height: 130px; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a > .img > img { width: 100%; } /*.article_shop_box2>.swiper-container>.swiper-wrapper>.swiper-slide>ul>li>a:before{content:"+";width: 30px;height: 30px;line-height: 30px;border: 2px solid #FFFFFF;position: absolute;top:0;left: 45%;z-index: 9;text-align: center;font-size: 25px;color: #FFFFFF;border-radius:50%;opacity: 0;transition: all .3s ease-out;} .article_shop_box2>.swiper-container>.swiper-wrapper>.swiper-slide>ul>li>a:after{content:'';width: 100%;height: 100%;background: rgba(15,24,34,0.6);;position: absolute;top:0;left: 0;z-index: 7;transition: all 0.3s linear;opacity: 0;} .article_shop_box2>.swiper-container>.swiper-wrapper>.swiper-slide>ul>li>a:hover>div>img{transform: scale(1.02,1.02);} .article_shop_box2>.swiper-container>.swiper-wrapper>.swiper-slide>ul>li>a:hover:before{opacity: 1;top:63px} .article_shop_box2>.swiper-container>.swiper-wrapper>.swiper-slide>ul>li>a:hover:after{opacity: 1;}*/ /*联系我们*/ .member_contact_box { background-color: #F5F7FA; } .member_contact_box1 { padding-top: 50px; position: relative; margin-bottom: 100px; } .member_contact_box1 > #contact-left { width: 900px; background-color: #FFFFFF; padding: 20px 20px 100px 20px; } .member_contact_box1 > #contact-left > .text-p { margin-top: 50px; } .member_contact_box1 > #contact-left > .text-p > p { padding-bottom: 20px; border-bottom: 1px solid #ebeef3; margin-bottom: 20px; line-height: 30px; padding-left: 80px; position: relative; min-height: 50px; } .member_contact_box1 > #contact-left > .text-p > p > strong { position: absolute; top: 0; left: 0; } .member_contact_box1 > #contact-left > .text-p > p > span { color: #515151; } .member_contact_box1 > #contact-left > .text-p > div > .black { margin-top: 50px; } .member_contact_box1 > #contact-left > .text-p > div > .black > span { display: block; width: 46%; float: left; padding: 20px 0; background-color: #ebeef3; margin-right: 8%; border-radius: 5px; text-align: center; font-size: 18px; font-weight: 600; cursor: pointer; } .member_contact_box1 > #contact-left > .text-p > div > .black > span > i { color: #ff665a; font-size: 23px; font-weight: normal; vertical-align: middle; margin-right: 5px; } .member_contact_box1 > #contact-left > .text-p > div > .black > span > i.icon-weixin-copy { color: #26cf99; } .member_contact_box1 > #contact-left > .text-p > div > .black > span:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background-color: #3e8cf5; } .member_contact_box1 > #contact-left > .text-p > div > .black > span:hover > em { color: #FFFFFF; } .member_contact_box1 > #contact-left > .text-p > div > .black > span:hover > a { color: #FFFFFF; } .member_contact_box1 > #contact-left > .text-p > div > .black > span:hover > span { color: #FFFFFF; } .member_contact_box1 > #contact-left > .text-p > div > .black > span:hover > i { color: #FFFFFF; } .member_contact_box1 > #contact-left > .text-p > div > .black > span > em { font-style: normal; color: #515151; } .member_contact_box1 > #contact-left > .text-p > div > .black > span > em > a { color: #515151 !important; } .member_contact_box1 > #contact-left > .text-p > div > .black > span:hover > em > a { color: #ffffff !important;; } .member_contact_box1 > #contact-left > .text-p > div > .black > span > a { color: #515151; } .member_contact_box1 > #contact-left > .text-p > div > .black > span > span { color: #515151; } .member_contact_box1 > #contact-left > .text-p > div > .black > span:nth-of-type(2) { margin-right: 0; position: relative; } .member_contact_box1 > #contact-left > .text-p > div > .black > span:nth-of-type(2):hover img { display: block !important; top: 53px !important; left: 132px !important; z-index: 9; } .member_contact_box1 > .tit > ul > li.li01 { display: none; } .member_contact_box1 > .tit > ul > li.li02 { display: none; } .member_contact_box1 > .tit > ul > li.li03 { top: 74px; } .member_contact_box1 > .swiper-container { width: 900px; margin: 0; background-color: #FFFFFF; padding: 20px; position: static; overflow: visible; } .member_contact_box1 > .swiper-container > .swiper-wrapper { display: block; position: initial; overflow: visible; transform: none; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-loop1 > .bd { overflow: hidden; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-loop1 > .bd > ul { width: 866px; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-loop1 > .bd > ul > li { width: 210.5px; margin-right: 6px; float: left; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-loop1 > .bd > ul > li:hover > .title > a > .fl { color: #3e8cf5; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-loop1 > .bd > ul > li > .div-first > a { height: 132px; overflow: hidden; display: block; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-loop1 > .bd > ul > li > .div-first > a > img { width: 100%; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-loop1 > .bd > ul > li > .title > a > .fl { margin: 5px 0; color: #57595f; font-size: 16px; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-loop1 > .bd > ul > li > .title > a > .fr { display: none; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .recommend-class { border: none; padding: 0; color: #000000; padding-bottom: 22px; height: 40px; border-bottom: 1px solid #dfe2e9; position: relative; margin-bottom: 30px; font-size: 20px; font-weight: bold; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .recommend-class:before { content: ''; width: 79px; height: 3px; background-color: #ff0505; position: absolute; bottom: -1px; left: 0; } .member_contact_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { margin-bottom: 40px; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 { margin-bottom: 40px; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .recommend-class { border: none; padding: 0; color: #000000; padding-bottom: 22px; height: 40px; border-bottom: 1px solid #dfe2e9; position: relative; margin-bottom: 30px; font-size: 20px; font-weight: bold; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .recommend-class:before { content: ''; width: 79px; height: 3px; background-color: #ff0505; position: absolute; bottom: -1px; left: 0; } .member_contact_pic > .swiper-wrapper { width: 870px; display: block; } .member_contact_pic > .swiper-wrapper > .swiper-slide { width: 280px; float: left; margin-right: 10px; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div { position: relative; } .swiper_member_school_in > .swiper-wrapper > .swiper-slide > .img-div > a { display: block; position: relative; width: 250px; } .member_contact_pic > .swiper-wrapper > .swiper-slide > a:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 1px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; } .member_contact_pic > .swiper-wrapper > .swiper-slide > a:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; } .member_contact_pic > .swiper-wrapper > .swiper-slide > a:hover > div > img { transform: scale(1.02, 1.02); } .member_contact_pic > .swiper-wrapper > .swiper-slide > a:hover:before { opacity: 1; top: 63px } .member_contact_pic > .swiper-wrapper > .swiper-slide > a:hover:after { opacity: 1; } .member_contact_pic > .swiper-wrapper > .swiper-slide > a > div { width: 100%; height: 175px; overflow: hidden; } .member_contact_pic > .swiper-wrapper > .swiper-slide > a > div > img { width: 100%; transition: all .3s ease-out; } .member_contact_pic > .swiper-wrapper > .swiper-slide > a > p { position: absolute; padding: 10px; bottom: 0; left: 0; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li03 { width: 284px; position: absolute; top: 50px; right: 0; background-color: #FFFFFF; padding: 18px; height: auto; padding-top: 50px; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .c-r-con > .t-img > a { margin: 14px 0; display: block; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .c-r-con > .t-img > a > .fl { display: none; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .c-r-con > .t-img > a > .fr { float: none; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .c-r-con > .t-img > a > .fr > div { font-size: 16px; color: #5f6267; font-weight: normal; padding-left: 15px; position: relative; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .c-r-con > .t-img > a > .fr > div:hover { color: #0090f5; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .c-r-con > .t-img > a > .fr > div:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #0090f5; border: 1px solid #0090f5; top: 46%; left: 2px; } .member_contact_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .c-r-con > .t-img > a > .fr > span { display: none; } /*优惠活动*/ .member_article_box1 { width: 900px; float: left; margin-right: 50px; margin-top: 45px; margin-bottom: 40px; } .member_article_box1 > .recommend-class { font-size: 32px; color: #000000; border: none; padding-left: 0; } .member_article_box1 > .class-news-ul { margin-top: 20px; margin-bottom: 30px; } .member_article_box1 > .class-news-ul > ul > li { padding: 25px 0 25px 0; border-bottom: 1px solid #e6e9ed; margin-bottom: 0px; transition: all 0.3s linear; position: relative; } .member_article_box1 > .class-news-ul > ul > li:before { content: "\2192"; position: absolute; right: 0px; top: 80px; font-size: 30px; color: #a2a7ae; transition: all 0.3s linear; opacity: 0; } .member_article_box1 > .class-news-ul > ul > li:hover { box-shadow: 0 8px 35px rgba(0, 0, 0, .08); } .member_article_box1 > .class-news-ul > ul > li:hover:before { opacity: 1; right: 55px; } .member_article_box1 > .class-news-ul > ul > li:hover > a > .new-list-div > .fl { left: 15px; } .member_article_box1 > .class-news-ul > ul > li:hover > a > .new-list-div > .fr { left: 15px; } .member_article_box1 > .class-news-ul > ul > li > a > .new-list-div > .fl { width: 284px; float: left; margin-right: 40px; position: relative; transition: all 0.3s linear; left: 0; } .member_article_box1 > .class-news-ul > ul > li > a > .new-list-div > .fl > img { width: 100%; } .member_article_box1 > .class-news-ul > ul > li > a > .new-list-div > .fr { width: 576px; float: left; padding-top: 5px; position: relative; transition: all 0.3s linear; left: 0; } .member_article_box1 > .class-news-ul > ul > li > a > .new-list-div > .fr > .title_p { font-size: 24px; color: #000000; font-weight: bold; } .member_article_box1 > .class-news-ul > ul > li > a > .new-list-div > .fr > p { line-height: 30px; margin: 20px 0; font-size: 16px; color: #727478; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-right: 30px; } .member_article_box1 > .class-news-ul > ul > li > a > .new-list-div > .fr > p > span { color: #a2a7ae; font-size: 16px; margin-right: 20px; } .member_article_box2 > .tit { width: 268px; } .member_article_box2 > .tit > ul > li.li02 > span { color: #fb5772; } .member_article_box2 > .tit > ul > li.li02 { border-color: #fb5772; } .member_article_box2 { width: 250px; float: left; margin-top: 45px; position: relative; } .member_article_box2 > .swiper-container > .swiper-wrapper { display: block; } .member_article_box2 > .swiper-container > .swiper-wrapper > .swiper-slide { padding-top: 60px; } .swiper_pic > .swiper-wrapper { display: block; } .swiper_pic > .swiper-wrapper > .swiper-slide > a { display: block; position: relative; width: 250px; margin-bottom: 25px; } .swiper_pic > .swiper-wrapper > .swiper-slide > a:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 1px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; } .swiper_pic > .swiper-wrapper > .swiper-slide > a:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; } .swiper_pic > .swiper-wrapper > .swiper-slide > a:hover > div > img { transform: scale(1.02, 1.02); } .swiper_pic > .swiper-wrapper > .swiper-slide > a:hover:before { opacity: 1; top: 63px } .swiper_pic > .swiper-wrapper > .swiper-slide > a:hover:after { opacity: 1; } .swiper_pic > .swiper-wrapper > .swiper-slide > a > div { width: 100%; height: 156px; overflow: hidden; } .swiper_pic > .swiper-wrapper > .swiper-slide > a > div > img { width: 100%; transition: all .3s ease-out; } .swiper_pic > .swiper-wrapper > .swiper-slide > a > p { position: absolute; padding: 10px; bottom: 0; left: 0; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .member_article_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li { margin: 15px 0; padding-left: 15px; position: relative; } .member_article_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; } .member_article_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li > a { font-size: 14px; color: #99a1a8; } .member_article_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover > a { color: #fb5772; } .member_article_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul > li:hover:before { background-color: #fb5772; border: 1px solid #fb5772; } /*资讯详情*/ .article_xuexiaodongtai_box > .width_all > .current-location { background: none; border-top: 1px solid #dee1e6; } .article_xuexiaodongtai_box > .big-banner { display: none; } .article_xuexiaodongtai_box > .new_daohang { display: none; } .article_xuexiaodongtai_box1 { width: 872px; float: left; margin-top: 50px; margin-right: 42px; margin-bottom: 40px; line-height: 30px; } .article_xuexiaodongtai_box1 > .news-article > .news-title > h1 { font-size: 32px; color: #000000; margin-bottom: 40px; } .article_xuexiaodongtai_box1 > .news-article > .news-title > div { margin: 30px 0; } .article_xuexiaodongtai_box1 > .news-article > .news-title > div > .img { display: none; } .article_xuexiaodongtai_box1 > .news-article > .news-title > div > .source { color: #ADADAD; } .article_xuexiaodongtai_box1 > .news-article > .news-title > div > .source > span > em { font-style: normal; color: #ADADAD; font-size: 16px; } .article_xuexiaodongtai_box1 > .news-article > .news-title > div > .source > p { float: right; } .article_xuexiaodongtai_box1 > .news-article > .news-title > div > .source > p > span > em { font-style: normal; } .article_xuexiaodongtai_box1 > .news-article > .news-title > div > .source > p > i { font-style: normal; margin: 0 10px; } .article_xuexiaodongtai_box1 > .news-article > .news-title > div > a { display: none; } .article_xuexiaodongtai_box1 > .news-article > p { margin-bottom: 9px; color: #4b4b4c; font-size: 16px; line-height: 30px; word-break: break-all; } .article_xuexiaodongtai_box1 > .news-article > p.article_end > strong { display: inline-block; padding: 1px 5px; background-color: #cfe4ff; border-radius: 5px; margin: 0px 5px; } .article_xuexiaodongtai_box1 > .news-article > p.article_end > strong > a { color: #0074ff; font-weight: normal; } .article_xuexiaodongtai_box1 > .news-article > p.article_end > strong:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .article_xuexiaodongtai_box1 > .news-article > p.article_zixun { margin: 25px 0; } .article_xuexiaodongtai_box1 > .news-article > p.article_zixun::before, .article_xuexiaodongtai_box1 > .news-article > p.article_zixun::after { content: ""; line-height: 0; height: 0; display: block; visibility: hidden; clear: both; } .article_xuexiaodongtai_box1 > .news-article > p.article_zixun > span { margin-right: 30px; color: #000000; display: inline-block; float: left; } .article_xuexiaodongtai_box1 > .news-article > p.article_zixun > span:nth-child(1) { display: inline-block; padding: 0; background-color: #cfe4ff; border-radius: 5px; margin: 0 15px 0 0px; } .article_xuexiaodongtai_box1 > .news-article > p.article_zixun > span:nth-child(1) > b > a { color: #0074ff !important; font-weight: normal; } .article_xuexiaodongtai_box1 > .news-article > p.article_zixun > span > strong { color: #ff0030; } .article_xuexiaodongtai_box1 > .news-article > p.article_zixun > span > strong > a { color: #ff0030; position: relative; } .article_xuexiaodongtai_box1 > .news-article > p.article_zixun > span > strong > a:hover img { display: block !important; } .article_xuexiaodongtai_box1 > .news-article > .pre_next { background-color: #f3f5f8; padding: 40px 0; margin-top: 17px; } .article_xuexiaodongtai_box1 > .news-article > .pre_next > span { display: block; width: 286px; float: left; border: 1px solid #bfc3ca; text-align: center; border-radius: 20px; margin: 0 111px; color: #7c7f84; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 40px; line-height: 40px; } .article_xuexiaodongtai_box1 > .news-article > .pre_next > span:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .article_xuexiaodongtai_box1 > .news-article > .pre_next > span > a { color: #7c7f84;; } .article_xuexiaodongtai_box1 > .news-article > .pre_next > span:nth-child(1) { margin-right: 74px; } .article_xuexiaodongtai_box1 > .news-article > .pre_next > span:nth-child(2) { margin-left: 0; } .article_xuexiaodongtai_box2 > .tit { width: 286px; } .article_xuexiaodongtai_box2 > .tit > ul > li { border-color: #fb5772; } .article_xuexiaodongtai_box2 > .tit > ul > li.li01 { top: 25px; } .article_xuexiaodongtai_box2 > .tit > ul > li > span { color: #000000; } .article_xuexiaodongtai_box2 { width: 286px; float: left; margin-top: 50px; position: relative; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper { display: block; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper .swiper-slide { min-height: 1px; background-color: #f4f5f6; padding: 18px; padding-top: 50px; margin-bottom: 25px; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul { padding-top: 10px; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > ul { padding-top: 10px; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li { padding: 0; margin-top: 0px; margin-bottom: 15px; padding-left: 15px; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li:before { none } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li:nth-child(n+5) { display: none; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a { display: block; height: 156px; overflow: hidden; margin-bottom: 24px; position: relative; transition: all 0.3s linear; margin-bottom: 0; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > .img > img { width: 100%; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-out; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div > div > p { display: none; color: #FFFFFF; font-size: 14px; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div > p { position: absolute; bottom: 0; left: 0; padding: 12px; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; font-size: 16px; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a:hover > div { background: rgba(21, 24, 28, 0.75); } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a:hover > div > p { bottom: 30px; background: none; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a:hover > div > div > p:nth-child(1) { display: block; position: absolute; bottom: 15px; left: 12px; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper .swiper-slide ul > li { margin: 15px 0; padding-left: 15px; position: relative; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper .swiper-slide ul > li:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper .swiper-slide ul > li > a { font-size: 14px; color: #99a1a8; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper .swiper-slide ul > li { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper .swiper-slide ul > li:hover > a { color: #fb5772; } .article_xuexiaodongtai_box2 > .swiper-container > .swiper-wrapper .swiper-slide ul > li:hover:before { background-color: #fb5772; boder-color: #fb5772; } .article_xuexiaodongtai_box2.new > .swiper-container > .swiper-wrapper .swiper-slide ul > li > { padding-left: 15px !important; } .article_xuexiaodongtai_box2.new > .swiper-container > .swiper-wrapper .swiper-slide.li01 ul > li > a { height: auto !important; } .footrt_class { margin-top: 20px; } .footrt_class > .tit { display: none; } .footrt_class > .swiper-container > .swiper-wrapper { display: block; } .footrt_class > .swiper-container > .swiper-wrapper .swiper-slide { min-height: 1px; background-color: #f4f5f6; padding: 18px; padding-top: 20px; margin-bottom: 25px; } .footrt_class > .swiper-container > .swiper-wrapper .swiper-slide.li02 { margin-bottom: 0px; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide > .tit { display: block; padding-bottom: 20px; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide > .tit > span { display: block; font-size: 18px; color: #000; border-left: 4px solid #068BF2; font-weight: bold; line-height: 20px; padding-left: 10px; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li { padding: 0; margin-top: 0px; margin-bottom: 15px; float: left; width: 24%; margin-right: 1%; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li:nth-child(4) { margin-right: 0px; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li:before { none } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li:nth-child(n+5) { display: none; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a { display: block; margin-bottom: 24px; position: relative; transition: all 0.3s linear; margin-bottom: 0; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > .img > img { width: 100%; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div { width: 100%; height: 100%; transition: all 0.3s ease-out; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div > .p-span { display: none; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div > div > p { display: none; color: #FFFFFF; font-size: 14px; } .footrt_class > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > ul > li > a > div > p { padding: 12px 0px; color: #666; width: 100%; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footrt_class > .swiper-container > .swiper-wrapper .swiper-slide > ul > li { padding-left: 15px; position: relative; } .footrt_class > .swiper-container > .swiper-wrapper .swiper-slide > ul > li:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; } .footrt_class > .swiper-container > .swiper-wrapper .swiper-slide > ul > li > a { font-size: 14px; color: #99a1a8; } .footrt_class > .swiper-container > .swiper-wrapper .swiper-slide > ul > li { display: -webkit-box; float: left; width: 50%; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .footrt_class > .swiper-container > .swiper-wrapper .swiper-slide > ul > li:hover > a { color: #fb5772; } .footrt_class > .swiper-container > .swiper-wrapper .swiper-slide > ul > li:hover:before { background-color: #fb5772; boder-color: #fb5772; } .footrt_class.new > .swiper-container > .swiper-wrapper .swiper-slide > ul > li > { padding-left: 15px !important; } .footrt_class.new > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a { height: auto !important; margin-left: 15px; } /*教学相册*/ .member_album_box1 { position: relative; margin-bottom: 50px; margin-top: 50px; } .member_album_box1 > .tit { width: 890px; position: static; margin-top: 50px; } .member_album_box1 > .tit > ul { } .member_album_box1 > .tit > ul > li.li01 { padding-left: 0px !important; margin-left: 0px !important; position: relative; width: 100%; border-bottom: 1px solid #dfe2e9; border-left: none; height: 35px; } .member_album_box1 > .tit > ul > li.li01 > span { color: #000; font-weight: bold; padding-bottom: 10px; display: block; } .member_album_box1 > .tit > ul > li.li01:after { content: ''; width: 79px; height: 3px; background-color: #ff0505; position: absolute; bottom: -1px; left: 0; } .member_album_box1 > .tit > ul > li.li02 { right: 0px; margin-left: 0px; width: 267px; } .member_album_box1 > .fl { width: 890px; float: none; margin-right: 24px; margin-top: 17px; } .member_album_box1 > .fl > .recommend-class { padding: 0; border: none; color: #000000; font-size: 32px; margin-bottom: 30px; } .member_album_box1 > .fl > ul { width: 920px; } .member_album_box1 > .fl > ul > li { width: 275px; float: left; margin-right: 30px; padding: 15px 15px 15px 0; background-color: #FFFFFF; transition: all 0.3s linear; height: 255px; } .member_album_box1 > .fl > ul > li:hover { padding: 15px; background-color: #f4f5f6; } .member_album_box1 > .fl > ul > li:hover > a > p { color: #000000; } .member_album_box1 > .fl > ul > li:hover > a > p:before { opacity: 1; right: 0px; } .member_album_box1 > .fl > ul > li > a { display: block; } .member_album_box1 > .fl > ul > li > a > div > img { width: 100%; transition: all 0.3s linear; } .member_album_box1 > .fl > ul > li > a > p { margin-top: 12px; position: relative; color: #606265; } .member_album_box1 > .fl > ul > li > a > p:before { content: "→"; position: absolute; top: 0; right: 20px; font-size: 20px; color: #abadb3; opacity: 0; transition: all 0.3s linear; } .member_album_box1 > .fl > div > .dede_pages { margin-top: 50px; } .member_album_box1 > .fl > div > .dede_pages > .pagelist { float: none; } .member_album_box1 > .swiper-container { width: 890px; float: left; margin-top: 33px; position: static; } .member_album_box1 > .swiper-container > .swiper-wrapper { display: block; position: static; transform: none; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide { padding-top: 0px; margin-bottom: 0px; position: static; } .member_album_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .c-r-con_nei > .t-img > a:nth-child(n+5) { display: none; } .member_album_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .c-r-con_nei > .t-img > a { margin: 5px; display: block; position: relative; margin-bottom: 25px; height: auto; width: 23.8%; float: left; } .member_album_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .c-r-con_nei > .t-img > a > .fl { float: none; } .member_album_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .c-r-con_nei > .t-img > a > .fl > img { width: 100%; height: 100%; transition: all 0.3s linear; } .member_album_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .c-r-con_nei > .t-img > a > .fr { float: none; padding: 10px 0px; width: 100%; } .member_album_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .c-r-con_nei > .t-img > a > .fr > div { font-weight: normal; color: #57595f; } .member_album_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .c-r-con_nei > .t-img > a > .fr > span { display: none; } .member_album_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .c-r-con_nei > .t-img > a:hover > .fr > div { color: #3e8cf5; } /*.member_album_box1>.swiper-container>.swiper-wrapper>.swiper-slide.li01>.c-r-con_nei>.t-img>a:before{content:"+";width: 30px;height: 30px;line-height: 30px;border: 1px solid #FFFFFF;position: absolute;top:0;left: 43%;z-index: 9;text-align: center;font-size: 25px;color: #FFFFFF;border-radius:50%;opacity: 0;transition: all .3s ease-out;visibility: visible;} .member_album_box1>.swiper-container>.swiper-wrapper>.swiper-slide.li01>.c-r-con_nei>.t-img>a:after{content:'';width: 100%;height: 100%;background: rgba(15,24,34,0.6);;position: absolute;top:0;left: 0;z-index: 7;transition: all 0.3s linear;opacity: 0;visibility: visible;} .member_album_box1>.swiper-container>.swiper-wrapper>.swiper-slide.li01>.c-r-con_nei>.t-img>a:hover>div>img{transform: scale(1.02,1.02);} .member_album_box1>.swiper-container>.swiper-wrapper>.swiper-slide.li01>.c-r-con_nei>.t-img>a:hover:before{opacity: 1;top:63px} .member_album_box1>.swiper-container>.swiper-wrapper>.swiper-slide.li01>.c-r-con_nei>.t-img>a:hover:after{opacity: 1;}*/ .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 { width: 284px; position: absolute; top: 42px; right: 0; background-color: #FCFCFC; padding: 18px; height: auto; padding-top: 50px; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .c-r-con_nei > .t-img > a > .fl { display: none; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .c-r-con_nei > .t-img > a > .fr { float: none; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .c-r-con_nei > .t-img > a > .fr > span { display: none; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .c-r-con_nei > .t-img > a > .fr > div { margin: 15px 0; padding-left: 15px; position: relative; font-size: 16px; color: #99a1a8; font-weight: normal; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .c-r-con_nei > .t-img > a > .fr > div:hover { color: #0090f5; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .c-r-con_nei > .t-img > a > .fr > div:hover:before { background-color: #0090f5; border: 1px solid #0090f5; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .c-r-con_nei > .t-img > a > .fr > div:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; } .member_album_box1 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .c-r-con_nei > .t-img > a > .fr > div { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } /*资讯列表*/ .list_hidden .header-nav .nav-left .nav-left-class { display: none; } .list_zixun_box > .current-location { background-color: #f4f6f8 } .list_zixun_box > .bg { background-color: #F5F7FA; padding: 30px 0; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { } .list_zixun_box1 { width: 900px; float: left; margin-right: 24px; background-color: #FFFFFF; padding: 16px 20px 50px 20px; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > span { font-size: 24px; color: #000000; display: block; margin-bottom: 30px; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li { padding-bottom: 30px; border-bottom: 1px solid #e9ecf1; margin-bottom: 30px; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div-img { width: 272px; float: left; margin-right: 40px; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div-img > a { display: block; height: 170px; overflow: hidden; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div-img > a:hover > img { transform: scale(1.02, 1.02); } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div-img > a > img { width: 100%; height: 170px; transition: all 0.3s linear } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text { float: left; width: 548px; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > .c_title { font-size: 24px; color: #3095f2; font-weight: bold; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > .c_title > a { color: #000000; font-size: 24px; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > div > .inline-p > p > a:hover { color: #fb3e5d; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > .c_title > a:hover { color: #3095f2; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > div > .inline-p > p { display: inline-block; margin-right: 20px; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > div > .inline-p > p > a { font-size: 16px; color: #a4aab2; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > div > .inline-p { margin: 33px 0; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > div > .inline-p > p > i { color: #ccd1d7; margin-right: 10px; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > div > .inline-p > p > span { color: #a4aab2; } .list_zixun_box1 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > .div_text > p { line-height: 25px; font-weight: normal; color: #83878b; } .list_zixun_box1 > .swiper-container > .dede_pages { text-align: right; } /*.list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li{display: none;border: 1px solid #c9c9c9;margin-right: 5px;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li>a{padding: 2px 7px;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:hover{border-color:#f74c4c;color: #f74c4c;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:hover>a{color: #f74c4c;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li.thisclass>a{color: #f74c4c;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:nth-child(2){display:inline-block;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:nth-child(3){display:inline-block;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:nth-child(4){display:inline-block;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:nth-last-child(2){display:inline-block;padding: 0;border: none;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:nth-last-child(2)>select{padding:2px 0 0px 1px;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:nth-last-child(3){display:inline-block;background: none;border-radius:0 ;padding: 0;} .list_zixun_box1>.swiper-container>.dede_pages>.pagelist>li:nth-last-child(4){display:inline-block;}*/ .list_zixun_box2 { width: 276px; float: left; position: relative; } .list_zixun_box2 > .tit { width: 294px; } .list_zixun_box2 > .tit > ul > li > span { color: #000000; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide { padding: 22px; padding-top: 60px; background-color: #ffffff; margin-bottom: 25px; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li { margin-bottom: 14px; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1) > a { padding-left: 0; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1):nth-child(1) > a { display: block; position: relative; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1) > a > img { width: 100%; height: 142px; display: block; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1) > a > .img-p { position: absolute; left: 0; bottom: 0; padding: 8px; color: #FFFFFF; font-size: 16px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1) > a:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 1px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; visibility: visible; background: none; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1) > a:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; visibility: visible; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1) > a:hover > div > img { transform: scale(1.02, 1.02); } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1) > a:hover:before { opacity: 1; top: 55px } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li:nth-child(1) > a:hover:after { opacity: 1; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a > img { display: none; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a { padding-left: 15px; position: relative; font-size: 14px; color: #878b8f; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 44%; left: 2px; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide > ul > li > a:hover { color: #2c9ff6; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a { margin-bottom: 15px; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1) { display: block; position: relative; overflow: hidden; padding-left: 0; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1) > .fl { float: none; display: block; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1) > .fl > img { width: 100%; transition: all 0.3s linear; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1) > .fr { float: none; position: absolute; bottom: 0; left: 0; padding: 8px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1) > .fr > span { display: none; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1) > .fr > .h_title { color: #FFFFFF; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1):before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 1px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; visibility: visible; background: none; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1):after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; visibility: visible; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1):hover > div > img { transform: scale(1.02, 1.02); } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1):hover:before { opacity: 1; top: 55px } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:nth-child(1):hover:after { opacity: 1; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a > .fl { display: none; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a > .fr { float: none; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a { padding-left: 15px; position: relative; font-size: 14px; color: #878b8f; position: relative; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 44%; left: 2px; visibility: visible; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .list_zixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li02 > a:hover { color: #2c9ff6; } /*相册详情*/ .article_imgsz_box > .new_daohang { display: none; } .article_imgsz_box > .current-location { background: none; border-top: 1px solid #dee1e6; padding-top: 10px; } .article_imgsz_box > .current-location > p { color: #a7aaaf; font-size: 16px; } .article_imgsz_box > .current-location > p > a { color: #a7aaaf; font-size: 16px; } .article_imgsz_box1 > .fl { width: 872px; float: left; margin-top: 50px; margin-right: 42px; margin-bottom: 80px; } .article_imgsz_box1 > .fl > .news-title > h1 { font-size: 32px; color: #000000; margin-bottom: 40px; } .article_imgsz_box1 > .fl > .news-title p { width: 90%; padding-left: 5px; color: #ADADAD; font-size: 16px; margin-top: 40px; margin-left: 0; padding-bottom: 10px; margin-bottom: 20px; } .article_imgsz_box1 > .fl > .news-title p span { color: #acb0b5; font-size: 16px; margin-right: 40px; } .article_imgsz_box1 .main-body-height { line-height: 30px; color: #4b4b4c; } .article_imgsz_box1 > .fl > .article_zixun { margin: 25px 0; } .article_imgsz_box1 > .fl > .article_zixun > span { margin-right: 30px; color: #000000; } .article_imgsz_box1 > .fl > .article_zixun > span > strong { color: #ff0030; } .article_imgsz_box1 > .fl > .article_zixun > span > a { display: inline-block; padding: 4px 10px; background-color: #cfe4ff; color: #0074ff; border-radius: 5px; } .article_imgsz_box1 > .fl > .article_zixun > span > a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .article_imgsz_box1 > .fl > .pre_next { background-color: #f3f5f8; padding: 40px 0; margin-top: 50px; } .article_imgsz_box1 > .fl > .pre_next > span { padding: 0 10px; display: block; width: 286px; float: left; border: 1px solid #bfc3ca; text-align: center; border-radius: 20px; margin: 0 111px; color: #7c7f84; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 40px; line-height: 40px; } .article_imgsz_box1 > .fl > .pre_next > span:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .article_imgsz_box1 > .fl > .pre_next > span > a { color: #7c7f84;; } .article_imgsz_box1 > .fl > .pre_next > span:nth-child(1) { margin-right: 74px; } .article_imgsz_box1 > .fl > .pre_next > span:nth-child(2) { margin-left: 0; } .article_imgsz_box2 > .tit { width: 286px; } .article_imgsz_box2 > .tit > ul > li { border-color: #fb5772; } .article_imgsz_box2 > .tit > ul > li > span { color: #000000; } .article_imgsz_box2 { width: 286px; float: left; margin-top: 50px; position: relative; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper { display: block; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide { min-height: 1px; background-color: #f4f5f6; padding: 18px; padding-top: 60px; margin-bottom: 25px; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li { padding: 0; margin-top: 0px; margin-bottom: 15px; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li:before { none } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li:nth-child(n+5) { display: none; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a { display: block; height: 156px; overflow: hidden; margin-bottom: 24px; position: relative; transition: all 0.3s linear; margin-bottom: 0; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a > img { width: 100%; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s ease-out; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a > div > div > p { display: none; color: #FFFFFF; font-size: 14px; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a > div > p { position: absolute; bottom: 0; left: 0; padding: 12px; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; font-size: 16px; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a:hover > div { background: rgba(21, 24, 28, 0.75); } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a:hover > div > p { bottom: 30px; background: none; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li01 > ul > li > a:hover > div > div > p:nth-child(1) { display: block; position: absolute; bottom: 15px; left: 12px; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a { display: block; position: relative; margin-bottom: 25px; height: 157px; width: 250px; overflow: hidden; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a > .fl { float: none; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a > .fl > img { width: 100%; height: 100%; transition: all 0.3s linear; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a > .fr { float: none; position: absolute; bottom: 0; left: 0; padding: 10px; color: #FFFFFF; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(117, 117, 127, 0.0)); width: 100%; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a > .fr > div { font-weight: normal; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a > .fr > span { display: none; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a:before { content: "+"; width: 30px; height: 30px; line-height: 30px; border: 1px solid #FFFFFF; position: absolute; top: 0; left: 45%; z-index: 9; text-align: center; font-size: 25px; color: #FFFFFF; border-radius: 50%; opacity: 0; transition: all .3s ease-out; visibility: visible; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a:after { content: ''; width: 100%; height: 100%; background: rgba(15, 24, 34, 0.6);; position: absolute; top: 0; left: 0; z-index: 7; transition: all 0.3s linear; opacity: 0; visibility: visible; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a:hover > div > img { transform: scale(1.02, 1.02); } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a:hover:before { opacity: 1; top: 63px } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li02 > .t-img > a:hover:after { opacity: 1; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .t-img > a { margin: 15px 0; padding-left: 15px; position: relative; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .t-img > a:before { content: ''; position: absolute; width: 2px; height: 2px; background-color: #99a1a8; border: 1px solid #99a1a8; top: 46%; left: 2px; visibility: visible; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .t-img > a > .fr { float: none; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .t-img > a > .fr > div { font-weight: normal; -webkit-line-clamp: 1; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .t-img > a { font-size: 14px; color: #99a1a8; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .t-img > a { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .t-img > a:hover > .fr > div { color: #fb5772; } .article_imgsz_box2 > .swiper-container > .swiper-wrapper .swiper-slide.li03 > .t-img > a:before { background-color: #fb5772; color: #fb5772; } .article_jiaoyupeixun_box { background: #F5F7FA; } .article_jiaoyupeixun_box > .background-class > .current-location { background: #F5F7FA; height: auto; } .article_jiaoyupeixun_box > .background-class > .current-location > .width_main { font-size: 16px; color: #8a8d93; line-height: 60px; } .article_jiaoyupeixun_box > .background-class > .current-location > .width_main > a, .article_jiaoyupeixun_box > .background-class > .current-location > .width_main > h1 { font-size: inherit; color: inherit; } .article_jiaoyupeixun_box > .background-class > .current-location > .width_main > span { float: right; } .article_jiaoyupeixun_box1 { width: 900px; padding-bottom: 30px; background: rgba(255, 255, 255, 1); padding-top: 10px; float: left; margin-bottom: 50px; } .article_jiaoyupeixun_box1 > .class-intro { } .article_jiaoyupeixun_box1 > .change-ul-peixun { border-bottom: 1px solid #e7e9ec; padding: 10px 20px; width: 900px; background: rgba(255, 255, 255, 1); } .article_jiaoyupeixun_box1 > .change-ul-peixun > span { float: right; color: #666; font-size: 14px; margin-top: 10px; } .article_jiaoyupeixun_box1 > .change-ul-peixun > li { float: left; width: 150px; } .article_jiaoyupeixun_box1 > .change-ul-peixun > li > h2 { font-size: 24px; cursor: pointer; padding-bottom: 12px; color: rgba(0, 0, 0, 0.5); font-weight: normal; } .article_jiaoyupeixun_box1 > .change-ul-peixun > li.active { } .article_jiaoyupeixun_box1 > .change-ul-peixun > li.active > h2 { color: rgba(0, 0, 0, 1); position: relative; display: inline-block; } .article_jiaoyupeixun_box1 > .change-ul-peixun > li.active > h2:before { content: ""; left: 50%; margin-left: -15%; display: inline-block; position: absolute; bottom: 0px; width: 30%; height: 5px; background: rgba(6, 139, 242, 1); } .article_jiaoyupeixun_box1 > .peixun-contant { padding-top: 30px; padding: 20px; line-height: 30px; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item .class-name-body { padding: 0px !important; margin: 0px !important; } .article_jiaoyupeixun_box2 { } .article_jiaoyupeixun_box2 > .tit { display: none; } .article_jiaoyupeixun_box2 > .swiper-container { } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper { display: block; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .swiper-slide { } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 { font-size: 16px; padding: 20px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related { border-bottom: 1px solid #e8e9ef; padding-bottom: 20px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > .more-top { padding-bottom: 20px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > .more-top > span { font-size: 20px; font-weight: bold; color: #4e545c; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > .more-top > a { font-size: 16px; color: #4e545c; float: right; margin-right: 14px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > .more-top > a:hover { color: #0078FF; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > .title { display: none; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > .english { display: none; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > ul { } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > ul > li { float: left; width: 25%; padding-right: 14px; margin-bottom: 14px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > ul > li:nth-child(4n) { padding-right: 0px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper > .li01 > .related > ul > li > a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #e7eaf3; padding: 10px 0px; text-align: center; border-radius: 5px; color: #6c7177; font-size: inherit; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper .li02 { padding: 20px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper .li02 > .related { } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper .li02 > .contact-more > .more-top { padding-bottom: 20px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper .li02 > .contact-more > .more-top > span { font-size: 20px; font-weight: bold; color: #4e545c; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper .li02 > .contact-more > .more-top > a { font-size: 16px; color: #4e545c; float: right; margin-right: 14px; } .article_jiaoyupeixun_box2 > .swiper-container > .swiper-wrapper .li02 > .contact-more > .more-top > a:hover { color: #0078FF; } .article_jiaoyupeixun_box3 { width: 278px; float: right; } .article_jiaoyupeixun_box3 > .tit { position: relative; z-index: 99; } .article_jiaoyupeixun_box3 > .tit > ul { } .article_jiaoyupeixun_box3 > .tit > ul > li { position: absolute; height: 40px; width: 100%; background: rgba(255, 255, 255, 1); padding: 20px 0px; } .article_jiaoyupeixun_box3 > .tit > ul > li.li02 { top: 0px; } .article_jiaoyupeixun_box3.new01 > .tit > ul > li.li01 { top: 0px !important; } .article_jiaoyupeixun_box3 > .tit > ul > li span { display: block; border-left: 5px solid #2c9ff6; color: #000; font-size: 18px; padding-left: 10px; line-height: 20px; } .article_jiaoyupeixun_box3 > .swiper-container { overflow: initial; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper { display: block; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .swiper-slide { margin-bottom: 20px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li01 { background: rgba(255, 255, 255, 1); padding: 10px; padding-top: 52px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li01 ul { } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li01 ul > li { } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li01 ul > li > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; display: block; line-height: 35px; padding-left: 10px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li01 ul > li > a:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li01 ul > li:hover > a { color: #0090f5; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li01 ul > li:hover > a:before { background: #0090f5; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 { background: rgba(255, 255, 255, 1); padding: 10px; padding-top: 60px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul { } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li { margin-bottom: 10px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li:last-child { margin-bottom: 10px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li > a { display: block; height: 160px; overflow: hidden; position: relative; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li > a > img { width: 100%; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li > a > div { } /*.article_jiaoyupeixun_box3 >.swiper-container >.swiper-wrapper >.li02 >ul >li >a >div >p{opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}*/ .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li > a > div > p { opacity: 1; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 30px; line-height: 30px; text-align: center; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 16px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li > a > div > .p-span { display: none; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li > a > div > .p-span > p { } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li02 > ul > li > a > div > .p-span > p > span { } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li03 { background: rgba(255, 255, 255, 1); padding: 10px; padding-top: 60px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li03 ul { } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li03 ul > li { } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li03 ul > li > a { position: relative; display: block; line-height: 35px; padding-left: 10px; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li03 ul > li > a:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li03 ul > li:hover > a { color: #0090f5; } .article_jiaoyupeixun_box3 > .swiper-container > .swiper-wrapper > .li03 ul > li:hover > a:before { background: #0090f5; } .article_jiaoyupeixun_album { } .article_jiaoyupeixun_album > .swiper-wrapper { } .article_jiaoyupeixun_album > .swiper-wrapper > .swiper-slide { float: left; width: 33.33%; } .article_jiaoyupeixun_album > .swiper-wrapper > .swiper-slide > a { display: block; height: 171px; } .article_jiaoyupeixun_album > .swiper-wrapper > .swiper-slide > a > div { } .article_jiaoyupeixun_album > .swiper-wrapper > .swiper-slide > a > div > img { width: 100%; } /*.article_jiaoyupeixun_album >.swiper-wrapper >.swiper-slide >a >p{opacity: 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}*/ .article_jiaoyupeixun_album > .swiper-wrapper > .swiper-slide > a > p { opacity: 1; position: absolute; width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp { padding-top: 0px; border-bottom: 1px solid #e8e9ef; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span { font-size: 16px; color: #000; font-weight: bold; margin-right: 0px; margin-bottom: 30px; display: inline-block; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span01 > a { background: #dfedff; color: #1f7aec; font-weight: normal; padding: 6px 10px; border-radius: 5px; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span01 > a > strong { font-weight: normal; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span03 { display: none; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span05 { display: none; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span04 { margin: 0px 10px; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span06 { background: #ff3f5a; padding: 4px 10px; border-radius: 5px; color: #ffffff; margin-right: 10px; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span06 > strong > a { color: #fff; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span06 > em { font-style: normal } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span07 { background: #068bf2; padding: 4px 10px; border-radius: 5px; color: #ffffff; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span07 > strong > a { color: #ffffff; position: relative; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span07:hover > strong > a > img { display: block !important; z-index: 99; left: -32px !important; } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span.span07 > em { font-style: normal } .article_jiaoyupeixun_box1 > .peixun-contant > .tab-item > .class-pp > span > a { } .article_jiaoyupeixun_album > .swiper-button-prev { background-image: url(../images/zuo_loop.png); background-size: 100%; left: 0; } .article_jiaoyupeixun_album > .swiper-button-next { background-image: url(../images/you_loop.png); background-size: 100%; right: 0; } .article_jiaoyupeixun_box3.active { } .article_jiaoyupeixun_box3.active > .swiper-container > .swiper-wrapper { position: fixed; top: 0px; width: 278px; height: auto; } .article_jiaoyupeixun_box3.active > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { display: none; } .article_jiaoyupeixun_box3.active > .swiper-container > .swiper-wrapper > .swiper-slide.li03 { display: none; } .article_jiaoyupeixun_box3.active > .swiper-container > .swiper-wrapper > .class_zixun { display: none; } .article_jiaoyupeixun_box3.active > .tit > ul > li.li02 { position: fixed; top: 0px !important; width: 278px; } .article_jiaoyupeixun_box1 > .change-ul-peixun.class-tab-fixed { box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 14px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 14px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 14px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 14px 0px; position: fixed; z-index: 10; top: 0; margin-top: 0 !important; } .class-name-btn { display: none; } .juhe_box { } .juhe_box { } .juhe_box > .current-location { background: #fff; height: auto; } .juhe_box > .current-location > p { font-size: 16px; color: #8a8d93; line-height: 60px; display: inline-block; } .juhe_box > .current-location > .aaa { font-size: 16px; color: #8a8d93; line-height: 60px; padding-right: 20px; display: inline-block; font-weight: normal; } .juhe_box > .current-location > .inline_p { display: inline-block; } .juhe_box > .current-location > .inline_p > a { font-size: 16px; color: #8a8d93; line-height: 60px; display: inline-block; font-weight: normal; } .juhe_box > .current-location > .inline_p > .aaa { font-size: 16px; color: #8a8d93; line-height: 60px; display: inline-block; font-weight: normal; } .juhe_box > .current-location > label { font-size: 16px; color: #8a8d93; line-height: 60px; } .juhe_box > .current-location > label > span { font-size: 16px; color: #8a8d93; line-height: 60px; } .article_jiaoyupeixun_box > .background-class > .current-location > .width_main > a, .article_jiaoyupeixun_box > .background-class > .current-location > .width_main > h1 { font-size: inherit; color: inherit; } .article_juhe_box2 { width: 885px; float: left; border-left: 1px dotted #bfbfbf; padding: 0px 20px; padding-left: 30px; padding-top: 40px; } .article_juhe_box2 table tr td img { width: 100%; } .article_juhe_box2 > .article { line-height: 30px; font-size: 16px; padding-bottom: 0px !important; } .article_juhe_box2 > .article > .article-title { position: relative; padding-bottom: 30px; padding-top: 10px; } .article_juhe_box2 > .article > .article-title > span { display: inline-block; cursor: pointer; position: absolute; left: -49px; border-radius: 35px; width: 35px; height: 35px; line-height: 36px; text-align: center; background: #068bf2; font-size: 18px; color: #fff; font-weight: bold; } .article_juhe_box2 > .article > .article-title > h3 { font-size: 22px; font-weight: bold; color: #535457; } .article_juhe_box2 > .article > .article-title.active { } .article_juhe_box2 > .article > .article-title.active > span { position: fixed; top: 0px; left: auto; margin-left: -49px; } .article_juhe_box2 > .article > .article-title.active > h3 { } .article_juhe_box1 { width: 285px; float: right; padding-top: 40px; } .article_juhe_box1.active > .clearfix { position: fixed; top: 0px; width: 285px; } .article_juhe_box1.active > .clearfix > .city_zixun_tab > ul > li.li02 { display: none; } .article_juhe_box1.active > .clearfix > .city_zixun_tab > ul > li.li03 { display: none; } .article_juhe_box1.active > .clearfix > .city_zixun_tab > ul > li.li04 { display: none; } .article_juhe_box1.active > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li02 { display: none; } .article_juhe_box1.active > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 { display: none; } .article_juhe_box1.active > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li04 { display: none; } .article_juhe_box1 > .clearfix > .city_zixun_tab { position: relative; } .article_juhe_box1 > .clearfix > .city_zixun_tab > ul { } .article_juhe_box1 > .clearfix > .city_zixun_tab > ul > li { padding: 20px 0px; padding-left: 15px; position: absolute; z-index: 9; width: 100%; } .article_juhe_box1 > .clearfix > .city_zixun_tab > ul > li.li01 { top: 0px; } .article_juhe_box1 > .clearfix > .city_zixun_tab > ul > li > span { display: block; border-left: 4px solid #0090f5; font-size: 18px; line-height: 20px; padding-left: 10px; } .article_juhe_box1 > .clearfix > .swiper-container { } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper { display: block; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide { background: #fafafb; padding: 15px; padding-top: 60px; margin-bottom: 20px; min-height: 1px; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide > ul { } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide > ul > li { line-height: 35px; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide > ul > li a { font-size: 16px; color: #575c5f; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide > ul > li.likelist a { font-size: 16px; color: #575c5f; display: block; padding-left: 10px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide > ul > li.likelist a.pic { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide > ul > li.likelist a:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide > ul > li.likelist:hover a { color: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide > ul > li.likelist:hover a:before { background: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 { } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li > em { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li > .pic { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li > .pic > img { } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li > .title { position: relative; padding-left: 10px; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li > .title:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li:hover > .title { color: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li:hover > .title:before { background: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li > span { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li01 > ul > li > .likeP { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 { } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li > em { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li > .pic { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li > .pic > img { } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li > .title { position: relative; padding-left: 10px; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li > .title:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li:hover > .title { color: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li:hover > .title:before { background: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li > span { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li02 > ul > li > .likeP { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li03 { } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li03 > ul > li > a > img { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li03 > ul > li > a > p { position: relative; padding-left: 10px; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li03 > ul > li > a > .img-p:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li03 > ul > li:hover > a > .img-p { color: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li03 > ul > li:hover > a > .img-p:before { background: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li04 { } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li04 > ul > li > a > img { display: none; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li04 > ul > li > a > p { position: relative; padding-left: 10px; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li04 > ul > li > a > .img-p:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li04 > ul > li:hover > a > .img-p { color: #0090f5; } .article_juhe_box1 > .clearfix > .swiper-container > .swiper-wrapper .li04 > ul > li:hover > a > .img-p:before { background: #0090f5; } .article_juhe_box2 .nydb_ydy_box { margin-bottom: 20px; } .article_juhe_box2 .nydb_ydy_box > .nydb_ydy { top: 0px; font-size: 18px; color: #000; font-weight: bold; line-height: 50px; text-indent: 0px; } .article_juhe_box2 .nydb_ydy_box > .nydb_ydy a { display: inline-block; padding: 5px 20px; background: #d5e7ff; color: #0090ff; line-height: 20px; margin: 0px 10px; border-radius: 5px; } .article_juhe_box2 .pre_next { text-align: left !important; padding-top: 40px; } .article_juhe_box2 .pre_next > span { float: left; line-height: 40px; height: 40px; display: inline-block; background: #f3f5f8; font-size: 16px; color: #7c7f84; padding: 0px 30px; max-width: 45%; text-align: center; border-radius: 50px; margin: 0px 20px; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .article_juhe_box2 .pre_next > span > a { color: inherit; font-size: inherit; } .juhe_box01 > .new { padding-bottom: 301px; position: relative; } .juhe_box01 > .new > .article_juhe_box1.new { position: static; } .juhe_box01 > .new > .article_juhe_box1.new.active > .clearfix > .city_zixun_tab > ul > li.li01 { position: fixed; width: 285px; top: 0px; height: auto; z-index: 9; } .juhe_box01 > .new > .article_juhe_box1.new.active > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li01 { position: fixed; width: 285px; top: 0px; height: auto; } .article_juhe_box1.new > .clearfix > .swiper-container { position: static; } .article_juhe_box1.new.active > .clearfix { position: static; } .article_juhe_box1.new > .clearfix > .city_zixun_tab > ul > li.li03 { display: none; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper { position: static; transform: initial; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 { display: block !important; margin-bottom: 0px; position: absolute; bottom: 0px; left: 40px; width: 834px; height: 263px; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03:before { position: absolute; top: 17px; left: 16px; content: "推荐课程"; display: block; font-size: 18px; color: #000; border-left: 4px solid #068BF2; font-weight: bold; line-height: 18px; padding-left: 10px; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li { padding: 0; margin-top: 0px; margin-bottom: 15px; float: left; width: 24%; margin-right: 1%; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li:nth-child(4) { margin-right: 0px; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li:before { none } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li:nth-child(n+5) { display: none; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li > a { display: block; margin-bottom: 24px; position: relative; transition: all 0.3s linear; margin-bottom: 0; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li > a > .img > img { width: 100%; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li > a > div { width: 100%; height: 100%; transition: all 0.3s ease-out; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li > a > div > .p-span { display: none; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li > a > div > div > p { display: none; color: #FFFFFF; font-size: 14px; } .article_juhe_box1.new > .clearfix > .swiper-container > .swiper-wrapper .swiper-slide.li03 > ul > li > a > div > p { padding: 12px 0px; color: #666; width: 100%; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nav_weizhi { background: #F5F7FA; } .nav_weizhi > .width_main { padding-top: 30px; padding-bottom: 40px; font-size: 16px; color: #8a8d93; } .nav_weizhi > .width_main > a { font-size: inherit; color: inherit; } .nav_weizhi > .width_main > h1 { font-size: inherit; color: inherit; } .nav_weizhi > .width_main > span { font-size: inherit; color: inherit; } .nav_weizhi > .width_main > .class_shijian { float: right; } .article_new_box1 { background: #F5F7FA; position: relative; } .article_new_box1 > .fl { width: 900px; } .article_new_box1 > .width_main { } .article_new_box1 > .width_main:before, .article_new_box1 > .width_main:after { clear: both; display: block; content: ""; height: 0; visibility: hidden; font-size: 0; } .article_new_box1 > .width_main > .fl { background: #fff; width: 900px; } .article_new_box1 > .width_main > .fl > ul { text-align: center; border-bottom: 1px solid #e7e9ec; } .article_new_box1 > .width_main > .fl > ul > li { display: inline-block; } .article_new_box1 > .width_main > .fl > ul > li > a { display: inline-block; padding: 20px 30px; color: #7d7e80; font-size: 22px; } .article_new_box1 > .width_main > .fl > ul > li.on > a { color: #000; position: relative; } .article_new_box1 > .width_main > .fl > ul > li.on > a:before { content: ""; display: inline-block; width: 15%; height: 4px; background: #007AFF; position: absolute; bottom: 10px; left: 50%; margin-left: -9%; } .article_new_box1 > .width_main > .fl > .class_new_box { padding: 20px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 { display: block; min-height: auto !important; border-bottom: 1px solid #e3e3e3; } .article_new_box1 > .width_main > .fl > .class_new_box > .con02 { display: block; min-height: auto !important; border-bottom: 1px solid #e3e3e3; padding-top: 30px; padding-bottom: 30px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con03 { display: block; min-height: auto !important; padding-top: 30px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .tit { display: none; } .article_new_box1 > .width_main > .fl > .class_new_box > .con02 > .tit { display: block; width: 100%; text-align: center; font-size: 24px; font-weight: bold; color: #000; padding-bottom: 20px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con03 > .tit { display: block; width: 100%; text-align: center; font-size: 24px; font-weight: bold; color: #000; padding-bottom: 20px; } .article_new_box1 > .width_main > .fl > .class-tab { background: #fff; width: 900px; } .article_new_box1 > .width_main > .fl > .class-tab.class-tab-fixed { box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 14px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 14px 0px; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 14px 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 6px 14px 0px; position: fixed; z-index: 10; top: 0; margin-top: 0 !important; } .article_new_box1 > .width_main > .fl > .class-tab > ul { } .article_new_box1 > .width_main > .fl > .class-tab > ul > li { } .article_new_box1 > .width_main > .fl > .class-tab > ul > li.on { } .article_new_box1 > .width_main > .fl > .class_new_box { font-size: 16px; color: #666; line-height: 30px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .class_ms { margin-bottom: 30px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .class_ms > span { font-size: 18px; font-weight: bold; color: #000; display: inline-block; margin-right: 30px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .class_ms > span > a { font-size: 18px; color: #666; font-weight: normal; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .calss_ms { margin-bottom: 30px; display: inline-block; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .calss_ms > span { font-size: 18px; font-weight: bold; color: #000; display: inline-block; margin-right: 30px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .calss_ms > span > strong { font-size: 18px; color: #666; font-weight: normal; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .main-text { display: inline-block; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .main-text > .text-span { font-size: 18px; font-weight: bold; color: #000; display: inline-block; margin-right: 30px; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .main-text > .text-span > .img { display: none; } .article_new_box1 > .width_main > .fl > .class_new_box > .con01 > .main-text > .text-span > a { font-size: 18px; color: #666; font-weight: normal; } .article_new_box1 > .width_main > .fr { width: 277px; } .article_new_box1 > .width_main > .fr > .tit { position: relative; } .article_new_box1 > .width_main > .fr > .tit > ul { } .article_new_box1 > .width_main > .fr > .tit > ul > li { width: 100%; margin-left: 15px; } .article_new_box1 > .width_main > .fr > .tit > ul > li > span { display: block; } .article_new_box1 > .width_main > .fr > .swiper-container { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper { display: block; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper .swiper-slide { background: #fff; padding: 15px; padding-top: 50px; margin-bottom: 20px; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li01 { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li01 > ul { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li01 > ul > li { position: relative; height: 154px; overflow: hidden; margin-bottom: 10px; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li01 > ul > li > a { opacity: 1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px; text-align: center; background: rgba(0, 0, 0, 0.5); font-size: 16px; color: #fff; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li01 > ul > li > .img { position: static; opacity: 1; display: block; width: 100%; padding: 0px; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li01 > ul > li > .img > img { width: 100%; } /*定位*/ .article_new_box1.active > .width_main > .fr.new > .tit > ul > li.li02 > span { position: fixed; top: 13px; border-left: 7px solid #0090f5; padding-left: 10px; width: 246px; z-index: 9; height: 18px; line-height: 18px; } .article_new_box1.active > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul { margin-bottom: 0px; margin-left: -15px; position: fixed; top: 0px; height: auto; width: 277px; background: #fff; padding: 15px; padding-top: 50px; margin-bottom: 20px; } .article_new_box1.active > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li:nth-child(5) { display: none; } .article_new_box1.active > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li:nth-child(6) { display: none; } .article_new_box1.active > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li:nth-child(7) { display: none; } .article_new_box1.active > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li:nth-child(8) { display: none; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li02 { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li02 > ul { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li02 > ul > li { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li02 > ul > li > a { position: relative; padding-left: 10px; display: block; font-size: 16px; color: #575c5f; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li02 > ul > li > a:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li02 > ul > li:hover > a { color: #0090f5; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper > .li02 > ul > li:hover > a:before { background: #0090f5; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper .li03 { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper .li03 > ul { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper .li03 > ul > li { } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper .li03 > ul > li > a { position: relative; padding-left: 10px; display: block; font-size: 16px; color: #575c5f; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper .li03 > ul > li > a:before { top: 53%; left: 0px; position: absolute; content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 10px; background: #bdc4cf; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper .li03 > ul > li:hover > a { color: #0090f5; } .article_new_box1 > .width_main > .fr > .swiper-container > .swiper-wrapper .li03 > ul > li:hover > a:before { background: #0090f5; } .article_new_box1 > .width_main > .fr.active { } .article_new_box1 > .width_main > .fr.active > .tit { position: fixed; z-index: 9; width: 277px; right: auto; } .article_new_box1 > .width_main > .fr.active > .tit > ul { } .article_new_box1 > .width_main > .fr.active > .tit > ul > li.li01 { } .article_new_box1 > .width_main > .fr.active > .tit > ul > li.li02 { display: none; } .article_new_box1 > .width_main > .fr.active > .tit > ul > li.li03 { display: none; } .article_new_box1 > .width_main > .fr.active > .swiper-container > .swiper-wrapper { position: fixed; top: 0px; width: 277px; max-height: 705px; overflow: hidden; height: auto; } .article_new_box1 > .width_main > .fr.active > .swiper-container > .swiper-wrapper > .li01 > ul { } .article_new_box1 > .width_main > .fr.active > .swiper-container > .swiper-wrapper > .li01 { display: block; } .article_new_box1 > .width_main > .fr.active > .swiper-container > .swiper-wrapper > .li02 { display: none; } .article_new_box1 > .width_main > .fr.active > .swiper-container > .swiper-wrapper > .li03 { display: none; } .article_new_box1 > .width_main { position: relative; } .article_new_box1 > .width_main > .fr.new > .tit { position: static; } .article_new_box1 > .width_main > .fr.new > .tit > ul > li.li01 { position: relative; top: 33px; } .article_new_box1 > .width_main > .fr.new > .tit > ul > li.li02 { position: absolute; top: 0px; width: 277px; right: 0px; top: 15px !important; } .article_new_box1 > .width_main > .fr.new > .tit > ul > li.li03 { position: absolute; top: 903px; width: 277px; right: 0px; } .article_new_box1 > .width_main > .fr.new { width: 100%; position: static; } .article_new_box1 > .width_main > .fr.new > .swiper-container { position: static; } .article_new_box1 > .width_main > .fr.new > .swiper-container { } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper { position: static; transform: none; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper { display: block; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper { display: block; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper .swiper-slide { background: #fff; padding: 15px; padding-top: 50px; margin-bottom: 20px; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li01 { width: 900px; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li01 > ul { } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li01 > ul > li { position: relative; height: auto; overflow: hidden; margin-bottom: 10px; width: 24%; float: left; margin-right: 1%; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li01 > ul > li > a { opacity: 1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; position: static; bottom: 0px; left: 0px; width: 100%; display: block; padding: 5px 10px; text-align: left; font-size: 16px; color: #666; background: transparent; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li01 > ul > li > .img { position: static; opacity: 1; display: block; width: 100%; padding: 0px; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li01 > ul > li > .img > img { width: 100%; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 { width: 277px; height: auto; position: absolute; top: 0px; right: 0px; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul { } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li { position: relative; height: 154px; overflow: hidden; margin-bottom: 10px; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li > a { opacity: 1; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; position: absolute !important; bottom: 0px; left: 0px; width: 100%; padding: 0px 10px; text-align: center; background: rgba(0, 0, 0, 0.5); font-size: 16px; color: #fff !important; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li > .img { position: static; opacity: 1; display: block; width: 100%; padding: 0px; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li > .img > img { width: 100%; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper > .li02 > ul > li > a:before { display: none; } .article_new_box1 > .width_main > .fr.new > .swiper-container > .swiper-wrapper .li03 { width: 277px; height: auto; position: absolute; top: 903px; right: 0px; } /* 右侧悬浮 */ .article_school_box2.active { } .article_school_box2.active > .tit > ul > li.li01 { position: fixed; top: 20px; left: auto; } .article_school_box2.active > .swiper-container { position: fixed; top: 15px; width: 282px; } .article_school_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { margin-bottom: 10px; } .article_school_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li02 { display: none; } .article_school_box2.active > .swiper-container > .swiper-wrapper .swiper-slide.li03 { display: none; } .article_imgsz_box2.active { position: fixed; top: 0; width: 286px; margin-top: 0; left: calc((100% - 1200px) / 2 + 914px); } .article_imgsz_box2.active > .tit > ul > li.li02 { display: none; } .article_imgsz_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { margin-bottom: 10px; } .article_imgsz_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li02 { display: none; } .article_imgsz_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li03 { display: none; } .article_shop_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li02 { display: none; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li03 { } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li03 > .class_zixun.active { position: fixed; width: 250px; top: 0; } .article_xuexiaodongtai_box2.active { } .article_xuexiaodongtai_box2.active > .tit > ul > li.li01 { position: fixed; top: 35px !important; width: 288px; left: auto; } .article_xuexiaodongtai_box2.active > .swiper-container { position: fixed; top: 15px; width: 288px; } .article_xuexiaodongtai_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { margin-bottom: 20px; } .article_xuexiaodongtai_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li02 { display: none; } .article_xuexiaodongtai_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li04 { display: none; } .article_xuexiaodongtai_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li03 { display: none; } /* list_shop */ .listShop_Cnav { } .listShop_Cnav > .width_all { width: 1200px; margin: 0 auto; } .listShop_Cnav > .width_all > .tit { text-align: center; width: 100%; margin-bottom: 30px; } .listShop_Cnav > .width_all > .tit > span { font-size: 30px; } .listShop_Cnav > .width_all > .tit > p { font-size: 16px; color: #afb7bd; padding-top: 5px; } .listShop_Cnav > .width_all > .con { } .listShop_Cnav > .width_all > .con > ul { padding: 20px 0px; padding-bottom: 40px; border-top: 1px solid #d6dfe8; } .listShop_Cnav > .width_all > .con > ul > li { float: left; width: 9%; margin-bottom: 10px; padding: 0px 0.5%; } .listShop_Cnav > .width_all > .con > ul > li > a { font-size: 16px; color: #333; text-align: center; display: block; line-height: 35px; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .listShop_Cnav > .width_all > .con > ul > li > a:hover { background: #0090f5; color: #fff; } .listShop_nav { box-shadow: 0 26px 40px -24px #e8e8e8; margin-bottom: 50px; } .listShop_nav > .width_all { width: 1200px; margin: 0 auto; } .listShop_nav > .width_all > .tit { text-align: center; width: 100%; margin-bottom: 30px; } .listShop_nav > .width_all > .tit > span { font-size: 30px; } .listShop_nav > .width_all > .tit > p { font-size: 16px; color: #afb7bd; padding-top: 5px; } .listShop_nav > .width_all > .con { } .listShop_nav > .width_all > .con > ul { padding: 20px 0px; padding-bottom: 40px; border-top: 1px solid #d6dfe8; border-top: none; padding-bottom: 0px; } .listShop_nav > .width_all > .con > ul > li { float: left; width: 9%; margin-bottom: 10px; padding: 0px 0.5%; } .listShop_nav > .width_all > .con > ul > li > a { font-size: 16px; color: #333; text-align: center; display: block; line-height: 35px; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .listShop_nav > .width_all > .con > ul > li > a:hover { background: #0090f5; color: #fff; } .current-location { height: 50px; line-height: 50px; color: #000000; padding: 0; } .current-location p a { color: #333; line-height: 50px; font-size: 16px; } .list_shop_box1 { width: 1200px; margin: 0 auto; margin-bottom: 40px; } .list .a_img1 { display: block; width: 100%; } .list .a_img1 img { display: block; width: 100%; } .list .a_img3 { position: relative; display: block; float: left; width: 380px; height: 250px; overflow: hidden; margin-right: 16px; margin-top: 10px; margin-bottom: 33px; } .list .a_img3:last-child { margin-right: none !important; } .list .a_img3 img { display: block; width: 100%; height: 100%; } .list .a_img3 .item { position: absolute; left: 0; bottom: 0; width: 100%; height: 90px; padding: 14px 10px; } .list .a_img3 .item .p_title { text-align: center; margin-bottom: 3px; } .list .a_img3 .item .p_title span { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; padding: 3px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .list .a_img3 .item .p_text { font-size: 16px; color: #fff; text-align: center; } .list .a_img2 { position: relative; display: block; float: left; width: 590px; height: 250px; overflow: hidden; margin-right: 15px; margin-top: 10px; margin-bottom: 30px; } .list .a_img2:nth-child(2) { margin-right: 0 !important; } .list .a_img2 img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform .4s ease-out; -moz-transition: -moz-transform .4s ease-out; transition: -webkit-transform .4s ease-out; -ms-transition: -moz-transform .4s ease-out; } .list .a_img2:hover img { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); } .list .a_img2 .item { width: 200px; height: 250px; position: absolute; left: 0; top: 0; padding: 0 12px; } .list .a_img2 .item .p_title { text-align: center; margin-bottom: 16px; margin-top: 60px; } .list .a_img2 .item .p_title span { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; padding: 3px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .list .a_img2 .item .p_text { font-size: 15px; color: #fff; text-align: left; line-height: 24px; } .list_height .a_img1 { display: block; width: 100%; } .list_height .a_img1 img { display: block; width: 100%; } .list_height .a_img3 { position: relative; display: block; float: left; width: 380px; height: 250px; overflow: hidden; margin-right: 16px; margin-top: 10px; margin-bottom: 33px; } .list_height .a_img3:last-child { margin-right: none !important; } .list_height .a_img3 img { display: block; width: 100%; height: 100%; } .list_height .a_img3 .item { position: absolute; left: 0; bottom: 0; width: 100%; height: 90px; padding: 14px 10px; } .list_height .a_img3 .item .p_title { text-align: center; margin-bottom: 3px; } .list_height .a_img3 .item .p_title span { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; padding: 3px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .list_height .a_img3 .item .p_text { font-size: 16px; color: #fff; text-align: center; } .list_height .a_img2 { position: relative; display: block; float: left; width: 590px; height: 250px; overflow: hidden; margin-right: 15px; margin-top: 10px; margin-bottom: 30px; } .list_height .a_img2:nth-child(2) { margin-right: 0 !important; } .list_height .a_img2 img { display: block; width: 100%; height: 100%; -webkit-transition: -webkit-transform .4s ease-out; -moz-transition: -moz-transform .4s ease-out; transition: -webkit-transform .4s ease-out; -ms-transition: -moz-transform .4s ease-out; } .list_height .a_img2:hover img { transform: translateX(5px); -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); } .list_height .a_img2 .item { width: 200px; height: 250px; position: absolute; left: 0; top: 0; padding: 0 12px; } .list_height .a_img2 .item .p_title { text-align: center; margin-bottom: 16px; margin-top: 60px; } .list_height .a_img2 .item .p_title span { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; padding: 3px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; } .list_height .a_img2 .item .p_text { font-size: 15px; color: #fff; text-align: left; line-height: 24px; } .list_shop_box2 { position: relative; margin-bottom: 0px; padding-top: 30px; } .list_shop_box2 > .tit { width: 100%; margin-bottom: 20px; width: 245px; position: absolute; right: 27px; } .list_shop_box2 > .tit > ul { width: 100%; position: relative; } .list_shop_box2 > .tit > ul > li { padding-bottom: 10px; border-bottom: 1px solid #DEDEDE; position: absolute; width: 100%; margin-left: 0px; border-left: none; padding-left: 0px; height: auto; } .list_shop_box2 > .tit > ul > li.li01 { display: none; } .list_shop_box2 > .tit > ul > li > span { padding-left: 10px; display: block; border-left: 3px solid #147BFA; line-height: 17px; font-size: 20px; font-weight: bold; color: #000; } .list_shop_box2 > .tit > ul > li.li01 { top: 0px; } .list_shop_box2 > .swiper-container { display: block; } .list_shop_box2 > .swiper-container > .swiper-wrapper { display: block; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 { width: 903px; overflow: hidden; float: left; margin-right: 9px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose { height: 40px; border-bottom: 1px solid lightgray; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose ul { float: left; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose ul li { float: left; cursor: pointer; width: 55px; margin: 0 5px; text-align: center; line-height: 40px; border-bottom: 2px solid transparent; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose ul li.on { color: #0090F5; border-bottom: 2px solid #0090F5; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose span.fr { line-height: 40px; font-style: normal; color: #686868; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose span.fr em { font-style: normal; color: #686868; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 > .class-list-list ul { width: 100%; margin-top: 8px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 > .class-list-list ul li { position: relative; float: left; padding: 25px 0px; border-bottom: 1px solid lightgray; margin-left: 4px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul { width: 100%; margin-top: 8px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li { position: relative; width: 100%; float: left; padding: 25px 0px; border-bottom: 1px solid lightgray; margin-left: 4px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .div_text.fl { width: 70%; padding-left: 22px; } /*.class-list-list ul li:first-child{border-top: 1px solid lightgray;}*/ .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .iconfont { font-size: 22px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li a { height: auto; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img { overflow: hidden; height: 168px; width: 30%; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img img { transition: all 0.6s ease-out !important; -moz-transition: all 0.6s ease-out !important; -webkit-transition: all 0.6s ease-out !important; width: 100%; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img img:hover { opacity: .7; filter: alpha(opacity=70); } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01.class-list-list ul li .c_title { color: #000; text-align: left; margin: 0 auto 10px auto; font-size: 20px; letter-spacing: 1px; font-weight: bold; height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li p { color: #000; font-size: 14px; line-height: 28px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list .inline-p p { display: inline-block; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list .inline-p p:first-child { margin-right: 20px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .span_1 { color: #128FF0; font-size: 14px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .span_3, .span_4 { color: #5A5A5A; font-size: 14px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01.span_2 { color: #FF0000; font-size: 14px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .if1 { color: #2AC396; display: none; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .if2 { color: #FF0000; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .if3 { color: #0BB7FF; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .if4 { color: #0882F3; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .ellipsis-3 { color: #666; line-height: 30px; margin-top: 6px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .ellipsis-3 a { color: #FD5900; cursor: pointer; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .ellipsis-3 a:hover { text-decoration: underline; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .iconfont { font-size: 22px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li a { height: auto; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img { overflow: hidden; width: 30%; max-height: 168px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img img { transition: all 0.6s ease-out !important; -moz-transition: all 0.6s ease-out !important; -webkit-transition: all 0.6s ease-out !important; width: 100%; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img img:hover { opacity: .7; filter: alpha(opacity=70); } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .c_title { color: #000; text-align: left; margin: 0 auto 10px auto; font-size: 20px; letter-spacing: 1px; font-weight: bold; height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li p { color: #000; font-size: 14px; line-height: 28px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list .inline-p p { display: inline-block; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li01 .class-list-list .inline-p p:first-child { margin-right: 20px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li02 { width: 280px; padding: 0 17px; border-top: none; float: left; margin-bottom: 30px; margin-top: 10px; } .list_shop_box2 > .swiper-container > .swiper-wrapper > .li03 { width: 280px; padding: 0 17px; border-top: none; float: left; margin-top: 10px; } .list_shop_box2 > .swiper-container > .swiper-wrapper .li04 { width: 280px; padding: 0 17px; border-top: none; float: left; margin-top: 35px; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul { margin-bottom: 10px; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li { padding: 7px 0; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a { position: relative; display: block; overflow: hidden; margin: 0 auto; color: #333; } .list_shop_box2 > .swiper-container > .swiper-wrapper .li02 .class-r1-ul li a::before, .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a::after { content: ""; line-height: 0; height: 0; display: block; visibility: hidden; clear: both; } .list_shop_box2 > .swiper-container > .swiper-wrapper .li02 .class-r1-ul li a img:hover { transform: scale(1.10); -webkit-transform: scale(1.10); -moz-transform: scale(1.10); } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a img { transition: all 0.6s ease-out !important; -moz-transition: all 0.6s ease-out !important; -webkit-transition: all 0.6s ease-out !important; width: 100%; display: none; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li:nth-child(1) a img { display: block; max-width: 245.99px; max-height: 160px; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li .p-span { display: none; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li .p-span p { display: inline-block; width: 49%; text-align: center; color: #636363; line-height: 40px; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li .p-span { white-space: nowrap; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li:nth-child(1) .img-p { padding-top: 0px; padding-left: 0px; opacity: 0; position: absolute; bottom: 0; left: 0; text-align: center; color: #fff; line-height: 153px; height: 100%; width: 100%; background: rgba(0, 0, 0, .5); transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li:nth-child(1):hover .img-p { opacity: 1; } .list_shop_box2_new { position: relative; margin-bottom: 0px; } .list_shop_box2_new > .tit { width: 100%; margin-bottom: 20px; width: 245px; position: absolute; right: 27px; } .list_shop_box2_new > .tit > ul { width: 100%; position: relative; } .list_shop_box2_new > .tit > ul > li { padding-bottom: 10px; border-bottom: 1px solid #DEDEDE; position: absolute; width: 100%; margin-left: 0px; border-left: none; padding-left: 0px; height: auto; } .list_shop_box2_new > .tit > ul > li.li01 { display: none; } .list_shop_box2_new > .tit > ul > li > span { padding-left: 10px; display: block; border-left: 3px solid #147BFA; line-height: 17px; font-size: 20px; font-weight: bold; color: #000; } .list_shop_box2_new > .tit > ul > li.li01 { top: 0px; } .list_shop_box2_new > .swiper-container { display: block; } .list_shop_box2_new > .swiper-container > .swiper-wrapper { display: block; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 { width: 903px; overflow: hidden; float: left; margin-right: 26px; min-height: 1000px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .tit { display: none; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose { height: 40px; border-bottom: 1px solid lightgray; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose ul { float: left; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose ul li { float: left; cursor: pointer; width: 55px; margin: 0 5px; text-align: center; line-height: 40px; border-bottom: 2px solid transparent; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose ul li.on { color: #0090F5; border-bottom: 2px solid #0090F5; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose span.fr { line-height: 40px; font-style: normal; color: #686868; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .class-list-choose span.fr em { font-style: normal; color: #686868; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .class-list-list ul { width: 100%; margin-top: 8px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 > .class-list-list > ul > li { position: relative; float: left; padding: 25px 0px; border-bottom: 1px solid lightgray; margin-left: 4px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul { width: 100%; margin-top: 8px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list > ul > li { position: relative; width: 100%; float: left; padding: 25px 0px; border-bottom: 1px solid lightgray; margin-left: 4px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .div_text.fl { width: 70%; padding-left: 22px; } /*.class-list-list ul li:first-child{border-top: 1px solid lightgray;}*/ .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .iconfont { font-size: 22px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li a { height: auto; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img { overflow: hidden; height: 168px; width: 30%; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img img { transition: all 0.6s ease-out !important; -moz-transition: all 0.6s ease-out !important; -webkit-transition: all 0.6s ease-out !important; width: 100%; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img img:hover { opacity: .7; filter: alpha(opacity=70); } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01.class-list-list ul li .c_title { color: #000; text-align: left; margin: 0 auto 10px auto; font-size: 20px; letter-spacing: 1px; font-weight: bold; height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li p { color: #000; font-size: 14px; line-height: 28px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list .inline-p p { display: inline-block; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list .inline-p p:first-child { margin-right: 20px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .span_1 { color: #128FF0; font-size: 14px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .span_3, .span_4 { color: #5A5A5A; font-size: 14px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01.span_2 { color: #FF0000; font-size: 14px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .if1 { color: #2AC396; display: none; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .if2 { color: #FF0000; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .if3 { color: #0BB7FF; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .if4 { color: #0882F3; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .ellipsis-3 { color: #666; line-height: 30px; margin-top: 6px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .ellipsis-3 a { color: #FD5900; cursor: pointer; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .ellipsis-3 a:hover { text-decoration: underline; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .iconfont { font-size: 22px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li a { height: auto; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img { overflow: hidden; width: 30%; max-height: 168px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img img { transition: all 0.6s ease-out !important; -moz-transition: all 0.6s ease-out !important; -webkit-transition: all 0.6s ease-out !important; width: 100%; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .div-img img:hover { opacity: .7; filter: alpha(opacity=70); } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li .c_title { color: #000; text-align: left; margin: 0 auto 10px auto; font-size: 20px; letter-spacing: 1px; font-weight: bold; height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul li p { color: #000; font-size: 14px; line-height: 28px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list .inline-p p { display: inline-block; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list .inline-p p:first-child { margin-right: 20px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li02 { width: 270px; padding: 0 12px; float: left; padding-top: 10px; border: 1px solid #eaeef1; margin-bottom: 20px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li03 { width: 270px; padding: 0 12px; float: left; padding-top: 10px; border: 1px solid #eaeef1; margin-bottom: 20px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .li04 { width: 270px; padding: 0 12px; float: left; padding-top: 10px; border: 1px solid #eaeef1; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul { margin-bottom: 10px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li { padding: 7px 0; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a { position: relative; display: block; overflow: hidden; margin: 0 auto; color: #333; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a:hover > div { color: #000; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a > div { padding-left: 17px; color: #767779; position: relative; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a > div:before { content: ''; display: block; width: 5px; height: 5px; background-color: #d4d6d8; position: absolute; left: 0; top: 10px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .li02 .class-r1-ul li a::before, .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a::after { content: ""; line-height: 0; height: 0; display: block; visibility: hidden; clear: both; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .li02 .class-r1-ul li a img:hover { transform: scale(1.10); -webkit-transform: scale(1.10); -moz-transform: scale(1.10); } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li a img { transition: all 0.6s ease-out !important; -moz-transition: all 0.6s ease-out !important; -webkit-transition: all 0.6s ease-out !important; width: 100%; display: none; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li:nth-child(1) a img { display: block; max-width: 245.99px; max-height: 160px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li .p-span { display: none; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li .p-span p { display: inline-block; width: 49%; text-align: center; color: #636363; line-height: 40px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li .p-span { white-space: nowrap; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li:nth-child(1) .img-p { padding-top: 0px; padding-left: 0px; opacity: 0; position: absolute; bottom: 0; left: 0; text-align: center; color: #fff; line-height: 153px; height: 100%; width: 100%; background: rgba(0, 0, 0, .5); transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .list_guanggao > .swiper-container > .swiper-pagination { bottom: 30px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li:nth-child(1):hover .img-p { opacity: 1; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .swiper-slide > .tit { display: block; padding-bottom: 10px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .swiper-slide > .tit > span { display: block; font-size: 16px; font-weight: bold; padding-left: 6px; border-left: 4px solid #0090f5; line-height: 18px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .tit { display: none; } .class-list-right .class-r1-ul li:nth-child(1) .img-p { padding-top: 15px; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li .img-p { position: relative; padding-left: 10px; font-size: 16px; color: #333; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .list_shop_box2 > .swiper-container > .swiper-wrapper .swiper-slide .class-r1-ul li .img-p::before { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 3px; background: #666; top: 50%; left: 0px; } /*.list_shop_box2 >.swiper-container>.swiper-wrapper .swiper-slide .class-r1-ul li .img-p{-webkit-line-clamp: 2;}*/ .list_head2 { width: 1200px; margin: 0 auto; padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); position: relative; top: -15px; z-index: 9999; background-color: #ffffff; border-radius: 5px; margin-bottom: 30px; } .list_head2 > .con > ul { padding: 0 15px; } .list_head2 > .con > ul > li { display: inline-block; } .list_head2 > .con > ul > li > a { padding: 5px 10px; font-size: 14px; display: inline-block; border: 1px solid #fff; margin: 5px 0; border-radius: 10px; } .list_head2 > .con > ul > li:hover > a { color: #258bf2; border: 1px solid #6eace9; } .list_shop_tab { width: 1200px; position: relative; margin: 0px auto 0 auto; } .list_shop_tab > div { position: absolute; top: 0; left: 0; width: 903px; border-bottom: 2px solid #dfe1e4; z-index: 999; } .list_shop_tab > div > span { font-size: 24px; color: #8a8f93; margin-right: 20px; display: inline-block; width: 60px; text-align: center; cursor: pointer; position: relative; padding-bottom: 10px; font-weight: bold; } .list_shop_tab > div > span.active { color: #000; } .list_shop_tab > div > span.active:after { content: ""; height: 3px; background-color: #1586f9; width: 100%; position: absolute; left: 0; bottom: -2px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list .ul1, .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list .ul2 { margin-top: 40px; display: none; margin-bottom: 40px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list .ul1.active, .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list .ul2.active { display: block; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul.ul2 li .div-img { height: auto; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul.ul2 li .div-img > a { display: block; height: 100%; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul.ul2 li .div-img > a > img { width: 85%; margin: 7px auto; display: block; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul.ul2 li .if3 { margin-right: 5px; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul.ul2 li .iconfont { font-size: 16px; color: #9aabb8; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul.ul2 li .inline-p p { color: #95a0a9; } .list_shop_box2_new > .swiper-container > .swiper-wrapper > .li01 .class-list-list ul.ul2 li .inline-p p span { color: #95a0a9; } .list_zixun_box2.active { } .list_zixun_box2.active > .tit > ul > li.li01 { position: fixed; top: 20px !important; width: 288px; left: auto; } .list_zixun_box2.active > .swiper-container { position: fixed; top: 0px; width: 288px; } .list_zixun_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li01 { margin-bottom: 20px; } .list_zixun_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li02 { display: none; } .list_zixun_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li03 { display: none; } .list_shop_box2.active > .tit > ul > li.li02 { position: fixed; top: 20px !important; width: 247px; background: #fff; } .list_shop_box2.active > .swiper-container { } .list_shop_box2.active > .swiper-container > .swiper-wrapper { transform: none; } .list_shop_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li02 { background: #fff; margin-top: 0px; z-index: 99; height: auto; margin-bottom: 20px; position: fixed; top: 45px; width: 295px; left: calc((100% - 1200px) / 2 + 912px); } .list_shop_box2.active > .swiper-container > .swiper-wrapper > .swiper-slide.li03 { display: none; } .list_shop_box2_new.active > .tit > ul > li.li02 { position: fixed; top: 20px !important; width: 247px; background: #fff; } .list_shop_box2_new.active > .swiper-container { } .list_shop_box2_new.active > .swiper-container > .swiper-wrapper { transform: none; } .list_shop_box2_new.active > .swiper-container > .swiper-wrapper > .swiper-slide.li02 { background: #fff; margin-top: 0px; z-index: 99; height: auto; margin-bottom: 20px; position: fixed; top: 0px; padding-top: 15px; width: 270px; left: calc((100% - 1200px) / 2 + 930px); } /*.list_shop_box2_new.active>.swiper-container >.swiper-wrapper >.swiper-slide.li03{display: none;}*/ .dede_pages > .pagelist > li { padding: 7px 7px; } .dede_pages { margin-bottom: 5px; } .dede_pages ul { float: left; padding: 30px 0px; } .dede_pages ul li { float: left; font-family: Tahoma; line-height: 17px; margin-right: 6px; border: 1px solid #E9E9E9; } .dede_pages ul li:hover { background-color: #f2f5f7; } .dede_pages ul li a { float: left; color: #555; display: block; padding: 0px 7px; } .dede_pages ul li a { color: #690; text-decoration: none; } .dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover { background-color: #F8F8F8; font-weight: bold; } .dede_pages .pageinfo { line-height: 21px; color: #666; } .dede_pages .pageinfo strong { color: #555; font-weight: normal; margin: 0px 2px; } .dede_pages > .pagelist .pageinfo { line-height: initial; } .dede_pages > .pagelist .pageinfo > strong { color: #000000; font-weight: normal; } /* #jesong_panel{top:30%!important;} */ .dede_pages { text-align: center; } .dede_pages > .pagelist > li { display: inline-block; margin-right: 10px; margin-bottom: 10px; } .dede_pages > .pagelist > li > a { font-size: 14px; color: #98a1ae; display: block; } .dede_pages > .pagelist > li:hover > a { color: #0280f1; } .dede_pages > .pagelist > li.thisclass > a { color: #0280f1; } .dede_pages > .pagelist > li:nth-child(1) { background-color: #f2f5f7; border-radius: 5px; color: #5f6b79; padding: 7px 15px; } .dede_pages > .pagelist > li:nth-child(1) > a { padding: 0px; } .dede_pages > .pagelist > li:nth-last-child(3) { background-color: #f2f5f7; border-radius: 5px; color: #5f6b79; } .dede_pages > .pagelist > li:nth-last-child(2) { display: none; } .dede_pages > .pagelist > li:nth-last-child(1) { background-color: #f2f5f7; border-radius: 5px; color: #5f6b79; font-size: 14px; padding: 7px 15px; } .cclx { display: inline-block; margin-left: 15px; color: #0082f1; } .BMap_bubble_content > .content:nth-child(2) { display: inline-block; } .BMap_bubble_content > .content:nth-child(3) { display: inline-block; } .list_guanggao { max-height: 445px; overflow: hidden; } .list_guanggao > .swiper-container { } .list_guanggao > .swiper-container > .swiper-wrapper { } .list_guanggao > .swiper-container > .swiper-wrapper > .swiper-slide { } .list_guanggao > .swiper-container > .swiper-wrapper > .swiper-slide a { display: block; } .list_guanggao > .swiper-container > .swiper-wrapper > .swiper-slide a img { display: block; width: 100%; } .list_guanggao > .swiper-wrapper > .swiper-slide > a { display: block; height: 445px; width: 100%; } .list_guanggao .swiper-button-prev { width: 32px; height: 80px; background: rgba(0, 0, 0, .2) no-repeat center; background-image: url(../images/l_arrow.png); background-size: 80%; left: 0; } .list_guanggao .swiper-button-next { width: 32px; height: 80px; background: rgba(0, 0, 0, .2) no-repeat center; background-image: url(../images/r_arrow.png); background-size: 80%; right: 0; } .list_guanggao .swiper-button-prev:hover { background: rgba(0, 144, 245, .4) no-repeat center; background-image: url(../images/l_arrow.png); background-size: 80%; } .list_guanggao .swiper-button-next:hover { background: rgba(0, 144, 245, .4) no-repeat center; background-image: url(../images/r_arrow.png); background-size: 80%; } .listShop_Cnav.new > .width_all > .con > ul { border-top: none; padding-bottom: 0px; } .listShop_Cnav.new { box-shadow: 0 26px 40px -24px #e8e8e8; margin-bottom: 50px; } .Limg_box01 { width: 100%; background: #f7f7f7; } .Limg_box01 > .center { width: 1200px; margin: 0 auto; } .Limg_box01 > .center > p { display: block; line-height: 45px; color: #888; } .list_new_class_box01 .dede_pages ul { float: left; padding: 12px 0px 12px 16px; } .list_new_class_box01 { padding-top: 40px; } .list_new_class_box01 > .width_main { position: relative; } .list_new_class_box01 > .width_main .tit { width: 100%; margin-bottom: 20px; width: 312px; position: absolute; right: 0px; } .list_new_class_box01 > .width_main .tit > ul { width: 100%; position: relative; } .list_new_class_box01 > .width_main .tit > ul > li { padding-bottom: 15px; border-bottom: 1px solid #DEDEDE; position: absolute; width: 100%; } .list_new_class_box01 > .width_main .tit > ul > li.li01 { display: none; } .list_new_class_box01 > .width_main .tit > ul > li > span { padding-left: 10px; display: block; border-left: 3px solid #147BFA; line-height: 17px; font-size: 20px; font-weight: bold; } .list_new_class_box01 > .width_main .tit > ul > li.li01 { top: 0px; } .list_new_class_box01 > .width_main > .con { overflow: hidden; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper { display: block; } /*解决浮动的问题*/ .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .swiper-slide { min-height: 1px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 { width: 840px; float: left; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 { width: 312px; float: right; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 { width: 312px; float: right; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul { } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li { width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dadfe6; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > a { display: block; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li { *zoom: 1; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li:before, .clearfix:after { clear: both; display: block; content: ""; height: 0; visibility: hidden; font-size: 0; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > a { display: inline-block; width: 30%; float: left; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > a > img { width: 100%; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > .text { width: 100%; padding-left: 35%; padding-right: 30px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > .text > a { display: block; margin-bottom: 20px; font-size: 20px; color: #000000; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > .text > a:hover { color: #147bfa; cursor: pointer; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > .text > label { font-size: 14px; color: #a6abb0; margin-right: 40px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > .text > label > em { font-style: normal; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_01 > ul > li > .text > p { font-size: 14px; color: #81868a; font-weight: normal; line-height: 25px; padding-top: 40px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 { padding-bottom: 20px; margin-top: 53px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul { } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li { margin-bottom: 20px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .img { width: 143px; overflow: hidden; max-height: 98px; float: left; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .img > a { display: block; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .img > a > img { display: block; width: 100%; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .text { width: 154px; height: 90px; float: right; position: relative; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .text > a { line-height: 27px; font-weight: normal; font-size: 18px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .text > a:hover { color: #147bfa; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .text > label { position: absolute; bottom: 0px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .text > label > a { color: #888; font-size: 14px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_02 > ul > li > .text > label > a:hover { color: #147bfa; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 { margin-top: 53px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 > ul { } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 > ul > li { margin-bottom: 20px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 > ul > li > .img { width: 143px; overflow: hidden; max-height: 98px; float: left; border: 1px solid #dedede; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 > ul > li > .img > a { display: block; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 > ul > li > .img > a > img { display: block; width: 100%; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 > ul > li > .text { width: 154px; float: right; position: relative; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 > ul > li > .text > a { line-height: 25px; font-weight: normal; font-size: 16px; } .list_new_class_box01 > .width_main > .con > .swiper-wrapper > .li_03 > ul > li > .text > a:hover { color: #147bfa; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li:nth-child(n+5) { display: none; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li { margin-bottom: 10px; height: auto; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li > a { display: block; position: static !important; height: 100%; padding: 0px; background: transparent; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li:hover > a > div > .img-p { color: #068BF2; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li > a > div > .img-p { text-align: left; width: 100%; bottom: -61px; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li > a > div > .p-span { display: none; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li > a > div { background: transparent; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li > a > .img { position: static; width: 100%; height: 154px; background: #f7f7f7; overflow: hidden; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li02 > ul > li > a > .img > img { width: 100%; transition: all 0.3s ease-out; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li:nth-child(n+5) { display: none; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li { margin-bottom: 10px; height: auto; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li > a { display: block; position: static !important; height: 100%; padding: 0px; background: transparent; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li:hover > a > div > .img-p { color: #068BF2; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li > a > div > .img-p { text-align: left; width: 100%; bottom: -61px; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li > a > div > .p-span { display: none; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li > a > div { background: transparent; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li > a > .img { position: static; width: 100%; height: 132px; background: #f7f7f7; overflow: hidden; } .article_new_box1 > .width_main > .fr.new > .swiper-container.new > .swiper-wrapper > .li01 > ul > li > a > .img > img { width: 100%; transition: all 0.3s ease-out; } .article_xuexiaodongtai_box .side_fix { display: none !important; } .article_xuexiaodongtai_box .foot-fixed { display: none !important; } .article_xuexiaodongtai_box #jesong_monitor { display: none !important; } .article_xuexiaodongtai_box #jesong_panel { display: none !important; } .article_xuexiaodongtai_box .qinxue-footer { margin-bottom: 0px !important; } .article_xuexiaodongtai_box.no_tel .member_tel { display: none; } .article_juhe_box .side_fix { display: none !important; } .article_juhe_box .foot-fixed { display: none !important; } .article_juhe_box #jesong_monitor { display: none !important; } .article_juhe_box #jesong_panel { display: none !important; } .article_juhe_box .qinxue-footer { margin-bottom: 0px !important; } .article_juhe_box.no_tel .member_tel { display: none; } .article_juhe_box .qinxue-footer { } .lyk { margin: 40px auto; margin-bottom: 60px; border: 1px solid #D7DBDE; border-radius: 3px; overflow: hidden; background: url(../images/zxly.jpg) no-repeat left top; } .lyk form { } .lyk ul { overflow: hidden; margin-top: 15px; } .lyk ul li { line-height: 60px; height: 60px; margin-bottom: 20px; } .lyk ul li span { padding-left: 170px; float: left; line-height: 60px; text-align: center; } .lyk ul li span font { color: #2D2A2A;; font-size: 16px; height: 40px; text-align: center; line-height: 55px; width: 70px; float: left; margin-right: 5px; } .lyk .wb { border: 1px solid #049df1; width: 200px; height: 35px; border-radius: 25px; padding-left: 8px; margin-top: 10px; } .lyk .kj { width: 538px; height: 120px; border: 1px solid #049df1; border-radius: 3px; margin-top: 10px; } .lyk .yzm { height: 36px; width: 80px; margin-top: 10px; border: 1px solid #049df1; } .lyk .tjan { width: 60px; border-radius: 3px; line-height: 30px; height: 30px; margin-left: -30px; background-color: #FF9900; color: #fff; border: none; margin-top: 10px; } .lyk .tjan:hover { box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; } .lyk .tp { text-align: center; width: 50px; height: 20px; margin-top: 10px; padding-left: 10px; } .lyk .an { margin-bottom: 10px; } #email { height: 35px; border: 1px solid #049df1; border-radius: 2px; } /* .list_head{box-shadow: 0 26px 40px -24px #e8e8e8;padding:20px 0;margin-bottom: 50px;} */ /* .list_head>.con{width: 1200px;margin: 0 auto;} */ /* .list_head>.con>.tab{display: none;} */ /* .list_head>.con>.tab_box{position: relative;} */ /* .list_head>.con>.tab_box>span{position: absolute;top: 0;left: 0;color: #000000;font-weight: bold;font-size:16px;} */ /* .list_head>.con>.tab_box>span.more{right: 0;left: auto;color: #f61f1f;cursor:pointer;} */ /* .list_head>.con>.tab_box>span.more>.iconfont{color: #3f3f3f;display: inline-block;} */ /* .list_head>.con>.tab_box>span>.iconfont.ro{transform: rotate(180deg);} */ /* .list_head>.con>.tab_box>ul{margin-left: 50px;margin-bottom: 15px;padding-bottom: 10px;} */ /* .list_head>.con>.tab_box>ul.ul01{border-bottom: 1px solid #f1f3f7;} */ /* .list_head>.con>.tab_box>ul>li{display:inline-block;margin-right: 5px;margin-bottom: 10px;} */ /* .list_head>.con>.tab_box>ul>li>a{color:#666666;font-size: 15px;} */ /* .list_head>.con>.tab_box>ul>li>a:hover{color: #0090F5;} */ /* .list_head>.con>.tab_box>ul.ul02{height: 35px;overflow: hidden;margin-right: 50px;margin-bottom:0;} */ .list_head { box-shadow: 0 8px 16px 0 rgba(28, 31, 33, .1); padding: 0px 0 1px 0; margin-bottom: 50px; } .list_head > .con { width: 100%; margin: 0 auto; max-width: 1920px; } .list_head > .con > .tab { display: block; background-color: #ffffff; } .list_head > .con > .tab > ul { width: 1200px; padding: 20px 0 10px 0; margin: 0 auto; border-bottom: 1px solid lightgray; } .list_head > .con > .tab > ul > li { display: inline-block; margin: 0 20px; font-size: 18px; font-weight: 600; cursor: pointer; position: relative; } .list_head > .con > .tab > ul > li > i { display: block; width: 25px; height: 5px; position: absolute; left: 18%; bottom: -13px; } .list_head > .con > .tab > ul > li.active { color: #0090F5; } .list_head > .con > .tab > ul > li.active > i { background-color: #0090F5; } .list_head > .con > .tab_box { position: relative; width: 1200px; margin: 20px auto; display: none; } .list_head > .con > .tab_box.active { display: block; } .list_head > .con > .tab_box > span { display: none; } .list_head > .con > .tab_box > span.more { right: 0; left: auto; color: #f61f1f; cursor: pointer; } .list_head > .con > .tab_box > span.more > .iconfont { color: #3f3f3f; display: inline-block; } .list_head > .con > .tab_box > span > .iconfont.ro { transform: rotate(180deg); } .list_head > .con > .tab_box > ul { margin-left: 0px; margin-bottom: 15px; padding-bottom: 10px; } .list_head > .con > .tab_box > ul > li { display: block; margin-right: 5px; margin-bottom: 10px; width: 104px; float: left; height: 25px; line-height: 25px; } .list_head > .con > .tab_box > ul > li > a { color: #666666; font-size: 15px; display: block; height: 25px; line-height: 25px; border-radius: 5px; padding: 0 5px; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; } .list_head > .con > .tab_box > ul > li > a:hover { background-color: #0090F5; color: #FFFFFF; } .list_head > .con > .tab_box > ul.ul02 { height: auto; overflow: hidden; margin-right: 0px; margin-bottom: 0; } .list_head > .con > .tab_box > ul.ul02 > li { width: 104px; } /* 编辑模板 */ .ys_box03 > ul > li > .con > span { display: block; width: 100%; height: 50px; line-height: 50px; color: white !important; text-align: center; } .ys_box03 > ul > li > .con > p { padding: 30px 20px; font-size: 14px; color: white !important; line-height: 25px; } /* 微信隐藏*/ .side_fix > ul > li.try { border: none; } .side_fix > ul > li.wx { display: none; } .class-name > .class-name-body > div > p > i.icon-weixin-copy { font-size: 18px; margin-left: 10px; position: absolute; left: 0; top: 0; } .class-name > .class-name-body > div > p > i.icon-weixin-copy:before { content: "\e63c"; } .member_contact_box1 > #contact-left > .text-p > div > .black > span > i.icon-weixin-copy:before { content: "\e63c"; } .article_shop_box2 > .swiper-container > .swiper-wrapper > .swiper-slide.li01 > .class-list-left > .class-pp > span > a.te { display: none; } .class-name > .class-name-body > div > p > b { position: relative; } .class-name > .class-name-body > div > p > b > a { margin-left: 40px; } .side_fix { top: 40%; }