html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: myriad set pro,helvetica neue,Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: #000
}

a,label,button,input,select {
    -webkit-tap-highlight-color: transparent
}

img {
    border: 0
}

body {
    background: #f5f5f5;
    color: #666
}

html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    color: #08acee
}

button {
    outline: 0
}

img {
    border: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none
}

li {
    list-style: none
}

a {
    color: #666
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
}

.divHeight {
    width: 100%;
    height: 10px;
    background: #f5f5f5;
    position: relative;
    overflow: hidden
}

.r-line {
    position: relative
}

.r-line:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #d9d9d9;
    -webkit-transform: scaleX(.5);
    transform: scaleX(.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.b-line {
    position: relative
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.jq22-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px;
    position: relative
}

.jq22-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    color: #333
}

.jq22-flexView {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.jq22-scrollView {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    position: relative
}

.jq22-navBar {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1002;
    background: #00a4e2
}

.jq22-navBar-item {
    height: 44px;
    min-width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 .9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .7rem;
    white-space: nowrap;
    overflow: hidden;
    color: gray;
    position: relative
}

.jq22-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: .9rem;
    font-weight: 700
}

.jq22-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.jq22-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 50%;
    margin-left: 25%
}

.jq22-center-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: .95rem;
    color: #333
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat
}

.jq22-mine-head {
    width: 100%;
    height: auto;
    background: #00a4e2
}

.jq22-flex-box h2 {
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: .3rem
}

.jq22-flex-box p {
    color: #fff;
    font-size: .9rem;
    position: relative;
    display: block;
    width: 36%
}

.jq22-flex-box p:after {
    content: " ";
    display: inline-block;
    height: 7px;
    width: 7px;
    border-width: 1px 1px 0 0;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2px
}

.jq22-mine-user {
    width: 70px;
    height: 70px
}

.jq22-mine-user img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
    border-radius: 100%
}

.jq22-arrow {
    text-align: right;
    color: gray;
    padding-right: 13px;
    position: relative;
    margin-left: 15px
}

.jq22-arrow span {
    font-size: .8rem;
    color: #aeb3b9
}

.jq22-arrow:after {
    content: " ";
    display: inline-block;
    height: 7px;
    width: 7px;
    border-width: 1px 1px 0 0;
    border-color: #b7bbbe;
    border-style: solid;
    -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
    transform: matrix(.71,.71,-.71,.71,0,0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 2px
}

.jq22-course-list .jq22-flex {
    padding-top: 20px;
    padding-bottom: 20px
}

.jq22-palace {
    padding: 1rem 0;
    position: relative;
    overflow: hidden;
    background: #fff
}

.jq22-palace-grid {
    position: relative;
    float: left;
    padding: 1px;
    width: 25%;
    box-sizing: border-box
}

.jq22-palace-grid-icon {
    width: auto;
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.jq22-palace-grid-icon h2 {
    font-size: .9rem;
    color: #0f0f0f
}

.jq22-palace-grid-icon .jq22-tag {
    background: #fc8020;
    color: #fff;
    font-size: .6rem;
    border-radius: 15px 15px 15px 0;
    position: absolute;
    right: -18px;
    top: -5px;
    padding: 0 .3rem
}

.jq22-palace-grid-icon img {
    display: block;
    width: 100%;
    height: 100%;
    border: none
}

.jq22-palace-grid-text {
    display: block;
    text-align: center;
    color: #0f0f0f;
    font-size: .85rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: .4rem
}

.jq22-palace-grid-text h2 {
    font-size: .8rem;
    font-weight: 400;
    color: #676767
}

.jq22-flex-box h3 {
    font-size: 14px;
    color: #484848;
    font-weight: 400
}

.jq22-footer {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 5px;
    background-color: #fefefe
}

.jq22-footer:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e4e4e4;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.jq22-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #979797
}

.jq22-tabBar-item-text {
    display: inline-block;
    font-size: .65rem;
    color: #b4b4b4;
    padding-top: 2px
}

.jq22-tabBar-item-active .jq22-tabBar-item-text {
    color: #52c9c3
}

.icon-loan {
    background-image: url(../fonts/39b2f0ce8b6e460285ea29ae1f3636d9.woff)
}

.icon-set {
    background-image: url(data:image/png;
    base64,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)
}

.jq22-flex-tags {
    background: #fff
}

.jq22-flex-tags .jq22-arrow i {
    border-radius: 100%;
    color: #fff;
    background: #fe4a56;
    font-size: .7rem;
    width: 18px;
    height: 18px;
    display: block;
    font-style: normal;
    text-align: center;
    line-height: 18px
}

.jq22-flex-box span {
    margin-top: .4rem;
    display: block;
    font-size: .75rem;
    color: #a9a9a9
}

.jq22-course-list {
    background: #fff
}

.jq22-text-body {
    text-align: center;
    font-size: .8rem;
    color: #a9a9a9;
    padding: 1.5rem 0 4.3rem;
    line-height: 1.5
}

.jq22-cou-img {
    width: 22px;
    height: 22px;
    margin-right: .8rem
}

.jq22-cou-img img {
    width: 22px;
    height: 22px;
    display: block;
    border: none
}