/*all overwrite*/
body{
    color: #666;
    -webkit-overflow-scrolling:touch;
}
html, body, .main{
    height: 100%;
    min-height: 100%;
    background: #eff3f7;
}
*::-webkit-scrollbar {
    display: none;
}
.main{
    position: relative;
}
/*header*/
.header-wrapper{
    background: #1A8CFE;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
    position: fixed;
    width: 100%;
    height: 62px;
    text-align: center;
    z-index: 1040;
}
.header-wrapper-s{
    height: 45px;
}
.header-wrapper-l{
    height: 200px;
}
.header-wrapper .header-icon{
    position: absolute;
    font-size: 20px;
    top: 0;
    right: 10px;
}
.header-wrapper .header-text{
    position: absolute;
    font-size: 16px;
    top: 10px;
    right: 10px;
    line-height: 21px;
}

.header-wrapper .header-title .header-tab{
    position: relative;
    width: 50%;
    float: left;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.header-wrapper .header-title .header-tab.active{
    opacity: 1;
    filter: alpha(opacity=100);
}


.header-wrapper .header-title .header-tab{
    text-align: center;
}
.header-wrapper .header-title .header-tab-file{
    width: 100%;
}
.header-wrapper .back-icon{
    width: 30px;
    text-align: center;
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
}
.header-wrapper .back-icon a{
    display: inline-block;
}


/*个人信息*/
.header-wrapper-l .header-character{
    padding: 62px 0 0 110px;
    height: 200px;
    position: relative;
}
.header-wrapper-l .header-character .character{
    position: absolute;
    top: 62px;
    left: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
}
.header-wrapper-l .header-character .character img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.header-wrapper-l .header-character .info{
    text-align: left;
    padding-top: 6px;
}
.header-character .info .user-name{
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
    margin-bottom: 5px;
}
.header-character .info .point{
    font-size: 12px;
    color: #FFFFFF;
    line-height: 17px;
}
.header-character .info .point .split{
    margin: 0 7px;
}
.header-wrapper-l .header-character .point-rank{
    position: absolute;
    right: 0;
    top: 66px;
    width: 84px;
    height: 28px;
    border-radius: 100px 0 0 100px;
    background: #47A3FE;
    font-weight: 500;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 28px;
    padding-right: 8px;
    text-align: right;
}
.header-wrapper-l .header-character .point-rank .icon{
    line-height: 28px;
    position: relative;
    margin-left: 1px;
    top: 1px;
}
.header-wrapper-l .header-character .addition{
    position: absolute;
    top: 15px;
    right: 8px;
    line-height: 17px;
}
.header-wrapper-l .header-character .addition .item{
    font-size: 12px;
}
.header-wrapper-l .header-character .addition .item .icon{
    margin-left: 1px;
}
.header-wrapper-l .header-character .addition .item + .item{
    margin-left: 20px;
}



/*.header-wrapper-l .header-character .icon-camera{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    font-size: 20px;*/
/*    color:  #27274A;*/
/*    background: #fff;*/
/*    border-radius: 50%;*/
/*}*/

/*nav*/
.nav-wrapper{
    background: #FFF;
    box-shadow: 0 -2px 20px 0 rgba(153,153,153,0.15);
    font-size: 12px;
    color: #C1C1CB;
    width: 100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.nav-wrapper .nav-item{
    position: relative;
    /*float: left;*/
    text-align: center;
}
.nav-wrapper .nav-item.none {
    display: none!important;
}
.nav-wrapper.nav-tab-4 .nav-item{
    width: 25%;
}
.nav-wrapper.nav-tab-3 .nav-item{
    width: 33.33333%;
}
.nav-wrapper.nav-tab-2 .nav-item{
    width: 50%;
}
.nav-wrapper.nav-tab-1 .nav-item{
    width: 100%;
}
.nav-wrapper .nav-item .nav-icon{
    font-size: 20px;
}
.nav-wrapper .nav-item .nav-title{
    line-height: 1;
}

.nav-wrapper .nav-item.nav-item-active{
    color: #1A8CFE;;
}

/*body*/
.body-wrapper{
    padding: 95px 10px 60px 10px;
    position: absolute;
    width: 100%;
    height: 100%;
}
.body-wrapper.no-nav{
    padding-bottom: 0!important;
}

.header-wrapper-s + .body-wrapper,
.header-wrapper-s + .search-wrapper + .body-wrapper{
    padding: 55px 10px 60px 10px;
}
.header-wrapper-l + .body-wrapper{
    padding: 240px 10px 60px 10px;
}

.body-wrapper.has-sub-header,
.body-wrapper.has-tab{
    padding-top: 89px!important;
}
.body-wrapper.has-tab,
.body-wrapper.has-sub-header,
.body-wrapper.no-tab {
    padding-left: 0!important;
    padding-right: 0!important;
}
.body-wrapper.has-sub-header.has-tab{
    padding-top: 133px!important;
}
.body-wrapper.no-tab {
   padding-top: 45px!important;
}
.body-wrapper.no-nav {
    padding-bottom: 0!important;
}
.body-wrapper.no-nav + .nav-wrapper {
    display: none;
}
.body-wrapper .item{
    width: 100%;
    background: #FFF;
    border-radius: 4px;
    padding: 0 15px 5px;
    position: relative;
}
.body-wrapper .item{
    margin-bottom: 10px;
}

/*加载更多*/
.body-wrapper .item.item-load-more{
    background: transparent;
    text-align: center;
    font-size: 13px;
    color: #C1C1CB;
    line-height: 28px;
}

/*分类行*/
.body-wrapper .item.item-classify{
    border-radius: 0;
    padding: 0 10px;
    margin-bottom: 0;
    font-size: 13px;
    height: 45px;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 100;
}
.body-wrapper.has-tab .item-classify{
    top: 89px;
}
/*知识库*/
.item-classify.file{
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;
    -webkit-backface-visibility: hidden;
    text-align: justify;
}
.item-classify.file .list{
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding: 0;
    line-height: 44px;
    border: none;
    margin-left: 0!important;
    opacity: 0.6;
}

 .item-classify.file .list.root{
    opacity: 1;
}
 .item-classify.file .list + .list:before{
    content: '>';
    display: inline-block;
    margin-right: 3px;
}


.body-wrapper .item-header-tab{
    border-radius: 0;
    padding: 8px 10px;
    margin-bottom: 0;
    height: 46px;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 100;
}
.body-wrapper .item-header-tab .tab-wrapper{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    height: 100%;
}
.body-wrapper .item-header-tab a{
    display: inline-block;
    line-height: 28px;
    height: 28px;
    padding: 0 15px;
    border-radius: 14px;
    color: rgba(255,255,255,0.6);;
}
.body-wrapper .item-header-tab a.active{
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.body-wrapper .item-decoration{
    height: 18px;
}
.body-wrapper .item-wrapper{
    position: relative;
    z-index: 2;
    height: 100%;
    overflow: auto;
    padding: 0 10px;
    margin-top: -18px;
}
.body-wrapper.no-tab .item-wrapper {
    margin-top: 0;
}
/*分类行上小箭头*/
.pointer.pointer-item-classify{
    position: fixed;
    z-index: 1000;
    top: 37px;
    left: 50%;
}
.pointer-item-classify.pointer-left.pointer-2-letter{
    margin-left: -52px;
}
.pointer-item-classify.pointer-right.pointer-3-letter{
    margin-left: 48px;
}


/*考试／课程搜索*/
.main .search-wrapper,
.main.main-search .header-wrapper,
.main.main-search .body-wrapper,
.main.main-search .nav-wrapper{
    display: none;
}
.main.main-search .search-wrapper{
    display: block;
}
.search-wrapper{
    position: relative;
    padding-top: 114px;
}
.search-wrapper .search-header{
    height: 50px;
    position: fixed;
    width: 100%;
    top: 44px;
    padding: 10px;
}
.search-wrapper .search-header .search-group{
    font-size: 13px;
    color: #C1C1CB;
    width: 100%;
    position: relative;
}
.search-wrapper .search-header .search-group input{
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    background: #fff;
    border: none;
    display: block;
    width: 100%;
    padding-left: 34px;
    padding-right: 34px;
    color:  #27274A;;
}
.search-wrapper .search-header .search-group .icon-search{
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 10px;
    line-height: 30px;
}
.search-wrapper .search-header .search-group .icon-delete{
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 30px;
    display: none;
}
.search-wrapper .search-header .action-group{
    position: absolute;
    right: 10px;
    line-height: 50px;
    top: 0;
    font-size: 15px;
    color:  #27274A;
    display: none;
}
.search-wrapper .search-header.search-ing{
    padding-right: 50px;
}
.search-wrapper .search-header.search-ing .search-group .icon-delete{
    display: inline-block;
}
.search-wrapper .search-header.search-ing .action-group{
    display: block;
}
.search-wrapper .search-split{
    position: fixed;
    width: 100%;
    top: 94px;
    border-bottom: 1px solid #DEDEDE;
}
.search-wrapper .search-content{
    padding: 0 10px;
    font-size: 13px;
    color:  #27274A;
}
.search-wrapper .search-content .search-list{
    padding: 0 5px;
    line-height: 28px;
}
.search-wrapper .search-content .search-list .classify-label{
    padding: 0 15px;
    height: 28px;
    border-radius: 14px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #fff;
}

/**/
.back-wrapper{
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #FFF;
    background: #1A8CFE;
    width: 100%;
    text-align: center;
    position: fixed;
    top: 0;
}
.back-wrapper .back-icon{
    width: 30px;
    text-align: center;
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 0;
}
.back-wrapper .back-icon a{
    display: inline-block;
}



/*普通行*/

/*考试/历史考试/错题本*/
.body-wrapper .item-exam .item-floor,
.body-wrapper .item-exam .item-floor-index,
.body-wrapper .item-exam .item-ceil{
    /*line-height: 49px;*/
    position: relative;
}

.body-wrapper .item-exam .item-ceil-index{
    color: #C1C1CB;
    width: 50%;
    font-size: 13px;
    padding: 0px 0px 4px 32px;
}

.body-wrapper .item-exam .item-split{
    border-bottom: 1px solid #F2F2F2;
}
.body-wrapper .item-exam .item-floor,
.body-wrapper .item-exam .item-floor-index{
    /*padding: 0 73px 0 32px;*/
}
.body-wrapper .item-exam .item-floor .item-icon,
.body-wrapper .item-exam .item-floor-index .item-icon{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    color: #1A8CFE;
}
.body-wrapper .item-exam .item-floor .item-title,
.body-wrapper .item-exam .item-floor-index .item-title{
    color:  #27274A;
    display: block;
}
.body-wrapper .item-exam .item-floor-index .item-title{
    line-height: 30px;
    padding-top: 7px;
    box-sizing: border-box;
}
.body-wrapper .item-exam .item-floor .item-time,
.body-wrapper .item-exam .item-floor-index .item-time{
    display: block;
    line-height: 25px;
    color: #C1C1CB;
    font-size: 12px;
}
.body-wrapper .item-exam .item-floor .item-status,
.body-wrapper .item-exam .item-floor-index .item-status{
    position: absolute;
    left: -54px;
    top: -2px;
    font-size: 12px;
}

.body-wrapper .item-exam .item-process{
    position: relative;
    line-height: 20px;
    font-size: 13px;
    color: #C1C1CB;
    padding-left: 32px;
}
.body-wrapper .item-exam .item-process .item-label{
    display: inline-block;
    width: 75%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.body-wrapper .item-exam .item-process button{
    position: absolute;
    right: 0px;
    bottom: 10px;
    border: 1px solid #1A8CFE;
    height: 26px;
    width: 72px;
    color: #1A8CFE;
    border-radius: 3px;
    background-color: #FFFFFF;
    padding: 0;
    line-height: 26px;
    font-size: 12px;
}

.body-wrapper .item-exam .item-ceil .item-label,
.body-wrapper .item-exam .item-ceil .item-time-range {
    font-size: 12px;
    display: block;
    transform: scale(0.9);
    transform-origin: 0 0;
    margin-top: 5px;
}
.body-wrapper .item-exam .item-ceil .item-label:first-child,
.body-wrapper .item-exam .item-ceil .item-time-range:first-child {
    margin-top: 0;
}

/*可参加*/
.body-wrapper .item-exam.item-normal .item-floor .item-status,
.body-wrapper .item-exam.item-normal .item-floor-index .item-status{
    color: #1A8CFE;
}
.body-wrapper .item-exam.item-ongoing .item-ceil .item-label .label-data,
.body-wrapper .item-exam.item-ongoing .item-ceil-index .item-label .label-data{
    color: #1A8CFE;
}
/*进行中*/
.body-wrapper .item-exam.item-ongoing .item-floor .item-status,
.body-wrapper .item-exam.item-ongoing .item-floor-index .item-status,
.body-wrapper .item-exam.item-ongoing .item-ceil-index .item-label .label-data,
.body-wrapper .item-exam.item-ongoing .item-ceil .item-label .label-data{
    color: #1A8CFE;
}
/*待审核*/
.body-wrapper .item-exam.item-unreview .item-floor-index .item-status,
.body-wrapper .item-exam.item-unreview .item-floor .item-status{
    color: #EF8545;
}
/*待缴费*/
.body-wrapper .item-exam.item-unpaid .item-floor .item-status,
.body-wrapper .item-exam.item-unpaid .item-floor-index .item-status{
    color: #EF8545;
}
/*未开始，暂不公布，不可查看*/
.body-wrapper .item-exam.item-waitting .item-floor .item-status,
.body-wrapper .item-exam.item-unrelease .item-floor .item-status,
.body-wrapper .item-exam.item-invisible .item-floor .item-status,
.body-wrapper .item-exam.item-waitting .item-floor-index .item-status,
.body-wrapper .item-exam.item-unrelease .item-floor-index .item-status,
.body-wrapper .item-exam.item-invisible .item-floor-index .item-status{
    color:  #656577;
}
/*已通过但是不可查看*/
.body-wrapper .item-exam.item-invisible.item-pass .item-floor .item-status,
.body-wrapper .item-exam.item-invisible.item-pass .item-floor-index .item-status{
    color:  #656577;
}
/*已通过*/
.body-wrapper .item-exam.item-pass .item-floor .item-status,
.body-wrapper .item-exam.item-pass .item-floor-index .item-status{
    color: #1A8CFE;
}
.body-wrapper .item-exam.item-pass .item-ceil .item-label.item-score .label-data,
.body-wrapper .item-exam.item-pass .item-ceil-index .item-label.item-score .label-data{
    color: #1A8CFE;
}
/*未通过*/
.body-wrapper .item-exam.item-unpass .item-ceil .item-label.item-score .label-data,
.body-wrapper .item-exam.item-unpass .item-ceil-index .item-label.item-score .label-data{
    color: #EF4B50;
}
/*可查看解析*/
.body-wrapper .item-exam.item-check-results .item-floor .item-status,
.body-wrapper .item-exam.item-check-results .item-floor-index .item-status{
    color: #3FD777;
}
.body-wrapper .item-exam.item-unpass .item-ceil .item-label.item-rank .label-data,
.body-wrapper .item-exam.item-unpass .item-ceil-index .item-label.item-rank .label-data{
    color: #1A8CFE;
}
/*判分后显示解析 判分中*/
.body-wrapper .item-exam.item-checking .item-floor .item-status,
.body-wrapper .item-exam.item-checking .item-floor-index .item-status{
    color: #1DC88C;
}


/*错题本*/
.body-wrapper .item-exam.item-exam-error .item-ceil .item-label .label-data,
.body-wrapper .item-exam.item-exam-error .item-ceil-index .item-label .label-data{
    color: #1A8CFE;
}


/*课程*/
.body-wrapper .item-course{
    padding-right: 10px;
    padding-left: 0px;
}
.body-wrapper .item-course .item-cover{
    position: absolute;
    left: 10px;
    top: 20px;
    width: 120px;
    height: 72px;
    box-shadow: 0 0 2px 0 rgba(180,182,189,0.40);
    border-radius: 4px;
    overflow: hidden;
}
.body-wrapper .item-course .item-cover .cover{
    width: 100%;
    height: 100%;
}
.body-wrapper .item-course .item-content{
    padding-left: 140px;
    position: relative;
    height: 126px;

}
.body-wrapper .item-course .item-floor{
    /*line-height: 49px;*/
    padding-top: 15px;
    position: relative;
}
.body-wrapper .item-course .item-floor .item-title{
    color:  #27274A;
    display: block;
}
.body-wrapper .item-course .item-split{
    border-bottom: 1px solid #F2F2F2;
}
.body-wrapper .item-course .item-floor{
    padding-right: 25px;
}
.body-wrapper .item-course .item-floor .item-status{
    position: absolute;
    left: -57px;
    top: 18px;
    font-size: 12px;
    color: #C1C1CB;;
}
.body-wrapper .item-course .item-ceil{
    padding-top: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #9090A4;
    transform: scale(0.9);
    width: 110%;
}
.body-wrapper .item-course .item-ceil .item-time-range{
    display: block;
}
.body-wrapper .item-course .item-ceil-process{
    padding-top: 8px;
    font-size: 12px;
    color: #C1C1CB;
    line-height: 16px;
    /*min-width: 204px;*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.body-wrapper .item-course .item-btn{
    /*position: absolute;*/
    /*right: 0;*/
    float: right;
    z-index: 99999;
    padding-top: 6px;
}
.body-wrapper .item-course .item-btn a{
    display: inline-block;
    text-align: center;
    width: 72px;
    height: 26px;
    font-size: 12px;
    padding: 0;
    line-height: 26px;
    color: #1A8CFE;
    border: 1px solid #1A8CFE;
    background-color: #FFFFFF;
    border-radius: 3px;
}
/*知识库*/
.body-wrapper .item-file{
    padding: 15px 78px 15px 47px;
    /* height: 70px; */
}
.body-wrapper .item-file .item-icon{
    position: absolute;
    top: 20px;
    left: 10px;
    font-size: 30px;
    line-height: 1px;
}
.body-wrapper .item-file .item-icon .icon{
    width: 30px;
    height: 30px;
}

.body-wrapper .item-file .item-action{
    position: absolute;
    top: 22px;
    right: 10px;
}
.body-wrapper .item-file .item-title{
    color:  #27274A;
    margin-bottom: 5px;
    line-height: 19px;
}
.body-wrapper .item-file .item-time{
    font-size: 12px;
    color: #C1C1CB;
    line-height: 16px;
}

/*个人信息*/
/*二级导航*/
.body-wrapper .item.item-sub-nav{
    padding: 10px 0 7px;
    font-size: 13px;
    color: #C1C1CB;
    height: 60px;
    position: fixed;
    z-index: 1040;
    top: 170px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
}
.body-wrapper .item-sub-nav .item-tab{
    float: left;
    position: relative;
    text-align: center;
}
.body-wrapper .item-sub-nav.item-tab-3 .item-tab{
    width: 33.3333%;
}
.body-wrapper .item-sub-nav.item-tab-2 .item-tab{
    width: 50%;
}
.body-wrapper .item-sub-nav .item-tab .tab-icon,
.body-wrapper .item-sub-nav .item-tab.tab-title{
    display: inline-block;
    width: 100%;
}
.body-wrapper .item-sub-nav .item-tab .tab-icon{
    font-size: 22px;
    line-height: 1;
    margin-bottom: 4px;
}
.body-wrapper .item-sub-nav .item-tab.active .tab-icon .icon{
    position: static;
}
.body-wrapper .item-sub-nav .item-tab.active{
    color: #1A8CFE;
}
.body-wrapper .item-sub-nav .item-tab.active .tab-icon{
    background-image: linear-gradient(-180deg, #C1F3FF 0%, #9DDFFF 20%, #43A1FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



/*信息面板*/
.body-wrapper .item.item-panel{
    padding: 7px 20px;
    margin-bottom: 60px;
}
.body-wrapper .item.item-panel .item-row{
    font-size: 13px;
    color:  #27274A;
    height: 50px;
    line-height: 50px;
    position: relative;
    padding-left: 90px;
}
.body-wrapper .item.item-panel .item-split{
    border-bottom: 1px solid #F2F2F2;
}
.body-wrapper .item.item-panel .item-row .row-icon{
    font-size: 14px;
    position: absolute;
    top: 12.5px;
    left: 0;
    color: rgba(26, 140, 254, 0.7);
    width: 25px;
    height: 25px;
    background: rgba(26, 140, 254, 0.1);
    border-radius: 4px;
    text-align: center;
    line-height: 25px;
}
.body-wrapper .item.item-panel .item-row .row-label{
    position: absolute;
    left: 0;
    width: 90px;
}
.body-wrapper .item.item-panel .item-row .row-data{
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #C1C1CB;
}
/*微信*/
.body-wrapper .item.item-panel .item-row .row-data .row-primary{
    color: #1A8DFF;
}
/*设置页*/
.body-wrapper .item.item-panel.item-setting-panel .item-row{
    padding-left: 90px;
}
.body-wrapper .item.item-panel.item-setting-panel .item-row .row-label{
    left: 33px;
}

/*我的证书*/
.body-wrapper .item.item-list{
    background: #eff3f7;
    padding: 0;
}
.body-wrapper .item.item-list .item-certificate{
    width: 50%;
    border-radius: 4px;
    float: left;
    position: relative;
    margin-bottom: 10px;
    background: #eff3f7;
}
.body-wrapper .item.item-list .item-certificate.odd{
    padding-right: 5px;
    padding-bottom: 24px !important;
    position: relative;
}
.body-wrapper .item.item-list .item-certificate.odd .item-line {
    width: 100%;
    height: 1px;
    padding: 0 12px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.body-wrapper .item.item-list .item-certificate.odd .item-line .item-lineLine{
    width: 100%;
    height: 1px;
    background: #F1F3F8;
}
.body-wrapper .item.item-list .item-certificate.even{
    padding-left: 5px;
}
.body-wrapper .item.item-list .item-certificate .certificate-img-wrapper{
    width: 100%;
    padding-bottom: 75.14%;
    position: relative;
    background: #fff;
    border: 1px solid #DEDEDE;
    border-radius: 2px 2px 0 0;
    border-bottom: none;
}
.item-certificate .certificate-img-wrapper .certificate-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
}

.item-certificate .certificate-img-wrapper .certificate-img img{
    width: 100%;
}
.item-certificate .certificate-img-wrapper .certificate-img.vertical img{
    position: absolute;
    top: -40%;
    left: 0;
}
.item-certificate .certificate-info{
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #DEDEDE;
    border-radius: 2px;
    border-top: none;
}
.item-certificate .certificate-info .certificate-title{
    font-size: 14px;
    color:  #27274A;
    line-height: 17px;
    margin-bottom: 5px;
}
.item-certificate .certificate-info .certificate-time{
    line-height: 15px;
    text-align: right;
    font-size: 12px;
    color: #C1C1CB;
}

/*卡片页中列表为空*/
.body-wrapper .content-empty{
    padding-top: 50px;
}


/*btn*/
.btn-primary{
    padding: 5px 15px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 13px;
}

/*label radio*/
.ksx-radio-inline{
    font-weight: normal;
    display: inline-block;
    position: relative;
    margin: 0;
}
.ksx-radio-inline input[type=radio]{
    vertical-align: text-top;
    margin: 0;
}

.ksx-radio-inline + .ksx-radio-inline{
    margin-left: 25px;
}

/*绑定微信modal*/
.modal-bind-wechat .modal-header{
    height: 139px;
    position: relative;
}
.modal-bind-wechat .modal-header .header-img{
    position: absolute;
    top: -37px;
    left: 50%;
    margin-left: -77.5px;
}
.modal-bind-wechat .modal-body{
    text-align: center;
}
.modal-bind-wechat  .modal-footer{
    padding-bottom: 30px;
}
.modal-bind-wechat  .modal-footer .btn{
    width: 125px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
}

/*交卷进度+弹窗*/
.m-loading-box{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(58,62,81,.5);
    z-index: 2000;
}
.m-loading-box .loading-inner{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin:auto;
    width: 65%;
    max-height: 160px;
    box-sizing: border-box;
    padding:20px 25px 25px;
    background: #FFFFFF;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,0.10);
    border-radius: 4px;
}
.m-loading-box .loading-inner .loading-title{
    text-align: center;
    font-size: 16px;
    color:  #27274A;
    margin-bottom: 20px;
    font-weight: 400;
}
.m-loading-box .loading-inner .loading-num{
    font-size: 10px;
    color: #1A8CFE;
    margin-bottom: 8px;
    width: 95%;
}
.m-loading-box .loading-inner .loading-num span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
}
.m-loading-box .loading-inner .loading-bg{
    position: relative;
    background: #F1F3F8;
    border-radius: 3px;
    height: 4px;
}
.m-loading-box .loading-inner .loading-develop{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width:0;
    background: #1A8CFE;
}
.m-loading-box .loading-inner .loading-label{
    font-size: 12px;
    color: #C1C1CB;
    margin-top: 20px;
    text-align: center;
}

/*-----------移动端卡片优化------------------*/
.status-optimized{ /*状态标签*/
    font-family: PingFangSC-Medium;
    font-size: 10px;
    margin-left:5px;
    color: #fff!important;
    line-height: normal;
    /*border-radius: 100px 100px 100px 0;*/
    padding: 3px 5px;
    /*position:unset!important;*/
    transform: scale(.83)!important;
    display:inline-block;
}
.btn_optimized{ /*按钮*/
    width:68px;
    height:26px;
    border-radius: 3px;
    font-size:12px;
    text-align: center;
    line-height: 12px;
    padding: 6px 10px;
    margin-left: 5px;
}
.btn_container_optimized{
    text-align: right;
    margin-top: 15px;
}
/*考试列表*/
.item.item-exam.item-exam-optimized{
    min-height:122px;/*138px;*/
    padding:0 12px 24px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    /*margin-bottom:10px;*/
    margin-bottom: 0;
}
.item.item-exam.item-exam-optimized.item-normal.item-ranking-list .item-line{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    padding: 0 12px;
    box-sizing: border-box;
}
.item.item-exam.item-exam-optimized.item-normal.item-ranking-list .item-line .item-lineLine{
    width: 100%;
    height: 1px;
    background: #F1F3F8;
}
.item.item-exam.item-exam-optimized .item-status.to_exam{
    background: #1A8CFE;
}
.item.item-exam.item-exam-optimized .item-status.today-finishing{
    background: #1A8CFE;
}
.item.item-exam.item-exam-optimized .item-status.continue_exam{
    background: #1DC88C;
}
.item.item-exam.item-exam-optimized .item-status.to_pay{
    background: #FE8545;
}
.item.item-exam.item-exam-optimized .item-status.unstart_exam{
    background-color:  #656577;
}
.item.item-exam.item-exam-optimized.item-title{
    position: relative;
}
.item.item-exam.item-exam-optimized .item-floor-index{
    padding:0 0 0 32px
}
.jumpStartExam{
    /* color: #fff!important; */
    border-radius: 3px;
}
.item.item-exam.item-exam-optimized .item-ceil-index.clearfix{
    padding-bottom:0px;
}
.item.item-exam.item-exam-optimized .item-time,
.item.item-exam.item-exam-optimized .item-ceil-index.clearfix{
    font-size:12px;
    margin-left: 83px;
    font-weight: 400;
    color: #9090A4;
    transform: scale(0.9);
}
.item.item-exam.item-exam-optimized .item-title{ /*图标垂直居中文字*/
    position:relative;
    padding:0;
    left: 87px;
}
.item.item-exam.item-exam-optimized .item-icon{
    top: 0px;
    margin: auto;
    left:-129px;
}
.item.item-exam.item-exam-optimized .item-floor-index{
    padding-top:15px;
}
.item.item-exam.item-exam-optimized .item-status.status-optimized{
    margin-left: 3px;
}
.item.item-exam.item-exam-optimized .item-time{
    line-height: 16px;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-left: 77px;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    font-weight: 400;
    color: #9090A4;
    transform: scale(0.9);
    width: 110%;
}
.item.item-exam.item-exam-optimized .index_e_icon{
    position: absolute;
    bottom: 0;
    margin: auto;
}
.item.item-exam.item-exam-optimized .item-process{
    font-size: 12px;
    line-height: 12px;
    margin-top: 10px;
}
/*.item.item-exam.item-exam-optimized .item-icon .icon{*/
/*    position:absolute;*/
/*    top:0;*/
/*}*/
/*证书列表*/
.item-certificat-optimized{
    padding:0!important;
    border-radius: 4px;
}
.item-certificat-optimized .btn_container_optimized{
     margin-top: 15px;
}
.item-certificat-optimized .certificate-title{
    white-space: unset;
    width:100%!important;
    padding-right:0px!important;
}
.item-certificat-optimized .certificate-img{
    width: 120px;
    height: 72px;
}
.item-certificat-optimized .certificate-info{
    border:unset;
}
.item-certificat-optimized .certificate-img-wrapper{
    z-index:100!important;
}
.item-certificat-optimized.item-certificate .certificate-img-wrapper .certificate-img.vertical img{
    top:unset!important;
}
/*课程列表*/
.item-course-optimized{
    padding-bottom:15px!important;
}
.item-course-optimized .item-content{
    height: unset!important;
}
.item-course-optimized .item-floor{
    padding-right:0!important;
    padding-top:20px!important;
}
.item-course-optimized .item-floor .item-title{
    width:100%!important;
}
.item-course-optimized .item-title{
    font-size: 14px;
    color:  #27274A!important;
    font-weight: bold;
}
.item-course-optimized .item-time-range{

}
.item-course-optimized .item-status.start_course{
    background: #1A8CFE;
    color:#fff!important;
}
.item-course-optimized .item-status.unstart_course{
    background: #656577;
    color:#fff!important;
}
.item-course-optimized .item-status.has_finished {
    background: #6d717c;
    color:#fff!important;
}
.item-course-optimized .item-status.to_pay{
    background: #FE8545;
    color:#fff!important;
}
.item-course-optimized .item-btn{
    float:unset!important;
    padding-top:0px!important;
}
.item-course-optimized .item-ceil-process.clearfix,.item-course-optimized .item-ceil.clearfix{
    padding-top:5px;
}
.item-course-optimized .jumpProcess{
    vertical-align: middle;
}
.item-course-optimized .jumpStartCourse{
    color: #fff!important;
    border-radius: 3px;
}
/*直播*/
.item-live-optimized{
    padding-bottom:15px!important;
}
.item-live-optimized .item-content{
    height: unset!important;
}
.item-live-optimized .item-floor{
    padding-right:0!important;
    padding-top:20px!important;
}
.item-live-optimized .item-floor .item-title{
    width:100%!important;
}
.item-live-optimized .item-title{
    font-size: 14px;
    color:  #27274A!important;
    font-weight: bold;
}
.item-live-optimized .item-status.start_live{
    background: #1A8CFE;
    color:#fff!important;
}
.item-live-optimized .item-status.unstart_live{
    background:  #656577;
    color:#fff!important;
}
.item-live-optimized .item-btn{
    float:unset!important;
    padding-top:0px!important;
}
.item-live-optimized .item-ceil-process.clearfix,.item-live-optimized .item-ceil.clearfix{
    padding-top:5px;
}
.item-live-optimized .jumpStartOfflineTrain,
.item-live-optimized .jumpStartLive{
    color: #fff!important;
    border-radius: 3px;
}
/*首页-任务列表*/
.item.process_item.item-process-optimized{
    padding: 0 20px!important;
    height:unset;
}
.item-process-optimized .btn_optimized.toProcessBtn{
    border: 1px solid #1A8CFE;
    border-radius: 3px;
    color:#fff;
    background-color: #1A8CFE;
}
.item-process-optimized .item-status.status-optimized.start_process{
    background-color:#1A8CFE;
    color:#fff;
}
.item-process-optimized .item-status.status-optimized.unstart_process{
    background-color: #656577;
    color:#fff;
}
.item-process-optimized .item-status.status-optimized.end_process{
    background-color: #656577;
    color:#fff;
}
.item-process-optimized .mint-cell-value.process_can{
    float:unset;
    margin-top:unset;
}
.item-process-optimized .mint-cell-title{
    padding-top:20px;
    line-height: 20px;
}
.item-process-optimized .mint-cell-valuen.process_time{
    position:unset;
    height:unset;
    line-height:unset;
    padding-left:30px;
    padding-top:5px;
}
.item-process-optimized .icon.icon-m_list_test{
    margin-right: 5px;
}
.item-process-optimized .icon-m_list_test_container{
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 20px;
}
.item-process-optimized .status_container{
    display: inline-block;
    height: 100%;
    max-width:calc(100% - 30px);
    margin-left: 30px;
}
.item-process-optimized .mint-cell-text{
    line-height: 23px;
}
.item-process-optimized .item-status.status-optimized{
    margin-left: unset;
}
/*首页-报名列表*/
.item-signup-optimized .mint-cell-text{
    display:inline-block;
}
.item-signup-optimized .item-status.status-optimized.signup-ok{ /*报名成功*/
    background-color: #1A8CFE;
}
.item-signup-optimized .item-status.status-optimized.signup-doing{ /*审核中*/
    background-color: #1DC88C;
}
.item-signup-optimized .item-status.status-optimized.signup-error{ /*审核不通过*/
    background-color: #E6464A;
}
.item-signup-optimized .item-status.status-optimized.signup-warning{ /*待缴费*/
    background-color: #FC9900;
}
.item-signup-optimized .item-status.status-optimized.signup-unsignup{ /*未报名*/
    background-color:  #656577;
}
.item-signup-optimized .item-status.status-optimized.signup-full{ /*人数已满*/
    background-color: #E6464A;
}
.item-signup-optimized .item-status.status-optimized.signup-can{ /*可报名*/
    background-color: #1DC88C;
}
.item-signup-optimized .item-status.status-optimized.signup-unsubmit{ /*待提交*/
    background-color: #FC9900;
}
.item-signup-optimized .jumpEditSignup,.item-signup-optimized .jumpProcess,.item-signup-optimized .jumpRestartSignup{
    color: #1A8CFE!important;
    border: solid 1px #1A8CFE!important;
    background-color: #fff!important;
}
.item-signup-optimized .jumpSignupStatus,.item-signup-optimized .jumpStartSignup{
    color: #fff;
}
.item-signup-optimized .icon.icon-m_list_test{
    margin-right:0px;
    line-height:20px;
    position:absolute;
    top:0;
}
.item-signup-optimized .mint-cell-title .mint-cell-text{
    width: 100%;
    /*padding-left: 30px;*/
    position: absolute;
    left: 128px;
    font-size: 14px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #3A3E51;
    line-height: 20px;
}
.item-signup-optimized.item.signup_item{
    height:unset;
    padding:20px 12px 15px 10px;
}
.item-signup-optimized .mint-cell-title{
    padding-top:0;
    width: 120px;
    height: 72px;
}
.item-signup-optimized .mint-cell-title img {
    width: 120px;
    height: 72px;
}
.item-signup-optimized .mint-cell-valuen.signup_time{
    height: unset;
    position: absolute;
    left: 127px;
    top: 40px;
    font-weight: 400;
    color: #9090A4;
    line-height: 16px;
    transform: scale(0.9);
    width: 110%;
}
.item-signup-optimized .set-process{
    position: unset;
    width: 100%;
    padding-top: 5px;
}
.item-signup-optimized .item-status.status-optimized{
    margin-left:5px;
    position: absolute;
    left: -55px;
    top: -2px;
}
.theme_color{
    color:#1A8CFE!important;
}
.theme_border_bottom_color{
    border-bottom-color:#1A8CFE!important;
}
/* .theme_background_color{
    background-color:#1A8CFE!important;
} */
/*.user-point-score{*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 80px;*/
/*    text-align: left;*/
/*    line-height: 2;*/
/*}*/
/*.user-point-score .point-score{*/
/*    display: block;*/
/*    font-size: 14px;*/
/*    height: 20px;*/
/*    line-height: 20px;*/
/*}*/
/*.user-point-score .point-score img{*/
/*    height: 18px;*/
/*}*/
/*.user-point-score .user-name{*/
/*    font-size: 18px;*/
/*    display: block;*/
/*    max-width: 120px;*/
/*    overflow: hidden;*/
/*    text-overflow:ellipsis;*/
/*    white-space: nowrap;*/
/*}*/
/*#pointRank{*/
/*    text-decoration:underline;*/
/*    margin-left: 5px;*/
/*}*/

/*首页-问卷列表*/
.item-questionnaire-optimized .mint-cell-text{
    display:inline-block;
}
.item-questionnaire-optimized .item-status.status-optimized.questionnaire-doing{ /*进行中*/
    background-color: #1A8CFE;
    position: absolute;
    left: -57px;
    top: -2px;
}
.item-questionnaire-optimized .jumpQuestionnaire{
    color: #fff;
}
.item-questionnaire-optimized .icon.icon-m_list_test{
    margin-right:0px;
    line-height:20px;
    position:absolute;
    top:0;
}
.item-questionnaire-optimized .mint-cell-title .mint-cell-text{
    width: 100%;
    /* padding-left: 30px; */
    position: absolute;
    left: 130px;
    font-size: 14px;
    font-weight: 500;
    color: #3A3E51;
}
.item-questionnaire-optimized.item.questionnaire_item{
    height:unset;
    padding:20px 12px 15px 10px;
}
.item-questionnaire-optimized .mint-cell-title{
    padding-top:0;
    width: 120px;
    height: 72px;
}
.item-questionnaire-optimized .mint-cell-title img {
    width: 120px;
    height: 72px;
}
.item-questionnaire-optimized .mint-cell-valuen.questionnaire-time{
    line-height: 16px;
    height: unset;
    position: absolute;
    left: 130px;
    top: 42px;
    color: #9090A4;
    transform: scale(0.9);
    width: 110%;
}
/* 首页-面试列表 */
.item-interview-optimized .item-content{
    height: unset!important;
}
.item-interview-optimized .item-floor{
    padding-right:0!important;
}
.item-interview-optimized .item-floor .item-title{
    width:100%!important;
    display: block;
}
.item-interview-optimized .item-title{
    font-size: 14px;
    color:  #27274A!important;
    font-weight: bold;
}
.item-interview-optimized .item-status.to_interview{
    background: #1A8CFE;
    color:#fff!important;
}
.item-interview-optimized .item-status.unstart_interview{
    background:  #656577;
    color:#fff!important;
}
.item-interview-optimized .item-status.continue_interview{
    background: #1DC88C;
    color:#fff!important;
}
.item-interview-optimized .item-btn{
    float:unset!important;
    padding-top:0px!important;
}
.item-interview-optimized .item-ceil.clearfix{
    padding-top:5px;
}
.item-interview-optimized .jumpStartAiInterview{
    color: #fff!important;
    border-radius: 3px;
}
.body-wrapper .item-interview .item-ceil{
    padding-top: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #9090A4;
    transform: scale(0.9);
    width: 110%;
}
.body-wrapper .item-interview .item-ceil .item-time-range{
    margin-bottom: 5px;
    display: block;
}
.body-wrapper .item-interview .item-ceil .item-time-range:last-child{
    margin-bottom: 1px;
    display: block;
}
/* m 积分排名*/
.header-point-rank{
    height: 45px;
    font-size: 16px;
    color: #fff;
    line-height: 45px;
}
.header-point-rank .back-icon{
    position: absolute;
    top: 0;
    left: 10px;
    font-size: 20px;
    /*right: auto;*/
}
.header-point-rank .point-title{
    text-align: center;
}
#examPointScoreModal{
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
}
#examPointScoreModal .modal-dialog-top{
    text-align: center;
    height: 100%;
}
#examPointScoreModal .item-icon{
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 60px;
    top: -30px;
    left: 50%;
    margin-left: -30px;
}
#examPointScoreModal .item-icon img{
    border-radius: 50%;
}
#examPointScoreModal .modal-header{
    padding: 40px 0 0;
    font-size: 16px;
    color:  #27274A;
    height: 60px;
}
#examPointScoreModal .modal-content{
    height: 100%;
}
#examPointScoreModal .modal-body{
    padding: 0 10px;
    height: calc( 100% - 60px );
}
#examPointScoreModal .modal-body .user-point-score-box .rank-right,
#examPointScoreModal .modal-body .user-point-score-box .score-left{
    float: left;
    height: 68px;
    width: 49%;
    padding-top: 10px;
}
#examPointScoreModal .modal-body .user-point-score-box .line{
    float: left;
    width: 1px;
    height: 50px;
    background: linear-gradient(-180deg, rgba(220,223,230,0.00) 0%, #DCDFE6 52%, rgba(220,223,230,0.00) 100%);
    margin-top: 18px;
}
#examPointScoreModal .user-point-score-box div span{
    display: block;
}
#examPointScoreModal .user-point-score-box div span:first-child{
    font-size: 24px;
    color:  #27274A;
    font-weight: 900;
}
#examPointScoreModal .user-point-score-box div span:last-child{
    font-size: 14px;
    color: #C1C1CB;
}
#examPointScoreModal .point-ranking{
    height: calc( 100% - 84px );
    margin-top: 16px;
}
#examPointScoreModal .point-ranking .header-table{
    width: 100%;
    height: 36px;
    line-height: 36px;
    background: #F7F8FA;
    border-radius: 6px;
    padding: 0 20px;
}
#examPointScoreModal .point-ranking .header-table span{
    float: left;
    width: calc( 100% - 140px );
    font-size: 14px;
    color: #C1C1CB;
    text-align: left;
}
#examPointScoreModal .point-ranking .header-table span:first-child{
    width: 58px;
}
#examPointScoreModal .point-ranking .header-table span:last-child{
    width: 80px;
    text-align: right;
}
#examPointScoreModal .point-ranking .bottom-more{
    height: 57px;
    width: 100%;
    line-height: 57px;
    /*position: fixed;*/
    /*bottom: 0;*/
    /*left: 50%;*/
    /*margin-left: -220px;*/
    font-size: 12px;
    color:  #656577;
    cursor: pointer;
}
#examPointScoreModal .point-ranking .table-content{
    padding: 0 20px;
    /*max-height: 270px;*/
    overflow: auto;
    height: calc( 100% - 40px );
}
#examPointScoreModal .point-ranking .table-content .point-one{
    height: 48px;
    line-height: 48px;
}
#examPointScoreModal .table-content .point-one span{
    font-size: 14px;
    float: left;
    color:  #27274A;
    height: 100%;
    width: calc( 100% - 180px );
    text-align: left;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#examPointScoreModal .table-content .point-one span:first-child{
    font-size: 12px;
    color:  #656577;
    width: 58px;
    padding-top: 13px;
    line-height: 20px;
}
#examPointScoreModal .table-content .point-one span:first-child i{
    font-style:normal;
    display: inline-block;
    height: 20px;
    width: 20px;
    background: #F7F8FA;
    border-radius: 50%;
    text-align: center;
}
#examPointScoreModal .table-content .point-one span:last-child{
    color: #FE8545;
    text-align: right;
    width: 120px;
}

/*积分兑换星币弹窗*/
#coinExchangeModal .modal-dialog{
    width: 300px;
    color: #3A3E51;
}
#coinExchangeModal .modal-header{
    padding-top: 30px;
    padding-bottom: 10px;
    height: initial;
    line-height: 21px;
    font-size: 16px;
    text-align: center;
}
#coinExchangeModal .modal-header .close{
    position: absolute;
    top: 20px;
    right: 20px;
}
#coinExchangeModal .modal-body{
    padding: 10px 20px;
}
#coinExchangeModal .modal-body .pannel-info{
    margin-bottom: 14px;
}
#coinExchangeModal .modal-body .pannel-info .item{
    width: 129px;
    height: 77px;
    background: #F7F8FA;
    text-align: center;
    padding-top: 15px;
}
#coinExchangeModal .modal-body .pannel-info .item .amount{
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}
#coinExchangeModal .modal-body .pannel-info .item .item-label{
    line-height: 17px;
    font-size: 12px;
}
#coinExchangeModal .modal-body .pannel-exchange{
    margin-bottom: 15px;
}
#coinExchangeModal .modal-body .pannel-exchange .item > *{
    vertical-align: middle;
}
#coinExchangeModal .modal-body .pannel-exchange .item-label,
#coinExchangeModal .modal-body .pannel-exchange .coin-number{
    line-height: 18px;
    font-size: 13px;
}
#coinExchangeModal .modal-body .pannel-exchange .item .rate{
    background: #F7F8FA;
    border-radius: 2px;
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    padding: 3px 10px;
    font-weight: 500;
}
#coinExchangeModal .modal-body .input-group{
    display: inline-table;
    width: 140px;
    margin-right: 5px;
}
#coinExchangeModal .modal-body .input-group .input-group-addon,
#coinExchangeModal .modal-body .input-group .form-control{
    height: 28px;
    padding: 4px 10px;
}
#coinExchangeModal .modal-body .confirm-tip{
    background: rgba(26, 140, 254, 0.1);
    height: 28px;
    line-height: 28px;
    color: #1A8CFE;
    font-size: 12px;
    margin-left: -20px;
    margin-right: -20px;
    text-align: center;
}
#coinExchangeModal .modal-footer{
    padding-bottom: 25px;
}
#coinExchangeModal .modal-footer .btn-primary{
    height: 40px;
    border-radius: 20px;
    font-size: 13px;
}



#noData{
    margin-top: 30px;
    color: #909399;
}
/* 解决 iphoneX底部黑色小条遮挡导航bug */
@supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
    .header-wrapper-s + .body-wrapper,
    .header-wrapper-l + .body-wrapper {
        padding-bottom: calc(60px + constant(safe-area-inset-bottom));
        padding-bottom: calc(60px + env(safe-area-inset-bottom));
    }
    .nav-wrapper {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
        height: calc(50px + constant(safe-area-inset-bottom));
        height: calc(50px + env(safe-area-inset-bottom));
    }
}

/* 学员端UI优化 */
/* 封面右上角status */
.item-wrapper .item .item-status {
    font-weight: 500;
    line-height: 14px;
    color: #FFF;
    padding: 3px 6px;
    font-size: 12px;
    transform: scale(0.83);
    transform-origin: 100% 0;
    border-radius: 0px 2px 0px 2px;
}
.item-wrapper .item.item-pass .item-status,
.item-wrapper .item.item-paid .item-status {
    background-color: #1A8CFE;
}
.item-wrapper .item.item-unpass .item-status {
    background: #FF4B50;
}


/* 学员端UI优化--考试列表 */
.body-wrapper .item-wrapper {
    background: #FFF;
}
.item-wrapper .item.item-exam {
    padding: 20px 0 20px 130px!important;
    margin-bottom: 0!important;
}
.item-wrapper .item.item-exam .item-cover {
    width: 120px;
    height: 72px;
    border-radius: 2px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 20px;
}
.item-wrapper .item .item-cover .item-status {
    margin: 0!important;
    position: absolute!important;
    right: 0;
    top: 0;
    left: initial!important;
    transform-origin: 100% 0;
    border-radius: 0px 2px 0px 2px;
}
.item-wrapper .item.item-exam + .item {
    border-top: 1px solid #F1F3F8;
}
.item-wrapper .item.item-exam .item-cover img {
    width: 100%;
    height: 100%;
}
.item-wrapper .item.item-exam .item-content {
    padding-left: 0;
}
.item-wrapper .item.item-exam .item-title,
.item-wrapper .item.item-exam .item-floor-index,
.item-wrapper .item.item-exam .item-time,
.item-wrapper .item.item-exam .item-ceil-index,
.item-wrapper .item.item-exam .mint-cell-valuen,
.item-wrapper .item.item-exam .item-ceil {
    margin-left: 0!important;
    padding-left: 0!important;
    transform-origin: 0 0!important;
    left: 0!important;
    position: static!important;
}
.item-wrapper .item.item-exam-ceil .item-time-range {
    margin-left: 0!important;
}
.item-wrapper .item.item-exam .item-title,
.item-wrapper .item.item-exam .mint-cell-text {
    line-height: 20px!important;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #3A3E51;
}
.item-wrapper .item-exam .item-title .once-flag {
    display: inline-block;
    font-family: PingFangSC-Regular, PingFang SC;
    padding: 2px 4px;
    line-height: 14px;
    background-color: #F1F3F8;
    border-radius: 2px;
    font-size: 12px;
    transform: scale(0.83);
    color: #656577;
    text-align: center;
    margin: 0 5px 0 -3px;
    font-weight: 400;
}
.item-wrapper .item .item-floor-index,
.item-wrapper .item.item-exam .item-floor,
.item-wrapper .item.item-exam .item-ceil {
    padding-top: 0!important;
}
.btn.toCertificateBtn {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 17px;
    padding: 5px 10px 4px;
    border-radius: 3px;
}