.h5-dialog-bg {
    background: rgba(0,0,0,0.4);
    position : fixed;
    left: 0px;
    top: 0px;
    z-index: 999999;
}
.h5-dialog-bg>.h5-dialog-box {
    background: #FFFFFF;
    position: fixed;
    margin-left: 37.5px;
    border-radius: 4px;
    z-index: 1000000;
}
.h5-dialog-bg>.h5-dialog-box>.h5-dialog-title {
    margin-top: 20px;
    text-align: center;
    font-size: 0.5rem;
    font-weight: 500;
    line-height: 25px;
    color: #333333;
}
.h5-dialog-bg>.h5-dialog-box>.h5-dialog-content {
    margin: 0.62rem;
    font-size: 0.43rem;
    font-weight: 400;
    line-height: 0.75rem;
    color: #333333;
    min-height: 1.5rem;
}
.h5-dialog-bg>.h5-dialog-box>.h5-dialog-content>img {
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.h5-dialog-bg>.h5-dialog-box>.h5-dialog-skill {
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
    font-size: 0.35rem;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
}
.h5-dialog-bg>.h5-dialog-box>.h5-dialog-footer {
    padding: 0 0.5rem 0 0.5rem;
    font-size: 0.3rem;
    color: #999999;
    height: 1rem;
    line-height: 1rem;
}
.h5-dialog-bg>.h5-dialog-box>.h5-dialog-skill>span:last-child, .h5-dialog-bg>.h5-dialog-box>.h5-dialog-footer>span:last-child  {
    float: right;
}

.h5-dialog-btn {
    bottom: 0;
    width: 100%;
}
.h5-dialog-btn>.btn-confirm, .h5-dialog-btn>.btn-cancel {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 1.5rem;
    height: 1.5rem;
    font-size: 0.56rem;
    color: #000000;
    border-top: 1px solid #E5e5e5;
}
.h5-dialog-btn>.btn-confirm {
    width: 49.5%;
    border-left: 1px solid #E5e5e5;
    color: #4786FF;
}
.h5-dialog-btn>.btn-confirm-long {
    width: 100%;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #4786FF;
    border-top: 1px solid #E5e5e5;
}
.h5-dialog-title>.icon-close {
    position: absolute;
    display: inline-block;
    background: url("/static/h5/img/icon-close.png") no-repeat;
    background-size: 0.4rem 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    right: 0;
    margin-right: 0.5rem;
    margin-top: 0.14rem;
}
.h5-dialog-download {
    color: #4786ff;
    float: right;
    display: flex;
    align-items: center;
}
.h5-dialog-download>.icon-download {
    display: inline-block;
    background: url("/static/nxb/images/icon-download.png") no-repeat;
    background-size: 0.4rem 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    right: 0;
}
.dialog-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
    padding-top: 3px;
}
.dialog-icon-1 {
    background: url("/static/h5/img/dialog-icon-1.png") no-repeat;
    background-size: 18px 18px;
}
.dialog-icon-2 {
    background: url("/static/h5/img/dialog-icon-2.png") no-repeat;
    background-size: 18px 18px;
}
.dialog-icon-3 {
    background: url("/static/h5/img/dialog-icon-3.png") no-repeat;
    background-size: 18px 18px;
}

.arrow {
    display: inline-block;
    background: url("/static/h5/img/arrow.png") no-repeat;
    background-size:  0.5rem 0.5rem;
    height: 0.5rem;
    width: 0.5rem;
}
.arrow.arrow-left {
    margin-left: .375rem;
    margin-top: .4375rem;
    float: left;
}
.arrow.arrow-right {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}
.star {
    display: inline-block;
    background: url("/static/h5/img/star.png") no-repeat;
    background-size: 12px 12px;
    width: 12px;
    height: 12px;
}
.star-full {
    display: inline-block;
    background: url("/static/h5/img/star-full.png") no-repeat;
    background-size: 0.375rem 0.375rem;
    width: 0.375rem;
    height: 0.375rem;
}

.course-title {
    background-color: #ffffff;
    height: 1.375rem;
}
.course-title>div.arrow, .course-title>div.course-search {
    position: absolute;
}
.course-title-text {
    text-align: center;
    line-height: 1.375rem;
    font-size: 0.53rem;
    font-weight: 500;
    color: #333333;
}
.course-search {
    right: 0;
    font-size: 0.4375rem;
    font-weight: 400;
    color: #999999;
    line-height: 1.375rem;
    float: right;
    margin-right: 0.375rem;
    display: flex;
    align-items: center;
}
.title-tip{
    display: flex;
    align-items: center;
    height: 1.5rem;
}
.title-tip>div {
    font-size: 0.43rem;
    font-weight: 400;
    color: #999999;
    margin-left: 0.375rem;
    margin-right: 0.250rem;
    float: left;
    font-family: PingFangSC-Medium, PingFang SC;
}
.title-tip>div.current {
    color: #333333;
    font-weight: 500;
    font-size: 0.5rem;
}
.course-box {
    overflow-y: auto;
    width: 100%;
}
.course-box>ul {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-left: 0.375rem;
}
.course-box>ul>li {
    float: left;
    width: 50%;
    padding: 0 0.375rem 0.375rem 0;
    overflow: hidden;
    box-sizing: border-box;
}
.course-box>ul>li>div {
    background-color: #ffffff;
    height: 100%;
    position: relative;
    border-radius: 8px;
}
.course-box>ul>li>div>img {
    width: 100%;
    height: 90px;
    border-radius: 8px 8px 0 0;
    display: block;
}
.course-box>ul>li>div>.title {
    margin: 0 0 0.25rem 0.25rem;
    color: #333333;
    font-size: 0.43rem;
    font-weight: 500;
    line-height: 0.625rem;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    height: 1.25rem;
}
.course-box>ul>li>div>.info,.course-box>ul>li>div>.finish-time {
    margin: 0 0 0.25rem 0.25rem;
    color: #999999;
    font-size: 0.375rem;
    font-weight: 400;
    line-height: 0.5rem;
}
.course-box>ul>li>div>.star-or-btn {
    margin: 0.31rem 8px 0 8px;
    padding-bottom: 0.31rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.course-box>ul>li>div>.star-or-btn>.star-group {
    float: left;
    height: 0.375rem;
}
.course-box>ul>li>div>.star-or-btn>div.collect.dis {
    background-color: #7F7F7F;
    color: #ffffff;
}
.course-box>ul>li>div>.star-or-btn>div.collect.has {
    background-color: #ffffff;
    color: #999999;
}
.course-box>ul>li>div>.star-or-btn>.collect {
    float: right;
    background-color: #4786FF;
    border-radius: 4px;
    width: 40px;
    height: 20px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
}
.course-box .deadline-time {
    margin-top: -0.5rem;
    height: 0.5rem;
    padding: 0 0.2rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    line-height: 0.5rem;
    font-size: 0.26rem;
    /*防止屏幕过窄，超出一行显示省略号*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative
}
.icon-search {
    display: inline-block;
    background: url("/static/h5/img/search.png") no-repeat;
    background-size: 0.375rem 0.375rem;
    width: 0.375rem;
    height: 0.375rem;
    margin-right: 6px;
}
.icon-search.show {
    display: inline-block;
    background: url("/static/h5/img/search-show.png") no-repeat;
    background-size: 0.375rem 0.375rem;
    width: 0.375rem;
    height: 0.375rem;
    margin-right: 6px;
}
.icon-flush {
    display: inline-block;
    background: url("/static/h5/img/icon-flush.png") no-repeat;
    background-size: 0.43rem 0.43rem;
    width: 0.43rem;
    height: 0.43rem;
    margin-right: 6px;
}
.course-search-box {
    display: none;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4);
    height: 1000px;
    width: 100%;
    z-index: 9999;
}
.course-search-box>.search-box {
    background-color: #ffffff;
    border-top: 1px solid #F4F5F7;
    padding-top: 0.25rem;
}
.course-search-box>.search-box>.ul {
    max-height: 10rem;
    overflow-x: hidden;
    overflow-y: auto;
}
.course-search-box>.search-box>.ul>.li {
    margin: 0.25rem 0.5rem 0 0.5rem;
}
.course-search-box>.search-box>.ul>div {
    display: inline-block;
    width: 100%;
}
.course-search-box>.search-box>.ul>div>.title {
    margin-top: 0.08rem;
}
.course-search-box>.search-box>.ul>div>.title,.course-search-box>.search-box>div>div {
    color: #333333;
    font-size: 0.43rem;
    font-weight: 400;
    float: left;
}
.course-search-box>.search-box>div>.content {
    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    width: 7rem;
}
.course-search-box>.search-box>.ul>.li>.content>.item {
    color: #666666;
    border: 0;
    background-color: #ffffff;
    float: left;
    font-size: 0.43rem;
    padding: 0.06rem 0.25rem 0.06rem 0.25rem;
    margin: 0 0.125rem 0.375rem 0;
}
.course-search-box>.search-box>.ul>.li>.content>.item.current {
    background-color: #4786FF;
    color: #ffffff;
    border-radius: 0.375rem;
}
.course-search-box>.search-box>div.button {
    border-top: 1px solid #F4F5F7;
    height: 1.375rem;
    line-height: 1.375rem;
    font-size: 0.43rem;
    font-weight: 400;
    cursor: pointer;
    color: #333333;
    background-color: white;
}
.course-search-box>.search-box>div.button>div {
    float: left;
    width: 49%;
    text-align: center;
}
.course-search-box>.search-box>div.button>div.search-cancel {
    border-right: 1px solid #F4F5F7;
}
.course-search-box>.search-box>div.button>div.search-confirm {
    color: #4786FF;
}
.h5-icon-cert-no {
    background: url("/static/h5/img/cert.png") no-repeat 0 0;
    background-size: 0.375rem 0.375rem;
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    margin-right: 0.1rem;
}
.h5-icon-cert-yes {
    background: url("/static/h5/img/cert-show.png") no-repeat 0 0;
    background-size: 0.375rem 0.375rem;
    display: inline-block;
    width: 0.375rem;
    height: 0.375rem;
    margin-right: 0.1rem;
}
.tip-number-box {
    display: inline-block;
    margin-left: 12px;
}

.tip-number-box>div {
    background-color: #ffffff;
    border-radius: 8px;
    float: left;
    margin-right: 12px;
    text-align: center;
    padding: 0.375rem 0 0.375rem 0;
    width: 2.7rem;
}
.tip-number-box>div>.title {
    font-size: 0.43rem;
    font-weight: 400;
    color: #666666;
}
.tip-number-box>div>.number {
    margin-top: 0.375rem;
    font-size: 0.625rem;
    font-weight: bold;
    font-family: "DIN Alternate Bold";
    color: #4786ff;
    line-height: 0.73rem;
}
.tip-number-box>div>.progress {
    color: #666666;
    font-size: 0.375rem;
    font-weight: 400;
    margin-top: 0.25rem;
}
.select-title {
    margin-left: 0.375rem;
    margin-right: 0.375rem;
    line-height: 1.5rem;
    color: #999999;
    font-size: 0.43rem;
    font-weight: 400;
}
.select-title>span {
    margin-left: 0.375rem;
}
.select-title>span:first-child {
    margin-left: 0;
}
.select-title>span.current {
    color: #333333;
    font-size: 0.5rem;
    font-weight: bold;
    line-height: 1.5rem;
}
.select-title>span {
    margin-left: 0.5rem;
}
.select-title>span:first-child {
    margin-left: 0;
}
.select-title>span.search {
    float: right;
    display: flex;
    align-items: center;
}
.course-box>ul>li>div>.info>div.cert {
    float: left;
    display: flex;
    align-items: center;
}
.course-box>ul>li>div>.info>div.progress {
    float: right;
    margin-right: 8px;
    margin-bottom: 8px;
}
.last-study {
    position: fixed;
    background-color: #ffffff;
    bottom: 1.5rem;
    height: 1.25rem;
    line-height: 1.25rem;
    width: 100%;
    font-size: 0.43rem;
    color: #666666;
    border-bottom: 1px solid #F4F5F7;
}
.last-study>div.title {
    float: left;
    margin-left: 12px;
    width: 70%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.last-study>div.btn {
    float: right;
    margin-right: 12px;
    color: #4786ff;
}
.course-box>ul>li>div>.type-tip {
    position: absolute;
    margin-left: -44px;
    border-radius: 0px 8px 0px 8px;
    background-color: #FFCC01;
    width: 44px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    right: 0;
    top: 0;
}
.course-box>ul>li>div>.type-tip.finish, .course-box>ul>li>div>.type-tip.exam {
    background-color: #00CEAA;
}
.course-box>ul>li>div>.type-tip.sign {
    width: 55px;
    /*margin-left: -55px;*/
}
.course-box>ul>li>div>.collect {
    position: absolute;
    margin-top: 8px;
    margin-left: -25px;
    background: url("/static/h5/img/star-full.png") no-repeat;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    display: inline-flex;
}
.paging {
    display: inline-block;
    width: 100%;
}

.header-mine {
    display: inline-block;
    width: 100%;
    height: 3.75rem;
    background-color: #4786ff;
}
.header-mine>.top {
    margin: 0.375rem;
}
.header-mine>.top>img {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    float: left;
    margin-bottom: 0.375rem;
}
.header-mine>.top>.info {
    margin-left: 0.375rem;
    float: left;
}
.header-mine>.top>.info>.name {
    font-size: 0.5rem;
    font-weight: 500;
    color: #FFFFFF;
    margin-top: 0.3rem;
}
.header-mine>.top>.info>.name>span {
    margin-left: 0.14rem;
}
.header-mine>.top>.info>.post {
    font-size: 0.4rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-top: 0.3rem;
}
.notice-tip {
    display: inline-block;
    background: url("/static/h5/img/icon-bell.png") no-repeat;
    background-size: 0.375rem 0.43rem;
    width: 0.375rem;
    height: 0.43rem;
    float: right;
    margin-top: 0.3rem;
}
.notice-tip.has {
    background: url("/static/h5/img/icon-bell-tip.png") no-repeat;
    background-size: 0.375rem 0.43rem;
}
.header-mine>.bottom {
    margin-top: 0.375rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.header-mine>.bottom>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 2.5rem;
    background-color: #FFFFFF;
    border-radius: 8px;
}
.header-mine>.bottom>div>div {
    width: 50%;
    text-align: center;
}
.header-mine>.bottom>div>div>:first-child {
    font-size: 0.625rem;
    font-family: 'DIN Alternate';
    color: #4786ff;
    font-weight: bold;
}
.header-mine>.bottom>div>div>:last-child {
    font-size: 0.5rem;
    color: #999999;
    font-weight: 400;
    margin-top: 0.25rem;
}
.header-mine>.bottom>div>div:first-child {
    border-right: 1px solid #d8d8d8;
}
.mine-list {
    margin-top: 1.75rem;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}
.mine-list>ul {
    background-color: #ffffff;
    margin-top: 0.375rem;
    border-radius: 8px;
}
.mine-list>ul>li {
    height: 1.5rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}
.mine-list>ul>li>div {
    border-bottom: 1px solid #e5e5e5;
}
.mine-list>ul>li:first-child>div {
    border-bottom: none;
}
.icon-mine-plan {
    display: inline-block;
    background: url("/static/h5/img/icon-mine-plan.png") no-repeat;
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
}
.icon-mine-study {
    display: inline-block;
    background: url("/static/h5/img/icon-mine-study.png") no-repeat;
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
}
.icon-mine-cert {
    display: inline-block;
    background: url("/static/h5/img/icon-mine-cert.png") no-repeat;
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
}
.icon-mine-appraisal {
    display: inline-block;
    background: url("/static/h5/img/icon-mine-appraisal.png") no-repeat;
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
}
.icon-mine-lib {
    display: inline-block;
    background: url("/static/h5/img/icon-mine-lib.png") no-repeat;
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
}
.icon-mine-group {
    display: inline-block;
    background: url("/static/h5/img/icon-mine-group.png") no-repeat;
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
}
.icon-mine-integral {
    display: inline-block;
    background: url("/static/h5/img/icon-mine-integral.png") no-repeat;
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
}
.icon-mine-setting {
    display: inline-block;
    background: url("/static/h5/img/icon-mine-cert.png") no-repeat;
    background-size: 0.625rem 0.625rem;
    width: 0.625rem;
    height: 0.625rem;
}
.mine-list>ul>li>div>span {
    float: left;
    font-size: 0.45rem;
    color: #666666;
    font-weight: 400;
    line-height: 1.5rem;
}
.mine-list>ul>li>div>span:first-child {
    margin: 0.45rem 0.375rem 0 0;
}
.mine-list>ul>li>div>span:last-child {
    float: right;
    margin-top: 0.525rem;
}
.mine-list>ul>li.exit {
    text-align: center;
    line-height: 1.5rem;
    font-size: 0.5rem;
    font-weight: 400;
    color: #ff1a42;
}
.icon-gender-male {
    display: inline-block;
    background: url("/static/h5/img/icon-gender-male.png") no-repeat;
    background-size: 0.43rem 0.43rem;
    width: 0.43rem;
    height: 0.43rem;
}
.credit-tip {
    background-color: #ffffff;
    margin: 0.375rem;
    display: flex;
    flex-wrap: wrap;
    border-radius: 8px;
}
.credit-tip>.tip-box {
    width: 25%;
    text-align: center;
}
.credit-tip>.tip-box>div:first-child {
    color: #4786ff;
    font-size: 0.625rem;
    font-family: "DIN Alternate Bold";
    font-weight: bold;
    margin-top: 0.422rem;
}
.credit-tip>.tip-box>div:last-child {
    color: #666666;
    font-size: 0.375rem;
    font-weight: 400;
    margin-top: 0.391rem;
    margin-bottom: 0.43rem;
}
.credit-title {
    margin: 0.5rem 0.375rem 0.5rem 0.375rem;
    font-size: 0.42rem;
    font-weight: 400;
    color: #999999;
}
.credit-title>span {
    margin-right: 0.625rem;
}
.credit-title>span.current {
    color: #333333;
    font-size: 0.5rem;
    font-weight: bold;
}
.credit-content {
    background-color: #FFFFFF;
}
.credit-content>.credit-list {
    min-height: 1.2rem;
    border-bottom: 1px solid #e5e5e5;
    padding: 0.375rem;
}
.credit-content>.credit-list:last-child {
    border-bottom: none;
}
.credit-content>.credit-list>div:first-child {
    font-size: 0.43rem;
    font-weight: 400;
    color: #333333;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.375rem;
}
.credit-content>.credit-list>div:first-child>div:first-child {
    width: 88%;
}
.credit-content>.credit-list>div:last-child {
    font-size: 0.375rem;
    font-weight: 400;
    color: #999999;
}
.sub {
    color: #00CEAA
}

.scroll-tip {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    display: flex;
    justify-content: center;
    margin-bottom: 0.375rem;
}
.scroll-tip>.loading {
    display: inline-block;
    background: url("/static/nxb/images/loading.gif") no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.scroll-tip-top {
    line-height: 20px;
    font-size: 14px;
    color: #666666;
    display: flex;
    justify-content: center;
}
.articleTitle,.i-art-title {
    font-size: 0.43rem !important;
}
.plan-info>ul>li {
    width: 100%;
    margin-bottom: 0.25rem;
}
.plan-info>ul>li>div {
    background-color: #ffffff;
    border-radius: 4px;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    display: flex;
    height: 2.5rem;
}
.plan-info>ul>li>div>img {
    width: 2.5rem;
    border-radius: 4px;
}
.plan-info>ul>li>div>div.info {
    margin-left: 0.43rem;
    margin-top: 0.43rem;
}
.plan-info>ul>li>div>div.info>.title {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    font-weight: 500;
}
.plan-info>ul>li>div>div.info>.title>.tip {
    margin-right: 0.1rem;
    color: #4786ff;
    background-color: #D7E5FF;
    padding-right: 2px;
    padding-left: 2px;
}
.plan-info>ul>li>div>div.info>.title>.tip.exam {
    color: #FF5252;
    background-color: #FFE8E8;
}
.plan-info>ul>li>div>div.info>.title>.tip.testing {
    color: #FF8F2A;
    background-color: #FFF4C6;
}
.plan-info>ul>li>div>div.info>.title>.tip.appraisal {
    color: #744EFF;
    background-color: #E5DEFF;
}
.plan-info>ul>li>div>div.info>.title>.tip.homework {
    color: #00CEAA;
    background-color: #CBF8F0;
}
.plan-info>ul>li>div>div.info>.info {
    margin-top: 0.5rem;
    color: #999999;
    font-size: 12px;
    font-weight: 400;
}
.plan-info>ul>li>div>div.btn {
    position: absolute;
    right: 0;
    margin-right: 0.5rem;
    margin-top: 1rem;
}
.plan-info>ul>li>div>div.btn>div {
    border: 1px solid #4786FF;
    border-radius: 28px;
    color: #4786ff;
    padding: 3px 6px 3px 6px;
    width: 1.3rem;
    text-align: center;
}
.plan-info>ul>li>div>div.btn.dis>div {
    border: 1px solid #999999;
    color: #999999;
}
.plan-info>div.content {
    background-color: #ffffff;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0.25rem;
    color: #666666;
    font-size: 14px;
    min-height: 15rem;
    display: none;
}
.plan-info>div.library {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    display: none;
}
.plan-info>div.library>ul>li {
    background-color: #FFFFFF;
    margin-bottom: 0.25rem;
    display: flex;
    padding: 0.25rem
}
.plan-info>div.library>ul>li>div {
    float: left;
}
.plan-info>div.library>ul>li>div.icon-pdf {
    display: inline-block;
    background: url("/static/h5/img/icon-pdf.png") no-repeat;
    background-size: 1.6rem 1.8rem;
    width: 1.6rem;
    height: 1.8rem;
}
.plan-info>div.library>ul>li>div.title {
    width: 78%;
    margin-left: 0.25rem;
    margin-top: 0.25rem;
}
.appraisal-list {

}

.appraisal-list>.item:first-child {
    margin-top: 0;
}

.appraisal-list.appraisal {
    margin-bottom: 1.875rem;
}

.appraisal-list>.search-input {
    margin: 0.1rem 0.375rem 0.375rem 0.375rem;
    height: 1.25rem;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
.appraisal-list>.search-input>.icon-search {
    display: inline-block;
    background: url("/static/h5/img/icon-search.png") no-repeat;
    background-size: 0.5rem 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.4rem;
}
.appraisal-list>.search-input>.icon-close {
    display: inline-block;
    background: url("/static/h5/img/icon-close.png") no-repeat;
    background-size: 0.4rem 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    margin-left: 0.2rem;
}
.appraisal-list>.search-input>input {
    background-color: #ffffff;
    border-radius: 4px;
    border: none;
    width: 78%;
    height: 0.8rem;
    color: #333333;
    font-size: 0.43rem;
}
.appraisal-list>.item{
    background-color: #ffffff;
    margin: 0.375rem;
    border-radius: 4px;
    display: flex;
}
.appraisal-list>.item>img{
    width: 2rem;
    height: 2rem;
    margin: 0.375rem;
}
.appraisal-list>.item>.info {
    max-width: 4rem;
    margin-bottom: 0.375rem;
    display: flex;
    align-content: space-around;
    flex-direction: column;
    justify-content: space-around;
}
.appraisal-list>.item>.info.mine {
    max-width: none;
    width: 65%;
    margin-left: 0.375rem;
}
.appraisal-list>.item>.info>.name{
    color: #333333;
    font-size: 0.5rem;
    font-weight: bold;
    margin-top:0.375rem;
}
.appraisal-list>.item>.info>.department{
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    margin-top:0.25rem;
}
.appraisal-list>.item>.info>.appraisal-name{
    color: #999999;
    font-size: 0.43rem;
    font-weight: 400;
    margin-top:0.375rem;
}
.appraisal-list>.item>.info>.appraisal-name.user{
    color: #333333;
    max-width: 7rem;
    line-height: 0.65rem;
}
.appraisal-list>.item>.btn,.appraisal-list>.item>.appraisal>.btn{
    position: absolute;
    right: 0;
    margin-right: 0.75rem;
    margin-top: 1rem;
    border-radius: 14px;
    border: 1px solid #4786ff;
    color: #4786ff;
    font-size: 0.43rem;
    font-weight: 400;
    padding: 0.1rem 0.3rem 0.1rem 0.3rem
}
.appraisal-list>.item>.appraisal>.btn.again{
    border: 1px solid #FF1A42;
    color: #FF1A42;
    width: 1.8rem;
}
.appraisal-list>.item>.radio {
    position: absolute;
    right: 0;
    margin-right: 0.75rem;
    margin-top: 1rem;
}
.appraisal-list>.item>.radio>span.icon-radio {
    display: inline-block;
    background: url("/static/h5/img/icon-radio.png") no-repeat;
    background-size: 0.5rem 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
}
.appraisal-list>.item>.radio>span.icon-radio.checked,.appraisal-list>.item.checked>.radio>span.icon-radio {
    display: inline-block;
    background: url("/static/h5/img/icon-radio-checked.png") no-repeat;
    background-size: 0.5rem 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
}
.empty-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 3rem;
}
.empty-list>img {
    width: 3rem;
    height: 3rem;
}
.empty-list>span {
    font-size: 14px;
    color: #999999;
    margin-top: 0.375rem;
}
.appraisal-list>.item>.appraisal {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0;
    margin-right: 0.75rem;
    margin-top: 0.65rem;
}
.appraisal-list>.item>.appraisal.user {
    font-size: 0.43rem;
    font-weight: 400;
    color: #666666;
    line-height: 0.65rem;
    width: 3rem;
    margin-top: 0.375rem;
}
.appraisal-list>.item>.appraisal.user>.from-tip {
    position: absolute;
    right: 0;
}
.appraisal-list>.item>.appraisal.user>.from-tip.not-finish {
    margin-right: 0.3rem;
}

.appraisal-list>.item>.appraisal.user>.btn {
    margin-right: 0;
}
.appraisal-list>.item>.appraisal.user>div {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.appraisal-list>.item>.appraisal.user>div>span:first-child {
    margin-right: 0.25rem;
}
.appraisal-list>.item>.appraisal.user>div>span:last-child.success {
    margin-left: 0.2rem;
    color: #00CEAA;
}
.appraisal-list>.item>.appraisal.user>div>span:last-child.wrong {
    margin-left: 0.2rem;
    color: #FF1A42;
}
.appraisal-list>.item>.appraisal.icon-pass {
    background: url("/static/h5/img/appraisal-pass.png") no-repeat;
    background-size: 1.5rem 1.5rem;
}
.appraisal-list>.item>.icon-unpass {
    background: url("/static/h5/img/appraisal-unpass.png") no-repeat;
    background-size: 1.5rem 1.5rem;
}
.appraisal-box {
    margin: 0.375rem 0.375rem 0 0.375rem;
    background-color: #ffffff;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    padding: 0.5rem 0.375rem 0.5rem 0.375rem;
}
.appraisal-box>.result-pic {
    display: inline-block;
    background: url("/static/h5/img/appraisal-pass.png") no-repeat;
    background-size: 1.5rem 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0;
    margin-right: 0.75rem;
    margin-top: -0.125rem;
}
.appraisal-box>.result-pic.unpass {
    display: inline-block;
    background: url("/static/h5/img/appraisal-unpass.png") no-repeat;
    background-size: 1.5rem 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0;
    margin-right: 0.75rem;
    margin-top: -0.125rem;
}
.appraisal-box>.title {
    color: #08092f;
    font-size: 0.5rem;
    font-weight: bold;
    margin-bottom: 0.25rem;
}
.appraisal-box>.title>.tip {
    color: #999999;
    font-size: 0.4rem;
    font-weight: 400;
    margin-left: 4px;
}
.appraisal-box>.title>label>input[type='text'] {
    width: 3rem;
    background: #f2f2f2;
    border-radius: 2px;
    font-size: 14px;
    border: none;
    height: 0.8rem;
    padding-left: 0.25rem;
}
.appraisal-box>.info>span:last-child {
    margin-left: 1.25rem;
}
.appraisal-box>.list>div {
    display: flex;
    margin-top: 0.5rem;
}
.appraisal-box>.list>div>img {
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
}
.appraisal-box>.list>div>ul {
    margin-left: 0.375rem;
    font-size: 14px;
    color: #333333;
    font-weight: 400;
}
.appraisal-box>.list>div>ul>li {
    margin-top: 0.375rem;
}
.appraisal-box>.list>div>ul>li:first-child {
    margin-top: 0;
}
.appraisal-box>.content>.list-li {
    padding: 0.375rem;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-top: .375rem;
    color: #333333;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.appraisal-box>.content>.list-li>div {
    width: 100%;
}
.appraisal-box>.content>.list-li>.text {
    line-height: 24px;
}
.appraisal-box>.content>.list-li>.score {
    line-height: 0.8rem;
    margin-top: 0.25rem;
    display: flex;
    justify-content: flex-start;
    color: #333333;
}
.appraisal-box>.content>.list-li>.score>div>span {
    color: #999999;
}
.appraisal-box>.content>.list-li>.score>div:first-child {
    width: 40%;
}
.appraisal-box>.content>.list-li>.score>div>label>input[type='text'] {
    width: 3rem;
    background: #f2f2f2;
    border-radius: 2px;
    font-size: 14px;
    border: none;
    height: 0.8rem;
    padding-left: 0.25rem;
}
.appraisal-box>.content>.list-li>.des {
    line-height: 0.8rem;
    margin-top: 0.25rem;
}
.appraisal-box>.content>.list-li>.des>label>input[type='text'] {
    width: 80%;
    border-radius: 2px;
    font-size: 14px;
    border: none;
    height: 0.8rem;
    padding-left: 0.25rem;
}
.appraisal-box>.content>.list-li>div>span {
    color: #999999;
}
.appraisal-box>.content>.list-li>div>span:nth-child(2) {
    margin-left: 1rem;
}
.appraisal-box>.content>.list-li>span.arrow.arrow-right {
    position: absolute;
    right: 0;
    margin-right: 1.2rem;
}
.appraisal-box>.picture>img {
    width: 2rem;
    height: 2rem;
    border-radius: 4px;
}
.appraisal-box>.picture>span {
    color: #999999;
    font-size: 0.45rem;
    width: 100%;
    text-align: center;
    line-height: 1rem;
}
.appraisal-box>.agree {
    margin-bottom: 0.2rem;
}
.appraisal-box>.agree>label {
    margin-right: 0.5rem;
    line-height: 0.5rem;
}
.appraisal-box>.agree>label>input {
    margin-right: 0.2rem;
}
.appraisal-box>.sign {
    display: flex;
}
.appraisal-box>.sign>div {
    width: 50%;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #08092f;
}
.appraisal-box>.sign>div.do {
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    height: 3rem;
    width: 100%;
    font-size: 0.5rem;
    color: #999999;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.appraisal-box>.sign>div>img {
    width: 4rem;
    height: 2rem;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    margin-top: 0.25rem;
}
.appraisal-box>.sign>div.do>img {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    top: -0.3rem;
    border: 1px solid #e5e5e5;
}
.appraisal-submit {
    background-color: #4786FF;
    color: #ffffff;
    height: 1.4rem;
    font-size: 18px;
    margin-top: 0.375rem;
    text-align: center;
    line-height: 1.4rem;
}
.appraisal-again {
    background-color: #ff1A42;
    color: #ffffff;
    height: 1.4rem;
    font-size: 18px;
    margin-top: 0.375rem;
    text-align: center;
    line-height: 1.4rem;
}
.appraisal-box>.picture {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.appraisal-box>.picture>.img-list {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 2rem;
    height: 2rem;
    margin: 0.04rem;
}
.appraisal-box>.picture>.img-list>.tip {
    display: inline-block;
    background: url("/static/h5/img/icon-close-tip.png") no-repeat;
    background-size: 0.5rem 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    margin-left: 1.5rem;
    z-index: 9999;
}
.appraisal-box>.picture>.img-list>.play {
    display: inline-block;
    background: url("/static/h5/img/icon-video-play.png") no-repeat;
    background-size: 0.5rem 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    z-index: 999999;
}
.appraisal-box>.picture>.img-list>img,.appraisal-box>.picture>.img-list>video {
    width: 100%;
    height: 100%;
}
.appraisal-box>.picture>.img-list:nth-child(1),.appraisal-box>.picture>.img-list:nth-child(5) {
    margin-left: 0;
}
.appraisal-box>.picture>.img-list:nth-child(4),.appraisal-box>.picture>.img-list:nth-child(8) {
    margin-right: 0;
}
.appraisal-box>.picture>.img-list>span.icon-picture-add {
    display: inline-block;
    background: url("/static/h5/img/icon-picture-add.png") no-repeat;
    background-size: 0.375rem 0.375rem;
    width: 0.375rem;
    height: 0.375rem;
    margin-top: 0.8rem;
    margin-left: 0.8rem;
}
.icon-picture-close {
    display: inline-block;
    background: url("/static/h5/img/icon-picture-add.png") no-repeat;
    background-size: 0.375rem 0.375rem;
    width: 0.375rem;
    height: 0.375rem;
    margin-top: 0.05rem;
    margin-left: 0.05rem;
    transform: rotate(45deg);
}
.sign-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
}
.sign-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: #F4F5F7;
    transform-origin: center center;
}
.sign-box>canvas.sign-panel {
    background-color: #ffffff;
    cursor: crosshair;
    flex: 1;
}
.sign-box>.btn-group {
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    height: 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    line-height: 1.5rem;
}
.sign-box>.btn-group>span {
    width: 33.3%;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    color: #333333;
    font-size: 0.5rem;
    font-weight: 400;
}
.sign-box>.btn-group>span:last-child {
    border-right: none;
    color: #4786ff;
}
.bottom-btn-group {
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    display: flex;
    z-index: 1000;
    height: 1.5rem;
    line-height: 1.5rem;
    width: 100%;
    font-size: 18px;
    color: #333333;
    font-weight: 400;
    text-align: center;
}
.bottom-btn-group>div {
    height: 100%;
    width: 100%;
}
.bottom-btn-group>.next {
    background-color: #4786ff;
    color: #ffffff;
}
.plan-course {
    display: inline-block;
    background: url("/static/h5/img/plan-course.png") no-repeat;
    background-size: 2.5rem 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 8px;
}
.plan-exam {
    display: inline-block;
    background: url("/static/h5/img/plan-exam.png") no-repeat;
    background-size: 2.5rem 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 8px;
}
.plan-testing {
    display: inline-block;
    background: url("/static/h5/img/plan-testing.png") no-repeat;
    background-size: 2.5rem 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 8px;
}
.plan-appraisal {
    display: inline-block;
    background: url("/static/h5/img/plan-appraisal.png") no-repeat;
    background-size: 2.5rem 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 8px;
}
.plan-homework {
    display: inline-block;
    background: url("/static/h5/img/plan-homework.png") no-repeat;
    background-size: 2.5rem 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 8px;
}
.plan-list > div > div {
    position: relative;
}
.plan-list > div > div > .tip {
    width: 100%;
    height: 0.625rem;
    background: #000000;
    opacity: 0.4;
    position: absolute;
    bottom: 0;
    border-radius: 0 0 8px 8px;
    font-size: 0.375rem;
    color: #FFCC01;
    text-align: center;
    line-height: 0.625rem;
}
.box-bg {
    /*background: rgba(0,0,0,0.4);*/
    position : fixed;
    left: 0;
    top: 0;
    bottom: 1.5rem;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-bg>.loading {
    display: inline-block;
    background: url("/static/nxb/images/loading.gif") no-repeat;
    background-size: 2rem 2rem;
    width: 2rem;
    height: 2rem;
}
.search-box-common {
    margin: 0.375rem 0.375rem 0 0.375rem;
    background-color: white;
    border-radius: 0.125rem;
    height: 1.25rem;
}
.search-box-common>.search-icon {
    display: inline-block;
    background: url("/static/h5/img/search-icon.png") no-repeat;
    background-size: .5rem .5rem;
    width: .5rem;
    height: .5rem;
    margin-top: 0.375rem;
    margin-left: 0.375rem;
    float: left;
}
.search-box-common>.search-input>input {
    float: left;
    border: none;
    margin-top: 0.31rem;
    margin-left: 0.375rem;
    height: 0.62rem;
    color: #333333;
    font-size: 0.43rem;
}
.search-box-common>.search-clean {
    display: inline-block;
    background: url("/static/h5/img/search-clean.png") no-repeat;
    background-size: 0.375rem 0.375rem;
    width: 0.375rem;
    height: 0.375rem;
    margin-top: 0.4375rem;
    margin-right: 0.4375rem;
    float: right;
}
.search-box-common>.search-submit {
    color: #4786FF;
    font-size: 0.5rem;
    font-weight: 400;
    line-height: 0.7rem;
    float: right;
    margin-top: 0.26rem;
    margin-right: 0.375rem;
    padding-left: 0.375rem;
    border-left: 1px solid #E5E5E5;
}