body{font-family: "PingFang SC","微软雅黑";}
/* 空中课堂 武汉课表页 begin*/
.law_banner_bg{ height: 410px; width: 100%;}
.law_banner_bg li{ height: 410px;}
.law_banner_bg li a{ display: block; width: 100%; height: 100%;}


.m_screening{background: #fff; border-radius: 20px; padding:40px; position:relative; margin-top: 30px; }
.m_screening dl{ position: relative; padding-left:56px; }
.m_screening dl dt{ position: absolute; top: 6px; left: 0; font-size: 18px; color: #6E6E6E; line-height: 36px;}
.m_screening dl dd a{ float: left; padding:0 18px; line-height: 36px; border-radius: 18px; color: #000; margin:6px 10px 6px 0; font-size: 18px;}
.m_screening dl dd a:hover{ background: #E7F4FF; color: #000;}
.m_screening dl dd a.on{ background: #1298FF; color: #fff;}


.g_content_bg{ background:#E3F6FF url(../images/airclassromm/content_bg.png) center bottom no-repeat; overflow: hidden; min-width: 1200px; }


.m_classlist{ background: #fff; border-radius: 20px; padding:40px 40px 40px 40px; position:relative; margin-top: 30px;}
.m_classlist .tit{ position: absolute; top: 0; left: 50%; margin-left: -90px; width:181px; height: 52px; border-radius: 0 0 20px 20px; background: #1298FF;  color: #fff; line-height: 52px; font-size: 24px; text-align: center;}
.m_classlist ul li{  height: 70px; line-height: 70px; width: 100%}
.m_classlist .col1{ width: 154px; padding-right: 36px; text-indent: 36px;}
.m_classlist .col2{ width: 111px; padding-right: 36px; }
.m_classlist .col3{ width: 99px; padding-right: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.m_classlist .col4{ width: 241px; padding-right: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.m_classlist .col5{ width: 202px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.m_classlist .col6{ width: 115px;  padding-left: 36px; }
.m_classlist .cont_t li{ font-size: 16px; color: #555; float: left;} 
.m_classlist .cont_c li{ font-size: 18px; color: #000; position: relative;  border: #E7E7E7 solid 1px; margin: 5px 0; border-radius: 4px; cursor: pointer;}
.m_classlist .cont_c li:hover{ border-color:#B6DFFF; background: #F6FBFF; box-shadow: 0 5px 10px rgba(220, 240, 255, 1);}
.m_classlist .cont_c li div{ float: left;}
.m_classlist .cont_c .col5 em{ font-size: 14px;}
.m_classlist .cont_c .btn{ width: 111px; display: block; line-height: 34px; margin-top: 20px; height: 34px; border-radius: 18px; font-size: 16px;  text-align: center;}
.m_classlist .cont_c .btn i{ display: inline-block; vertical-align: middle; width: 15px; height: 9px; margin-left: 7px; margin-top: -2px;}
.m_classlist .cont_c .btn.btn1{ border: #1298FF solid 1px; color: #1298FF; background: #E7F4FF;}
.m_classlist .cont_c .btn.btn1:hover{ background: #C7E6FF; border-color: #1298FF;}
.m_classlist .cont_c .btn.btn2{ border: #1298FF solid 1px; color: #fff; background: #1298FF;}
.m_classlist .cont_c .btn.btn2:hover{ background: #0084EA; border-color: #0084EA;}
.m_classlist .cont_c .col6{ position: relative; z-index: 20; height: 70px;}
.m_classlist .cont_c .addzindex{ z-index: 22;}
.m_classlist .videobox{ position: absolute; display: none; overflow: hidden; z-index: 20; top: 65px; right: 0; width:376px; padding: 20px 0; border-radius: 10px; background: #fff; border:1px solid rgba(234,234,234,1);box-shadow:0px 5px 10px rgba(0,0,0,0.2);}
.m_classlist .videobox a{ float: left; width: 50%; text-indent: 30px; font-size: 18px; color: #000; line-height: 24px; margin: 10px 0; }
.m_classlist .videobox a img{ display: inline-block; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle;}
.m_classlist .videobox a:hover{ color: #1298FF;}
.cB8B8B8{ color: #B8B8B8;}


.m_thanks{ background: #fff; border-radius: 20px; padding:80px 0px 0px 0px; height: 260px; position:relative; margin-top: 40px; margin-bottom: 50px;}
.m_thanks .tit{ position: absolute; top: 0; left: 50%; margin-left: -90px; width:181px; height: 52px; border-radius: 0 0 20px 20px; background: #1298FF;  color: #fff; line-height: 52px; font-size: 24px; text-align: center;}
.m_thanks .col1 li{ text-align: center; font-size: 18px; color: #000;}
.m_thanks .col1 li strong{ font-weight: normal;}
.m_thanks .col1 li img{ display:inline-block;  padding-top: 16px;}
.m_thanks .col2 li{ float: left; margin-left: 50px;  margin-right: 30px; margin-top: 20px;}
.m_thanks .col2 li a{ display: block; height: 32px;}
.m_thanks .col2 li a:after{ content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.m_thanks .col2 li img{ display: inline-block; vertical-align: middle;}


.m_host{background: #fff; border-radius: 20px; padding:80px 0px 0px 0px; height: 120px; position:relative; margin-top: 30px;}
.m_host .tit{ position: absolute; top: 0; left: 50%; margin-left: -90px; width:181px; height: 52px; border-radius: 0 0 20px 20px; background: #1298FF;  color: #fff; line-height: 52px; font-size: 24px; text-align: center;}
.m_host .txt{ font-size: 36px; color: #000; text-align: center; padding-top: 25px;}
.m_host .txt span{ position: relative; display: inline-block; padding: 0 54px; font-weight: bold;}
.m_host .txt span:before{content: ''; width: 36px; height: 1px; background: #C6C6C6; position: absolute; left: 0; top: 12px;}
.m_host .txt span:after{content: ''; width: 36px; height: 1px; background: #C6C6C6; position: absolute; right: 0; top: 12px;}

.m_header .head_nav .navLink a.menu_r_a2{background:url('../../420100/images/index1706/app_ico.gif') no-repeat 10px center;color:#288add;border-color:#2196f3;}
.m_header .head_nav .navLink a.menu_r_a2{padding-left: 40px;}
.m_header .head_nav .navLink a.menu_r_a2:hover{background:url('../../420100/images/index1706/app_ico.gif') no-repeat 10px center;color: #2196f3;border-color:#2196f3;}


.g_footer .m_wrap{ position: relative;}
.g_footer .bot_nav{ position: absolute; top:0; right: 0;}

.item_nocont{padding: 75px 0 100px 0;}

.m_work{}
.m_work{background: #fff; border-radius: 20px; padding:90px 0px 0px 0px; height: 240px; position:relative; margin-top: 40px; margin-bottom: 50px;}
.m_work .tit{ position: absolute; top: 0; left: 50%; margin-left: -186px; width:372px; height: 52px; border-radius: 0 0 20px 20px; background: #1298FF;  color: #fff; line-height: 52px; font-size: 24px; text-align: center;}
.m_work .worklist ul{ margin-right: -30px; margin-left: 50px;}
.m_work .worklist li{ float: left; width: 196px; height: 200px; margin-right: 30px;}
.m_work .worklist a{ display: block; width: 100%; height: 100%; background:url('../images/airclassromm/workbg.png') no-repeat left top;}
.m_work .worklist .name{ height: 96px; padding: 31px 20px 0 20px; color: #007AE2; font-size: 36px; font-weight: bold; text-align: center; line-height: 44px;}
.m_work .worklist .classroom{ text-align: center; color: #fff; padding-top: 30px; font-size: 18px; text-align: center; font-weight: bold; line-height: 24px;}
.m_work .worklist a:hover .name{ transform: scale(1.1,1.1); transition: all .3s;}


.m_workscreening dl{ padding-left: 110px;}
.m_workscreening dl dd a{ padding:0 30px; border: #1298FF solid 1px; background: #E7F4FF; color: #288ADD; margin-right: 20px;}
.m_workscreening dl dd a:hover{ border: #1298FF solid 1px; background: #C7E6FF; color: #288ADD;}
/* 空中课堂 武汉课表页 end*/


/*公益课堂 begin*/
.item_classRomm_list{ overflow: hidden; padding: 50px 0 10px 0;}
.item_classRomm_list ul{ margin-right: -40px;}
.item_classRomm_list li{ float: left; width: 380px; height: 400px; border-radius: 20px; background: #fff; text-align: center;
 margin:0px 30px 30px 0; transition: all .3s;}
.item_classRomm_list li .photo{ display: block;padding-top: 28px;}
.item_classRomm_list li .photo img{ display: block; height:86px; width: auto; margin: 0 auto; }
.item_classRomm_list li.first .photo img{ height: 78px; padding-top: 6px;}
.item_classRomm_list li .name{ font-size: 20px; font-weight: normal; color: #222; line-height: 28px; padding-top: 28px; transition: all .3s;}
.item_classRomm_list li .info{ font-size: 16px; color: #AAAAAA; line-height: 22px; padding-top: 10px;}
.item_classRomm_list li .tips{ padding: 25px 30px 0 30px; line-height: 22px; font-size: 16px; color: #555; text-align: left; text-indent: 2em;}
.item_classRomm_list li .btn{ width: 160px; height: 40px; margin: 35px auto 0 auto; display: block; text-align: center; font-size: 16px; color: #1298FF; background:url('../images/airclassromm/btn_bg1.png') no-repeat left top; background-size:160px 40px; line-height: 40px; }
.item_classRomm_list li .btn i{ background:url('../images/airclassromm/btn_bg_ico1.png') no-repeat left top; margin-left: 15px; width: 8px; height: 10px; background-size:8px 10px; display: inline-block; vertical-align: middle; margin-top: -3px;}
.item_classRomm_list li:hover{box-shadow:0px 0px 15px rgba(0,24,120,0.15);}
.item_classRomm_list li:hover .name{ color: #1298FF;}
.item_classRomm_list li:hover .btn{ background:url('../images/airclassromm/btn_bg2.png') no-repeat left top; background-size:160px 40px; color: #fff;}
.item_classRomm_list li:hover .btn i{ background:url('../images/airclassromm/btn_bg_ico2.png') no-repeat left top;  background-size:8px 10px;}
/*公益课堂 end*/

.m_thanks .col2 li{margin-right: 60px;}


/* 第二版 刘邓 20200208 S */
.ld_g_class{padding: 30px 0 0px 22px;height: 70px;}
.ld_g_class span{display: inline-block; font-size: 18px;line-height: 36px;margin: 0 4px;cursor: pointer;padding: 0 18px;}
.ld_g_class .ld_cls{color: #6E6E6E;}
.ld_g_class .ld_elm{color: #000;border-radius: 36px;}
.ld_g_class .ld_elm:hover{background: #E7F4FF;}
.ld_g_class .ld_elm.on{background: #1298FF;color: #fff;}

.ld_g_down{height: auto;padding-bottom: 50px;}
.ld_g_down_list .ld_ul{text-align: center}
.ld_g_down_list .ld_li{ display: inline-block; margin: 0 15px;}
.ld_g_down_list .ld_li:hover{ transform:translateY(-10px); transition: all .3s;}
.ld_g_down_list .ld_li img{width: 196px;height: 258px;}
.ld_g_down_list .ld_li .name{ font-size: 20px; line-height: 28px; display: inline-block; margin-top: 20px; margin-bottom: 5px;}

/* 第二版 刘邓 20200208 E */
/* 新增学科 刘邓 20200209 S */
.ld_g_down_list .ld_li{margin-bottom: 40px;}
.ld_g_down{padding-bottom: 10px;}
/* 新增学科 刘邓 20200209 E */


.m_host1{background: #fff; border-radius: 20px; padding:80px 0px 0px 0px; height: 120px; position:relative; margin-top: 30px;}
.m_host1 .tit{ position: absolute; top: 0; left: 50%; margin-left: -90px; width:181px; height: 52px; border-radius: 0 0 20px 20px; background: #1298FF;  color: #fff; line-height: 52px; font-size: 24px; text-align: center;}

.m_host1 .txt{ float: left; width: 33%; text-align: center; font-size: 18px; line-height: 24px;}
.m_host1 .txt img{ display: block; margin: 0 auto; padding-top:21px}

/* 2020-02-17 yql 武汉课表页 底部添加 中国移动 start */
.m_thanks .col2 li{margin-right: 60px;margin-left: 0;}
.m_thanks .col2 li:last-child{margin-right: 0}
.m_thanks .col2 li:first-child{margin-left: 50px;}
/* 2020-02-17 yql 武汉课表页 底部添加 中国移动 end */


/* 2020-02-29 yql 新增手机观看教程  start */
.m_work.mgb40{margin-bottom: 40px;}
.m_host.height_auto{height: auto;padding-bottom: 57px;}
.y_phone_live {position: relative;width: 100%;}
.phone_live_left {float: left;margin-top: 8px;position: relative;}
.phone_live_right {float: right;margin-top: 8px;position: relative;}
.y_phone_live .phone_live_step{width: 48px;height: 48px;border-radius: 24px;background-color: #1BABFF;text-align: center;line-height: 48px;color: #fff;font-size: 20px;position: absolute;display: inline-block;top: 0;z-index: 9;}
.y_phone_live .phone_live_left .phone_live_step{left: 260px;}
.y_phone_live .phone_live_right .phone_live_step{right: 260px;}
.y_phone_live .phone_live_left .phone_live_text{margin-top: 63px;margin-left: 172px;font-size: 16px;color: #000;}
.y_phone_live .phone_live_right .phone_live_text{margin-top: 63px;margin-right: 136px;font-size: 16px;color: #000;}
.phone_live_left .phone_live_img{margin-top: 39px;width: 180px;height: 180px;border: 1px solid  #EDEDED; border-radius: 10px;padding: 15px;box-sizing: border-box;margin-left: 194px;}
.phone_live_left .phone_live_img img{display: block;width: 100%;height: 100%;}

.phone_live_right .phone_live_img{width: 327px;height: 257px;border-radius: 10px;box-sizing: border-box;margin-right: 100px;}
.phone_live_right .phone_live_img img{display: block;width: 100%;height: 100%;}

.m_host.height_auto{position: relative;}
.m_host.height_auto::after{content: ''; position: absolute;top: 112px;width: 632px;height: 0;border-bottom: 1px solid #E1E1E1;left: 50%;margin-left: -316px;}

/* 2020-02-29 yql 新增手机观看教程  end */