@charset "utf-8";
/* CSS Document */

*{ padding:0; margin:0; outline:none; font-size: 0.35rem;font-family:"微软雅黑"; outline:none;-webkit-user-select:none;user-select:none;}
a{ text-decoration:none;}
img{ border:none;}
ul,ol{ list-style:none;}

/* ios默认样式清除 */
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }


/* 登陆页面 */
.dlymbg{width:100%; margin:0 auto; box-sizing:border-box;  background:#fff url(../img/bg1.png) no-repeat top center; background-size:100%; height:100vh;  display:block; }
.dlymtop{width:100%; margin:0 auto; box-sizing:border-box;display:block;  padding: 2rem 1rem 0;  }
.dlymtop h2{font-size:0.96rem; color: #ffffff; font-weight: 900; text-align: left; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif;}
.dlymtop h4{font-size:0.61rem; color: #ffffff; font-weight:400; text-align: left; line-height: 1.2em; margin: 0.16rem 0;}
.dlymcon{width:100%; margin:0 auto; box-sizing:border-box;display:block; background:#fff;  padding:1.2rem 1rem; border-radius:0.66rem 0.66rem 0 0; margin: 0.8rem auto 0;}
.dlymcon h3{font-size:0.62rem; color: #2b2b2b; font-weight: 900; text-align: left; line-height: 1.2em; font-family: Arial, Helvetica, sans-serif;}
.dlymcon h6{font-size:0.4rem; color: #888888; font-weight:400; text-align: left; line-height: 1.2em; margin: 0.26rem 0 1rem; letter-spacing:1.6px;}
.dlymc{width:100%; margin:0 auto; box-sizing:border-box;display:block; }
.zhdl{width: 100%; margin: 0 auto; box-sizing: border-box; display: block; background: #f2f3f4; border:none; border-radius: 0.72rem; height: 1.3rem; outline: none; 
padding: 0 0.6rem; font-size: 0.38rem; margin-bottom: 0.74rem; color: #333; line-height: 1.1rem;}
.ttcon{width:100%; margin:0 auto 0.4rem; box-sizing:border-box; overflow:hidden;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.ttcon .gxll{transform: scale(1); -webkit-transform: scale(1); }
.ttcon p{font-size:0.3466666666666667rem; text-align:left; line-height: 1.2em; color:#666666; font-weight:400; margin-left:0.18rem;}
.ttcon p a{font-size:0.3466666666666667rem; text-align:left; line-height: 1.2em; color:#15cdfb; font-weight:400;}

.dlzh{width: 100%; margin: 0 auto; box-sizing: border-box; display: block; background: #15cdfb; border:none; border-radius: 0.72rem; height: 1.3rem; outline: none; 
padding: 0 0.6rem; font-size: 0.44rem; margin:1rem auto; color: #fff; line-height: 1.1rem; font-weight: 900; box-shadow: 0 3px 6px rgba(21,205,251,0.44);}


/* 我的课程 */
.kcfl{width:100%; margin:0 auto 0.4rem; box-sizing:border-box; overflow:hidden; background: #2bbffa; position:fixed; top: 0; left: 0; height: 1.34rem; padding:0 0.4rem;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; z-index: 9; box-shadow: 0 2px 3px rgba(0,0,0,0.04);}
.flniu{font-size:0.61rem; color: #ffffff; font-weight:400; text-align:center; line-height:1.1em;font-size: 0.43rem; padding:0.42rem 0 0.34rem;
color: #fff; text-align: center; border-bottom:3px solid #2bbffa;}
.flniu.on{ border-bottom:3px solid #ffffff;}

.wdkc{width:100%; margin:0 auto; box-sizing:border-box;display:block; padding:1.8rem 0.4rem 0.4rem;  }
.wdkc li{width:100%; margin:0 auto 0.36rem; box-sizing:border-box;display:block; background: #fff; border-radius: 0.26666666666666666rem; box-shadow: 0 2px 3px rgba(0,0,0,0.04);}
.wdkc li .tkctop{width:100%; margin:0 auto; box-sizing:border-box; border-bottom: 1px solid #f0f0f0; padding: 0 0.3rem;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; }
.tkctop h6{font-size:0.3rem; color: #555; font-weight:400; text-align: left; line-height:0.88rem;}
.tkctop h5{font-size:0.4rem; color: #fda63f; font-weight:400; text-align:right; line-height:0.88rem;}
.tkctop .h51{color:#fda63f;}
.tkctop .h52{color:#2bbffa;}

.wdkc li .tkccon{width:100%; margin:0 auto; box-sizing:border-box; border-bottom: 1px solid #f0f0f0; padding:0.3rem;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center; }
.tkccon .tkctu{ width:3.2rem; height:2rem; display: block; box-sizing: border-box; border-radius: 0.14rem; overflow: hidden;}
.tkccon .tkctu img{width:100%; margin:0 auto; display: block;}
.tkczi{ width:5.1rem; box-sizing:border-box; display: block; overflow: hidden;}
.tkczi h2{display:block; width:100%;font-size:0.4rem; color:#232323; line-height:1.14em; text-align:left; height:0.9rem;transition:0.3s; 
font-weight: 400;display:inline-block;word-break: break-all; text-overflow: ellipsis; 
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}
.tkczi h4{font-size:0.24rem; color: #888888; font-weight:400; text-align:left; line-height:1.1em; margin:7px 0 4px;}
.jiage{width:100%; margin:0 auto; box-sizing:border-box;
 display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:center;}
.jiage h3{font-size:0.4rem; color: #fb585d; font-weight:400; text-align: left; line-height:1.1em;}
.jiage h3 span{font-size:0.24rem;}


.wdkc li .tkcbb{width:100%; margin:0 auto; box-sizing:border-box; padding:0.15rem 0.3rem;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.tkcbb p{font-size:0.3rem; color: #686868; font-weight:400; text-align: left; line-height:0.88rem;}
.tkcbrr{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end; align-items:center;}
.tkcbrr .lx1{width:2.4rem; border: none;  box-sizing: border-box;  overflow: hidden;  height:0.8rem;  background: #2bbffa;  font-size: 0.36rem;  font-weight: 400;  
color: #fff;  text-align: center;  line-height:0.8rem;  border-radius: 0.4rem;}





/*分页*/
.pagination{ width:100%;margin:0rem auto 0.88rem; overflow:hidden; box-sizing:border-box; display:block;}
.pagination ul{width:100%;margin:0 auto ; overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center; align-items:center;}
.pagination li{ float:left;margin:0 0.11rem; margin-bottom: 0.24rem;}
.pagination li a{display:block;box-sizing:border-box; font-size:0.38rem; color:#454545;padding:0.15rem 0.24rem; border-radius:0.06rem;border:1px solid #d9d9d9;
cursor:pointer;transition:0.3s; background: #fff;}
.pagination li span{display:block;box-sizing:border-box; font-size:0.38rem; color:#454545;padding:0.15rem 0.24rem; border-radius:0.06rem;border:1px solid #d9d9d9;
cursor:pointer;transition:0.3s; background: #fff;}
.pagination li.active a{ background:#2bbffa; border:1px solid #2bbffa; color:#fff;}
.pagination li:hover a{background:#2bbffa; border:1px solid #2bbffa; color:#fff;}
.pagination li.active span{ background:#2bbffa; border:1px solid #2bbffa; color:#fff;}
.pagination li:hover  span{background:#2bbffa; border:1px solid #2bbffa; color:#fff;}


/* 课程详情 */
/* 课程视频 */
.kcsp{ width: 100%; display: block; margin: 0 auto; height:5.8rem; overflow: hidden;}
.kcsp .video_box{width: 100%; display: block; margin: 0 auto; height:5.8rem; overflow: hidden; position: relative;}
.kcsp .video_box #video{width: 100%; display: block; margin: 0 auto; height:5.8rem; overflow: hidden;}
.kcsp .video_box .video_play{width: 100%; display: block; margin: 0 auto; height:5.8rem; overflow: hidden; background: rgba(0,0,0,0.5); 
position: absolute; top:0; left: 0;}

.kcsp .video_box .video_play img{ display: block; width:12%;  margin:2.3rem auto 0;}
video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px);}

/* 课程详情 */
.kcxqtop{width:100%; margin:0 auto;box-sizing:border-box; display: block; padding:0.35rem 0.4rem;
border-bottom: 0.18rem solid #f2f3f8;}
.kcxqtop h3{font-size: 0.46rem;font-weight:700;text-align: left;line-height: 1.4em;color: #333333;}
.kcxqtop p{font-size: 0.36rem;font-weight:400;text-align: left;line-height: 1.4em;color: #999; margin: 0.26rem 0;}
.kcxqtcon{width:100%;box-sizing:border-box; display: block; margin: 0.4rem auto 0; padding:0.36rem 0 0; border-top: 1px solid #ebebeb;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
.kcxqtl{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;}
.kcxqtltu{ width:0.46rem; height: 0.46rem; display: block; overflow:hidden; margin-right: 0.24rem;}
.kcxqtltu img{width:100%; margin:0 auto;display: block;}
.kcxqtl h4{font-size: 0.38rem;font-weight:400;text-align: left;line-height: 1.2em;color: #666666;}
.krr{width:0.36rem; height: 0.36rem; display: block; overflow:hidden;}
.krr img{width:100%; margin:0 auto;display: block;}

.jiage2{width:100%; margin:0 auto 0.14rem; box-sizing:border-box;
 display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:center;}
.jiage2 h3{font-size:0.5rem; color: #fb585d; font-weight:400; text-align: left; line-height:1.1em;}
.jiage2 h3 span{font-size:0.3rem;}
.jiage2 p{font-size:0.34rem; color: #888; font-weight:400; text-align: left; line-height:1.1em;}

/* 课程详情 */
.nynr{width: 100%; display: block; margin: 0 auto; box-sizing: border-box; padding:0.4rem 0;}
.nynrcon{width: 100%; display: block; margin: 0 auto; box-sizing: border-box;}


/* 本例子css */
.slideTxtBox{ width:100%;margin:0 auto;box-sizing:border-box; display: block;border-bottom: 0.18rem solid #f2f3f8; }
.slideTxtBox .hd{ height:1rem;width:100%;margin:0 auto;box-sizing:border-box; display: block; background: #fff; border-bottom: 1px solid #ebebeb; position: relative;  }
.slideTxtBox .hd ul{ width:100%;margin:0 auto;box-sizing:border-box; height: 1rem;  position: absolute; bottom: 0; left: 0;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;}
.slideTxtBox .hd ul li{ cursor:pointer; font-size: 0.44rem; color: #333333; line-height: 1.44em; font-weight: 400;border-bottom: 3px solid rgba(0,0,0,0);
box-sizing: border-box; padding-bottom: 0.32rem; margin:0 1rem;}
.slideTxtBox .hd ul li.on{color: #2bbffa; font-weight: 900; border-bottom: 3px solid #2bbffa;}
.slideTxtBox .bd{width:100%;margin:0 auto;box-sizing:border-box; display: block; }
.slideTxtBox .bd .xxnrkk{width:100%;margin:0 auto;box-sizing:border-box;padding:0.44rem 0.4rem 0.4rem;zoom:1; }		
.xxnrkk dd{width:100%;margin:0 auto 0.78rem;box-sizing:border-box; display: block;}
.xxnrkk dd a{width:100%;box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
.xxk{width:85%;box-sizing:border-box; display: block; overflow: hidden;}
.xxk h3{font-size: 0.4rem;font-weight:400;text-align: left;line-height: 1.3em;color: #454545; width:100%; display: block;}
.xxkbb{width:100%;box-sizing:border-box; margin-top: 0.14rem; padding-left:0.6rem;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;}
.xxkbb span{width:1rem; border: none;  box-sizing: border-box;  overflow: hidden;  height:0.44rem;  background: #2bbffa;  font-size: 0.24rem;  font-weight: 400;  
color: #fff;  text-align: center;  line-height:0.44rem;  border-radius: 0.22rem; margin-right: 0.15rem; }
.xxkbb h4{font-size: 0.34rem;font-weight:400;text-align: left; line-height:0.44rem;color: #454545; display: inline-block;}
.xxnrkk dd a .xxtu{ display: block; width: 0.8rem; height: 0.8rem;}
.xxnrkk dd a .xxtu img{ display: block; width: 100%; margin: 0 auto;}

.xxnrkk dd.on a .xxk h3{ color: #2bbffa;}
.xxnrkk dd:last-child{margin:0 auto 0.3rem;}
.xxnrkk dd:first-child{ box-sizing: border-box; padding-top: 0.14rem;}

/* 百度富文本 */
.bdfwb{width:100%; margin:0 auto; box-sizing:border-box; display: block; overflow: hidden;}
.bdfwb h3{ font-size:0.55rem; color: #333; text-align: center; line-height: 1.4em; display: block; margin: 0 auto 0.3rem; }
.bdfwb p{ font-size:0.39rem; line-height: 1.66em; color: #666; text-align: justify; -webkit-text-align: justify;}
.bdfwb p img{ display: block; margin:0.12rem auto; width: auto; max-width: 100%; height: auto;}
.bdfwb p video{ max-width: 100%; width: auto; height:380px; display: block; margin:5px auto;}
.bdfwb img{ max-width: 100%; width: auto;  display: block; margin:10px auto;}

/* 课程评论 */
.kcplb{width:100%; margin:0 auto; box-sizing:border-box; display: block; overflow: hidden;}

.kcplbt{width:100%;box-sizing:border-box; display: block; margin:0 auto; padding:0.36rem 0.4rem; border-bottom: 1px solid #ebebeb;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
.kcplbtl{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;}
.kcplbtl i{ width:5px; height: 0.46rem; display: block; overflow:hidden; margin-right: 0.24rem; background: #15cdfb; border-radius:2.5px;}
.kcplbtl h3{font-size: 0.44rem;font-weight:900;text-align: left;line-height: 1.2em;color: #333333;}
.kcplbt a{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;}
.kcplbt a p{font-size: 0.38rem;font-weight:400;text-align:right;line-height: 1.2em;color: #666666;}
.kcplbt a .kcplbtr{width:0.36rem; height: 0.36rem; display: block; overflow:hidden; margin-left: 0.1rem;}
.kcplbt a .kcplbtr img{width:100%; margin:0 auto;display: block;}

.kcplbcon{width:100%;box-sizing:border-box; display: block; margin:0 auto; padding:0.4rem 0.4rem 0;}
.kcplbcon li{width:100%; margin:0 auto 0.66rem; box-sizing:border-box; display: block; overflow: hidden;}
.kcplbcon li:last-child{ margin:0 auto 0.16rem;}
.kcpltt{width:100%; margin:0 auto; box-sizing:border-box;overflow: hidden;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;}
.kcpltu{ width:1rem; height:1rem; border-radius: 50%; border:2px solid #93e9ff; overflow: hidden;}
.kcpltu img{width:100%; margin:0 auto;display: block;}
.kcpltl{ margin-left: 0.36rem; text-align: left; width: 80%;}
.kcpltl h3{font-size: 0.44rem;font-weight:900;text-align: left;line-height: 1.2em;color: #333333; margin-bottom: 0.08rem; }
.kcpltl .xing{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;}
.kcpltl .xing span{ width: 0.26666666666666666rem; height:0.26666666666666666rem; display: block; overflow: hidden; margin-right: 0.15rem;}
.kcpltl .xing span img{width:100%; margin:0 auto;display: block;}

.pltulb{width:100%; margin:0.2rem auto 0; box-sizing:border-box;overflow: hidden;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
.tupic{ width:2.9rem; height: 2.9rem; display: block; border-radius: 0.2rem; overflow: hidden; margin-right: 0.24rem; margin-bottom: 0.24rem; border: 1px solid #f1f1f1;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center; box-sizing: border-box;}
.tupic img{width:100%; margin:0 auto;display: block;}

.tupic:nth-child(3n){ margin-right: 0;}
.kcplbcon li p{font-size: 0.34rem;font-weight:400;text-align:left;line-height: 1.5em;color: #454545;}
.kcplbcon li h6{font-size: 0.24rem;font-weight:400;text-align:left;line-height: 1.5em;color: #888888; margin-top: 0.1rem;}


/* 点击查看大图 */
#dialog_large_image{width:100%; margin:0 auto;overflow: hidden; height: 100vh; position: fixed; top:0; left: 0; z-index: 999; background: rgba(0,0,0,0.5); display:none;}
#dialog_large_image .tukc{width:100%; margin:0 auto;overflow: hidden;  height: 100%;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center; box-sizing: border-box;}
#dialog_large_image .tukc img{ margin: 0 auto; display:block; width:auto; max-width:100%;}



/* 底部区域 */
.dbdb{width:100%; margin:0.2rem auto 0; box-sizing:border-box;overflow: hidden; height:1.6rem; }
.footer{width:100%; margin:0 auto; box-sizing:border-box;overflow: hidden; height:1.6rem; background: #fff; position: fixed; bottom: 0; left: 0; z-index: 3;
box-shadow: 0 -5px 5px rgba(0,0,0,0.08); padding:0 0.4rem;
display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}

.ftniu1{ width: 48%; display: block; height: 1.1rem; background: #f1a44a; font-size:0.4rem; text-align: center; line-height: 1.1rem; border-radius: 0.55rem; color:#fff;
border: none; outline: none;}
.ftniu2{ width: 48%; display: block; height: 1.1rem; background: #15cdfb; font-size:0.4rem; text-align: center; line-height: 1.1rem; border-radius: 0.55rem; color:#fff;
border: none; outline: none;}

.kcplbt2{padding:0 0.4rem 0.36rem;}
.ftniu3{ width:100%; display: block; height: 1.1rem; background: #15cdfb; font-size:0.4rem; text-align: center; line-height: 1.1rem; border-radius: 0.55rem; color:#fff;
border: none; outline: none;}

.kcplbbb2{margin:0 auto 0.4rem}




/* 新盖 */
.gxu{width:100%; margin:0.2rem auto 0; box-sizing:border-box; inline-size: 0em; }






.xieyicon{width: 100%; margin:0 auto; display: block; overflow: hidden; box-sizing: border-box; padding:20px}
.xycon{width: 100%; margin:0 auto; display: block; overflow: hidden; box-sizing: border-box; }
.xyctop{width: 100%; margin:0 auto; display: block; overflow: hidden; box-sizing: border-box; padding-bottom: 15px;
    border-bottom: 1px solid #ededed;}
.xyctop h3{display: block;font-size:22px;color: #232323;font-weight:900;text-align: left; line-height:1.3em;}


.bdfwb{width: 100%; margin:8px auto; display: block; overflow: hidden; box-sizing: border-box;}
.bdfwb p{font-size:16px; color:#686868; font-weight:400; display: block; width: 100%; margin:8px auto;
line-height: 1.6em;}
.bdfwb  p image{ width:auto; max-width: 100%; display: block; margin:10px auto; border-radius:5px; }