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

/***********************************首页***********************************/

/**新闻大全**/
.phpSwdqBox{ width:1380px; margin-top:30px;} 
.phpSwdqLeft{ float: left; width: 830px;margin-left: 30px;}
.phpFirMiddle{ width:830px; height: 325px;}
.sjyx_banSwiper{ width:830px;height: 325px; border-radius:12px 0 0 12px;;}
.sjyx_banSwiper img{ width:830px; min-height: 325px; transition: transform 0.5s; }
.sjyx_banSwiper li:hover img{ transform:scale(1.1); transition: transform 0.5s; }
.sjyx_banSwiper .swiper-pagination{ left: initial;  bottom: 20px; }
.sjyx_banSwiper .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fafafa; opacity: 0.3; border-radius: 100px;}
.sjyx_banSwiper .swiper-pagination-bullet-active{ background: #fc3930; width: 26px; height: 12px; opacity: 1;}
.phpXxljLeft{  width:830px; height: 70px; background:#ffffff; margin-top:20px;}
.phpXxljTitle{ float:left; width: 75px; margin: 20px 0px 0px 20px; }
.phpXxljTitle span{ display:block;   height: 18px; line-height: 18px; overflow: hidden;}
.phpXxljTitle em{ display:block; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999; white-space: nowrap; margin-top:5px;}
.ylyHjtjbTu{ width: 700px; height: 37px;  margin-top:22px; float: left; margin-left:15px;}
.ylyHjtjbSwiper{ width:700px; height: 37px !important; position: relative; overflow: hidden; }
.ylyHjtjbSwiper .swiper-wrapper{ width: 700px !important; margin: auto;}
.ylyHjtjbSwiper .swiper-slide{ float: left; width: 100% !important;}
.ylyHjtjbSwiper .swiper-slide a{ display:block; width: 140px !important;  text-decoration: none; height: 37px; position:relative; float: left; margin-left:26px;}
.ylyHjtjbSwiper .swiper-slide a img{ width: 36px; height: 36px; border-radius: 2px; float: left;}
.ylyHjtjbSwiper .swiper-slide a dl{ float: right; width: 91px;}
.ylyHjtjbSwiper .swiper-slide a dl dt{ height: 18px; line-height: 18px; overflow: hidden;}
.ylyHjtjbSwiper .swiper-slide a dl dd{ height: 16px; line-height: 16px; overflow: hidden; color: #999999; font-size: 12px; margin-top:3px;}
.ylyHjtjbSwiper .swiper-button-prev{ width: 14px; height: 29px; background:url(../images/bg1.png) no-repeat -315px 0px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -315px 0px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -315px 0px; 
    z-index: 90; position: absolute; left: 0px; top: 25px; opacity: 1; }
.ylyHjtjbSwiper .swiper-button-next{ width: 14px; height: 29px; background:url(../images/bg1.png) no-repeat -355px 0px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -355px 0px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -355px 0px; 
    z-index: 90; position: absolute; right: 0px; top: 25px; opacity: 1;}
.ylyHjtjbSwiper .swiper-button-prev:hover{ background-position: -335px 0px;}
.ylyHjtjbSwiper .swiper-button-next:hover{ background-position: -375px 0px;}


.phpPxLeft{ width: 1380px; height: 320px;  margin-top:22px; float: left; position: relative;}
.phpPxLeftSwiper{ width:700px;  position: relative; overflow: hidden; }
.phpPxLeftSwiper .swiper-wrapper{ width: 700px !important; margin: auto;}
.phpPxLeftSwiper .swiper-slide{ float: left; width: 100% !important;}
.phpPxLeftSwiper .swiper-slide a{ display:block;  text-decoration: none;  position:relative; float: left; }
.phpPxLeftSwiper .swiper-slide a img{  border-radius: 2px; float: left;}
.phpPxLeftSwiper .swiper-slide a dl{ float: right; width: 91px;}
/* .phpPxLeftSwiper .swiper-slide a dl dt{ height: 18px; line-height: 18px; overflow: hidden;}
.phpPxLeftSwiper .swiper-slide a dl dd{ height: 16px; line-height: 16px; overflow: hidden; color: #999999; font-size: 12px; margin-top:3px;} */
.phpPxLeftSwiper .swiper-button-prev1{  background:url(../images/bg1.png) no-repeat -315px 0px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -315px 0px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -315px 0px; 
    z-index: 90; position: absolute; left: 0px; top: 25px; opacity: 1; }
.phpPxLeftSwiper .swiper-button-next1{ background:url(../images/bg1.png) no-repeat -355px 0px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -355px 0px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -355px 0px; 
    z-index: 90; position: absolute; right: 0px; top: 25px; opacity: 1;}
.phpPxLeftSwiper .swiper-button-prev1:hover{ background-position: -335px 0px;}
.phpPxLeftSwiper .swiper-button-next1:hover{ background-position: -375px 0px;}
.phpPxLeftSwiper .phpZbktName{width: auto;   }

.phpSwdqRight{ float: right; width: 230px; height: 420px;}
.phpEssxTitle{ width: 230px; border-top: 5px solid #343434;}
.phpEssxTitle h2{ margin: 10px 0px 0px 15px; font-size: 22px; font-weight:bold; color: #333333;}
.phpEssxTitle h2 span{ color: #fc3930;}
.phpEssxList{ width: 335px; margin: auto; padding-top: 5px;}
.phpEssxList li{ margin-top:13px;}
.phpEssxList li span{ display: block; float: left; width: 35px; line-height: 28px; line-height: 28px; overflow: hidden; text-align: center; font-size: 24px; font-weight: bold;} 
.phpEssxList li span.color1{ color: #fc3930;}
.phpEssxList li span.color2{ color: #d0cfcf;}
.phpEssxList li a{ display: block; float:right; width: 285px; max-height: 40px; line-height: 22px; overflow: hidden; margin-top:1px;}
.phpSwdqLeft1 {width: 260px;height: 415px;background: #FFFFFF;float: left;}


.phpSwdqLeft1 dl{ width: 249px; margin:15px 0 0 8px;}
.phpSwdqLeft1 dl dt{font-weight: bold;}
.phpSwdqLeft1 dl dd{ line-height: 32px; margin-top:10px;}
.phpSwdqLeft1 dl dd b{ color:#E0E0E0;margin:0 1px 0 3px;font-weight: 100;}
.phpSwdqLeft1 dl dd a{ display:inline-block; position: relative; margin: 6px 3px;}
.phpSwdqLeft1 dl dd a:hover { text-decoration: none; } 
.phpSwdqLeft1 dl dd span{ display:inline-block; color: #e7e7e7; margin: 0px 30px 0px 30px;}
.phpSwdqLeft1 dl dd em{ display:inline-block; position: absolute;  top: 0px;}  
.phpSwdqLeft1 dl dd em.icon1{ width: 22px; height: 12px; display: inline-block; background: url(../images/hot.png) no-repeat; background-size: contain; background-position: center; }
.phpSwdqLeft1 dl dd em.icon2{ width: 22px; height: 12px; display: inline-block; background:url(../images/new.png) no-repeat; background-size: contain; background-position: center; }
.phpBgnavright img{margin: -9px 0 0 110px; z-index: 100; }
.phpHeadIn{position: relative;}
.phpBgnavright{display: flex;    float: right;
    margin: 90px -970px 94px 66px;
}
.phpBgnavright div{white-space: nowrap;width: 119px;height: 21px;font-size: 20px;font-family: Microsoft YaHei;font-weight: bold;color: #865603;line-height: 74px;position: fixed;margin: -9px 0 0 150px;z-index: 101;}
.phpSwdqTop{ width: 230px; height: 285px;background: #FFFFFF;}
.phpSwdqTop .title{display: flex;padding:15px 0 0 15px;}
.phpSwdqTop .title img {margin-right: 14px; width: 49px;height: 49px;border-radius: 50%;}
.phpSwdqTop .title .name{margin-bottom: 10px;width: 64px;height: 17px;font-size: 16px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;}
.phpSwdqTop .title .learntime{font-size: 14px;font-family: Microsoft YaHei;font-weight: 400;color: #999999;}
.phpSwdqTop .line{ width: 200px;height: 1px;background: #EEEEEE;margin:15px;}
.phpSwdqTop .learn{padding:0 16px;}
.phpSwdqTop .learn .learnTop{font-size: 16px;font-family: Microsoft YaHei;font-weight: bold; color: #333333; }
.phpSwdqTop .learn .downLeft{ width: 1px;height: 110px;background: #EEEEEE;  margin:20px 14px 0  3px;}
.phpSwdqTop .learn .downLeft div { width: 8px;height: 8px;background: #E0E3EA;border-radius: 50%;margin-left:-3.5px;}
.phpSwdqTop .learn .downLeft .haveheight{margin-top: 47px;}
.phpSwdqTop .learn .learnDown{    display: flex;}
.phpSwdqTop .learn .downRight{margin-top: 16px;   }
.className{color: #333333;margin-bottom: 3px; font-size: 14px;height: 20px;overflow: hidden; }
.classTime{color: #999999;font-size: 12px;margin-bottom: 15px; }
.phpSwdqBottom { width: 216px;height: 77px;background: #FFFFFF;margin-top: 19px;    padding: 17px 0 16px 14px;}
.bottomVip{color: #333333;margin-bottom: 16px;}

.phpPxLeft .swiper-button-prev{  height: 99px; 
    z-index: 100; position: absolute; left: 0px; opacity: 1; 
    background: -webkit-image-set(url(../images/last-button.png)) no-repeat;width: 50px;
}
.phpPxLeft .swiper-button-next{ height: 99px; 
    z-index: 100; position: absolute; right: 0px;  opacity: 1;
    background: -webkit-image-set(url(../images/next-button.png)) no-repeat;width: 50px;
}
/* .phpPxLeft .swiper-button-prev:hover{ background-position: -335px 0px;}
.phpPxLeft .swiper-button-next:hover{ background-position: -375px 0px;} */
.phpPxLeft .swiper-a{width: 255px !important;height: 310px; background: #FFFFFF;}
.phpPxLeft a .imgsone { width: 255px;height: 145px;}
.phpPxLeft .swiper-slide{display: flex;  }
.phpPxLeft .two  dl {
    width: 224px;
    margin: auto;
}
.phpPxLeft .two  dl dt {
    margin-top: 15px;
    height: 45px;
    overflow: hidden;
    line-height: 25px;
}
.phpPxLeft .two  dl dd p {
    float: left;
    width: 110px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    font-size: 12px;
    color: #b7b7b7;
}
.phpPxLeft .two  dl dd em a b {
    display: block;
    width: 11px;
    height: 11px;
    background: url(../images/bg1.png) no-repeat -80px -65px;
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px;
    float: left;
    margin: 3px 5px 0px 0px;
}
.phpPxLeft .two  dl dd em a {
    display: block;
    float: right;
    font-size: 12px;
    color: #b7b7b7;
    text-decoration: none;
}
.phpPxLeft .two  dl dd {
    margin-top: 15px;
}
.phpPxLeft .two i.bg1 {
    background: #E0E8FC;
    color: #298AFD;
}

.phpPxLeft .two i {
    display: block;
    float: left;
    width: 28px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-align: center;
    font-style: normal;
    font-size: 11px;
    color: #ffffff;
    margin-right: 10px;
    margin-top: 3px;
    border-radius: 2px;
    padding: 2px 4px;
}
.phpPxLeft .three {width: 120px;height: 18px;border: 1px solid #FC3930;border-radius: 3px;margin: 12px 0 16px 15px;}
.phpPxLeft .three div{width: 120 px;height: 13px;font-size: 12px;font-family: Microsoft YaHei;font-weight: 400;color: #FC3930;padding: 0 0 3px 3px;}
.phpPxLeft .four{ display: flex;  flex-direction: row; justify-content: space-between; margin: 0 15px;}
.phpPxLeft .four div{ display: flex;  flex-direction: row;}
.phpPxLeft .four .fleft div:nth-child(1) {color: #FC3930;}
.phpPxLeft .four .fleft div:nth-child(2) {color: #999999;font-size: 12px;text-decoration: line-through; margin: 3px 0 0 8px;}
.phpPxLeft .four .rleft div:nth-child(1) { background: #585858; border-radius: 3px 0px 0px 3px; color: #E5EAC0;
    line-height: 20px;font-size: 14px;width: 27px;padding:2px 2px 2px 8px;;
    height: 19px; }
.phpPxLeft .four .rleft div:nth-child(2) { background: #FCEAC0; border-radius: 3px;color: #633B00;
    line-height: 20px;font-size: 14px; width: 48px;padding: 2px 0 0 6px;
    height: 21px;}
.swiper-slide-divs{margin-right: 26px;background: #FFFFFF;}
.phpZbktTitle h2{margin-right: 65px;}
.phpZbktchoose{  display: flex; flex-direction: row;}
.phpZbktchoose div{width: 78px;margin: 0  7px;line-height: 33px;  height: 32px;text-align: center; background: #F0F1F4;  border-radius: 16px;}
.phpZbktchoose .checks{ background: #FC3930;color: #FFFFFF;}
.phpSwdqBottom div img{margin-right:9px;}
.phpZbktchoose div:hover{cursor :pointer ;}
/**PHP培训**/
.phpPxBox{ width: 1380px; margin-top:40px;}
.phpPxLeft{ float: left; width:1380px;overflow: hidden;}
.phpZbktLeft{width:1380px;}
.phpZbktList{ width: 1380px;}
.phpZbktList li{ float: left; width: 308px; height: 285px; background: #ffffff; margin-top:25px; margin: 25px 0px 0px 30px;}
/* .phpZbktList li:nth-child(3n+1){ margin-left:0px;} */
.phpZbktList li:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);}
.phpZbktImg{ width: 308px; height: 170px; position:relative;}
.phpZbktImg a{ display: block; height:170px; width: 308px; overflow: hidden;}
.phpZbktImg a img{ width:308px; height: 170px;  transition: all 0.2s;}
.phpZbktImg a:hover img{ transform:scale(1.1);}
.phpZbktZhi{ height: 22px; background: linear-gradient(to top, rgb(235, 196, 134), rgba(250, 228, 193)); padding: 0px 3px 0px 3px; position:absolute; right: 8px; border-radius: 3px; color: #93652a; top: 8px; font-size: 12px; line-height: 22px;}
.phpZbktBg{ width: 308px; height: 38px; background:rgba(0,0,0,0.4); position:absolute; bottom:0px; left: 0px;}
.phpZbktName{ width: 275px; margin: auto;}
.phpZbktName dl dt a{ display: block; height: 50px; line-height: 25px; margin-top:15px; overflow: hidden;}
.phpZbktName dl dd{ width: 275px; margin-top:15px;}
.phpZbktName dl dd p{ float: left; width: 120px; height: 18px; line-height: 18px; overflow: hidden; color: #f11717; font-size: 12px;}
.phpZbktName dl dd span{ display: block; float: right; width: 100px; height: 18px; line-height: 18px; overflow: hidden; text-align: right; color: #b7b7b7; font-size: 12px;}
.phpZbktBg em{ display: block; float: left; font-size: 12px; color: #ffffff; margin:10px 0px 0px 10px;}
.phpZbktBg span{ margin:10px 5px 0px 0px; display: block; float: left; color: #ffffff; font-size: 12px;}
.phpZbktBg span b{display: block; float: left; height: 19px; border-radius: 2px; background: #f11717; padding: 0px 5px; color: #ffffff; font-weight:normal;}
.course_live_back{position: absolute;width: 50px;height: 25px; line-height: 25px;text-align: center;background: #727274;color: #fff;font-size: 12px;z-index: 99999;}
.course_live{position: absolute;width: 50px;height: 25px;line-height: 25px;text-align: center;background: #F85867;color: #fff;font-size: 12px;z-index: 99999;}
.course_live img{vertical-align: middle;}


/**最新课程**/
.phpZbktBox{ width: 1380px; margin-top:40px;}
.phpZbktTitle{display: flex;flex-direction: row;justify-content: space-between;}
.phpZbktTitle h2{ float: left; font-size: 22px; font-weight: bold; color: #333333;}
.phpZbktTitle a{ display:block; width: 78px; height: 32px; float: right; border-radius: 100px; text-align: center; line-height: 32px; overflow: hidden; color: #999999; text-decoration: none;}

.phpZxkcList{ width: 1380px;}
.phpZxkcList li{ float: left; width: 255px; height: 265px;  background: #ffffff; margin: 30px 0px 0px 26px;}
.phpZxkcList li:hover{ box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04);}
.phpZxkcList li:nth-child(5n+1){ margin-left:0px;}
.phpZxkcList li span{position: relative;}
.phpZxkcList li span  div{position: absolute; top: 0; right: 0;}
.huifang,.tuijian,.zuixin{width: 55px; height: 27px; font-size: 14px; color: #FFFFFF;    display: flex; align-items: center; justify-content: center;}
.huifang {background: #00AEFF;}
.tuijian {background: #FF7E00;}
.zuixin {background: #FC3930;}
.phpZxkcList li span a{ display: block; width:255px; height: 145px; overflow: hidden; }
.phpZxkcList li span a img{ width:255px; height: 145px;  transition: all 0.2s;}
.phpZxkcList li span a:hover img{ transform:scale(1.1);}
.phpZxkcList li dl{ width:224px; margin: auto;}
.phpZxkcList li dl dt{ margin-top:15px; height: 45px; overflow: hidden; line-height: 25px;}
.phpZxkcList li dl dt i{ display: block; float:left; width: 28px; height: 16px; line-height: 16px; overflow: hidden; text-align: center; font-style: normal; font-size: 11px; color: #ffffff; margin-right: 10px;margin-top:3px; border-radius: 2px; padding: 2px 4px;}
.phpZxkcList li dl dt i.bg1{ background:#E0E8FC ; color: #298AFD; }
.phpZxkcList li dl dt i.bg2{ background:#FCE7E0; color: #FD4029;}
.phpZxkcList li dl dt i.bg3{ background:#FCF3E0; color: #FB6401;}
.phpZxkcList li dl dd{ margin-top:15px;}
.phpZxkcList li dl dd a{text-decoration: none;}
.phpZxkcList li dl dd p{ float: left; width: 110px; height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #b7b7b7;}
.phpZxkcList li dl dd em a{ display: block; float: right; font-size: 12px; color: #b7b7b7; text-decoration: none;}
.phpZxkcList li dl dd em a b{ display: block; width: 11px; height: 11px; background: url(../images/bg1.png) no-repeat -80px -65px; 
    background: image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x)  no-repeat -80px -65px; 
    background: -webkit-image-set(url(../images/bg1.png) 1x, url(../images/bg1-2x.png) 2x) no-repeat -80px -65px; 
    float: left; margin: 3px 5px 0px 0px;}
.phpZxkcList li dl dd em.phpshouchang a b{ background-position: -95px -65px;}
/** 新首页 与common.css有不同 **/
.phpNav{ float:right;width:auto;}
.kclb .phpNav{margin:0 0 0 10px;align-items: center;display: flex;    height: 90px;}
.kclb .phpBgnavIn{height:60px !important;}
.langadivs{height: 90px;display: flex;}
.kclb .phpNav li .phpNavIn .phpNavTitle3 a{height:15px;}
.headInright{float: right;}
.phpSerch{float:left; width: auto;height: 36px;background: #F7F8FA;border-radius: 18px;}
.searchText{display: flex;margin: 10px 0 0 0;float: right;font-size: 12px;font-family: Microsoft YaHei;font-weight: 400; color: #999999;}
.searchText div a{margin-right: 10px; text-decoration: none;color:#999999 }
.searchText div:nth-child(2) a{color:#FC3930 }
.kclb .searchText{margin:0;}
.kclb .headInright{float:none;}
.kclb .typeAsearch{float:left;}

/**底部**/
.phpFootCodeIn a{ color:#656565; text-decoration: none;}
.phpFootCodeIn a:hover{ color: #ffffff;}



/* 课程列表 */
.phpkcCheckList{margin: 30px auto;;width: 1380px;}
.phpkcSub {width: 1380px;background: #ffffff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.04); padding-bottom: 20px;z-index: 10;}
.phpQianIn a:hover{text-decoration: none; }
.phpQianIn td{padding:0 10px;}
.phpQianIn th{padding:0 10px;}
.phpQianIn li a{text-decoration: none;cursor: pointer;
    /* padding: 5px 10px; */
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 52px;
}
.phpQianIn li{display: flex;}
.phpQianIn li .fx{min-width: 65px; font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 52px;}
.phpQianIn li div{margin:0 15px;}
.phpQianIn li div:nth-child(1){margin-right:5px;}
.phpQianIn li .lists{display: flex;flex-wrap:wrap;}
/* .phpQianIn .lists div.check{width: auto;height: 25px;border-radius: 3px;color:#FC3930 ;background: #FEF6F6;} */

.phpQianIn{    margin: 0 0 0 17px;font-size: 14px; color: #333333; line-height: 52px;}
.tableDiv{width: auto;height: 25px;border-radius: 3px; line-height: 28px;}
.tableDiv.check{ color:#FC3930 ;background: #FEF6F6; }
.phpkclbChoose{  display: flex;flex-direction: row;}
.phpkclbChoose div {    display: flex;  flex-direction: row;align-items: center;justify-content: center;}
.phpkclbChoose .odds{margin:0 5px ;}
.phpZbktTitleH2{margin: 0 !important;;}
.phpkclbChoose .rq div,.phpkclbChoose .pf div{margin-right: 3px;}
.phpkclbChoose .rq img,.phpkclbChoose .pf img{height: 15px;margin-top: 2px;}
.phpkclbChoose .rq img:hover,.phpkclbChoose .pf img:hover,.phpkclbChoose .hard img:hover{cursor :pointer ;}
.phpkclbChoose .rq a,.phpkclbChoose .pf a{width: 12px;height: 18px;background:none;}
.phpkclbChoose .hard::after{ width: 50px;height: 50px;}
.pfxl{ position: absolute; top: 30px; left: -25px; flex-direction: column !important;width: 80px;height: 90px; background: #FFFFFF;box-shadow: 0px 4px 9px 0px rgba(0,0,33,0.4);}
.pfxl a{ background: none; font-size: 14px;font-weight: 400;color: #333333;}
.pfxl a:hover{
    background: #F3F3F3;font-size: 14px;font-weight: 400;color: #333333;width: 80px;border-radius: 0;cursor: pointer;
}
.phpkclbChoose .hard{ position: relative;}
.phpkclbChoose .hard img{width: 13px;height: 7px;margin: 5px;}
.phpkclbChoose .ms label,.phpkclbChoose .zk label,.phpkclbChoose .mf label{margin: 2px 5px 0 0;}
.searchEnd{float: right; font-size: 14px;color: #999999;margin-top: 2px;}
.searchEnd b{color: red;font-family: Microsoft YaHei;}

.mores{ margin-top: -35px;}
.kcxq .phpQianIn img{width: 12px;height: 15px;    margin: 5px 10px 0 0;}
.kcxq .phpQianIn  { align-items: center; display: flex;}
.kcxq .phpkcCheckList {height: auto;}
.kcxq .phpkcSub{padding: 0;}
.kcxq .phpkcCheckList .freeSize .hover{color:#333333}
.kcxq .phpkcCheckList .freeSize{ color: #969799; font-size: 16px; color: #969799; margin: 6px 0 0 0;}
.kcxq .phpkcCheckList .freeSize a{ color: #969799; text-decoration: none; margin-right:4px;}
.kcxq .phpkcCheckList .freeSize a:hover{cursor :pointer ;color:#333333}
.phpkcDetail{ width: 1380px; height: 360px;background: #FCF5F5; border: 2px solid #FC3930;display: flex;justify-content: space-between;} 
.phpkcDetail .right{min-width: 300px; background: #FFFFFF;height: 356px;}
.phpkcDetail .left{margin:33px 0 35px 23px;    display: flex; flex-direction: row;}
.phpkcDetail .lleft{margin:0 33px 0 0 ;background: #FFFFFF;}
.phpkcDetail .lleft-up{position: relative;    background: #000;height: 221px;display: block;}
.phpkcDetail .lleft-up img:nth-child(1){ width: 380px;height: 221px;opacity:0.6}
.phpkcDetail .lleft-up img:nth-child(2){position: absolute;top:60px;left: 140px;}
.phpkcDetail .lleft-up text{position: absolute;top:160px;left: 155px;color:#ffffff;}
.lleft-down{display: flex;justify-content: space-between;margin: 26px 0 0 0;}
.lleft-down .downl{display: flex;margin-left:16px;}
.lleft-down .downl div:nth-child(1){margin:0 14px 0 0;font-size: 28px;color: #FC3930;font-weight: bold;}
.lleft-down .downl div:nth-child(2){font-size: 14px;color: #999999;text-decoration:line-through;margin:15px 0 0 0;}
.lleft-down .downr{border: 1px solid #FC3930;border-radius: 3px;padding: 2px 7px 0 6px;color: #FC3930;font-size: 14px;margin: 8px 11px 0 0;    height: 24px;}
.lright .lright-one div {    width: 680px; font-size: 24px;color: #333333;line-height: 30px; word-break:keep-all ; white-space:nowrap  ;overflow:hidden  ;text-overflow:ellipsis  }
.lright .lright-one a{font-size: 24px;font-weight: bold; color: #333333; line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;cursor: pointer;
}
.lright .lright-two{margin:14px 35px 22px 0;font-size: 14px;font-weight: 400;color: #999999;line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.lright  .lright-three{display: flex;}
.lright  .lright-three div{border: 1px solid #FC3930; border-radius: 5px;margin-right:7px;padding: 6px 12px 6px 14px;font-size: 12px; color: #FC3930;}
.lright-four{margin:26px 0 24px 0;}
.lright .lright-four,.lright .lright-four div{display: flex;}
.lright .lright-four div{display: flex;flex: none; flex-direction: row;}
.lright .lright-four .four-left{color: #999999;}
.lright .lright-four .four-right{margin:0 0 0 30px; font-size: 16px;color: #999999;}
/* .lright .lright-four .four-left div{width:auto;} */
.lright .lright-four .four-right img,.lright .lright-four .four-left img{margin:0 5px 0 0;}
.lright .five-left img{width: 34px;height: 23px;margin-right: 8px;}
.lright .five-right img{width: 23px;height: 20px;margin-right: 8px;}
.lright .five-left{width: 250px; height: 60px; background: #FC3930; border-radius: 5px;display: flex;align-items: center; display: flex; justify-content: center;
font-size: 18px; color: #FFFFFF; text-decoration: none; 
}
.lright .lright-five{display:flex;}
.lright .five-right{display: flex;margin:0 0 0 24px;width: 250px; height: 60px; background: linear-gradient(-270deg, #F4D398 0%, #ECC174 100%); border-radius: 5px; align-items: center; display: flex;  justify-content: center;
    font-size: 18px;  color: #865603; text-decoration: none; position: relative;
}
.phpkcDetail .right{display: flex;flex-direction: column;align-items: center;}
.detail-right-one{width: 74px; height: 75px; border-radius: 50%;margin:33px 0 25px 0;}
.detail-right-one img{border-radius: 50%;}
.detail-right-two{font-size: 18px;font-weight: bold;color: #333333;}
.detail-right-three,.detail-right-three div:nth-child(1){display: flex;flex-direction: row;}
.detail-right-three{margin:22px 0 24px 0;}
.detail-right-three div:nth-child(1){font-size: 14px;color: #8F5C3B; justify-content: center;align-items: center; width: 87px;height: 25px;background: linear-gradient(-270deg, #F1D4BD 0%, #EBBB9F 100%);border-radius: 5px;}
.detail-right-three div:nth-child(1) img{width: 13px;height: 16px;margin-right: 4px;}
.detail-right-three div:nth-child(2){margin:0 14px; font-size: 14px;color: #333333; }
.detail-right-three div:nth-child(2),.detail-right-three div:nth-child(3){margin-top: 3px;}
.detail-right-four {width: 250px;height: 37px;font-size: 14px;color: #999999;line-height: 20px;margin-bottom: 21px;}
.detail-right-five{ width: 250px;height: 40px;background: #FCF5F5; text-decoration: none;border-radius: 5px;font-size: 14px;color: #FC3930;line-height: 20px;text-align: center;display: flex;justify-content: center;align-items: center;}
.detail-right-five:hover{ cursor:pointer;}
.five-viplist{padding:16px 22px 17px 14px; width: 214px;height: 160px;background: #FFFFFF;box-shadow: 0px 4px 9px 0px rgba(142,142,142,0.4);position: absolute;top: 75px;}
.five-viplist div{ display:flex;}
.five-viplist-allcss{margin-bottom: 14px;}
.viplist-div-one{ width: 19px;height: 19px;background: #FC3930;border-radius: 5px; font-size: 14px;color: #FFFFFF;padding: 0 0 1px 4px;margin:0 8px 0 0;}
.viplist-div-two{ font-size: 13px; color: #FC3930;margin-top: 2px;}

.box-left{width: 985px;margin-right: 31px;}
.bleft-up {  width: 956px; background: #FFFFFF;padding:26px 15px 0 18px;margin-bottom: 40px;}
.phpScdqBox{margin:40px 0 0 0;}
.bleftup-title{display: flex;justify-content: space-between;}
.blu-title-left{display: flex;flex-direction: row;font-size: 22px;color: #333333;margin-bottom: 31px;}
.blu-title-left div{margin-right: 40px;padding-bottom: 12px;}
.blu-title-left div:hover{cursor:pointer;}
.blu-title-left div.hover{border-bottom:3px solid #FC3930;}
.blu-title-right{  font-size: 14px;color: #999999;margin-top: 6px;}
.bleftup-list-li {display: flex; flex-direction: row; justify-content: space-between;
    font-size: 16px; color: #333333;
}
.bleftup-list-li img{width:13px;height: 7px;    margin: 10px 0 0 0;}
.bleftup-list-li:hover{cursor: pointer;}
.bleftup-list-li div{display:flex;}
.bleftup-list-li .sk{width: 50px; height: 25px;border: 1px solid #FC3930; border-radius: 5px; margin: 4px 0 0 26px; font-size: 14px; color: #FC3930; line-height: 20px; align-items: center; justify-content: center;}
.list-li-title{font-size: 16px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;    line-height: 35px;}
.video{width: 924px;background: #F7F8FA;margin:21px 0 0 0;padding: 13px 16px;}
.J-media-item{
    text-decoration: none;display: flex;justify-content: space-between;
}
.course_detail_title_l .sk{width: 50px; height: 25px;border: 1px solid #FC3930; border-radius: 5px;  font-size: 14px; color: #FC3930; margin:5px 0 5px 10px;line-height: 23px; text-align: center;}
.course_detail_title_l{font-size: 14px;color: #333333;display: flex;line-height: 36px;
}
.course_detail_title_r{ font-size: 14px;color: #999999;line-height: 36px;}
.bleftup-lists-ul-line{
    width: 955px;
    height: 1px;
    background: #EEEEEE;
    margin: 21px 0 26px 0;
}
.bleftup-list{padding-bottom: 26px;}
.bleft-down{height: 500px;width: 986px; height: 390px; background: #FFFFFF;}
.bleft-down  .phpPxLeft a .imgsone{width: 293px;height: 165px;border-radius: 10px 10px 0px 0px;}
.bleft-down .swiper-slide-divs{width: 295px; height: 287px; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 10px;margin:0 15px;}
.bleft-down .swiper-slide-divs a{text-decoration: none;}
.bleft-down .phpPxLeft{width: 986px;}
.bleft-down .phpPxLeft .two dl{margin:21px 19px 0 19px;width: auto;}
.bleft-down .phpPxLeft .two dl dd p{color: #FD432C;font-size: 14px;}
.bdown-title{ font-size: 22px;color: #333333;margin:25px 0 0 15px;padding-top:25px;font-weight: bold;}
.bleft-down .phpPxLeft .swiper-button-next{background: -webkit-image-set(url(../images/kc_swiper_right.png)) no-repeat;top:40%}
.bleft-down .phpPxLeft .swiper-button-prev{background: -webkit-image-set(url(../images/kc_swiper_left.png)) no-repeat;top:40%}
.phpScdqBox{display: flex;}
.box-right .boxr-up img{width: 365px; height: 370px; margin-bottom: 40px;}
.box-right .boxr-down{width: 335px;height: 605px;background: #FFFFFF;padding:19px 15px 21px 15px;}
.box-right .boxrd-title { font-size: 22px;color: #333333; margin-bottom: 26px;font-weight: bold;}
.box-right .boxrd-con img{ width: 335px;height: 157px;border-radius: 5px;}
.box-right .boxrd-con a:nth-child(2) img{margin:23px 0;}
.bleftup-list-wz{ display:flex;flex-direction: column;}
.bleftup-list-wz-div{display: flex;}
.bleftup-list-wz .bluwz-img img{width: 210px;height:120px;margin-right: 25px;}
.bluwzr-title{font-size: 18px; font-weight: 400; color: #333333;}
.bluwzr-detail{   font-size: 14px;font-weight: 400;color: #999999;line-height: 24px;margin:15px 0 34px 0;}
.bluwzrb-time{font-size: 12px;color: #999999;line-height: 24px;}
.bluwzr-bottom{ display:flex;justify-content: space-between;}
.bluwz-right{width: 721px;}
.bluwz-right a{cursor: pointer;text-decoration: none;}
.bluwzrb-right{display:flex;}
.bluwzrb-right a{ width: 61px;height: 24px;background: #F5F5F5;border-radius: 4px;font-size: 12px;color: #999999;margin:0 4px;align-items: center;display: flex;justify-content: center;}
.bleftup-list-wz-line{ width: 957px;height: 1px;background: #F6F6F6;margin:25px 0 24px 0;}
.bluwzrb-right a:last-child{margin:0 0 0 4px; }
.bleftup-list-kj{display:flex;flex-direction: column;}
.blulk-div{display: flex;flex-direction: row;justify-content: space-between; margin:3px 0 24px 0;}
.blulkd-left{display:flex;flex-direction: row;}
.blulkdl-img img{width: 45px;height: 60px;margin-right: 15px;}
.blulkdl-right div:nth-child(1){ font-size: 16px;color: #333333; margin:7px 0 17px 0;}
.blulkdl-right div:nth-child(2){font-size: 14px; color: #999999;}
.blulkd-right {  width: 100px;height: 40px;border: 1px solid #FC3930;border-radius: 5px;display: flex;    justify-content: center;align-items: center;
    font-size: 14px;
    color: #FC3930;text-decoration: none;cursor: pointer;
}
.blulkd-right img{ width: 11px;height: 15px;margin-right: 2px;}
.box-right .sjyx_banSwiper img{width: 365px; height: 370px;} 
.box-right .sjyx_banSwiper{width: 365px;border-radius:0;}

.kclb .page{ display: flex; flex-direction: row; justify-content: center;margin:37px 0 0 0;}
.page a { display: flex; justify-content: center; align-items: center;margin-right: 12px;text-decoration: none;cursor:pointer; min-width: 65px;height: 35px;background: #FFFFFF;border: 1px solid #EEEEEE;border-radius: 3px;font-size: 14px;font-weight: 400;color: #333333;}
.page a:first-child,.page a:last-child{padding:0 10px;}

.pagebutton{     width: 35px; height: 35px; background: #FFFFFF; border: 1px solid #EEEEEE; border-radius: 3px;font-size: 14px;font-weight: 400;color: #333333;}
.active{background: #FC3930 !important;color: #FFFFFF !important;}
.kclb{margin-top: 0;}