@charset "utf-8";
.banner {
    width: 100%;
    background:url(../img/banner.jpg) top center no-repeat;
    background-size: cover;
    height: 650px;
}
.banner-time{
    font-size: 22px;
    color: #fff;
    opacity: 0.6;
    padding-top: 390px;
    margin-left: 100px;
}
.cont{
    background: url("../img/bg.png") top center;
    background-size: 100% 100%;
    position: relative;
    padding: 80px 16px 35px 16px;
    margin-bottom: 70px;
}
.title{
    width: 480px;
    height: 102px;
    position: absolute;
    background: url("../img/title-bg.png")no-repeat center;
    margin-left: -240px;
    left: 50%;
    top: -38px;
}
.title-p2{
    color: #fff300;
    font-size: 24px;
}
.title-img{
    margin: 22px auto 0;
    display: block;
}
.title-p2{
    text-align: center;
}
.cont-desc{
    font-size: 12px;
    color: #666;
    line-height: 20px;
    margin-bottom: 20px;
    height: 40px;
}
.cont-price del{
    font-size: 22px;
    color: #616161;
    opacity: 0.64;
}
.cont-price{
    font-size: 28px;
    color: #e64a3f;
    margin-bottom: 10px;
}
.cont-a{
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    width: 102px;
    display: block;
    text-align: center;
    background: #e74a40;
}
.cont-main-div:hover{
    border: 2px solid #0067ea;
    width: 490px;
    height: 170px;
}
.vip-img{
    margin-right: 10px;
    width: 270px;
    display: block;
}
.cont1{
    top: -70px;
}
.cont-main-div{
    background: #fff;
    width: 494px;
    padding: 10px;
    display: block;
    cursor: pointer;
    height: 174px;
    margin-bottom: 15px;
}
.cont-r{
    width: 209px;
}
.cont-title.title2{
    margin-top: 15px;
}
.cont-title{
    font-size: 16px;
    color: #000;
    margin-bottom: 6px;
}
.mr20{
    margin-right: 20px;
}
.cont-desc.desc{
    height: 20px;
}
.tag_1{
    color: #1c3253;
    font-size: 18px;
    background: url("../img/tag-1.png")no-repeat center;
    width: 328px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    margin-left: 80px;
    margin-right: 45px;
}
.tag_1 span{
    font-size: 22px;
    font-weight: bold;margin-left: 8px;
}
.tag_span{
    background: url("../img/tag_2.png")no-repeat center;
    width: 143px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff300;
    display: inline-block;
    margin-right: 35px;
}
.cont-bottom{
    padding-top: 20px;
}
.cont-mid .price{
    font-size: 28px;
    display:  inline-block;
    margin:  0 10px;
}
.cont-mid del{
    font-size: 16px;
    opacity: 0.64;
    display:  inline-block;
}
.cont-mid .bold{
    font-weight: bold;
    font-size: 22px;
    margin:  0 15px;
    display:  inline-block;
}
.mid1{
    background: url("../img/cont2-bg1.png")no-repeat center;
}
.mid2{
    background: url("../img/cont2-bg2.png")no-repeat center;
}
.cont-mid{
    font-size: 18px;
    color: #fff;
    width: 767px;
    height: 58px;
    line-height: 54px;
    text-align: center;
    margin: 20px auto 30px;
}
.cont-mid-a{
    display: inline-block;
    background: url("../img/mid-a.png")no-repeat center;
    width: 124px;
    height: 43px;
    text-align: center;
    font-size: 18px;
    color: #e74a40;
    line-height: 43px;
    font-weight: bold;
    margin-right: 45px;
    margin-top: 6px;
}
.main2-a:hover{
    border: 2px solid #0067ea;
    width: 302px;
    height: 305px;
}
.main2-a{
    background: #fff;
    display: block;
    float: left;padding: 13px;
    width: 306px;
    height: 309px;
    position: relative;
}
.main-div{
    width: 306px;
}
.main2-a img{
    display: block;
    margin: 0 auto;
    width:  306px;
}
.main2-a .cont-a{
    float: right;
}
.main2-a .cont-price{
    float: left;
}
.mr25{
    margin-right: 26px;
}
.cont-free{
    margin-top: -40px;
    margin-bottom: 70px;
    display:  block;
}
.title-p2 a:hover{
    text-decoration: underline;
}
.title-p2 a{
    background: url("../img/title-a.png")no-repeat center;
    width: 104px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 16px;
    color: #e74a40;
    display: inline-block;
}
.main2-a .cont-desc{
    font-size: 14px;
}
.main2-a .cont-title{
    margin-top: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.tag em{
    display: inline-block;
    font-size: 18px;
}
.tag{
    position: absolute;
    right: 0;
    top: 0;
    width: 55px;
    height: 58px;
}
.tag1{
    background: url("../img/tag.png")no-repeat;
}
.tag2{
    background: url("../img/tag2.png")no-repeat;
}
.desc-list{
    margin-top: -40px;
    padding-bottom: 30px;
}
.desc-list li{
    font-size: 18px;
    color: #000;
    line-height: 30px;
}
.cont3 .main2-a{
    height: 292px;
}
.cont3 .main2-a:hover {
    border: 2px solid #0067ea;
    width: 302px;
    height: 288px;
}
.cont3 .cont-desc{
    height: 20px;
    margin-bottom: 10px;
}
/*提示框*/
.tip_body{position:fixed;width:100%;height:100%;left:0;top:0;right:0;bottom:0;background:url(//files.dongao.com/gaoji/2017-gxtg/images/a_touming_bj.png);display:none;}
.tips_fancybox{width:460px;height:310px;position:fixed;left:50%;top:50%;margin:-155px 0 0 -230px;background:#fff;border-radius:10px;text-align:center;display:none;}
.tips_fancybox .closeBtn{width:15px;height:15px;background:url(../img/close.png) no-repeat;right:20px;top:20px;}
.tips_fancybox img{padding-top:55px;}
.tips_fancybox h3{font-size:24px;color:#333;padding:20px 0 5px 0;}
.tips_fancybox p{font-size:16px;color:#333;line-height:30px;padding-left:30px;padding-right:30px;}
.tips_fancybox .know_btn{width:116px;height:32px;background:url(../img/btn2.png) no-repeat;display:block;margin:20px auto;font-size:16px;color:#fff;text-align:center;line-height:32px;}
.tips_fancybox .buyCourseBtn{width:116px;height:32px;background:url(../img/btn2.png) no-repeat;display:block;margin:20px auto;font-size:16px;color:#fff;text-align:center;line-height:32px;}
.red{color:#ff0000!important;text-decoration: underline}
.know_btn,.closeBtn{text-decoration: underline}