/*课程信息*/
.course-info > img {
    width: 400px;
    height: 280px;
    float: left;
}

.course-info > a > img {
    width: 390px;
    height: 285px;
    border: 1px solid #dcdcdc;
    padding: 20px;
    float: left;
}

.course-info > .info {
    display: inline-block;
    width: 500px;
    margin-left: 40px;
    letter-spacing: 1px;
    position: relative;
    /*height: 243px;*/
}

.course-info > .info > h1 {
    color: #444;
}

.course-info > .info > h1.name {
    font-size: 27px;
    font-weight: bold;
}

.course-info > .info > h1 > a {
    color: #444;
}

.course-info > .info > h1.name > a {
    font-size: 27px;
    font-weight: bold;
}

.course-info > .info > div.des {
    color: #585858;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 15px 0;
    overflow: hidden;
    max-height: 44px;
}

.course-info > .info > div > span, .course-info > .info > div > div > span {
    font-size: 14px;
    margin-right: 60px;
    margin-bottom: 10px;
}

.course-info > .info > div > span.blue-bg, .course-info > .info > div > div > span.blue-bg {
    display: inline-block;
    padding: 5px 10px;
    background-color: #ebf3ff;
    border-radius: 25px;
    letter-spacing: 0;
    margin-right: 22px;
}

.course-info > .info > div > div > span.tel {
    color: #f03b42;
    font-size: 20px;
    font-weight: bold;
    margin-top: 1px;
}

.course-info > .info > a.btn {
    display: inline-block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 30px;
    color: #fff;
    margin-right: 12px;
    margin-top: 10px;
    float: left;
    cursor: pointer;
}

.course-info > .info > a.btn.zaixian {
    background: #ea4245 url(/assets/images/change/common/mfzxr.gif) no-repeat center center;
    /* position: absolute; */
    bottom: 0;
    left: 0;
}

.course-info > .info > a.btn.qq {
    background-color: #eb4245;
}

.course-info > .info > a.btn.qq:hover {
    background-color: #fc6568;
    box-shadow: 0 0 5px #fc6568;
}

/*课程说明*/
.instruction > table {
    width: 100%;
    padding-left: 10px;
}

.instruction > table tr td {
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    font-size: 16px;
}

.instruction > table tr td:first-child {
    text-align: center;
    width: 130px;
}

.instruction > table tr td:last-child {
    border-right: 1px solid #eaeaea;
    text-indent: 16px;
}

.instruction > table tr:last-child td {
    border-bottom: 1px solid #eaeaea;
}

/*学习目标*/
.studyAim > div > div {
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.9 !important;
}

.studyAim > div > img {
    width: 100%;
    height: 440px;
}

/*授课对象*/
.teachObj {
    font-size: 15px;
}

.teachObj > div > div {
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.9 !important;
}

.teachObj > div > img {
    width: 560px;
    height: 180px;
    margin: 10px 0;
}

/*教程说明*/
.tutotialIns {
    font-size: 15px;
}

.tutotialIns img {
    max-width: 100%;
}

.tutotialIns > div > img {
    width: 100%;
    height: 290px;
    margin: 10px 0;
    max-width: 100%;
}

.tutotialIns > div > table {
    max-width: 100%;
}

.tutotialIns p, .tutotialIns span, .tutotialIns > div > div {
    line-height: 1.9 !important;
    font-size: 16px;
    font-weight: 400;
}

.tutotialIns strong, .tutotialIns strong > span {
    font-weight: bold;
}

/*本页通用样式*/

/*自定义选择框*/
.form-select {
    display: inline-block;
    width: 160px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-indent: 10px;
    vertical-align: middle;
    position: relative;
    z-index: 999;
}

.form-select > ul {
    width: 100%;
    border: 1px solid #c4c4c4;
    border-top: 0;
    display: none;
}

.form-select > ul > li {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.form-select > ul > li:hover {
    background-color: #eee;
}

/*自定义动画*/
.anim-ul-switch {
    /*width: 600px;*/
}

.anim-ul-switch > ul {
    /*border: 1px solid #f8f8f8;*/
}

.anim-ul-switch > ul > li {
    line-height: 50px;
    font-size: 17px;
    color: #626365;
    letter-spacing: normal;
    text-indent: 20px;
    /*background: #f7f8fa url(/assets/images/change/common/xiangxia.png) no-repeat 96% center;*/
    border-bottom: 1px solid #fff;
}

.anim-ul-switch > ul > li.up {
    /*background: #f7f8fa url(/assets/images/change/common/xiangshang.png) no-repeat 96% center;*/
}

.anim-ul-switch > ul > li > ul {
    /*display: none;*/
}

/*左侧导航*/
.location-change {
    position: fixed;
    top: 30%;
    left: 15px;
    border-left: 2px solid #d2d2d2;
    padding-top: 14px;
    z-index: 10;
}

.location-name > span {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    padding: 3px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    top: 3px;
    left: -7px;
}

.location-name.show {
    font-weight: bold;
}

.location-name > span > i {
    display: block;
    background: #cbcbcb;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.location-name {
    position: relative;
    margin-bottom: 18px;
    font-size: 12px;
    cursor: pointer;
    padding-left: 25px;
}

.top-circle {
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 2px solid #d2d2d2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    top: -11px;
    left: -7px;
}

.bottom-circle {
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 2px solid #d2d2d2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    bottom: -11px;
    left: -7px;
}

.jt {
    position: absolute;
    top: 16px;
    left: -7px;
    z-index: 10;
    transition: all 0.3s linear;
}

.hoverSpan01:hover {
    color: #FF5400;
}

.hoverSpan01 {
    color: #585858;
}

.hovera {
    color: #585858;
}

/*表格*/

.tutotialIns>table>tr>td, .tutotialIns>table>tr, .tutotialIns>table {
    border: 1px solid #000 !important;
}

.tutotialIns table {
    border-collapse: collapse;
    border-spacing: 2px !important;
    border-width: 1px;
    margin: auto;
}

.tutotialIns>table>tbody>tr>td {
    border: 1px solid #FD9F95 !important;
    max-width: 100%;
}

.tutotialIns>table>tbody>tr:first-child {
    text-align: left;
    font-weight: bold;
    background: #FB7262;
}

.tutotialIns>table>tbody>tr:first-child>td {
    padding-left: 10px;
    padding-right: 10px;
}

.tutotialIns>table>tbody>tr:nth-child(n+2)>td {
    padding-left: 10px;
    padding-right: 10px;
}

/*微信咨询*/
.wx-zixun {
    position: relative;
    float: left;
    width: 150px;
    height: 35px;
    margin-top: 10px;
    padding-left: 60px;
    line-height: 35px;
    border-radius: 30px;
    color: #fff;
    background: url(/assets/images/change/common/wxff.png) no-repeat 24px center #63C14E;
    cursor: pointer;
}

.wx-zixun>span {
    color: #fff;
    font-size: 14px;
    margin: 0 !important;
}

.wx-zixun-box {
    display: none;
    position: absolute;
    top: 35px;
    left: -40px;
    width: 224px;
    height: 315px;
    background: url(/assets/images/change/common/qrtc.png) no-repeat center;
}

.wx-zixun-box img {
    display: block;
    width: 138px;
    margin: 35px auto 0 auto;
    border: 1px solid #eee;
    margin-bottom: 25px;
}

.wx-zixun-box p {
    width: 100%;
    height: 20px;
    margin-bottom: 5px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #222;
}

.wx-zixun-box p span {
    color: #ff0000;
}

.con-btn-url {
    width:150px;
    height:35px;
    line-height: 35px;
    text-align: center;
    background:#FF5400;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    margin-left:10px;
    display:inline-block;
    border:1px solid #ffd4b8;
    font-size: 15px;
    color: #fff;
    margin-right: 12px;
    margin-top: 10px;
}
.con-btn-url:hover {
    color:#ccc;
    background-color:#ff5400;
}

/*报名横幅*/
.new-baoming{
    width: 100%;
    height: 100%;
    margin: 25px auto;
}

.new-baoming a img{
    width: 100%;
    height: 100%;
}