.yewu-text .pic.yewu-text { margin-top: 0.9rem; padding: 0 1rem; margin-bottom: 1.2rem; } .yewu-text .pic { width: 50%; } .yewu-text .txt p{text-align: justify;} .yewu-text .pic img { width: 3rem; } .yewu-text .text { font-size: 0.18rem; line-height: 2; } .yewu-text { margin-top: 0.9rem; padding: 0 1rem; margin-bottom: 1.2rem; } .yewu-text .content { border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -o-border-radius: 0.15rem; margin-top: 1.2rem; padding: 0.35rem; box-shadow: 0 0.1rem 0.35rem rgba(0, 0, 0, .2); } .yewu-text .pic { margin-top: -0.9rem; margin-right: 0.6rem; border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem; -ms-border-radius: 0.15rem; -o-border-radius: 0.15rem; overflow: hidden; width: 5.7rem; } .yewu-text .pic img { width: 100%; } @media (max-width:1199px) { .yewu-text .pic { width: 6.5rem; } } @media (max-width:950px) { .yewu-text .pic { width: 7.5rem; } } @media (max-width:480px) { .yewu-text .pic { width: 100%; margin-right: 0;margin-top: .4rem; } } .jiaoyu { background-color: #f5f7fa; overflow: hidden; padding-bottom: 1.2rem; } .jiaoyu .content { margin-top: 0.9rem; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; overflow: hidden; } .jiaoyu .content .pic { width: 6rem; overflow: hidden; } .jiaoyu .content .pic img { width: 100%; } .jiaoyu .content .text-content { padding: 0.4rem 0.6rem; } .jiaoyu .content p { padding-left: 15px; margin: 0; } .jiaoyu .content .con { border-bottom: 4px #eee solid; height: 1.8rem; margin-bottom: 0.4rem; } .jiaoyu .content .item { padding-right: 0.4rem; width: 33.333%; } .jiaoyu .content .item .f20{font-weight: bold;} .jiaoyu .content .item .txt { margin-top: 0.2rem; } .jiaoyu .content p::after { content: ''; position: absolute; left: 0; top: 0.14rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 0.06rem; height: 0.06rem; background-color: #a0a5ad; } .jiaoyu .content .num-con { width: 25%; } .jiaoyu .content .num-con .num { color: #1d82d6; } .jiaoyu .content .num-con .num .counter { font-size: 0.36rem; } .jiaoyu .content .num-con .num .counter::after { content: '+'; } .jiaoyu .content .num-con:first-child .num .counter::after { display: none; } .jiaoyu ul { padding: 0.4rem 0.6rem; } .jiaoyu li { width: 32%; margin-right: 2%; background-color: #f5f7fa; height: 100%; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; overflow: hidden; padding: 0.2rem; } .jiaoyu li:last-child { margin-right: 0; } .jiaoyu li .txt { margin-top: 0.1rem; height: 1.3rem; border-bottom: 1px #e3e5ea solid; margin-bottom: 0.15rem; } .jiaoyu li .tit { margin-top: 0.15rem; font-weight: bold; } .jiaoyu li .t1 { color: #1d82d6;font-weight: bold; } .anli { margin-top: 0.9rem; margin-bottom: 1.2rem; } .anli .mySwiper { overflow: hidden; } .anli .swiper-slide { padding: 0.2rem; } .anli .swiper-slide a { border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; overflow: hidden; position: relative; } .anli .swiper-slide .fc_txt{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(45deg, #1d82d6, #02b4ee); color: #fff; padding: 20px; opacity: 0; transition: all .3s; } .anli .pic { width: 100%; height: 2.5rem; overflow: hidden; } .anli .pic img { width: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .anli .txt { line-height: 0.8rem; } @media (min-width:1025px) { .jiaoyu li:hover { background-image: linear-gradient(45deg, #1d82d6, #02b4ee); color: #FFF; } a:hover{color: #5b626c;} .jiaoyu li:hover .t1{color: #FFF;} .anli .swiper-slide a:hover .pic img { transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } .anli .swiper-slide a:hover .fc_txt{opacity:1} } @media (max-width:1199px) { .yewu-text .text { font-size: 0.28rem; } .yewu-text .pic img { width: 3.4rem; } .jiaoyu .content .num-con .num .counter { font-size: 0.48rem; } .jiaoyu .content .pic, .anli .pic img { display: none; } .jiaoyu .content .con { height: auto; padding-bottom: 0.6rem; } .anli .txt { line-height: 1.2rem; } .anli .pic { height: 3.5rem; } } @media (max-width:950px) { .yewu-text .text { font-size: 0.36rem; } .yewu-text .pic img { width: 4.2rem; } .jiaoyu .content .num-con .num .counter { font-size: 0.62rem; } .jiaoyu li .txt { height: 2.2rem; } } @media (max-width:767px) { .yewu-text { padding: 0 .8rem; } .yewu-text .text { padding-right: 0; font-size: 0.42rem; } .jiaoyu li .txt { height: 2.8rem; } .anli .txt { line-height: 2rem; } .anli .pic { height: 5.5rem; } } @media (max-width:480px) { .yewu-text .text { font-size: 0.7rem; } .yewu-text .pic, .jiaoyu .content .item, .jiaoyu li { width: 100%; margin-bottom:20px; } .yewu-text .pic img { width: 100%; } .jiaoyu .content .num-con { width: 50%; } .jiaoyu .content .num-con .num .counter { font-size: 0.9rem; } .jiaoyu .content .item { margin-top: 0.8rem; } .jiaoyu .content p::after { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 0.2rem; height: 0.2rem; } .jiaoyu li { height: auto; padding: 0.8rem; } .jiaoyu li .txt { margin-bottom: 0.8rem; } .anli .pic { height: 6.5rem; } .yewu-text .content { padding:.8rem;} .yewu-text .pic { margin-top:0;} } @media (max-width:375px) { .yewu-text .text { font-size: 0.76rem; margin-top: 0.8rem; } .yewu-text .pic img { width: 100%; } .jiaoyu .content .num-con .num .counter { font-size: 1.2rem; } .anli .pic { height: 9.5rem; } } @media (max-width:320px) {}