.bgcolor1{ background-color:#a4b421; }
.bgcolor2{ background-color:#f39800; }
.bgcolor3{ background-color:#e54140; }






.feel_sdbx{ width: 100%; margin: 0.42rem 0 0 0; position: relative;overflow: hidden;}
.feel_sdbx .title{width:1.8rem; padding-left:0.18rem; height: 0.4rem;font-size: 0.24rem;color:#fff;line-height: 0.4rem; font-weight: bold; border-top-right-radius: 0.23rem; border-bottom-right-radius: 0.23rem; z-index: 1; }
.feel_sdbx .thumb{float: left;width: 2.4rem;margin-right: 0.4rem;}
.feel_sdbx .desc{float: left;width: 3.9rem;display: flex; flex-direction:column; justify-content: center; }
.feel_sdbx .desc .text{margin-top: 0.24rem; width: 100%; display: block; line-height: 1.8;}
.feel_zixun_btn2{ width: 100%; height: auto; float: left; margin:0.16rem 0 0 0; -moz-box-shadow: 0 0 0.2rem #888888; box-shadow: 0 0 0.2rem #888888; border-radius: 0.5rem; }
.feel_course{ margin-top: 0.4rem;}


.course_title{ width:100%; min-height: 1rem; margin:0.6rem 0 0 0; }
.course_title .icon{ width: auto; height: 0.5rem; display: block; margin: 0 auto;}
.course_title .name{ width:100%; display: block; margin:0.18rem 0 0 0; font-weight: bold; font-size: 0.26rem; text-align: center; }
.eq_ldl{ margin-top: 0.1rem; }






.pavedImg{
 position: relative;
 left: -0.4rem;
 width: 7.5rem;
 width: 100vw;
 max-width: none;
}
.test_text{
 width: 6rem;
 margin: 0.3rem auto 0.2rem;
 text-align: left;
}


.tyk_img1{ margin-top: 1.2rem; }


.attention_text{
 margin-top: 0.36rem;
 text-align: center;
}
.attention_text p{
 margin-top: 0.2rem;
 font-size: 0.22rem;
}
.attention_text p img{
 display: inline-block;
 vertical-align: middle;
 margin-right: 0.16rem;
}


.container.diebei{ width:100%;padding:0 0 0.7rem 0;font-size: 0.24rem;}
.container.diebei .cwimg{display: block;width: auto;margin:0 auto;}
.container.diebei .contBox{ display: block;width:6.7rem; margin: 0 auto; line-height: 2;}
.container.diebei .title1{ margin:0.8rem auto 0.36rem; }
.container.diebei .title2{ margin:0.76rem auto 0.4rem; }
.container.diebei .title3{ margin:0.8rem auto 0.24rem;width: 6.24rem;}
.container.diebei .title4{ margin:0.6rem auto 0.8rem;width: 4.75rem;}
.container.diebei .video_box{margin-top:0.78rem;}
.container.diebei .video_box video{background: #d7dadd;width:6.7rem;}
.live.diebei{ width:100%; min-height: 3.37rem;margin-top:0.4rem; position: relative; }
.live.diebei .live-ul li{ width:100%; height:3.62rem;}
.live.diebei .live-ul .thumb{ width:68.8%; height:auto; display:block; margin:0 auto; border:1px solid #dedfd9; }
.live.diebei .btn{ width: 0.36rem; height: auto; position: absolute; top: 1.52rem;}
.live.diebei .btn.prev{ left:7%; }
.live.diebei .btn.next{ right:7%; }
.form_box.diebei{ padding-top:0.4rem; margin-top:1.2rem; }
.form_box.diebei .tips{ text-align:center; } 
.form_box.diebei .qrcode{ width:20%; height:1.3rem;margin:0 0 0.5rem 40%; }

.learn_course{
 width: 100%;
 height:1.54rem;
 background:url(../../images/JSYL/learn_course.jpg) no-repeat;
 background-size:100% 100%;
 overflow: hidden;
}
.learn_course .text{
 width: 100%;
 margin:0.36rem 0 0 0;
 line-height: 0.44rem;
 text-align: center;
 color:#fff;
}
.course_list{
 overflow: hidden;
}
.course_list:after{
 content: '';
 clear: both;
 height: 0;
}
.course_list li{
 float: left;
 margin-bottom: 0.5rem;
 
}
.course_list li:last-of-type{
 margin-bottom: 0;
}
.course_list .thumb{
 float:left;
 width: 2.6rem;
 height:3.3rem;
 margin:0.1rem 0.4rem 0 0;
}
.course_list .content{
 width:3.7rem;
 float:left;
}
.course_list .content .subtitle{
 position: relative;
 width:100%;
 height:0.5rem;
 margin:0.1rem 0 0 0;
 border-bottom:0.02rem solid #a4b421;
 text-align: center;
}
.course_list .content .subtitle:after{
 content: '';
 position: absolute;
 bottom: 0;
 left: 50%;
 margin-left: -0.625rem;
 width: 1.25rem;
 height: 0.03rem;
 background: #a4b421;
}
.course_list .content .name{
 display:inline-block;
 font-size: 0.24rem;
 font-weight: 700;
}
.course_list .content .subtitle.ys2{
 border-color: #f39800;
}
.course_list .content .subtitle.ys3{
 border-color: #ff5b5a;
}
.course_list .content .subtitle.ys2:after{
 background: #f39800;
}
.course_list .content .subtitle.ys3:after{
 background: #ff5b5a;
}
.course_list .content .desc{
 display: block;
 width:100%;
 margin:0.12rem 0 0.24rem 0;
 font-size: 0.22rem;
 line-height: 0.32rem;
}
.course_list .content .btns{
 width:100%;
 height:0.35rem;
 margin-bottom: 0.06rem;
 display: flex;
 justify-content: space-between;
}
.course_list .content .btns a{
 font-size: 0.22rem;
 font-weight: 700;
 white-space: nowrap;
}
.course_list .content .btns .icon{
 height: 0.26rem;
 margin-right: 0.16rem;
 vertical-align: middle;
}
.course_btn{
 margin: 0.72rem auto 0.18rem;
 background: url(../../images/JSYL/course_arrow.gif) no-repeat -0.4rem 0;
 background-size: auto 0.8rem;
}
.course_btn .btn{
 display: block;
 margin: 0 auto;
 width: 3.78rem;
}