* {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    font-style: normal;
}

.cf:after {
    display: block;
    height: 0;
    content: "";
    clear: both;
    visibility: hidden;
}

.cf>a>li>img {
    width: 236px;
    height: 149px;
    display: block;
    border: none;
}


/*a:hover{
  text-decoration:none;transition:0.1s !important;
  -webkit-transition:0.1s !important;
  -moz-transition: 0.1s !important;
  -o-transition: 0.1s !important;
  -ms-transition: 0.1s !important;
}*/

img {
    border: none;
}

body {
    font-family: "微软雅黑";
    padding: 0px;
    margin: 0px;
    text-align: center;
    background: #fff;
}


/* .newYearBg{
  background: url(images/stu_banner.jpg) no-repeat top #f0f7ff;width: 100%; height: 100%;
  position: relative;
  z-index: 0;
} */


/* .newYearBg .blingbling{ position: absolute; top: 0; left: 0; right: 0; animation: opa 2s infinite linear; z-index: -1;}
@keyframes opa{
 0%{
   opacity: 1;
 }
 25%{
   opacity: 0.5;
 }50%{
   opacity: 0;
 }
 75%{
   opacity: 0.5;
 }
 100%{
   opacity: 1;
 }
} */


/*顶部*/

.stu_banner {
    width: 100%;
    background: url(../images/stu_banner.jpg) no-repeat top #f0f7ff;
    width: 100%;
    height: 100%;
}

.stu_content {
    width: 1200px;
    height: 180px;
    padding-top: 60px;
    margin: 0 auto;
    padding: 60px 50px 60px 50px;
}

.stu_personage {
    width: 410px;
    height: 130px;
    float: left;
    margin-top: 30px;
}

.head_img {
    width: 130px;
    height: 130px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 11px;
}

.head_img img {
    display: block;
    width: 130px;
    height: 130px;
}

.stu_personage ul {
    width: 218px;
    float: left;
}

.stu_personage ul li strong {
    display: inline-block;
    width: 70px;
    height: 12px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.stu_personage strong b {
    width: 30%;
    height: 12px;
    position: absolute;
    z-index: 99;
    background-color: #f18f4e;
    text-align: center;
}

.stu_personage>img {
    float: left;
    margin-right: 18px;
}

.stu_personage li {
    text-align: left;
}

.personage1 {
    color: #188eee;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.personage2 {
    color: #666666;
    font-size: 14px;
    margin-bottom: 13px;
}

.personage2 span {
    font-size: 18px;
    color: #ff5e5e;
    font-weight: 600;
    margin-left: 5px;
}

.personage3 {
    color: #666666;
    font-size: 14px;
    margin-bottom: 15px;
    position: relative;
}

.stu_personage ul .personage3 span {
    display: inline-block;
    position: absolute;
    color: #f18f4e;
    right: 58px;
}

.personage4 {
    color: #188eee;
    font-size: 14px;
}


/*顶部中间功能*/

.stu_nav {
    width: 550px;
    height: 166px;
    float: left;
    text-align: center;
    position: relative;
}

.stu_nav ul {
    width: 479px;
    height: 89px;
    /*margin-top:38px;*/
    margin: 38px auto 0 auto;
}

.stu_nav li {
    width: 94px;
    height: 90px;
    float: left;
    text-align: center;
    cursor: pointer;
}

.stu_nav ul li a p {
    width: 56px;
    height: 55px;
    margin: 0 auto;
}

.stu_nav ul .entry1 a p {
    background: url(../images/stu_top1.png) no-repeat center;
}

.stu_nav ul .entry2 a p {
    background: url(../images/stu_top2.png) no-repeat center;
}

.stu_nav ul .entry3 a p {
    background: url(../images/stu_top3.png) no-repeat center;
}

.stu_nav ul .entry4 a p {
    background: url(../images/stu_top5.png) no-repeat center;
}

.stu_nav ul .entry5 a p {
    background: url(../images/stop_live.png) no-repeat center;
}

.stu_nav ul .entry2 a:hover p {
    transition: 0.1s;
    -webkit-transition: 0.1s;
    background: url(../images/a.png) no-repeat center;
}

.stu_nav ul .entry3 a:hover p {
    transition: 0.1s;
    -webkit-transition: 0.1s;
    background: url(../images/b.png) no-repeat center;
}

.stu_nav ul .entry4 a:hover p {
    transition: 0.1s;
    -webkit-transition: 0.1s;
    background: url(../images/d.png) no-repeat center;
}

.stu_nav ul .entry5 a:hover p {
    transition: 0.1s;
    -webkit-transition: 0.1s;
    background: url(../images/stop_live2.png) no-repeat center;
}

.stu_nav ul li a span {
    display: block;
    margin-top: 10px;
    color: #444;
    font-size: 16px;
}

.stu_nav b {
    color: #188eee;
}

.fl_wire {
    position: absolute;
    top: 10px;
    left: -50px;
}

.fr_wire {
    position: absolute;
    top: 10px;
    right: -30px;
}


/*顶部右侧功能*/

.stu_sign {
    width: 99px;
    float: right;
    margin-top: 25px;
    position: relative;
}

.book {
    position: absolute;
    top: 43px;
    left: 0;
}

.stu_sign a {
    display: inline-block;
    width: 99px;
    line-height: 48px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
}

.a1 {
    background: #f18f4e;
}

.a2 {
    background: #ff5e5e;
    margin-top: 5px;
}


/*中部核心*/

.stu_main {
    width: 100%;
    height: 585px;
    min-height: 800px;
}


/* .stu_main{width:100%;height:585px;margin-top:40px;} */


/* 红艳 修改 */


/* .stu_main{width:100%;margin-top:40px; background: url(../images/studentBg_newyear.png) no-repeat top; background-size: 100%; padding-top: 20px; height: 903px; } */

.stu_main_child {
    width: 1200px;
    height: 585px;
    margin: 0 auto;
}


/*左侧列表功能*/


/*.left_list ul{
  width:200px;
  height:305px;
  float:left;
}
.left_list a{
  display:block;
    width:122px;
  text-align: left;
  padding-left:78px;
  line-height:50px;
  color:#444444;
  font-size:16px;
}
.left_list .slide_cur a{
  color:#fff;
}
.left_list .s1{background:url(../images/list_1.png) no-repeat 50px #fff;}
.left_list .s2{background:url(../images/list_2.png) no-repeat 50px #fff;}
.left_list .s3{background:url(../images/list_3.png) no-repeat 50px #fff;}
.left_list .s4{background:url(../images/list_4.png) no-repeat 50px #fff;}
.left_list .s5{background:url(../images/list_5.png) no-repeat 50px #fff;}
.left_list .s6{background:url(../images/list_6.png) no-repeat 50px #fff;}
.left_list .slide_cur .s1{background:url(../images/list_11.png) no-repeat 50px #188eee;}
.left_list .slide_cur .s2{background:url(../images/list_12.png) no-repeat 50px #188eee;}
.left_list .slide_cur .s3{background:url(../images/list_13.png) no-repeat 50px #188eee;}
.left_list .slide_cur .s4{background:url(../images/list_14.png) no-repeat 50px #188eee;}
.left_list .slide_cur .s5{background:url(../images/list_15.png) no-repeat 50px #188eee;}
.left_list .slide_cur .s6{background:url(../images/list_16.png) no-repeat 50px #188eee;}*/


/*.left_list ul{
    background:#fff;
    width:200px;
    text-align: left;
}*/

.stu_main_child .left_list {
    width: 200px;
    float: left;
}


/*.left_list ul li{
    width:200px;
    height: 50px;
    border-bottom: 1px solid #f0f7ff;
}*/

.left_list ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    padding-left: 78px;
    width: 122px;
    color: #444;
    transition: 0s !important;
    -webkit-transition: 0s !important;
}

.left_list ul .tsli {
    background: #188eee;
}

.left_list ul .li1 a {
    background: url(../images/list_11.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li1:hover a {
    background: url(../images/list_11.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li2 a {
    background: url(../images/list_2.png) no-repeat 50px;
    color: #444;
}

.left_list ul .li3 a {
    background: url(../images/list_3.png) no-repeat 50px;
    color: #444;
}

.left_list ul .li4 a {
    background: url(../images/list_4.png) no-repeat 50px;
    color: #444;
}

.left_list ul .li5 a {
    background: url(../images/list_5.png) no-repeat 50px;
    color: #444;
}

.left_list ul .li6 a {
    background: url(../images/list_6.png) no-repeat 50px;
    color: #444;
}

.left_list ul .li7 a {
    background: url(../images/myteacher.png) no-repeat 50px;
    color: #444;
}

.left_list ul .li8 a {
    background: url(../images/myteacher.png) no-repeat 50px;
    color: #444;
}

.left_list ul .li9 a {
    background: url(../images/live.png) no-repeat 50px;
    color: #444;
}

.left_list ul .li2:hover a {
    background: url(../images/list_12.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li3:hover a {
    background: url(../images/list_13.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li4:hover a {
    background: url(../images/list_14.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li5:hover a {
    background: url(../images/list_15.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li6:hover a {
    background: url(../images/list_16.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li7:hover a {
    background: url(../images/myteacherhover.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li8:hover a {
    background: url(../images/myteacherhover.png) no-repeat 50px;
    color: #fff;
}

.left_list ul .li9:hover a {
    background: url(../images/livehover.png) no-repeat 50px;
    color: #fff;
}

.left_list ul li:hover {
    background: #188eee !important;
}

.right_Tab {
    width: 980px;
    /*height:582px;*/
    background: #fff;
    float: right;
    margin-bottom: 60px;
}


/*右侧选项卡功能*/

.stu_Tab {
    width: 980px;
    line-height: 50px;
    height: 52px;
    color: #444444;
    font-size: 16px;
    background: #f5f5f5;
}

.stu_Tab span {
    display: inline-block;
    width: 192px;
    float: left;
    /*  border-top:2px solid #f5f5f5;*/
    cursor: pointer;
}

.stu_Tab span:hover {
    color: #188eee;
}

.stu_default {
    color: #188eee;
    border-top: 2px solid #188eee;
    background: #fff;
}

.worp .stu_Tab-contern {
    width: 980px;
    /*  height:532px;*/
    display: none;
}

#stu_Tab-contern1 {
    display: block;
}

.stu_Tab-contern li {
    width: 276px;
    height: 214px;
    color: #444444;
    font-size: 16px;
    float: left;
    border: 1px solid #dddddd;
    margin: 0 38px 30px 0;
    position: relative;
}

.stu_Tab-contern ul.cf li strong {
    margin: 0 auto;
    display: block;
    width: 236px;
    height: 149px;
    margin-top: 20px;
    background: #000;
}

.stu_Tab-contern ul {
    margin: 30px 0 0 30px;
    min-height: 200px;
}

.stu_Tab-contern li span {
    color: #444444;
}

.stu_Tab-contern img {
    /*margin:20px 20px 3px 20px;*/
    width: 236px;
    height: 149px;
}

.stu_Tab-contern ul.cf li:hover img {
    opacity: 0.6;
}

.stu_Tab-contern ul.cf li:hover strong b {
    display: block;
}

.stu_Tab-contern ul.cf li strong b {
    display: none;
    width: 140px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #fff;
    left: 50%;
    margin-left: -70px;
    top: 85px;
    background: #188eee;
    position: absolute;
    z-index: 99999;
    border-radius: 20px;
    font-weight: normal;
}

.worp>div {
    display: none;
}

#worp1 {
    display: block;
}


/*详情页css*/

.particulars_right_Tab {
    width: 980px;
    background: #fff;
    float: right;
    margin-bottom: 60px;
}

#VIP {
    width: 100%;
    margin-top: 27px;
    height: 35px;
    margin-bottom: 20px;
}

.VIP_img>img {
    float: left;
    margin-left: 30px;
    width: 236px;
    height: 149px;
    display: block;
}

#VIP_content {
    width: 100%;
    text-align: left;
}

#VIP_content h1 {
    color: #444;
    font-size: 20px;
    margin-bottom: 12px;
    margin-left: 20px;
    float: left;
}

#VIP_content p {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}

#VIP_content span {
    color: #444;
    font-size: 20px;
    float: right;
    padding-left: 30px;
    display: block;
    height: 35px;
    line-height: 35px;
    width: auto;
    text-align: right;
    margin-right: 30px;
}

#VIP_content span label {
    color: #f60;
    font-weight: 600;
}

.VIP_conwrap {
    height: 122px;
    overflow: hidden;
    width: 650px;
}


/*.VIP_conwrap>p{
  font-size:12px;
  color:#666;
  margin-bottom: 3px;
}
.VIP_conwrap>p>strong{
  font-size:12px !important;
  color:#444;
}
.VIP_conwrap>p>span{
  font-size:12px !important;
  color:#666 !important;
}*/

#VIP_list {
    /* height:675px;*/
    width: 918px;
    border: 1px solid #dddddd;
    text-align: left;
    padding-bottom: 50px;
    position: relative;
    margin: 0 auto 60px auto;
}

.trigon {
    position: absolute;
    top: -15px;
    left: 80px;
    z-index: 100;
}

.new,
.send {
    color: #444;
    font-size: 20px;
    margin: 20px 0 15px 82px;
    position: relative;
}

.new img,
.send img {
    position: absolute;
    top: 2px;
    left: -60px;
}

.worp .countdown {
    float: right;
    display: block;
    background: url(../images/9fec1d1c471035781e3ee62ff3c15f51.png) no-repeat left;
    width: 100px;
    height: 50px;
}

#VIP_list>div>div {
    width: 802px;
    border-top: 1px dashed #cccccc;
    float: right;
    margin-right: 33px;
    padding-bottom: 10px;
}

.VIP_list_3-1 {
    border-bottom: 1px dashed #cccccc;
}

.VIP_list_3 {
    border-bottom: 1px dashed #cccccc;
    margin-bottom: 53px;
}

#VIP_list div span {
    font-size: 14px;
    color: #999999;
    font-weight: normal;
}

.p1 {
    width: 300px;
    float: left;
    color: #444444;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

.p1 a:hover {
    color: #f6580a;
}

.p1 span {
    display: block;
    margin-top: 5px;
}

.p2 {
    width: 110px;
    float: left;
    color: #444444;
    font-size: 16px;
    font-weight: bold;
    margin-left: 50px;
    margin-top: 16px;
}

#VIP_list div a {
    float: right;
}

.study {
    color: #fff;
    background: #188eee;
    line-height: 36px;
    width: 86px;
    display: block;
    text-align: center;
    border-radius: 16px;
    margin-top: 20px;
    transition: 0s !important;
    -webkit-transition: 0s !important;
}

.study:hover {
    background: rgb(255, 94, 95);
}

.study_2 {
    color: #fff;
    background: #666666;
    line-height: 36px;
    width: 86px;
    display: block;
    text-align: center;
    border-radius: 16px;
    margin-top: 20px;
}

.download {
    color: #188eee;
    margin-top: 27px;
    margin-right: 21px;
}

.collect_content {
    margin: 0 auto 30px auto;
    width: 920px;
    text-align: left;
    padding-bottom: 35px;
    border-bottom: 1px solid #f2f2f2;
    ;
}

.collect_content>div {
    height: 150px;
}

.collect_title {
    font-size: 18px;
    color: #666666;
    margin: 20px 0 15px 0;
}

.collect_content img {
    float: left;
    margin-right: 15px;
}

.collect_content>div>div {
    width: 520px;
    float: left;
    font-size: 14px;
    color: #666;
}

.collect_content h1 {
    color: #494949;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 20px;
}

.collect_price {
    margin: 10px 0;
}

.collect_price strong {
    color: #000;
    width: 50px;
}

.collect_price b {
    color: #f60;
    font-size: 18px;
}

.collect_price del {
    margin-left: 12px;
    font-size: 13px;
    color: #9f9f9f;
    line-height: 22px;
    text-decoration: line-through;
}

.collect_price span {
    margin-left: 10px;
    padding: 2px 8px;
    color: #fff;
    font-size: 12px;
    border-radius: 15px;
    background: #ff6600;
}

.collect_content a {
    float: right;
    font-size: 14px;
    display: inline-block;
    width: 139px;
    line-height: 41px;
    color: #ff6600;
    text-align: center;
    border: 1px solid #ff6600;
    margin-top: 100px;
}


/*.recent-updates{
    font-size: 14px;
    color: #333333;
    text-align: left;
}
.recent-updates>div{
  width:920px;
  margin:10px auto;
}
.recent-updates p{
 margin-bottom:10px;
}
.recent-updates h1{
 margin:80px 0 20px 0;
}
.recent-updates span{
 margin-right:100px;
}*/

.stu_Tab-contern ul li span {
    font-size: 14px;
    padding-top: 10px;
    display: block;
    width: 235px;
    margin: 0 auto;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.stu_Tab-contern ul li:hover {
    border: 1px solid #188eee;
}

.stu_Tab-contern ul li:hover span {
    color: #188eee;
}

@media screen and (max-width: 1366px) {
    #VIP {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .stu_main {
        margin-top: 20px;
        min-height: 800px;
    }
}

.no-course {
    color: #999999;
    height: 70px;
    margin-top: 70px;
    font-size: 20px;
}

.no-course a {
    text-decoration: underline;
    color: #009DD9;
}

.no-course2 a {
    display: inline-block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    background-color: #009DD9;
    color: #fff;
    margin: 0 20px;
    border-radius: 5px;
}


/*首页推荐班次*/

.stu_Tab-contern .cf_2 {
    width: 100%;
    height: 30px;
    background-color: #f0f7ff;
}

.stu_Tab-contern .cf_3 {
    width: 100%;
    min-height: 200px;
}

.stu_Tab-contern .cf_3_1 {
    width: 100%;
    height: 50px;
    border-bottom: 1px #f0f7ff solid;
}

.stu_Tab-contern .cf_3_1_1 {
    float: left;
    height: 100%;
    line-height: 50px;
    margin-left: 20px;
    font-size: 16px;
    color: #666;
}

.stu_Tab-contern .cf_3_1_2 {
    float: right;
    height: 100%;
    line-height: 50px;
    margin-right: 20px;
    color: #333;
    font-size: 14px;
}

.stu_Tab-contern .stu_course4 {
    width: 170px;
    height: 145px;
    color: #444444;
    font-size: 16px;
    float: left;
    border: 1px solid #dddddd;
    margin: 0 15px 30px 0;
}

.stu_Tab-contern .stu_course4 img {
    width: 150px;
    height: 99px;
    display: block;
    border: none;
    margin: 10px 10px 3px 10px;
}

.stu_Tab-contern .stu_course4 span {
    font-size: 12px;
    padding-top: 10px;
    display: block;
    width: 150px;
    margin: 0 auto;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #444444;
}


/*首页推荐班次end*/


/*最近更新*/

#recent_updates {
    display: none;
}


/*最近更新end按钮*/

#Learning-Center {
    display: none;
}


/*隐藏学习中心*/


/*内容部分  广告位样式*/

.ad_content_top {
    border-bottom: 20px solid #f0f7ff;
}

.ad_content_top a {
    display: block;
    height: 90px;
    width: 100%;
}

.ad_content_top img {
    border-radius: 3px;
}


/*绑定微信*/

.zhezhao {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
}

.LookAnswer {
    /*background: url(../images/bg1.jpg?1) no-repeat center;*/
    background: url(../images/pc-weixintixing_01.png) no-repeat center;
    width: 620px;
    /*height: 560px;*/
    height: 378px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    border-radius: 25px;
    display: none;
}

.LookAnswer h2 {
    font-size: 28px;
    padding-bottom: 100px;
    padding-top: 35px;
    line-height: 100%;
    color: #ffffff;
    text-align: center;
    font-weight: normal;
}

.dlwrap {
    margin: 0 auto;
    text-align: center;
    float: left;
    padding-left: 47px;
    padding-top: 33px;
}

.dlwrap dl dd {
    font-size: 16px;
    color: #9330f9;
    text-align: center;
    line-height: 150%;
}

.dlwrap dl dt img {
    width: 180px;
}

.LookAnswer p {
    margin-top: 96px;
}

.LookAnswer p .LookAnswerBtn {
    display: block;
    background: url(../images/icon4.png) no-repeat center;
    width: 460px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.LookAnswer .index-user-close {
    float: right;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/pc-weixintixing_03.png) no-repeat center;
}

.LookAnswerOk {
    /*background: url(../images/bg1.jpg?1) no-repeat center;*/
    background: url(../images/bangdingchenggong1_03.png) no-repeat center;
    width: 378px;
    /*height: 560px;*/
    height: 378px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 101;
    border-radius: 25px;
    display: none;
}

.LookAnswerOk .index-user-close {
    float: right;
    display: block;
    width: 63px;
    height: 63px;
    background: url(../images/bangdingchenggongclose1_03.png) no-repeat center;
    margin-top: -57px;
    margin-right: -49px;
}


/*绑定微信end*/


/*更换浏览器提醒 */

.updateBrowse {
    height: 35px;
    line-height: 35px;
    background-color: #fff;
    width: 100%;
    /* display:flex;
   align-items: center;
   justify-content: center;
   position:relative; */
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
}

.updateBrowse>div {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.updateBrowse strong,
.updateBrowse span {
    display: inline-block;
    font-size: 18px;
    color: #e94040;
}

.updateBrowse span {
    font-size: 17px;
}

.updateBrowse a {
    display: inline-block;
    width: 80px;
    height: 25px;
}

.updateBrowse i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-size: 16px;
    color: #e94040;
    /* margin-left: 100px; */
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
}