/*公用蓝色：#159adc */
.wrapF {
    min-height:100vh;
    background:#f5f5f5;
}
.wrap {
    padding-bottom: 2.5rem;
}
.border {
    height:0.5rem;
    background:#f5f5f5;
    border-top: 1px solid #f1efef;
    border-bottom: 1px solid #f1efef;
}
.centerImg img {
    position: absolute;
    width:100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.dropload-down {
    text-align: center;
    font-size: 0.8rem;
}
/*底部*/
footer {left:0;bottom:0rem;width: 100%;height: 2.5rem;font-size: 0.55rem;flex-direction:row;-webkit-flex-direction: row;display:flex;display:-webkit-flex;text-align: center;background:#fff;border-top: 0.1rem solid #efeded;z-index: 9999;}
footer a {flex-grow:1;line-height: 1rem;height: 1rem;padding-top: 1.5rem;background:url(../images/icon/video.png) center 0.5rem no-repeat;background-size: auto 0.9rem;color:#8a8a8a;}
footer .active {background:url(../images/icon/video2.png) center 0.5rem no-repeat;background-size: auto 0.9rem;color:#159adc;}
footer .information {background:url(../images/icon/massege.png) center 0.4rem no-repeat;background-size: 1rem  auto;}
footer .information.active {background:url(../images/icon/massege2.png) center 0.4rem no-repeat;background-size: auto 1rem;}
footer .my {background:url(../images/icon/my.png) center 0.4rem no-repeat;background-size: auto 1rem;}
footer .my.active {background:url(../images/icon/my2.png) center 0.4rem no-repeat;background-size: auto 1rem;}
/*公用栏目小标题*/
.allColumn {
    width:17rem;
    padding: 1.125rem 0.88rem;
    background:#fff;
}
.allColumn h3 {
    font-size: 0.85rem;
    color:#6b6b6b;
    height:0.85rem;
    line-height: 0.85rem;
    border-left: 0.2rem solid #159adc;
    padding-left: 0.25rem;
}
.allColumn a {
    color:#159adc;
    font-size: 0.6rem;
    height:0.85rem;
    line-height: 0.85rem;
}
.allColumn a img {
    width:0.35rem;
    height: 0.6rem;
    margin-top: 0.1rem;
    margin-left: 0.35rem;
}
/*公用列表*/
.allList {
    background: #fff;
}
.allList .item {
    padding: 1rem 0;
    border-bottom: 1px solid #f1efef;
    width:17rem;
    margin: 0 auto;
}
.allList .item .img {
    width:6.75rem;
    height:4.25rem;
    border-radius: 0.3rem;
    overflow:hidden;
    margin-right: 0.75rem;
    position: relative;
}
.allList .item .right {
    width:9.5rem;
    position: relative;
}
.allList .item .right h4 {
    font-size: 0.7rem;
    line-height: 0.9rem;
}
.allList .item .right .labelp {
    font-size: 0.7rem;
    line-height: 0.9rem;
    color:#ccc;
}
.allList .item .right .labels {
    margin-top: 0.4rem;
}
.allList .item .right .labels .label {
    display:inline-block;
    width:2.1rem;
    height:0.85rem;
    line-height: 0.85rem;
    background:#e0f5ff;
    color:#159adc;
    font-size: 0.55rem;
    text-align: center;
    border-radius: 0.2rem;
    border:1px solid #bee3f5;
}
.allList .item .right .bottom {
    position: absolute;
    left:0;
    bottom:0;
    font-size: 0.65rem;
    height:0.8rem;
    line-height: 0.8rem;
    color:#858585;
    width:100%;
}
.allList .item .right .class {
    padding-right: 0.25rem;
    position: relative;
    margin-right: 0.25rem;
}
.allList .item .right .class:after {
    content:"";
    position: absolute;
    left:100%;
    top: 0.2rem;
    width:1px;
    height:0.4rem;
    background: #f1efef;
}
.allList .item .right .price {
    color:#ff4a40;
    font-size: 0.75rem;
    line-height: 0.8rem;
}
.allList .item:first-child {
    padding-top: 0;
}
.allList .item:last-child{
    border:none;
}
/*公用搜索框*/
.search {
    position: fixed;
    padding: 0.4rem 0;
    width:100%;
    background: #fff;
    z-index: 999999;
}
.search h1 {
    width:1.75rem;
    padding-left: 0.6rem;
}
.searchDiv {
    height:2.35rem;
}
.search2 {
    position: relative;
}
.search2 {
    width: 92%;
    margin: 0 auto;
    position: relative;
}
.search2 label {
    background: #F2F3F5;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 1.55rem;
    text-indent: 1em;
    line-height: 1.55rem;
    font-size: 0.6rem;
    color: #999;
}
.search2, .search2 label, .search2 input {
    border-radius: 0.38rem;
    height: 1.55rem;
    background: #F2F3F5;
}
.search2 label img {
    width: 0.66rem;
    padding-top: 0.47rem;
    margin-right: 0.56rem;
}
.search2 input {
    width: 100%;
    height: 0.85rem;
    line-height: 0.85rem;
    margin-top: 0.35rem;
    font-size: 0.69rem;
    text-indent: 1em;
    float: left;
    background: #F2F3F5;
}

/*公用bannar*/
.bannar {
    width:100%;
}
.bannar img {
    width:100%;
}
.bannar video {
    width:100%;
}
/*公用超出滚动*/
.tab-head{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0;
    overflow-x: scroll;
}
.tab-head li>a
{
    text-align: center;
}
.tab-head-item{
    -webkit-box-flex:1;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
}

/*首页样式*/
.indexNav1 {
    width:17rem;
    margin: 0 auto;
    padding:0 0.875rem;
    font-size: 0.7rem;
    border-bottom: 1px solid #f1efef;
    position: relative;
}
.indexNav1 .tab-head-item {
    padding:0 0.75rem;
    line-height: 1.75rem;
    overflow: hidden;
}
.indexNav1:after {
    content:"";
    position: absolute;
    left:17.375rem;
    top: 0.55rem;
    width:1.2rem;
    height:0.75rem;
    background: url(../images/showdown.png) center center no-repeat;
    background-size: 100% 100%;
}
.indexNav1 .tab-head-item:first-child {
    padding-left: 0;
}
.indexNav3 .tab-head-item:first-child {
    padding-left: 0.75rem;
}
.indexNav3 .tab-head-item a {
    color:#fff;
}
.indexNav1 .tab-head-item .active {
    border-bottom: 0.05rem solid transparent;
    display:block;
    height:1.75rem;
    font-size: 0.8rem;
    position: relative;
}
.indexNav1 .tab-head-item .active:before {
    content: '';
    position: absolute;
    left:50%;
    bottom:0;
    width:1.4rem;
    height:0.06rem;
    background:#fff;
    margin-left: -0.7rem;
}
.indexNav1 .tab-head-item .active_1 {
    /* border-bottom: 0.05rem solid transparent;
    display:block;
    height:1.75rem;
    font-size: 0.8rem;
    position: relative; */
    background-color: #5F8FE3;
    padding:0.2rem 0.7rem;
    border-radius: 0.7rem;
    position: relative;
}
.indexNav1 .tab-head-item .active_1:before {
    content: '';
    position: absolute;
    left:50%;
    bottom:-0.6rem;
    width: 0;
    height: 0;
    left:50%;
    transform: translateX(-50%);
    border: 0.3rem solid transparent;
    border-top-color: #5F8FE3;
}
.indexNav2 {
    background:#f1efef;
}
.indexNav2:after {
    background: url(../images/showdown2.png) center center no-repeat;
    background-size: 100% 100%;
}
.indexNav3:after {
    background: transparent;
    background-size: 100% 100%;
}
.indexNav3 .logo {
    display:block;
    width:1.6rem;
    height: 1.6rem;
    padding-top: 0.3rem;
}
.top .search2 label, .top .search2, .top .search2 input {
    background:#fff;
}
.indexNav3 .logo img {
    border-radius: 0.2rem;
}
.indexNav3 .tab-head {
    width: 15rem;
}
.topAddLink {
    width:17.5rem;
    display:block;
    margin: 0 auto;
}
.indexNav2 .tab-head-item .active {
    border:none;
}
.device {
    margin: 0 0 0.5rem;
}
.indexTab2 .tab-head-item {
    width:4.69rem;
    text-align: center;
    font-size: 0.7rem;
    color:#6b6b6b;
}
.indexTab2 .tab-head-item p {
    height:1.25rem;
    line-height: 1.25rem;
    padding-bottom: 0.1rem;
    margin-top: 0.1rem;
}
.indexTab2 .tab-head-item .img {
    height:2.38rem;
}
.indexTab2 .tab-head-item .computer {
    height:1.3rem;
    padding-top:0.9rem;
}
.indexTab2 .tab-head-item .line {
    height:1.4rem;
    padding-top:0.9rem;
}
.indexTab2 .tab-head-item .doctor {
    height:1.1rem;
    padding-top:1.1rem;
}
.indexTab2 .tab-head-item .book {
    height:1rem;
    padding-top:1.25rem;
}
.indexMarquee {
    width:17rem;
    margin: 0 auto;
}
.indexMarquee {
    height:0.9rem;
    line-height: 0.9rem;
    margin-top: 0.5rem;
}
.indexMarquee .hotIcon {
    padding-right: 0.5rem;
}
.indexMarquee p {
    width:12rem;
    height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexMarquee img {
    height: 1.1rem;
    vertical-align: middle;
    width:auto;
}
.indexMarquee .more2 {
    height:0.6rem;
}
.indexSubject .tab-head-item {
    width:11.25rem;
    height:5.25rem;
    border-radius: 0.3rem;
    overflow:hidden;
    margin-right: 0.5rem;
    position: relative;
}
.indexSubject .tab-head-item:first-child{
    margin-left: 0.9rem;
}
.indexSubject .tab-head-item.last {
    width: 0.4rem;
}
.indexList2 {
    width:17.5rem;
    margin: 0 auto;
}
.indexList2 .item {
    width: 8.5rem;
    min-height:9.2rem;
    display:block;
    float: right;
}
.indexList2 .item:nth-child(2n){
    float: left;
}
.indexList2 .item .top {
    width: 100%;
    overflow:hidden;
    position: relative;
    height: 5.7rem;
}
.indexList2 .item .top>img {
      object-fit: cover;
      height:100%;
}
.videoBox {
    position: absolute;
    left: 0;
    bottom:0;
    width:100%;
    height: 1.3rem;
    line-height: 1.3rem;
    background:linear-gradient(0deg,rgba(18,32,54,0.4) 0%,rgba(18,32,54,0) 100%);
    color:#fff;
    font-size: 0.6rem;
}
.videoBox .icon {
    width:0.9rem !important;
    height:0.9rem;
    padding-left: 0.6rem;
}
.videoBox .time {
    padding-right: 0.6rem;
    font-size: 0.6rem;
    opacity:0.8;
}
.indexList2 .item .bottom {
    padding: 0.7rem 0.5rem 0;
}
.indexList2 .item .bottom .title, .indexSubject .tab-head-item .title {
    font-size: 0.65rem;
    margin-bottom: 0.25rem;
    color:#191C22;
    width:100%;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexSubject .tab-head-item .bottom {
    padding: 0.3rem;
}
.indexList2 .item .bottom .dec, .indexSubject .tab-head-item .dec {
    font-size: 0.55rem;
    color:#999;
    width:100%;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexList2 .item .bottom .price, .indexSubject .tab-head-item .price {
    font-size: 0.65rem;
    color:#F85C62;
    margin-top: 0.25rem;
}
.indexList2 .item .bottom .price:before, .indexSubject .tab-head-item .price:before {
    content: "¥";
    font-size: 0.55rem;
}
.indexList2 .item .bottom .price:before, .indexSubject .tab-head-item .price2:before {
    display:none;
    content: "";
}

/*.indexList2 .item:nth-child(1) {
    width:17.5rem;
    height:auto;
    padding-bottom: 0.5rem;
}
.indexList2 .item:nth-child(1) .top img {
    width:100%;
}
.indexList2 .item:nth-child(1) .top .videoBox {
    height: 2.5rem;
}
.indexList2 .item:nth-child(1) .bottom {
    position: relative;
}
.indexList2 .item:nth-child(1) .bottom .price {
    position: absolute;
    right:0.5rem;
    bottom:0;
}

.indexList3 .item {
    float: left;
}
.indexList3 .item:nth-child(2n) {
    float: right;
}
.indexList3 .item:nth-child(1) {
    width: 8.5rem;
    height: 9.2rem;
    padding-bottom: 0;
}
.indexList3 .item:nth-child(1) .top .videoBox {
    height: 1.3rem;
}
.indexList3 .item:nth-child(1) .bottom .price {
    position: static;
}*/
/*登录页*/
.login ul li {height: 2.5rem;line-height: 2.5rem;background:#fff;border-bottom: 1px solid #e5e5e5;}
.login ul li label {width: 5.25rem;font-size: 0.75rem;float: left;text-align: center;}
.login ul li input {width: 12.5rem;height: 2.5rem;font-size: 0.75rem;float: left;border:none;background:none;}
.login ul .ver input {width: 7.25rem;}
.login ul .ver span {float: right;font-size: 0.75rem;color:#159adc;cursor: pointer;width: 4.99rem;text-align: center;box-shadow: -0.04rem 0 #e5e5e5;-webkit-box-shadow: -0.04rem 0 #e5e5e5;margin-top:0.5rem;line-height: 1.5rem;}
.login .btn {width: 17rem;height: 2.23rem;line-height: 2.23rem;font-size: 0.8rem;display: block;margin: 3rem auto 0;text-decoration: none;border-radius: 0.3rem;text-align: center;background: #159adc;color:#fff;border:none;}
/*浏览记录*/
.tabXJ {
    position: fixed;
    left:0;
    top: 0;
    width:100%;
    height: 1.95rem;
    line-height: 1.95rem;
    font-size: 0.85rem;
    background:#fff;
    border-bottom: 1px solid #f1efef;
    z-index: 5;
}
.tabXJ p {
    width:50%;
    text-align: center;
}
.tabXJ .active {
    color:#159adc;
}
.tabXJ .active span {
    display:inline-block;
    height:100%;
    padding: 0 0.5rem;
    border-bottom: 0.1rem solid #159adc;
}
/*咨询详情*/
.inforDetail {
    padding-bottom: 2rem;
    width:17rem;
    margin: 0 auto;
}
.inforDetail h3 {
    font-size: 1.1rem;
    line-height: 1.5rem;
    padding: 0.5rem 0 0.3rem;
    text-align: justify;
}
.inforDetail .time {
    font-size: 0.6rem;
    color:#999;
    margin-bottom: 0.75rem;
}
.inforDetail .content {
    font-size: 0.75rem;
    line-height: 1.5;
}
.inforDetail .content p {
    margin-bottom: 0.5rem;
}
.inforDetail .content img {
    max-width: 100%;
}
.inforDetail .content video {
    width:100%;
    height: auto;
    background:#000;
    line-height: 1;
}
.inforDetail .bottomOperation {
    width:17rem;
    height:1.7rem;
    padding: 0 0.875rem;
    line-height: 1.7rem;
    background:#fff;
    position: fixed;
    left: 0;
    bottom:0;
    font-size: 0.75rem;
}
.inforDetail .bottomOperation .looked {
    font-size: 0.65rem;
    color:#858585;
}
.inforDetail .bottomOperation .col {
    padding-left: 1.25rem;
    background: url(../images/icon/coll.png) 0.1rem 53% no-repeat;
    background-size: 0.9rem 0.9rem;
    height: 1.7rem;
    line-height: 1.7rem;
    padding-top: 0.1rem;
    margin-right: 0.85rem;
    font-size: 0.65rem;
    color: #858585;
}
.inforDetail .bottomOperation .col.active {
    background:url(../images/icon/coll2.png) 0.1rem 53% no-repeat;
    background-size: 0.9rem 0.9rem;
    color:#159adc;
}
.inforDetail .bottomOperation .nice {
    padding-left: 1.25rem;
    background: url(../images/icon/nice.png) left center no-repeat;
    background-size: 0.93rem 0.93rem;
    height: 1.7rem;
    line-height: 1.7rem;
    padding-top: 0.1rem;
    font-size: 0.65rem;
    color: #858585;
}
.inforDetail .bottomOperation .nice.active {
    background:url(../images/icon/nice2.png) left center no-repeat;
    background-size: 0.93rem 0.93rem;
    color:#159adc;
}
/*我的评论*/
.myComtent {
    padding:0.5rem 0 1rem;
}
.myComtent .item{
    display:block;
    width:17rem;
    padding: 0.75rem 0.875rem;
    border-bottom: 1px solid #f1efef;
}
.myComtent .item:last-child{
    border:none;
}
.myComtent .item .head {
    width:1.85rem;
    height:1.85rem;
    border-radius: 50%;
    overflow:hidden;
    border: 1px solid #f1efef;
}
.myComtent .item .head img {
    width:1.85rem;
    height:1.85rem;
    object-fit: cover;
}
.myComtent .item .top {
    margin-bottom: 0.7rem;
}
.myComtent .item .name {
    width:14.45rem;
    font-size: 0.7rem;
    line-height: 1.5;
}
.myComtent .item .name .name {
    width:6rem;
}
.myComtent .item .time{
    color:#858585;
    font-size: 0.55rem;
}
.myComtent .item .content {
    font-size: 0.75rem;
    line-height: 1.5;
    text-align: justify;
}
/*我的消息*/
.myNews .dropload-down {
    padding-bottom: 1rem;
}
.myNews .content {
    border-bottom: 1px solid #f5f5f5;
}
.myNews .item {
    display:block;
    width:17rem;
    padding: 0.75rem 0.875rem 0.3rem;
    background:#fff;
    border-top: 1px solid #f1efef;
    border-bottom: 1px solid #f1efef;
    margin-bottom: 0.5rem;
}
.myNews .content .item:first-child {
    border-top: none;
}
.myNews .content .item:last-child {
    border-bottom: none;
}
.myNews .item .time {
    padding-left: 0.5rem;
    border-left: 0.2rem solid #159adc;
    font-size: 0.55rem;
    color:#acacac;
    height:0.8rem;
    line-height: 0.8rem;
}
.myNews .item .text {
    font-size: 0.7rem;
    color:#696868;
    line-height: 1rem;
    padding: 0.3rem 0;
}
/*课程介绍*/
.tabXJ div {
    width:33.33%;
    text-align: center;
}
.tabItems {
    padding-bottom: 3.75rem;
}
.tabItems .top .title {
    font-size: 0.9rem;
    line-height: 1.3rem;
    padding: 0.7rem 0 0.3rem;
    text-align: justify;
    margin-bottom: 0.5rem;
}
.tabItems .top .dec {
    margin-top: -0.5rem;
    padding-top: 0;
    font-size: 0.75rem;
    color:#858585;
    width: 14.1rem;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0;
}
.tabItems .top .open .dec {
    white-space: initial;
    width:100%;
} 
.tabItems .top .open .openDec {
    width:100%;
    text-align: center;
    margin:-0.5rem 0 0.75rem;
} 
.tabItems .top .decBox .openDec {
    font-size: 0.65rem;
    color:#999;
}
.tabItems .top .decBox .openDec img {
    width:0.55rem;
    height: 0.55rem;
    margin: 0.1rem 0 0 0.1rem;
}
.tabItems .top .time {
    font-size: 0.6rem;
    color: #999;
    height:0.8rem;
    line-height: 0.8rem;
}
.tabItems .top .time em {
    display:inline-block;
    width:1px;
    height:0.4rem;
    background:#f1efef;
    margin: 0 0.4rem;
}
.w92 {
    width:17rem;
    padding:0 0.875rem;
    padding-top: 1rem;
}
.tabItems .top {
    padding-bottom: 0.2rem;
    margin-bottom: 0.75rem;
}
.tabItems .item1 .content {
    font-size: 0.75rem;
    line-height: 1.5;
}
.tabItems .item1 .content .seeMore {
    display:none;
}
.tabItems .item1 .content.hide {
    height:3rem;
    overflow:hidden;
    position: relative;
}
.tabItems .item1 .content.hide .seeMore {
    display:block;
    position: absolute;
    left:0;
    bottom:-1px;
    width: 100%;
    height:1.5rem;
    z-index: 2;
    color:#666;
    text-align: center;
    line-height: 1.5rem;
    padding-top: 1.5rem;
    background:linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));
}

.tabItems .item1 .content * {
    font-size: 0.75rem !important;
}

.tabItems .item1 .content p {
    margin-bottom: 0.5rem;
}
.tabItems .item1 .content video {
    width:100%;
    height: auto;
    background:#000;
    line-height: 1;
}
.tabItems .item1 .allColumn {
    padding: 0.875rem;
}
.tabItems .bottomBotton {
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    height:2.2rem;
    line-height: 2.2rem;
    background:#fff;
    z-index: 5;
    border-top: 1px solid #f1efef;
}
.tabItems .bottomBotton p {
    width:50%;
    text-align: center;
    font-size: 0.8rem;
    text-align: center;
}
.tabItems .bottomBotton .col {
    padding-left: 1rem;
    width:8.625rem;
    color:#a6a5a4;
    background:url(../images/icon/coll3.png) 3.25rem 45% no-repeat;
    background-size: 1.125rem 1.1rem;
}
.tabItems .bottomBotton .buy {
    background:#fb463c;
    color:#fff;
}
.tabItems .bottomBotton .comtent {
    background:#159adc;
    color:#fff;
}
.tabItems .bottomBotton .col.active {
    background:url(../images/icon/coll4.png) 3.25rem 45% no-repeat;
    background-size: 1.125rem 1.1rem;
    color:#159adc;
}
.itemNumber .myComtent .item .top {
    margin-bottom: 0.2rem;
}
.myComtent .item .name .nice {
    padding-left: 1.3rem;
    background:url(../images/icon/nice.png) left center no-repeat;
    background-size: 0.9rem 0.9rem;
    font-size: 0.6rem;
    color:#616161;
}
.myComtent .item .name .nice.active {
    background:url(../images/icon/nice2.png) left center no-repeat;
    background-size: 0.9rem 0.9rem;
    color:#159adc;
}
.itemNumber .authorReply {
    padding: 0.75rem;
    background:#f8f8f8;
    font-size: 0.7rem;
    color:#545353;
    border-radius: 0.2rem;
    margin-top: 0.9rem;
    position: relative;
}
.itemNumber .authorReply:before{
    content:"";
    position: absolute;
    top: -0.6rem;
    left:1.5rem;
    width:0;
    height:0;
    border-bottom: 0.75rem solid #f8f8f8;
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
}
.itemNumber .authorReply h4 {
    color:#333;
    margin-bottom: 0.1rem;
}
.itemNumber .authorReply .replyTime,  .feedbackFeedbackTime{
    font-size: 0.55rem;
    color:#858585;
    margin-bottom: 0.3rem;
}
.feedbackFeedbackTime {
    margin-top: 0.5rem;
}
.itemNumber .authorReply .text {
    line-height: 1.15rem;
}
/*课程详情*/
.tabItems .top .tvListBotton {
    font-size: 0.6rem;
    color: #159adc;
    height: 0.8rem;
    line-height: 0.8rem;
}
.tabItems .top .tvListBotton img {
    width:0.33rem;
    height:0.57rem;
    margin-left: 0.3rem;
}
.comtentBotton {
    position: fixed;
    left:0;
    bottom:0;
    z-index: 9;
    width:100%;
    padding: 0.6rem 0;
    background:#fff;
}
.playList {
    position: fixed;
    left:0;
    top: 100%;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    opacity:0;
}
.allButton {
    display:block;
    width:17rem;
    height:2.1rem;
    line-height: 2.1rem;
    color:#fff;
    border-radius: 0.2rem;
    background:#159adc;
    text-align: center;
    margin: 0 auto;
    font-size: 0.7rem;
}
.playList .list {
    width:100%;
    height:12.25rem;
    background:#fff;
    position: absolute;
    left:0;
    bottom:0;
    z-index: 2;
}
.playList .list .open {
    width:0.8rem;
    height:0.8rem;
}
.playList .list ul {
    height:5.7rem;
    overflow:auto;
}
.playList .list li {
    width:17rem;
    padding: 0 0.875rem;
    border-top: 1px solid #f1efef;
    height:2.25rem;
    line-height: 2.25rem;
    font-size: 0.7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.playBotton {
    left:0;
    top: 0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    text-align: center;
}
.playBotton img {
    width:1.65rem;
    height:1.65rem;
}
/*意见反馈*/
.feedbackFeedback .form {
    background:#fff;
    padding: 0.875rem;
}
.form textarea {
    width:16rem;
    height:5rem;
    border-radius: 0.2rem;
    border:none;
    padding: 0.5rem;
    margin: 0 auto;
    font-size: 0.75rem;
}
.feedbackFeedback .form textarea {
    background:#f5f5f5;
    margin-bottom: 1rem;
}
.form .allButton, .commentPage .allButton {
    border:none;
}
/*评论页*/
.commentPage .text {
    padding: 0.55rem 0.875rem;
    background:#fff;
    margin-bottom: 1.25rem;
}
.commentPage textarea{
    width:16rem;
    height:5rem;
    border-radius: 0.2rem;
    border:none;
    padding: 0.5rem;
    margin: 0 auto;
    font-size: 0.75rem;
    background:#f5f5f5;
}
/*我的*/
.myPage .head{
    width:3.125rem;
    height:3.125rem;
    border-radius: 50%;
    overflow:hidden;
}
.myPage .icon1 {
    width:1.125rem;
}
.myPage .icon2 {
    width:1rem;
    /*height:1rem;*/
    margin-right: 0.5rem;
}
.myPage .moreIcon {
    width:0.33rem;
    height:0.7rem;
}
.myPage .top {
    width:100%;
    height:5.25rem;
    background:url(../images/back2.jpg);
    background-size: 100% 100%;
}
.myPage .top .content {
    width:17rem;
    margin: 0 auto;
}
.myPage .top .content .right {
    width:9.375rem;
    margin-left: 0.5rem;
}
.myPage .top .content .vip {
    width:7rem;
    height:2.5rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding:0.45rem 0 0 0.3rem;
    background:#fff;
    border-radius: 0.2rem;
}
.myPage .top .content .vip img {
    width:1.6rem;
    margin-right: 0.15rem;
}
.myPage .top .content .vip .text {
    font-size: 0.65rem;
}
.myPage .top .content .vip .time {
    font-size: 0.55rem;
    color:#FCB81D;
}
.myPage .top .content .name {
    font-size: 0.9rem;
    color:#159adc;
}
.myPage .top .content .phone {
    font-size: 0.7rem;
    color:#3a3a3a;
}
.myPage .middle {
    background:#fff;
    padding: 0.75rem 0.5rem;
}
.myPage .middle .centent{
    box-shadow: 0 0 1rem #f1efef;
    -webkit-box-shadow: 0 0 1rem #f1efef;
    border-radius: 0.3rem;
    padding: 0.7rem 0 0.55rem;
}
.myPage .middle .centent a{
    width:33.33%;
    text-align: center;
    font-size: 0.7rem;
    border-right: 1px solid #f1efef;
}
.myPage .middle .centent a:last-child {
    border:none;
}
.myPage .middle .centent a img {
    margin-bottom: 0.1rem;
}
.myPage .list {
    background:#fff;
    border-bottom: 1px solid #f1efef;
}
.myPage .list a {
    height:2.25rem;
    line-height: 2.25rem;
    width:17rem;
    padding: 0 0.875rem;
    border-top: 1px solid #f1efef;
    font-size: 0.7rem;
}
.myPage .list .hasNew {
    position: relative;
}
.myPage .list .hasNew:before {
    content:"";
    position: absolute;
    right:1.7rem;
    top: 0.875rem;
    width:0.5rem;
    height:0.5rem;
    border-radius: 50%;
    background:#ff3f40;
}
.myPage .list a .number {
    color:#159ADC;
    font-size: 0.65rem;
    height: 0.7rem;
    line-height: 0.7rem;
    margin-right: 0.3rem;
}

/*个人信息*/
.personalInformation .from {
    background:#fff;
}
.personalInformation .item {
    width:17rem;
    padding: 0 0.875rem;
    border-bottom: 1px solid #f1efef;
    font-size: 0.7rem;
    height: 2.25rem;
    line-height: 2.25rem;
    color: #8f8d8d;
}
.personalInformation .item:last-child {
    border:none;
}
.personalInformation .item input, .personalInformation .item p {
    text-align: right;
}
.personalInformation .item .select {
    width:8rem;
    padding-right: 0.8rem;
    background:url(../images/icon/more.png)right center no-repeat;
    background-size: 0.33rem 0.7rem;
    position: relative;
}
.personalInformation .item .select select, .personalInformation .item .select input[type="date"] {
    position: absolute;
    right:0;
    top: 0;
    width:100%;
    height:100%;
    z-index: 2;
    opacity: 0;
}
.personalInformation .allButton {
    border:none;
    margin-top: 2rem;
}
.personalInformation .radio label {
    margin-left: 0.75rem;
    padding-left: 0.8rem;
    background:url(../images/icon/radio.png) left center no-repeat;
    background-size: 0.45rem 0.45rem;
}
.personalInformation .radio input[type="radio"]:checked +label {
    background:url(../images/icon/radio2.png) left center no-repeat;
    background-size: 0.45rem 0.45rem;
}
#picker {
    color: #8f8d8d;
}
.picker-title, .picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {
    font-size: 0.8rem !important;
}

/*新加的顶部*/
.addTop {
    width:17rem;
    padding: 0 0.875rem;
    font-size: 0.7rem;
    background:#f7f7f7;
    height:2rem;
    line-height: 2rem;
    margin: 0 auto;
}
.addTop .icon {
    width:0.7rem;
    margin-top: 0.65rem;
    margin-right: 0.3rem;
}
.addTop2 {
    background:#fff;
    height: 2.5rem;
    box-shadow: 0 0 1px #ccc;
    -webkit-box-shadow: 0 0 1px #ccc;
}
.addTop2 .logo {
    height: 1.75rem;
    padding-top: 0.4rem;
}
.addTop .mask .iconcenter {
    height:100vh;
}
.addTop .rightButtons {
    padding-top: 0.22rem;
}
.addTop2 .rightButtons {
    padding-top: 0.5rem;
}
.addTop .rightButtons .button {
    display:block;
    width: 3.75rem;
    height: 1.4rem;
    border: 1px solid rgba(208,210,212,1);
    border-radius: 0.25rem;
    font-size: 0.6rem;
    color: #666;
    background: #fff;line-height: 1.4rem;
    text-align: center;
}
.addTop .rightButtons .openApp {
    margin-left: 0.2rem;
}
.maskErweima img {
    width:10rem;
}
/*剧集详情*/
video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 50px); 
}
.dramaSeriesDetail {
    min-height: 100vh;
    background:#F5F5F9;
}
.dramaSeriesDetail .video {
    background:#eee;
}
.dramaSeriesDetail .video video {
    width:100%;
    height:9.9rem;
    background:#000;
}
.dramaSeriesDetail .video .title {
    padding:0.5rem 0.5rem 0;
    line-height: 1rem;
    font-size: 0.7rem;
    color:#191C22;
    margin-bottom: 0.1rem;
}
.dramaSeriesDetail .video .dec {
    line-height: 0.9rem;
    font-size: 0.55rem;
    color:#999;
    padding: 0 0.5rem 0.5rem;
}
.dramaSeriesDetail .bottom {
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:2.25rem;
    line-height: 2.25rem;
    font-size: 0.65rem;
    color:#666;
    background:#fff;
}
.dramaSeriesDetail .bottom .coll {
    padding-left: 1.65rem;
    background:url(../images/icon/coll5.png) 0.65rem center no-repeat;
    background-size: 0.75rem 0.75rem;
}
.dramaSeriesDetail .bottom .coll.active {
    background:url(../images/icon/coll4.png) 0.65rem center no-repeat;
    background-size: 0.75rem 0.75rem;
}
.dramaSeriesDetail .bottom .share {
    padding-left: 1.65rem;
    background:url(../images/icon/share.png) 0.65rem center no-repeat;
    background-size: 0.9rem 0.9rem;
}
.dramaSeriesDetail .bottom .left {
    width:11rem;
}
.dramaSeriesDetail .bottom .price {
    font-size: 0.7rem;
    color:#F85C62;
}
.dramaSeriesDetail .bottom .price:before {
    content:"¥";
    font-size: 0.5rem;
}
.dramaSeriesDetail .bottom .buyButton {
    width:7rem;
    height:2.25rem;
    background:-webkit-linear-gradient(left, rgba(41,145,243,1) 0%, rgba(101,207,255,1) 100%);
    background:linear-gradient(to right, rgba(41,145,243,1) 0%, rgba(101,207,255,1) 100%);
    text-align: center;
    font-size: 0.8rem;
    color:#fff;
}
.dramaSeriesDetail .series {
    width:16rem;
    padding:0 0.75rem;
    background:#fff;
    border-radius: 0.25rem;
    margin:0.5rem auto 0;
}
.dramaSeriesDetail .series .top{
    font-size: 0.7rem;
    color:#191C22;
    height: 2.25rem;
    line-height: 2.25rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 0.75rem;
}
.dramaSeriesDetail .series .itemBox {
    width:16.75rem;
    height: 6.1rem;
    overflow:hidden;
}
.dramaSeriesDetail .series .itemBox .items {
    white-space: nowrap;
    overflow:auto;
    padding-bottom: 2rem;
    padding-right: 0.75rem;
}
.dramaSeriesDetail .series .itemBox .item .cover {
    position: relative;
    width:4.75rem;
    margin-right: 0.5rem;
}
.dramaSeriesDetail .series .itemBox .item .cover .poster {
    width:100%;
    height:3rem;
    object-fit: cover;
}
.dramaSeriesDetail .videoBox .icon {
    padding-left: 0.2rem;
    width: 0.6rem !important;
    height: 0.6rem;
}
.dramaSeriesDetail .videoBox .time {
    padding-right: 0.2rem;
}
.dramaSeriesDetail .videoBox {
    height: 0.825rem;
}
.dramaSeriesDetail .series .item {
    display:inline-block;
    width:4.75rem;
    padding-right: 0.3rem;
}
.dramaSeriesDetail .series .item .serDec {
    font-size: 0.55rem;
    color:#999;
    width:100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 0.9rem;
}
.dramaSeriesDetail .series .item .serTitle {
    font-size: 0.6rem;
    color:#191C22;
    width:100%;
    line-height: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 0.2rem;
}
.dramaSeriesDetail .Recommend {
    width: 16rem;
    padding: 0 0.75rem;
    background:#fff;
    border-radius: 0.25rem;
    margin:0.5rem auto 0.5rem;
    padding-bottom: 0.25rem;
}
.dramaSeriesDetail .Recommend .tittle {
    height:2.25rem;
    line-height: 2.25rem;
    font-size: 0.7rem;
    color:#191C22;
}
.dramaSeriesDetail .Recommend .more {
    height:2.25rem;
    line-height: 2.25rem;
    font-size: 0.6rem;
    color:#999;
    padding-right: 0.75rem;
    background:url(../images/icon/more2.png) right center no-repeat;
    background-size: 0.6rem 0.6rem;
}
.dramaSeriesDetail .Recommend .item .img {
    width:6.75rem;
    height:4.25rem;
    overflow:hidden;
    position: relative;
}
.dramaSeriesDetail .Recommend .item .right {
    width:8.5rem;
}
.dramaSeriesDetail .Recommend .videoBox .icon {
    width: 0.7rem;
    height: 0.7rem;
    padding-left: 0.3rem;
}
.dramaSeriesDetail .Recommend .videoBox .time {
    padding-right: 0.3rem;
}
.dramaSeriesDetail .Recommend .videoBox {
    height: 1.2rem;
}
.dramaSeriesDetail .Recommend .item .right h4 {
    font-size: 0.65rem;
    line-height: 1rem;
    margin-top: -0.15rem;
    color:#191C22;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:100%;
}
.dramaSeriesDetail .Recommend .item .right .dec {
    font-size: 0.55rem;
    line-height: 0.9rem;
    margin-top: 0.3rem;
    color:#999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width:100%;
}
.dramaSeriesDetail .Recommend .item .right .price{
    color:#F85C62;
    margin-top: 1.4rem;
    font-size: 0.7rem;
}
.dramaSeriesDetail .Recommend .item .right .price:before {
    content:"¥";
    font-size: 0.5rem;
}
.dramaSeriesDetail .Recommend .item {
    padding-bottom: 0.5rem;
}
/*我的积分*/
.myIntegral {
    min-height: 100vh;
    background:#F5F5F9;
}
.myIntegral .bannar {
    width: 100%;
    height: 9.5rem;
    background:url(../images/j_dtu.png);
    background-size: cover;
}
.myIntegral .bannar .integralBox {
    text-align: center;
    font-size: 1.65rem;
    line-height: 1.4;
    color:#fff;
}
.myIntegral .bannar .integralBox .text {
    opacity:0.8;
    font-size: 0.7rem;
}
.myIntegral .bannar .right1 {
    right:0;
    top: 50%;
    width:3.4rem;
    height:1.25rem;
    border-bottom-left-radius: 0.65rem;
    border-top-left-radius: 0.65rem;
    color:rgba(255,255,255,0.8);
    font-size: 0.6rem;
    line-height: 1.25rem;
    text-align: center;
    -webkit-transform: translateY(-70%);
            transform: translateY(-70%);
    box-shadow: 0 0 2px #fff;
    -webkit-box-shadow: 0 0 2px #fff;
}
.myIntegral .bannar .right2 {
    right:0;
    top: 50%;
    width:3.4rem;
    height:1.25rem;
    border-bottom-left-radius: 0.65rem;
    border-top-left-radius: 0.65rem;
    color:rgba(255,255,255,0.8);
    background:linear-gradient(90deg,rgba(255,223,110,1),rgba(255,150,37,1));
    font-size: 0.6rem;
    line-height: 1.25rem;
    text-align: center;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
}
.allFont1 {
    font-size: 0.7rem;
}
.allFont2 {
    font-size: 0.65rem;
}
.allFont3 {
    font-size: 0.6rem;
}
.myIntegral .red {
    color:#F85C62;
}
.myIntegral .gray {
    color:#ccc;
}
.myIntegral .content {
    color:#191C22;
    padding: 0.1rem 0.75rem;
    background:#fff;
    width:16rem;
    border-radius: 0.4rem;
    position: absolute;
    left:50%;
    top: 8.38rem;
    bottom: 1rem;
    overflow: auto;
    z-index: 2;
    padding-bottom: 0.3rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
}
.interTitle {
    height: 2.25rem;
    line-height: 2.25rem;
}
.myIntegral .item {
    padding:0.4rem 0;
    border-top: 1px solid #eee;
    line-height: 1.8;
}
.myIntegral .item .line {
    width:4.75rem;
    height:0.3rem;
    background:rgba(66,123,222,0.15);
    border-radius:0.15rem;
    margin-left: 0.2rem;
}
.myIntegral .item .blueLine {
    width:0;
    height: 0.3rem;
    background:rgba(66,123,222,1);
    border-radius:0.15rem;
    transition: width .5s linear;
    -webkit-transition: width .5s linear;
}
.myIntegral .item .look {
    width:2.45rem;
    height:1.13rem;
    line-height: 1.13rem;
    text-align: center;
    border:1px solid rgba(66,123,222,1);
    border-radius:0.1rem;
    color:#427BDE;
}
.myIntegral .item .disable {
    width:2.45rem;
    height:1.13rem;
    line-height: 1.13rem;
    text-align: center;
    background:rgba(245,245,249,1);
    border:1px solid rgba(245,245,249,1);
    border-radius:0.1rem;
    color:#949DAA;
}
/*积分明细*/
.integralDetail {
    min-height:100vh;
    background:#F5F5F9;
}
.integralDetail .top {
    padding: 1rem 0 0;
    background:#eee;
}
.integralDetail .top #moth, .mySdudyTime  #moth {
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top: 0;
    z-index: 2;
    opacity:0;
}
.integralDetail .top .mothChange, .mySdudyTime .mothChange {
    width:3.5rem;
    font-size: 0.65rem;
    position: relative;
    margin-bottom: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-bottom: 0.5rem;
    margin: 0 auto;
}
.integralDetail .top .mothChange p, .mySdudyTime .mothChange p {
    background: url(../images/ico_down.png) right center no-repeat;
    background-size: 0.45rem 0.25rem;
}
.integralDetail .echartsbox {
    width:90%;
    height:30vh;
    margin: 0 auto;
}
.integralDetail .echarts {
    width: 100%;
    height: 30vh;
    margin: 0 auto;
}
.integralDetail .bottom {
    margin:0.5rem auto 0;
    background:#fff;
    border-radius: #fff;
    border-radius: 0.5rem;
    width:16.25rem;
    padding: 0 0.6rem;
}
.integralDetail .bottom .content {
    border-top: 1px solid #eee;
    padding:1rem 0.1rem;
}
.integralDetail .bottom .content .box {
    margin-left: 0.25rem;
    border-left:1px solid #eee;
}
.integralDetail .bottom .content .box .item {
    padding-left: 0.8rem;
    position: relative;
    padding-bottom: 1rem;
    -webkit-transform: translateY(-0.4rem);
            transform: translateY(-0.4rem);
    line-height: 1.5;
}
.integralDetail .bottom .content .box .item:before {
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(-50%, 0.2rem);
            transform: translate(-50%, 0.2rem);
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background:#eee;
}
.integralDetail .red {
    color:#F97075;
}
.integralDetail .green {
    color:#2EBE5A;
}
.integralDetail .item .red:before {
    content:"-";
}
.integralDetail .item .green:before {
    content:"+";
}
.integralDetail .gray {
    color:#999;
}
/*H5推广*/
.addTop2 {
    position: fixed;
    left:50%;
    top: 0;
    z-index: 3;
    margin-left: -9.375rem;
}
.allBox {
    width:16.15rem;
    background:#fff;
    border-radius:0.25rem;
    padding: 0.625rem;
    margin: 0.5rem auto 0;
    line-height: 1.5;
}
.yspallSubmit, .allSubmit {
    width: 100%;
    height:2rem;
    line-height: 2rem;
    color:#fff;
    text-align: center;
    font-size: 0.8rem;
    background:linear-gradient(-90deg,rgba(41,145,243,1) 0%,rgba(101,207,255,1) 100%);
    background:-webkit-linear-gradient(-90deg,rgba(41,145,243,1) 0%,rgba(101,207,255,1) 100%);
    border-radius:0.2rem;
}
.extension #phone {
    width: 100%;
    height:2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 0.7rem;
    background:#f5f5f5;
    border-radius:0.2rem;
    margin-top: 1rem;
}
.extension .yspallSubmit {
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}
/*医视屏APP优惠券*/
.APPquan .topText, .APPquan .seccText {
    font-size: 0.7rem;
    color:#E93323;
    line-height: 1.5;
    text-align: center;
}
.APPquan .seccText {
    color:#666666;
    margin-bottom: 0.8rem;
}
.APPquan .coupon {
    width: 15.75rem;
    height: 3.85rem;
    background:url(../images/voucher_bg.png);
    background-size:100% 100%;
    margin: 0 auto 0.5rem;
    color:#fff;
}
.APPquan .coupon .icon {
    width:3.05rem;
    height:0.7rem;
    line-height: 0.7rem;
    left:0.82rem;
    top: -0.1rem;
    z-index: 2;
    text-align: center;
    background:url(../images/ticket_label.png);
    background-size:100% 100%;
    font-size: 0.5rem;
}
.APPquan .coupon .left {
    padding-left: 1.25rem;
}
.APPquan .coupon .studas {
    font-size: 0.65rem;
}
.APPquan .coupon .time {
    font-size: 0.55rem;
}
.APPquan .coupon .price {
    width:4.5rem;
    text-align: center;
    font-size: 1.25rem;
    line-height: 0.75rem;
}
.APPquan .coupon .price:before {
    content:"￥";
    font-size: 0.75rem;
}
.APPquan .dhjd, .APPquan .intell {
    font-size: 2.1rem;
    color:#191C22;
    line-height: 2;
    text-align: center;
}
.APPquan .dhjd img, .APPquan .intell img {
    vertical-align: middle;
    margin-right: 0.4rem;
    width:0.95rem;
}
.bottomLoadApp {
    padding:1rem 0 2rem;
    font-size: 0.65rem;
    text-align: center;
}
.bottomLoadApp p {
    color:#666;
    line-height: 1.5;
    padding:0.8rem 0;
}
.bottomLoadApp a {
    display:inline-block;
    width:3.75rem;
    height:1.5rem;
    line-height: 1.5rem;
    border:1px solid rgba(41,145,244,1);
    border-radius:0.1rem;
    text-align: center;
    color:#427BDE;
}
/*组队*/
.teamFormation {
    background:#f7755d;
}
.teamFormation .content {
    width: 18.75rem;
    height: 27.95rem;
    margin: 0 auto;
    background:#fff;
    position: relative;
}
.teamFormation .zd_mzbj {
    width:18.75rem;
    height: 19.55rem;
    position: absolute;
    left:50%;
    top: 8.5rem;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.teamFormation .concait {
    position: absolute;
    left:50%;
    top: 13rem;
    z-index: 2;
    width:13rem;
    height:13.4rem;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.teamFormation .concait .text {
    line-height: 1.5;
    padding:0 1rem;
}
.teamFormation .concait .heads {
    width: 13rem;
    height:6.25rem;
}
.teamFormation .concait .heads .item {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background:url(../images/h5zd_jia.png);
    background-size: 100% 100%;
    overflow:hidden;
    margin: 0.16rem;
    display:inline-block;
}
.teamFormation .concait .heads .item img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.teamFormation .rightPf {
    width:3.77rem;
    height:1.5rem;
    line-height: 1.5rem;
    background:rgba(0,0,0,0.2);
    border-bottom-left-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
    text-align: center;
    color:#fff;
    position: fixed;
    right:0;
    top: 3.25rem;
    z-index: 2;
}
.yspallSubmit.disable {
    background:#F5F5F9;
    color:#191C22;
}
.ruleMask .iconcenter {
    height:100vh;
}
.ruleMask .content {
    width:12.5rem;
    padding:1rem 1.4rem;
    border-radius:20px;
    background:#fff;
}
.ruleMask .close {
    width: 1.8rem;
    height: 1.8rem;
    background:url(../images/yqgz_close.png);
    background-size: 100% 100%;
    margin: 1rem auto 0;
}
.ruleMask .title {
    width: 9.1rem;
    height: 2.1rem;
    background:url(../images/yqgz_title.png);
    background-size: 100% 100%;
    text-align: center;
    color:#fff;
    line-height: 1.6rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.ruleMask .content p {
    line-height: 1.8;
    margin-bottom: 0.5rem;
}
.invitationDtails {
    padding-bottom: 1rem;
}
.invitationDtails .topBannar {
    height: 8rem;
    width:16.75rem;
    padding: 0 1rem;
    background:url(../images/yqmx_bj.png);
    background-size: 100% 100%;
    color:#fff;
    text-align: center;
    position: relative;
    margin:0 auto;
}
.invitationDtails .topBannar .iconcenter {
    width: 50%;
    font-size: 0.7rem;
    line-height: 1.4rem;
}
.invitationDtails .topBannar:before {
    content:"";
    position: absolute;
    left:50%;
    top: 50%;
    z-index: 3;
    width: 1px;
    height: 1.2rem;
    background:#fff;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity:0.3;
}
.invitationDtails .topBannar .number {
    font-size: 1.65rem;
}
.invitationDtails .table, .invitationDtails .ranking {
    width:17.5rem;
    margin: 0.6rem auto 0;
    font-size: 0.65rem;
    text-align: center;
}
.invitationDtails .table th {
    font-size: 0.7rem;
    background:#fff;
}
.invitationDtails .table table {
    width: 100%;
    line-height: 2rem;
    border-radius: 0.2rem;
    overflow:hidden;
}
.invitationDtails .table tbody tr:nth-child(2n){
    background:#fff;
}
.invitationDtails .more {
    text-align: center;
    height:2rem;
    line-height: 2rem;
    padding-bottom: 0.25rem;
    color:#999;
}
.invitationDtails .more img {
    vertical-align: middle;
    width: 0.25rem;
    margin-left: 0.25rem;
}
.invitationDtails .ranking {
    margin-top: 0;
}
.invitationDtails .ranking .title {
    width: 13.4rem;
    height: 2.15rem;
    line-height: 1.7rem;
    background:url(../images/yqmx_bt.png);
    background-size: 100% 100%;
    color:#fff;
    font-size: 0.7rem;
    margin: 0 auto 0.4rem;
}
.invitationDtails .ranking .content{
    width:17.15rem;
    height: 10.15rem;
    background:url(../images/yqmx_pm.png);
    background-size: 100%;
    position: relative;
}
.invitationDtails .ranking .content .item {
    width:calc(1/3*100%);
    position: absolute;
}
.invitationDtails .ranking .content .item .head {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    overflow: hidden;
    margin:0 auto;
    position: relative;
}
.invitationDtails .ranking .content .item .head img {
    width: 100%;
    position: absolute;
    left:0;
    top: 0;
    z-index: 3;
}
.invitationDtails .ranking .content .item .name {
    font-size: 0.7rem;
    margin-top: 0.8rem;
    line-height: 1;
}
.invitationDtails .ranking .content .item p {
    font-size: 0.6rem;
    color:#999;
    line-height: 0.6rem;
    margin-top: 0.4rem;
}
.invitationDtails .ranking .content .item p span {
    font-size: 0.9rem;
    color:#F85C62;
}
.invitationDtails .ranking .content .item:nth-child(1){
    left:calc(1/3*100%);
    top: 1.5rem;
}
.invitationDtails .ranking .content .item:nth-child(2){
    left:calc(0/3*100%);
    top: 2.77rem;
}
.invitationDtails .ranking .content .item:nth-child(3){
    left:calc(2/3*100%);
    top: 2.77rem;
}
.invitationDtails .ranking .content .item:nth-child(1):before{
    content:"";
    position: absolute;
    left:50%;
    top: 0;
    -webkit-transform: translate(-50%, -65%);
            transform: translate(-50%, -65%);
    background:url(../images/yqmx_n1.png);
    background-size:100% 100%;
    width:1.3rem;
    height:1.3rem;
    z-index: 1;
}
.invitationDtails .ranking .content .item:nth-child(2):before{
    content:"";
    position: absolute;
    left:50%;
    top: 0;
    -webkit-transform: translate(-50%, -60%);
            transform: translate(-50%, -60%);
    background:url(../images/yqmx_n2.png);
    background-size:100% 100%;
    width:1rem;
    height:1rem;
    z-index: 1;
}
.invitationDtails .ranking .content .item:nth-child(3):before{
    content:"";
    position: absolute;
    left:50%;
    top: 0;
    -webkit-transform: translate(-50%, -60%);
            transform: translate(-50%, -60%);
    background:url(../images/yqmx_n3.png);
    background-size:100% 100%;
    width:1rem;
    height:1rem;
    z-index: 1;
}
/*我的学习时长*/
.mySdudyTime #echarts {
    width:100%;
    height:30vh;
}
.mySdudyTime .echartsbox {
    padding: 0.8rem 1.2rem 0.5rem;
    background:#fff;
    width:16.35rem;
    margin: 0 auto;
}
.mySdudyTime .topText {
    padding:0.85rem 1.5rem 0;
    background:#fff;
}
.mySdudyTime .cblue {
    color:#427BDE;
}
.mySdudyTime .list {
    width:16rem;
    padding:0.75rem;
    background:#fff;
    border-radius: 0.2rem;
    margin: 0.6rem auto 0;
    line-height: 2rem;
    color:#191C22;
}
.mySdudyTime .list ul li {
    border-bottom: 1px solid #eee;
}
.mySdudyTime .list ul li:last-child{
    border-bottom: none;
}
.layui-laydate {
    font-size: 0.65rem !important;
}
.laydate-footer-btns .laydate-btns-clear {
    display:none;
}
.indexMarquee2 {
    background:rgba(255,255,255,1);
    border-radius:0.25rem;
    margin-top: 0.5rem;
}
.indexMarquee2 .title {
    height:0.9rem;
    line-height: 0.9rem;
    padding:0.75rem 0.88rem 0 0.7rem;
    font-size: 0.8rem;
    color:#F85C62;
    margin-bottom: 0.2rem;
}
.indexMarquee2 .title .icon {
    margin-right: 0.4rem;
    width:0.7rem;
}
.indexMarquee2 .title a {
    color:#999;
    font-size: 0.6rem;
}
.indexMarqueeList {
    padding:0 0.75rem 0 0.7rem;
    font-size: 0.7rem;
    color:#121212;
}
.indexMarqueeList .icon {
    width:0.75rem;
    height: 0.75rem;
    margin: 0.35rem 0.4rem 0 0;
}
.indexMarqueeList p {
    max-width: 16rem;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.indexMarqueeList a {
    line-height: 1.5rem;
    font-size: 0.7rem;
}
.indexMarquee2 .title a{
    font-size: 0.6rem;
}
.indexMarquee2 .title .more {
    width: 0.35rem;
    height: 0.6rem;
    margin-top: 0.1rem;
    margin-left: 0.35rem;
}


.buyVip .top {
    width:100%;
    height:5rem;
    background-image:url(../images/gmhywgm_dtbj.png);
    background-size: 100% auto;
    background-position: left bottom;
    background-repeat: no-repeat;
    color:#fff;
}
.buyVip .top .head {
    width:2.5rem;
    height:2.5rem;
    padding-right:0.6rem;
    border-radius: 50%;
}
.buyVip .top .name span {
    font-size: 0.55rem;
    opacity:0.6;
}
.buyVip .top .text {
    font-size: 0.55rem;
}
.buyVip .top .right {
    width:14.5rem;
}
.buyVip .items {
    height: 8.95rem;
    background:#fff;
    padding: 0.7rem 0.4rem;
}
.buyVip .items .tab-head-item {
    width:6.4rem;
    height: 7.17rem;
    background:url(../images/gmhywgm_yhy.png);
    background-size: 100% 100%;
    text-align: center;
}
.buyVip .items .tab-head-item.active {
    background:url(../images/gmhywgm_zhy.png);
    background-size: 100% 100%;
}
.buyVip .items .title {
    font-size: 0.8rem;
    font-weight: bold;
    line-height: 2;
    padding-top:0.7rem;
}
.buyVip .items .price {
    color:#F8555B;
    font-size: 1.4rem;
    line-height: 1.8;
}
.buyVip .items .price::before {
    content: '￥';
    color:#F8555B;
    font-size: 0.7rem;
}
.buyVip .items .drice {
    width:2.7rem;
    height:0.85rem;
    line-height: 0.85rem;
    background:rgba(248,85,91,1);
    border-radius:0.1rem;
    font-size: 0.5rem;
    color:#fff;
    margin: 0.3rem auto 0;
}
.buyVip .items .topBox {
    height:7.2rem;
    overflow:hidden;
}
.buyVip .items .tab-head {
    padding-bottom: 1rem;
}
.buyVip .items .text {
    font-size: 0.65rem;
    color:#666;
    line-height: 2;
    padding-left: 0.4rem;
    margin-top: 0.5rem;
}
.buyVip .bottom {
    margin-top: 0.5rem;
    background:#fff;
    line-height: 2.25rem;
    padding: 0 0.6rem;
}
.buyVip .bottom .item {
    height:2.25rem;
    font-size: 0.7rem;
    border-bottom: 1px solid #eee;
}
.buyVip .bottom .item:last-child {
    border-bottom: none;
}
.buyVip .bottom .red {
    color:#F8555B;
}
.buyVip .bottom .price:before {
    content: '￥';
    font-size: 0.5rem;
}
.buyVip .bottom span {
    margin-left: 0.5rem;
}
.buyVip .bottom .weui-switch-cp__box {
    margin-top: 0.5rem;
}
.bottomButtonBox {
    position: fixed;
    left:0;
    bottom:0;
    z-index: 5;
    width:100%;
    height:3rem;
}
.allbutton2 {
    width:17.25rem;
    height:2rem;
    background:linear-gradient(-90deg,rgba(41,145,243,1) 0%,rgba(101,207,255,1) 100%);
    border-radius:0.25rem;
    font-size: 0.8rem;
    color:#fff;
    text-align: center;
    line-height: 2rem;
    margin: 0 auto;
}
.pageTop {
    transition: background 1s linear;
    -webkit-transition: background 1s linear;
}
.indexTab3 {
    width:17.45rem;
    background:rgba(255,255,255,1);
    border-radius:0.25rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0.5rem 0.4rem;
    margin: 0.5rem auto;
}
.indexTab3 a {
    width:20%;
    height:3rem;
    text-align: center;
}
.indexTab3 a .computer {
    height:1.3rem;
    padding-top: 0.6rem;
}
.indexTab3 a p {
    font-size: 0.7rem;
    line-height: 2;
}
.scrollSilder3 {
    width: 100%;
    height: 7.5rem;
    padding-top: 0.6rem;
}
.scrollSilder3 .swiper-slide {
    width: 15rem;
    height: 7rem;
    background-image: url(../images/graycard_bg.png);
    background-size: 100% 100%;
    position: relative;
    font-weight: bold;
    color: #474246;
    border-radius: 0.25rem;
}
.indexMode {
    background:#fff;
    margin: 0.5rem 0;
}
.indexMode .allColumn3 {
    padding: 0.6rem 0.45rem 0.45rem 0.6rem;
    width:17.5rem;
    overflow:hidden;
    line-height: 2.2rem;
}
.indexMode .allColumn3 .back {
    height:2.2rem;
}
.indexMode .allColumn3 h3 {
    position: absolute;
    left:1.9rem;
    top:0.6rem;
    z-index: 3;
    font-size: 0.85rem;
    color:#fff;
}
.indexMode .allColumn3 .more {
    position: absolute;
    right:0.25rem;
    top:0.6rem;
    font-size: 0.6rem;
    color:#999;
}
.indexMode .allColumn3 .more img {
    width:0.7rem;
    height: 0.7rem;
    margin-left: 0.3rem;
    padding-top: 0.75rem;
}
.indexMode .indexList2 .item {
    height: auto;
    padding-bottom: 0.5rem;
    float: left;
}
.indexMode .indexList2 .item:nth-child(2n){
    float: right;
}
.indexMode .indexList2 .item .bottom {
    padding: 0.5rem 0 0;
}
.indexMode .allList .item .right .dec, .indexMode .allList .item .right .author {
    font-size: 0.55rem;
    color:#999;
}
.indexMode .allList .item .right .dec {
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.indexMode .allList .item .right .class:after {
    display:none;
}
.indexMode .allList .item .right .class, .indexMode .allList .item .right .looked {
    padding: 0 0.25rem;
    height:0.8rem;
    background:rgba(66,123,222,0.1);
    color:#191C22;
    font-size: 0.55rem;
}
.indexMode .allList .item {
    padding:0.5rem 0;
}
.indexMarquee3 {
    width:17.5rem;
    margin: 0.5rem auto 0;
}
.indexMarquee3 .indexMarqueeList p {
    width:14.5rem;
}
.listB4 {
    padding-bottom: 0.4rem;
    background:url(../images/ztym_ztdbmj.png) right bottom no-repeat;
    background-size: 100% auto;
}
.listB4 .video, .listB4 .video video {
    width:17.5rem;
    margin: 0.5rem auto 0;
    position: relative;
}
.listB4 .video video {
    width:17.5rem;
    height: 11.05rem;
    margin-top: 0;
    background:#000;
}
.listB4 .video .titleText {
    width:17rem;
    font-size:0.7rem;
    margin: 0.5rem auto 0.2rem;
    color:#fff;
}
.listB4 .video .playBotton {
    width:1.5rem;
    height: 1.5rem;
    position: absolute;
    left:5%;
    top:9rem;
    margin-left: -0.75%;
    background:none;
}
.mode3 .videoBox .icon {
    position: static;
    transform:translateY(0%);
    -webkit-transform:translateY(0%);
}
.indexMode .seeMore {
    font-size: 0.7rem;
    line-height: 1rem;
    text-align: center;
    color:#999;
}
.allList4 {
    padding-top: 0.25rem;
}
.allList4 .playButton {
    width:1.15rem;
    height: 1.15rem;
    padding:0.5rem 0.55rem 0 0.75rem;
}
.allList4 .right {
    padding: 0 0.5rem 0.25rem 0;
}
.allList4 .right .title {
    width:15.8rem;
    font-size: 0.7rem;
    color:#191C22;
    padding-top: 0.5rem;
    line-height: 1.15rem;
    border-top: 1px solid #eee;
}
.allList4 .item:first-child .right .title {
    border-color: transparent;
}
.allList4 .right .title .label4 {
    width:1.85rem;
    height:0.88rem;
    background:rgba(234,242,255,1);
    border:1px solid rgba(154,188,247,1);
    border-radius:0.13rem;
    font-size: 0.55rem;
    color:#427BDE;
    text-align: center;
    line-height: 0.88rem;
}
.allList4 .right .title p {
    width:13.5rem;
}
.allList4 .right .massege {
    font-size: 0.65rem;
    margin-top: 0.5rem;
    line-height: 0.7rem;
    color:#858585;
    width:15.6rem;
    padding-bottom: 0.5rem;
}
.allList4 .right .massege em {
    width:1px;
    height:0.4rem;
    background:rgba(222,220,220,1);
    margin: 0.1rem 0.4rem;
}
.allList4 .right .massege .contentButton {
    color:#999;
}
.allList4 .right .massege .contentButton img, .allList4 .right .contentBox .close img {
    width:0.55rem;
    height: 0.55rem;
    padding: 0.15rem 0 0 0.2rem;
}
.allList4 .right .contentBox {
    font-size: 0.65rem;
    color:#666;
    width:15.6rem;
    line-height: 1.4;
    height:0;
    overflow:hidden;
}
.allList4 .right .contentBox .close {
    padding-bottom: 0.25rem;
}
.bottomBotton4 {
    height: 2.25rem;
    line-height: 2.25rem;
    background:#fff;
    box-shadow: 0 0 0.2rem #eee;
    -webkit-box-shadow: 0 0 0.2rem #eee;
    position: fixed;
    left:0;
    bottom:0;
    z-index: 5;
    width:100%;
    padding-left: 0.65rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 0.6rem;
    color:#666;
}
.bottomBotton4 .col {
    padding-left: 1rem;
    background:url(../images/icon/coll5.png) left center no-repeat;
    background-size: 0.95rem 0.95rem;
    margin-right: 0.65rem;
}
.bottomBotton4 .col.active {
    background:url(../images/icon/coll4.png) left center no-repeat;
    background-size: 0.95rem 0.95rem;
    color:#427BDE;
}

.bottomBotton4 .zan {
    padding-left: 1rem;
    background:url(../images/icon/nice.png) left center no-repeat;
    background-size: 0.95rem 0.95rem;
    margin-right: 0.65rem;
}
.bottomBotton4 .zan.active {
    background:url(../images/icon/nice2.png) left center no-repeat;
    background-size: 0.95rem 0.95rem;
    color:#427BDE;
}

.bottomBotton4 .share {
    padding-left: 1rem;
    background:url(../images/icon/share.png) left center no-repeat;
    background-size: 0.95rem 0.95rem;
}
.bottomBotton4 .buy {
    width:6.95rem;
    height:2.25rem;
    background:-webkit-linear-gradient(-90deg, rgba(41,145,243,1) 0%, rgba(101,207,255,1) 100%);
    background:linear-gradient(-90deg, rgba(41,145,243,1) 0%, rgba(101,207,255,1) 100%);
    font-size: 0.8rem;
    color:#fff;
    text-align: center;
}



.weui-switch, .weui-switch-cp__box {
    display:block;
    position: relative;
    width: 1.95rem;
    height: 1.2rem;
    border: 1px solid rgba(0,0,0,0.1);
    outline: 0;
    border-radius: 0.6rem;
    box-sizing: border-box;
    -webkit-transition: background-color 0.1s,border 0.1s;
    transition: background-color 0.1s,border 0.1s;
}
.weui-switch:before, .weui-switch-cp__box:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0.6rem;
    background-color: #f7f7f7;
    background-color: var(--weui-BG-3);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45,1,0.4,1);
    transition: -webkit-transform 0.35s cubic-bezier(0.45,1,0.4,1);
    transition: transform 0.35s cubic-bezier(0.45,1,0.4,1);
    transition: transform 0.35s cubic-bezier(0.45,1,0.4,1),-webkit-transform 0.35s cubic-bezier(0.45,1,0.4,1);
}
.weui-switch:after, .weui-switch-cp__box:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 0.52rem;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
    transition: -webkit-transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
    transition: transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
    transition: transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35),-webkit-transform 0.35s cubic-bezier(0.4,0.4,0.25,1.35);
}
.weui-switch-cp__input:checked+.weui-switch-cp__box:after{
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}
.weui-switch-cp__input[aria-checked="true"]+.weui-switch-cp__box:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.weui-switch-cp__input:checked+.weui-switch-cp__box {
    border-color: #07c160;
    background-color: #07c160;
}


/**4.2期***/
.flex_center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .flex_start {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  .flex_between {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .flex_end {
    display: flex;
    justify-content: end;
    align-items: center;
  }
  
  .one_line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* 4.4期 */
 
.cb_recomment_box {
    box-sizing: border-box;
    padding-bottom: 0.75rem;
  }
  
  .cb_recomment_box .cb_scroll {
    overflow-x: scroll;
    padding: 0 0.75rem;
  }
  
  .cb_recomment_box .cb_scroll .ul_box li {
    width: 6.15rem;
    height: 3.9rem;
    overflow: hidden;
    border-radius: 0.2rem;
    margin-right: 0.6rem;
    position: relative;
  }
  
  .cb_recomment_box .cb_scroll .ul_box li::after {
    position: absolute;
    content: '';
    width: 0.75rem;
    height: 0.75rem;
    background: url("../images/icon/videoIcon.png") no-repeat center center;
    background-size: 100%;
    left: 0.5rem;
    bottom: 0.525rem;
  }
  
  .cb_recomment_box .cb_scroll .ul_box li a {
    display: block;
    height: 100%;
  }
  
  .cb_recomment_box .cb_scroll .ul_box li img {
    width: 100%;
    object-fit: cover;
    height: 100%;
  }
  
  .bottomBotton4 .iconcenter {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  
  .bottomBotton4 .buy {
    width: 50%;
    font-size: 0.45rem;
  }
  
  .bottomBotton4 .col {
    width: 0.95rem;
    height: 0.95rem;
    padding: 0;
    padding: 0.4 0.6rem;
    margin: 0;
    background-position: center center;
  }
  
  .bottomBotton4 .share {
    width: 0.95rem;
    height: 0.91rem;
    padding: 0;
    padding: 0.4rem 0.6rem;
    margin: 0;
    background-position: center center;
  }
  
  .bottomBotton4 .eval {
    background: url("../images/4.4/groupcopy5-copy@2x.png") no-repeat center center;
    background-size: 0.95rem 0.85rem;
    width: 0.95rem;
    height: 0.91rem;
    padding: 0;
    padding: 0.4rem 0.6rem;
    position: relative;
  }
  
  .bottomBotton4 .eval .number {
    position: absolute;
    width: 0.9rem;
    background-color: #F8555B;
    border-radius: 0.275rem;
    text-align: center;
    line-height: 0.55rem;
    right: 0;
    top: 0.15rem;
    color: #fff;
    font-size: 0.35rem;
  }
  
  .bottomBotton4 .eval_box {
    width: 11.4rem;
    height: 1.75rem;
    border-radius: 0.875rem;
    padding: 0 1rem;
    background-color: #F7F7F7;
    box-sizing: border-box;
    margin-right: 0.9rem;
  }
  
  .bottomBotton4 .eval_box input {
    width: 100%;
    line-height: 1rem;
    background-color: transparent;
  }
  
  .eval_footer_bottom {
    position: fixed;
    width: 18.74rem;
    height: 2.25rem;
    background-color: #fff;
    left: 0;
    bottom: 0;
    box-shadow: 1px 0px 9px 0px #ecd2d2;
  }
  
  .eval_footer_bottom .nav_to {
    width: 17rem;
    line-height: 1.75rem;
    box-sizing: border-box;
    background-color: #F7F7F7;
    color: #999999;
    font-size: 0.7rem;
    padding: 0 1rem;
    display: block;
    border-radius: 0.875rem;
  }
  

/* 帖子详情 */

.flex_nowrap {
    flex-wrap: nowrap;
  }
  
  .flex_wrap {
    flex-wrap: wrap;
  }
  
.post_details {
    position: relative;
    background-color: #F8F9FA;
  }
  
  .post_details .post_details_top {
    padding: 0.6rem 0.775rem 0;
    background-color: #fff;
  }
  
  .post_details .post_details_top .post_details_header {
    padding: 0 0.075rem 0.6rem 0.3rem;
  }
  
  .post_details .post_details_top .post_details_header .header_img img {
    border-radius: 50%;
    object-fit: cover;
    width: 2rem;
    height: 2rem;
  }
  
  .post_details .post_details_top .post_details_header .header_img .header_span {
    margin-left: 0.475rem;
    font-size: 0.7rem;
    color: #121212;
    font-weight: 400;
  }
  
  .post_details .post_details_top .post_details_header .header_button {
    width: 1.85rem;
    height: 0.95rem;
    background: linear-gradient(90deg, #64CEFD 0%, #2991F3 100%);
    opacity: 1;
    padding: 0.1rem 0.2rem;
    border-radius: 0.075rem;
  }
  
  .post_details .post_details_top .post_details_header .header_button p {
    font-size: 0.55rem;
    color: #fff;
    line-height: 0.95rem;
  }
  
  .post_details .post_details_top .post_details_title {
    padding: 0 0 0.675rem 0.225rem;
    font-size: 0.7rem;
    font-weight: 400;
  }
  
  .post_details .post_details_top .post_details_banner {
    width: 17.25rem;
    padding-bottom: 0.65rem;
  }
  
  .post_details .post_details_top .post_details_banner video {
    width: 100%;
    height: 7.9rem;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_img {
    width: 100%;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_img img {
    padding-left: 0.45rem;
    padding-top: 0.375rem;
    width: 5.425rem;
    height: 4.05rem;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_img > img:nth-child(3n+1) {
    padding-left: 0;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_share {
    /* display: none; */
    width: 16.75rem;
    background-color: #F8F9FA;
    padding: 0.4rem 0 0.4rem 0.425rem;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_share .post_details_banner_share_left {
    width: 2.3rem;
    height: 2.3rem;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_share .post_details_banner_share_left img {
    padding: 0;
    width: 100%;
    height: 100%;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_share .post_details_banner_share_right {
    margin-left: 0.7rem;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_share .post_details_banner_share_right > p:nth-child(1) {
    vertical-align: top;
    width: 9.525rem;
    height: 1rem;
    font-size: 0.7rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 1rem;
    color: #121212;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .post_details .post_details_top .post_details_banner .post_details_banner_share .post_details_banner_share_right > p:nth-child(2) {
    width: 12.975rem;
    font-size: 0.55rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 0.75rem;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .post_details .post_details_top .post_details_time {
    padding: 0 0 0.6rem 0.275rem;
  }
  
  .post_details .post_details_top .post_details_time p {
    font-size: 0.65rem;
    color: #999;
  }
  
  .post_details .post_details_top .post_details_like_people {
    text-align: center;
    padding-bottom: 0.95rem;
  }
  
  .post_details .post_details_top .post_details_like_people img {
    border-radius: 50%;
    object-fit: cover;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: -0.5rem;
  }
  
  .post_details .post_details_top .post_details_like_people img:nth-child(1) {
    margin-left: 0rem;
  }
  
  .post_details .post_details_top .post_details_like_people span {
    font-size: 0.65rem;
    color: #121212;
  }
  
  .post_details .post_details_bottom {
    margin-top: 0.3rem;
    padding: 0.6rem 0.775rem 2.25rem;
    background-color: #fff;
  }
  
  .post_details .post_details_bottom .post_details_bottom_title {
    padding: 0 0 0.825rem 0.2rem;
    font-size: 0.75rem;
    color: #121212;
    font-weight: 550;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user {
    padding-bottom: 0.65rem;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_title .post_details_bottom_userimg img {
    border-radius: 50%;
    object-fit: cover;
    width: 2rem;
    height: 2rem;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_title .post_details_bottom_userimg .post_details_bottom_username {
    margin-left: 0.6rem;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_title .post_details_bottom_userimg .post_details_bottom_username .post_details_bottom_username_name {
    font-size: 0.65rem;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_title .post_details_bottom_userimg .post_details_bottom_username .post_details_bottom_username_time {
    font-size: 0.55rem;
    color: #999;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_title .post_details_bottom_usergivelike img {
    width: 0.8rem;
    height: 0.8rem;
    padding-right: 0.4rem;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_title .post_details_bottom_usergivelike span {
    color: #999;
    font-size: 0.65rem;
    padding-right: 0.175rem;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content {
    padding: 0 0 0 2.6rem;
    font-size: 0.65rem;
    color: #666;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .post_details_bottom_user_content_comments {
    margin-bottom: 0.65rem;
    line-height: 0.9rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .post_details_bottom_user_content_comments.open {
    -webkit-line-clamp: inherit;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .an {
    margin-top: -0.375rem;
    color: #2A7CE5;
    text-decoration: underline;
    padding-bottom: 0.5rem;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .bn {
    margin-top: -0.375rem;
    margin-left: 0.75rem;
    color: #2A7CE5;
    text-decoration: underline;
    padding-bottom: 0.5rem;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .post_details_bottom_user_content_reply {
    background-color: #F8F9FA;
    color: #666;
    border-bottom: 1px solid #F8F9FA;
    border-top: 1px solid #F8F9FA;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .post_details_bottom_user_content_reply > p:nth-child(1) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .post_details_bottom_user_content_reply > p:nth-child(1) .post_details_bottom_user_content_reply_name {
    color: #121212;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .post_details_bottom_user_content_reply > p:nth-child(1).open {
    -webkit-line-clamp: inherit;
  }
  
  .post_details .post_details_bottom .post_details_bottom_user .post_details_bottom_user_content .post_details_bottom_user_content_reply .margin {
    margin: 0.375rem 0.875rem 0.475rem 0.8rem;
  }
  
  .post_details .post_details_bottom_menu {
    box-shadow: 1px 0px 9px 0px #ecd2d2;
    position: fixed;
    bottom: 0;
    box-sizing: border-box;
    background-color: #fff;
    width: 18.75rem;
    height: 2.5rem;
    padding: 0.25rem 0.7rem 0.25rem 0.25rem;
    margin-left: -0.5rem;
  }
  
  .post_details .post_details_bottom_menu input {
    background-color: #F8F9FA;
    width: 11.75rem;
    height: 2rem;
    font-size: 0.65rem;
    color: #999;
    padding-left: 0.875rem;
  }
  
  .post_details .post_details_bottom_menu .post_details_bottom_menu_function {
    text-align: center;
  }
  
  .post_details .post_details_bottom_menu .post_details_bottom_menu_function img {
    width: 0.8rem;
    height: 0.8rem;
    text-align: center;
  }
  
  .post_details .post_details_bottom_menu .post_details_bottom_menu_function p {
    font-size: 0.45rem;
    color: #666;
  }
  
  .post_details .forwarding_bounced {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: right;
    display: none;
  }
  
  .post_details .forwarding_bounced img {
    width: 70%;
  }
  
  .post_details .show {
    display: block;
  }
  
  
.free_courses_top {
  padding: 1.175rem 0.725rem 0 0.625rem;
  width: 18.75rem;
  height: 9.625rem;
  box-sizing: border-box;
  background: url("../images/postdetails-img/37.png") no-repeat center/cover;
}

.free_courses_top .free_courses_top_center {
  margin-top: 1.35rem;
}

.free_courses_top .free_courses_top_center span {
  padding-left: 0.375rem;
  font-size: 1.15rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}

.free_courses_top .free_courses_top_bottom p {
  padding-left: 0.375rem;
  font-size: 0.6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.free_courses_top .free_courses_top_bottom > p:nth-child(1) {
  margin-top: 1.45rem;
}

.free_courses_top .free_courses_top_bottom > p:nth-child(2) {
  margin-top: 0.375rem;
}

.free_courses_content {
  padding: 0.8rem 0 0.8rem 1rem;
  border-bottom: 1px solid #efefef;
}

.free_courses_content .free_courses_contenter {
  position: relative;
}

.free_courses_content .free_courses_contenter .free_courses_content_left {
  width: 5.9rem;
  height: 4.25rem;
  border-radius: 5px;
  overflow: hidden;
}

.free_courses_content .free_courses_contenter .free_courses_content_left img {
  width: 100%;
  height: 100%;
}

.free_courses_content .free_courses_contenter .free_courses_content_right {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 6.4rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.free_courses_content .free_courses_contenter .free_courses_content_right h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #121212;
}

.free_courses_content .free_courses_contenter .free_courses_content_right p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.1rem;
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #7D7D7D;
}

.free_courses_content .free_courses_contenter .free_courses_content_right > p:nth-child(4) {
  margin-top: 0.825rem;
}

.free_courses_content .free_courses_contenter .number_num {
  position: absolute;
  background: url("../images/postdetails-img/34.png") no-repeat center/cover;
  width: 0.925rem;
  height: 1.075rem;
  top: 0;
  left: .3rem;
  line-height: 1.075rem;
  text-align: center;
  color: #fff;
  font-size: 0.65rem;
}

.free_courses_content .free_courses_contenter .button_start {
  position: absolute;
  border-radius: 3px;
  bottom: 0;
  right: 0.5rem;
  width: 2.725rem;
  height: 1.05rem;
  background: linear-gradient(90deg, #64CEFD 0%, #2991F3 100%);
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.05rem;
  text-align: center;
  color: #FFFFFF;
}

.free_courses_content .free_courses_contenter .button_over {
  position: absolute;
  border-radius: 3px;
  bottom: 0;
  right: 0.5rem;
  width: 2.725rem;
  height: 1.05rem;
  background-color: #E8E8E8;
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.05rem;
  text-align: center;
  color: #121212;
}

.free_courses_content .free_courses_contenter .button_ing {
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  bottom: 0;
  border: #2A7CE5 solid 1px;
  right: 0.5rem;
  width: 2.725rem;
  height: 1.05rem;
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.05rem;
  text-align: center;
  color: #2A7CE5;
}

.free_courses_content .free_courses_contenter .button_pay {
  position: absolute;
  border-radius: 3px;
  bottom: 0rem;
  right: 0.5rem;
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.05rem;
  text-align: center;
  color: red;
}

.live_courses_top {
  padding: 1.175rem 0.725rem 0 0.625rem;
  width: 18.75rem;
  height: 9.625rem;
  box-sizing: border-box;
  background: url("../images/postdetails-img/43.png") no-repeat center/cover;
}

.live_courses_top .live_courses_top_center {
  margin-top: 1.35rem;
}

.live_courses_top .live_courses_top_center span {
  padding-left: 0.375rem;
  font-size: 1.15rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}

.live_courses_top .live_courses_top_bottom p {
  padding-left: 0.375rem;
  font-size: 0.6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.live_courses_top .live_courses_top_bottom > p:nth-child(1) {
  margin-top: 1.45rem;
}

.live_courses_top .live_courses_top_bottom > p:nth-child(2) {
  margin-top: 0.375rem;
}

.live_courses_content {
  padding: 0.8rem 0 0.8rem 1rem;
  border-bottom: 1px solid #efefef;
}

.live_courses_content .live_courses_contenter {
  position: relative;
}

.live_courses_content .live_courses_contenter .live_courses_content_left {
  width: 5.9rem;
  height: 4.25rem;
  border-radius: 5px;
  overflow: hidden;
}

.live_courses_content .live_courses_contenter .live_courses_content_left img {
  width: 100%;
  height: 100%;
}

.live_courses_content .live_courses_contenter .live_courses_content_right {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 6.4rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.live_courses_content .live_courses_contenter .live_courses_content_right h1 {
  width: 10rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /*设置p元素最大4行，父元素需填写宽度才明显*/
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-size: 0.7rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #121212;
}

.live_courses_content .live_courses_contenter .live_courses_content_right p {
  width: 10rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 0.1rem;
  font-size: 0.5rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #7D7D7D;
}

.live_courses_content .live_courses_contenter .live_courses_content_right .number_times img {
  width: 0.8rem;
  height: 0.5rem;
}

.live_courses_content .live_courses_contenter .live_courses_content_right .number_times span {
  margin-left: 0.25rem;
}

.live_courses_content .live_courses_contenter .number_num {
  position: absolute;
  background: url("../images/postdetails-img/34.png") no-repeat center/cover;
  width: 0.925rem;
  height: 1.075rem;
  top: 0;
  left: .3rem;
  line-height: 1.075rem;
  text-align: center;
  color: #fff;
  font-size: 0.65rem;
}

.live_courses_content .live_courses_contenter .button_over {
  position: absolute;
  border-radius: 3px;
  bottom: 0;
  right: 0.5rem;
  width: 2.725rem;
  height: 1.05rem;
  background: linear-gradient(90deg, #64CEFD 0%, #2991F3 100%);
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 1.05rem;
  text-align: center;
  color: #FFFFFF;
}

.list_courses_top {
  padding: 1.175rem 0.725rem 0 0.625rem;
  width: 18.75rem;
  height: 9.625rem;
  box-sizing: border-box;
  background: url("../images/postdetails-img/33.png") no-repeat center/cover;
}

.list_courses_top .list_courses_top_center {
  margin-top: 1.35rem;
}

.list_courses_top .list_courses_top_center span {
  padding-left: 0.375rem;
  font-size: 1.15rem;
  font-family: PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
}

.list_courses_top .list_courses_top_bottom p {
  padding-left: 0.375rem;
  font-size: 0.6rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}

.list_courses_top .list_courses_top_bottom > p:nth-child(1) {
  margin-top: 1.45rem;
}

.list_courses_top .list_courses_top_bottom > p:nth-child(2) {
  margin-top: 0.375rem;
}

.list_courses_content {
  padding: 0.875rem 1rem;
}

.list_courses_content .list_courses_content_title .list_courses_content_title_left .list_courses_content_title_left_img {
  width: 0.925rem;
  height: 1.05rem;
  color: #fff;
  text-align: center;
  line-height: 1.05rem;
  font-size: 0.65rem;
  background: url("../images/postdetails-img/34.png") no-repeat center/cover;
}

.list_courses_content .list_courses_content_title .list_courses_content_title_left h4 {
  margin-left: 0.45rem;
  font-size: 0.75rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #121212;
}

.list_courses_content .list_courses_content_title .list_courses_content_title_right .button {
  margin-bottom: 0.175rem;
  width: 0.8rem;
  height: 0.8rem;
}

.list_courses_content .list_courses_content_title .list_courses_content_title_right .like {
  background: url("../images/postdetails-img/18.png") no-repeat center/cover;
}

.list_courses_content .list_courses_content_title .list_courses_content_title_right .like_over {
  background: url("../images/postdetails-img/29.png") no-repeat center/cover;
}

.list_courses_content .list_courses_content_title .list_courses_content_title_right p {
  margin-left: 0.225rem;
  font-size: 0.65rem;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 37px;
  color: #999999;
}

.list_courses_content .list_courses_content_details {
  position: relative;
  margin-top: 0.65rem;
  width: 16.75rem;
  height: 8.5rem;
}

.list_courses_content .list_courses_content_details video {
  width: 100%;
  height: 100%;
}

.list_courses_content .list_courses_content_details .list_courses_content_details_title {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  top: 0;
  padding: 0.45rem 0.25rem 0 0.75rem;
}

.list_courses_content .list_courses_content_details .list_courses_content_details_title p {
  font-size: 0.65rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
}

.list_courses_content .list_courses_content_details .list_courses_content_details_title div img {
  display: block;
  width: 0.35rem;
  height: 0.525rem;
}

.list_courses_content .list_courses_content_details .list_courses_content_details_title div span {
  margin-left: 0.375rem;
  font-size: 0.55rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}


.box_auth {
    padding-top: 1.5rem;
  }
  
  .box_auth .item {
    width: 18.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.3rem;
    background-color: #fff;
    font-size: 0.7rem;
    color: #333;
    margin-bottom: 0.75rem;
  }
  
  .box_auth .item .label {
    width: 3.7rem;
    text-align: left;
  }
  
  .box_auth .input {
    width: 12.45rem;
    height: 1.95rem;
    background-color: #F8F9FA;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1rem;
  }
  
  .box_auth input {
    background-color: transparent;
    border: none;
    line-height: 1.95rem;
    width: 100%;
  }
  
  .box_auth .input select {
    width: 12.5rem;
    background-color: transparent;
    padding-left: 1rem;
    box-sizing: border-box;
    border: none;
    line-height: 1.95rem;
    color: #777676;
    position: absolute;
    left: 5rem;
  }
  
  .box_auth .input select option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
  }
  
  .box_auth .arr {
    width: 0;
    height: 0;
    border: 0.3rem solid;
    border-color: transparent transparent transparent #CCCCCC;
    -webkit-transform: translateX(0.5rem);
    transform: translateX(0.5rem);
  }
  
  .box_auth .yqm {
    color: #FF0000;
  }
  
  .box_auth .bottom {
    border-top: 0.3rem solid #eee;
    padding-top: 3rem;
  }
  
  .box_auth .fill_item {
    width: 16.75rem;
    height: 2rem;
    border-radius: 1rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3.3rem;
    font-size: 0.7rem;
  }
  
  .box_auth .fill_item:nth-child(1) {
    background: url(../images/4.5/person.png) no-repeat 1.85rem center;
    background-color: #F8F9FA;
    background-size: 0.66rem 0.7rem;
    margin-bottom: 0.75rem;
  }
  
  .box_auth .fill_item:nth-child(2) {
    background: url(../images/4.5/lock.png) no-repeat 1.85rem center;
    background-color: #F8F9FA;
    background-size: 0.66rem 0.7rem;
    margin-bottom: 0.75rem;
  }
  
  .box_auth .inp {
    width: 8rem;
  }
  
  .box_auth .line {
    width: 1px;
    height: 0.73rem;
    /* background-color: #FF0000; */
    margin-right: 0.73rem;
  }
  
  .box_auth .yzm {
    width: 3.95rem;
    text-align: center;
    line-height: 1.15rem;
    text-align: center;
    background-color: #427BDD;
    font-size: 0.6rem;
    color: #fff;
    border-radius: 0.575rem;
  }
  
  .box_auth .btn {
    width: 16.75rem;
    line-height: 2rem;
    border-radius: 1rem;
    margin: 0 auto;
    background-color: #FF0000;
    text-align: center;
    font-size: 0.7rem;
    color: #fff;
    margin-top: 4rem;
    background-color: #ccc !important;
  }