@charset "utf-8";
/** em 相对于 body || rem 相对于 html **/

.common_width {
    padding:0.5rem 0.75rem;
    overflow: hidden;
}

.time_left_bg {
    background-image:-webkit-linear-gradient(left,#e4e4e4,#fafafa);
    border-radius: 5px;
    padding:0.5rem 0.3rem;
    overflow: hidden;
    margin-bottom:0.35rem;
}

.t_left {
    float:left;
    font-size:0.75rem;
    text-align: right;
    margin-top:0.5rem;
    color:#080808;
}

.t_center {
    float:left;
    width:30%;
    margin-left:0.5rem;
}

.day_area {
    color:#0c0c0c;
    font-size:0.75rem;
    overflow: hidden;
    text-align: center;
    padding-left:0.5rem;
}

.day_area span{
    display: inline-block;
    margin-top:1rem;
    float:left;
    margin-left:0.5rem;
}

.day_area p{
    float:left;
    background: #3f3f3f;
    color:#ffe3c4;
    padding:0.1rem 0.3rem;
    font-size:1.5rem;
    font-weight:bold;
    border-radius: 3px;
    margin-left:0.3rem;
}

.time_area {
    width:100%;
    font-size:0.75rem;
    color:#f8243c;
    margin-top:0.2rem;
}

.btn_1 {
    background-image:-webkit-linear-gradient(right,#f54c33,#f32a25);
    color:#fff;
    padding:0.45rem 1.25rem;
    border-radius: 1.25rem;
    font-size:0.75rem;
    float:right;
    margin-right:0.75rem;
    margin-top:0.75rem;
}

.text_title {
    text-align: center;
    font-size:1rem;
    color:#0b1f4b;
    font-weight: bold;
    padding:1rem 0rem
}

.zhuangye {
    padding:1.25rem 0.75rem;
    overflow: hidden;
    height:auto;
}

.zy_content {
    margin-top:1.25rem;
    position: relative;
    padding-bottom:1.25rem;
}

.zy_content .bd {
    width:100%;
    height:auto;
    overflow: hidden;
}

.zy_content .bd ul li {
    float:left;
    width:100%;
}

.zy_content .bd ul li img {
    width:48%;
    margin-right:1%;
}

.zy_content .hd {
    position: absolute;
    bottom: 0rem;
    left:41%;
}

.zy_content .hd ul li {
    width:0.5rem;
    height:0.5rem;
    background: #e5e5e5;
    margin-right:0.5rem;
    float:left;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100%;
}

.zy_content .hd ul li.on {
    background: #808080;
}

.peixun {
    padding:1.25rem 0.75rem;
    overflow: hidden;
    height:auto;
    background: url("../images/px_bg.jpg") top center no-repeat;
    background-size: contain;
}

.px_title {
    width:100%;
    text-align: center;
    margin-bottom:1rem;
}

.px_title p {
    width:100%;
    color:#fff;
    font-size:1.15rem;
    font-weight:bold;
}

.px_title i {
    color:#f8c484;
}

.px_title span {
    color:#fff;
    font-size:0.75rem;
}

.px_a {
    width:100%;
    overflow: hidden;
    height:auto;
}

.px_a ul {
    width:100%;
    overflow:hidden;
}

.px_a ul li{
    float:left;
    width:50%;
    text-align: center;
    margin-bottom:0.75rem;
    margin-top:0.75rem;
}

.px_a ul li a {
    color:#fff;
    background-image:-webkit-linear-gradient(top,#bc823c,#ebbb82);
    padding:0.5rem 1.5rem;
    font-size:0.75rem;
    border-radius: 5px;
}

.px_links {
    margin-top:1rem;
    background: #fff;
    padding:0.75rem 1rem;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #101a4e;
}

.px_links ul li {
    float:left;
    width:46%;
    padding:1.5% 1.8%;
}

.px_links ul li img {
    float:left;
    width:30%;
    margin-right:0.75rem;
    margin-top:0.2rem;
}

.px_links ul li p {
    color:#1a1a1a;
    font-size:0.75rem;
    margin-bottom:0.4rem;
    margin-top:0.2rem;
}

.px_links ul li a {
    color:#e22622;
    font-size:0.75rem;
    border:1px solid #e22622;
    padding:0.1rem 0.5rem;
    border-radius: 5px;
}

.fenshu{
    padding:1.25rem 0.75rem;
    overflow: hidden;
    height:auto;
}

.guojia {
    padding:1rem 0.75rem;
    overflow: hidden;
    height:auto;
}

.gj_bg {
    background: #fff;
    overflow: hidden;
    box-shadow: 0px 0px 10px #101a4e;
    padding-bottom:1rem;
}

.gj_title {
    font-size:0.95rem;
    color:#fff;
    font-weight:bold;
    padding:0.65rem 0rem;
    text-align: center;
    background-image:-webkit-linear-gradient(right,#2050ad,#255ec2);
}

.gj_tab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:1rem;
}

.gj_tab ul li {
    float:left;
    padding:0.3rem 1.5rem;
    color:#fff;
    border:1px solid #dbba8e;
    background: #fff;
    color:#dbba8e;
    font-size:0.75rem;
}

.gj_tab ul li:first-child {
    border-radius: 5px 0px 0px 5px;
}

.gj_tab ul li:last-child {
    border-radius: 0px 5px 5px 0px;
}

.gj_tab ul li.on {
    background-image:-webkit-linear-gradient(right,#c28a46,#cf9958);
    color:#fff;
}

.gj_tab_content {
    padding:0rem 0.5rem 1rem 0.5rem;
    margin-top:1rem;
    height:auto;
}

.gj_tab_content ul li img {
    width:100%;
}

.online_btn {
    color:#fff;
    font-size:0.75rem;
    padding:0.5rem 2rem;
    margin-left:40%;
    border-radius: 20px;
    background-image:-webkit-linear-gradient(right,#f54c33,#f32a25);
}

.online_zx {
    background: #fff;
    color:#e22421;
    font-size:0.75rem;
    padding:0.5rem 2rem;
    border-radius: 20px;
    border:1px solid #e22421;
}

.school {
    background: url("../images/school_bg.jpg") no-repeat;
    padding:1.25rem 0.75rem;
    overflow: hidden;
    height:auto;
}

.school_list {
    width:100%;
    overflow: hidden;
    height:auto;
    position: relative;
    padding-bottom:1rem;
}

.school_list ul li {
    width:100%;
    float:left;
}

.school_list ul li img{
    float:left;
    width:45%;
    margin:2.5%;
}

.school_list .hd {
    position: absolute;
    bottom: 0rem;
    left:47%;
}

.school_list .hd ul li {
    width:0.5rem;
    height:0.5rem;
    background: #e5e5e5;
    margin-right:0.5rem;
    float:left;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100%;
}

.school_list .hd ul li.on {
    background: #808080;
}

.btn_list {
    margin-top:1rem;
    display: flex;
    justify-content: center;
    align-content: center;
}

.btn_list a {
    float:left;
    margin-right:1rem;
}

.btn_list .online_btn {
    margin:0px;
}

.jiaoshi {
    background: url("../images/js_bg.jpg") top center no-repeat;
    padding:1.25rem 0.75rem;
    overflow: hidden;
    height:auto;
}

.teach_list {
     position: relative;
    padding-bottom:1.25rem;
 }

.teach_list .hd {
    position: absolute;
    bottom: 0rem;
    left:35%;
}

.teach_list .hd ul li {
    width:0.5rem;
    height:0.5rem;
    background: #5074c7;
    margin-right:0.5rem;
    float:left;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100%;
}

.teach_list .hd ul li.on {
    background: #082056;
}

.teach_list a {
    z-index:1000;
    position: absolute;
    width:20px;
    height:29px;
    top:50%;
    background: url("../images/prve_next_1.png") no-repeat;
}

.teach_list a.prev {
    left:0px;
    background-position: 0px 0px;
}

.teach_list a.next {
    right:0px;
    background-position: -20px 0px;
}

.teach_list .bd {
    margin-top:1em;
    overflow: hidden;
}

.teach_list .bd ul li {
    text-align: center;
}

.teach_list .bd ul li .bd_img{
    padding:0% 10%;
}

.teach_list .bd ul li .bd_img img{
    width:100%;
}

.teach_list .bd ul li .bd_btn {
    padding:0% 10%;
}

.teach_list_2 {
    position: relative;
    padding-bottom:1.25rem;
}

.teach_list_2 .hd {
    position: absolute;
    bottom: 0rem;
    left:35%;
}

.teach_list_2 .hd ul li {
    width:0.5rem;
    height:0.5rem;
    background: #5074c7;
    margin-right:0.5rem;
    float:left;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 100%;
}

.teach_list_2 .hd ul li.on {
    background: #082056;
}

.teach_list_2 a {
    z-index:1000;
    position: absolute;
    width:20px;
    height:29px;
    top:50%;
    background: url("../images/prve_next_2.png") no-repeat;
}

.teach_list_2 a.prev {
    left:0px;
    background-position: 0px 0px;
}

.teach_list_2 a.next {
    right:0px;
    background-position: -20px 0px;
}

.teach_list_2 .bd {
    margin-top:1em;
    overflow: hidden;
}

.teach_list_2 .bd ul li {
    text-align: center;
}

.teach_list_2 .bd ul li .bd_img{
    padding:0% 10%;
}

.teach_list_2 .bd ul li .bd_img img{
    width:100%;
}

.teach_list_2 .bd ul li .bd_btn {
    padding:0% 10%;
}

.course_list {
    margin-top:1.25rem;
}

.course_table {
    width:100%;
    background: #fff;
}

.course_table table {
    width:100%;
    overflow: hidden;
    height:auto;
}

.course_table table thead {
    background-image:-webkit-linear-gradient(right,#2151af,#2660c8);
    color:#fff;
}

.course_table table thead tr th {
    padding:0.3rem 0rem;
    color:#fff;
    font-size:0.75rem;
    font-weight: bold;
    border:1px solid #cdcdcd;
}

.course_table table thead tr th:last-child {
    border-left:none;
}

.course_table table tbody tr td {
    padding:0.3rem 0rem;
    text-align: center;
    font-size:0.75rem;
}

.course_table table tbody tr td:nth-child(1) {
    border-left:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
    background: #f5fbfe;
}

.course_table table tbody tr td:nth-child(2) {
    border-left:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
}

.course_table table tbody tr td:nth-child(3) {
    border-left:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
    background: #f5fbfe;
}

.course_table table tbody tr td:nth-child(4) {
    border-right:1px solid #cdcdcd;
    border-left:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
}

.course_table table tbody tr:nth-child(6) td {
    padding:0.5rem 0px;
    border-right:1px solid #cdcdcd;
}

.course_table table tbody tr td a {
    background-image:-webkit-linear-gradient(right,#bb823c,#e9b980);
    color:#fff;
    padding:0.3rem 1rem;
    border-radius: 15px;
}

.tips {
    margin:1rem 0px;
    font-size: 0.65rem;
    text-align: center;
    color:#686868;
}