.bg_top img{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
a:hover{
    color: #415dab;
}
.teach_top{
    background: #f4f8f9;
    border-radius: 10px;
    box-shadow: 0px 2px 30px 0px rgba(0,0,0,0.10);
    margin-top: -320px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 648px;
}
.session_title{
    overflow: hidden;
    margin-bottom: 22px;
}
.session_title .s_title{
    font-size: 22px;
    font-weight: 600;
    color: #415dab;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 36px;
    display: flex;
    align-items: center;
}

.session_title .s_title .icon-xiangxiajianjiao-shixin {
    display: inline-block;
    cursor: pointer;
}

.session_title .s_tishi{
    height: 30px;
    opacity: 1;
    background: #fff8e1;
    border: 1px solid #ffe3ca;
    border-radius: 4px;
    float: right;
    line-height: 30px;
    font-size: 12px;
    color: #b76e3b;
    letter-spacing: 1px;
    padding: 0 13px;
    font-weight: normal;
}
.session_title .hide_content span.icon-xiangxiajianjiao-shixin{
    transform: rotateX(180deg);
    display: inline-block;
}
.teach_top .teach_left{
    width: 920px;
    padding-left: 20px;
    padding-right: 18px;
    float: left;
    padding-bottom: 20px;
    box-sizing: border-box;
    transition: all 0.3s ease-out;
}
.teach_list .text_over{
    width: 95%;
    box-sizing: border-box;
    line-height: 20px;
    padding: 6px 28px;
    padding-right: 0;
}
.teach_list{
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 2px 20px 0px rgba(65,93,171,0.16);
    overflow: hidden;
    padding: 24px 20px;
    box-sizing: border-box;
}
.teach_list table{
    width: 100%;
}
.teach_list table td,.teach_list table th{
    font-size: 14px;
    color: #1f2633;
    height: 45px;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    position: relative;
}
.teach_list table tr:nth-child(odd){
    background: #f4f6fd;
}
.teach_list table td:first-child,.teach_list table th:first-child{
}

.teach_list .not_open{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.not_open{
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 12px 0;
}
.not_open p{
    margin-bottom: 24px;
}
.not_open p:nth-child(1){
    font-size: 26px;
    color: #333333;
    line-height: 37px;
    letter-spacing: 1px;
}
.teach_btn{
    text-align: center;
    margin-top: 26px;
}
.teach_banner{
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 10px;
}
.teach_banner .v_swiper{
    width: 1220px;
}
.teach_banner .v_swiper_btn{
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    z-index: 10;
    text-align: center;
    --swiper-theme-color:#fff
}
.teach_banner .swiper-slide{
    width: 100%;
    height: 150px;
    background: #415dab;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
body{
    background: #F4F6FD;
}

.teach_r{
    width: 360px;
    background: #fff;
    position: absolute;
    height: 100%;
    right: 0;
    transition: all 0.3s ease-out;
}

.teach_r .tr_top p{
    font-size: 12px;
    color: #415dab;
    line-height: 17px;
}
.teach_r .tr_top {
    font-size: 12px;
    color: #415dab;
    line-height: 17px;
    padding-left: 40px;
    padding-top: 20px;
    height: 110px;
    background: url(../images/bg_r1.png);
    background-size: 100%;
}
.teach_r .tr_top p.t_name{
    font-size: 22px;
    font-weight: 600;
    color: #415dab;
    line-height: 30px;
    letter-spacing: 1px;
    margin-bottom: 13px;
}
.teach_r .tr_model2{
    width: 318px;
    height: 60px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 2px 15px 0px rgba(65,93,171,0.20);
    margin: -15px auto 30px;
    display: flex;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
}
.tr_model2 p{
    width: 244px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: justify;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tr_model2:hover{
    color: #415dab;
}

.tr_model3{
    margin: 12px 32px 4px;
}
.tr_model3 .nav_tri {
	width: 25%;
	text-align: center;
	margin-bottom: 20px;
}
.tr_model3 p:nth-child(1){
    width: 32px;
    height: 32px;
    background: #4e86e6;
    border-radius: 6px;
    opacity: 1;
    color: #ffffff;
    margin: 0 auto;
    margin-bottom: 5px;
    text-align: center;
    line-height: 32px;
}
.tr_model3 p:nth-child(1) span{
    font-size: 22px
}
.tr_model3 p:nth-child(2){
    font-size: 12px;
    line-height: 17px;
}

.tr_msg_list {
    width: 320px;
    background: #f9f9f9;
    border-radius: 10px;
    margin:  0 auto;
    padding: 24px 17px 16px 20px;
    box-sizing: border-box;
}
.tr_msg_list .tr_li .tr_span_over{
    display: inline-block;
    width: 260px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tr_msg_list .tr_li{
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tr_msg_list .tr_li .iconfont{
    font-size: 12px;
}
.tr_msg_list .trmsg_tit{
    margin-bottom: 10px;
}
.tr_msg_list .tr_msg_more{
    font-size: 12px;
    color: #415dab;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 12px;
    display: block;
}
.tr_banner{
    width: 320px;
    height: 90px;
    background: #0f0;
    margin: 30px auto 0;
    border-radius: 8px;
    overflow: hidden;
}
.tr_btn{
    position: absolute;
    top: 40%;
    transition: all 0.3s linear 0.15s;
    left: 0;
}
.tr_btn.toleft{
    left: -18px;
    transform: rotateY(180deg);
}
/**
搜索教材
 */

.index_search{
    padding: 14px 10px 14px 18px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 0px rgba(65,93,171,0.10);
    display: flex;
    box-sizing: border-box;
    margin-top: 24px;
}

.ids_button{
    width: 200px;
    height: 53px;
    background: #415dab;
    border-radius: 6px;
    border: 0;
    color: #ffffff;
}
.ids_button:hover{
    opacity: 1;
}
/**
book
 */

.book_item{
    margin-top: 24px;
}
.book_nav_top{
    display: flex;
}
.book_tit {
	width: 142px;
	height: 47px;
}
.nav_cont{
    display: flex;
	flex-flow: row wrap;
	margin-top: 10px;
    width: 1038px;
}
.nav_cont div{
	height: 30px;
    padding:0px 16px;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    letter-spacing: 1px;
    background: #dfdfdf;
    margin-left: 20px;
	margin-bottom: 10px;
    border-radius: 30px;
    cursor: pointer;
}
.nav_cont div.act,.nav_cont div:hover{
    background: #415dab;
    color: #fff;
}
.book_nav_top a{
    font-size: 16px;
    text-align: left;
    color: #415dab;
    line-height: 22px;
    letter-spacing: 1px;
}
.book_nav_top a:hover{
    color:#FF731B
}
.book_content{
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
}
.book_content .book_items{
    width: 240px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(65,93,171,0.10);
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.book_content .book_items:nth-child(5n){
    margin-right: 0px;
}
.book_items .bk_cover{
    width: 150px;
    height: 210px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin: 12px auto;
    border-radius: 10px;
}
.book_items .bk_cover img{
    height: 100%;
    border-radius: 10px;
}
.book_items .bk_info{
    opacity: 1;
    background: #ffffff;
    box-shadow: 0px -10px 10px -5px rgba(0,0,0,0.08);
    font-size: 12px;
    color: #888888;
    line-height: 17px;
    padding: 12px 16px;
}
.book_items .bk_info p{
    margin-bottom: 8px;
}
.book_items .bk_info p:nth-child(1){
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bk_info .bk_tag{
    line-height: 24px;
    overflow: hidden;
}
.bk_info .bk_tag span{
    padding: 3px 6px 2px;
    background: rgba(65,93,171,0.10);
    border-radius: 2px;
    color: #415dab;
    line-height: 17px;
    margin-right: 7px;
    display: inline-block;
}
.bktn_grp{
    width: 100%;
    height: 143px;
    background: linear-gradient(180deg,rgba(255,255,255,0.11), rgba(255,255,255,0.90) 42%);
    align-items: center;
    padding-left: 24px;
    position: absolute;
    box-sizing: border-box;
    padding-top: 30px;
    transition: transform 0.3s;
    bottom: 0;
    left: 0;
    display: flex;
    transform: translateY(147px);
}
.bktn_grp .cxg_button{
    height: 30px;
    line-height: 30px;
}
.book_items:hover .bktn_grp{
    transform: translateY(0);
}

.iconfont.oked:before {
    content: "\e6ea";
}
.iconfont.oked {
    color: #F08336!important;
}
/**
footer
 */
.container {
    width: 1280px;
    margin: 0 auto;
}
.footerTextColor{
    display: flex;
    padding: 50px 0;
}
.footerTextColor .col-xs-8 p{
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}
.footerTextColor .col-xs-8 .row{
    overflow: hidden;
}
.footerTextColor .col-xs-8 .row div{
    float: left;
    margin-right: 15px;
    line-height: 20px;
    width: 100px;
}
.footerTextColor .footer-logo{
    width: 400px;
    border-right: 1px solid #5b7892;
}
.footer-logo p {
    margin-top: 15px;
    font-size: 16px;
}
/**
footer - end
 */
/**
    index 课程资源
 */
.rces_item{
    width: 170px;
    height: 330px;
    font-size: 12px;
    color: #888888;
    line-height: 17px;
    margin-right: 15px;
    margin-bottom: 24px;
    position: relative;
}
.rces_item:nth-child(7n){
    margin-right: 0;
}
.rces_item p{
    margin-bottom: 10px;
    position: relative;
}
.rces_item p img{
    width: 100%;
    display: block;
}
.rces_item p.rces_name{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 170px;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    letter-spacing: 1px;
}
.rces_item.zy_cxg p{
    margin-bottom: 4px;
}

.rces_item.zy_cxg p .icon{
    display: none;
}
.rces_item .icon{
    width: 27px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 2px;
    display: block;
}

.rces_colect{
    height: 26px;
    opacity: 1;
    background: rgba(0,0,0,0.40);
    border-radius: 6px;
    position: absolute;
    right: 7px;
    top: 7px;
    line-height: 26px;
    font-size: 12px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    padding-right: 10px;
    padding-left: 6px;
    cursor: pointer;
}

/*couser_index 教材选用*/
.course_top{
    padding: 52px 24px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    border-radius: 2px;
    overflow: hidden;
    margin: 20px auto;
    box-sizing: border-box;
}

.course_top .course_tit{
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/icon5.png) no-repeat center;
    width: 315px;
    height: 37px;
    padding-left: 24px;
    background-size: 100% auto;
    line-height: 37px;
    font-size: 16px;
    font-weight: 600;
    color: #415dab;
    letter-spacing: 1px;
    box-sizing: border-box;
}

.course_top .course_desc{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    letter-spacing: 1px;
}
.course_desc span{
    color: #F08336;
    font-size: 20px;
}
.cs_btn{
    margin-top: -18px;
}
.cs_btn .cxg_button{
    border-radius: 2px;
}
/**
course_list
 */
.course_list{
    background-color: #fff;
    margin-bottom: 100px;
}

.c_list_nav{
    border-bottom: 1px solid #e9e9e9;
    font-size: 16px;
    color: rgba(0,0,0,0.65);
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    padding:0 34px ;
    align-items: center;
}
.c_list_nav .nav div{
    float: left;
    line-height: 50px;
    padding-top: 10px;
    margin-right: 40px;
    cursor: pointer;
}
.c_list_nav .nav div:hover{
    color: #415dab;
}
.c_list_nav .nav div.act{
    font-size: 16px;
    color: #415dab;
    border-bottom: 2px solid #415dab;
    margin-bottom: -1px;
}
.c_table{
    margin: 28px 32px;
    padding-bottom: 100px;
}
.c_table table{
    width: 100%;
}
.c_table table td{
    height: 88px;
    vertical-align: middle;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    line-height: 22px;
}
.c_table table tr:nth-child(2){
    border-color: #e2e2e2!important;
}
.c_table table td:nth-child(1),.c_table table th:nth-child(1){
    text-indent: 17px;
}

.c_table table th{
    height: 48px;
    background: #fafafa;
    border-radius: 3px 3px 0px 0px;
    vertical-align: middle;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    color: rgba(0,0,0,0.65);
}
.c_table .ct_book td{
    height: 50px;
    vertical-align: top;
    font-size: 14px;
    color: #333333;
}
.c_table .ct_book td:nth-child(1){
    text-indent: 0;
}
.c_table .ct_book td.th{
    font-size: 14px;
    color: #a6a6a6;
    vertical-align: middle;
}
.c_table .ct_book .book_info{
    line-height: 21px;
    margin-left: 17px;
    margin-top: 8px;
}
.ct_book .book_info .book_name{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 300px;
    font-size: 12px;
}
.ct_book .book_info .book_name:nth-child(1){
    font-size: 16px;
}

.ct_book .book_info .tag_book{
    margin-top: 8px;
    margin-bottom: 14px;
}

.ct_book .book_info .tag_book span{
    display: inline-block;
    padding: 0 12px;
    height: 20px;
    line-height: 20px;
    background: rgba(65,93,171,0.10);
    border-radius: 10px;
    font-size: 12px;
    color: #415dab;
    margin-right: 2px;
}
.ct_book .book_info .tag_book span.zb{
    background: #fff3cc;
    color: #6d4902;
}
.td_black{
    padding-bottom: 20px;
}
.td_black table{
    background-color: #fafafa;
    margin-bottom: 5px;
}
.c_table .book_cover{
    width: 57px;margin-left: 12px;
    margin-top: 10px;
}
.c_table .cxg_link:nth-child(1){
    margin-left: 0;
}
.td_icon1,.td_icon1:hover{
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    padding: 0 10px;
    background: rgba(65,93,171,0.60);
    border-radius: 13px;
    color: #fff;
    display: inline-block;
    cursor: default;
}
.td_icon1.bgred{
    background: #f7a870;
    cursor: pointer;
}
.td_icon1 span{
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 12px;
    text-align: center;
    margin-left: 4px;
}
.td_icon1.bg_pass{
    background: rgba(65,93,171,0.60);;
}
.cxg_tools .cxg_link{
    font-size: 14px;
}
.c_table .look_class{
    font-size: 14px;
    color: #3d65d3;
    margin-bottom: 2px;
   line-height: 22px;
}
.ct_book .class_more{
    display: flex;
    align-items: center;
    color: #3d65d3;
}

.icon_look{
    margin-left: 5px;
    font-size: 16px!important;
}

#class_list table{
    width: 100%;
}
#class_list table th{
    height: 48px;
    background: #fafafa;
    font-weight: normal;
    font-size: 14px;
    color: rgba(0,0,0,0.65);
    text-align: left;
}
#class_list table td{
    height: 48px;
    font-size: 14px;
    color: rgba(0,0,0,0.65);
}
#class_list table td.tctool{
    color: #3d65d3;
}
#class_list table td.tctool span{
    margin-left: 8px;
}
#class_list table tr{
    border-bottom: 1px solid #e9e9e9;
}
#class_list td:first-child,#class_list th:first-child{
    text-indent: 22px;
}

#class_student_list span{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    letter-spacing: 1px;
    margin-right: 24px;
    margin-bottom: 10px;
    display: inline-block;
}
#class_student_list table td{
    vertical-align: top;
    width: 33%;
}
.zanwu_data {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
    letter-spacing: 1px;
}
.zanwu_data .p1{
    font-size: 26px;
    color: #333333;
    line-height: 37px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.zanwu_data .zw_l{
    margin-top: 60px;
    margin-right: 50px;
}
/**
login 登陆
 */
.login_box{
    overflow: hidden;
    width: 100%;
    min-width: 1280px;
    position: relative;
}
.login_bg{
    width: 100%;
    min-width: 1920px;
}
.login{
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    width: 1366px;
    margin: 0 auto;
}

.login img{
}

.login_box .logo{
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}
.login .login_bg2{
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.mz_page{
    width: 100%;
    margin-left: 113px!important;
    margin-top: 68px!important;
}
.mz_page img{
    height: 100%;
}

.login_nav{
    display: flex;
    justify-content: center;
    align-items: center;
}
.login_nav div{
    font-size: 26px;
    color: #7785AF;
    line-height: 48px;
    letter-spacing: 1px;
    margin-right: 70px;
    cursor: pointer;
    position: relative;
}
.login_nav div:last-child{
    margin-right: 0;
}
.login_nav div.act{
    font-size: 30px;
    font-weight: 600;
    color: #3E6AF7;
    line-height: 45px;
    letter-spacing: 1px;

}
.login_nav div.actjh{
    font-size: 30px;
    font-weight: 600;
    color: #3E6AF7;
    line-height: 45px;
    letter-spacing: 1px;
}
.login_nav div.act::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -16px;
    transform: translateX(-50%);
    width: 34px;
    height: 4px;
    background: #3E6AF7;
    border-radius: 2px;
}
.login_form{
    margin: 0 auto;
    margin-top: 70px;
}
.login_form .login_input{
    border-bottom: 1px solid #3E6AF7;
    height: 42px;
    line-height: 42px;
    display: flex;
    margin-bottom: 20px;
    position: relative;
    align-items: center;
}
.login_form .login_input span{
    font-size: 24px;
    color: #3E6AF7;
    letter-spacing: 1px;
    margin-left: 2px;
    display: inline-block;
    width: 24px;
    text-align: center;
}
.login_form .login_input input{
    border: none;
    margin-left: 13px;
    font-size: 20px;
    color: #000000;
    letter-spacing: 1px;
    padding-left: 0;
    height: 40px;
    flex: 1;
    background-color: transparent;
}
.login_form .login_input input::placeholder {
    color: #AAAFBD;
}
.login_button{
    width: 100%;
    height: 56px;
    background: #3E6AF7;
    border-radius: 8px;
    box-shadow: 0px 2px 10px 0px rgba(65,93,171,0.30);
    font-size: 16px;
    color: #ffffff;
    line-height: 56px;
    letter-spacing: 1px;
    border: none;
    margin-top: 24px;
    display: inline-block;
    text-align: center;
    opacity: 0.96;
    margin-bottom: 24px;
}
.login_button:hover {
    opacity: 1;
}   

.login_form .forget_pass{
    margin-top: 16px;
    text-align: right;
}
.login_form .forget_pass a{
    font-size: 16px;
    color: #3E6AF7;
    line-height: 22px;
    letter-spacing: 1px;
    opacity: 0.85;
}
.login_form .forget_pass a:hover{
    color: #3E6AF7;
    opacity:1;
}
.jihuo_ts{
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 48px;
}
.jihuo_ts a{
    font-size: 18px;
    color: #3E6AF7;
    opacity: 0.86;
}
.jihuo_ts a:hover {
    opacity: 1;
}
.login_btns{
    display: flex;
    justify-content: space-between;
}
.login_btns .login_button{
    width: 180px;
}
.login_btns .login_button.btn_default{
    background: #ffffff;
    box-shadow: 0px 2px 10px 0px rgba(65,93,171,0.20);
    color: #3E6AF7;
}

.login_form .login_input span.getcode{
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #3E6AF7;
    letter-spacing: 1px;
    cursor: pointer;
    width: auto;
}
/**
忘记面膜 forget
 */

.forget{
    width: 1280px;
    height: 740px;
    background: #ffffff;
    border-radius: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 170px;
    overflow: hidden;
}

.forget .forget_title{
    font-size: 26px;
    color: #333333;
    line-height: 37px;
    text-align: center;
    margin: 45px auto;
}
.forget_form{
    width: 560px;
    margin: 0 auto;
}
.forget_form .forget_form_item{
    width: 560px;
    height: 50px;
    border: 1px solid #e2e2e2;
    display: flex;
    margin-top: 20px;
}
.forget_form .forget_form_item .forget_iteml{
    width: 360px;
    height: 50px;
    border: 1px solid #e2e2e2;
    display: flex;
}
.forget_form .forget_form_item span{
    width: 60px;
    height: 48px;
    background: #f8faff;
    display: inline-block;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color: rgba(65,93,171,0.5);
}
.forget_form .forget_form_item input{
    width: 480px;
    height: 50px;
    border: none;
    margin-left: 18px;
    padding-left: 0;
}
.forget_form .forget_form_item .forget_button{
    width: 188px;
    height: 50px;
    background: #ffffff;
    border: 1px solid #3E6AF7;
    font-size: 16px;
    color: #3E6AF7;
    line-height: 22px;
    margin-left: 14px;
}
.forget_item_ts{
    font-size: 14px;
    color: #ff6501;
    line-height: 20px;
    margin-left: 74px;
    margin-top: 12px;
}
.forget_msg{
    font-size: 14px;
    color: #a6a6a6;
    line-height: 20px;
}
.forget_msg {
    font-size: 14px;
    color: #a6a6a6;
    line-height: 20px;
    text-align: center;
    margin-top: 70px;
}
.forget_msg span{
    color: #3E6AF7;
}
.form_error{
    height: 30px;
    background: #fff1f0;
    border: 1px solid #ffa39e;
    border-radius: 2px;
    line-height: 28px;
    box-sizing: border-box;
    font-size: 14px;
    color: rgba(0,0,0,0.65);
    margin-top: 6px;
}
.form_error .yuan{
    width: 14px;
    height: 14px;
    background: #ff4d4f;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 17px;
    margin-right: 10px;
    border-radius: 14px;
    line-height: 14px;
    text-align: center;
    margin-top: -2px;
}

/**
    用户设置
 */
.user_info{
    background: #fff;
    padding: 0 46px;
    margin-top: 28px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 20px;
    height: 700px;
    margin-bottom: 43px;
}
.user_nav{
    display: flex;
    margin-top: 48px;
    align-items:baseline;
    padding-bottom: 12px;
}
.user_nav div{
    font-size: 16px;
    color: #333333;
    margin-right: 64px;
    cursor: pointer;
}
.user_nav div.act{
    font-size: 22px;
    color: #415dab;
    position: relative;
}
.user_nav div.act:after{
    width: 100%;
    content: '';
    height: 2px;
    background: #415dab;
    margin-top: 10px;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.user_content{
    display: flex;
    margin-top: 75px;
}
.user_content .user_cleft{
    display: flex;
    font-size: 16px;
    color: #333333;
    line-height: 22px;
    flex-wrap: wrap;
    width: 700px;
}
.user_content .user_cleft .info_item{
    width: 50%;
    margin-bottom: 30px;
}
.user_content .user_cleft span {
    display: inline-block;
    width: 100px;
    text-align: right;
    color: #A6A6A6;
    margin-right: 30px;
}
.user_cleft .chang_phone{
    display: inline-block;
    width: 100px;
    height: 34px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    font-size: 14px;
    color: rgba(0,0,0,0.65);
    margin-left: 10px;
}
.user_content .user_cright{
    margin-left: 200px;
}
.user_content .user_cright .user_header{
    width: 160px;
    height: 160px;
    background: #ebf0ff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    cursor: pointer;
}
.user_header p{
    font-size: 16px;
    text-align: center;
    color: #415dab;
    width: 100%;
    margin-top: 22px;
}

.user_form{
    width: 640px;
}

.user_form .user_form_item label{
    width: 90px;
    text-align: right;
    margin-right: 30px;
    display: inline-block;
}
.user_form .user_form_item {
    margin-bottom: 20px;
}
.user_form .user_form_item input{
    width: 500px;
    height: 50px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 2px;
    text-indent: 12px;
}
.user_form_item span{
     font-size: 14px;
     color: #ff6501;
     line-height: 20px;
     margin-left: 120px;
}
.teacher_class_list input{
    height: 39px!important;
}
.teacher_class_list >div{
    padding: 0 5px!important;
}
.teacher_class_list .select2-container--default .select2-selection--single{
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.teacher_class_list .select2-container--default .select2-selection--single:hover{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
}

.jifen_tag{
    padding: 4px 14px;
    background: linear-gradient(342deg,#fff7c2 7%, #fddc89 90%);
    border-radius: 100px;
    font-size: 12px;
    text-align: left;
    color: #723f1d;
    line-height: 17px;
    margin-right: 18px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.jifen_tag:hover .c_child_ul{
    display: block;
}
/**
出版社首页
 */