.class-box{
    display: none;
}
.class-box-zz{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    top: 0;
    left: 0;
    z-index: 556;
}
/*创建班级*/
.class-create-box,.class-my-box{
    width: 788px;
    height: 590px;
    background: #FFFFFF;
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.3);
    border-radius: 14px;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 557;
    margin: -302px auto 0;
    display: none;
}
.class-create-box-top{
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #E2E2E2;
    font-size: 16px;
    padding: 0 30px 0 50px;
    overflow: hidden;
}
.class-create-top-xbt{
    float: left;
}
.class-create-top-close{
    float: right;
}
.cursor-pointer{
    cursor: pointer;
}
.class-create-box-con{
    padding: 25px 50px;
}
.class-create-con-lists{
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #F2F2F2;
}
.class-create-con-list{
    width: 216px;
    margin-right: 17px;
    background: #FAFBFC;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    text-align: center;
    float: left;
}
.class-create-con-list-img{
    width: 86px;
    height: 76px;
    margin-top: 30px;
}
.class-create-con-list-xbt{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 21px;
}
.class-create-con-list-xbt span{
    border-bottom: 10px solid #FFEA82;
}
.class-create-con-list-xbt span i{
    position: relative;
    top: 8px;
}
.class-create-con-list-t{
    padding: 0 15px;
    text-align: left;
    color: #333333;
    margin-bottom: 35px;
}
.class-create-con-list-t p{
    margin-bottom: 10px;
}
.class-create-con-list-t span{
    font-weight: bold;
}
.class-create-con-list-t img{
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.class-create-con-dbt{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333333;
    margin-bottom: 15px;
}
.class-create-con-inp{
    width: 525px;
    margin: 0 auto 0;
}
.class-create-con-input{
    height: 46px;
    line-height: 46px;
    background: #F2F3F5;
    border-radius: 8px;
    border: none;
    outline: none;
    width: 430px;
    padding-left: 20px;
    font-size: 16px;
}
.class-create-con-inpBtn{
    margin-left: 20px;
}
.class-create-con-inpErr{
    color: #EC7171;
    font-size: 13px;
    width: 525px;
    margin: 0 auto 0;
    padding-left: 20px;
}
.class-create-con-inputErr{
    border: 1px solid #EC7171;
}
.class-create-con-sub{
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #FF8E01;
    border-radius: 4px;
    font-size: 16px;
    color: #fff;
    margin: 20px auto 0;
}

/*我的班级*/
.class-my-box-con{
    padding: 25px 30px 0px 50px;
    overflow: hidden;
}
.class-my-box-con-l{
    width: 446px;
    float: left;
}
.class-my-box-con-r{
    float: right;
    width: 200px;
}
.class-my-con-l-top{
    background-image: url("../image/class_my_bg.png");
    background-repeat: no-repeat;
    background-position: left top;
    width: 448px;
    height: 295px;
    position: relative;
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.class-my-con-top-cur{
    width: 41px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background: #2489F3;
    border-radius: 2px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 22px;
}
.class-my-con-top-list{
    overflow: hidden;
    position: relative;
}
.class-my-con-top-list-l{
    float: left;
    width: 205px;
    text-align: center;
    margin-top: 23px;
}
.class-my-con-top-list-r{
    float: right;
    width: 213px;
    text-align: center;
    margin: 11px 6px 0 0;
}
.class-my-con-top-list-l img,.class-my-con-top-list-r img{
    width: 86px;
    height: 76px;
    margin-top: 20px;
}
.class-create-con-list-nt{
    color: #666;
    margin-top: 30px;
}
.class-create-con-list-t{
    margin-top: 30px;
    text-align: left;
}
.class-create-con-list-t p{
    line-height: 18px;
    margin-bottom: 5px;
}
.class-create-con-list-t p a{
    color: #3E8BDB;
    text-decoration: underline;
}
.class-my-con-list-xbt{
    font-size: 25px;
}
.class-my-con-list-xbt span{
    border-bottom: 10px solid #D9D9D8;
}
.class-my-con-list-t{
    margin-top: 36px;
    text-align: left;
}
.class-my-con-list-t .new-icon{
    width: 34px;
    height: 19px;
    position: absolute;
    top: -27px;
}
.class-my-con-top-list-z{
    width: 68px;
    height: 68px;
    background: #F97528;
    box-shadow: 0px 2px 8px rgba(222, 87, 26, 0.47);
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    left: -12px;
    right: 0;
    top: 103px;
}
.class-my-con-top-list-z img{
    margin-top: 12px;
}
.class-my-con-bot-t{
    color: #333;
}
.class-my-con-bot-t span{
    color: #888888;
    word-break: break-all;
}
.class-my-con-bot-btn{
    width: 188px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background: #2489F3;
    border-radius: 8px;
    color: #fff;
    margin-top: 20px;
}
.class-my-box-con-r-xbt{
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.class-my-box-con-r-xbt span{
    color: #999;
}
.class-my-box-con-memList{
    overflow: hidden;
    margin-bottom: 20px;
}
.class-my-box-con-memList-l{
    float: left;
}
.class-my-box-con-memList-r{
    float: left;
    margin-left: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 74%;
}
.class-my-box-con-memList-l img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    top: 5px;
}
.class-my-box-con-memList-name{
    font-size: 12px;
    color: #666;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.class-my-box-con-memList-sj{
    font-size: 12px;
    color: #B5B7BD;
}
.class-my-box-con-memLists{
    height: 422px;
    overflow-y: auto;
}
.class-my-con-bot-btnNo{
    opacity: 0.3;
    filter:alpha(opacity=30);
    cursor: not-allowed;
}
.class-my-con-xy-box{
    position: relative;
    width: 216px;
    height: 250px;
    background: #FAFBFC;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    margin: 0 auto 20px;
    text-align: center;
}
.class-my-con-xy-top{
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 13px;
    margin-bottom: 30px;
}

#class-my-con-bot-t::selection {
    background:#fff;

}
#class-my-con-bot-t::-moz-selection {
    background:#fff;

}
#class-my-con-bot-t::-webkit-selection {
    background:#fff;

}

::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    background: #999;
    width: 6px;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    display: none;
}


/*班级滚动*/
.class—js-xxbox{
    text-align: center;
    margin-top: 10px;
}
.js-xxbox-s{
    display: inline-block;
    height: 34px;
    line-height: 34px;
    background: rgba(245, 160, 49, 0.1);
    border: 1px solid rgba(245, 160, 49, 0.2);
    border-radius: 17px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 0 20px;
}

.xxbox-listBox-pw{
    position: absolute;
    top: 7px;
    left: 18px;
}
.class—js-xxbox-list{
    height: 34px;
    line-height: 34px;
    color: #333;
    font-size: 14px;
    margin-right: 22px;
    /*float: left;*/
    margin: 0 auto 0px;
    padding-left: 31px;
}
.free-class-name{
    border-bottom: 1px solid #2489F2;
    padding-bottom: 2px;
    cursor: pointer;
    color: #2489F2;
}
.class—js-xxbox-list img{
    margin-right: 7px;
    margin-left: 9px;
}
.class—js-xxbox-list a{
    color: #FCE57C;
    text-decoration: underline;
}


/*新免费使用样式*/
.free-new-content{
    background-image: url("/static/images/free/free_new_bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    height: calc(100% - 92px);
    min-width: 1420px;
}
.free-new-content-box{
    padding: 40px 60px 0px 50px;
    overflow: hidden;
    min-width: 1300px;
}
.free-new-content-l{
    float: left;
}
.free-new-content-list{
    width: 190px;
    height: 48px;
    border-radius: 12px;
    line-height: 48px;
    color: #89929F;
    margin-bottom: 20px;
    cursor: pointer;
}
.free-new-content-list i{
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 17px;
    position: relative;
    top: -1px;
    margin-left: 25px;
}
.free-new-content-list1 i{
    background-image: url("../image/free_new_left_icon1.png");
    background-repeat: no-repeat;
}
.free-new-content-list2 i{
    background-image: url("../image/free_new_left_icon2.png");
    background-repeat: no-repeat;
}

.free-new-content-listOn{
    color: #fff;
    background: #2489F2;
    box-shadow: 0px 4px 20px rgba(36, 137, 242, 0.3);
}
.free-new-content-list1.free-new-content-listOn i{
    background-image: url("../image/free_new_left_icon1_on.png");
}
.free-new-content-list2.free-new-content-listOn i{
    background-image: url("../image/free_new_left_icon2_on.png");
}


.free-new-content-r{
    margin-left: 204px;
    margin-bottom: 50px;
    overflow-y: scroll;
    height: calc(100vh - 165px);
    padding: 0 10px 22px 21px;
    position: relative;
}
/*webkit内核*/
.free-new-content-r::-webkit-scrollbar {
    width:0px;
    height:0px;
}
/*o内核*/
.free-new-content-r .-o-scrollbar{
    -moz-appearance: none !important;
    background: rgba(0,255,0,0) !important;
}
/*IE10,IE11,IE12*/
.free-new-content-r{
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
}
.content-jfBox-con-liTop-wzLi-receive{
    float: right;
}

/*积分*/
.free-new-content-r-jfBox{
    background: #FFFFFF;
    box-shadow: 0px 6px 30px rgba(7, 119, 236, 0.1);
    border-radius: 16px;
}
.free-new-content-r-jfBox-title{
    background-image: url("../image/jf_nav_bg.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    height: 77px;
    line-height: 50px;
    position: relative;
}
.free-new-content-r-jfBox-title-xbt{
    text-align: center;
    position: relative;
}
.free-new-content-r-jfBox-title-xbt img{
    position: relative;
    top: -2px;
}
.free-new-content-r-jfBox-title-xbt span{
    font-size: 16px;
    color: #2489F2;
    margin: 0 12px;
}
.free-new-content-r-jfBox-title-tips{
    font-size: 14px;
    color: #63A7EE;
    border-bottom: 1px solid #63A7EE;
    height: 38px;
    cursor: pointer;
    position: absolute;
    right: 160px;
    top: 0px;
}
.free-new-content-r-jfBox-con{
    padding: 0 0 60px;
    position: relative;
    width: 93%;
    margin: 0 auto;
}
.free-new-content-r-jfBox-con:after{
    content: '';
    display: block;
    clear: both;
}
.free-new-content-r-jfBox-con-li{
    float: left;
    margin-right: 4%;
    width: 22%;
}
.free-new-content-r-jfBox-con-li:nth-child(4){
    margin-right: 0;
}

.content-jfBox-con-liTop-t{
    position: relative;
    width: 180px;
    height: 214px;
    margin: 56px auto 38px;
    text-align: center;
}
.content-jfBox-con-liTop-t p:nth-child(1){
    position: absolute;
    font-size: 20px;
    color: #FF7D2D;
    left: 0;
    right: 0;
    top: 85px;
    font-weight: bold;
}
.content-jfBox-con-liTop-t p:nth-child(2){
    position: absolute;
    font-size: 12px;
    color: #FF7D2D;
    left: 0;
    right: 0;
    top: 115px;
}
.content-jfBox-con-liTop-t p:nth-child(2) span{
    margin: 0 8px;
}
.content-jfBox-con-liTop-t p:nth-child(3){
    position: absolute;
    font-size: 16px;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 11px;
    line-height: 25px;
}
.content-jfBox-con-liTop-t1,.content-jfBox-con-liTop-t2{
    background: url("../image/jf_press_bg1.png") no-repeat center center;
}

.content-jfBox-con-liTop-t4{
    background: url("../image/jf_press_bg3.png") no-repeat center center;
}
.content-jfBox-con-liTop-tOn{
    width: 241px;
    height: 308px;
    margin: 0 auto;
}
.content-jfBox-con-liTop-t1.content-jfBox-con-liTop-tOn,.content-jfBox-con-liTop-t2.content-jfBox-con-liTop-tOn{
    background: url("../image/jf_press_bg1_on.png") no-repeat center center;
}

.content-jfBox-con-liTop-t4.content-jfBox-con-liTop-tOn{
    background: url("../image/jf_press_bg3_on.png") no-repeat center center;
}
.content-jfBox-con-liTop-tOn{
    text-align: center;
}
.content-jfBox-con-liTop-tOn p:nth-child(1){
    position: absolute;
    font-size: 20px;
    color: #EA463B;
    left: 0;
    right: 0;
    top: 112px;
    font-weight: bold;
}
.content-jfBox-con-liTop-tOn p:nth-child(2){
    position: absolute;
    font-size: 12px;
    color: #EA463B;
    left: 0;
    right: 0;
    top: 142px;
}
.content-jfBox-con-liTop-tOn p:nth-child(2) span{
    margin: 0 8px;
}
.content-jfBox-con-liTop-tOn p:nth-child(3){
    position: absolute;
    font-size: 16px;
    color: #fff;
    left: 0;
    right: 0;
    bottom: 49px;
}
.content-jfBox-con-liTop-icon{
    text-align: center;
}
.content-jfBox-con-liTop-icon i{
    display: inline-block;
    width: 28px;
    height: 28px;
    position: relative;
    z-index: 2;
}

.content-jfBox-con-liTop-icon4 i{
    background: url("../image/jf_press_icon3.png");
}
.content-jfBox-con-liTop-icon1.content-jfBox-con-liTop-iconOn i,.content-jfBox-con-liTop-icon2.content-jfBox-con-liTop-iconOn i{
    background: url("../image/jf_press_icon1.png");
}

.content-jfBox-con-liTop-icon4.content-jfBox-con-liTop-iconOn i{
    background: url("../image/jf_press_icon3_on.png");
}
.content-jfBox-con-liTop-wz{
    width: 256px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px;
}
.content-jfBox-con-liTop-wzLi{
    margin-bottom: 30px;
    overflow: hidden;
}
.content-jfBox-con-liTop-wzLi div{
    float: left;
}
.content-jfBox-con-liTop-wzLi:nth-child(1){
    margin-top: 10px;
}
.content-jfBox-con-liTop-wzLi div:nth-child(1){
    margin-right: 10px;
    margin-top: 3px;
}
.content-jfBox-con-liTop-wzLi div:nth-child(2){
    font-size: 13px;
    line-height: 19px;
}
.content-jfBox-con-liTop-wzLi div:nth-child(2) p:nth-child(2){
    color: #FFA92F;
    font-size: 12px;
}
.content-jfBox-con-liTop-wzLi div:nth-child(2) p:nth-child(2) img{
    margin-left: 2px;
    position: relative;
    top: -1px;
}
.content-jfBox-con-liTop-wzLi div:nth-child(3){
    float: right;
    width: 72px;
    height: 24px;
    background: #2489F2;
    border-radius: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
    margin-top: 7px;
    cursor: pointer;
}

.content-jfBox-con-liTop-wzLi-posters{
    border-top: 1px dashed #E5E5E5;
    font-size: 13px;
    color: #63A7EE;
    text-align: center;
    padding-top: 15px;
    cursor: pointer;
}
.content-jfBox-con-liTop-wzLi-posters img{
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.content-jfBox-con-liTop-wzH{
    box-shadow: none;
    border: 1px solid #F0F1F3;
    position: relative;
    width: 80%;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 15px;
    margin: 20px auto 0;
}
.content-jfBox-con-liTop-wz{
    width: 80%;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 15px;
    margin: 20px auto 0;
}
.content-jfBox-con-liTop-wzH-icon{
    position: absolute;
    left: 0;
    top: 0;
}
.fBox-con-liTop-wzH-txt{
    text-align: center;
}
.fBox-con-liTop-wzH-txt p:nth-child(1){
    font-size: 14px;
    color: #333333;
    margin-top: 20px;
}
.fBox-con-liTop-wzH-txt p:nth-child(2){
    font-size: 12px;
    color: #333333;
    margin: 16px 0 30px;
}
.fBox-con-liTop-wzH-btn{
    font-size: 13px;
    color: #333;
    text-align: center;
    border-top: 1px dashed #E5E5E5;
    cursor: pointer;
    padding-top: 15px;
}
.fBox-con-liTop-wzH-btnOPen{
    color: #63A7EE;
}
.fBox-con-liTop-wzH-btnOn{
    color: #63A7EE;
}
.fBox-con-liTop-wzH-btn img{
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.free-new-content-r-jfBox-con-li-press{
    width: 100%;
    height: 6px;
    background: #F0F1F3;
    border-radius: 5px;
    position: absolute;
    top: 321px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}
.free-new-content-r-jfBox-con-li-pressOn{
    width: 11%;
    height: 6px;
    background: linear-gradient(to right,#FFA92F,#FF7D2D);
    border-radius: 5px;
}
.free-new-content-r-jfBox-con-li:last-child{
    margin-right: 0;
}
.content-jfBox-con-liTop-wzBox{
    color: #333;
}
.content-jfBox-con-liTop-wzBox p{
    margin-bottom: 15px;
}
.content-jfBox-con-liTop-wzBox p:nth-child(2),.content-jfBox-con-liTop-wzBox p:nth-child(3){
    font-size: 12px;
}
.content-jfBox-con-liTop-wzBox p:nth-child(3) img{
    position: relative;
    top: -2px;
    margin-left: 5px;
}
.jf-rw3-sximg{
    position: relative;
    top: -1px;
    margin-left: 5px;
}
.content-jfBox-con-liTop-wzBox p i{
    color: #999999;
}
.content-jfBox-con-liTop-wzBox p span{
    color: #2489F2;
    border-bottom: 1px solid #2489F2;
    padding-bottom: 1px;
    cursor: pointer;
}
.fBox-con-liTop-wz-posters-btn{
    width: 70%;
    height: 32px;
    background: #2489F2;
    box-shadow: 0px 2px 8px rgba(36, 137, 242, 0.3);
    border-radius: 16px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
}
.fBox-con-liTop-wz-posters-btn-wz{
    color: #2489F2;
    text-align: center;
    margin: 20px 0 30px;
}
.fBox-con-liTop-wz-posters-btn-wz span{
    cursor: pointer;
}
#jf-links{
    position: absolute;
    opacity: 0;
    top: -50px;
}
/*积分明细*/
.jf-detail-box{
    background: #FFFFFF;
    box-shadow: 0px 6px 30px rgba(7, 119, 236, 0.1);
    border-radius: 16px;
    padding: 35px 110px;
    margin-top: 30px;
    display: none;
}
.jf-detail-box-listTop-lBtn{
    height: 28px;
    line-height: 28px;
    color: #fff;
    background: #2489F2;
    box-shadow: 0px 2px 8px rgba(36, 137, 242, 0.3);
    border-radius: 16px;
    padding: 0 20px;
    margin-left: 20px;
    display: none;
    cursor: pointer;
}
.jf-detail-box-listTop-lBtnON{
    background: #B5BAC3;
    box-shadow: none;
    cursor: default;
}
.jf-detail-box-listTop-r{
    float: right;
    color: #63A7EE;
    margin-top: -28px;
    cursor: pointer;
}
.jf-detail-box-listTop-r img{
    position: relative;
    top: -1px;
}
.jf-detail-box-listTop{
    overflow: hidden;
    padding: 10px 0;
}
.jf-detail-box-listTop-l{
    font-size: 13px;
}
.jf-detail-box-listTop-l img{
    margin-right: 5px;
    position: relative;
    top: -1px;
}
.jf-detail-box-listbox{
    margin-top: 28px;
    overflow: hidden;
}
.jf-detail-box-listbox ul{
    height: 60px;
    line-height: 60px;
    color: #333;
}
.jf-detail-box-listbox ul:after{
    content: '';
    display: block;
    clear: both;
}
.jf-detail-box-listbox ul:first-child{
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #666666;
}
.jf-detail-box-listbox ul li{
    float: left;
    width: 16.6%;
    text-indent: 40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.jf-detail-box-listbox ul:nth-child(odd){
    background: #F7F7F7;
}
.jf-detail-box-listbox ul:nth-child(even){
    background: #fff;
}
.jf-detail-box-userListON{
    color: #B2B2B2;
}
.jf-mx-ava{
    display: inline-block;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    margin-right: 15px;
    vertical-align: middle;
}
.jsmxmoney{
    display: none;
}
.jf-detail-box-listbox ul li:last-child{
    display: none;
    color: #FF7D2D;
}
.jf-detail-box-listbox ul:first-child li{
    color: #666666;
}
.jf-detail-box-listbox ul:first-child li:nth-child(2){
    position: relative;
    overflow: initial;
}
.jf-detail-box-listbox ul:first-child li:nth-child(2):hover ol{
    display: block;
}
.jf-detail-box-listbox ul li ol{
    width: 150px;
    position: absolute;
    left: 0px;
    top: 36px;
    background: #fff;
    box-shadow: 0px 6px 30px rgb(7 119 236 / 10%);
    height: auto;
    line-height: 30px;
    display: none;
}
.jf-detail-box-listbox ul li ol li{
    float: initial;
    width: 100% !important;
    text-align: center;
    text-indent: 0;
}
.jf-detail-box-listbox ul li ol li:hover{
    background: #F7F7F7;
}
.inviUserList-no{
    text-align: center;
    color: #999;
}
.inviUserList-no img{
    margin: 50px 0 10px;
}

.jf-userlist-pages-btn{
    float: right;
    margin-top: 10px;
}
.jf-userlist-pages{
    margin-top: 5px;
}
.jf-userlist-pages a,.jf-userlist-pages span{
    /*width: 34px;*/
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #fff;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #666;
    border-radius: 5px;
}
.jf-userlist-pages .active{
    border: 1px solid #63A7EE;
    color: #63A7EE;
}
.jf-userlist-pages .prev,.jf-userlist-pages .next{
    font-size: 24px;
    position: relative;
    top: 1px;
}
.tipso_bubble.right>.tipso_arrow{border-color:transparent #fff transparent transparent !important;top:50%;right:100%;margin-top:-8px}

.jf-box-pop-con-tent-inps-lired{
    color: #EA463B;
}

/*班级活动*/
/*没有班级*/
.class-activity-boxs-no:after{
    content: '';
    display: block;
    clear: both;
}
.class-activity-boxs-no{
    margin-top: 50px;
}
.class-activity-boxs-no-l{
    width: 75%;
    background: #FFFFFF;
    box-shadow: 0px 6px 30px rgba(7, 119, 236, 0.1);
    border-radius: 16px;
    float: left;
}
.class-activity-boxs-no-r{
    float: right;
    width: 23%;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    min-width: 300px;
}
.class-activity-boxs-no-lcon-box1-bt{
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin: 45px 0;
}
.class-activity-boxs-no-lcon-box1-listLi{
    width: 499px;
    height: 93px;
    background: url("../image/class_card_bg.png") no-repeat center center/100%;
    margin: 0 auto 25px;
    position: relative;
}
.class-activity-boxs-no-lcon-box1-listLi:after{
    content: '';
    display: block;
    clear: both;
}
.class-activity-boxs-no-lcon-box1-listLi img{
    position: absolute;
    right: -5px;
    top: -3px;
}
.class-activity-boxs-no-lcon-box1-listLi-l{
    float: left;
    width: 99px;
    height: 91px;
    line-height: 91px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}
.class-activity-boxs-no-lcon-box1-listLi-lNo{
    color: #89929F;
}
.class-activity-boxs-no-lcon-box1-listLi-l span{
    font-size: 14px;
    margin-left: 3px;
}
.class-activity-boxs-no-lcon-box1-listLi-r{
    float: left;
    width: 400px;
    height: 91px;
    text-indent: 26px;
}
.class-activity-boxs-no-lcon-box1-listLi-r div{
    color: #999999;
    font-size: 12px;
}
.class-activity-boxs-no-lcon-box1-listLi-r div:first-child{
    font-size: 18px;
    color: #FFA92F;
    margin: 16px 0 3px;
}
.class-activity-boxs-no-lcon-box1-listLi-r div.class-card-name{
    color: #333;
}
.class-activity-boxs-no-lcon-box1-btns{
    width: 190px;
    height: 44px;
    background: #2489F2;
    box-shadow: 0px 4px 20px rgba(36, 137, 242, 0.3);
    line-height: 44px;
    border-radius: 22px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    margin: 80px auto 100px;
    cursor: pointer;
}

/*班级活跃榜单*/
.class-banner-bd-xbt {
    background-image: url(../image/class_index_bd_xbt.png);
    background-repeat: no-repeat;
    background-position: center 91%;
    color: #27292B;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 25px;
    margin-bottom: 10px;
}
.class-banner-bd-xbtx{
    font-size: 14px;
    color: #7E818A;
    text-align: center;
}
.class-banner-bd-txt-li {
    overflow: hidden;
    height: 65px;
    border-bottom: 1px solid #f2f2f2;
    line-height: 65px;
    max-width: 310px;
    margin: 0 auto;
}
.class-banner-bd-txt .class-banner-bd-txt-li:nth-child(6){
    border-bottom: none;
}
.class-banner-bd-txt-li span,.class-banner-bd-txt-li img{
    margin-left: 5px;
}
.class-bd-pm{
    font-size: 16px;
    font-weight: bold;
    color: #7E818A;
    left: 9px;
}
.class-bd-img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
}
.class-bd-name{
    font-size: 14px;
    color: #292C34;
    display: inline-block;
    width: 148px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    vertical-align: bottom;
    position: relative;
    top: -10px;
}
.class-bd-name p{
    line-height: 22px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.class-bd-name .class-bd-num{
    font-size: 12px;
    color: #7E818A;
    margin: 0 8px 0 0;
}
.class-bd-type{
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #EFB031;
    border-radius: 9px;
    padding: 2px 8px;
}
.class-bd-btn{
    color: #63A7EE;
    cursor: pointer;
}
.class-bd-btn a{
    color: #7E818A;
    font-size: 14px;
}
.class-bd-btn{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
.class-bd-btn img{
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.class-home-memListNo{
    text-align: center;
    margin-top: 50px;
}
.class-home-memListNo p{
    font-size: 15px;
    color: #999999;
    margin: 13px 0 10px;
}
.class-home-memListNo div{
    color: #3E8BDB;
    font-size: 14px;
}
.class-home-cy-more{
    text-align: center;
    font-size: 12px;
    color: #999;
    display: none;
}

/*有班级时班级活动*/
.class-activity-boxs-no-lcon-box2{
    display: none;
    width: 630px;
    margin: 50px auto 100px;
    position: relative;
}
.class-activity-boxs-no-lcon-box2:after{
    content: '';
    display: inline-block;
    clear: both;
}

.class-activity-boxs-no-lcon-box2r{
    width: 100%;
}

.class-activity-boxs-no-lcon-box2r-lixbt{
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    height: 58px;
    line-height: 58px;
    position: relative;
    z-index: 2;
}
.class-activity-boxs-no-lcon-box2r-lixbton{
    color: #2489F2;
}
.class-activity-boxs-no-lcon-box2r-liTxt{
    border: 1px solid #F0F1F3;
    border-radius: 10px;
    padding: 30px;
    overflow: hidden;
    margin-left: 62px;
}
.class-activity-boxs-no-lcon-box2r-liTxtAva{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    position: relative;
    top: 7px;
}
.class-activity-boxs-no-lcon-box2r-liTxtcon{
    float: left;
}
.class-activity-boxs-no-lcon-box2r-liTxt-top{
    margin-bottom: 25px;
    line-height: 29px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-top span:first-child{
    font-size: 16px;
    color: #333333;
    margin-right: 8px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-top span:last-child{
    width: 50px;
    height: 20px;
    background: #EFB031;
    color: #fff;
    text-align: center;
    line-height: 18px;
    display: inline-block;
    border-radius: 9px;
    font-size: 12px;
    position: relative;
    top: -2px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-bot{
    margin-top: 6spx;
}
.class-activity-boxs-no-lcon-box2r-liTxt-botavs img{
    width: 22px;
    height: 22px;
    background: #E8E8E8;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    display: inline-block;
}
.class-activity-boxs-no-lcon-box2r-liTxt-botavs img +img{
    margin-left: -15px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-botavs span{
    color: #999999;
    font-size: 16px;
    margin-left: 5px;
}
.class-activity-boxs-no-lcon-box2r-libtn{
    float: right;
    margin-top: 20px;
}
.class-activity-boxs-no-lcon-box2r-libtn a{
    color: #63A7EE;
}
.class-activity-boxs-no-lcon-box2r-li{
    margin-bottom: 50px;
}
.class_press_y{
    margin-right: 18px;
    margin-left: 18px;
}

.class-activity-boxs-no-lcon-box2r-liTxtOn{
    background: #FFFFFF;
    border: 1px solid #F7F7F7;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
}
.class-activity-boxs-no-lcon-box2r-liTxt-top:after{
    content: '';
    display: block;
    clear: both;
}
.class-activity-boxs-no-lcon-box2r-liTxt-top div{
    float: left;
    color: #333;
    font-size: 16px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-top div i{
    color: #2489F2;
    font-size: 20px;
    margin: 0 5px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-top div:last-child{
    float: right;
    width: 112px;
    height: 32px;
    background: #2489F2;
    box-shadow: 0px 4px 20px rgba(36, 137, 242, 0.3);
    text-align: center;
    line-height: 32px;
    color: #fff;
    border-radius: 22px;
    font-size: 14px;
    cursor: pointer;
}
.class-activity-boxs-no-lcon-box2r-liTxt-top div:last-child img{
    margin-right: 8px;
    position: relative;
    top: -2px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-con{
    background: url("../image/class_card_bg.png") no-repeat center center/100%;
    width: 499px;
    height: 93px;
    position: relative;
    margin: 0 0 25px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-conNo{
    background: url("../image/class_preCard_bgNo.png") no-repeat center center/100%;
}
.class-activity-boxs-no-lcon-box2r-liTxt-con img{
    position: absolute;
    right: -4px;
    top: -3px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-tips{
    color: #999999;
    font-size: 12px;
}
.class-activity-boxs-no-lcon-box2r-liTxt-tips img{
    margin-right: 4px;
    position: relative;
    top: -2px;
}
.class-activity-boxs-no-lcon-box2r-liTxtyes:after{
    content: '';
    display: block;
    clear: both;
}
.class-activity-boxs-no-lcon-box2r-liTxtyes-l{
    float: left;
}
.class-activity-boxs-no-lcon-box2r-liTxtyes-r {
    float: right;
    margin-top: 10px;
}

.class-activity-boxs-no-lcon-box2r-liTxtyesxbt{
    font-size: 16px;
    color: #FF7D2D;
}
.class-activity-boxs-no-lcon-box2r-liTxtyesxbtOn{
    color: #333333;
}
.class-activity-boxs-no-lcon-box2r-liTxtyestxt{
    font-size: 12px;
    color: #999999;
    text-indent: 7px;
}

.class-activity-boxs-no-lcon-box2r-liTxtyes-rbtn {
    width: 112px;
    height: 32px;
    background: #2489F2;
    box-shadow: 0px 4px 20px rgba(36, 137, 242, 0.3);
    line-height: 32px;
    cursor: pointer;
    border-radius: 22px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}
.class-activity-boxs-no-lcon-box2r-liTxtyes-rgo a{
    color: #63A7EE;
    text-align: center;
}
.class-kq-tj{
    color: #999999;
    font-size: 14px;
}
.class-kq-tj div{
    margin-top: 8px;
}
.class-kq-tj div img{
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.class-activity-boxs-no-lcon-box2r-liTxtwz{
    color: #999999;
    font-size: 16px;
}
.class-activity-boxs-no-lcon-box2r-liTxtwz img{
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.boxs-no-lcon-box2r-liTxtwzOn{
    color: #333333;
}
.boxs-no-lcon-box2r-liTxtOn{
    padding: 18px;
    display: inline-block;
    padding: 11px 18px;
}
.class-banner-yqbd-txt-liPmSpan{
    float: left;
    font-size: 16px;
    color: #999999;
    margin: 0 7px;
    width: 10px;
}
.activity-boxs-box2l{
    width: 2px;
    height: calc(100% - 179px);
    background: #F7F7F7;
    overflow: hidden;
    position: absolute;
    top: 24px;
    left: 28px;
}
.activity-boxs-box2l-presson{
    background: #2489F2;
    width: 2px;
    height: 25%;
}


/*班级邀请榜单*/
.class-banner-yqbd-xbt {
    background-image: url(../image/class_index_bd_xbt.png);
    background-repeat: no-repeat;
    background-position: center 80%;
    color: #27292b;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding-top: 25px;
    margin-bottom: 30px;
}
.class-banner-yqbd-txt-li{
    overflow: hidden;
    width: 90%;
    margin: 0 auto 16px;
    padding-bottom: 16px;
    line-height: 32px;
    border-bottom: 1px solid #F5F5F5;

}
.class-banner-yqbd-txt-liPm{
    width: 23px;
    height: 31px;
    display: inline-block;
    float: left;
}
.class-banner-yqbd-txt-li-ava{
    float: left;
    margin-left: 12px;
    margin-right: 12px;
}
.class-banner-yqbd-txt-li-ava img{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
}
.class-banner-yqbd-txt-li-name{
    float: left;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width: 27%;
}
.class-banner-yqbd-txt-li-yqnum{
    color: #999999;
    font-size: 11px;
    float: right;
}
.class-yqbd-span{
    font-size: 11px;
    color: #EB6D40;
    display: inline-block;
    width: 23px;
    height: 16px;
    border: 1px solid #EB6D40;
    text-align: center;
    border-radius: 2px;
    line-height: 16px;
    margin-left: 5px;
}


/*邀请班级弹窗*/
.class-my-box-con{
    padding: 11px 30px 0px 50px;
    overflow: hidden;
}
.class-my-box-con-l{
    width: 100%;
    float: left;
}
.class-my-box-con-r{
    float: right;
    width: 200px;
}
.class-my-con-l-top {
    background-image: url(../image/class_my_bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    width: 448px;
    height: 288px;
    position: relative;
    margin: 0 auto 11px;
}
.class-my-con-l-bot{
    border-top: 1px solid #F2F2F2;
}
.class-my-con-top-cur{
    width: 41px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    background: #2489F3;
    border-radius: 2px;
    font-size: 13px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 22px;
}
.class-my-con-top-list{
    overflow: hidden;
    position: relative;
}
.class-my-con-top-list-l{
    float: left;
    width: 205px;
    text-align: center;
    margin-top: 23px;
}
.class-my-con-top-list-r{
    float: right;
    width: 213px;
    text-align: center;
    margin: 11px 6px 0 0;
}
.class-my-con-top-list-l img,.class-my-con-top-list-r img{
    width: 86px;
    height: 76px;
    margin-top: 20px;
}
.class-create-con-list-nt{
    color: #666;
    margin-top: 30px;
}
.class-create-con-list-t{
    margin-top: 30px;
    text-align: left;
}
.class-create-con-list-t p{
    line-height: 18px;
    margin-bottom: 5px;
}
.class-create-con-list-t p a{
    color: #3E8BDB;
    text-decoration: underline;
}
.class-my-con-list-xbt{
    font-size: 25px;
}
.class-my-con-list-xbt span{
    border-bottom: 10px solid #D9D9D8;
}
.class-my-con-list-t{
    margin-top: 36px;
    text-align: left;
}
.class-my-con-list-t .new-icon{
    width: 34px;
    height: 19px;
    position: absolute;
    top: -27px;
}
.class-my-con-top-list-z{
    width: 68px;
    height: 68px;
    background: #F97528;
    box-shadow: 0px 2px 8px rgba(222, 87, 26, 0.47);
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    left: -12px;
    right: 0;
    top: 103px;
}
.class-my-con-top-list-z img{
    margin-top: 12px;
}
.class-my-con-bot-t{
    color: #333;
}
.class-my-con-bot-t span{
    color: #888888;
    word-break: break-all;
}
.class-my-con-bot-btn{
    width: 116px;
    height: 38px;
    background: #2489F3;
    text-align: center;
    line-height: 38px;
    background: #2489F3;
    border-radius: 0px 4px 4px 0px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
}
.class-my-box-con-r-xbt{
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.class-my-box-con-r-xbt span{
    color: #999;
}
.class-my-box-con-memList{
    overflow: hidden;
    margin-bottom: 20px;
}
.class-my-box-con-memList-l{
    float: left;
}
.class-my-box-con-memList-r{
    float: left;
    margin-left: 10px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 74%;
}
.class-my-box-con-memList-l img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    top: 5px;
}
.class-my-box-con-memList-name{
    font-size: 12px;
    color: #666;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.class-my-box-con-memList-sj{
    font-size: 12px;
    color: #B5B7BD;
}
.class-my-box-con-memLists{
    height: 422px;
    overflow-y: auto;
}
.class-my-con-bot-btnNo{
    opacity: 0.3;
    filter:alpha(opacity=30);
    cursor: not-allowed;
}
.class-my-con-xy-box{
    position: relative;
    width: 216px;
    height: 250px;
    background: #FAFBFC;
    border: 1px solid #EBEBEB;
    border-radius: 8px;
    margin: 0 auto 20px;
    text-align: center;
}
.class-my-con-xy-top{
    border-bottom: 1px solid #F2F2F2;
    padding-bottom: 13px;
    margin-bottom: 30px;
}
.class-my-con-bot-t-xbt {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    margin-top: 15px;
}
.class-my-con-bot-t-xbt span{
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.class-my-con-bot-t-xbtTxt {
    width: 100%;
    background: #F2F3F5;
    border-radius: 4px 0px 0px 4px;
    height: 38px;
    line-height: 38px;
    position: relative;
}
.class-my-con-bot-url{
    height: 38px;
    line-height: 38px;
    background: none;
    color: #999999;
    width: 80%;
    padding-left: 20px;
}
.classMyImg{
    width: 110px;
    height: 110px;
    border: 1px solid #F0F0F0;
    float: left;
    margin-left: 20px;
}
#c2_code img{
    width: 100px;
    height: 100px;
    position: absolute;
    right: 58px;
    bottom: 116px;
}

.classMyImg canvas{
    margin: 5px;
    width: 100%;
}
.classMyImg img{
    width: 100px;
    height: 100px;
    margin: 5px;
}
.class-my-con-bot-btn2{
    position: static;
    float: left;
    margin-left: 25px;
    margin-top: 40px;
    border-radius: 4px;
}

.classMyImg::selection {
    background:none;

}
.classMyImg::-moz-selection {
    background:none;

}
.classMyImg::-webkit-selection {
    background:none;
}

.class-my-con-bot-t::selection {
    background:#fff;

}
.class-my-con-bot-t::-moz-selection {
    background:#fff;

}
.class-my-con-bot-t::-webkit-selection {
    background:#fff;
}
/*邀请弹窗*/

/*联名奖励*/
.joint-reward-boxs{
    background: #FFFFFF;
    box-shadow: 0px 6px 30px rgb(7 119 236 / 10%);
    border-radius: 16px;
    margin-top: 50px;
    min-height: calc(100vh - 165px);
}
.joint-reward-boxs-con{
    width: 80%;
    margin: 30px auto 0;
    position: relative;
}
.joint-reward-boxs-con:after{
    content: '';
    display: block;
    clear: both;
}
.joint-reward-con-list{
    width: 62.5%;
    height: 92px;
    border: 1px solid #F4C795;
    background: linear-gradient(92deg, #FFFBF0 0%, #FCF3E1 100%);
    border-radius: 14px;
    position: relative;
    padding: 23px;
    margin:auto;
    /* float: left; */
    margin-bottom: 50px;
    /* margin-right: 30px; */
}
.joint-reward-con-liston{
    float: initial;
    margin: 0 auto 50px;
    width: 62%;
}
.joint-reward-con-list:nth-child(even){
    /* margin-right: 0; */
}

.reward-icon{
    position: absolute;
    left: -18px;
    top: -12px
}
.joint-reward-con-list-l{
    float: left;
    width: 26%;
    height: 92px;
    line-height: 92px;
    color: #EA3F33;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-right: 1px dashed #CB5201;
}
.joint-reward-con-list-l span{
    font-size: 56px;
    font-weight: bold;
}
.joint-reward-con-list-r{
    float: left;
    width: 72%;
    height: 92px;
    position: relative;
}
.joint-reward-con-list-r:after{
    content: '';
    display: block;
    clear: both;
}
.joint-reward-con-list-rl{
    float: left;
    margin-left: 35px;
}
.joint-reward-con-list-rlimg img{
    display: inline-block;
    height: 13px;
}
.joint-reward-con-list-rl div{
    font-size: 20px;
    font-weight: bold;
    color: #48372A;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.joint-reward-con-list-rl p{
    font-size: 15px;
    color: #8D837D;
    max-width: 370px;
}
.jointList-desc{
    display: inline-block;
    /* max-width: 338px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.joint-reward-con-list-rl p span{
    border-bottom: 1px solid #8D837D;
    padding-bottom: 2px;
}
.joint-reward-con-list-rr{
    position: absolute;
    right: 0;
    margin-top: 17px;
}
.joint-reward-con-list-rrbtn{
    width: 126px;
    height: 42px;
    background: linear-gradient(180deg, #FFC94A 0%, #FFA845 100%);
    box-shadow: 0px 4px 14px rgba(230, 148, 41, 0.39);
    border-radius: 22px;
    line-height: 42px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}
.joint-reward-con-list-rrbtn a{
    color: #fff;
}
.reward-wx-hover{
    position: relative;
    cursor: pointer;
}
.reward-wx-hover:hover .reward-wx-box{
    display: block;
    z-index: 1;
}
.joint-reward-con-list-rl p .reward-wx-box{
    display: none;
    width: 182px;
    height: 202px;
    position: absolute;
    background: url(../image/reward_wx_card.png) no-repeat center center/100%;
    left: -55px;
    top: -14px;
    color: #333333;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    padding-top: 54px;
    border-bottom: none;
}
.reward-wx-box img{
    display: inline-block;
    width: 115px;
    height: 115px;
}
.reward-no{
    margin-top: 5%;
}
.reward-wx-boxname{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    top: -2px;
    max-width: 58px;
}

/*刷新进度按钮*/
.free-pre-sx{
    cursor: pointer;
    float: right;
    color: #63A7EE;
    position: absolute;
    right: 40px;
    top: 0px;
}
.free-pre-sx img{
    margin-right: 5px;
    position: relative;
    top: -2px;
}
.free-pre-sx-class{
    display: none;
}

/*朋友圈分享*/
.jf-pyq-box{
    display: none;
}
.jf-pyq-box-zz{
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
}
.jf-pyq-box-conbox{
    width: 598px;
    background: #FFFFFF;
    border: 1px solid #F0F1F3;
    padding: 30px;
    margin: 0px auto 0;
    position: fixed;
    z-index: 667;
    top: 25%;
    left: 0;
    right: 0;
    border-radius: 10px;
}

.jf-pyq-box-close{
    position: absolute;
    right: 14px;
    top: 7px;
    cursor: pointer;
}
.jf-pyq-box-top{
    overflow: hidden;
}
.jf-pyq-box-top-l{
    float: left;
}
.jf-pyq-box-top-l img{
    display: inline-block;
    width: 132px;
}
.jf-pyq-box-top-r{
    float: left;
    color: #333333;
    font-size: 13px;
    margin-left: 30px;
    margin-top: 32px;
}
.jf-pyq-box-top-r p img{
    margin-right: 8px;
    position: relative;
    top: -3px;
}
.jf-pyq-box-top-r-btn{
    width: 88px;
    height: 28px;
    background: #63A7EE;
    line-height: 28px;
    text-align: center;
    border-radius: 4px;
    color: #FDFDFD;
    margin-top: 20px;
    cursor: pointer;
}
.jf-pyq-box-con-title{
    margin-top: 30px;
    color: #999999;
    font-size: 12px;
    text-align: center;
    background: url("../image/jf_title.png") no-repeat center center;
    margin-bottom: 20px;
}
.jf-pyq-box-con-t{
    color: #666;
    font-size: 12px;
    overflow: hidden;
}
.jf-pyq-box-con-t div{
    float: left;
    margin-right: 20px;
}
.jf-pyq-box-con-t div:last-child{
    margin-right: 0;
}
.jf-pyq-box-con-t div p:first-child{
    margin-bottom: 10px;
    height: 40px;
}

/*媒体查询*/
@media screen and (max-width: 1610px){
    .joint-reward-boxs-con{
        width: 90%;
    }
    /* .input_val_type, .checkBox_box span {
        display:block !important;
    } */
    .envelopes-reward-boxs .lf{
        float: none !important;
    }
    .nav_tag_block{
        /* width: 120px !important; */
        width: calc(100%/6 - 54px) !important;
        height: 110px !important;
        margin-bottom: 10px !important;
    }
    .nav_tag_block .nav_img{
        float: none !important;
    }
    .nav_tag_block .nav_text{
        margin-top: 10px !important;
    }
    /* .nav_tag_block .nav_text h2{
        margin: 5px 0px !important;
    } */
    .nav_tag_block .nav_text .money{
        margin: 4px 0px !important;
        margin-bottom: 20px !important;
    }
    .nav_tag_block .nav_text .status{
        bottom: -33px !important;
    }
}
@media screen and (max-width: 1650px){
    .joint-reward-boxs-con{
        width: 95%;
    }
    .class-activity-boxs-no-l{
        width: 72%;
    }
}
@media screen and (max-width: 1630px) {
    .free-new-content-r-jfBox-con {
        transform: scale(0.95);
        width: 97%;
    }
    .content-jfBox-con-liTop-wzH,.content-jfBox-con-liTop-wz{
        width: 93%;
    }
}
@media screen and (max-width: 1580px) {
    .joint-reward-boxs-con{
        transform: scale(0.9);
        width: 100%;
    }
    .jf-detail-box{
        padding: 35px 6%;
    }
}
@media screen and (max-width: 1520px) {
    .joint-reward-boxs-con{
        transform: scale(0.8);
        width: 119%;
        margin-left: -9%;
    }
    .class-activity-boxs-no-l{
        width: 69%;
    }
}
@media screen and (max-width: 1500px) {
    .free-new-content-r-jfBox-con {
        transform: scale(0.9);
        width: 100%;
    }
    /* .free-new-content-box{
        width: 1380px !important;
    } */

}
@media screen and (max-width: 1500px) {
    .class-activity-boxs-no-l{
        width: 68%;
    }
}
@media screen and (max-width: 1500px) {
    .jf-detail-box{
        padding: 35px 3%;
    }

}
@media screen and (max-width: 1500px) {
    .joint-reward-boxs-con{
        transform: scale(0.75);
        width: 125%;
        margin-left: -12%;
    }
}



/*新免费使用样式   END*/
.envelopes-reward-boxs{
    background: #FFFFFF;
    box-shadow: 0px 6px 30px 1px rgba(7, 119, 236, 0.1);
    border-radius: 16px 16px 16px 16px;
    position: relative;
}
.envelopes-reward-boxs .lf{
    float: left;
}
.envelopes-reward-boxs .rt{
    float: right;
}

.envelopes-reward-boxs .orange{
    color: #FF7D2D !important;
}
.envelopes_nav{
    padding:0 110px;
    /* position: absolute; */
    white-space: nowrap;
    width: calc(100% - 220px);
    /* left: 50%;
    transform: translateX(-50%); */
}

/* .envelopes_nav .active::after{
    content: "";

} */
.envelopes-reward-boxs .nav_tag_block{
    /* width: 172px; */
    width: calc(100%/6 - 54px);
    height: 73px;
    padding:12px 20px;
    border: 2px solid transparent;
    background: #F5F9FD;
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #EDF1F5;
    cursor: pointer;
    display:inline-block;
}
.envelopes_nav .active{
    box-shadow: 0px 2px 15px 1px rgba(31, 122, 194, 0.23);
    border: 2px solid #467AF2 !important;
    background:url("../image/nav_check.png") no-repeat 101% bottom #FFFFFF;
}
.nav_tag_block .xuebituPic{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-image: url('../image/useFree-pic.png');
    background-size: 500px 500px;
    background-position-y: 0px;
}
/* .xuebituPic.weibo{
    background-size: 500px 500px;
}
.xuebituPic.xiaohongshu{
    background-size: 500px 500px;
    background-position: -38px 0px;
}
.xuebituPic.douyin{
    background-size: 500px 500px;
    background-position: -76px 0px;
}
.xuebituPic.zhihu{
    background-size: 500px 500px;
    background-position: -114px 0px;
}
.xuebituPic.qq-icon{
    background-size: 500px 500px;
    background-position: -152px 0px;
}
.xuebituPic.weixin-icon{
    background-size: 500px 500px;
    background-position: -190px 0px;
} */

.nav_tag_block .nav_img {
    margin-right: 10px;
}
.nav_tag_block  img{
    width: 22px;
}
.nav_tag_block + .nav_tag_block{
    margin-left: 10px;
}
.nav_tag_block .nav_text h2{
    font-size: 13px;
    color: #333;
}
.nav_tag_block .nav_text .xuebituPic2{
    width: 12px;
    height: 14px;
    float: left;
    background-position: -228px -7px;
    background-size: 500px 500px;
    margin-top: 3px;
}
.nav_tag_block .nav_text .money {
    font-size: 12px;
    margin: 3px 0px;
    color:#666666;
}
.nav_text{
    width: calc(100% - 55px);
    line-height: 20px;
    position: relative;
}
.nav_text .status {
    line-height:24px;
    font-size: 12px;
    position:absolute;
    left:0;
    bottom: -30px;
    height: 24px;
    display:inline-block;
    text-align: center;
    margin-top: 6px;
    width: 74px;
    background: #7990C9;
    color: #FFFFFF;
    border-radius: 15px 15px 15px 15px;
    border: 1px solid transparent;
}
.envelopes_table_list .envelopes_table_list_h1{
    background:url(../image/icon_list.png) no-repeat left center;
    font-weight: bold;
    color: #333333;
    font-size: 15px;
    padding-left: 24px;
    margin-bottom: 16px;
}
.envelopes_container{
    margin-top:145px ;
    max-width: 1240px;
    padding: 0 50px;
    margin: auto;
    padding-bottom: 40px;
}
.envelopes_desp_table {
    background: #FFFFFF;
    border-radius: 12px 12px 12px 12px;
    border: 1px solid #E7ECF0;
    display: table;
    width: 100%;
}
/* .envelopes_desp_table .table_cell{
    display:table-row;
} */
.envelopes_desp_table .table_cell +.table_cell{
   
border-top: 1px solid #E7ECF0;
}
.envelopes_desp_table .table_cell .envelopes_desp_label{
    display:table-cell;
    width: 167px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    background: #F5F9FD;
    color: #666666;
}
.envelopes_desp_table .envelopes_data{
    font-size:14px;
    padding: 10px 30px;
    color: #333333;
    display:table-cell;
}
.envelopes_rule .rule_dot{
    display:inline-block;
    color:#666666;
    width: 20px;
    height: 20px;
    background: #EDF1F5;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    margin-right: 10px;
}
.envelopes_data .envelopes_rule{
    display: block;
    margin: 8px 0px;
}
.form_envelops{
    padding: 30px;
    background: #F5F9FD;
    border-radius: 12px 12px 12px 12px;
    border: 1px dashed #B1D0EF;
    position: relative;
}
.form_envelops #downloadImg i{
    font-size: 13px;
}
.form_envelops #downloadImg{
    display: inline-block;
    width: 88px;
    height: 24px;
    border-radius: 13px 13px 13px 13px;
    border: 1px solid #2F68ED;
    font-size: 13px;
    text-align: center;
    line-height: 24px;
    margin-left: 14px;
    color: #467AF2;
}
#downloadImg .downLoadPic{
    width: 13px;
    height: 13px;
    margin-bottom: 4px;
}
.form_envelops .form_envelops_case{
    /* border-bottom: 1px solid #467AF2; */
    font-size: 13px;
    color: #467AF2;
    position: absolute;
    right: 30px;
    top: 36px;
    cursor: pointer;
    height: 37px;
}
.form_envelops_case .case_line{
    display: inline-block;
    position: absolute;
    left: 0;
    height: 1px;
    background-color: #467AF2;
    width: 100%;
    bottom: 12px;
}
.form_envelops .form_envelops_case_pop{
    position: absolute;
    right: 0;
    z-index: 10;
    top: 37px;
    display:none;
    background: #FFFFFF;
    box-shadow: 0px 3px 10px 1px rgb(118 121 133 / 18%);
    border-radius: 8px 8px 8px 8px;
    padding: 13px 8px 6px 8px;
}
.form_envelops_case:hover .form_envelops_case_pop{display: block;}
.form_envelops .form_envelops_case_pop::after{
    content: '';
    display: inline-block;
    border-left: 8px solid transparent;
    border-bottom: 11px solid #fff;
    border-right: 8px solid transparent;
    right: 17px;
    top: -10px;
    position: absolute;
}
.form_envelops h2{
    font-size: 14px;
    color:#333;
    font-weight:bold;
}

.form_envelops h2 span{
    display:inline-block;
    margin-right: 18px;
    width: 64px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    
    color: #2489F2;
    font-weight: normal;
    background:url("../image/step-bg.png") no-repeat center;

}

.input_val_type .uploadContent{
    display: inline-block;
    height: 30px;
    width: 30px;
    border: 1px dashed rgb(223, 222, 222);
    position: relative;
    top: 19px;
    border-radius: 5px;
}

.input_val_type .uploadContent::before{
    content: '+';
    color: #2489F2;
    position: relative;
    left: 4px;
    top: -14px;
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 30px;
}

#uploadPost{
    position: absolute;
    z-index: 1;
    opacity: 0;
    left: -6px;
    top: -9px;
    width: 30px;
    height: 30px;
}

#checkReward i {
    margin-right: 4px;
}

.set1_text{
    font-size: 14px;
    color: #666666;
    padding-left: 80px;
    margin-left: 5px;
}
.set1_text .zhiTitle{
    color: #467AF2;
    width: 22%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    padding-right: 15px;
}
.set1_text .zhiTitle:hover{
    color: #356ef2;
    text-decoration: underline;
}
.set1_text .normalTitle{
    display: block;
}

.set1_text input{
    height: 30px;
    padding-left: 12px;
    font-size: 13px;
    margin-top: 8px;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #DFE3E8;
}
.input_txt::-webkit-input-placeholder {
    color: #B8B8B8;
}
.input_txt:-moz-placeholder {
    color: #B8B8B8;
}
.input_txt:-ms-input-placeholder {
    color: #B8B8B8;
}
.checkBox_box img{
    position: relative;
    top: -1px;
    cursor:pointer;
}
.checkBox_box i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../image/check_no.png") no-repeat center center;
    position: relative;
    top: 2px;
}
.check_yes i{
    background: url("../image/check_yes.png") no-repeat center center;
}
.input_val_type, .checkBox_box span {
    display:inline-block;
}
.sub_envelop{
    width: 110px;
    height: 34px;
    background: #2489F2;
    box-shadow: 0px 2px 10px 1px rgba(36, 137, 242, 0.1);
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    line-height: 34px;
    color:#fff;
    font-size: 14px;
    margin-top: 30px;
    border:none;
    cursor: pointer;
    margin-bottom: 9px;
}
.en_tip_msg{
    font-size: 12px;
    color: #B8B8B8;
    display:flex;
    align-items:center;
}
#previewImgSrc{
    /* 预览图片 */
    position: absolute;
    z-index: 667;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    max-width: 50%;
    max-height: 80%;
    height:auto;
}
#callbackPic{
    width: 34px;
    height: 34px;
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: -2px;
    top: -2px;
    cursor: pointer;
}
#callbackPic .callbackPicImg{
    width: 100%;
    height: 100%;
    border: 1px solid #AEB2B8;
    border-radius: 4px;
    background-color: #fff;
}
#callbackPic .chaPic{
    position: absolute;
    right: -9px;
    top: -5px;
    z-index: 3;
    width: 13px;
    height: 13px;
    opacity: 0.6;
}
@media screen and (max-width: 1900px){
    .envelopes_nav{
        padding: 0 50px;
        width: calc(100% - 100px);
    }

}
#sub_envelop_submit[disabled]{
    color: #fff;
    background: #C7CBD1;
}
.active .status{
    background-color:#fff;
    color: #8E98A3;
    border: 1px solid #D7D9DB;
}
.nav_text .gray{
    border: 1px solid transparent;
background: #FCFEFF;

color: #B1BDC9;
}
.color999{
    color:#999999;
}
.active .gray{
    border: 1px solid transparent;
    color: #B1BDC9;
    background: #F2F5F7;
}
@media screen and (max-width: 1550px){

}