@charset "UTF-8";
/***********************个人中心 start**************************/
.head_top{
    position:relative;
    width:100%;
    height:200px;
    overflow:hidden;
}
.head_nav{
    position:fixed;
    top:0;
    width:100%;
    height:200px;
    background:url("../images/personal_bg.png") no-repeat center;
    background-size:100% 100%;
}
.head_nav .logo2{
    width:78px;
    height:20px;
    margin:10px 0 0 10px;
}
.head_nav span{
    position:absolute;
    z-index:999;
    left:0;
    margin-top:64px;
    width:100%;
    height:36px;
    color:#fff000;
    font-size:2rem;
    text-align: center;
}
.head_nav span img{
    height:36px;
}
@media (max-width:335px){
    .head_top,.head_nav{
        height:160px;
    }
    .head_nav span{
        margin-top:45px;
    }
    .head_nav span img{
        height:30px;
    }
}

.head_message{
    position:relative;
    width:92%;
    background:#fff;
    border-radius:5px;
    margin:-60px auto 0;
    overflow:hidden;
}
.head_message span{
    position:absolute;
    top:10px;
    left:15px;
    width:80px;
    height:80px;
    border-radius:50%;
    overflow:hidden;
}
.head_message span img{
    width:100%;
}
.head_nr{
    width:100%;
    padding:20px 15px 20px 110px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.head_nr h2,.head_nr p{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:1.5rem;
    overflow:hidden;
}

.personal_nav{
    width:92%;
    margin:15px auto 0;
    overflow:hidden;
}
.personal_list{
    width:100%;
    border-radius:5px;
    margin-bottom:15px;
    overflow:hidden;
}
.personal_list li{
    width:100%;
    height:55px;
    line-height:55px;
    background:#fff;
    border-bottom:1px solid #eee;
    padding:0 15px;
    font-size:1.5rem;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.personal_list li:last-child{
    border:0;
}
.personal_list li a{
    display:block;
}
.personal_list li img{
    width:30px;
    vertical-align:-8px;
    margin-right:5px;
}
/***********************个人中心 end**************************/

/***********************我的收藏 start**************************/
.wrapper{
    z-index:998;
    box-shadow: 0 1px 5px 1px rgba(0,0,0,.08);
}
.collect_box{
    width:100%;
    margin-top:40px;
    overflow:hidden;
}
.collect_list{
    width:100%;
    overflow:hidden;
    display:none;
}
/*思政元素收藏列表 start*/
.element_list li{
    position:relative;
    width:100%;
    border-bottom:1px solid #eee;
    padding:6px 3%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.element_list li a{
    display:block;
    width:100%;
    padding-left:36px;
    overflow:hidden;
}
.element_list li i{
    position:absolute;
    left:3%;
    top:20px;
    width:26px;
    height:26px;
}
.element_list li i.icon_ppt{
    background:url("../images/icon_ppt2.png") no-repeat center;
    background-size:cover;
}
.element_list li.beat i.icon_ppt{
    background:url("../images/icon_ppt2.png") no-repeat center;
    background-size:cover;
}
.element_list li i.icon_video{
    background:url("../images/icon_video2.png") no-repeat center;
    background-size:cover;
}
.element_list li.beat i.icon_video{
    background:url("../images/icon_video2.png") no-repeat center;
    background-size:cover;
}

.element_list li .c_nav{
    width:100%;
    overflow:hidden;
}
.element_list li .c_nav p{
    width:100%;
    line-height:30px;
    font-size:1.5rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.element_list li .c_nav span{
    display:block;
    width:100%;
    line-height:30px;
    font-size:1.4rem;
    color:#999;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.element_list li.beat p,.element_list li.beat span{
    color:#d1141c;
}
/*思政元素收藏列表 end*/

/*视频课程收藏列表 start*/
.course_list{
    width:100%;
    overflow:hidden;
}
.course_list li{
    position:relative;
    width:100%;
    border-bottom:1px solid #eee;
    padding:10px 4%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.course_list li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.course_list li a img{
    position:absolute;
    top:25px;
    left:4%;
    width:30px;
}
.course_nav{
    width:100%;
    padding-left:40px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.course_nav p{
    width:100%;
    height:34px;
    line-height:34px;
    font-size:1.5rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.course_nav span{
    display:block;
    width:100%;
    height:26px;
    line-height:26px;
    font-size:1.4rem;
    color:#999;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
/*视频课程收藏列表 end*/

/*教学案例收藏列表 start*/
.teaching_item ul{
    padding:10px 4% 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.teaching_item ul li{
    position: relative;
    width:48%;
    padding:0 0 5px 0;
}
.teaching_item ul li a{
    display:block;
    overflow:hidden;
}
.teaching_item ul li i{
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    padding:0 8px;
    background:#e50d01;
    border-radius:5px 0 5px 0;
    font-size:1.2rem;
    line-height:24px;
    color:#fff;
}
.teaching_item ul .am-gallery-item{
    box-shadow:none;
    padding:0;
}
.teaching_item ul li span{
    display:block;
    width:100%;
    color:#999;
    font-size:1.2rem;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.teaching_item ul li:nth-child(2n){
    margin-left:4%;
}
/*教学案例收藏列表 end*/
/***********************我的收藏 end**************************/

/***********************我的关注 start**************************/
.element_top{
    margin-top:0!important;
}
.element_btn{
    height:40px;
    line-height:40px;
    box-shadow:none;
}
.element_btn .care_btn{
    float:right;
    line-height:24px;
    background:#e50d01;
    border-radius:5px;
    color:#fff;
    padding:0 10px;
    margin-top:8px;
}
.element_btn h2{
    float:left;
    font-size:1.6rem;
    font-weight:bold;
    color:#e50d01;
    margin-right:10px;
}
/*教学案例关注 start*/
.time_box {
    position:fixed;
    z-index:999;
    top:125px;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    overflow-y:scroll;
    display:none;
}
.time_item{
    position:absolute;
    left:0;
    width:100%;
    min-height:100px;
    background:#fff;
    padding:10px 3%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.time_item li{
    float:left;
    line-height:30px;
    font-size:1.5rem;
    margin-right:15px;
}
.time_item li.red{
    color:#e50d01;
}
.time_item li:last-child{
    margin:0;
}
.care_nav{
    margin-top:10px;
}
.teaching_item2 ul{
    width:100%;
    padding:40px 4% 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}
/*教学案例关注 end*/
/***********************我的关注 end**************************/

/***********************意见反馈 start**************************/
.feedback{
    width:92%;
    margin:15px auto;
    overflow:hidden;
}
.feedback .am-form textarea{
    border:0;
    border-radius:5px;
    font-size:1.4rem;
}
.suggest{
    width:100%;
    height:45px;
    border-radius:5px;
    background:#d1141c;
    border:0;
    color:#fff;
}
/***********************意见反馈 end**************************/

/***********************设置 start**************************/
.set{
    width:100%;
    background:#fff;
    overflow:hidden;
}
.set_list{
    width:100%;
    margin:0 auto;
    border-top:10px solid #f4f4f4;
    overflow:hidden;
}
.set_list li{
    width:100%;
    height:50px;
    line-height:50px;
    border-bottom:1px solid #eee;
    font-size:1.4rem;
    padding:0 4%;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.set_list li:last-child{
    border:0;
}
.set_list li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.set_list li span{
    float:left;
}
.set_list li p{
    float:right;
}
.set_list li p i{
    font-size:1.8rem;
    color:#999;
    margin-left:10px;
    vertical-align:-1px;
}
.am-modal-dialog{
    border-radius:5px;
}

.exit{
    width:100%;
    overflow:hidden;
}
.exit a{
    display:block;
    width:90%;
    background:#d1141c;
    border-radius:5px;
    text-align: center;
    color:#fff;
    font-size:1.5rem;
    padding:1rem;
    margin:20px auto;
    overflow:hidden;
}
.am-modal-hd{
    font-size:1.6rem;
}
/***********************设置 end**************************/

/***********************修改密码 start**************************/
.message{
    width:90%;
    margin:10px auto;
    overflow:hidden;
}
.message .am-form input{
    border:0;
    border-bottom:1px solid #e6e6e6;
    font-size:1.4rem;
    padding:1rem 0;
}
.message .am-form input:focus{
    box-shadow:none;
}
.message .am-form-group{
    position:relative;
    margin-bottom:.5rem;
}
.message .am-form-group button{
    width:35%;
    border-radius:30px;
    padding:1rem;
    margin:1rem 0 0 10%;
    overflow:hidden;
}
#yes{
    display:block;
    width:90%;
    background:#d1141c;
    border-radius:5px;
    text-align: center;
    color:#fff;
    border:0;
    font-size:1.5rem;
    padding:1rem;
    margin:20px auto;
    overflow:hidden;
}
.message .am-form-group a.yzm{
    position:absolute;
    top:.3rem;
    right:0;
    width:120px;
    padding:.5rem 0;
    line-height:1.2;
    background:#d1141c;
    border-radius:5px;
    color:#fff;
    text-align: center;
    overflow:hidden;
}
/***********************修改密码 end**************************/

/***********************关于我们 start**************************/
.about{
    width:100%;
    overflow:hidden;
}
.about_logo{
    width:100%;
    margin:35px 0 20px;
    text-align:center;
    overflow:hidden;
}
.about_logo img{
    width:110px;
}
.about_list{
    width:100%;
    background:#fff;
    overflow:hidden;
}
.about_list li{
    width:100%;
    padding:15px 4%;
    border-bottom:1px solid #eee;
    color:#888;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.about_list li img{
    width:50px;
}
@media(max-width:368px){
    .about_list li{ font-size:1.2rem;}
    .about_list li img{ width:46px;}
}
/***********************关于我们 end**************************/

/***********************个人信息 start**************************/
.personal_message{
    width:92%;
    margin:0 auto;
    overflow:hidden;
}
.personal_message .am-form-group{
    position:relative;
    border-bottom:1px solid #dee6ec;
    margin:0 0 10px;
}
.personal_message .am-form-group span {
    position:absolute;
    left:0;
    bottom:1rem;
    width:60px;
    line-height:1.6rem;
    color:#000;
}
.personal_message .am-form-group input,
.personal_message .am-form-group input:focus,
.personal_message .am-form select{
    border:0;
    font-size:1.4rem;
    line-height: 1.6rem;
    padding:1rem 1rem 1rem 60px;
    background:transparent;
    text-align:right;
}
.personal_message .am-form-group input:focus{
    box-shadow: none;
}
.personal_message .am-form input[type=text][disabled]{
    background:#fff;
}
/***********************个人信息 end**************************/