* {padding: 0;margin: 0;box-sizing:border-box;}
/*Reset the tag*/
a{text-decoration:none;}
img{border:none;}
ul,li{list-style:none;}
/*---banner---*/
.huh_banner{width: 100%;overflow: hidden;position: relative;}
.huh_banner img{display: block;max-width: 100%;}
.huh_banner span{display: block;position: absolute;top: 10px;left: 0;padding: 0 14px;background-color: #fff;border-radius: 0 23px 23px 0;line-height: 46px;font-size: 20px;color: #f940c9;font-weight: bold;}
/* 时代 */
.huh_sd{width: 100%;background: #1a192b;padding: 30px 10px;overflow: hidden;}
.huh_sd h4{font-size: 30px;color: #fff;padding: 0 0 0 20px;line-height: 48px;}
.huh_sd h4 span{color: #46ffe0;font-size: 36px;}
.huh_sd h4 i{font-style: normal;font-size: 26px;font-weight: normal;}
.huh_sd  .p{margin-top: 20px;background: #073f96;padding: 20px;border-radius: 20px;color: #edf2f4;font-size: 16px;text-align: left;line-height: 30px;}
.huh_sd  .p strong{font-size: 18px;}
.huh_sd .pic{width: 100%;margin: 20px 0;}
.huh_sd .pic img{display: block;max-width: 100%;}
/* 如果 */
.huh_rg{width: 100%;background: #1a192b;padding: 30px 10px;overflow: hidden;}
.huh_rg .r_list{width: 100%;overflow: hidden;}
.huh_rg .r_list li{width: 31.3333%;margin: 5% 1% 2%;float: left;height: 200px;}
.huh_rg .r_list li .bt{width: 100%;overflow: hidden;}
.huh_rg .r_list li .bt img{display: block;max-width: 100%;}
.huh_rg .r_list .li1{background: #242333;border: 1px solid #333245;border-radius: 10px;border-top: 4px solid #13475a;position: relative;}
.huh_rg .r_list .li1 .pic{position: absolute;width: 80px;height: 80px;top: -40px;left: 36%;}
.huh_rg .r_list .li1 .pic img{display: block;max-width: 100%;}
.huh_rg .r_list .li1 h4{margin-top: 60px;text-align: center;font-size: 20px;color: #00ffef;}
.huh_rg .r_list .li1 .p1{margin-top: 10px;color: #b5b3d7;padding: 0 14px;text-align: center;font-size: 16px;line-height: 24px;}
/* 困扰 */
.huh_kr{width: 100%;background: #1a192b;padding: 30px 10px;overflow: hidden;}
.t_pic{width: 100%;margin-bottom: 10px;}
.t_pic img{display: block;margin: 0 auto;max-width: 100%;}
.huh_kr .k_list{width: 100%;margin: 2% 0;overflow: hidden;}
.huh_kr .k_list li{width: 31.3333%;margin: 1%;background: linear-gradient(135deg,#12798c,#1f156e);border: 1px solid rgba(66, 212, 222, 0.5) ;border-radius: 10px;
                     height:70px;float: left;color: #ededf3;text-align: left;font-size: 16px;padding: 10px ;}
/* 好处 */					 
.huh_hc{width: 100%;background: #1a192b;padding: 30px 10px;overflow: hidden;}					 
.huh_hc .h_list{width: 100%;margin: 2% 0;overflow: hidden;}
.huh_hc .h_list li{width: 23%;margin: 1%;height: 240px;float: left;overflow: hidden;background: #063e95;border-radius: 10px;text-align: center;}					 
.huh_hc .h_list li .img{width: 100%;margin-bottom: 20px;}					 
.huh_hc .h_list li .img img{display: block;max-width: 100%;}					 
.huh_hc .h_list li h4{font-size: 20px;color: #04fbd5;line-height: 30px;margin-bottom: 10px;}					 
.huh_hc .h_list li .p2{color: #fafcfe;font-size: 14px;}				 
/* 课程 */
.huh_kc{width: 100%;background: #150045;padding: 30px 10px;overflow: hidden;}				 
.huh_kc .k_tab{width: 100%;margin: 2% 0;overflow: hidden;}				 
.huh_kc .k_tab .tab-hd{ width: 100%;overflow: hidden;}				 
.huh_kc .k_tab .tab-hd li{width: 14.6666%;margin: 1%;float: left;background: #10297d;font-size: 16px; color: #fff;height: 42px;line-height: 42px;border-radius: 10px;font-weight: bold; text-align: center;cursor: pointer;}				 
.huh_kc .k_tab .tab-hd li.active{background: linear-gradient(90deg,#45f9f0,#bafa86);color: #030605;}
				 
.huh_kc .k_tab .tab-bd{width: 96%;margin: 2% auto;background:#10297d ;padding: 20px;border-radius: 20px;overflow: hidden;}				 
.huh_kc .k_tab .tab-bd li{display: none;}				 
.huh_kc .k_tab .tab-bd li.thisclass{display: block;}
.huh_kc .k_tab .tab-bd li h4{display: inline-block; color: #27f1e7;font-size: 22px;margin-bottom: 10px;background: linear-gradient(171deg,#a53f48 5%,#10297d 63%) ;padding: 20px;border-radius: 10px;}			 
.huh_kc .k_tab .tab-bd li .p3{width: 100%;background: #0c2671;border: 1px solid #0e7272;border-radius: 10px;height: 100px;padding: 10px;overflow: hidden;margin-bottom: 20px;}				 
.huh_kc .k_tab .tab-bd li .p3 span{float: left;width: 44%;margin-right: 6%;margin-bottom: 3%;color: #feffff;font-size: 16px;}				 
.huh_kc .k_tab .tab-bd li .p3 span i{font-style: normal;color: #00ffef;padding-right: 10px;}				 
.huh_kc .k_tab .tab-bd li .xg{width: 100%;margin-bottom: 20px;}				 
.huh_kc .k_tab .tab-bd li .xg h6{display: inline-block;width: 20%;background: #05dcf0;border-radius: 10px 10px 0 0;color: #041c36;padding: 10px;font-size: 20px;text-align: center;margin-left: 20px;}	
.huh_kc .k_tab .tab-bd li .xg  .p4{width: 100%;background: #0c2671;border: 1px solid #0e7272;border-radius: 10px;padding: 20px;overflow: hidden;color: #feffff;font-size: 16px;text-align: left;line-height: 24px;}			 
.huh_kc .k_tab .tab-bd li .k_pic{width: 100%;}			 
.huh_kc .k_tab .tab-bd li .k_pic img{display: block;max-width: 100%;}			 
/* bg */			 
.huh_bg{width: 100%;overflow: hidden;}			 
.huh_bg .img {width: 100%;overflow: hidden;}			 
.huh_bg .img img{display: block;max-width: 100%;}




@media only screen and (min-width: 320px) and (max-width: 750px){
.huh_sd h4{font-size: 20px;padding-left: 10px;line-height: 30px;}	
.huh_sd h4 span{font-size: 22px;}	
.huh_sd h4 i{font-size: 18px;}	
.huh_sd  .p{font-size: 14px;line-height: 26px;}	
.huh_sd  .p strong{font-size: 16px;}
.huh_rg .r_list li .bt img{max-width: 110%;}
.huh_rg .r_list li{width: 48%;margin: 10% 1% 3%;}	
.huh_rg .r_list .li1 .pic{left: 30%;}
.huh_rg .r_list .li1 h4{font-size: 18px;}
.huh_rg .r_list .li1 .p1{font-size: 14px;line-height: 22px;padding: 0 10px;}
.huh_kr .k_list li{width: 48%;font-size: 14px;}	
.huh_hc .h_list li{width: 48%;height: 220px;}
.huh_hc .h_list li h4 {font-size: 18px;}	
.huh_kc .k_tab .tab-hd li{font-size: 14px;}	
.huh_kc .k_tab .tab-bd {padding: 10px;}
.huh_kc .k_tab .tab-bd li h4{font-size: 18px;padding: 20px 10px;}	
.huh_kc .k_tab .tab-bd li .p3{padding: 10px 6px;}	
.huh_kc .k_tab .tab-bd li .p3 span{font-size: 12px;width: 48%;margin: 3% 1%;}	
.huh_kc .k_tab .tab-bd li .p3 span i{padding-right: 4px;}	
.huh_kc .k_tab .tab-bd li .xg  h6{width: 30%;font-size: 16px;padding: 6px;}
.huh_kc .k_tab .tab-bd li .xg  .p4 {font-size: 12px;padding: 10px;}	
}