/**
    personal-index start ycy 2020-01-20
*/
.ly_personal_change {
    width: 1.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    position: absolute;
    right: 4rem;
    top: 0.8rem;
    display: none;
    z-index: 2;
}
.ly_personal_change a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #b5b5b5;
    border: 1px solid #b5b5b5;
    text-align: center;
}
.topic_detail_content h2, h3{
    text-indent: 0;
}
.ly_personal_change a:hover {
    background: #df0024;
    color: #fff;
    border: none;
}
.ly_personal_change img {
    width: 0.27rem;
    height: 0.17rem;
    margin-bottom: 0.05rem;
    margin-right: 0.1rem;
}
.ly_personal_userinfo {
    width: 12rem;
    height: 3rem;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-top: -1rem;
    margin-left: -6rem;
}
.ly_personal_img {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
}
.ly_personal_img p {
    width: 2rem;
    height: 2rem;
}
.ly_personal_img p img {
    width: 100%;
    height: 100%;
    border: 8px solid #fff;
    border-radius: 50%;
}
.ly_personal_img_up {
    position: absolute;
    right: 5.2rem;
    top: 0.1rem;
    display: none;
}
.username {
    width: 100%;
    height: 0.5rem;
    margin: 0 auto;
    text-align: center;
}
.username > p {
    position: relative;
    display: inline-block;
    height: 100%;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.25rem;
    font-weight: 600;
    cursor: pointer;
}
.username > p:hover img {
    display: block;
}
.username > p img {
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: -0.2rem;
    top: 0.05rem;
    display: none;
}
.graph{
    text-align: center;
}
.graph p {
    font-size: 0.16rem;
    text-align: center;
    color: #fff;
    display: inline-block;
    /*padding: 0.1rem;*/
    /*background: rgba(180, 180, 180, 0.54);*/
}
.ly_personal_img:hover .ly_personal_userMore div {
    opacity: 1;
}
.ly_personal_userMore div {
    color: #fff;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #ebece4;
    position: absolute;
    left: 0.8rem;
    font-size: 0.14rem;
    padding: 0.15rem 0.2rem;
    width: 4rem;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.ly_personal_letter {
    width: 2.65rem;
    height: 0.4rem;
    line-height: 0.4rem;
    position: absolute;
    right: 3.5rem;
    bottom: 0.1rem;
    float: right;
}
@media screen and (max-width: 1440px) {
    .ly_personal_letter {
        bottom: 0.5rem;
    }
    .ly_personal_userMore div {
        top: 0.2rem;
    }
}
@media screen and (max-width: 1366px) {
    .ly_personal_letter {
        bottom: 0.38rem;
    }

    .ly_personal_userMore div {
        top: 0.3rem;
    }
}
.ly_personal_letter > span {
    display: inline-block;
    width: 0.8rem;
    height: 0.3rem;
    text-align: center;
    line-height: 0.3rem;
    margin-left: 0.3rem;
}

.personal_userimg_right {
    margin-top: 0.12rem;
    float: right;
}
.personal_userimg_right_top {
    margin-top: 0.05rem;
    float: left;
}

.followUserPost {
    display: block;
    text-align: center;
    line-height: 0.3rem;
    background: #df0024;
    color: #fff;
    padding: 0 0.1rem;
    cursor: pointer;
}
.ly_personal_letter_rightbtn a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #df0024;
    text-align: center;
    line-height: 0.3rem;
}
.ly_personal_letter_rightbtn a span {
    display: inline-block;
    width: 0.21rem;
    height: 0.18rem;
    background: url(https://shijiaoke.oss-cn-beijing.aliyuncs.com/News/7e2166c98f7b6a70d8c85a2380a778f9.png)no-repeat;
    vertical-align: middle;
    overflow: hidden;
    background-size: 2rem 3.25rem;
    background-position: -1.76rem -1.76rem;
}
.ly_personaltop_model {
    display: none;
}
.ly_personaltop_model p {
    margin: 0.2rem 0 0 0.4rem;
    font-size: 0.16rem;
}
.ly_personaltop_model_content {
    width: 80%;
    height: 1.2rem;
    margin: 0.2rem 0 0 0.4rem;
    border: 1px solid #ccc;
}
.ly_personaltop_model_content textarea {
    width: 100%;
    height: 100%;
    resize: none;
    padding: 0.2rem;
}
.ly_personaltop_model button {
    width: 0.8rem;
    height: 0.28rem;
    outline: none;
    border: none;
    float: right;
    cursor: pointer;
    margin-top: 0.2rem;
    font-size: 0.16rem;
}
.ly_personaltop_model_left {
    background: #df0042;
    color: #fff;
    margin-right: 0.6rem;
}
.ly_personaltop_model_right {
    margin-right: 0.2rem;
}
.personal_edit_remarks {
    padding: 0.2rem;
    display: none;
}

.personal_edit_remarks p {
    text-align: center;
    font-size: 0.16rem;
    color: #333;
}

.personal_edit_remarks textarea {
    width: 100%;
    margin-top: 0.2rem;
    padding-top: 0.1rem;
    padding-left: 0.1rem;
    font-size: 0.16rem;
    color: #666;
    outline: none;
}
/**
    personal-managecourse start ycy 2020-01-20
*/
.ly_personal_mc_per_btn, .ly_personal_mc_upload_btn {
    width: 1.5rem;
    height: 0.45rem;
    text-align: center;
    line-height: 0.45rem;
    background: #df0024;
    color: #fff;
    border: none;
    outline: none;
    font-size: 0.18rem;
    margin-top: 0.2rem;
    margin-left: 1.3rem;
}
.edit-btn {
    height: 0.4rem;
    line-height: 0.25rem;
    width: 0.75rem;
    margin: 0;
    font-size: 0.14rem;
    text-align: center;
    background: #df0024;
    color: #fff;
    border: none;
    outline: none;
}
.edit-btn:hover {
    background: #ffeded;
    color: #df0024;
    border: 1px solid #df0024;
}
.ly_personal_mc_upload_btn {
    float: right;
    margin-left: 0;
}
.ly_personal_mc_upload_btn:hover {
    background: #ffeded;
    color: #df0024;
    border: 1px solid #df0024;
}
.ly_personal_mc_per_btn:hover {
    background: #ffeded;
    color: #df0024;
    border: 1px solid #df0024;
}

#chapterClass {
    /*margin-top: 0.5rem;*/
}

h2 {
    padding-left: 0.15rem;
    margin-top: 0.2rem;
    margin-left: 0;
}
/*h2::before {
    content: "";
    display: block;
    width: 0.04rem;
    height: 0.19rem;
    position: absolute;
    left: 0;
    top: 0.25rem;
    background: #df0024;
}*/

.ly_personal_mc_CourDiv {
    width: 9rem;
    height: 5.5rem;
    background: #eee;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -4.5rem;
    top: 50%;
    margin-top: -2.25rem;
}

#CreateClass {
    margin-left: 0.3rem;
    color: #0084FF;
    cursor: pointer;
}

#shou {
    margin-left: 0.3rem;
    color: #0084FF;
    cursor: pointer;
}

.ly_personal_mc_conta {
    display: block;
    width: 9rem;
    height: 0.2rem;
    background-color: gray;
    margin-top: 0.1rem;
}

#UpCurrent {
    width: 0%;
    height: 20px;
    background-color: #df0024;
    display: inline-block;
    text-align: center;
    color: #fff;
}

#JoinCourseNo {
    width: 2.4rem;
    height: 0.4rem;
    padding-left: 0.2rem;
}

.ly_personal_mc_img_up .add_img {
    display: block;
    /*width: 2.7rem;
    height: 1.5rem;*/
    border: 1px dashed #ddd;
    width:100%;
    height:100%;
    border-radius: 3px;
}

.ly_personal_mc_img_up {
    width: 5rem;
    height: 2.5rem;
    position: relative;
    float: left;
    cursor: pointer;
}

.ly_personal_mc_high {
    float: right;
    margin-left: 0.2rem;
    margin-top: 0.5rem;
}

.ly_personal_mc_read {
    margin-top: 0.2rem;
    font-size: 0.14rem;
    padding-left: 1.3rem;
}

.ly_personal_mc_agree {
    width: 0.15rem;
    height: 0.15rem;
    vertical-align: sub;
    margin-right: 0.1rem;
}


.ly_personal_mc_topic_post_msg {
    text-align: center;
    position: absolute;
    left: 2rem;
    top: 1.3rem;
}

#myForm {
    position: relative;
}

.ly_personal_mc_topic_post_msg p {
    font-size: 0.2rem;
    color: #000;
    font-weight: bold;
}

.ly_personal_mc_topic_post_msg div {
    font-size: 0.18rem;
    color: #999;
}

.ly_personal_mc_topic_post_msg span {
    font-size: 0.18rem;
    color: #999;
}

.ly_personal_mc_course_btn_login {
    position: absolute;
    width: 1rem;
    height: 0.8rem;
    left: 4rem;
    top: 0.4rem;
    cursor: pointer;
    z-index: 1;
}

#CreateCourseDiv {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.ly_personal_mc_courseDiv_yy {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}

.ly_personal_mc_CourDiv_header {
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0 80px 0 20px;
    position: relative;
    background-color: #F8F8F8;
}

.ly_personal_mc_CourDiv_header p {
    font-size: 0.18rem;
}

.ly_personal_mc_CourDiv_header span {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    *right: 0;
    top: 15px;
    font-size: 0;
    line-height: initial;
    background: url('/static/images/close.png') no-repeat;
    background-position: 1px -40px;
    cursor: pointer;
}

aside {
    width: 2.5rem;
    height: auto;
    float: right;
}

/**
    personal-managecourse end ycy 2020-01-20
    personal-TopicDetail start lzh 2020-01-19
*/

.ly_personal_td_.Calendar {
    top: 1.79rem;
}

.topic_detail_left_title h2 {
    margin-top: 0.4rem;
}

#replynow {
    display: inline-block;
    margin-top: -100px;
    background: #eee;
    position: absolute;
}

h2 span {
    color: #df0024;
}

.index_banner {
    position: relative;
    height: 5rem;
}

.fr-wrapper > div[style*='z-index:9999;width:100%;position:relative'] {
    position: absolute;
    top: -10000px;
    height: 0px;
    display: none;
    opacity: 0;
}

.fr-box.fr-basic .fr-element {
    margin-top: -30px;
}

.second-toolbar a {
    display: none;
}

.fr-box.fr-basic .fr-element {
    margin-top: 0;
}

.bbs_bottom .tui_title {
    margin-bottom: 0.2rem;
}

.ly_personal_td_topic_btn {
    width: 1rem;
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: 0.14rem;
    float: right;
    margin-left: 10px;
    padding: 0.02rem 0.04rem;
    box-sizing: content-box;
    background: none;
    border: 1px solid #e0e0e0;
    text-align: center;
}

/*.topic_detail_content span {
    display: inline-block;
}*/

.topic_detail_content table {
    text-align: center;
    text-indent: 0;
}

.topic_detail_content table td {
    padding: 0 0.2rem;
}

.currentContent span {
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
}


/*个人中心首页*/
/* 个人主页 */
.topic_personal_wrap {
    max-width: 1200px;
    width: 12rem;
    min-width: 12rem;
    margin: 0 auto;
    margin-top: 0.5rem;
    position: relative;
    background: none;
    overflow: hidden;
    display: block;
}

.topic_personal_wrap aside {
    float: right;
    width: 2.56rem;
}

.topic_personal_wrap article {
    width: 9rem;
    float: left;
}

.topic_personal_nav {
    overflow: hidden;
    height: 0.45rem;
    border-bottom: 1px solid #df0024;
    width: 9rem;
    margin-bottom: 0.2rem;
}

.topic_personal_nav li {
    width: 1.5rem;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    float: left;
}

.topic_personal_nav li a.active {
    color: #fff;
    background: #df0024;
}

.topic_personal_nav li:hover a {
    color: #fff;
    background: #df0024;
}

.topic_personal_nav li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 0.18rem;
    color: #333333;
}

.topic_personal_title {
    display: block;
    overflow: hidden;
}

.bbs_span {
    display: block;
    overflow: hidden;
    color: #333;
    font-weight: bold;
    font-size: 0.16rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.topic_personal_content {
    display: block;
    width: 100%;
    overflow: hidden;
    text-indent: 2em;
    font-size: 0.16rem;
    line-height: 0.4rem;
}

.bbs_topic_integral {
    display: block;
    width: 0.36rem;
    height: 0.34rem;
    margin-right: 0.1rem;
    background: url(https://shijiaoke.oss-cn-beijing.aliyuncs.com/News/7e2166c98f7b6a70d8c85a2380a778f9.png)no-repeat;
    overflow: hidden;
    background-size: 2rem 3.25rem;
    background-position: -0.59rem -0.85rem;
    float: left;
    margin-top: 0.05rem;
}

.topic_personal_top {
    font-size: 0;
}

.topic_personal_title_left {
    width: 80%;
    display: inline-block;
    font-size: 0.14rem;
}

.topic_personal_title_left > a {
    float: left;
}

.topic_personal_title_left > a img {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.topic_personal_title_left_title {
    float: left;
    margin-top: 3px;
    margin-left: 0.1rem;
}

.topic_personal_title_left_title p {
    color: #333;
    font-weight: bold;
    font-size: 0.16rem;
    float: left;
}

.topic_personal_title_left_title span {
    display: inline-block;
    font-size: 0.14rem;
    color: #666;
    margin-top: 0.05rem;
}

.topic_personal_title_left_title a span {
    font-size: 0.18rem;
    color: #333;
    font-weight: bold;
    margin-top: 0;
}

.topic_personal_title_right {
    width: 20%;
    display: inline-block;
    font-size: 0.14rem;
    vertical-align: top;
}

.topic_personal_title_right p {
    line-height: 0.26rem;
    text-align: right;
}

.topic_personal_title_right span {
    color: #df0024;
}

.bbs_topic_top {
    color: #df0024;
    float: left;
    font-size: 0.16rem;
    font-weight: bold;
    margin-right: 0.1rem;
}


.topic_personal_list li {
    padding-top: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
    position: relative;
}

.topic_personal_laud {
    display: inline-block;
    width: 0.6rem;
    background: url(/img/ydz.svg) no-repeat;
    background-size: 0.18rem;
    padding-left: 0.2rem;
}

.topic_personal_laud_book {
    background: url(/static/images/bookDownload.png) no-repeat left center;
    display: inline-block;
    width: 0.6rem;
    background-size: 0.2rem;
    padding-left: 0.2rem;
}

.topic_personal_laud_user {
    display: inline-block;
}

.topic_personal_laud_user img {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
}

.topic_personal_laud_user span {
    vertical-align: bottom;
}

.topic_personal_laud_right {
    float: right;
    text-align: left;
    font-size: 0.14rem;
    margin-top: 0.05rem;
}

.topic_personal_laud_right span {
    display: inline-block;
    font-size: 0.14rem;
    color: #666666;
    margin-left: 0.25rem;
    white-space: nowrap;
    line-height: 0.2rem;
    vertical-align: bottom;
}

.topic_personal_laud_right_pl {
    background: url(/img/icon76.png) no-repeat left center;
    background-size: 0.16rem 0.16rem;
    margin-left: 0;
    margin-right: 0;
    width: 0.23rem;
    height: 0.2rem;
}

.topic_personal_laud_discuss {
    cursor: pointer;
    width: 0.93rem;
}

.topic_personal_laud_discuss:hover {
    color: #df0024;
}

.topic_personal_laud_right_browse {
    width: 0.23rem;
    height: 0.2rem;
    background: url(/img/icon77.png) no-repeat left center;
    background-size: 0.21rem;
    font-size: 0.14rem;
    width: 0.21rem;
    margin-right: 0.1rem;
}

.topic_personal_laud_right_eyes > b {
    display: inline-block;
    width: 0.29rem;
    font-weight: 500;
}

.topic_personal_bottom {
    margin-top: 0.2rem;
}

.topic_personal_course {
    width: 2.2rem;
    position: relative;
    float: left;
}

.topic_personal_course img {
    width: 100%;
    height: 100%;
}

.topic_personal_course_content {
    margin: 0 0 0 0.2rem;
    float: left;
    font-size: 0.14rem;
    position: relative;
    width: 72%;
}

.topic_personal_course_content h3 {
    font-size: 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}

.topic_personal_course_content span {
    font-size: 0.14rem;
    margin-top: 0.1rem;
    margin-bottom: 0.05rem;
    color: #999;
    display: inline-block;
}

.topic_personal_course_content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 0.22rem;
    font-size: 0.16rem;
}

.topic_personal_course_content div {
    margin-top: 0.05rem;
    font-size: 0.16rem;
    color: #df0024;
}

.topic_personal_course_manage {
    position: absolute;
    display: inline-block;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    right: 0;
    bottom: 0.1rem;
    background: #df0024;
    color: #fff !important;
}

.topic_personal_course_manage:hover {
    background: #ffeded;
    color: #df0024 !important;
    border: 1px solid #df0024;
}

.personal_btn {
    display: block;
    width: 2.65rem;
    height: 0.45rem;
    float: right;
    line-height: 0.45rem;
    background: #df0024;
    color: #fff;
    font-size: 0.18rem;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0.2rem;
}

.personal_btn:link, .personal_btn:visited {
    color: #fff;
}

.personal_btn:hover {
    background: #ffeded;
    color: #df0024;
    border: 1px solid #df0024;
}

.personal_about {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #e5e5e5;
}
.personal_hot{
    border-top:none;
}
.personal_about ul li {
    font-size: 0.16rem;
    line-height: 0.22rem;
    text-align: justify;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #e5e5e5;
}

.personal_about ul li:nth-child(n+1) {
    margin-top: 0.2rem;
}

.personal_about ul li:nth-last-child(1) {
    border-bottom: none;
    padding-bottom: 0;
}

.personal_about_title {
    position: relative;
}

.personal_about_title p {
    background: url(/img/default/icon25.png)no-repeat left center;
    background-size: 0.04rem 0.2rem;
    padding-left: 0.15rem;
    font-size: 0.18rem;
    margin-top: 0.2rem;
    margin-left: 0;
    margin-bottom: 0.2rem;
}

.personal_about_title span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.16rem;
    cursor: pointer;
    color: #999;
}

.personal_about_content {
    font-size: 0.16rem;
    color: #999;
    line-height: 0.22rem;
    text-align: justify;
}

.personal_visitor {
    width: 100%;
    margin-top: 0.2rem;
    border-bottom: 1px solid #e5e5e5;
}

.personal_visitor ul li {
    overflow: hidden;
    margin-bottom: 0.2rem;
}

.personal_userimg {
    float: left;
}

.personal_userimg img {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.personal_userimg_center {
    height: 0.5rem;
    margin-top: 0;
    width: 1rem;
    float: left;
    margin-left: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.personal_userimg_center a span{
    color: #666;
}

.personal_userimg_center span:nth-child(2) {
    display: block;
    margin-top: 0.1rem;
    color: #999;
}


.personal_userimg_right .active {
    background: #ccc;
}

.topic_personal_attentionUser {
    overflow: hidden;
    margin-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
    border-bottom: 1px solid #e5e5e5;
}

.topic_personal_attentionUser li {
    width: 1rem;
    float: left;
    text-align: center;
}

.topic_personal_attentionUser li img {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
}

.topic_personal_attentionUser li p {
    margin-top: 0.08rem;
}

.myLetter_topic {
    margin-top: 30px;
}

.myLetter_topic_list {
    padding: 0.2rem 0;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.myLetter_topic_right {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.myLetter_topic_right p {
    margin-top: 0.05rem;
    overflow: hidden;
    text-align: center;
    position: relative;
    line-height: 0.18rem;
}

.myLetter_topic_right p span:nth-child(1) {
    font-size: 0.18rem;
    color: #333;
    float: left;
}

.myLetter_topic_right p span:nth-child(2) {
    color: #999;
}

.myLetter_send p span:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0;
}

.myLetter_topic_reply_content {
    font-size: 0.16rem;
    color: #666;
    margin-top: 0.05rem;
    text-align: justify;
}

.myLetter_topic_reply, .myLetter_topic_hide {
    text-align: right;
    margin-top: 0.1rem;
    color: #df0024;
    float: right;
    cursor: pointer;
}

.myLetter_topic_hide {
    display: none;
}

.myLetter_topic_reply span, .myLetter_topic_hide span {
    display: inline-block;
}

.myLetter_topic_list_main {
    overflow: hidden;
}

.myLetter_topic_list_main > a img {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    float: left;
}

.myLetter_topic_list_second li {
    padding: 0.2rem 0 0.2rem 0;
    overflow: hidden;
    margin-left: 0.6rem;
}

.myLetter_topic_list_second {
    margin-top: 0.2rem;
    display: none;
}

.myLetter_topic_list_second li:nth-child(1) {
    padding-top: 0.2rem;
}

.myLetter_topic_list_second li:nth-child(n+1) {
    border-top: 1px solid #e5e5e5;
}

.myLetter_topic_list_second li > a img {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    float: left;
    cursor: pointer;
}

.myLetter_topic_message {
    width: 0.36rem;
    height: 0.2rem;
    background: url(https://shijiaoke.oss-cn-beijing.aliyuncs.com/News/7e2166c98f7b6a70d8c85a2380a778f9.png)no-repeat;
    background-position: 0 -1.65rem;
    background-size: 2rem 3.25rem;
    vertical-align: text-top;
    margin-right: 0.05rem;
}

.myLetter_topic_reply_input {
    width: 100%;
    float: left;
    padding-left: 0.6rem;
    margin-top: 0.2rem;
    display: none;
}
/*input:focus{
    outline:none;
}
select:focus {
    outline: none;
}
option:focus{
    outline:none
}
textarea:focus {
    outline: none
}*/
.myLetter_topic_reply_input input {
    display: inline-block;
    width: 100%;
    height: 0.4rem;
    padding-left: 0.15rem;
    outline: none;
}

.myLetter_topic_reply_input span {
    float: right;
    width: 1rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem;
    font-size: 0.18rem;
    background: #df0024;
    color: #fff;
    margin-top: 0.1rem;
    cursor: pointer;
}

.myLetter_topic_reply_input span:hover {
    background: #ffeded;
    color: #df0024;
    border: 1px solid #df0024;
}

.myLetter_accept .myLetter_topic_right {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.myLetter_accept img {
    float: right !important;
}

.myLetter_accept p span:nth-child(1) {
    position: absolute;
    right: 0;
    top: 0;
}

.myLetter_accept p span:nth-child(2) {
    float: none;
}

.myLetter_accept .myLetter_topic_reply_content {
    text-align: right;
}

/* 我的关注 */
.myPersonal_attention {
    height: 0.4rem;
    line-height: 0.4rem;
    color: #333;
    font-size: 0.16rem;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    margin-top: 0.2rem;
}

.myPersonal_attention span:nth-child(1) {
    margin-left: 0.6rem;
}

.myPersonal_attention span:nth-child(2) {
    margin-left: 4.2rem;
}

.myPersonal_attention_list li {
    overflow: hidden;
    padding: 0.2rem 0.3rem;
    border-bottom: 1px solid #e5e5e5;
}

.myPersonal_attention_left {
    width: 2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    float: left;
    font-size: 0.16rem;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.myPersonal_attention_left img {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.myPersonal_attention_left span {
    margin-left: 0.1rem;
}

.myPersonal_attention_center {
    width: 1rem;
    float: left;
    height: 0.5rem;
    line-height: 0.5rem;
    margin-left: 3.2rem;
    font-size: 0.16rem;
}

.myPersonal_attention_right {
    width: 0.8rem;
    height: 0.3rem;
    line-height: 0.3rem;
    background: #ccc;
    color: #333;
    text-align: center;
    float: right;
    margin-top: 0.1rem;
    cursor: pointer;
}

.topic_person_nodata {
    text-align: center;
    padding: 0.4rem 0 !important;
    font-size: 0.2rem;
    color: #999;
}

.topic_person_nodata p {
    margin-top: 0.2rem;
}

.personal_edit_about {
    padding: 0.2rem;
    display: none;
}

.personal_edit_about p {
    text-align: center;
    font-size: 0.16rem;
    color: #333;
}

.personal_edit_about textarea {
    width: 100%;
    margin-top: 0.2rem;
    padding-top: 0.1rem;
    padding-left: 0.1rem;
    font-size: 0.16rem;
    color: #666;
    outline: none;
}
/* .myPersonal_attention_right:hover{
background: #ffeded;
color: #df0024;
border: 1px solid #df0024;
} */
.personal_edit_about span {
    float: right;
    width: 1rem;
    height: 0.3rem;
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.18rem;
    background: #df0024;
    color: #fff;
    margin-top: 0.1rem;
    cursor: pointer;
}

.personal_edit_remarks {
    padding: 0.2rem;
    display: none;
}

.personal_edit_remarks p {
    text-align: center;
    font-size: 0.16rem;
    color: #333;
}

.personal_edit_remarks textarea {
    width: 100%;
    margin-top: 0.2rem;
    padding-top: 0.1rem;
    padding-left: 0.1rem;
    font-size: 0.16rem;
    color: #666;
    outline: none;
}

.personal_edit_remarks span {
    float: right;
    width: 1rem;
    height: 0.3rem;
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.18rem;
    background: #df0024;
    color: #fff;
    margin-top: 0.1rem;
    cursor: pointer;
}
.ly_personalright_ul {
    width: 80%;
    margin: 0.2rem auto;
    height: auto;
    overflow: hidden;
}
.ly_personalright_ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    font-size: 0.16rem;
}
.ly_personalright_ul li:nth-child(2) {
    border-bottom: none;
}
.ly_personalright_praised {
    width: 50%;
    height: 0.7rem;
    float: left;
}
.ly_personalright_prince {
    width: 0.6rem;
    height: 0.5rem;
    margin: 0 auto;
    text-align: center;
}
.ly_personalright_prince p {
    margin-top: 0.1rem;
    color: #df0024;
}
.ly_personalright_border {
    border-right: 1px solid #eee;
}
.ly_personalright_bottom_prince {
    margin-top: 0.15rem;
}
.show-video-table {
    /*width: 6.9rem;*/
    margin: 0.2rem 0;
}
.show-video-table input{
    padding:0 0.2rem
}

.editVideoName {
    width: 0.75rem;
    height: 0.4rem;
    color: #ffffff;
    background: #df0024;
    border: none;
}
.add-content {
    margin: 0 2.7rem 0 0 !important;
}
.editVideoName:hover {
    background: #ffeded;
    color: #df0024;
    border: 1px solid #df0024;
}
/*.show-video-table th, td {
    padding: 0.1rem 0;
}*/
.show-video-table th {
    font-size: 0.16rem;
    font-weight: normal;
    color: #333333;
}
.Courplay {
    display: inline-block;
    width: 0.4rem;
    height: 0.3rem;
    background: #ccc;
    color: #666;
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.16rem;
    background: url(/img/content/bofang.svg)no-repeat;
    vertical-align: middle;
    background-size: 0.25rem 0.25rem;
    cursor: pointer;
}
.ssi-buttonWrapper {
    background: url(/img/content/tuo.svg)no-repeat;
    background-size: 5rem 3rem;
    background-position: 50% 18%;
    top: 0.33rem !important;
}
.apply-request {
    display: inline-block;

    background: #df0024;
    height: 0.5rem;
    line-height: 0.5rem;
    width: 1.5rem;
    font-size: 0.18rem;
    color: #ffffff;
}
.apply-request:hover{
    background: #ffeded;
    color: #df0024;
    border: 1px solid #df0024;
}
/*交流区课堂上传*/
.ly_personal_upload_course {
    display: none;
}
.ly_personal_upload_scroll {
    margin: 0.3rem 0;
}
.ly_personal_upload_scroll > span{
    font-size: 0.16rem;
}
.ly_personal_upload_cancle {
    color: rgb(223, 0, 36);
    margin-left: 8.2rem;
    cursor: pointer;
    display: none;
}
.ly_personal_mc_conta {
    display: block;
    width: 9.6rem;
    height: 0.2rem;
    background-color: gray;
    margin-top: 0.1rem;
}
#myForm>div{
    font-size:0.16rem;
    margin:0.2rem 0
}
.ly_personal_mc_conta span {
    width: 900px;
    height: 20px;
    background-color: #df0024;
    display: inline-block;
    text-align: center;
    color: #fff;
}
.detail-input {
    padding: 0 0.1rem;
    margin: 0 0 0 0.1rem;
    width:6rem;
    height:0.4rem
}
.ly_personal_upload_pf {
    margin-bottom: 0.2rem;
    overflow: hidden;

}
.ly_personal_upload_pf > div {
    font-size: 0.16rem;
}
.ly_personal_upload_left {

    height: auto;
    float: left;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.4rem;

}
.ly_personal_upload_left span {
    color: #df0024;
}
.ly_personal_upload_right {
    float: left;
    margin-left: 0.15rem;
    color: #999;
    font-size: 0.16rem;
}
.ly_personal_upload_right span {
    color: #df0024;
}
.ly_personal_upload_left input, .ly_personal_upload_right select, .ly_personal_upload_right input {
    width: 4rem;
    height: 0.4rem;
    border: 1px solid #ccc;
    color: #666666;
    font-size: 0.14rem;
    padding-left: 0.2rem;
}
.ly_personal_upload_right textarea {
    border: 1px solid #ccc;
    color: #666666;
    font-size: 0.14rem;
    padding-left: 0.2rem;
}

.ly_personal_upload_top {
    margin-top: 0.3rem;
}

/*直播课申请*/
.tpul {
    width: 320px;
    margin-bottom: 20px;
    width: 4rem;
    border: 1px solid #ccc;
    color: #666666;
    font-size: 0.14rem;
    padding-left: 0.2rem;
    float: left;
    padding: 26px 0 0 12px;
}
.ly_applylive_content_left {
    width: 9rem;
    float: left;
}
.ly_personal_applylive {
    width: 9rem;
    padding-left: 0.15rem;
    padding-bottom: 0.05rem;
    border: none;
    font-weight: 600;
    margin-top: 0.2rem;
    font-size: 0.2rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.2rem;
    position: relative;
}
.ly_personal_applylive::before {
    content: "";
    display: block;
    width: 0.04rem;
    height: 0.19rem;
    position: absolute;
    left: 0;
    top: 0.05rem;
    background: #df0024;
}
.ly_personal_applylive_form {
    width: 7rem;
    margin: 0rem auto;
    margin-top: 0.5rem;
}
/*label {
    display: inline-block;
    width: 0.84rem;
    text-align: right;
}*/
.ly_personal_applylive_input {
    width: 1.86rem;
    height: 0.33rem;
}
.ly_personal_applylive_template {
    margin-top: 0.2rem;
}
.ly_personal_applylive_template_left {
    margin-top: 0.6rem;
    float: left;
}
.ly_personal_applylive_template_right {
    margin-left: 0.9rem;
    position:relative;
    left:-0.16rem;
}
.ly_personal_applylive_template_right ul {
    width: 320px;
    margin-bottom: 20px;
    float: left;
    padding: 26px 0 0 12px;
}


.ly_personal_applylive_template_right li {
    display: block;
    border: 3px solid #FFF;
    cursor: pointer;
    width: 128px;
    height: 88px;
    margin: 0 15px 15px 0;
    float: left;
    background: url(https://admin.bokecc.com/img/icon_live.jpg) no-repeat;
}
.ly_personal_applylive_template_right li.current {
    border: 3px solid #7BAAF6;
    border-radius: 6px;
}
.ly_personal_applylive_template_right .ic1 {
    background-position: -1px -1px;
}
.ly_personal_applylive_template_right .ic2 {
    background-position: -1px -181px;
}
.ly_personal_applylive_template_right .ic3 {
    background-position: -1px -91px;
}
.ly_personal_applylive_template_right .ic6 {
    background-position: -1px -271px;
}
.ly_personal_applylive_fenlei {
    width: 3.17rem;
    height: 0.3rem;
    font-size: 0.16rem;
    color: #999999;
}
.ly_personal_applylive_miaoshu {
    width: 6rem;
    height: 1.5rem;
    margin-top: 0.2rem;
}
.ly_personal_applylive_textarea {
    width: 3.17rem;
    height: 1.54rem;
    resize: none;
    vertical-align: middle;
    padding: 0.1rem;

}
.ly_personal_applylive_price {
    margin-top: 0.2rem;
}
.ly_personal_applylive_coverLiveTime input {
    width: 1.86rem;
    height: 0.33rem;
}
.ly_personal_applylive_coverLiveTime > div{
    margin-top: 20px;
}
.ly_personal_applylive_read {
    width: 100%;
    height: 0.3rem;
    font-size: 0.14rem;
    margin-top: 0.2rem;
}
.agree {
    width: 0.2rem;
    height: 0.2rem;
    vertical-align: bottom;
    margin-right: 0.1rem;
}

/*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/
#agreement + label {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 15px;
    background: rgb(240, 84, 77);
}

/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；
      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
#agreement:checked + label::before {
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 16px;
    color: white;
}
.ly_personal_applylive_btn {
    margin-top: 0.2rem;
    margin-left: 1rem;
    width: 1.5rem;
    height: 0.4rem;
}
.ly_personal_applylive_btn button {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: #df0024;
    color: #fff;
    font-size: 0.18rem;
}
.ly_applylive_aside .personal_btn {
    display: none;
}



.ly_applylive_content_left h2 {
    width: 100%;
    background: url('/img/default/icon25.png')no-repeat left 0.05rem;
    background-size: 0.04rem 0.2rem;
    padding-left: 0.1rem;
    padding-bottom: 0.05rem;
    border: none;
    margin-top: 0.2rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.15rem;
}

.brief {
    width: 100%;
    height: 1rem;
    background: #f2f2f2;
    margin-top: 0.2rem;
}

.led {
    width: 75%;
    height: 0.6rem;
    margin-left: 0.3rem;
    border-top: 1px solid #f2f2f2;
    margin-top: 0.15rem;
}

.led p {
    width: 100%;
    height: 50%;
    font-size: 0.14rem;
    color: #9c9c9c;
    margin-top: 0.2rem;
}

.circle_name {
    height: 0.5rem;
    margin-top: 0.2rem;
    font-size: 0.18rem;
    overflow: hidden;
}

.name {
    width: 4rem;
    height: 0.4rem;
    padding-left: 0.2rem;
    color: #666666;
}

.introduce {
    height: 2rem;
    margin-top: 0.2rem;
    font-size: 0.18rem;
    text-align: start;
}

.duce {
    width: 5rem;
    height: 2rem;
    vertical-align: top;
    padding-left: 0.2rem;
    padding-top: 0.2rem;
    color: #666666;
}

.yaoq {
    width: 4rem;
    height: 0.5rem;
    margin-top: 0.2rem;
    font-size: 0.18rem;
}

.Friends {
    width: 2.5rem;
    height: 0.3rem;
}

.read {
    width: 5rem;
    height: 0.3rem;
    margin-left:0.75rem;
    font-size: 0.14rem;
    margin-top: 0.2rem;
}

.read a {
    cursor: pointer;
    color: dodgerblue;
}
.read a:hover {
    cursor: pointer;
    color: #df0024
}

.agree {
    width: 0.2rem;
    height: 0.2rem;
    vertical-align: bottom;
    margin-right: 0.1rem;
}

.tijiao {
    margin-top: 0.15rem;
    margin-left: 0.95rem;
    width: 1.5rem;
}
textarea{
    border-radius:0!important;
}
.tijiao button {
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: #df0024;
    color: #fff;
    font-size: 0.16rem;
    cursor:pointer;
    margin-left: 1.5rem;
}

.gaozhi {
    width: 100%;
    height: auto;
    margin-top: 0.2rem;
}

.gaozhi h2 {
    background: url('/img/default/icon25.png')no-repeat left center;
    background-size: 0.04rem 0.2rem;
    padding-left: 0.1rem;
    font-size: 0.16rem;
}

.gaozhi2 {
    width: 100%;
    height: auto;
    background: #f2f2f2;
    margin-top: 0.15rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}

.gaozhi2 p {
    width: 90%;
    height: auto;
    margin: 0 auto;
    font-size: 0.14rem;
    line-height: 0.25rem;
}

.jianli {
    width: 100%;
    height: auto;
    margin-top: 0.2rem;
}

.jianli h2 {
    background: url('/img/default/icon25.png')no-repeat left center;
    background-size: 0.04rem 0.2rem;
    padding-left: 0.1rem;
    font-size: 0.16rem;
}

.jianli2 {
    width: 100%;
    height: auto;
    background: #f2f2f2;
    margin-top: 0.15rem;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
}

.jianli2 p {
    width: 90%;
    height: auto;
    margin: 0 auto;
    font-size: 0.14rem;
    line-height: 0.25rem;
}

/*封面样式*/
.p_f > .p_left {
    /*width: 0.9rem;*/
    margin-top: 0.4rem;
}

.img_up {
    width: 2rem;
    height: 1.5rem;
    position: relative;
    float: left;
    margin-left: -0.2rem;
    cursor: pointer;
}

.img_up .add_img {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px dashed #ddd;
    border-radius: 3px;
}

.img_up .name {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    cursor: pointer;
}

.high {
    float: right;
    margin-left: 0.2rem;
    margin-top: 0.5rem;
}
.phones {
    width: 12rem;
    height: 3rem;
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    margin-top: -1rem;
    margin-left: -6rem;
}
.Per_pho {
    width:2rem;
    height:2rem;
    margin:0 auto;
}

.user_img {
    width: 2rem;
    height: 2rem;
}
.bbs_up{
    position:absolute;
    right:5.2rem;
    top:0.1rem;
}

.user_img img {
    width: 100%;
    height: 100%;
    border: 8px solid #fff;
    border-radius: 50%;
}
.username {
    width: 100%;
    height: 0.5rem;
    margin:0 auto;
    text-align:center;
}
.graph {
    text-align: center;
}
.graph p {
    font-size: 0.16rem;
    text-align: center;
    color: #fff;
    display: inline-block;
}
.Per_pho:hover .ly_personal_userMore div {
    opacity: 1;
}

.ly_personal_userMore div {
    color: #fff;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #ebece4;
    position: absolute;
    left: 0.8rem;
    font-size: 0.14rem;
    padding: 0.15rem 0.2rem;
    width: 4rem;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
@media screen and (max-width: 1440px) {
    .ly_personal_userMore div {
        top: 0.2rem;
    }
}

@media screen and (max-width: 1366px) {
    .ly_personal_userMore div {
        top: 0.3rem;
    }
}
textarea::-webkit-input-placeholder {
    color: #fff;

}
.wishContent {
    width:100%;
    height:100%;
    resize:none;
    padding:0.1rem 0.2rem;
    line-height:0.25rem;
    color:#fff;
    border:none;
    outline:none;
    background:none;
}


.username > p {
    position: relative;
    display: inline-block;
    height: 100%;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.25rem;
    font-weight: 600;
    cursor: pointer;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.username > p:hover img{
    display: block;
}
.username > p img{
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    right: -0.2rem;
    top: 0.05rem;
    display: none;
}
.qianm {
    width:1rem;
    height:2rem;
}

.shezhi {
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    top: 0.1rem;
    left: 0.7rem;
    cursor: pointer;
    display: none;
}


.xinxi {
    width: 0.15rem;
    height: 0.25rem;
    position: absolute;
    left: 3rem;
    top: 1.8rem;
    background: yellow;

}

.xinxi img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.lis {
    width: 10rem;
    height: 1.5rem;
    margin-top: 0.1rem;
    float: left;
}


.shang2 {
    width: 1.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    position: absolute;
    right: 4rem;
    top: 0.8rem;
    display: none;
    z-index: 2;
}

.shang2 a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #b5b5b5;
    border: 1px solid #b5b5b5;
    text-align: center;
}

.shang2 a img {
    width:0.27rem;
    height:0.17rem;
    margin-bottom: 0.05rem;
    margin-right:0.1rem;
}

.shang2 a:hover {
    background: #df0024;
    color: #fff;
    border: none;
}
.layui-laypage-btn{
    color: #999999;
}
.layui-laypage-btn:hover{
        background: #df0024;
    color: #fff;
}

.ly_hd_header_search_main_box {
    border: 2px solid #df0024;
    height: 0.45rem;
    line-height: 0.45rem;
    width: 100%;
}
.coupon_btn{
    width: 2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 0.16rem;
    background: #e00025;
    cursor: pointer;
    border: none;
    margin: 0.1rem auto;
}
#selectFriendForm{
    padding: 0.2rem 0.5rem;
    height: 3.8rem;
    overflow:auto;
}
#selectFriendForm>label{
    display: block;
    cursor: pointer;
    padding: 0.1rem 0;
    border-bottom: 1px solid #eee;
}
#selectFriendForm>label input{
    margin-right: 0.2rem;
}
#selectFriendForm>label img{
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
}
#selectFriend>p {
    text-align: center;
    font-size: 0.16rem;
    padding: 0.1rem;
    margin: 0 auto;
    width: 80%;
    border-bottom: 1px solid #eee;
}

.selectinput {
    outline: none;
    width: 60%;
    height: 100%;
    font-size: 0.14rem;
    border: none;
    background: none;
    line-height: 0.4rem;
    float: left;
    margin-left: 5px;
}