@charset "utf-8";
.flex {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-start;
    align-items: center;
}
/* 精品课程页 — START */
.course_ad{
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
}
.course_ad img{
    width: 1200px;
    height: auto;
    overflow: hidden;
}
.course_classify{
    width: 1198px;
    /*height: 124px;*/
    height: auto;
    border: 1px solid #E3E3E3;
    border-bottom: none;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
}
.course_classify_1{
    width: 1158px;
    padding: 18px 20px 8px 20px;
    line-height: 24px;
    border-bottom: 1px solid #E3E3E3;
}
.course_classify_1:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}
.course_classify_1>span{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}
.course_classify_1>div{
    width: 1098px;
    text-align: left;
}
.course_classify_1>div>span{
    display: inline-block;
    padding: 2px 10px;
    cursor: pointer;
    font-size: 14px;
    color: #999999;
    margin: 0 30px 10px 0;
}
.course_classify_1>div>span:hover{
    color: #e45f20;
}
.course_classify_1>div>span.active{
    color: #ffffff;
    background-color: #e45f20;
    box-shadow: 0 6px 6px 0 rgba(34, 204, 173, 0.13);
    border-radius: 15px;
}
.condition_span{
    width: 110px;
    height: 39px;
    overflow: hidden;
    margin-right: 20px;
    display: inline-block;
    cursor: pointer;
}
.condition_1{
    background: url("../images/nav_6.png") no-repeat;
}
.condition_1.active,.condition_1:hover{
    background: url("../images/nav_6x.png") no-repeat;
}
.condition_2{
    background: url("../images/nav_7.png") no-repeat;
}
.condition_2.active,.condition_2:hover{
    background: url("../images/nav_7x.png") no-repeat;
}
.course_list{
    width: 1220px;
    height: auto;
    overflow: hidden;
}
.course_list li{
    width: 285px;
    height: auto;
    max-height: 500px;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px 20px 0px 0px;
    position: relative;
}
.course_close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.course_img{
    /*width: 285px;*/
    height: 170px;
    overflow: hidden;
    max-width: 100%;
}

.course_img_box {
    background: #fff;
    width: 285px;
    /*height: 160px;*/
	height: auto;
    overflow: hidden;
    justify-content: center;
	padding:10px 40px;
}

.course_img_box .course_img {
    height: 250px;
	
    max-height: 100%;
}

.index_list_box{
    box-sizing: border-box;
    width: 100%;
    min-height: 36px;
    height: auto;
    overflow: hidden;
    padding: 0px 10px 15px;
    background-color: #F9F9F9;
    text-align: left;
    font-size: 14px;
}
.index_list_box.school{
    background-color: #ffffff;
}
.index_list_box section{
    color: #333333;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.index_list_p{
    line-height: 30px;
}
.num_people{
    background: url("../images/nav_5.png") 0% no-repeat;
    padding-left: 16px;
}
/* 精品课程页 — END */
.goods_1{
    width: 530px;
    height: 298px;
    overflow: hidden;
    border-radius: 4px 0px 0px 4px;
    position: relative;
    background: #fff;
}
.goods_1_img{
    width: 530px;
    max-height: 298px;
    overflow: hidden;
}
.school-goods_1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.school-goods_1 .goods_1_img {
    width: auto;
    max-width: 100%;
}
.goods_1_video{
    width: 530px;
    height: 298px;
    background: url("../images/nav_83.png") 50% 50% no-repeat rgba(0, 0, 0, 0.4);
    background-size: 80px;
    position: absolute;
    cursor: pointer;
}
.goods_2{
    width: 630px;
    padding: 10px 20px;
    height: 278px;
    text-align: left;
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 0px 4px 4px 0px;
}
.goods_2_box{
    width: 100%;
    height: 238px;
    overflow: hidden;
}
.goods_2 h4{
    color: #333333;
    font-size: 22px;
}
.goods_2_p{
    width: 100%;
    font-size: 14px;
    padding: 20px 0px;
    height: 16px;
    line-height: 16px;
    color: #999999;
    overflow: hidden;
}
.goods_2_p span{
    padding: 0px 20px;
}
.goods_2_p span:first-child{
    padding-left: 0px;
}
.goods_2_p span:last-child{
    padding-left: 42px;
    background: url("../images/nav_5.png") 20px 50% no-repeat;
}
.goods_2_p span::after{
    content: '|';
    position: absolute;
    transform: translate(20px, -5%);
}
.goods_2_p span:last-child::after{
    content: none;
}
.goods_3{
    width: calc(100% - 30px);
    padding: 15px;
    background-color: #F4F4F4;
    overflow: hidden;
    color: #999999;
    font-size: 14px;
    margin-bottom: 20px;
}
.goods_3 b{
    font-size: 22px;
}
.goods_4{
    font-size: 14px;
    color: #999999;
    padding: 0px 26px;
    cursor: pointer;
}
.goods_4_1{
    position: relative;
    background: url("../images/nav_9.png") 0% 50% no-repeat;
}
.goods_4_2{
    background: url("../images/nav_10.png") no-repeat;
}
.goods_4_2.active{
    background: url("../images/nav_10x.png") no-repeat;
}
.goods_4_3{
    background: url("../images/nav_20.png") no-repeat;
}
.goods_4_3.active{
    background: url("../images/nav_20x.png") no-repeat;
}
.collect-btn {
    display: inline-block;
    margin-top: 10px;
    padding-left: 22px;
    font-size: 15px;
    background: url("../images/collect-block-icon.png") left center no-repeat;
    background-size: 18px;
    cursor: pointer;
}
.collect-btn:hover,
.collect-btn.active {
    background: url("../images/collect-block-icon-active.png") left center no-repeat;
    background-size: 18px;
}
.cur-collect-box .collect-btn{
    margin: 0 0 0 80px;
}
.goods_btn{
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    border-radius: 25px;
    width: 180px;
    height: 40px;
    box-sizing: border-box;
}
.goods_btn1{
    background-color: #e45f20;
    color: #ffffff;
    line-height: 40px;
    margin-right: 20px;
}
.goods_btn2{
    color: #e45f20;
    border: 1px solid #e45f20;
    line-height: 38px;
    text-align: center;
    border-radius: 25px;
}
.goods_btn3{
    background-color: #EEEEEE;
    color: #999;
    line-height: 40px;
    margin-right: 20px;
}
.goods_content{
    border-radius: 4px;
    background-color: #ffffff;
    width: 780px;
    min-height: 800px;
    overflow: hidden;
    margin-top: 20px;
}
.goods_content_1{
    width: 100%;
    height: 58px;
    line-height: 58px;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #F3F3F3;
}
.goods_content_1 span{
    cursor: pointer;
    padding: 0px 40px;
}
.goods_content_1 span.active{
    color: #e45f20;
    background: url("../images/nav_12.png") 50% 100% no-repeat;
}
.goods_content_2{
    width: calc(100% - 30px);
    padding: 10px 15px;
    overflow: hidden;
}
/* 课程目录 */
.course_chapter{
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #F9F9F9;
}
.course_chapter_ul{
    width: calc(100% - 25px);
    padding: 5px 10px 5px 15px;
    height: auto;
    background-color: #F9F9F9;
    margin-top: 10px;
}
.chapter_li{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
}
.course_chapter>h4,.chapter_li>h4{
    color: #555555;
    font-weight: 400;
    height: 42px;
    line-height: 42px;
    padding: 0px 12px 0px 32px;
    background: url("../images/nav_14.png") 12px 50% no-repeat;
    cursor: pointer;
    text-align: left;
}
.course_chapter>h4.active,.chapter_li>h4.active{
    background: url("../images/nav_14x.png") 12px 50% no-repeat;
}
.chapter_li_box{
    width: 100%;
    padding-bottom: 10px;
}
.chapter_li_box section{
    width: calc(100% - 70px);
    padding: 0px 15px 0px 55px;
    color: #999999;
    font-size: 14px;
    overflow: hidden;
    background: url("../images/nav_13x.png") 32px 50% no-repeat;
    margin-top: 10px;
    cursor: pointer;
}
.chapter_li_box section.active{
    background: url("../images/nav_13.png") 32px 50% no-repeat;
}
.chapter_li_box section:hover{
    color: #e45f20;
}
.chapter_li_box section>p{
    line-height: 24px;
    width: 100%;
    cursor: pointer;
}
.r_box{
    width: 400px;
    height: auto;
    overflow: hidden;
}
.r_recommend{
    width: 400px;
    background-color: #ffffff;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    border-radius: 4px;
    padding-bottom: 20px;
}
.r_recommend.active{
    margin: -20px 0px;
}
.r_recommend_title{
    text-align: left;
    width: calc(100% - 26px);
    padding-left: 26px;
    background: url("../images/nav_15.png") 10px 50% no-repeat;
}
.r_recommend_ul{
    width: calc(100% - 40px);
    padding: 0px 20px;
    overflow: hidden;
}
.r_recommend_ul.active{
    width: 100%;
    padding: 0px;
}
.r_recommend_ul li{
    height: 80px;
    width: 100%;
    padding: 14px 0px;
    border-bottom: 1px solid #F3F3F3;
    overflow: hidden;
}
.r_recommend_ul li:last-child{
    border-bottom: none;
}
.r_recommend_ul li img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.r_recommend_ul li div{
    text-align: left;
    width: calc(100% - 107px);
    padding-top: 15px;
    overflow: hidden;
}
.r_p1{
    font-size: 14px;
    line-height: 36px;
    color: #999999;
}
.r_p2{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.r_recommend_img{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    border-radius: 4px;
}
.goods_evaluate{
    width: 100%;
    margin: 10px auto;
    height: auto;
    overflow: hidden;
}
.goods_evaluate_box{
    width: 100%;
    padding: 10px 0px;
    overflow: hidden;
    background-color: #F8F8F8;
}
.goods_evaluate_1{
    height: 50px;
    border-right: 1px solid #E5E5E5;
    color: #e45f20;
    font-size: 22px;
    padding: 0px 35px;
    line-height: 32px;
}
.goods_evaluate_stars{
    width: 100%;
    height: 14px;
}
.goods_evaluate_stars li{
    width: 14px;
    height: 13px;
    overflow: hidden;
    margin-right: 5px;
    background: url("../images/nav_11.png") no-repeat;
    float: left;
}
.goods_evaluate_stars li.active{
    background: url("../images/nav_11x.png") no-repeat;
}
.goods_evaluate_2{
    width: calc(100% - 230px);
    padding: 12px 30px;
    height: 19px;
    overflow: hidden;
}
.goods_evaluate_2 span{
    background-color: #e45f20;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 25px;
    margin-right: 20px;
    display: inline-block;
    user-select: none;
}
.goods_evaluate_list{
    width: 100%;
    height: auto;
    user-select: none;
    overflow: hidden;
}
.goods_evaluate_list>li{
    width: calc(100% - 20px);
    padding: 20px 10px;
    height: 92px;
    border-bottom: 1px solid #F3F3F3;
    overflow: hidden;
}
.goods_evaluate_list>li:last-child{
    border-bottom: none;
}
.goods_evaluate_3{
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.goods_evaluate_3>img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.goods_evaluate_3>p{
    line-height: 40px;
    font-size: 16px;
    color: #333333;
}
.goods_evaluate_4{
    width: calc(100% - 120px);
    height: 100px;
    overflow: hidden;
    text-align: left;
}
.goods_evaluate_5{
    width: 100%;
    color: #595959;
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    margin: 6px auto;
    overflow: hidden;
}
.goods_evaluate_p{
    color: #999999;
    font-size: 14px;
}
.goods_info,.goods_info>img{
    width: 100%;
    height: auto;
    overflow: hidden;
}

/* 课程文本简介 start */
.goods_info .goods_info_text {
    padding: 12px;
    font-size: 15px;
    line-height: 24px;
    text-align: justify;
    text-indent: 30px;
}

.goods_info .goods_info_text>p {
    margin-bottom: 8px;
}
/* 课程文本简介 end */

/*---------- 个人中心 start ----------*/
.personal_boxs{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: url("../images/bg4.png") no-repeat;
}
.personal_box{
    width: 1198px;
    min-height: 630px;
    border-radius: 8px;
    margin-top: 140px;
    background-color: #ffffff;
    overflow: hidden;
}
.personal_box_1{
    width: 239px;
    height: 630px;
    border: 1px solid #F2F1F1;
    border-right: none;
    overflow: hidden;
}
.personal_box_1_1{
    width: 159px;
    padding: 30px 40px;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 30px;
}
.personal_box_1_img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.personal_box_2{
    width: 159px;
    height: auto;
    font-size: 14px;
    overflow: hidden;
}
.personal_box_2 li{
    text-align: left;
    width: calc(100% - 60px);
    padding-left: 60px;
    height: 36px;
    line-height: 36px;
    color: #333333;
}
.personal_box_2 li.active{
    background-color: #e45f20;
    color: #ffffff;
    border-radius: 25px;
}
.personal_box_2_1{
    background: url("../images/nav_28.png") 30px 50% no-repeat;
}
.personal_box_2_2{
    background: url("../images/nav_29.png") 30px 50% no-repeat;
}
.personal_box_2_3{
    background: url("../images/nav_30.png") 30px 50% no-repeat;
}
.personal_box_2_4{
    background: url("../images/nav_31.png") 30px 50% no-repeat;
}
.personal_box_2_5{
    background: url("../images/nav_32.png") 30px 50% no-repeat;
}
.personal_box_2_6{
    background: url("../images/nav_33.png") 30px 50% no-repeat;
}
.personal_box_2_7{
    background: url("../images/nav_34.png") 30px 50% no-repeat;
}
.personal_box_2_1.active{
    background: url("../images/nav_28x.png") 30px 50% no-repeat;
}
.personal_box_2_2.active{
    background: url("../images/nav_29x.png") 30px 50% no-repeat;
}
.personal_box_2_3.active{
    background: url("../images/nav_30x.png") 30px 50% no-repeat;
}
.personal_box_2_4.active{
    background: url("../images/nav_31x.png") 30px 50% no-repeat;
}
.personal_box_2_5.active{
    background: url("../images/nav_32x.png") 30px 50% no-repeat;
}
.personal_box_2_6.active{
    background: url("../images/nav_33x.png") 30px 50% no-repeat;
}
.personal_box_2_7.active{
    background: url("../images/nav_34x.png") 30px 50% no-repeat;
}
.personal_box_2_8{
    background: url("../images/nav_84.png") 30px 50% no-repeat;
}
.personal_box_2_8.active{
    background: url("../images/nav_84x.png") 30px 50% no-repeat;
}
.personal_box_2_9{
    background: url("../images/collect/collect-line-icon-active.png") 30px 50% no-repeat;
}
.personal_box_2_9.active{
    background: url("../images/collect/collect-line-icon.png") 30px 50% no-repeat;
}
.personal_box_2_10{
    background: url("../images/activation.png") 30px 50% no-repeat;
}
.personal_box_2_10.active{
    background: url("../images/activation_x1.png") 30px 50% no-repeat;
}
.personal_box_3{
    padding: 0px 30px 30px 29px;
    width: 896px;
    min-height: 600px;
    overflow: hidden;
    border: 1px solid #F2F1F1;
}
.personal_title{
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #F2F1F1;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    margin-bottom: 10px;
}
.personal_title>span{
    float: left;
    display: block;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
    user-select: none;
}
.personal_title>span:hover,
.personal_title>span.active,
.personal_title i.active{
    color: #e45f20;
}
.personal_title>span.active::after{
    content: ' ';
    width: 56px;
    height: 2px;
    background: #e45f20;
    border-radius: 1px;
    position: absolute;
    bottom: 0;
    left: calc(50% - 28px);
}
/* 待支付订单数量显示 start */
.order-tag {
    position: relative;
}
.order-tag-num {
    box-sizing: border-box;
    position: relative;
    top: -6px;
    right: -4px;
    line-height: 16px;
    min-width: 14px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: #ff7048;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
/* 待支付订单数量显示 end */
.personal_line{
    width: 100%;
    line-height: 50px;
    border-bottom: 1px dashed #EEEEEE;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
}
.personal_line_1{
    width: 88px;
    font-weight: bold;
    text-align: right;
    display: inline-block;
}
.personal_line_input{
    width: 200px;
    padding: 5px 10px;
    border: 1px solid #EEEEEE;
    outline: none;
    margin: 12px auto;
}
.personal_ul{
    width: calc(100% - 100px);
    padding-left: 12px;
    height: auto;
    overflow: hidden;
}
.personal_ul li{
    width: 120px;
    display: flex;
    align-items: center;
    height: 50px;
    overflow: hidden;
}
.personal_tips{
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #CCCCCC;
    font-size: 12px;
    text-align: left;
}
.personal_btn{
    font-size: 14px;
    padding: 5px 20px;
    border: 1px solid #e45f20;
    border-radius: 4px;
    margin-right: 20px;
    color: #e45f20;
    cursor: pointer;
}
.personal_btn.active{
    color: #ffffff;
    background-color: #e45f20;
}
.personal_line_2{
    width: 160px;
    margin-right: 20px;
    display: inline-block;
}
.coupon_tip{
    font-size: 12px;
    color: #F17113;
    text-align: left;
}
.coupon_ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
}
.coupon_ul li{
    width: 100%;
    height: 83px;
    padding: 15px 0px 5px 0px;
    border-bottom: 1px dashed #EEEEEE;
    overflow: hidden;
}
.coupon_bg{
    width: 162px;
    height: 73px;
    overflow: hidden;
    background: url("../images/bg5.png") no-repeat;
    font-size: 12px;
    color: #ffffff;
}
.coupon_bg.active{
    background: url("../images/bg6.png") no-repeat;
}
.coupon_bg1{
    padding: 3px 0px;
    height: 60px;
    width: 120px;
}
.coupon_bg2{
    width: 22px;
    padding: 10px 0px 10px 5px;
    height: 53px;
}
.coupon_num>i{
    font-size: 16px;
    font-weight: bold;
}
.coupon_num>b{
    font-size: 32px;
}
.coupon_1{
    width: calc(100% - 300px);
    height: auto;
    overflow: hidden;
    margin: 0px 18px;
    text-align: left;
    line-height: 24px;
    font-size: 14px;
}
.coupon_btn{
    padding: 5px 20px;
    background-color: #e45f20;
    box-shadow: 0px 6px 6px 0px rgba(34, 204, 173, 0.13);
    font-size: 14px;
    color: #ffffff;
    border-radius: 15px;
    margin-top: 25px;
}
.coupon_btn.active{
    background-color: #EEEEEE;
    box-shadow: none;
}
.personal_course_list{
    width: 930px;
    height: auto;
    overflow: hidden;
}
.personal_course_list li{
    margin: 20px 20px 0px 0px;
    border-radius: 8px;
}
.personal_state{
    width: calc(100% - 60px);
    height: 46px;
    line-height: 46px;
    padding: 0px 30px;
    background-color: #F8F8F8;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    user-select: none;
}
.personal_state span{
    margin-left: 20px;
}
.personal_state input,.personal_news_ul input{
    margin: 15px 10px 0px 0px;
}
.personal_news_ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.personal_news_ul>li{
    width: calc(100% - 60px);
    height: 46px;
    line-height: 46px;
    padding: 0px 30px;
    border-bottom: 1px solid #F8F8F8;
    font-size: 14px;
}
.personal_del{
    padding-left: 20px;
    background: url("../images/nav_56.png") 0% 50% no-repeat;
}
.personal_news_p{
    width: calc(100% - 120px);
    text-align: left;
    position: relative;
    padding-left: 15px;
    display: block;
    overflow: hidden;
}
.personal_state_1{
    padding-left: 15px;
    position: relative;
}
.personal_news_p::before,.personal_state_1::before{
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #CCCCCC;
    position: absolute;
    left: 0px;
    top: 19px;
}
.personal_news_p.active::before,.personal_state_1.active::before{
    background-color: #F6672F;
}
.personal_news_h{
    font-size: 20px;
    margin-top: 30px;
}
.personal_news_t{
    font-size: 14px;
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px dashed #CCCCCC;
}
.personal_news_info{
    width: calc(100% - 10px);
    height: auto;
    padding: 20px 5px;
    overflow: hidden;
    text-align: justify;
    line-height: 28px;
    font-size: 16px;
    color: #333333;
}

/* 身份认证 start */
.identity-content {
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 20px 0;
    width: 325px;
    height: auto;
    background: #f0f5fa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.role-box {
    margin: 0 50px 0 10px;
}

.role-pic {
    width: 87px;
    height: 87px;
    margin-bottom: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.role-txt {
    font-size: 16px;
    font-weight: bold;
    color: #454545;
    text-align: center;
    line-height: 28px;
}

.personal_btn.active {
    -webkit-box-shadow: 0 0 0 0 rgba(22, 202, 130, .5);
    -moz-box-shadow: 0 0 0 0 rgba(22, 202, 130, .5);
    box-shadow: 0 0 0 0 rgba(22, 202, 130, .5);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}

.personal_btn.active:hover {
    -webkit-box-shadow: 0 3px 8px 0 rgba(22, 202, 130, .5);
    -moz-box-shadow: 0 3px 8px 0 rgba(22, 202, 130, .5);
    box-shadow: 0 3px 8px 0 rgba(22, 202, 130, .5);
}

/* 身份认证 end */

/*收货地址*/
.personal_address_ul{
    padding: 30px 0px;
    width: 100%;
    height: auto;
    overflow: hidden;
    user-select: none;
}
.center_r_li{
    float: left;
    width: 418px;
    height: 105px;
    background-color: #f5f5f5;
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.center_r_li:nth-child(odd),.center_r_li_school:nth-child(odd){
    margin-right: 20px;
}
.receiving_address_p{
    font-size: 14px;
    color: #373737;
    line-height: 28px;
    width: 398px;
    height: auto;
    margin: 0px 10px;
    overflow: hidden
}
.receiving_address_b{
    font-size: 16px;
    color: #373737;
    margin-right: 30px
}
.receiving_address_operation{
    width: 398px;
    padding: 10px 10px 0px 10px;
    margin-top: 10px;
    border-top: 1px solid #eeeeef;
    overflow: hidden
}
.receiving_address_span{
    color: #9e9e9f;
    font-size: 14px;
    cursor: pointer
}
.my_address_default{
    color: #333333;
    border-radius: 5px;
    padding: 4px 0px;
    font-size: 14px;
    cursor: pointer;
}
.my_address_default.active{
    padding: 4px 15px;
    color: #FFFFFF;
    background-color: #373737;
}
.my_address_btn{
    color: #373737;
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #CBCBCB;
    padding: 3px 15px;
    border-radius: 5px;
    background-color: #f5f5f5;
    margin-right: 10px;
    outline: none;
}
.add_my_address{
    width: 100px;
    margin: 20px auto;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    line-height: 28px;
}
/* 收货地址弹窗 */
.add_address{
    width: 450px;
    height: 393px;
    background: #fff;
    border-radius: 16px;
    z-index: 5;
    box-sizing: border-box;
    padding:24px 36px 36px 36px;
    position: fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
}
.add_good_top{
    width: 100%;
    height:44px;
    border-bottom: 1px solid #F1F1F1;
}
.add_good_top>p{
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    width: 100%;
    height: 22px;
    overflow: hidden;
    color: #333333;
}
.add_good_inp{
    width: 100%;
    height:auto;
    padding: 20px 0px;
}
.add_address_1{
    width: 100%;
    margin-bottom: 14px;
    line-height: 36px;
    height: 36px;
}
.add_good_inp span{
    width: 64px;
    text-align: right;
}
.add_good_inp input{
    width: 259px;
    height: 30px;
    padding: 0px 8px;
    line-height: 30px;
    border: 1px solid #999;
}
.add_butt{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-around;
}
.add_butt>button{
    width: 102px;
    height: 34px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}
.add_butt>.add_btn_save{
    background: #e45f20;
    border: 1px solid #e45f20;
    color: #ffffff;
}
.add_butt>.add_btn_cacle {
    background: #fff;
    border: 1px solid #CBCBCB;
    color: #373737;
}
/*---------- 个人中心 end ----------*/
/*---------- 课程统计 start ----------*/
.statistics_1{
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 40px;
    border-bottom: 1px solid #F2F1F1;
    font-size: 14px;
    color: #333333;
    margin-bottom: 20px;
}
.statistics_1>img{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.statistics_r_1{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    overflow: hidden;
    color: #595959;
    font-size: 14px;
}
.statistics_2{
    width: 100%;
    padding: 20px 0px;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
}
.statistics_2_state{
    width: 100%;
    font-size: 12px;
    text-align: left;
}
.statistics_2_state>span{
    padding-left: 24px;
    display: inline-block;
    position: relative;
    margin-right: 20px;
}
.statistics_2_state>span:first-child::before{
    content: '○';
    color: #e45f20;
    font-size: 30px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: -14px
}
.statistics_2_state>span:last-child::before{
    content: '○';
    color: #FFC050;
    font-size: 30px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: -14px
}
.statistics_state_img{
    width: 200px;
    height: 200px;
    overflow: hidden;
    position: relative;
}
.statistics_2_1{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.statistics_2_1>li{
    width: 224px;
    height: auto;
    overflow: hidden;
}
.statistics_2_1>li>h4{
    margin: 20px auto;
    color: #333333;
    font-size: 16px;
}
.statistics_2_2{
    width: 170px;
    height: 48px;
    padding: 8px 0px;
    background-color: #F3F3F3;
    margin: auto;
    position: relative;
    font-size: 14px;
}
.statistics_2_2::before{
    content: "";
    width: 2px;
    height: 23px;
    background-color: #CCCCCC;
    border-radius: 50%;
    left: 50%;
    top: 21px;
    position: absolute;
}
.statistics_2_3{
    width: 84px;
    height: 48px;
    line-height: 24px;
}
.statistics_3{
    width: 100%;
    height: auto;
    user-select: none;
    overflow: hidden;
}
.statistics_3_1{
    width: 100px;
    border: 1px solid #CCCCCC;
    height: auto;
    line-height: 32px;
    overflow: hidden;
    border-radius: 25px;
    margin: 17px -50px 17px 0px;
    outline: none;
    text-align: left;
    font-size: 14px;
}
.statistics_3_2{
    display: block;
    width: calc(100% - 46px);
    padding: 0px 33px 0px 13px;
    background: url("../images/nav_35.png") calc(100% - 13px) no-repeat;
}
.statistics_3_3 li{
    padding: 0px 13px;
}
.statistics_3_3 li:hover{
    color: #ffffff;
    background-color: #9C9C9C;
}
.statistics_table{
    width: calc(100% - 6px);
    height: auto;
    overflow: hidden;
    color: #595959;
    font-size: 14px;
    border-left: 1px solid #F3F3F3;
}
.statistics_table th{
    background-color: #F3F3F3;
}
.statistics_table td,th{
    height: 48px;
    border-bottom: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
    max-width: 150px;
    overflow: hidden;
}
.progress_box{
    width: 130px;
    height: 6px;
    border-radius: 3px;
    background-color: #f3f3f3;
    overflow: hidden;
    margin: auto;
}
.progress_box>section{
    height: 6px;
    background-color: #e45f20;
}
.statistics_top{
    border: 1px solid #F2F1F1;
    margin-top: 110px;
}
.statistics_top1{
    padding: 30px;
    height: 132px;
    width: calc(100% - 60px);
    overflow: hidden;
    user-select: none;
}
.statistics_top1_1{
    width: 140px;
    height: 130px;
    color: #333333;
    text-align: center;
    overflow: hidden;
    line-height: 40px;
    font-size: 14px;
}
.statistics_top1_1>img{
    width: 90px;
    height: 90px;
    overflow: hidden;
}
.statistics_top1_2{
    width: 230px;
    height: 92px;
    padding: 20px;
    background: url("../images/bg7.png") no-repeat;
    color: #999999;
    text-align: left;
    overflow: hidden;
    margin-left: 50px;
}
.statistics_top1_2>h4{
    font-size: 17px;
}
.statistics_top1_2>p{
    line-height: 36px;
    font-size: 14px;
}
.statistics_top1_2.active{
    color: #ffffff;
}
.statistics_top1_3{
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background-color: #f3f3f3;
    overflow: hidden;
    margin: auto;
}
.statistics_top1_3>section{
    height: 6px;
    background-color: #B9B9B9;
}
.statistics_state_1.active{
    background: url("../images/bg8.png") no-repeat;
}
.statistics_state_1.active .statistics_top1_3>section{
    background-color: #0CAE6D;
}
.statistics_state_2.active{
    background: url("../images/bg9.png") no-repeat;
}
.statistics_state_2.active .statistics_top1_3>section{
    background-color: #C7440A;
}
.statistics_state_3.active{
    background: url("../images/bg10.png") no-repeat;
}
.statistics_state_3.active .statistics_top1_3>section{
    background-color: #DA2528;
}
.statistics_box{
    width: calc(100% - 60px);
    margin: 0px auto;
    height: auto;
    overflow: hidden;
}
.statistics_box_top{
    width: 100%;
    height: 68px;
    border-bottom: 1px solid #EEEEEE;
}
.statistics_box_1{
    width: calc(100% - 400px);
    overflow: hidden;
    text-align: left;
}
.statistics_box_1 span{
    user-select: none;
    padding: 24px 20px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.statistics_box_1 span.active{
    color: #e45f20;
}
.statistics_box_1 span.active::before{
    background-color: #e45f20;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    position: absolute;
    content: "";
    bottom: 1px;
    left: 0px;
}
.statistics_box_title{
    background-color: #F3F3F3;
    color: #595959;
    font-size: 14px;
    line-height: 48px;
    width: 100%;
    overflow: hidden;
}
.statistics_box_title>b,.statistics_box_ul span{
    display: block;
}
.statistics_box_w1{
    width: 690px;
    border-bottom: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
}
.statistics_box_w2{
    width: 315px;
    border-bottom: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
}
.statistics_box_w3{
    width: 129px;
    border-bottom: 1px solid #F3F3F3;
    border-right: 1px solid #F3F3F3;
}
.statistics_box_ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 48px;
    font-size: 14px;
    border-left: 1px solid #F3F3F3;
}
.chapter_1{
    padding-left: 40px;
    width: 650px;
    background: url("../images/nav_36.png") 10px 50% no-repeat;
    text-align: left;
}
.chapter_2{
    padding-left: 65px;
    width: 625px;
    background: url("../images/nav_37.png") 40px 50% no-repeat;
    text-align: left;
}
.statistics_chapter_box{
    display: none;
}
.statistics_box_li.active .chapter_1{
    background: url("../images/nav_36x.png") 10px 50% no-repeat;
}
.statistics_box_li.active .statistics_chapter_box{
    display: block;
}
/*---------- 课程统计 end ----------*/
/*---------- 合作入驻 start ----------*/
.cooperation_top{
    width: 100%;
    padding: 50px 0px;
    background-color: #E2FFF3;
    overflow:hidden;
}
.cooperation_ul{
    width: 1230px;
    height: 200px;
    margin-top: 60px;
    user-select: none;
    overflow: hidden;
    text-align: left;
    font-size: 16px;
}
.cooperation_li{
    padding: 40px 0px 0px 120px;
    width: 260px;
    height: 160px;
    color: #ffffff;
    overflow: hidden;
    margin-right: 30px;
    cursor: pointer;
}
.cooperation_li h4{
    font-size: 22px;
    margin-bottom: 5px;
}
.cooperation_li_1{
    background: url("../images/icon1.png") no-repeat;
}
.cooperation_li_2{
    background: url("../images/icon2.png") no-repeat;
}
.cooperation_li_3{
    background: url("../images/icon3.png") no-repeat;
}
.cooperation_img{
    width: 1200px;
    height: 400px;
    overflow: hidden;
    margin-top: 50px;
}
.cooperation_type{
    text-align: left;
}
.cooperation_type input{
    margin-left: 35px;
}
/*---------- 合作入驻 end ----------*/
/*---------- 我的订单 start ----------*/
.car_nav{
    width: 100%;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    background-color: #f5f5f5;
    color: #373737;
    font-size: 14px;
    margin: 20px auto 30px;
    user-select: none;
}
.car_nav li{
    float: left;
    text-align: center;
}
.order_nav1{
    width: 32%;
}
.order_nav2{
    width: 10%;
    text-align: center;
}
.order_nav3{
    width: 16%;
    text-align: center;
}
.order_nav4{
    width: 20%;
}
.order_nav5{
    width: 52%;
}
.order_nav6{
    width: 8%;
    text-align: left;
}
.order_nav7{
    width: 15%;
    font-weight: bolder;
}
.no-data {
    width: 45%;
    font-weight: normal;
}
.my_order_th{
    width: calc(100% - 40px);
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background-color: #f5f5f5;
    overflow: hidden;
    text-align: left;
}

.my_order_th span {
    user-select: none;
}

.my_order_th span.a_mouse:hover {
    color: #e45f20;
}

.order_del {
    color: #999;
    font-weight: 400;
}
.order_del:hover {
    color: #e4272d;
    cursor: pointer;
}
.personal_order_list{
    width:100%;
    height: auto;
    border: 1px solid #f5f5f5;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
    user-select: none;
}
.order_right_border{
    border-right: 1px solid #f5f5f5;
    padding-right: 0px;
}
.order_list_ul{
    width: calc(60% - 40px);
    height: auto;
    padding: 30px 20px;
    text-align: left;
    line-height: 24px;
}
.order_nav1 .order_list_ul {
    padding: 30px 0;
    width: 100%;
}
.order_nav1 .order_list_ul li {
    width: 100%;
    font-weight: bolder;
}
.goods-thumbnail-box {
    margin-right: 10px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    justify-content: center;
}
.goods-thumbnail {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
}
.goods-right-box {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
}
.goods-title {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

.delay-tips {
    width: 158px;
    padding: 0 8px;
    margin-top: 6px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    color: #ff712d;
    font-weight: bold;
    background: #fff6ea;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.order-grey-btn-line {
    display: block;
    width: 88px;
    height: 26px;
    margin: 10px auto;
    padding: 0;
    border: 1px solid #d1d1d1;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #787878;
    line-height: 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.order-grey-btn-line:hover {
    cursor: pointer;
    color: #e45f20;
    border: 1px solid #e45f20;
}
.order_list_p{
    line-height: 20px;
    color: #9c9c9c;
}
.pay-countdown {
    margin-bottom: 8px;
    color: #FF712D;
    font-size: 13px;
    font-weight: bold;
}
.my_order_btn1{
    background-color: #FF712D;
    color: #FFFFFF;
    border-radius: 5px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    border: none;
}
.my_order_btn2{
    border: 1px solid #FF712D;
    background-color: #FFFFFF;
    color: #FF712D;
    border-radius: 5px;
    width: 98px;
    height: 28px;
    margin-top: 10px;
}
.my_order_btn2:hover {
    background-color: #FF712D;
    color: #FFFFFF;
}
.my_order_btn3{
    border: 1px solid #f5f5f5;
    background-color: #FFFFFF;
    color: #9c9c9c;
    border-radius: 5px;
    width: 98px;
    height: 28px;
    margin-top: 10px;
}
.order_table{
    width: 100%;
    font-size: 14px;
}

/* 开发票弹窗 start */
.fill-list {
    height: auto;
    margin: 10px 0;
}

.fill-list .fill-li {
    margin-bottom: 24px;
    justify-content: flex-start;
}

.fill-list-left {
    width: 130px;
    margin-right: 20px;
    text-align: right;
}

.invoice-item {
    margin-right: 30px;
}

.invoice-item:hover {
    color: #e45f20;
}

.fill-list-right {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
    text-align: left;
}

.fill-list-right .input-radio {
    margin-right: 10px;
}

.fill-list-right input {
    -webkit-appearance: none;
    background: none;
    border: 0
}

.fill-list-right .fill-txt-input::-webkit-input-placeholder{
    font-size: 14px;
    color: #cecece;
}
.fill-list-right .fill-txt-input:-moz-placeholder{
    font-size: 14px;
    color: #cecece;
}
.fill-list-right .fill-txt-input::-moz-placeholder{
    font-size: 14px;
    color: #cecece;
}
.fill-list-right .fill-txt-input:-ms-input-placeholder{
    font-size: 14px;
    color: #cecece;
}

.fill-list-right .fill-txt-input {
    width: 350px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #e8ebee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
}

.fill-list-right .fill-txt-input:focus {
    border: 1px solid #e45f20;
}

.open-more-btn {
    color: #e45f20;
    user-select: none;
    cursor: pointer;
}

.open-more-btn:hover {
    color: #0cae6d;
}

.open-more-btn .open-more-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
}

.open-more-btn.active .open-more-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.more-fill-list {
    display: none;
}

.invoice-tips-txt {
    margin: 0 auto;
    width: 90%;
    line-height: 24px;
    font-size: 15px;
    color: #ff4500;
}

.company-fill-more {
    display: none;
}

.fill-txt-p {
    color: #999;
}
.no-scroll {
    overflow: hidden;
}

/* 开发票弹窗 end */

/* 查看发票弹窗 start */
.check-invoice-pop .pop-main {
    background: #f5f5f5;
}

.pop-invoice-state-box {
    padding: 40px 0;
    width: 510px;
    background: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.pop-invoice-state-img {
    margin-bottom: 14px;
    width: 56px;
    height: 56px;
}

.pop-invoice-state-txt {
    width: 80%;
    margin: 0 auto 30px;
    line-height: 24px;
    font-size: 18px;
    font-weight: bolder;
    color: #e45f20;
}
/* 查看发票弹窗 end */

/*---------- 我的订单 end ----------*/
/************************ 订单详情 start ************************/
.order_nav_box {
    margin-top: 10px;
}

.order-info-num {
    margin: 0 30px 20px;
    font-size: 15px;
    text-align: left;
    line-height: 18px;
    color: #5F607A;
}

.order-back-info-num {
    padding-top: 20px;
}

.order-line {
    width: 100%;
    height: 5px;
    background: url("../images/order/order-line.png") left center no-repeat;
}

.order-info {
    margin: 0 auto;
    width: 1180px;
}

.receiver-info {
    box-sizing: border-box;
    padding: 20px 50px 20px 64px;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: #333;
    background: url("../images/order/order-location-icon.png") 13px center no-repeat;
}

.receiver-info h4{
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
}

.receiver-info p span {
    margin-right: 20px;
}
.order_title{
    width: 1120px;
    text-align: left;
    margin: 25px 8px;
    overflow: hidden;
}
.order_title span{
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.order_return{
    color: #373737;
    border: 1px solid #e9e9e9;
    font-size: 14px;
    padding: 3px 15px;
}
.order_title_1{
    width: 1120px;
    overflow: hidden;
    line-height: 28px;
    color: #9C9C9C;
    font-size: 14px;
    text-align: left;
}
.order_title_1 span{
    margin-right: 20px;
}
/*订单状态*/
.order_box{
    width: 1120px;
    padding: 40px;
    overflow: hidden;
    margin: 30px auto 100px auto;
    background-color: #ffffff;
    border-radius: 15px;
}

.order-info-box {
    width: 1200px;
    padding: 0 0 20px;
    overflow: hidden;
    margin: 10px auto 100px;
    background: #fff url("../images/order/order-top-bg.png") left top no-repeat;
    border-radius: 30px 30px 0 0;
}

.order-back-main .order-back-info-box {
    padding: 25px;
    margin: 0 auto 50px;
    position: relative;
}

/* 订单退货失败原因 start */
.back-tips-box {
    padding: 6px 0;
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #d70000;
    background: #fff6ea;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* 订单退货失败原因 end */

.order_box .car_nav {
    margin: 0;
    height: 46px;
    line-height: 46px;
}

.order_box .car_nav li {
    font-size: 16px;
    font-weight: bold;
}

.order_box .order_table .order_list_p {
    color: #333;
    font-weight: bold;
}

.order_list_list {
    margin-bottom: 10px;
}
.order_list_list:last-child {
    margin-bottom: 0;
}

.order_list_list:hover,
.order-info-box .order_table .order_list_ul li:hover{
    cursor: pointer;
    color: #e45f20;
}

.order_state{
    width: 1120px;
    margin: 40px auto 80px;
    overflow: hidden;
}
.order_state_info{
    width: 1040px;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.order_state_info li{
    float: left;
    width: 258px;
    overflow: hidden;
}
.order_state_info .font1{
    font-size: 12px;
    line-height: 16px;
    color: rgba(255, 255, 255, .6);
}
.order_state_img{
    width: 840px;
    margin: 0 auto;
    overflow: hidden;
}
.order_state_img li{
    width: 250px;
    height: 50px;
    float: left;
    margin-left: 8px;
}
.order_state_img li:last-child{
    width: 45px;
}
.order_state_wx{
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.order_state_xz{
    width: 45px;
    height: 45px;
    border-radius: 50%;
}
.state_line_1{
    width: 198px;
    border-bottom: 1px solid #52d39f;
    margin-top: 25px;
}
.state_line_1.active{
    width: 198px;
    border-bottom: 1px dashed #fff;
    margin-top: 25px;
}
.order_state_1{
    background: url(../images/order/order-status-1.png) center center no-repeat;
}
.order_state_1.active{
    background: url(../images/order/order-status-1-active.png) center center no-repeat;
}
.order_state_2{
    background: url(../images/order/order-status-2.png) center center no-repeat;
}
.order_state_2.active{
    background: url(../images/order/order-status-2-active.png) center center no-repeat;
}
.order_state_3{
    background: url(../images/order/order-status-3.png) center center no-repeat;
}
.order_state_3.active{
    background: url(../images/order/order-status-3-active.png) center center no-repeat;
}
.order_state_4{
    background: url(../images/order/order-status-4.png) center center no-repeat;
}
.order_state_4.active{
    background: url(../images/order/order-status-4-active.png) center center no-repeat;
}
.order_order_state_1{
    background: url("../images/order/order-back-status-1.png") center center no-repeat;
}
.order_order_state_1.active{
    background: url("../images/order/order-back-status-1-active.png") center center no-repeat;
}
.order_order_state_2{
    background: url("../images/order/order-back-status-2.png") center center no-repeat;
}
.order_order_state_2.active{
    background: url("../images/order/order-back-status-2-active.png") center center no-repeat;
}
.order_order_state_3{
    background: url("../images/order/order-back-status-3.png") center center no-repeat;
}
.order_order_state_3.active{
    background: url("../images/order/order-back-status-3-active.png") center center no-repeat;
}
.order_order_state_4{
    background: url("../images/order/order-back-status-4.png") center center no-repeat;
}
.order_order_state_4.active{
    background: url("../images/order/order-back-status-4-active.png") center center no-repeat;
}
/*订单下的图书*/
.order_book{
    width: 1120px;
    background-color: #f5f5f5;
    line-height: 50px;
    font-size: 14px;
    margin-top: 30px;
    text-align: left;
    overflow: hidden;
}
.order_book li{
    width: 1080px;
    padding: 0px 20px;
}
.order_book_logistics{
    border-top: 1px solid #E8E8E8;
}
.order_book_logistics span{
    margin-right: 20px;
}
.order_book_logistics button{
    background-color: #FF712D;
    color: #FFFFFF;
    font-weight: normal;
    border-radius: 5px;
    padding: 4px 20px;
    margin-top: 10px;
    border: none;
}
.order_book_ys{
    color: #4285F4;
    margin-right: 20px;
}
.order_evaluate_btn{
    padding: 5px 35px;
    background-color: #ff712d;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 14px;
    margin: 30px auto;
    display: block;
    border: none;
}
.order_evaluate{
    width: 1078px;
    border: 1px solid #f5f5f5;
    line-height: 28px;
    font-size: 14px;
    padding: 0px 20px;
    margin-top: 30px;
    max-height: 84px;
    overflow: hidden;
}
.order_evaluate i{
    color: #373737;
    margin-right: 15px;
}

/* 订单详情底部按钮 */
.order-btn-box {
    box-sizing: border-box;
    padding: 20px 30px;
    width: 100%;
    justify-content: flex-end !important;
}

.order-btn-box .order-btn {
    display: inline-block;
    margin: 0 0 0 20px;
    width: auto;
    padding: 0 20px;
    box-sizing: border-box;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 26px;
    /*border: 1px solid #e45f20;*/
    /*color: #e45f20;*/
}

/*.order-btn-box .order-btn:hover {
    cursor: pointer;
    color: #fff;
    background: #e45f20;
}*/
/************************ 订单详情 end ************************/
/*购物车*/
.car_main {
    padding: 0;
    width: 1200px;
    border-radius: 0;
}
.car_main .car_nav {
    width: 1198px;
    margin-bottom: 0;
    height: 44px;
    line-height: 44px;
    border: 1px solid #e6e6e6;
}
.car_logo{
    width: 1120px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    color: #FF712D;
}
.car_logo b{
    margin-left: 20px;
}
.car_goods_box{
    width: 1200px;
    height: auto;
    border: 1px solid #e6e6e6;
    border-top: none;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    user-select: none;
}
.car_goods_box tr td{
    border-bottom: 1px solid #e6e6e6;
}
.car_goods_box tr:last-child td{
    border-bottom: 0;
}
.car_number_box{
    border: 1px solid #CBCBCB;
    width: 120px;
    line-height: 25px;
    height: 25px;
    overflow: hidden;
    margin: 0px auto
}

.car_number_input {
    width: 60px;
    font-weight: 400;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    border: 0;
    text-align: center;
    -moz-appearance: textfield;
}

.car_number_input::-webkit-outer-spin-button,
.car_number_input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.car_number_box b{
    width: 29px;
    display: inline-block;
    background: #f1f1f1;
    font-size: 15px;
    cursor: pointer
}
.car_number_box b:hover {
    background: #fff;
}
.car_main .car_nav li{
    font-size: 16px;
    color: #333;
    font-weight: bolder;
}
.car_add{
    border-left: 1px solid #CBCBCB
}
.car_reduce{
    border-right: 1px solid #CBCBCB
}

.car_pay{
    box-sizing: border-box;
    padding-left: 20px;
    margin-bottom: 10px;
    width: 1200px;
    height: 54px;
    line-height: 54px;
    background-color: #fff;
    color: #373737;
    font-size: 14px;
    border: 1px solid #f1f1f1;
}
.car_pay_span{
    cursor: pointer;
}
.car_pay_span:hover{
    color: #FF712D
}
.car_pay b{
    color: #e4272d;
    margin: 0 5px
}
.car_pay_a{
    margin-left: 20px;
    width: 90px;
    height: 52px;
    line-height: 52px;
    background-color: #e4272d;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bolder;
    text-align: center
}
.car_pay_a:hover {
    opacity: .9;
}
.car_pay span {
    font-size: 16px;
    font-weight: bolder;
    color: #888;
}
.car_pay span.car_pay_span{
    color: #333;
}
.car_tip{
    display: inline-block;
    width: 100%;
    color: #e4272d;
    font-size: 14px;
    text-align: right;
}
.car_empty{
    width: 200px;
    height: auto;
    margin: 100px auto;
    overflow: hidden;
    text-align: center;
    color: #CBCBCB;
    line-height: 40px;
}
.car_empty a{
    color: #ffffff;
    background-color: #4285F4;
    border-radius: 5px;
    padding: 10px 20px;
}
.car_xz{
    background: url("../images/xz.png") no-repeat center center;
}
.car_wx{
    background: url("../images/wx.png") no-repeat center center;
}
.car_choice_btn{
    margin-left: 23px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    display: inline-block;
    cursor: pointer
}
.car_choice_all{
    margin: 0 10px;
}
/*确认订单*/
.pay_address_empty{
    width: 1118px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 14px;
}
.pay_title{
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color: #373737;
    margin-bottom: 20px;
    text-align: left;
}
.pay_method_btn{
    color: #373737;
    line-height: 30px;
    background-color: #ffffff;
    border: 1px solid #CBCBCB;
    overflow: hidden;
    outline: none;
    cursor: pointer;
}
.pay_wx{
    width: 100px;
    padding-left: 30px;
    background: url("../images/wx_1.png") 25px 6px no-repeat;
}
.pay_wx:hover,.pay_wx.active{
    background: url("../images/wx_2.png") 25px 6px no-repeat #e45f20;
    color: #FFFFFF;
    border-color: #e45f20;
}
.pay_al{
    width: 100px;
    padding-left: 25px;
    background: url("../images/al_1.png") 17px 7px no-repeat;
}
.pay_al:hover,.pay_al.active{
    background: url("../images/al_2.png") 17px 7px no-repeat #e45f20;
    color: #FFFFFF;
    border-color: #e45f20;
}
.pay_nav1{
    width: 670px;
    padding-left: 0px;
}
.pay_info{
    width: 1120px;
    padding: 20px 0px;
    /*border-bottom: 1px solid #e3e3e3;*/
    text-align: right;
    font-size: 14px;
}
.pay_info p{
    line-height: 30px;
}
.pay_price{
    margin-top: 10px;
    color: #FF712D;
    font-size: 16px;
    font-weight: bold;
}
.pay_price span {
    color: #333;
    font-weight: normal;
}
.pay_agree,.pay_info button{
    margin-top: 20px;
}

.pay_agree {
    line-height: 18px;
}

.pay_agree span{
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.pay_agree a{
    color: #9c9c9c;
    font-size: 13px;
    vertical-align: middle;
}
.pay_info button{
    background-color: #FF712D;
    color: #FFFFFF;
    outline: none;
    border-radius: 5px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: none;
    cursor: pointer;
}
.pay_note{
    width: 100%;
    overflow: hidden;
    color: #9c9c9c;
    font-size: 14px;
    line-height: 28px;
}
.pay_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
    border-top: 1px solid #CCCCCC;
    padding: 20px 0px;
}

/* 订单详情页的支付方式选择 start */
.detail_pay_box {
    text-align: right;
    border-top: none;
}
.detail_pay_box .pay_content {
    width: 220px;
}
.detail_pay_box .pay_title {
    margin-bottom: 0;
    width: -webkit-calc(100% - 220px);
    width: -moz-calc(100% - 220px);
    width: calc(100% - 220px);
    text-align: right;
}
.detail_pay_box .pay_method_btn {
    margin-top: 0;
    color: #373737;
    line-height: 30px;
    background-color: #ffffff;
    border: 1px solid #CBCBCB;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.detail_pay_box .pay_wx {
    width: 100px;
    padding-left: 25px;
    background: url("../images/al_1.png") 17px 7px no-repeat;
}

.detail_pay_box .pay_wx {
    width: 100px;
    padding-left: 30px;
    background: url("../images/wx_1.png") 25px 6px no-repeat;
}
.detail_pay_box .pay_wx:hover,
.detail_pay_box .pay_wx.active {
    background: url("../images/wx_2.png") 25px 6px no-repeat #e45f20;
    color: #FFFFFF;
    border-color: #e45f20;
}
.detail_pay_box .pay_al:hover,
.detail_pay_box .pay_al.active {
    background: url("../images/al_2.png") 17px 7px no-repeat #e45f20;
    color: #FFFFFF;
    border-color: #e45f20;
}
/* 订单详情页的支付方式选择 end */

.postage{
    width: 14px;
    height: 14px;
    overflow: hidden;
    margin-right: 6px;
    display: inline-block;
    background: url("../images/postage.png");
    background-size: 14px;
    cursor: pointer;
}
.discount_code{
    width: 100%;
    font-weight: 300;
    font-size: 14px;
    overflow: hidden;
    margin: 10px auto;
}
.discount_code_btn{
    height: 30px;
    line-height: 30px;
    width: 58px;
    color: #FFFFFF;
    background-color: #e45f20;
    text-align: center;
    cursor: pointer;
}
.discount_code_input{
    height: 30px;
    line-height: 30px;
    width: 150px;
    padding: 0px 15px;
    outline: none;
    border: none;
    background-color: #F2F2F2;
}
/*确认订单*/
/*微信支付*/
.order_information{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #CBCBCB;
}
.wx_order_number{
    font-size: 16px;
    color:#9c9c9c;
}
.wx_pay_title{
    width: 1120px;
    padding: 30px 0px 50px 0px;
    overflow: hidden;
    text-align: left;
}
.wx_pay_title b{
    font-size: 20px;
    margin-right: 10px;
}
.wx_pay_box{
    text-align: center;
    width: 560px;
    margin: 30px auto;
    overflow: hidden;
    line-height: 30px;
    color: #9C9C9C;
}
.wx_pay_box img{
    width: 210px;
    height: 210px;
    overflow: hidden;
}
.pay_address_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    user-select: none;
}
.pay_address_li{
    width: 100%;
    height: 28px;
    overflow: hidden;
    display: none;
}
.pay_address_1:hover,.pay_address_1.active{
    color: #333333;
}
.pay_address_box li:first-child{
    display: block;
}
.pay_address_box_span{
    display: inline-block;
    width: 74px;
    height: 20px;
    line-height: 20px;
    background: #999;
    color: #fff;
    text-align: center;
    font-style: normal;
}
.pay_address_li:hover .pay_address_2{
    display: block;
}
.pay_address_2{
    width: 120px;
    font-size: 12px;
    height: 28px;
    overflow: hidden;
    display: none;
}
.pay_address_2>span{
    margin-right: 5px;
}
.pay_address_2>span:hover{
    color: #e45f20;
}
.pay_address_box li i{
    margin-right: 10px;
}
.pay_zk{
    padding-right: 20px;
    font-size: 12px;
    height: 36px;
    line-height: 36px;
    background: url("../images/more_2.png") 100%  50% no-repeat;
    cursor: pointer;
    user-select: none;
}
.pay_zk.active{
    background: url("../images/more_1.png") 100%  50% no-repeat;
}
/*故障弹窗 start*/
.lc_item_tc_bc{
    padding: 30px;
    width: 600px;
    height: auto;
    background-color: #FFFFFF;
    z-index: 1001;
    position: fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    border-radius: 10px;
    text-align: left;
}
.tc_fault_p{
    font-weight: 400;
    font-size: 16px;
    margin-top: 20px;
}
.tc_fault_p1{
    color: #9C9C9C;
    font-size: 14px;
    line-height: 34px;
}
.lc_item_tc_h{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-top: 10px;
    color: #373737;
    font-weight: 400;
    font-size: 22px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.lc_item_tc_close{
    width: 19px;
    height: 19px;
    background: url("../images/nav_39.png") no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.lc_item_tc_1{
    font-size: 16px;
    height: auto;
    margin-top: 30px;
    font-weight: 300;
    overflow: hidden;
}
.lc_item_tc_1>li{
    float: left;
    margin: 10px 15px 0px 0px;
}
.lc_item_tc_2{
    width: 100%;
    height: 200px;
    padding: 10px;
    background-color: #f5f5f5;
    overflow: hidden;
    margin: 30px auto;
    position: relative;
    font-size: 16px;
    font-weight: 300;
}
.lc_item_tc_info{
    font-size: 14px;
    line-height: 24px;
    background-color: #f5f5f5;
    resize:none;
    border: none;
    outline: none;
    height: 160px;
    width: 100%;
    overflow: hidden;
}
.lc_item_tc_number{
    width: 100%;
    text-align: right;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
}
.lc_item_tc_btn{
    width: 130px;
    height: 32px;
    line-height: 32px;
    color: #FFFFFF;
    background-color: #e45f20;
    font-size: 16px;
    border-radius: 25px;
    text-align: center;
    margin: 0px auto;
    cursor: pointer;
    user-select: none;
}
/*故障弹窗 end*/
/*********  评价弹窗start *******/
.eva_tc{
    font-size: 14px;
    width: 700px;
    height: 480px;
    margin: -265px 0px 0px -375px;
    background: #fff;
    border-radius: 15px;
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1001;
    padding: 25px;
}
/*五星评价*/
.eva_1{
    width: 700px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    margin-top: 20px;
    overflow: hidden;
}
.eva_1>li{
    width: 220px;
    margin-right: 20px;
    float: left;
}
.eva_1>li:last-child{
    margin-right: 0px;
}
.eva_1>li>span{
    margin-right: 10px;
}
.five_stars_ul{
    line-height: 36px;
    font-size: 20px;
    color: #ff712d;
}
.five_stars_ul>li{
    float: left;
    cursor: pointer;
    margin-left: 3px;
}
/*标签*/
.course_pj_ul{
    width: 700px;
    max-height: 100px;
    overflow: hidden;
    color: #9C9C9C;
}
.course_pj_ul>li{
    float: left;
    margin: 20px 20px 0px 0px;
    text-align: center;
    cursor: pointer;
}
.course_pj_liw{
    width: 108px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #CBCBCB;
}
.course_pj_liw:hover,.course_pj_liw.active{
    background-color: #e45f20;
    color: #ffffff;
    border-color: #e45f20;
}
/*课程评价*/
.eva_tip{
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    text-align: left;
}
.eva_text{
    width: 680px;
    padding: 10px;
    line-height: 36px;
    background-color: #f5f5f5;
}
.eva_content{
    width: 680px;
    height: 80px;
    background-color: #f5f5f5;
    border: none;
    outline: none;
    overflow:hidden;
    resize:none;
    color: #333333;
    font-size: 14px;
    line-height: 24px;
}
.eva_num{
    color: #9C9C9C;
    margin-right: 0px;
    text-align: right;
}
.eva_btn{
    margin: 20px auto;
    width: 120px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    color: #FFFFFF;
    background-color: #e45f20;
    cursor: pointer;
}
.eva_close{
    top: 20px;
    right: 20px;
    position: absolute;
    width: 25px;
    height: 25px;
    background: url("../images/nav_39.png") no-repeat;
}
/*********  评价弹窗 end *******/
/* 支付页 — 优惠券 */
.order_coupon_box{
    width: 250px;
    height: 70px;
    display: inline-block;
    margin: 20px 17px 0px 3px;
    background: url("../images/nav_61.png") 0% no-repeat;
    box-shadow:0px 0px 6px rgba(0,0,0,0.2);
    user-select: none;
}
.order_coupon_box.active{
    background: url("../images/nav_65.png") 0% no-repeat;
}
.order_coupon_box.actives{
    border: 1px solid #e45f20;
    border-radius: 5px;
    box-shadow:0px 0px 6px rgba(34,204,173,0.6);
}
.coupon_dj{
    background: url("../images/nav_62.png") 100% 0% no-repeat,url("../images/nav_61.png") 0% no-repeat;
}
.coupon_dj.active{
    background: url("../images/nav_63.png") 100% 0% no-repeat,url("../images/nav_65.png") 0% no-repeat;
}
.order_coupon_box_l{
    text-align: center;
    padding: 22px 0px;
    width: 65px;
    height: 26px;
    line-height: 24px;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 16px;
}
.order_coupon_box_l i{
    font-size: 24px;
}
.order_coupon_box_r{
    width: 165px;
    height: 58px;
    padding: 5px 10px;
    font-size: 12px;
    color: #373737;
    border-radius:0px 5px 5px 0px;
}
.order_coupon_box_r1{
    width: 100%;
    height: 34px;
    line-height: 18px;
    overflow: hidden;
    margin-bottom: 8px;
}
.pay_coupon_ul{
    padding-left: 13px;
}
/*学校教材练习*/
.textbook_1{
    width: 338px;
    height: 600px;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
    text-align: left;
}
.textbook_1.active{
    width: 838px;
}
.textbook_title{
    width: calc(100% - 40px);
    padding: 0px 20px;
    border-bottom: 1px solid #E3E3E3;
    line-height: 60px;
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
.textbook_ul{
    width: calc(100% - 40px);
    padding: 10px 20px 10px;
    height: 510px;
    overflow-y: auto;
}
.textbook_div{
    width: calc(100% - 20px);
    padding: 10px 0px 10px 20px;
    height: 225px;
    overflow-y: auto;
}
.textbook_li,.textbook_span{
    padding: 10px 20px;
    overflow: hidden;
    background-color: #F4F4F4;
    color: #999999;
    border-radius: 6px;
    margin-top: 15px;
    font-size: 14px;
    user-select: none;
    cursor: pointer;
}
.textbook_span{
    display: inline-block;
    margin-right: 20px;
}
.textbook_li:hover,.textbook_li.active,.textbook_span:hover,.textbook_span.active{
    background-color: #e45f20;
    color: #ffffff;
}
.textbook_btn{
    width: 170px;
    height: 36px;
    line-height: 36px;
    background-color: #e45f20;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    border-radius: 25px;
    user-select: none;
}
.school_login_code {
    width: calc(100% - 10px);
    padding: 5px;
    height: 28px;
    border-bottom: 1px solid #E7E8EC;
    overflow: hidden;
    margin-top: 10px;
}
.school_login_code>input {
    width: calc(100% - 90px);
    line-height: 28px;
    height: 28px;
    border: none;
    outline: none;
    font-size: 14px;
}
/*学校新首页*/
.school_2{
    width: 100%;
    height: 550px;
    background-color: #e45f20;
    color: #ffffff;
    overflow: hidden;
}
.school_2_1{
    width: 900px;
    font-size: 18px;
    height: auto;
    overflow: hidden;
    margin: 60px auto;
}
.textbook_exercises_btn{
    width: 200px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 6px;
    background-color: #ffffff;
    color: #e45f20;
    display: block;
    margin: auto;
}
.textbook_exercises_btn.active{
    background-color: #e45f20;
    color: #ffffff;
}
.school_2_ul,.school_2_ul1{
    text-align: left;
    width: 280px;
    height: 230px;
    overflow: hidden;
}
.school_2_ul>li,.school_2_ul1>li{
    width: calc(100% - 40px);
    padding-left: 40px;
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    position: relative;
    font-size: 18px;
}
.school_2_ul>li::before,.school_2_ul1>li::before{
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    left: 0px;
    top: 6px;
}
.school_2_ul>li:nth-child(1)::before{
    background: url("../images/nav_68.png") no-repeat;
}
.school_2_ul>li:nth-child(2)::before{
    background: url("../images/nav_69.png") no-repeat;
}
.school_2_ul>li:nth-child(3)::before{
    background: url("../images/nav_70.png") no-repeat;
}
.school_2_ul>li:nth-child(4)::before{
    background: url("../images/nav_71.png") no-repeat;
}
.school_2_ul1>li:nth-child(1)::before{
    background: url("../images/nav_72.png") no-repeat;
}
.school_2_ul1>li:nth-child(2)::before{
    background: url("../images/nav_73.png") no-repeat;
}
.school_2_ul1>li:nth-child(3)::before{
    background: url("../images/nav_74.png") no-repeat;
}
.school_2_ul1>li:nth-child(4)::before{
    background: url("../images/nav_75.png") no-repeat;
}
.school_3{
    width: 100%;
    height: auto;
    background-color: #F8F8F8;
    overflow: hidden;
    margin-top: 60px;
    padding-bottom: 60px;
}
.school_4{
    width: 100%;
    height: 486px;
    background: url("../images/bg12.png") 0% 100% no-repeat;
}
.school_4_1{
    text-align: left;
    margin-top: 170px;
}
.school_4_img{
    margin: 150px 50px 0px 50px;
}
.school_4_1>h3{
    text-align: right;
    font-size: 36px;
}
.school_4_1_p{
    font-size: 22px;
    margin: 30px auto 15px;
}
.school_4_1_p1{
    font-size: 18px;
}
/* 教材练习 - 在线考试 */
.c_lock{
    padding: 3px 10px 3px 33px !important;
    background: url("../images/icon10.png") 10px 50% no-repeat #F2F2F2;
    color: #CCCCCC;
    border-radius: 15px;
    cursor: pointer;
    font-size: 14px;
    margin-right: 30px;
}
.online_switch_box{
    margin: 30px auto 10px;
}
.online_switch{
    width: 90px;
    height: 50px;
    text-align: left;
    line-height: 50px;
    padding-left: 70px;
    border-radius: 8px;
    border: 1px solid #CCCCCC;
    color: #333333;
    margin-right: 30px;
    user-select: none;
}
.online_switch_1{
    background: url("../images/nav_78.png") 20px 50% no-repeat;
}
.online_switch_2{
    background: url("../images/nav_77.png") 20px 50% no-repeat;
}
.online_switch_1.active,.online_switch_1:hover{
    background: url("../images/nav_78.png") 20px 50% no-repeat #e45f20;
    border: 1px solid #e45f20;
    color: #ffffff;
}
.online_switch_2.active,.online_switch_2:hover{
    background: url("../images/nav_77x.png") 20px 50% no-repeat #e45f20;
    border: 1px solid #e45f20;
    color: #ffffff;
}
.online_exam_ul{
    width: 1220px;
    height: auto;
    overflow: hidden;
}
.online_exam_ul>li{
    width: 245px;
    height: 200px;
    padding: 20px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #f9f9f9;
    user-select: none;
    margin: 20px 20px 0px 0px;
    position: relative;
}
.online_exam_ul>li::before{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    left: -10px;
    top: 81px;
    background-color: #ffffff;
}
.online_exam_ul>li::after{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: 81px;
    background-color: #ffffff;
}
.online_exam_ul>li>div{
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    height: 56px;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #E7E7E7;
    padding-bottom: 15px;
}
.online_exam_time{
    color: #666666;
    font-size: 14px;
    line-height: 28px;
    height: 56px;
    text-align: left;
    margin: 20px 0px;
}
.online_exam_btn{
    padding: 5px 20px;
    background-color: #e45f20;
    color: #ffffff;
    font-size: 14px;
    border-radius: 4px;
}
.online_exam_btn.active{
    background-color: #EEEEEE;
    color: #BBB;
}
/*我的学校*/
.center_r_li_school{
    width: 410px;
    height: 100px;
    background: url("../images/bg15.png") no-repeat;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.my_school_name{
    width: calc(100% - 47px);
    padding: 0px 10px 0px 37px;
    color: #ffffff;
    font-size: 16px;
    background: url("../images/icon11.png") 10px 50% no-repeat;
    border-bottom: 1px solid #4FEAAC;
    text-align: left;
    height: 60px;
    line-height: 60px;
}
.my_school_1{
    width: 100%;
    height: 48px;
}
.my_school_btn{
    color: #00A65F;
    font-size: 14px;
    cursor: pointer;
    width: 80px;
    height: 26px;
    margin: 11px 0px 11px 15px;
    line-height: 26px;
    border-radius: 20px;
    background-color: #3BE6A1;
    outline: none;
    border: none;
}
.my_school_btn.active{
    background-color: #B1FFE6;
}
.school_default{
    width: 100%;
    margin: 200px auto;
    height: auto;
    overflow: hidden;
}
.school_default_btn{
    width: 100px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #ffffff;
    background-color: #e45f20;
    border-radius: 25px;
    outline: none;
    border: none;
    margin-top: 20px;
    cursor: pointer;
}
/* 图书详情 — START */
.book_list_btn{
    width: 133px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    background: linear-gradient(82deg, #FFA21E, #FFAD39);
    margin: 22px 0px 22px 30px;
}
.book_list_btn>img{
    margin-left: 10px;
}
.book_top{
    width: 100%;
    height: 46px;
    border-bottom: 4px solid #e45f20;
}
.book_classify{
    width: 1200px;
    height: 46px;
    margin: 20px auto 0px;
    user-select: none;
}
.book_classify_1{
    width: 280px;
    height: auto;
    position: relative;
}
.book_classify_1_span{
    width: 280px;
    height: 46px;
    line-height: 46px;
    background-color: #e45f20;
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}
.book_classify_2{
    width: 900px;
    height: 46px;
    overflow: hidden;
}
.book_classify_2>li{
    line-height: 46px;
    color: #333333;
    font-size: 14px;
    margin: 0px 23px;
    cursor: pointer;
}
.book_classify_2>li:hover,.book_classify_2>li.active{
    color: #e45f20;
    font-size: 18px;
    font-weight: bold;
}
.system_classify_boxs{
    position: absolute;
    width: 278px;
    max-height: 700px;
    overflow: auto;
    top: 49px;
    display: none;
    z-index: 5;
    border: 1px solid #e45f20;
    background-color: #ffffff;
}
.system_classify{
    width: 272px;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    text-align: left;
}
.system_classify_boxs.active{
    display: block;
}
.book_classify_tip{
    position: absolute;
    width: 250px;
    padding-left: 30px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background: url("../images/nav_93.png") 90px 50% no-repeat #e45f20;
    top: 751px;
    z-index: 5;
}
.system_book_series_t{
    width: calc(100% - 20px);
    padding: 0px 10px;
    height: 50px;
    line-height: 50px;
    color: #333333;
    font-size: 16px;
    border-bottom: 1px solid #EBEEED;
}
.system_book_series_t.active,.system_book_series_t:hover{
    color: #e45f20;
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #e45f20;
}
.system_classify_li{
    border-bottom: 1px solid #EBEEED;
}
.system_classify_li:last-child,.system_classify_li .system_classify_3:last-child,.system_book_series_t:last-child{
    border: none;
}
.system_classify_1{
    width: 228px;
    height: 56px;
    padding: 0px 32px 0px 18px;
    line-height: 56px;
    font-size: 18px;
    color: #333333;
    border-bottom: 1px solid #EBEEED;
    background: url("../images/book_1.png") calc(100% - 18px) 50% no-repeat;
    cursor: pointer;
}
.system_classify_1.active{
    background: url("../images/book_1x.png") calc(100% - 32px) 50% no-repeat;
}
.system_classify_box{
    width: 254px;
    height: auto;
    overflow: hidden;
    padding: 0px 10px;
}
.system_classify_2{
    width: 238px;
    height: 46px;
    line-height: 46px;
    padding-left: 20px;
    overflow: hidden;
    background: url("../images/book_2.png") 0% 50% no-repeat;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.system_classify_3{
    padding-bottom: 15px;
    border-bottom: 1px solid #EBEEED;
}
.system_classify_3>li{
    cursor: pointer;
    width: 240px;
    padding: 5px 10px;
    font-size: 14px;
    color: #666666;
}
.system_classify_3>li.active,.system_classify_3>li:hover{
    background-color: #e45f20;
    color: #ffffff;
}
.book_list{
    width: 922px;
    min-height: 800px;
    overflow: hidden;
}
.book_list_div{
    width: 100%;
    height: auto;
    padding-bottom: 8px;
    overflow: hidden;
}
.book_1{
    width: 410px;
    height: 180px;
    padding: 20px 15px;
    text-align: left;
    margin:  20px 0px 0px 20px;
}
.book_1:hover{
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.book_1_img{
    width: 148px;
    height: 180px;
    overflow: hidden;
}
.book_1_img>img{
    max-height: 181px;
    width: auto;
    overflow: hidden;
}
.book_1_info{
    width: 252px;
    height: 180px;
    padding-left: 10px;
    overflow: hidden;
}
.book_1_info>h3{
    font-size: 16px;
    margin-bottom: 12px;
}
.book_1_info>p{
    font-size: 13px;
    color: #555555;
    line-height: 22px;
}
.resource_book_3{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.resource_book_3_1{
    width: 188px;
    height: 258px;
    border: 1px solid #E6E6E6;
    overflow: hidden;
}
.book_detail_image{
    max-height: 256px;
    width: auto;
    max-width: 100%;
    overflow: hidden;
}
.resource_book_3_2{
    width: 570px;
    height: auto;
    overflow: hidden;
    text-align: left;
    color: #333333;
}
.resource_book_3_2>h4{
    color: #333333;
    font-size: 20px;
}
.resource_book_5{
    width: 550px;
    background-color: #F5F7F6;
    margin: 15px 0;
    line-height: 35px;
    font-size: 14px;
    padding: 20px;
}
.resource_book_5_p{
    margin-top: 5px;
}
.resource_book_4{
    width: 100%;
    height: 36px;
    overflow: hidden;
}
.resource_book_4>span{
    border-radius: 2px;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    display: block;
    background-color: #FF711D;
    border: 1px solid #FF711D;
}
.resource_book_4>span.active{
    background-color: #ffffff;
    color: #FF711D;
    margin-left: 30px;
}
.resource_book_6{
    width: 780px;
    height: 50px;
    background-color: #F5F7F6;
    line-height: 50px;
    color: #333333;
    font-size: 16px;
    margin: 25px auto;
    overflow: hidden;
}
.resource_book_6 span{
    padding: 0px 30px;
    cursor: pointer;
    position: relative;
}
.resource_book_6 span.active{
    color: #e45f20;
    background-color: #ffffff;
}
.resource_book_6 span.active::after{
    content: ' ';
    width: 100%;
    height: 2px;
    background-color: #e45f20;
    position: absolute;
    left: 0;
}
.resource_book_7{
    width: 100%;
    height: auto;
    line-height: 26px;
    padding-bottom: 50px;
    overflow: hidden;
    text-align: justify;
}
.resource_book_7_img{
    width: 780px;
    height: auto;
    overflow: hidden;
}
.resource_book_catalogue{
    width: 100%;
    max-height: 800px;
    line-height: 26px;
    margin-bottom: 50px;
    overflow: auto;
    text-align: justify;
}
.book_wk{
    width: 740px;
    height: 40px;
    padding: 10px 20px;
    border-bottom: 1px solid #E8E8E8;
    overflow: hidden;
}
.book_wk>p{
    width: 500px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    margin: 0px 20px;
}
.book_wk>img{
    margin-top: 11px;
}
.book_wk_btn{
    width: auto;
    height: 28px;
    margin-top: 6px;
    overflow: hidden;
}
.book_wk_btn>span{
    margin-left: 20px;
    width: 57px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    color: #e45f20;
    display: inline-block;
    border: 1px solid #e45f20;
    cursor: pointer;
}
.book_wk_btn>span:first-child {
    margin-left: 0;
}
.book_wk_btn>span.active{
    background-color: #e45f20;
    color: #ffffff;
    margin-right: 0;
}
.book_wk_btn>span.actives{
    border: 1px solid #E5E5E5;
    color: #E5E5E5;
}
.r_recommend_book{
    width: 380px;
    height: auto;
    padding-left: 25px;
    overflow: hidden;
}
.r_recommend_book li{
    width: 167px;
    height: 255px;
    overflow: hidden;
    margin: 20px 20px 0px 0px;
}
.r_recommend_book_1{
    width: 165px;
    height: 200px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}
.r_recommend_book_1 img{
    width: 100%;
}
.r_recommend_book_1_img{
    max-height: 200px;
    width: auto;
    overflow: hidden;
}
.r_recommend_book_2{
    width: 100%;
    height: 40px;
    line-height: 20px;
    font-size: 14px;
    color: #333333;
    text-align: left;
    margin-top: 10px;
}
/*教材练习*/
.book_practice_box {
    width: 100%;
    min-height: 600px;
    background: #fff;
}

.book_practice{
    box-sizing: border-box;
    margin: 0 auto;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #E8E8E8;
    text-align: left;
    color: #333333;
    font-size: 14px;
    background: #fff;
}

.book_practice:last-child {
    border-bottom: none;
}

.book_chapter{
    padding: 0px 35px;
    width: calc(100% - 70px);
    height: 60px;
    line-height: 60px;
    background: url("../images/book_7.png") 5px 50% no-repeat,url("../images/book_1.png") calc(100% - 5px) 50% no-repeat;
}
.book_chapter.active{
    background: url("../images/book_7x.png") 5px 50% no-repeat,url("../images/book_1x.png") calc(100% - 5px) 50% no-repeat;
}
.book_chapter>p{
    width: calc(100% - 90px);
    height: 60px;
    overflow: hidden;
}
.book_practice_btn{
    width: 40px;
    height: 26px;
    line-height: 26px;
    color: #ffffff;
    padding-left: 30px;
    background: url("../images/book_6.png") 12px 50% no-repeat #e45f20;
    display: block;
    margin-top: 17px;
    cursor: pointer;
}
.book_practice_btn.active{
    margin-top: 12px;
}
.book_practice_up_btn{
    width: 50px;
    height: 26px;
    line-height: 26px;
    color: #ffffff;
    padding-left: 20px;
    background: url("../images/bookup.png") 3px 50% no-repeat #FF973A;
    display: block;
    margin-top: 17px;
    cursor: pointer;
}
.book_practice_up_btn.active{
    margin-top: 12px;
}
.book_practice_del{
    width: 38px;
    height: 24px;
    line-height: 24px;
    color: #CCCCCC;
    border: 1px solid #CCCCCC;
    padding-left: 30px;
    background: url("../images/book_8.png") 12px 50% no-repeat;
    display: block;
    margin-top: 17px;
    margin-right: 10px;
}
.book_chapter_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #F5F7F6;
}
.book_chapter_2{
    width: calc(100% - 70px);
    height: 60px;
    padding: 0px 40px 0px 30px;
    overflow: hidden;
    background: url("../images/book_1.png") calc(100% - 15px) 50% no-repeat;
}
.book_chapter_2.active{
    background: url("../images/book_1x.png") calc(100% - 15px) 50% no-repeat;
}
.book_chapter_2>p{
    width: calc(100% - 100px);
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}
.book_chapter_3{
    width: calc(100% - 100px);
    height: 50px;
    line-height: 50px;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 25px;
    margin: 20px auto;
    padding: 0px 25px;
}
.book_chapter_3:hover>p{
    color: #e45f20;
}
.book_chapter_3>p{
    width: calc(100% - 100px);
    height: 50px;
    overflow: hidden;
}
/* 图书详情 — END */
/* 右侧推荐 — START */
.book_down{
    width: 400px;
    height: auto;
    overflow: hidden;
}
.book_down_li{
    padding: 0px 15px;
    width: calc(100% - 30px);
    height: 70px;
    line-height: 70px;
    color: #333333;
    font-size: 14px;
}
.book_down_li a{
	display:block;
}
.book_down_li:nth-child(even){
    background-color: #F9FBFC;
}
.book_down_li>p{
    width: calc(100% - 90px);
    height: 70px;
    overflow: hidden;
    text-align: left;
}

/* PC一期改版的资料下载样式 start */
.data_down_ul {
    background: #fff;
}

.data_down_banner {
    width: 100%;
    height: 198px;
    background: url("../pcv1/img/banner/data_down_banner.jpg");
    position: relative;
}

.data_down_banner .data_search_box {
    position: absolute;
    left: 500px;
    top: 50px;
}

.data_down_banner .search_tips_box {
    width: 100%;
    height: 65px;
    background: url("../pcv1/img/data_search_tips.png") center bottom no-repeat;
    background-size: 278px 65px;
}

.data_down_banner .search_tips_box .search_tips_txt {
    padding: 0 10px;
    margin: 0 auto;
    width: 240px;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
/* PC一期改版的资料下载样式 end */

.data_down_li {
    padding: 15px;
}

.book_down_txt {
    line-height: 24px;
    text-align: left;
    width: -webkit-calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: calc(100% - 90px);
}

.book_down_txt .data-title {
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    color: #000;
}

.book_down_txt .data-info {
    font-size: 14px;
    color: #777;
}
.book-editor{
    margin-right: 40px;
}

.book_down_img{
    margin: 23px 10px 23px 0px;
}
.book_down_img_1{
    margin: 28px 0px;
    cursor: pointer;
}
/* 右侧推荐 — END */
/* 学校样式 — START */
.school_index{
    width: 100%;
    height: 450px;
    overflow: hidden;
    color: #ffffff;
    background: url("../images/school_bg_1.png") center top no-repeat, linear-gradient(180deg, rgba(237, 238, 255, .8), rgba(255, 255, 255, 1));
}
.school-banner-inner {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    height: 100%;
}
.banner-btn {
    position: absolute;
    left: 1px;
    bottom: 36px;
    display: block;
    width: 210px;
    height: 50px;
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: box-shadow .1s;
    -moz-transition: box-shadow .1s;
    transition: box-shadow .1s;
}
.banner-btn:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(29, 209, 137, .5);
    -moz-box-shadow: 0 4px 8px 0 rgba(29, 209, 137, .5);
    box-shadow: 0 4px 8px 0 rgba(29, 209, 137, .5);
}
.school_index_1{
    width: 811px;
    font-size: 66px;
    font-weight: 400;
    color: #FFFFFF;
    text-shadow: 2px 3px 0 #F5B04B;
    margin: 110px auto 0;
}
.school_index_2{
    width: 1290px;
    height: 56px;
    line-height: 56px;
    font-size: 26px;
    overflow: hidden;
    margin: 80px auto;
    background: rgba(69,89,115,0.4);
}
.school_index_2>li{
    background: url("../images/school_1.png") 0% 50% no-repeat;
    padding-left: 54px;
    margin: 0 68px;
}
.school_index_3{
    width: 800px;
    height: 80px;
    margin: auto;
    font-size: 22px;
    line-height: 40px;
}
.school_index_box{
    width: 1200px;
    height: auto;
    overflow: hidden;
    padding: 50px 0 100px;
}
.school_list{
    width: 1230px;
    height: auto;
    min-height: 420px;
    overflow: hidden;
}
.school_list-box {
    width: 100%;
    background: #fff url("../images/school_bot_bg.png") center bottom no-repeat;
    background-size: contain;
}
.school_list li{
    width: 230px;
    height: 105px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    padding: 20px;
    margin: 30px 30px 0 0;
    text-align: center;
    border: 1px solid #e3e3e3;
    background: #fff;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0 ,0, 0, 0);
    -moz-box-shadow: 0 3px 5px 0 rgba(0 ,0, 0, 0);
    box-shadow: 0 3px 5px 0 rgba(0 ,0, 0, 0);
    -webkit-transition: box-shadow, border .1s;
    -moz-transition: box-shadow, border .1s;
    transition: box-shadow, border .1s;
}
.school_list li:hover {
    border: 1px solid #e45f20;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0 ,0, 0, .06);
    -moz-box-shadow: 0 3px 5px 0 rgba(0 ,0, 0, .06);
    box-shadow: 0 3px 5px 0 rgba(0 ,0, 0, .06);

}
.school_list li>img{
    width: 66px;
    height: 66px;
    overflow: hidden;
}
.school_list li>p{
    width: 100%;
    line-height: 24px;
    margin-top: 14px;
    color: #333333;
    font-size: 16px;
}
.school_index_4{
    width: 1200px;
    height: 450px;
    overflow: hidden;
    margin: 20px auto;
}
.school_index_4_1{
    width: 600px;
    height: 450px;
    border-radius: 4px;
    overflow: hidden;
}
.school_index_4_2{
    width: 530px;
    height: 450px;
    border-radius: 4px;
    background-color: #f9f9f9;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    padding: 0px 25px;
}
.school_1_h4{
    height: 56px;
    line-height: 56px;
    font-size: 24px;
    border-bottom: 1px solid #DCDCDC;
    position: relative;
}
.school_1_h4.active{
    font-size: 18px;
    color: #e45f20;
}
.school_1_h4::before{
    content: '';
    width: 100px;
    height: 4px;
    background: #e45f20;
    box-shadow: 0px 6px 6px 0px rgba(34, 204, 173, 0.13);
    border-radius: 2px;
    position: absolute;
    bottom: 0px;
}
.school_1_ul{
    width: 100%;
    height: 320px;
    overflow: hidden;
}
.school_1_ul li{
    width: calc(100% - 40px);
    padding: 0px 20px;
    color: #595959;
    height: 78px;
    line-height: 78px;
    border-bottom: 1px solid #DCDCDC;
    background: url("../images/school_2.png") 0% 50% no-repeat;
}
.school_1_ul li:hover{
    color: #e45f20;
}
.school_1_ul li>p{
    width: calc(100% - 100px);
    margin-right: 10px;
    text-align: left;
}
.school_1_zx{
    margin-top: 22px;
}
.school_course{
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: auto;
}
.school_course_1{
    width: 100%;
    height: 80px;
    overflow: hidden;
}
.school_course_title{
    height: 36px;
    line-height: 36px;
    font-size: 22px;
    font-weight: bold;
    margin: 22px 0px;
}
.school_course_title>img{
    margin: -6px 10px 0px 0px;
}
.school_course_class{
    width: 1200px;
    height: 40px;
    margin: 20px 0px;
    line-height: 40px;
    font-size: 15px;
    color: #ffffff;
    background-color: #e45f20;
}
.school_course_class>li{
    padding: 0px 20px;
    cursor: pointer;
    position: relative;
}
.school_course_class>li:hover,.school_course_class>li.active{
    background-color: #0EAD6D;
    box-shadow: 0px 6px 6px 0px rgba(34, 204, 173, 0.13);
}
.school_course_class_box{
    width: 190px;
    height: auto;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0px;
    text-align: left;
    padding: 0px 10px;
    z-index: 5;
}
.school_course_class_box>li{
    width: 190px;
    height: 40px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,0.3);;
}
.school_course_class_box>li:hover{
    color: #e45f20;
}
.school_course_p{
    margin-top: 6px;
    line-height: 26px;
    font-size: 13px;
}
.school_ks{
    width: 100%;
    height: 354px;
    overflow: hidden;
    color: #ffffff;
    background: url("../images/school_bg1.png") 50% no-repeat #F9F9F9;
}
.school_ks_box{
    width: 1200px;
    height: auto;
    overflow: hidden;
}
.school_ks_1{
    margin: 50px auto 0px;
    font-size: 46px;
    color: #ffffff;
}
.school_ks_2{
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin: 30px auto;
}
.school_ks_3s{
    width: 1210px;
    height: 60px;
    position: relative;
}
.school_ks_3{
    width: 1150px;
    height: 131px;
    overflow: hidden;
    position: absolute;
    padding: 0px 30px;
    top: -65px;
    background: url("../images/school_bg2.png");
}
.school_ks_3>li{
    width: 220px;
    height: 65px;
    overflow: hidden;
    font-size: 17px;
    color: #ffffff;
    line-height: 66px;
    margin: 24px 33px 42px;
}
.school_ks_3_li1{
    background: url("../images/school_bg3.png");
}
.school_ks_3_li2{
    background: url("../images/school_bg4.png");
}
.school_ks_3_li3{
    background: url("../images/school_bg5.png");
}
.school_ks_3_li4{
    background: url("../images/school_bg6.png");
}
.my_school_course{
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background-color: #e45f20;
    color: #ffffff;
    font-size: 16px;
}
.my_school_course>ul{
    width: 1200px;
}
.my_school_course>ul>li{
    padding: 0px 36px;
}
.my_school_course>ul>li:hover,.my_school_course>ul>li.active{
    background-color: #0EAD6D;
    box-shadow: 0px 6px 6px 0px rgba(34, 204, 173, 0.13);
}
.school_information_title{
    width: 100%;
    height: 350px;
    overflow: hidden;
    color: #ffffff;
    background: url("../images/school_bg7.png") 50% no-repeat;
}
.school_information_title>section{
    width: 800px;
    height: 70px;
    margin: 120px auto 15px;
    font-size: 46px;
    text-shadow: 0px 4px 0px #000000;
}
.school_information_1{
    width: 800px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    text-shadow: 0px 1px 0px #000000;
    margin: auto;
}
.school_information_1>li{
    background: url("../images/school_1.png") 0% 50% no-repeat;
    padding-left: 30px;
    background-size: 18px 18px;
    width: 130px;
    display: inline-block;
    margin: 0px 22px;
}
.school_information_box{
    margin: 30px auto 50px;
}
.school_information_ul{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: left;
}
.school_information_list{
    width: 810px;
    height: auto;
    overflow: hidden;
}
.information_box {
    width: 100%;
    min-height: 700px;
    margin: 40px auto;
}
.information_1 {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: url("../images/banner_1.png") 50% no-repeat;
}
.information_2 {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: url("../images/banner_2.png") 50% no-repeat;
}
.information_3 {
    width: 100%;
    height: 300px;
    overflow: hidden;
    background: url("../images/banner_3.png") 50% no-repeat;
}
.school_information_li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    font-size: 15px;
    padding: 15px 0px;
    border-bottom: 1px solid #EEEEEE;
}
.school_information_li>p:hover{
    color: #e45f20;
}
.school_information_li>p{
    width: calc(100% - 180px);
    height: 30px;
    text-align: left;
    color: #333333;
}
.school_information_li2{
    width: 450px;
    margin: 20px 0px;
    height: 96px;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    color: #333333;
}
.school_timetable{
    width: 100%;
    max-height: 1000px;
    overflow-y: auto;
}
.school_timetable_1{
    width: 750px;
    min-height: 180px;
    background: url("../images/school_bg8.png");
    overflow: hidden;
    margin-top: 20px;
    padding: 20px 0px;
}
.school_timetable_title{
    padding: 10px 20px;
    background-color: #e45f20;
    border-radius: 0px 20px 20px 0px;
    color: #ffffff;
}
.school_timetable_info{
    width: calc(100% - 40px);
    padding: 20px;
    overflow: hidden;
    text-align: left;
}
.school_timetable_time{
    color: #e45f20;
    font-size: 15px;
    padding-left: 30px;
    width: calc(100% - 30px);
    background: url("../images/school_5.png") 0% 50% no-repeat;
}
.school_timetable_notice{
    width: 100%;
    height: auto;
    color: #333333;
    margin-top: 15px;
    overflow: hidden;
}
.school_timetable_notice_1{
    font-weight: bold;
    font-size: 15px;
}
.school_timetable_notice_2{
    width: calc(100% - 80px);
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
}
.school_information_lists{
    width: 350px;
    height: auto;
    overflow: hidden;
    text-align: left;
}
.school_information_li3{
    padding: 15px 0px;
    border-bottom: 1px solid #efefef;
}
.school_information_li3:hover.school_information_li3>h4{
    color: #e45f20;
}
.school_information_li3>h4{
    width: calc(100% - 13px);
    padding-left: 13px;
    height: 16px;
    line-height: 16px;
    font-size: 15px;
    color: #333333;
    background: url("../images/school_6.png") 0% 50% no-repeat;
}
.school_information_li3>p{
    margin-top: 10px;
    font-size: 14px;
}
/* 学校样式 — END */
/* 服务 — START */
.service_ul{
    width: 1230px;
    padding-bottom: 50px;
}
.service_ul:after{ content: ""; display: block; height: 0; overflow: hidden; clear: both; visibility: hidden; }
.server-banner{
    width: 1200px;
    margin: 0 auto 40px;
    height: 300px;
    overflow: hidden;
}
.server-banner img{
    margin-left: -360px;
}
.server-module-title{
    width: 80%;
    margin: 0 auto 30px;
}
.server-module-title h4{
    font-size: 22px;
    font-weight: bolder;
    color: #222;
    line-height: 38px;
}
.d-under-line{
    width: 80px;
    height: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #e45f20;
}
.server-module-main{
    width: 100%;
    height: auto;
    background: url("../images/service/body-bot-bg.png") left bottom no-repeat;
    background-size: contain;
}
.server-module-main>.base_box{
    overflow: visible;
}
.service{
    width: 392px;
    height: 210px;
    text-align: center;
    overflow: hidden;
    margin: 0 12px 12px 0;
    font-size: 24px;
    color: #ffffff;
    line-height: 100px;
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
    box-shadow: 0 0 5px 1px rgba(0,0,0,.05);
    background: url("../images/service/server-module-bg.png") center center no-repeat;
    background-size: contain;
    -moz-transition: all .1s;
    -webkit-transition: all .1s;
    transition: all .1s;
}
.service:nth-child(3n){
    margin-right: 0;
}
.service:hover{
    -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.2);
}
.service a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.service img{
    width: 38px;
    height: 38px;
    margin: 30px auto 16px;
}
.service h5{
    width: 80%;
    font-size: 24px;
    color: #222;
    font-weight: bolder;
    line-height: 38px;
    margin: 0 auto 16px;
}
.service p{
    width: 80%;
    font-size: 15px;
    color: #565656;
    line-height: 24px;
    margin: 0 auto;
}
.service_r,
.service_r>img{
    width: 900px;
    height: auto;
    overflow: hidden;
}
.service_r_1{
    /*width: 868px;
    border: 1px solid #E8E8E8;*/
    height: auto;
    overflow: hidden;
    padding: 20px 15px;
	margin-top:30px;
}
.service_r_class{
    width: calc(100% - 30px);
    padding: 10px 15px;
    background-color: #F9F9F9;
    overflow: hidden;
    margin: 25px 0px;
}
.service_r_class>li{
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    width: 100px;
    line-height: 30px;
    cursor: pointer;
    margin-right: 20px;
}
.service_r_class>li:hover,.service_r_class>li.active{
    color: #ffffff;
    background-color: #232F3D;
    border-radius: 3px;
}
.service_r_2{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 15px auto;
}
.service_r_2_1{
    color: #333333;
    font-size: 14px;
    line-height: 36px;
    width: 90px;
    padding-left: 20px;
    text-align: left;
    font-weight: bold;
}
/* 右侧表单中的单选样式 start */
.service_r_2 .radio_box>label{
    margin: 8px 30px 0 0;
    font-size: 14px;
    cursor: pointer;
}
.service_r_2 .radio_box>label>input {
    margin-right: 8px;
    cursor: pointer;
}
/* 右侧表单中的单选样式 end */
.service_r_2_2{
    width: 450px;
    height: 36px;
    line-height: 34px;
    padding: 0px 15px;
    border: 1px solid #E8E8E8;
}
.service_tip{
    width: calc(100% - 115px);
    padding-left: 115px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    text-align: left;
}

.service_box{
    margin: 0 auto;
}
.service_l{
    width: 280px;
    height: auto;
    overflow: hidden;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    background-color: #F9F9F9;
    text-align: left;
}
.service_l li{
    margin: 10px 0px;
    padding-left: 109px;
    width: 171px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
}
.service_l_1{
    background: url("../images/service_11.png") 64px 50% no-repeat;
}
.service_l_1.active,.service_l_1:hover{
    color: #ffffff;
    background: url("../images/service_11x.png") 64px 50% no-repeat #e45f20;
}
.service_l_2{
    background: url("../images/service_12.png") 64px 50% no-repeat;
}
.service_l_2.active,.service_l_2:hover{
    color: #ffffff;
    background: url("../images/service_12x.png") 64px 50% no-repeat #e45f20;
}
.service_l_3{
    background: url("../images/service_13.png") 64px 50% no-repeat;
}
.service_l_3.active,.service_l_3:hover{
    color: #ffffff;
    background: url("../images/service_13x.png") 64px 50% no-repeat #e45f20;
}
.service_l_4{
    background: url("../images/service_14.png") 64px 50% no-repeat;
}
.service_l_4.active,.service_l_4:hover{
    color: #ffffff;
    background: url("../images/service_14x.png") 64px 50% no-repeat #e45f20;
}
.service_l_5{
    background: url("../images/service_15.png") 64px 50% no-repeat;
}
.service_l_5.active,.service_l_5:hover{
    color: #ffffff;
    background: url("../images/service_15x.png") 64px 50% no-repeat #e45f20;
}
.service_l_6{
    background: url("../images/service_16.png") 64px 50% no-repeat;
}
.service_l_6.active,.service_l_6:hover{
    color: #ffffff;
    background: url("../images/service_16x.png") 64px 50% no-repeat #e45f20;
}
.service_l_7{
    background: url("../images/service_17.png") 64px 50% no-repeat;
}
.service_l_7.active,.service_l_7:hover{
    color: #ffffff;
    background: url("../images/service_17x.png") 64px 50% no-repeat #e45f20;
}
.service_l_8{
    background: url("../images/service_18.png") 64px 50% no-repeat;
}
.service_l_8.active,.service_l_8:hover{
    color: #ffffff;
    background: url("../images/service_18x.png") 64px 50% no-repeat #e45f20;
}
.service_r_3{
    width: calc(100% - 153px);
    height: auto;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #E8E8E8;
    text-align: left;
}
.service_r_3_add{
    color: #e45f20;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}

.service_r_3_3{
    font-size: 16px;
    color: #e45f20;
    padding-left: 30px;
    width: 150px;
    margin: auto;
    cursor: pointer;
    background: url("../images/service_19.png") 0% 50% no-repeat;
}
.service_r_3_4{
    width: calc(100% - 143px);
    height: 146px;
    line-height: 34px;
    padding: 10px 15px;
    border: 1px solid #E8E8E8;
    overflow: hidden;
    position: relative;
    font-size: 14px;
}
.service_r_3_4_1{
    line-height: 24px;
    resize:none;
    border: none;
    outline: none;
    height: 126px;
    width: 100%;
    overflow: hidden;
    text-align: justify;
}
.service_r_3_4_2{
    width: 100px;
    text-align: right;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.service_r_btn,button.btn{
    height: 46px;
    line-height: 46px;
    width: 135px;
    border-radius: 6px;
    color: #ffffff;
    font-size: 16px;
    background-color: #e45f20;
	text-align:center;
	border:none;
	display:block;
	margin:0 auto;
	cursor:pointer;
}
.service_r_4{
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    color: #595959;
    text-align: justify;
}
.service_r_4_1{
    width: 80px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    background-color: #e45f20;
    color: #ffffff;
    margin-top: 20px;
}
.service_r_4_1.active{
    background-color: #F9F9F9;
    color: #333333;
}
.service_r_4_2{
    margin-top: 20px;
}
.service_r_5{
    width: calc(100% - 2px);
    border: 1px solid #E8E8E8;
    height: auto;
    overflow: hidden;
}
.service_r_6{
    width: calc(100% - 45px);
    padding: 0px 30px 0px 15px;
    text-align: left;
    color: #333333;
    font-size: 15px;
    background: url("../images/book_1.png") calc(100% - 15px) 50% no-repeat;
    line-height: 56px;
    height: 56px;
    border-bottom: 1px solid #E8E8E8;
}
.service_r_6:hover{
    color: #e45f20;
}
.service_r_2_3{
    width: 450px;
    height: 36px;
}
.service_r_2_3>span{
    width: 90px;
    height: 32px;
    line-height: 32px;
    background-color: #F9F9F9;
    color: #333333;
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
}
.service_r_2_3>span.active,.service_r_2_3>span:hover{
    background-color: #e45f20;
    color: #ffffff;
}

.distributor_title {
    justify-content: space-between;
    margin-bottom: 20px;
}

.service_r_7box{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.service_r_7{
    box-sizing: border-box;
    width: 285px;
    height: 176px;
    background: #fff;
    border: 2px solid #A3736E;
    box-shadow: 0 2px 8px 1px rgba(44, 77, 64, 0.1);
    padding: 6px;
    margin: 20px 20px 20px 0;
}

.service_r_7:nth-child(4n) {
    margin-right: 0;
}

.service_r_7_1{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 1px solid #A3736E;
    padding: 12px;
}
.service_r_7_2{
    padding: 5px 15px 5px 39px;
    background: url("../images/service_22.png") 8px 50% no-repeat #C8ABA8;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0 20px 20px 0;
    height: 20px;
}
.service_r_7_3{
    width: 100%;
    height: auto;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
    margin: 40px 0px 0;
    font-size: 12px;
    color: #333333;
}
.service_r_7_3_1{
    font-size: 16px;
}
.shh-reply-box{
    width: 816px;
    padding: 20px;
    height: auto;
    margin-top: 66px;
    background: #FAF8FA;
    text-align: left;
}
.shh-reply-title{
    font-size: 18px;
    color: #000;
    line-height: 36px;
    margin-bottom: 10px;
}
.shh-reply-txt{
    font-size: 14px;
    color: #918F91;
    line-height: 28px;
    text-align: justify;
}
/* 服务 — END */

/* 经销商banner start */
.service_top {
    width: 1200px;
    height: 420px;
    margin: 0 auto 40px;
    overflow: hidden;
}

.pcv1_banner_box {
    margin: 0;
    width: 750px;
    height: 100%;
    overflow: hidden;
}

.pcv1_banner_box .slider_one_big_picture,
.pcv1_banner_box .slider_one_big_picture>div>a.img-banner>img {
    width: 100%;
    min-width: 100%;
    height: 100%;
}

/* banner处，非轮播图的图片样式 start */
.pcv1_banner_box .pcv1_unbanner_img_box,
.pcv1_banner_box .pcv1_unbanner_img_box>img{
    width: 100%;
    height: 100%;
}
/* banner处，非轮播图的图片样式 end */

.pcv1_banner_box .nav_indicators ul li {
    width: 30px;
    height: 2px;
    background: rgba(255, 255, 255, .5);
    border-radius: 2px;
    border: 0;
    overflow: hidden;
}

.pcv1_banner_box .nav_indicators ul li.active {
    width: 30px;
    height: 2px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 0;
    overflow: hidden;
}

.pcv1_banner_box .prev_button,
.pcv1_banner_box .next_button {
    width: 32px !important;
    height: 40px !important;;
    overflow: hidden;
    border: 0 !important;
    border-radius: 0;
}
.pcv1_banner_box .prev_button {
    margin-left: 0 !important;
}

.pcv1_banner_box .next_button {
    margin-right: 0 !important;
    left: -webkit-calc(100% - 8px) !important;
    left: -moz-calc(100% - 8px) !important;
    left: calc(100% - 8px) !important;
}

.pcv1_banner_box .prev_button:after,
.pcv1_banner_box .next_button:after {
    content: none;
}

.pcv1_banner_box .prev_button {
    background: transparent url("../images/prev.png") center center no-repeat !important;
}

.pcv1_banner_box .next_button {
    background: transparent url("../images/next.png") center center no-repeat !important;;
}
/* 经销商banner end */

/* 经销商 - 书目下载 start */
.service_book_download {
    box-sizing: border-box;
    width: 450px;
    height: 100%;
    padding: 20px;
    background: #fff;
}

.service_book_download .pcv1_title_18 {
    width: 78px;
    margin: 0 0 12px 0;
    text-align: left;
}

.pcv1_book_down_ul {
    height: -webkit-calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: calc(100% - 40px);
    overflow: auto;
}

.pcv1_book_down_ul .book_down_li {
    padding: 0;
    width: 100%;
    height: 66px;
    background: #fff;
    /*cursor: pointer;*/
    border-bottom: 1px solid #ededed;
}

.pcv1_book_down_ul .book_down_li:nth-child(even) {
    background: #fff;
}

.pcv1_book_down_ul .book_down_li:last-child {
    border-bottom: 0;
}

.pcv1_book_down_ul .book_down_li .book_down_img {
    width: 30px;
    height: 30px;
    margin: 0;
}

.pcv1_book_down_ul .book_down_li:hover>p {
    /*color: #e45f20;*/
}

.pcv1_book_down_ul .book_down_li>p {
    width: -webkit-calc(100% - 74px);
    width: -moz-calc(100% - 74px);
    width: calc(100% - 74px);
    height: auto;
    margin: 0 12px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.pcv1_book_down_ul .book_down_li .book_down_img_1 {
    margin: 0;
}
/* 经销商 - 书目下载 end */

/* 学习中心 — START */
.study_top{
    width: 100%;
    height: 180px;
    overflow: hidden;
    background: url("../images/study_bg.png") 50% no-repeat;
}
.study_top_box{
    width: 1200px;
    height: 48px;
    line-height: 48px;
    border-radius: 6px 6px 0px 0px;
    background-color: rgba(0,0,0,0.4);
    margin: 132px auto 0px;
    color: #ffffff;
    font-size: 16px;
    overflow: hidden;
}
.study_top_nav{
    padding: 0px 30px;
    cursor: pointer;
}
.study_top_nav.active,.study_top_nav:hover{
    background-color: #00A65B;
}
.study_top_nav>img{
    margin-right: 10px;
}
.study_1{
    width: 1120px;
    padding: 0px 40px;
    background-color: #ffffff;
    margin: auto;
    position: relative;
}
.study_1_li,.study_2_li{
    width: 100%;
    padding: 15px 0px;
    height: 66px;
    border-bottom: 1px solid #E8E8E8;
    overflow: hidden;
    font-size: 14px;
    color: #333333;
    text-align: left;
}
.study_1_li>section{
    width: 50px;
    height: 66px;
    overflow: hidden;
}
.study_1_li>section>img{
    width: 100%;
}
.study_1_li>p{
    width: calc(100% - 240px);
    padding: 0px 20px;
    line-height: 66px;
}
.study_1_li>a{
    margin-top: 20px;
}
.study_2_li_img{
    margin-top: 10px;
    width: 46px;
    height: 46px;
    border: 1px solid #E8E8E8;
    overflow: hidden;
    border-radius: 50%;
}
.study_2_li_btn{
    width: 118px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e45f20;
    color: #e45f20;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    margin-top: 13px;
}
.study_2_li_btn.active{
    background-color: #e45f20;
    color: #ffffff;
    margin: 13px 0px 0px 20px;
}
.study_2_li>p{
    width: calc(100% - 400px);
    padding: 0px 20px;
    line-height: 66px;
}
/* 学习中心 — END */
/* 文章详情 — START */
.article_box{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url("../images/article_1.png") center 130px;
    background-size: contain;
}
.article_content{
    width: 1200px;
    height: auto;
    /*overflow: hidden;*/
    color: #333333;
}
.article_content>h3{
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    margin: 30px auto;
    overflow: hidden;
}
.article_content_1{
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    width: 1200px;
    border-bottom: 1px solid #EEEEEE;
}
.article_content_1>span{
    margin-right: 30px;
}
.article_content_2{
    width: calc(100% - 20px);
    padding: 40px 10px;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    min-height: 400px;
    text-align: justify;
}
.article_content_3{
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    height: 24px;
    margin: 30px auto;
    overflow: hidden;
}
.article_content_3>a{
    color: #333333;
}
.article_content_3>a:hover{
    color: #e45f20;
}
.article_content_4{
    position: relative;
    background: url("../images/nav_9.png") 0% 12px no-repeat;
}
/* 文章 — END */
/* 微课购买弹窗 — START */
.tc_wk{
    width: 621px;
    height: 566px;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 2px;
    z-index: 5;
    position: fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
}
.tc_wk_1{
    padding-top: 30px;
    width: 100%;
    height: 105px;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden;
    background: url("../images/wk_1.png") no-repeat;
    position: relative;
}
.tc_wk_close{
    position: absolute;
    top: 10px;
    right: 10px;
}
.tc_wk_2{
    color: #F74626;
    font-size:16px;
}
.tc_wk_3{
    width: calc(100% - 60px);
    height: auto;
    padding: 30px;
    overflow: hidden;
}
.tc_wk_3>h4{
    font-size: 18px;
    text-align: left;
}
.tc_wk_3_1{
    width: calc(100% - 32px);
    padding: 0px 15px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #F74626;
    background-color: #FFF8F7;
    font-size: 14px;
    color: #333333;
    border-radius: 4px;
    margin: 20px auto;
}
.tc_wk_3_1>p{
    width: calc(100% - 60px);
    height: 60px;
    overflow: hidden;
    text-align: left;
}
.tc_wk_3_1>span{
    width: 60px;
    text-align: right;
    color: #F74626;
}
.tc_wk_btn{
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    background-color: #F74626;
    font-size: 18px;
}
.tc_wk_4{
    width: 100%;
    height: 120px;
    margin: 20px auto;
    overflow: hidden;
}
.tc_wk_4>li{
    width: 258px;
    height: 70px;
    padding: 24px 0px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    color: #333333;
}
.tc_wk_4>li.active,.tc_wk_4>li:hover{
    background: #FFF8F7;
    border: 1px solid #F74626;
}
.tc_video{
    width: 760px;
    height: 430px;
    border-radius: 2px;
    z-index: 5;
    position: fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
}
.tc_video>video{
    width: 100%;
    max-height: 430px;
    overflow: hidden;
    /*background-color: #282728;*/
    background-color: rgba(40,39,40,0.7);
}
.tc_video_close{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: url("../images/wk_5.png") 50% no-repeat rgba(0,0,0,0.9);
    position: absolute;
    right: -40px;
    top: -20px;
}
/* 微课购买弹窗 — END */
/*旧版补充 — START */
.resource_ul_box{
    width: 1300px;
    height: auto;
    overflow: hidden;
}
.resource_book_li{
    width: 224px;
    height: 340px;
    margin: 20px 20px 0px 0px;
    overflow: hidden;
}
.resource_book_1{
    width: 222px;
    height: 270px;
    border: 1px solid #EEEEEE;
    overflow: hidden;
}
.resource_book_1_img{
    max-height: 270px;
    overflow: hidden;
    width: auto;
}
.resource_book_2{
    line-height: 28px;
    font-size: 14px;
    width: 204px;
    text-align: left;
    padding: 10px;
    color: #333333;
}
.teacher_top{
    width: 100%;
    height: 400px;
    background: url("../images/teacher_bg.png") 50% no-repeat;
    overflow: hidden;
}
.teacher_detail_top{
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.teacher_top>h3{
    width: 784px;
    height: 48px;
    font-size: 50px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 48px;
    text-shadow: 0px 4px 0px #0A8B58;
    margin: 127px auto 38px;
}
.teacher_top>section{
    width: 751px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(255, 255, 255, 0.2) 40%,
            rgba(255, 255, 255, 0.3) 50%,
            rgba(255, 255, 255, 0.2) 60%,
            rgba(0, 0, 0, 0) 100%);
    margin: auto;
}
.teacher_title{
    width: 100%;
    font-size: 22px;
    color: #333333;
    margin: 50px auto 30px;
    text-align: left;
}
.teacher_introduce{
    width: calc(100% - 40px);
    height: auto;
    overflow: hidden;
    background-color: #F9F9F9;
    padding: 20px;
    text-align: justify;
}
.teacher_audition,.teacher_audition>video{
    width: 780px;
    height: 400px;
    overflow: hidden;
}
.teacher_evaluate{
    width: 400px;
    height: auto;
    overflow: hidden;
}
.teacher_evaluate_ul{
    width: 378px;
    height: 398px;
    border-radius: 8px;
    overflow: auto;
    padding: 0px 10px;
    border: 1px solid #CCCCCC;
}
.teacher_evaluate_ul>li{
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 0px;
    height: auto;
    color: #333333;
    overflow: hidden;
}
.teacher_evaluate_1{
    width: 80px;
    height: 92px;
    font-size: 14px;
    line-height: 42px;
    overflow: hidden;
}
.teacher_evaluate_1>img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}
.teacher_evaluate_2{
    width: calc(100% - 90px);
    height: 90px;
    overflow: hidden;
}
.teacher_evaluate_2>div{
    height: 66px;
    line-height: 22px;
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    text-align: justify;
}
.teacher_evaluate_2>p{
    font-size: 14px;
    text-align: left;
    margin-top: 5px;
}
.teacher_margin{
    margin-bottom: 10px;
}
.resource_teacher_li{
    width: 285px;
    height: 371px;
    overflow: hidden;
    border-radius: 8px 8px 0px 0px;
    margin: 20px 20px 0px 0px;
    position: relative;
}
.resource_teacher_li>img{
    width: 285px;
    height: 371px;
    overflow: hidden;
}
.resource_teacher_1{
    width: calc(100% - 30px);
    padding: 10px 15px;
    border-radius: 12px 12px 0px 0px;
    background: #000000;
    opacity: 0.6;
    position: absolute;
    color: #ffffff;
    top: 296px;
}
.resource_teacher_1>h4{
    font-size: 22px;
}
.resource_teacher_1>p{
    font-size: 14px;
    line-height: 32px;
}
.resource_teacher_2{
    font-size: 12px;
    line-height: 22px;
    height: 88px;
    width: 100%;
    overflow: hidden;
    text-align: justify;
    display:-webkit-box;
    text-overflow:ellipsis;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}
.resource_teacher_li:hover .resource_teacher_1{
    top: 202px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/*旧版补充 — END */
/* 购买协议弹窗 — START */
.tc_cagreement{
    width: 800px;
    height: 500px;
    padding: 20px;
    background-color: #ffffff;
    overflow: auto;
    border-radius: 2px;
    z-index: 5;
    position: fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
}
.tc_cagreement_box{
    width: 100%;
    color: #333333;
    height: auto;
    margin: auto;
}
.tc_cagreement_h{
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}
.agreement_content{
    text-align: justify;
    font-size: 14px;
    line-height: 26px;
}
.agreement_h3{
    font-size: 18px;
    text-align: left;
    margin: 10px 0px;
}
.agreement_btn{
    height: 40px;
    margin: 20px auto;
}
.agreement_btn>span{
    border: 1px solid #e45f20;
    color: #e45f20;
    font-size: 14px;
    padding: 5px 15px;
    margin: 0px 10px;
}
.agreement_btn>span.active{
    background-color: #e45f20;
    color: #ffffff;
}
/* 购买协议弹窗 — END */
/* 资料下载弹窗 — START */
.tc_down{
    width: 447px;
    height: 319px;
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 2px;
    z-index: 5;
    position: fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
}
.tc_down_bg{
    width: 100%;
    padding-top: 70px;
    height: 80px;
    overflow: hidden;
    background: url("../images/down_bg.png") no-repeat;
}
.tc_down_box{
    width: 300px;
    height: 4px;
    background-color: #F6F6F6;
    margin: 30px auto 0px;
    position: relative;
}
.tc_down_box_1{
    height: 4px;
    background-color: #C6FFE8;
}
.tc_down_box_2{
    width: 30px;
    color: #e45f20;
    text-align: center;
    position: absolute;
    font-size: 14px;
    top: -21px;
}
.tc_down_box_2_0{
    width: 8px;
    height: 8px;
    background-color: #e45f20;
    border-radius: 50%;
    display: block;
    margin-left: 11px;
}
.tc_down_box_2_1{
    width: 38px;
    height: 16px;
    line-height: 14px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #e45f20;
    color: #ffffff;
    border-radius: 7px;
    position: absolute;
    top: -6px;
    left: -19px;
}
.tc_down_box_2_2{
    color: #999999;
    font-size: 12px;
    text-align: right;
    position: absolute;
    right: 0;
    top: -20px;
}
.tc_down_p{
    width: 100%;
    font-size: 18px;
    color: #333333;
    margin: 25px 0px;
    font-weight: bold;
}
.tc_down_btn{
    width: 160px;
    height: 34px;
    overflow: hidden;
}
.tc_down_btn_1{
    font-size: 16px;
    width: 68px;
    height: 28px;
    line-height: 28px;
    border-radius: 25px;
    color: #e45f20;
    border: 1px solid #e45f20;
    margin: 0px auto;
}
.tc_down_btn_1.active{
    background-color: #e45f20;
    color: #ffffff;
}
/* 资料下载弹窗 — END */
/* 服务新增书目清单选择窗口 — START */
.service_book_btn_1{
    padding: 3px 15px;
    background-color: #e45f20;
    color: #ffffff;
    margin: 8px auto;
    font-size: 14px;
    border-radius: 4px;
}
.service_book_lists{
    width: 970px;
    height: 560px;
    overflow: hidden;
    position: fixed;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -webkit-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    border: 2px solid #253547;
    background-color: #ffffff;
    z-index: 5;
}
.service_book_list_t{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    background-color: #253547;
    color: #ffffff;
    position: relative;
}
.service_book_list_t>img{
    position: absolute;
    right: 10px;
    top: 15px;
}
.service_book_list{
    width: 940px;
    height: 480px;
    padding: 15px;
    overflow: hidden;
}
.service_book_list>img{
    margin-top: 230px;
}
.service_book_list_l{
    width: 520px;
    height: 460px;
    padding: 10px;
    background-color: #F9F9F9;
}
.service_books{
    width: 100%;
    height: 360px;
    margin-top: 20px;
    overflow: auto;
    text-align: left;
}
.service_books_ul{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.service_books_ul>li{
    background-color: #ffffff;
    font-size: 14px;
    height: 40px;
    width: calc(100% - 10px);
    padding: 0px 5px;
    margin-bottom: 10px;
}
.service_books_a{
    width: 440px;
    height: 40px;
    line-height: 40px;
    color: #253547;
    display: inline-block;
}
.service_book_list_r{
    width: 340px;
    height: 460px;
    padding: 10px;
    background-color: #F9F9F9;
    overflow: auto;
}
.service_book_default{
    width: 100%;
    text-align: center;
    margin: 110px auto;
    font-size: 20px;
    line-height: 80px;
}
.service_book_ul{
    width: 100%;
    height: auto;
    color: #333333;
    font-size: 14px;
}
.service_book_ul>li{
    width: calc(100% - 20px);
    height: auto;
    padding: 10px;
    border-radius: 2px;
    margin-top: 10px;
    background-color: #ffffff;
}
.service_book_img{
    margin-top: 5px;
}
.service_book_ul>li>p{
    line-height: 20px;
    text-align: justify;
}
.service_book_num{
    width: 50px;
    border: 1px solid #e45f20;
}
.service_book_section{
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}
/* 服务新增书目清单选择窗口 — END */
/* 书目下载新增下载弹窗 */
.shh-mask{
    top: 0;
    left: 0;
    display: none;
}
.book_down_tc{
    width: 750px;
    height: 410px;
    overflow: auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    margin: -225px 0 0 -375px;
}
.book_down_tc .lc_item_tc_h{
    font-size: 18px;
    color: #000;
    height: 64px;
    line-height: 64px;
    font-weight: bolder;
    padding-top: 0;
}
.book_down_tc .lc_item_tc_close{
    top: 26px;
    right: 20px;
}
.book_down_tc .service_r_5{
    height: 344px;
    overflow: auto;
}

/* 暂时缺货样式 */
.resource_book_4 .no-goods,
.no-goods {
    width: 128px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 2px 10px;
    background: #f6a93c;
    color: #fff;
    cursor: not-allowed;
    border: none;
    user-select: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* 默认弹窗样式设置 start */
#mb_btn_no {

}

#mb_btn_no:hover {
    background: #666;
}
/* 默认弹窗样式设置 end */

/* 补充教材练习样式 start */
.practice-select {
    position: relative;
    width: 90px;
    padding: 0 20px 10px 0 !important;
}

.practice-select:before {
    position: absolute;
    top: 24px;
    right: 30px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid #c1c1c1;
    border-bottom: 0;
}

.practice-select.active {
    padding-right: 45px;
}

.practice-select.active:before {
    right: 30px;
    border-top: 5px solid #e45f20;
}

/* 图书详情中教材练习切换 start */
.shh-book-tab {
    overflow: initial;
}

.practice-select-box {
    position: relative;
}

.practice-option-box {
    position: absolute;
    top: 50px;
    left: 0;
    padding: 0 0 10px 0;
    width: auto;
    background: #fff;
    box-shadow: 0 3px 8px 0 #e2efe8;
}

.practice-option-box li a {
    display: block;
    padding: 0;
    width: 110px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
}

.practice-option-box li:hover {
    cursor: pointer;
    color: #0fc29a;
}
/* 图书详情中教材练习切换 end */

/* 学习中心教材练习切换 start */
.book_practice_tab {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f9f9f9;
    justify-content: flex-start;
}

.book_practice_tab>div {
    margin: 0 20px;
    width: auto;
    padding: 30px 0 12px;
    font-size: 14px;
    font-weight: bolder;
    color: #787878;
    cursor: pointer;
}

.book_practice_tab>div:hover {
    color: #e45f20;
}

.book_practice_tab>div.active {
    color: #e45f20;
    border-bottom: 3px solid #e45f20;
}
/* 学习中心教材练习切换 end */

/* 补充教材练习样式 end */

/* pc一期改版页面公用样式 start */
/* 页面背景色 */
.inner_1200 {
    width: 1200px;
    margin: 0 auto;
}
.bg_f3f5f9 {
    background: #f3f5f9;
    padding: 50px 0;
}
.bg_fff {
    background: #fff;
}

/* 外边距 */
.m_t_40 {
    margin-top: 40px;
}

/* 鼠标移入图片，图片放大效果 start */
.img_hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
}

.img_hover:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
/* 鼠标移入图片，图片放大效果 end */

/* tab 切换 */
.tab_item {
    display: none;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tab_item:first-child {
    display: flex;
}

/* 大标题 start */
.pcv1_title {
    margin-right: 30px;
    font-size: 24px;
    color: #000;
    max-width: 100px;
    line-height: 34px;
    text-align: left;
}

.pcv1_title_18 {
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.pcv1_title_bg {
    display: block;
    width: 100%;
    height: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: rgba(255, 181, 75, .2);
    margin-top: -12px;
}

.pcv1_title_18 .pcv1_title_bg {
    background: rgba(255, 181, 75, .2);
}
/* 大标题 end */

/* 搜索框样式2 start */
.pcv1_search_box_2 {
    margin: 0;
    box-sizing: border-box;
    width: 540px;
    height: 36px;
    padding: 4px;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0 0 0 3px rgba(255,255,255,.3);
    justify-content: space-between;
}

.pcv1_search_box_2 .pcv1_search_input_2 {
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
}

.pcv1_search_btn {
    display: block;
    font-size: 13px;
    color: #fff;
    background: #e45f20;
    width: 52px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 50px;
    cursor: pointer;
    user-select: none;
}

.pcv1_search_btn:hover {
    background: #16bc75;
}

.pcv1_search_btn_orange {
    background: rgba(255, 153, 0, 1);
}

.pcv1_search_btn_orange:hover {
    background: rgb(241, 139, 0);
}
/* 搜索框样式2 end */

/* 有描边的搜索框样式 start */
.pcv1_search_box_border {
    margin: 40px auto 0;
    box-shadow: none;
    border: 1px solid #e45f20;
}
/* 有描边的搜索框样式 end */

/* 模块标题栏 start */
/* 标题 */
.bg_f3f5f9 .pcv1_module_title {
    margin-bottom: 25px;
    width: 100%;
    height: 34px;
    overflow: hidden;
    align-items: flex-start;
    justify-content: space-between;
}

/* 模块标题后面的标签 start */
.pcv1_module_title_label {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
    white-space: nowrap;
    overflow: hidden;
}

.pcv1_module_title_width_2 {
    width: -webkit-calc(100% - 240px);
    width: -moz-calc(100% - 240px);
    width: calc(100% - 240px);
}

.pcv1_module_title_label>li {
    box-sizing: border-box;
    margin-right: 6px;
    padding: 0 10px;
    width: auto;
    height: 34px;
    font-size: 14px;
    color: #666;
    font-weight: normal;
    text-align: center;
    line-height: 34px;
    border-radius: 6px;
    cursor: pointer;
    overflow: hidden;
}

.pcv1_module_title_label>li:hover{
    color: #e45f20;
}
.pcv1_module_title_label>li.active{
    background: #e45f20;
    color: #fff;
    font-weight: bolder;
}
    /* 模块标题后面的标签 end */

/* 模板标题样式二 start */
/* 右侧标签 start */
.pcv1_module_style2 .pcv1_module_title_label {
    margin: 0;
    width: -webkit-calc(100% - 220px);
    width: -moz-calc(100% - 220px);
    width: calc(100% - 220px);
}
/* 右侧标签 end */

/* 右侧标签为横线的样式 start */
.pcv1_module_title_label_2>li {
    margin-right: 20px;
    width: auto;
    font-size: 18px;
}

.pcv1_module_title_label_2>li.active,
.pcv1_module_title_label_2>li:hover {
    color: #e45f20;
    text-decoration: underline;
    background: transparent;
}
/* 右侧标签为横线的样式 end */
/* 模板标题样式二 end */
/* 模块标题 右侧更多按钮 start */
.pcv1_module_more_btn {
    width: 90px;
    padding-right: 20px;
    text-align: right;
    font-size: 12px;
    line-height: 34px;
    background: url("../images/more_normal.png") 100% 50% no-repeat;
    background-size: 12px 12px;
    color: #999;
}

.pcv1_module_more_btn:hover {
    background: url("../images/more_active.png") 100% 50% no-repeat;
    background-size: 12px 12px;
    color: #e45f20;
}
/* 模块标题 右侧更多按钮 end */
/* 模块标题栏 end */

/* 向下的三角形 start */
.triangle_down {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
/* 向下的三角形 end */
/* pc一期改版页面公用样式 end */

/* pc一期改版 图书列表样式 start */
.pcv1_book_ul>li {
    width: 285px;
    /*height: 292px;*/
    overflow: hidden;
    margin: 20px 20px 0px 0px;
    background-color: #fff;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
}

.pcv1_book_ul>li:nth-child(4n) {
    margin-right: 0;
}

.book_img_box {
    width: 100%;
    padding: 18px 50px 6px;
    /*height: 148px;*/
    overflow: hidden;
    justify-content: center;
    align-content: center;
}

.book_img_box>.book_img {
    max-width: 100%;
    max-height: 100%;
}

.more_list {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/go_more_list.png") center center no-repeat;
}
/* pc一期改版 图书列表样式 end */