.xx {
  /* background: linear-gradient(-45deg, #1c74eb, #299af2); */
  background: #f5f5f5;
  padding: 50px 0px;
}

.xx .title {
  text-align: center;
  font-size: 50px;
  font-weight: bolder;
  color: #fff;
  margin-bottom: 50px;
}


/* 2026/4/8 */

.khal {
  width: 70%;
  min-width: 1200px;
  /* background: #000; */
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.khal .khal_left {
  width: 48%;
  float: left;
}
.khal .khal_left .con{
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    border-radius: 5px;
    box-shadow: 0px 6px 12px 0px rgba(145, 149, 155, 0.3);
}

.khal .khal_left .con img{
    width: 48%;
    padding: 2%;
    height: 100%;
}
.khal .khal_left .con .con_text{
    width: 44%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 2% 4%;
}
.khal .khal_left .con .con_text p{
    font-size: 15px;
    height: 30px;
    color: #333;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    transition: transform 0.3s ease;
    cursor: pointer;
}
/* .khal .khal_left .con .con_text p:last-child{
    border: 0;
} */
.khal .khal_left .con .con_text p button{
    height: 100%;
    border: 0;
    background: #53c1df;
    font-size: 14px;
    color: #fff;
    border-radius: 25px;
    padding: 0px 15px;
    cursor: pointer;
}

.khal .khal_left .con .con_text p:hover {
  transform: scale(1.1);
}

.khal .khal_right {
  width: 48%;
  float: right;
}
.khal .khal_right .con{
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 6px 12px 0px rgba(145, 149, 155, 0.3);
}

.khal .khal_right .con img{
    width: 48%;
    padding: 2%;
    height: 100%;
}
.khal .khal_right .con .con_text{
    width: 44%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 2% 4%;
}
.khal .khal_right .con .con_text p{
    font-size: 15px;
    height: 30px;
    color: #333;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    transition: transform 0.3s ease;
    cursor: pointer;
}
/* .khal .khal_right .con .con_text p:last-child{
    border: 0;
} */
.khal .khal_right .con .con_text p button{
    height: 100%;
    border: 0;
    background: #53c1df;
    font-size: 14px;
    color: #fff;
    border-radius: 25px;
    padding: 0px 15px;
    cursor: pointer;
}

.khal .khal_right .con .con_text p:hover {
  transform: scale(1.1);
}


.khal_s {
  width: 50%;
  max-width: 750px;
  margin: 0 auto;
}
.khal_s .con{
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 6px 12px 0px rgba(145, 149, 155, 0.3);
}

.khal_s .con img{
    width: 48%;
    padding: 2%;
    height: 100%;
}
.khal_s .con .con_text{
    width: 44%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 2% 4%;
}
.khal_s .con .con_text p{
    font-size: 15px;
    height: 30px;
    color: #333;
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    transition: transform 0.3s ease;
    cursor: pointer;
}
/* .khal_s .con .con_text p:last-child{4
    border: 0;
} */
.khal_s .con .con_text p button{
    height: 100%;
    border: 0;
    background: #53c1df;
    font-size: 14px;
    color: #fff;
    border-radius: 25px;
    padding: 0px 15px;
    cursor: pointer;
}

.khal_s .con .con_text p:hover {
  transform: scale(1.1);
}

.con5,.con7 {
    position: relative;
}
.lefttopicon{
    position: absolute;
    width: 50px!important;
    height: 50px!important;
    margin-top: -4px;
    margin-left: -4px;
    padding: unset!important;
}


.hotred{
    color: #f4420a!important;
}
.hotred button{
    background: #f4420a!important;
    color: #fff!important;
}
.hotred img{
    width: 28px!important;
    height:28px!important;
    margin-top: -15px;
    margin-left: 5px;
    padding: unset!important;
}

/* .con1 {
    height: 150px;
}
.con3 {
    height: 230px;
}
.con5 {
    height: 150px;
}
.con7 {
    height: 230px;
}

.con2 {
    height: 200px;
    margin-bottom: 40px !important;;
}
.con4 {
    height: 150px;
    margin-bottom: 40px !important;;
}
.con6 {
    height: 200px;
    margin-bottom: 40px !important;;
}
.con8 {
    height: 180px;
    margin-bottom: 40px !important;;
}

.con9 {
    height: 280px;
    margin-bottom: 40px !important;;
} */



/*弹窗*/
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	filter:alpha(opacity=40);
	display:none
}
.theme-popover {
	z-index:9999;
	position:fixed;
	top:25%;
	left:0;
    right: 0;
    margin: 0 auto;
	width:60%;
    max-width: 800px;
	border-radius:5px;
	border:solid 2px #666;
	background-color:#fff;
	display:none;
	box-shadow: 0 0 10px #666;
}
.theme-poptit {
	border-bottom:1px solid #f1f1f1;
	padding:20px;
	position: relative;
	font-size:20px;
	text-align:center
}
.theme-popbod {
	padding:40px 100px;
	color:#444;
}
.theme-popbom {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom a {
	margin-left:8px
}
.theme-poptit .close {
	float:right;
	color:#000;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 14px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit .close:hover {
	color:#444;
}





.xx_yd{
    width: 100%;
    
}
.xx_yd .lesson{
    width: 100%;
    /* display: flex; */
    /* justify-content: space-between; */
    margin-top: 1rem;
}
.xx_yd .lesson .con{
    width: 95%;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto;
    margin-bottom: 1rem;
    border-radius: 5px;
    box-shadow: 0px 6px 12px 0px rgba(145, 149, 155, 0.3);
}
.xx_yd .lesson .con .bg{
    width: 100%;
    margin: 0 auto;
}
.xx_yd .lesson .con .con_text{
    width: 100%;
    margin: 0 auto;
    margin-top: 0.5rem;
}
.xx_yd .lesson .con .con_text p{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 0.4rem;
    font-size: 0.45rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}

.xx_yd .lesson .con .con_text button{
    height: 0.8rem;
    border: 0;
    background: #53c1df;
    font-size: 0.4rem;
    color: #fff;
    border-radius: 25px;
    padding: 0px 0.5rem;
    cursor: pointer;
}



/*弹窗*/

.theme-popover_yd {
	z-index:9999;
	position:fixed;
	top:25%;
	left:0;
    right: 0;
    margin: 0 auto;
	width:95%;
    max-width: 800px;
	border-radius:5px;
	/* border:solid 2px #666; */
	background-color:#fff;
	display:none;
	box-shadow: 0px 6px 12px 0px rgba(145, 149, 155, 0.3);
}
.theme-poptit_yd {
	/* border-bottom:1px solid #f1f1f1; */
	padding:20px;
	position: relative;
	font-size:0.5rem;
	text-align:center
}
.theme-popbod_yd {
	padding:20px 15px;
	color:#444;
}
.theme-popbom_yd {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom_yd a {
	margin-left:8px
}
.theme-poptit_yd .close {
	float:right;
	color:#000;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 14px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit_yd .close:hover {
	color:#444;
}