/*前端页面*/
.web_warp .ban.cur img{margin-top: -.95rem;}
.web_warp .a_btn{background: #ff8400;}
.web_warp .ban .a_btn{background: none;border: 1px solid #00fffc;width: 3.3rem;margin-left: -1.65rem;box-shadow: none;}
.web_warp .ban .btn_video i{background-image: url(/http/web.itheima.com/2020phone/images/webimg/img_icons.png);}
.web_warp .banbot{background: #f5f9ff;}
.web_warp .xyqy p{background: -moz-linear-gradient(to bottom , #3ebdf1, #139bff);background: linear-gradient(to bottom, #3ebdf1,#139bff );}
.web_warp .js_box1 ul li{width: 3.33rem;background: #edf7ff;padding: .3rem 0 .45rem;border-radius: .15rem;}
.web_warp .js_box1 ul li:first-child{margin-right: .2rem;}
.web_warp .js_box1 ul li img{width: 2.93rem;margin:0 auto .2rem;}	
.web_warp .js_box1 ul li p{color: #4a4a4a;}
.web_warp .js_box1 ul li p b{display: inline-block;color: #212121;font-size: .25rem;}
.web_warp .js_box2 {background: #f5f9ff;}
.web_warp .js_box2 .main .m_con b{background: #139bff;color: #c7e1ff;}
.web_warp .js_box3 .con{background: #fff;box-shadow:0 0 .3rem rgba(227,232,242,.9);}
.web_warp .js_box4_web{background: #00a4f9;padding-bottom: .5rem;}
.web_warp .js_box4_web .boxjytd_hd{color: #fff;}
.web_warp .js_box4_web .boxjytd_hd span{box-shadow:0 0.42rem 0 #3dc5ff}
.web_warp .js_box4_web .con{width: 6.09rem;background:#6accff;border-radius: .15rem;margin: 0 0 .16rem 1.1rem;padding: .18rem 0 .24rem;}
.web_warp .js_box4_web .con:nth-child(3){background:#57c6ff;}
.web_warp .js_box4_web .con:nth-child(4){background:#57c6ff;}
.web_warp .js_box4_web .con:nth-child(5){background:#3abcff;}
.web_warp .js_box4_web .con:nth-child(6){background:#3abcff;}
.web_warp .js_box4_web .con:nth-child(7){background:#1eb0fc;}

.web_warp .js_box4_web .con p{font-size: .34rem;color: #fff;font-weight: bold;padding: 0 0 .1rem .25rem;}
.web_warp .js_box4_web .con span{display: block;font-size: .24rem;color: #fff;line-height: .3rem;padding-left: .25rem;padding-right: .1rem;}
.web_warp .js_box4_web .main{position: relative;}
.web_warp .js_box4_web .main img{width: .59rem;position: absolute;top: .2rem;left: .3rem;}
.web_warp .js_box5 ul li .fl i{background-image:url(/http/web.itheima.com/2020phone/images/webimg/img_icons.png) ;}
.web_warp .js_box5 ul li{background: #f5f9ff;}
.web_warp .js_box6{background: #f5f9ff;margin-top: .8rem;padding-bottom: .5rem;}
.web_warp .js_box6 .con span{line-height: .45rem;}
.web_warp .js_box7{background: #00a4f9;position: relative;}
.web_warp .js_box7 .main{background: none;}								
.web_warp .js_box7 .swiper-slide .top{background: #188aea;padding-bottom: .3rem;padding-top: .2rem;}
.web_warp .js_box7 .boxjytd_hd span{box-shadow: 0 0.42rem 0 #32b9ff;}
.web_warp .js_box7 .swiper-pagination-bullet{border-color: #7ec7ff;}
.web_warp .js_box7 .swiper-pagination-bullet-active{background: #ff9c00;border-color: #ff9c00;}
.web_warp .js_box7 .img1{position: absolute;top: 1rem;right: 0;width: 1.96rem;}
.web_warp .js_box7 .img2{position: absolute;bottom: 1.8rem;left: 0;width: 2.91rem;}
.web_warp .js_box8 .main{background: #00a4f9;border-radius: .2rem;box-shadow: 0 .2rem .3rem rgba(159,201,231,69);overflow: hidden;width: 6.9rem;margin: 0 auto;padding-top: .5rem;}
.web_warp .js_box8 .main .img1{width: 1.6rem;float: left;margin-left: .54rem;}
.web_warp .js_box8 .main .fr{float: left;margin-left: .05rem;}
.web_warp .js_box8 .main .fr p{font-size: .26rem;width: 4rem;color: #fff;border-bottom: .03rem solid #1ab1ff;padding: .2rem 0 .25rem;line-height: .4rem;margin-bottom: .1rem;}
.web_warp .js_box8 .main .fr p:last-child{border-bottom: none;}
.web_warp .js_box9{background: #fff;}
.web_warp .js_box9 .main .con{top: 0;left: .34rem;width: 6.18rem;}
.web_warp .js_box9 .main .con .fl,.web_warp .js_box9 .main .con .fr{width: 2.7rem;}
.web_warp .js_box9 .main .con p{padding: .15rem 0;}
.web_warp .js_box10 .con p span{background: #00a4f9;}
.web_warp .boxjytd .boxjytd_top span.cur{background: #00a4f9;border-color:#00a4f9;}
.web_warp .resources_gf ol li.cur{background: #00a4f9;border-color:#00a4f9;}
.web_warp .jytd4 .jytd4_con{background-image: url(/http/web.itheima.com/2020phone/images/webimg/jytd4bg1.png);}
.web_warp .boxkcdg .box2 ul li:nth-child(even){background: #00a4f9;}
.web_warp .js_box11{background: #f5f9ff;}
.web_warp .js_box10 .con{background: #f5f9ff;}
.web_warp .boxkcdg .box2 ul li .main .lists .xian{background: #00a4f9;}
.web_warp .boxkcdg .kcdgbtn{background: #00a4f9;}
.web_warp .js_box7 .swiper-slide .top span{background-image: -webkit-linear-gradient(bottom,#1f8fee,#349ef1,#63bff8);}
.web_warp .boxkcdg .kcdgxf{bottom: 1.45rem;}							
.web_warp .js_box11 ul li .fl_i	{background-image: url(/http/web.itheima.com/2020phone/images/webimg/jsbox11_img1.png)}