/* 用户名限制长度 */
.nickname_inline{
    display:inline-block;
    width:80px; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    -o-text-overflow:ellipsis; 
    overflow:hidden;
  }
  .nickname_block{
    width:80px; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    -o-text-overflow:ellipsis; 
    overflow:hidden;
  }

iframe {
    display: none
}
.to2{
    color: #6bcdf8;
}

span.math span:last-child {
    border-left-width: 0px !important
}

.header-tab {
    border: 1px solid #fff;
    border-radius: 20px;
    margin: 7px 15px;
    height: 30px !important;
    overflow: hidden;
}

.header-tab.question-tab {
    width: 140px;
    margin: 7px auto;
}

.header-tab a {
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #fff
}

.header-tab a:last-child {
    border-right: none
}

.header-tab a.active {
    background-color: #fff;
    color: #1ebafd
}

.header-tab a.col4 {
    width: 33.33%
}

.header-tab a.col4:last-child {
    width: 33.34%
}

.header-tab a.col6 {
    width: 50%;
}

.rank-top {
    background-color: #1ebafd;
    padding: 10px;
    position: relative;
    height: 110px;
}

.rank-top div.left {
    float: left;
    width: 60px;
    text-align: center;
    margin-top: 4px;
}

.rank-top img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    border: 2px solid #fff;
}

.rank-top div span {
    display: block;
    color: #fff;
    width: 100%;
    font-size: 12px;
}

.rank-top ul {
    margin-left: 80px;
    font-size: 12px;
    color: #fff;
}

.rank-top ul li {
    float: left;
    width: 50%;
    height: 22px;
    overflow: hidden;
}

.rank-tab-wrapper {
    position: relative;
}

.rank-bd-wrapper {
    top: 151px;
}

.rank-bd-wrapper .ir-scroller li {
    height: 60px;
    padding: 10px;
    background-color: #fff;
    margin: 0px 10px;
    margin-top: 10px;
    line-height: 40px;
    position: relative;
}

.rank-bd-wrapper .ir-scroller li.active {
    border: 1px solid #ffc41f;
}

.rank-bd-wrapper .ir-scroller li strong {
    position: absolute;
    top: -12px;
    left: -8px;
    width: 35px;
    height: 28px;
    background-image: url(../../img/mobile/rank_me.png);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.rank-bd-wrapper .ir-scroller li div {
    float: left;
    width: 60%;
    overflow: hidden;
}

.rank-bd-wrapper .ir-scroller li img {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 20px;
}

.rank-bd-wrapper .ir-scroller li b {
    margin-left: 10px;
    font-size: 12px;
    font-weight: normal;
}

.rank-bd-wrapper .ir-scroller li span {
    float: right;
    width: 40%;
    font-size: 14px;
    line-height: 18px;
    color: #33cc00;
    font-weight: 600
}

.rank-bd-wrapper .ir-scroller li span i {
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

.rank-bd-wrapper .ir-scroller li em {
    position: absolute;
    right: 0px;
    width: 40px;
    height: 54px;
    top: 0px;
    background-size: 100% 100%;
    text-align: center;
    font-size: 20px;
    color: #f60;
    line-height: 60px;
}

.rank-bd-wrapper .ir-scroller li em.rank-sort-1 {
    background-image: url(../../img/mobile/rank-sort-1.png);
}

.rank-bd-wrapper .ir-scroller li em.rank-sort-2 {
    background-image: url(../../img/mobile/rank-sort-2.png);
}

.rank-bd-wrapper .ir-scroller li em.rank-sort-3 {
    background-image: url(../../img/mobile/rank-sort-3.png);
}

.rank-advance-top {
    background-color: #1ebafd;
    padding: 10px;
    position: relative;
    color: #fff;
    height: 190px;
    text-align: center;
}

.rank-advance-top div.img {
    width: 78px;
    text-align: center;
    height: 74px;
    background-image: url(../../img/mobile/rank-3-top.png);
    background-size: 100% 100%;
    margin: 0px auto;
    margin-top: 20px;
}

.rank-advance-top div.img img {
    width: 54px;
    height: 54px;
    border-radius: 27px;
    border: 1px solid #fff;
    margin-top: 5px;
}

.rank-advance-top b {
    font-weight: normal;
    display: block;
    line-height: 40px;
}

.rank-advance-top p {
    font-size: 14px;
    height: 30px;
    color: #fff
}

.rank-advance-top p i {
    width: 50%;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.rank-advance-top p span {
    float: left;
    margin-left: 10px;
}

.rank-advance-top p span em {
    font-size: 16px;
    color: #ffe0a8
}

.rank-advance-ul {
    margin: 10px;
}

.rank-advance-ul li {
    float: left;
    width: 50%;
    position: relative;
    padding-top: 85px;
    margin-bottom: 20px;
}

.rank-advance-ul li div {
    width: 156px;
    text-align: center;
    height: 163px;
    display: none;
    padding-top: 22px;
    margin: 0px auto;
    position: relative;
    background-color: #f4f4f4;
}

.rank-advance-ul li div.active {
    background-image: url(../../img/mobile/rank_me_bg.png);
    background-size: 100% 100%
}

.rank-advance-ul li div i {
    position: absolute;
    width: 100%;
    height: 95px;
    background-size: 103px 100%;
    top: -85px;
    background-repeat: no-repeat;
    background-position: center 0;
    left: 0px;
}

.rank-advance-ul li.rank-advance-1 div i {
    background-image: url(../../img/mobile/rank-3-1.png);
}

.rank-advance-ul li.rank-advance-2 div i {
    background-image: url(../../img/mobile/rank-3-2.png);
}

.rank-advance-ul li.rank-advance-3 div i {
    background-image: url(../../img/mobile/rank-3-3.png);
}

.rank-advance-ul li.rank-advance-4 div i {
    background-image: url(../../img/mobile/rank-3-4.png);
}

.rank-advance-ul li.rank-advance-5 div i {
    background-image: url(../../img/mobile/rank-3-5.png);
}

.rank-advance-ul li.rank-advance-6 div i {
    background-image: url(../../img/mobile/rank-3-6.png);
}

.rank-advance-ul li div img {
    width: 60px;
    height: 60px;
    border-radius: 30px
}

.rank-advance-ul li div b {
    display: block;
    font-weight: normal;
    line-height: 25px;
    margin-top: 10px;
}

.rank-advance-ul li div span {
    color: #666;
    font-size: 12px;
}

.rank-advance-ul li div span em {
    font-size: 14px;
    color: #f6b541
}

#rank-level-up {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

#rank-level-up div.modal {
    width: 250px;
    position: absolute;
    left: 50%;
    margin-left: -125px;
    top: 50%;
    margin-top: -150px;
    height: 300px;
    overflow: hidden;
    border-radius: 5px;
    background-color: #fff;
    text-align: center;
    background-image: url(../../img/mobile/rank-level-up.png);
    background-size: 195px 135px;
    background-repeat: no-repeat;
    background-position: center 20px;
    padding-top: 180px;
}

#rank-level-up div.modal b {
    display: block;
    font-size: 18px;
    color: #ff8b6f;
    margin-bottom: 10px;
}

#rank-level-up div.modal a {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #ff9130;
}

.ask-list-view {}

.ask-list-view div.header {
    height: 60px;
    padding: 10px;
    padding-left: 80px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
    background-color: #fff;
}

.ask-list-view div.header b {
    font-size: 14px;
    font-weight: normal;
    color: #00b7ee;
    position: absolute;
    left: 10px;
    top: 10px;
}

.ask-list-view div.header span {
    display: block;
    margin-right: 10px;
    height: 40px;
    font-size: 14px;
    color: #00b7ee
}

.ask-list-view div.header i {
    display: block;
    color: #666;
    font-size: 12px;
    width: 100%
}

.ask-list-view .body {
    padding: 10px;
    background-color: #fff;
}

.ask-list-view .body img.uimg {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.ask-list-view .body div.qcontainer {
    margin-left: 60px;
}

.ask-list-view .body div b.unick {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #999;
}

.ask-list-view .body div span.uinfo {
    display: block;
    font-size: 12px;
    color: #999;
}

.ask-list-view .body div span.uinfo i.iconfont {
    font-size: 12px;
}

.ask-list-view .body div p.qcontent {
    color: #444;
    margin-top: 5px;
    margin-bottom: 0px;
}

.ask-list-view div.footer {
    background-color: #fff;
    height: 30px;
    padding-left: 70px;
    padding-right: 10px;
    font-size: 14px;
    color: #666
}

.ask-list-view div.footer i.iconfont {
    font-size: 12px;
}

.ask-list-view div.footer a {
    color: #666
}

.ask-list-view .reply {
    background-color: #efeff4;
}

.ask-list-view .reply li {
    border-top: 1px solid #dedede
}

.ask-list-view .reply li .body {
    background-color: #efeff4;
}

.ask-list-view .reply li .footer {
    background-color: #efeff4;
}

#ask_input {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ccc;
}

#ask_input span.iconfont {
    float: left;
    width: 30px;
    height: 24px;
    font-size: 20px;
    margin-top: 3px;
}


/*
#ask_input div{ position: absolute; top: 10px; left: 40px; right: 60px; border: 1px solid #dedede; border-radius: 3px; min-height: 30px; max-height: 70px; overflow-y:scroll;  line-height: 20px; outline: 0; padding: 5px; font-size: 14px; -webkit-user-select: text; user-select:text;}
*/

#ask_input div#ask_input_text {
    margin-left: 30px;
    margin-right: 50px;
    font-size: 14px;
    line-height: 20px;
}

#ask_input div#ask_input_text textarea {
    padding: 5px;
    height: 30px;
    line-height: 20px;
    margin-bottom: 0px;
    border: 1px solid #dedede;
    border-radius: 2px;
    background-color: #f2f2f2;
    font-size: 14px;
    color: #666
}

#ask_input a {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    line-height: 30px;
    height: 30px;
    color: #666;
    font-size: 14px;
    text-align: center;
}

#ask_input a.active {
    color: #00b7ee;
}

#ask_textareacopy {
    padding: 5px;
    font-size: 14px;
    line-height: 20px;
    height: 30px;
    margin-bottom: 0px;
}

.qqface_box {
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    background-color: #f2f2f2;
    width: 100%;
    height: 150px;
    z-index: 1111;
}

.qqface {
    position: absolute;
    top: 5px;
}

.qqface li {
    height: 44px;
    white-space: nowrap;
    line-height: 0;
}

.qqface li img {
    padding: 10px 11px;
    width: 46px;
    height: 44px;
}

.cell-left-fill-icon {
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    width: 30px;
    text-align: center;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
}

.cell-left-fill-icon.icon1 {
    background-color: #ff3e57;
}

.cell-left-fill-icon.icon2 {
    background-color: #ffb82f;
}

.cell-left-fill-icon.icon3 {
    background-color: #76d529;
}

.cell-left-fill-icon.icon4 {
    background-color: #2b8fd7;
}

.cell-left-fill-icon.icon5 {
    background-color: #7b46fc;
}

.cell-left-fill-icon.icon6 {
    background-color: #38bed6;
}

.cell-left-fill-icon.icon7 {
    background-color: #2012e6;
}

.filter-div {
    position: fixed;
    left: 0px;
    width: 100%;
    height: 40px;
    background-color: #fff;
    top: 44px;
    z-index: 10002;
}

.filter-div a {
    float: left;
    text-align: center;
    line-height: 40px;
    color: #666;
    font-size: 12px;
}

.filter-div a.col4 {
    width: 33.333%;
}

.filter-div-bg {
    background-color: rgba(0, 0, 0, .4);
    display: none;
    z-index: 10001;
    position: fixed;
    left: 0px;
    top: 84px;
    right: 0px;
    bottom: 0px;
}

.filter-div-bg ul {
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    clear: both;
    max-height: 300px;
    overflow-y: scroll;
    font-size: 12px;
    padding: 10px;
}

.filter-div-bg ul li {
    float: left;
    display: inline-block;
    position: relative;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background-color: #fff;
}

.filter-div-bg ul li a {
    display: inline-block;
    height: 30px;
    max-width: 99%;
    line-height: 30px;
    padding: 0px 5px;
    color: #666;
    font-size: 12px;
}

.filter-div-bg ul li span {
    position: absolute;
    right: 5px;
    top: 0px;
}

.filter-div-bg ul li.active {}

.filter-div-bg ul li.active a {
    color: #fff;
    background-color: #00b7ee;
    border-radius: 3px;
}

.filter-div-bg ul li.active span {
    color: #fff;
    background-color: #00b7ee;
}

.filter-div-bg ul.column-2 li {
    width: 50%;
}

.filter-div-bg ul.column-3 li {
    width: 33.333%;
    text-align: center;
}

#question-btm {
    position: fixed;
    display: none;
    border-top: 1px solid #e7e7e7;
    padding: 5px 40px;
    background-color: #fff;
    text-align: center;
    height: 40px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

#question-btm a {
    display: inline-block;
    padding: 0px 15px;
    background-color: #ccc;
    border-radius: 3px;
    line-height: 30px;
    font-size: 14px;
    color: #999;
    float: left;
}

#question-btm a:last-child {
    float: right;
}

#question-btm a.active {
    background-color: #00b7ee;
    color: #fff;
}

#question-btm span {
    text-align: center;
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
}

#question-detail-section .mui-content {
    padding-top: 50px;
    padding-bottom: 50px;
}

.question-view {
    background-color: #fff;
}

.question-view .t {
    border-bottom: 1px solid #e7e7e7;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0px 10px;
    color: #666
}

.question-view .info {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    color: #999;
}

.question-view .info span {
    margin-right: 10px;
}

.question-view .content {
    padding: 10px;
    color: #333
}

.question-view .content p {
    color: #333
}

.question-view .options {
    padding: 0px 10px;
}

.question-view li {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding-left: 50px;
    background-color: #e2e2e2;
    position: relative;
    min-height: 40px;
    margin-bottom: 10px;
}

.question-view li i {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -15px;
    width: 50px;
    height: 30px;
    background-image: url(../../img/mobile/question-options.png);
    -webkit-background-size: 400px auto;
    background-size: 400px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.question-view li div {
    background-color: #fff;
    min-height: 40px;
    padding: 20px 10px;
    font-size: 14px;
    border-radius: 5px;
}

.question-view li.error {
    background-color: #ff7272;
    border: 1px solid #ff7272;
}

.question-view li.correct {
    background-color: #47e097;
    border: 1px solid #47e097;
}

.question-view li em {
    position: absolute;
    left: 20px;
    bottom: -7px;
    width: 37px;
    height: 35px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-image: url(../../img/mobile/question-result.png);
    display: none
}

.question-view li.error em {
    display: block;
}

.question-view li.correct em {
    display: block;
    background-position: 0 -34px;
}

.question-view li.options-b i {
    background-position: -50px 0;
}

.question-view li.options-c i {
    background-position: -100px 0;
}

.question-view li.options-d i {
    background-position: -150px 0;
}

.question-view li.options-a.error i,
.question-view li.options-a.correct i {
    background-position: -200px 0px;
}

.question-view li.options-b.error i,
.question-view li.options-b.correct i {
    background-position: -250px 0px;
}

.question-view li.options-c.error i,
.question-view li.options-c.correct i {
    background-position: -300px 0px;
}

.question-view li.options-d.error i,
.question-view li.options-d.correct i {
    background-position: -350px 0px;
}

.question-view .options-select li.error em,
.question-view .options-select li.correct em {
    display: none
}

.question-view .options-select li.error {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
}

.question-view .options-select li.correct {
    background-color: #e2e2e2;
    border: 1px solid #e2e2e2;
}

.question-view .options-select li.options-a.error i,
.question-view .options-select li.options-a.correct i {
    background-position: 0px 0px;
}

.question-view .options-select li.options-b.error i,
.question-view .options-select li.options-b.correct i {
    background-position: -50px 0px;
}

.question-view .options-select li.options-c.error i,
.question-view .options-select li.options-c.correct i {
    background-position: -100px 0px;
}

.question-view .options-select li.options-d.error i,
.question-view .options-select li.options-d.correct i {
    background-position: -150px 0px;
}

.question-view .options-select li.selected {
    background-color: #1ebafd;
    border: 1px solid #1ebafd;
}

.question-view .options-select li.selected i {
    background-position: -250px 0px !important;
}

.question-view li.selected {
    background-color: #00b8ee;
    border: 1px solid #00b8ee;
}

.question-view li.options-a.selected i {
    background-position: -200px 0px;
}

.question-view li.options-b.selected i {
    background-position: -250px 0px;
}

.question-view li.options-c.selected i {
    background-position: -300px 0px;
}

.question-view li.options-d.selected i {
    background-position: -350px 0px;
}

.question-view .desc {
    border-top: 1px solid #ccc;
    padding: 10px;
    position: relative;
    margin-top: 20px;
    display: none
}

.question-view .desc .title {
    text-align: center;
    color: #09b0e2;
    margin-top: 0px;
    font-size: 16px
}

.question-view .desc .arrow {
    position: absolute;
    width: 10px;
    height: 10px;
    top: -6px;
    left: 30px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-color: #fff;
    transform: rotate(45deg);
}

.question-view .desc .desc-content {
    font-size: 14px;
    color: #666
}

.question-view .desc .desc-content p {
    color: #666
}

.question-view .btn {
    text-align: center;
    padding-bottom: 20px;
}

.question-view .btn a {
    margin: 5px;
}

.task-list {
    background-color: #fff;
}

.task-list li {
    padding: 7px 10px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.task-list li div {
    margin-right: 100px;
    font-size: 12px;
    color: #666
}

.task-list li a {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 12px;
    color: #f60;
    text-align: right;
}

.task-list li a i.iconfont {
    font-size: 12px;
}

.task-list li a.allow_get {
    background-color: #f60;
    padding: 0px 3px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
}

.task-list li a.allow_get i {
    display: none
}

.task-list li a.have_get {
    color: #999
}

#suggest-list li {
    padding: 10px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    font-size: 12px;
}

#suggest-list li span.ta-r {
    text-align: right;
    display: block;
    color: #999
}

#search-top {
    height: 44px;
    background-color: #1ebafd;
    position: fixed;
    left: 0px;
    width: 100%;
    z-index: 10001
}

#search-top div {
    margin-right: 60px;
    margin-top: 7px;
    margin-left: 15px;
    position: relative;
}

#search-top input {
    height: 30px;
    background-color: #fff;
    border-radius: 30px;
    border: none;
    padding: 0px 15px;
    font-size: 12px;
}

#search-top div i {
    position: absolute;
    right: 5px;
    top: 0px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
}

#search-top a {
    position: absolute;
    right: 15px;
    top: 7px;
    line-height: 30px;
    font-size: 12px;
    height: 30px;
    color: #fff;
}

.search-container {
    padding-top: 44px;
}

.search-init {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.search-init .t {
    font-size: 14px;
    color: #333;
    height: 26px;
    line-height: 25px;
    margin-bottom: 10px;
}

.search-init .t a {
    float: right;
    color: #666
}

.search-init .t a i {
    font-size: 12px;
}

.search-init .d a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #666;
    background-color: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.search-result {
    display: none
}

.search-result .t {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #333;
    padding: 0px 10px
}

.search-result ul {
    background-color: #fff;
}

.search-result ul li {
    height: 40px;
    border-bottom: 1px solid #dedede;
    color: #666;
    font-size: 12px;
    line-height: 40px;
    padding: 0px 10px
}

.search-result ul li a {
    color: #666
}


/*分享*/

#share-section {
    background-color: #fff;
}

#share-section .mui-content {
    background-color: #fff;
}

.share-img {
    width: 100%;
    margin-bottom: 20px;
}

.share-t,
.share-code {
    text-align: center;
    height: 30px;
    line-height: 30px;
}

.share-code {
    color: #0099ff;
    font-size: 20px;
    font-weight: 600
}

.share-info {
    padding: 20px 10px;
    color: #666
}

.nativeShare {
    display: inline-block;
    width: 60px;
    height: 90px;
    color: #999;
    text-align: center;
    font-size: 12px;
}

.nativeShare i {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
}

.nativeShare.weibo i:before {
    content: "\e607";
    color: #ff6678
}

.nativeShare.weixin i:before {
    content: "\e64d";
    color: #69c526
}

.nativeShare.weixin_timeline i:before {
    content: "\e667";
    color: #69c524
}

.nativeShare.qq i:before {
    content: "\e663";
    color: #67bef4
}

.nativeShare.qzone i:before {
    content: "\e664";
    color: #fabc3f
}

.nativeShare.copy i:before {
    content: "\e665";
    color: #d0dad9
}

#share-menu {
    text-align: center;
    margin-top: 20px;
}

#share-menu .nativeShare i {
    display: block;
    font-size: 40px;
    height: 60px;
    overflow: hidden;
    line-height: 60px;
}

.share-desc {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    display: none
}

.share-desc div {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    height: 180px;
    width: 240px;
    margin-left: -120px;
    left: 50%;
    background-color: #fff;
    border-radius: 5px;
}

.share-desc div i {
    position: absolute;
    top: -20px;
    left: 100px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #fff;
    background-image: url(../../img/mobile/tip.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
}

.share-desc div b {
    display: block;
    text-align: center;
    font-weight: 16px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.share-desc div p {
    padding: 0px 10px
}


/*购物车*/

#trolley-section .section-scroll {
    padding-bottom: 50px;
}

.trollery-lists li {
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    padding-left: 45px;
}

.trollery-checkbox {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 28px;
    width: 28px;
}

.trollery-checkbox span {
    width: 28px;
    height: 28px;
    display: block;
}

.trollery-checkbox span:before {
    font-family: Muiicons;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    color: #aaa;
    border-radius: 0;
    background: 0 0;
    -webkit-font-smoothing: antialiased;
    content: '\e411';
    display: block;
}

.trollery-checkbox.active span:before {
    content: '\e442';
    color: #1ebafd;
}

.trollery-lists li .trollery-content {
    position: relative;
}

.trollery-lists li .trollery-content img {
    width: 40%;
    float: left;
}

.trollery-lists li .trollery-content-d {
    float: left;
    width: 60%;
    padding-left: 10px;
    font-size: 12px;
}

.btn-cols-btn {
    position: fixed;
    height: 40px;
    width: 100%;
    left: 0px;
    bottom: 0px;
    background-color: #fff;
    border-top: 1px solid #ddd;
    line-height: 40px;
    font-size: 14px;
}

.btn-cols-btn .btn {
    padding: 0px 20px;
    font-size: 14px;
    color: #fff
}

.btn-cols-btn .btn.btn-primary {
    background-color: #1ebafd;
}

.btn-cols-btn .btn.btn-success {
    background-color: #46c7d6;
}

.btn-cols-btn .text {
    color: #1ebafd;
    padding: 0px 10px;
}

.trolley-footer {
    padding-left: 45px;
}

.trolley-footer .trollery-checkbox {
    top: 6px;
}

.trolley-footer .btn-success {
    display: none
}

#submitorder-section .section-scroll {
    padding-bottom: 50px;
}

#submitorder-section .lists-box {
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    padding: 10px;
    height: 45px;
}

#submitorder-section .lists-box div {
    float: left;
    width: 50%;
    color: #666;
    font-size: 14px;
    text-align: center;
}

#submitorder-section .lists-box div span.iconfont {
    color: #1ebafd
}

.submitorder-title {
    height: 40px;
    padding: 0px 10px;
    font-size: 16px;
    line-height: 40px;
}

.submit-order-d {
    background-color: #fff;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    padding: 10px;
    padding-bottom: 0px;
    position: relative;
    margin-bottom: 10px;
    overflow: auto;
}

.submit-order-d .t img {
    width: 40%;
    float: left;
}

.submit-order-d .t div {
    width: 60%;
    float: left;
    padding-left: 10px;
}

.submit-order-d .t div b {
    font-size: 14px;
    display: block;
    margin-bottom: 5px;
}

.submit-order-d .t div p {
    color: #999;
    font-size: 12px;
    height: 60px;
    display: -webkit-box;
    display: -moz-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.submit-order-d .t span {
    display: block;
    font-size: 12px;
}

.submit-order-d .d {
    margin-top: 5px;
}

.submit-order-d .d div {
    border-top: 1px solid #efefef;
    padding: 8px 0px;
    font-size: 14px;
    color: #666
}

.submit-order-d .d div span {
    float: right;
}

.submit-order-d .d div b {
    font-weight: normal;
}

.submit-order-d .d div ul {
    background-color: #f2f2f2;
    margin-top: 10px;
    height: 100px;
    overflow-y: scroll;
    display: none
}

.submit-order-d .d div ul li {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #ddd;
    padding: 0px 10px
}

#packageactivity-section .section-scroll {
    padding-bottom: 50px;
}

#packageactivity-section .lists-box {
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
    padding: 10px;
    height: 45px;
}

#packageactivity-section .lists-box div {
    float: left;
    width: 50%;
    color: #666;
    font-size: 14px;
    text-align: center;
}

#packageactivity-section .lists-box div span.iconfont {
    color: #1ebafd
}

#bindphone-section .bind-title {
    height: 44px;
    background-color: #1896EB;
}

#bindphone-section h1 {
    color: #ffffff;
}

#bindphone-section .head {
    width: 100%;
}

#bindphone-section .form {
    padding: 0px 30px;
    max-width: 600px;
    min-height: 225px;
    margin: 15px auto;
    text-align: center
}

#bindphone-section .form input {
    border-radius: 8px;
    height: 40px
}

#bindphone-section .form p {
    font-size: 16px;
    font-weight: bold;
    color: black;
    font-family: "Microsoft Yahei"
}

#bindphone-section .form p span {
    font-size: 16px;
    color: #ff6b66;
    font-family: "Microsoft Yahei"
}

#bindphone-section .guider {
    padding: 0 30px;
    max-width: 600px;
    margin: 0px auto;
}

#bindphone-section .guider h3 {
    font-size: 14px;
    color: #187EDF;
    line-height: 15px
}

#bindphone-section .guider p {
    font-size: 14px;
    line-height: 15px;
    color: #1896EB;
    padding-left: 10px
}

#bindphone-section #bind-btn {
    height: 40px;
    background-color: #1997eb;
    color: #fff;
    padding: 5px 0;
    border-radius: 18.5px;
    margin-top: 25px;
    font-size: 15px
}

#bindphone-section .footer .footerbg {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#success-section .headbox {
    margin: 0 auto;
    margin-top: 0.6rem;
    width: 5.52rem;
    height: 1.36rem;
    border-radius: 0.68rem;
    -moz-border-radius: 0.68rem;
    -webkit-border-radius: 0.68rem;
    background-color: #fff;
    position: relative
}

#success-section .headbox img {
    height: 1.61rem;
    position: absolute;
    bottom: 0.07rem;
    left: -0.3rem
}

#success-section .headbox .form {
    position: absolute;
    font-size: 0.28rem;
    left: 1.7rem;
    bottom: -0.1rem
}

#success-section .headbox .form p {
    font-weight: bold;
    color: black;
    font-family: "Microsoft Yahei"
}

#success-section .headbox .form p span {
    color: #ff6b66;
    font-family: "Microsoft Yahei";
}

#success-section .guider-no-wechat {
    padding: 0rem 0.6rem 0rem 0.6rem;
    margin: 0 auto;
}

#success-section .guider-no-wechat h1 {
    font-size: 0.3rem;
    color: #187EDF
}

#success-section .guider-no-wechat p {
    font-size: 0.24rem;
    color: #1997EB
}

#success-section .guider {
    padding: 0.2rem 0.6rem 0rem 0.6rem;
    margin: 0 auto;
}

#success-section .guider img {
    width: 6rem
}

#success-section .guider h3 {
    font-size: 0.2rem;
    color: #187DDF;
    -webkit-margin-before: 0.1rem;
    -webkit-margin-after: 0.1rem
}

#success-section .guider p {
    font-size: 0.2rem;
    color: #1896EB;
    -webkit-margin-before: 0.1rem;
    -webkit-margin-after: 0.1rem
}

#success-section #bind-btn {
    height: 0.8rem;
    background-color: #1896EB;
    color: #fff;
    padding: 0.1rem 0;
    border-radius: 0.39rem;
    margin-top: 0.5rem;
    font-size: 0.2rem
}

#success-section #go-btn {
    margin: 0 auto;
    width: 6.3rem;
    height: 0.74rem;
    text-align: center;
    line-height: 0.74rem;
    font-size: 0.3rem;
    color: #fff;
    background-color: #1997eb;
    border-radius: 0.1rem;
    cursor: pointer
}

#success-section .foot {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#success-section .foot img {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#success-section .foot .share {
    position: absolute;
    left: 0.6rem;
    bottom: 2.6rem;
    height: 4.2rem;
    width: 6.3rem;
    z-index: 3;
    font-size: 0.24rem;
    color: #828282;
}

#success-section .foot .share h2 {
    color: #1997eb;
    font-size: 0.3rem;
    text-align: center;
    line-height: 0.6rem;
}

#success-section .foot .share ul li {
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0.3rem
}

#success-section .foot .share ul li:last-child {
    border-bottom: 0
}

#success-section .foot .share #go-share-btn {
    margin: 0 auto;
    width: 2.8rem;
    height: 0.74rem;
    text-align: center;
    line-height: 0.74rem;
    font-size: 0.3rem;
    color: #fff;
    background-color: #1997eb;
    border-radius: 0.1rem;
    cursor: pointer
}

#success-section2 .headbox {
    margin: 0 auto;
    margin-top: 0.6rem;
    width: 5.52rem;
    height: 1.36rem;
    border-radius: 0.68rem;
    -moz-border-radius: 0.68rem;
    -webkit-border-radius: 0.68rem;
    background-color: #fff;
    position: relative
}

#success-section2 .headbox img {
    height: 1.61rem;
    position: absolute;
    bottom: 0.07rem;
    left: -0.3rem
}

#success-section2 .headbox .form {
    position: absolute;
    font-size: 0.28rem;
    left: 1.7rem;
    bottom: -0.1rem
}

#success-section2 .headbox .form p {
    font-weight: bold;
    color: black;
    font-family: "Microsoft Yahei"
}

#success-section2 .headbox .form p span {
    color: #ff6b66;
    font-family: "Microsoft Yahei";
}

#success-section2 .guider-no-wechat {
    padding: 0rem 0.6rem 0rem 0.6rem;
    margin: 0 auto;
}

#success-section2 .guider-no-wechat .bp{
    padding: 0rem;
    margin: 0 auto;
    font-size: 0.35rem;
    color: #1997EB;
    font-weight: bold;
}

#success-section2 .guider-no-wechat h1 {
    font-size: 0.3rem;
    color: #187EDF
}

#success-section2 .guider-no-wechat p {
    font-size: 0.24rem;
    color: #1997EB
}

#success-section2 .guider {
    padding: 0.2rem 0.6rem 0rem 0.6rem;
    margin: 0.6rem auto;
}

#success-section2 .guider img {
    width: 6rem
}

#success-section2 #go-btn {
    margin: 0 auto;
    width: 6.3rem;
    height: 0.74rem;
    text-align: center;
    line-height: 0.74rem;
    font-size: 0.3rem;
    color: #fff;
    background-color: #1997eb;
    border-radius: 0.1rem;
    cursor: pointer
}

#success-section2 .foot {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#success-section2 .foot img {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

/* 
#success-section2 .headbox {
    margin: 0 auto;
    margin-top: 0.6rem;
    width: 5.52rem;
    height: 1.36rem;
    border-radius: 0.68rem;
    -moz-border-radius: 0.68rem;
    -webkit-border-radius: 0.68rem;
    background-color: #fff;
    position: relative
}
#success-section2 .headbox img {
    height: 1.61rem;
    position: absolute;
    bottom: 0.07rem;
    left: -0.3rem
}

#success-section2 .headbox .form {
    position: absolute;
    font-size: 0.28rem;
    left: 1.7rem;
    bottom: -0.1rem
}

#success-section2 .headbox .form p {
    font-weight: bold;
    color: black;
    font-family: "Microsoft Yahei"
}

#success-section2 .headbox .form p span {
    color: #ff6b66;
    font-family: "Microsoft Yahei";
}

#success-section2 .guider-no-wechat {
    padding: 0rem 0.6rem 0rem 0.6rem;
    margin: 0 auto;
}

#success-section2 .guider-no-wechat h1 {
    font-size: 0.3rem;
    color: #187EDF
}

#success-section2 .guider-no-wechat p {
    font-size: 0.24rem;
    color: #1997EB
}

#success-section2 .guider {
    padding: 0.2rem 0.6rem 0rem 0.6rem;
    margin: 0.8rem auto;
}

#success-section2 .guider img {
    width: 6rem
}


#success-section2 #go-btn {
    margin: 0 auto;
    width: 6.3rem;
    height: 0.74rem;
    text-align: center;
    line-height: 0.74rem;
    font-size: 0.3rem;
    color: #fff;
    background-color: #1997eb;
    border-radius: 0.1rem;
    cursor: pointer
}

#success-section2 .foot {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#success-section2 .foot img {
    position: absolute;
    bottom: 0px;
    width: 100%;
} */

.test-t {
    height: 40px;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff;
    padding: 0px 10px;
    line-height: 40px;
    position: relative;
    overflow: hidden;
}

.test-t span {
    margin-right: 60px;
    display: block;
    overflow: hidden;
    font-size: 14px;
}

.test-t em {
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 12px
}

.test-t em b {
    color: #1ebafd
}

.test-info {
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    padding: 0px 10px
}

.test-info span {
    float: left;
    width: 33.33%;
    font-size: 12px;
}

.test-info span i.iconfont {
    font-size: 12px;
    color: #1ebafd
}

.test-info span:last-child {
    text-align: right;
}

.test-info span:nth-child(2) {
    text-align: center;
}

#test-section .question-view {
    background-color: rgba(0, 0, 0, 0);
}

.test-stats-bg {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 100
}

.test-stats {
    position: fixed;
    width: 240px;
    background-color: #fff;
    border-radius: 5px;
    left: 50%;
    margin-left: -120px;
    top: 50%;
    margin-top: -165px;
    background-repeat: no-repeat;
    -webkit-background-size: 143px auto;
    background-size: 143px auto;
    background-position: 48px 20px;
    padding-top: 180px;
    text-align: center;
    padding-bottom: 10px;
    z-index: 101
}

.test-stats.stats-0 {
    background-image: url(../../img/mobile/level_0.png);
}

.test-stats.stats-1 {
    background-image: url(../../img/mobile/level_1.png);
}

.test-stats.stats-2 {
    background-image: url(../../img/mobile/level_2.png);
}

.test-stats.stats-3 {
    background-image: url(../../img/mobile/level_3.png);
}

.test-stats.stats-4 {
    background-image: url(../../img/mobile/level_4.png);
}

.test-stats p {
    line-height: 24px;
}

.test-stats p b {
    display: block;
    font-weight: normal;
    color: #333;
    font-size: 14px;
}

.test-stats p span {
    color: #666;
    font-size: 12px;
}

.test-stats a {
    display: inline-block;
    width: 100px;
    font-size: 14px;
    height: 35px;
    border-radius: 10px;
    background-color: #fda813;
    color: #f58224;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.test-stats a span {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    background-color: #f9cf64;
}

.test-stats a.disabled {
    background-color: #686868;
    color: #fff
}

.test-stats a.disabled span {
    background-color: #b3b3b3;
}

.test-share-container {
    height: 200px;
    left: 0px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0px;
    display: none;
    padding-top: 20px;
    padding-bottom: 50px;
    z-index: 101
}

#test-share {
    text-align: center;
    margin-top: 20px;
}

#test-share .nativeShare i {
    display: block;
    font-size: 40px;
    height: 60px;
    overflow: hidden;
    line-height: 60px;
}

.test-share-container .test-share-close-btn {
    position: absolute;
    height: 40px;
    line-height: 40px;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: #333
}

.lottery {
    background-color: #ffe9b8;
    background-image: url(../../img/mobile/lottery-bg.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}

.lottery-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.lottery-close-btn i {
    font-size: 20px;
}

.lottery-rate {
    width: 80%;
    position: absolute;
    left: 10%;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.lottery-rate-1 {
    background-image: url(../../img/mobile/lottery_wheel1.png);
}

.lottery-rate-2 {
    background-image: url(../../img/mobile/lottery_wheel2.png);
}

.lottery-rate-3 {
    background-image: url(../../img/mobile/lottery_wheel3.png);
}

.lottery-start-menu {
    width: 18.6%;
    position: absolute;
    left: 40.7%;
    background-image: url(../../img/mobile/lottery-start.png);
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.lottery-start-menu:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    border-bottom: 20px solid #e8720e;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
}

.lottery-panel {
    width: 80%;
    margin: 0px auto;
    border-radius: 5px;
    background-color: #fff;
    margin-top: 30px;
    padding-bottom: 10px
}

.lottery-panel .t {
    text-align: center;
    font-size: 20px;
    padding: 10px 0px;
    color: #1f95a0
}

.lottery-panel .t span {
    background-image: url(../../img/mobile/lottery-icon.png);
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.lottery-panel ol li {
    padding-right: 10px;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.lottery-list ul {
    max-height: 200px;
    overflow-y: scroll;
}

.lottery-list li {
    height: 40px;
    padding: 5px 10px;
}

.lottery-list li img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    float: left;
}

.lottery-list li span,
.lottery-list li em,
.lottery-list li i {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.lottery-list li span {
    margin-left: 5px;
    width: 80px;
    overflow: hidden;
}

.lottery-list li i {
    float: right;
}

.lottery-result-bg {
    position: fixed;
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    left: 0px;
    top: 0px;
    bottom: 0px
}

.lottery-result {
    position: fixed;
    width: 80%;
    left: 10%;
    top: 100px;
    border-radius: 5px;
    padding-top: 200px;
    background-repeat: no-repeat;
    background-position: center 20px;
    background-color: #fff;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
}

.lottery-result.lottery-result-success {
    background-image: url(../../img/mobile/lottery-success.png);
}

.lottery-result.lottery-result-fail {
    background-image: url(../../img/mobile/lottery-fail.png);
    padding-top: 170px;
}

.lottery-result div {
    text-align: center;
    font-size: 14px;
}

.lottery-result div span {
    color: #f30;
    display: block;
    font-size: 16px;
    margin-top: 3px;
}

.lottery-result a {
    display: block;
    width: 70%;
    margin-left: 15%;
    height: 40px;
    line-height: 40px;
    background-color: #ff5555;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}

#mycourse-section .section-scroll {
    padding-bottom: 50px
}

#history-list li {
    background-color: #fff;
    margin: 10px 0;
}

#history-list li div.t:after {
    content: '';
    clear: both;
    width: 100%;
    height: 1px;
    display: block;
}

#history-list li img {
    width: 30%;
    height: auto;
    float: left;
}

#history-list li div.d {
    width: 70%;
    padding-left: 10px;
    float: left;
    font-size: 12px;
    color: #666
}

#history-list li i.iconfont {
    font-size: 12px;
}

#history-list li div.d a {
    display: block;
    font-size: 14px;
}

#history-list li div span {
    display: block
}

#history-list li p {
    border-top: 1px solid #e2e2e2;
    text-align: right;
    line-height: 28px;
    margin-top: 5px;
    padding-top: 5px;
    font-size: 12px;
    margin-bottom: 0px;
}

#history-list li a {
    color: #333;
}

#history-list li p span {
    float: left;
}

.video-desc-info .iconfont {
    font-size: 12px;
    margin-bottom: 5px;
}

#charge-log li {
    height: 40px;
    border-bottom: 1px solid #dedede;
    line-height: 40px;
    padding: 0px 10px;
    overflow: hidden;
    font-size: 12px
}

#charge-log li span,
#charge-log li b,
#charge-log li i {
    float: left;
    width: 33.33%
}

#charge-log li span {
    color: #666
}

#charge-log li b {
    text-align: center;
}

#charge-log li i {
    text-align: right;
}

#index-video-play {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    bottom: 0px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 10000
}

#index-video-box {
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -100px;
}

#index-video-play a {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 30px;
}

#index-video-play a .mui-icon {
    font-size: 40px;
}

#video-credits-rank-list li {
    height: 70px;
    padding: 10px;
    margin-top: 10px;
    line-height: 50px;
    background-color: #fff;
    position: relative;
}

#video-credits-rank-list li img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
}

#video-credits-rank-list li em {
    float: left;
    margin-left: 5px;
}

#video-credits-rank-list li span {
    float: right;
    color: #999;
    margin-right: 40px;
}

#video-credits-rank-list li i {
    position: absolute;
    right: 0px;
    width: 40px;
    height: 70px;
    line-height: 70px;
    top: 0px;
    background-size: auto 54px;
    background-repeat: no-repeat;
    text-align: center;
    font-size: 20px;
    color: #1ebafd;
}

#video-credits-rank-list li.vcrl-1 i {
    background-image: url(../../img/mobile/rank-sort-1.png);
    line-height: 600px;
}

#video-credits-rank-list li.vcrl-2 i {
    background-image: url(../../img/mobile/rank-sort-2.png);
    line-height: 600px
}

#video-credits-rank-list li.vcrl-3 i {
    background-image: url(../../img/mobile/rank-sort-3.png);
    line-height: 600px
}

.test-guize-div {
    padding: 10px;
    font-size: 14px;
    line-height: 26px;
}

.test-guize-div div {
    margin-bottom: 20px;
    color: #666
}

.test-guize-div div em {
    color: #00b7ee
}

.test-guize-div div p {
    color: #666
}

.test-guize-div div b {
    margin-bottom: 5px;
    display: block;
    font-size: 16px
}

.test-guize-div div ul {
    margin-left: 10px;
}

.test-guize-div div ul li {
    position: relative;
    padding-left: 15px;
}

.test-guize-div div ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #00b7ee;
    position: absolute;
    top: 10px;
    left: 0px;
}

#mycourse-cart {
    position: fixed;
    right: 20px;
    bottom: 60px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    background-color: #f90;
    z-index: 1000000;
    box-shadow: 0px 2px 10px 0px #999;
}

#mycourse-cart i.iconfont {
    font-size: 24px;
    color: #fff
}

#mycourse-cart em {
    position: absolute;
    width: 20px;
    line-height: 20px;
    background-color: #f00;
    color: #fff;
    padding: 0px 3px;
    border-radius: 20px;
    right: 0px;
    top: -3px;
    font-size: 12px;
}

.answer-result-tip {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #1ebafd;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 16px;
}

.answer-result-tip i {
    position: absolute;
    top: -20px;
    left: 20px;
}

.answer-wrong-tip i {
    background-image: url(../../img/mobile/answer-wrong.png);
    width: 50px;
    height: 90px;
    -webkit-background-size: auto 70px;
    background-size: auto 70px;
    background-repeat: no-repeat;
    background-position: center 0;
}

.answer-right-tip i {
    background-image: url(../../img/mobile/answer-right.png);
    width: 50px;
    height: 90px;
    -webkit-background-size: auto 70px;
    background-size: auto 70px;
    background-repeat: no-repeat;
    background-position: center 0;
}

#test-multiple {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -84px;
    width: 166px;
    height: 60px;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.multiple-1 {
    background-image: url(../../img/mobile/mu_1.png);
}

.multiple-2 {
    background-image: url(../../img/mobile/mu_2.png);
}

.multiple-3 {
    background-image: url(../../img/mobile/mu_3.png);
}

.multiple-4 {
    background-image: url(../../img/mobile/mu_4.png);
}

.multiple-5 {
    background-image: url(../../img/mobile/mu_5.png);
}

.index-mentality {
    height: 70px;
    background-color: #fff;
    background-image: url(../../img/mobile/mentality1.png);
    background-repeat: no-repeat;
    background-position: 10px 20px;
    -webkit-background-size: 40px auto;
    background-size: 40px auto;
    padding-left: 60px;
    margin-top: 20px;
    padding-top: 15px;
    color: #828282;
    font-size: 12px;
    position: relative;
}

.index-mentality b {
    font-size: 14px;
    color: #333
}

.index-mentality a {
    position: absolute;
    right: 5px;
    top: 20px;
    border: 1px solid #37a5ee;
    color: #37a5ee;
    border-radius: 15px;
    padding-left: 12px;
    padding-right: 27px;
    background-image: url(../../img/mobile/mentality2.png);
    background-repeat: no-repeat;
    background-position: 50px bottom;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    -webkit-background-size: 25px auto;
    background-size: 20px auto;
}

#homework-exercise-container .fs-12 {
    font-size: 12px;
}

#homework-exercise-container .icon-box {
    position: relative;
    display: inline-block;
    line-height: 20px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 5px;
}

#homework-exercise-container .icon-box .iconfont {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-left: -10px;
    font-size: 15px;
    line-height: 1;
    color: #00b7ee;
}

#homework-exercise-container .p-15 {
    padding: 15px;
}

#homework-exercise-container .answer {
    border-radius: 5px;
    border: 1px solid #ececec;
    padding-left: 63px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 16px;
    position: relative;
    margin-bottom: 20px;
    background-color: #fff;
}

#homework-exercise-container .answer .box {
    position: absolute;
    background-color: #ddd;
    top: 0;
    left: 0;
    width: 47px;
    height: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#homework-exercise-container .answer .img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#homework-exercise-container .answer-a .img {
    background: url(../../img/mobile/choice_a_blue.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .answer-a.active .img,
#homework-exercise-container .answer-a.wrong .img,
#homework-exercise-container .answer-a.right .img {
    background: url(../../img/mobile/choice_a_white.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .answer-b .img {
    background: url(../../img/mobile/choice_b_blue.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .answer-b.active .img,
#homework-exercise-container .answer-b.wrong .img,
#homework-exercise-container .answer-b.right .img {
    background: url(../../img/mobile/choice_b_white.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .answer-c .img {
    background: url(../../img/mobile/choice_c_blue.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .answer-c.active .img,
#homework-exercise-container .answer-c.wrong .img,
#homework-exercise-container .answer-c.right .img {
    background: url(../../img/mobile/choice_c_white.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .answer-d .img {
    background: url(../../img/mobile/choice_d_blue.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .answer-d.active .img,
#homework-exercise-container .answer-d.wrong .img,
#homework-exercise-container .answer-d.right .img {
    background: url(../../img/mobile/choice_d_white.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .answer.active {
    border-color: #00b7ee;
}

#homework-exercise-container .answer.active .box {
    background-color: #00b7ee;
}

#homework-exercise-container .answer.wrong {
    border-color: #ff7272;
}

#homework-exercise-container .answer.wrong .box {
    background-color: #ff7272;
}

#homework-exercise-container .answer.right {
    border-color: #47e097;
}

#homework-exercise-container .answer.right .box {
    background-color: #47e097;
}

#homework-exercise-container .answer.right .mark {
    position: absolute;
    background: url(../../img/mobile/right.png) no-repeat;
    background-size: cover;
    width: 33px;
    height: 32px;
    right: -10px;
    bottom: -10px;
}

#homework-exercise-container .answer.wrong .mark {
    position: absolute;
    width: 29px;
    height: 30px;
    right: -10px;
    bottom: -12px;
    background: url(../../img/mobile/wrong.png) no-repeat;
    background-size: cover;
}

#homework-exercise-container .detail {
    display: none;
}

#homework-exercise-container .btn {
    display: inline-block;
    font-size: 15px;
    border-radius: 5px;
    border: 1px solid #00b7ee;
    background-color: #fff;
    color: #00b7ee;
    width: 93px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

#homework-exercise-container .btn.btn-blue {
    color: #fff;
    background-color: #00b7ee;
}

#homework-exercise-container img {
    display: block;
    max-width: 100%
}

#homework-exercise-container #MathJax_Message {
    display: none
}

#homework-exercise-container p {
    color: #333;
}

.index-mentality a {
    position: absolute;
    right: 5px;
    top: 20px;
    border: 1px solid #37a5ee;
    color: #37a5ee;
    border-radius: 15px;
    padding-left: 12px;
    padding-right: 27px;
    background-image: url(../../img/mobile/mentality2.png);
    background-repeat: no-repeat;
    background-position: 50px bottom;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    -webkit-background-size: 25px auto;
    background-size: 20px auto;
}

.mui-bar-white {
    background-color: #fff !important;
    border-bottom: 1px solid #a7a7a7 !important;
}

.mui-bar-white a {
    color: #333 !important;
}

.mui-bar-white .mui-title {
    color: #333 !important
}

.hc-tab {
    color: #00aaf5;
    border: 1px solid #00aaf5;
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: 160px;
    margin: 0px auto;
    margin-top: 6px;
    position: relative;
    overflow: hidden;
}

.hc-tab i {
    width: 80px;
    position: absolute;
    left: 0px;
    background-color: #00aaf5;
    height: 30px;
    border-radius: 29px;
    z-index: 99
}

.hc-tab a {
    z-index: 100;
    position: absolute;
    width: 80px;
    height: 30px;
    top: 0px;
    right: 0px;
}

.hc-tab a:first-child {
    left: 0px;
}

.hc-tab a.active {
    color: #fff !important
}

.hc-container {
    margin-top: 55px;
}

.hc-li ul li {
    border-bottom: 1px solid #dedede;
    padding: 10px;
    padding-left: 60px;
    position: relative;
    background-color: #fff;
}

.hc-li ul li .t {
    margin-bottom: 10px;
}

.hc-li ul li .comment {
    background-color: #f2f2f2;
    position: relative;
    padding: 10px;
    padding-left: 60px;
}

.hc-li ul li .left {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.hc-li ul li .left i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    background-color: #00aaf5;
    display: block;
    color: #fff
}

.hc-li ul li .left img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}

.hc-li ul li b {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 3px;
    display: block;
}

.hc-li ul li b i {
    color: #00aaf5
}

.hc-li ul li p {
    font-size: 14px;
    color: #666;
    margin-bottom: 3px;
}

.hc-li ul li span {
    font-size: 14px;
    color: #999
}

.hc-li ul li span i {
    float: right;
}

.hc-li ul li span i:before {
    margin-right: 3px;
    font-size: 14px;
}

.hc-send-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: #00aaf5;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.hs-container {
    margin-top: 54px;
}

#homework-send-popover {
    width: 140px;
}

#homework-send-popover ul li {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.hs-container textarea {
    border: none;
    height: 200px;
}

.hr-container {
    padding-top: 44px
}

.hr-container .t {
    background-color: #00b7ee;
    height: 180px;
    text-align: center;
    padding-top: 20px
}

.hr-container .t div.img {
    width: 80px;
    height: 80px;
    background-image: url(../../img/mobile/rank-3-top.png);
    -webkit-background-size: 80px auto;
    background-size: 80px auto;
    padding: 10px;
    background-repeat: no-repeat;
    background-position: 0 3px;
    margin: 0px auto
}

.hr-container .t div.img img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #fff
}

.hr-container .t b {
    display: block;
    font-weight: normal;
    color: #fff;
}

.hr-container .t span {
    color: #fff;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

.hr-container .t span i {
    font-size: 18px;
    color: #ffe0a8
}

.hr-container ul {
    margin: 10px;
}

.hr-container ul li {
    background-color: #fff;
    height: 60px;
    padding: 10px;
    line-height: 40px;
    margin-bottom: 10px;
}

.hr-container ul li img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    float: left;
}

.hr-container ul li b {
    float: left;
    width: 40%;
    font-weight: normal;
    font-weight: 14px;
    margin-left: 10px;
}

.hr-container ul li i {
    float: left;
    font-size: 12px;
    color: #6a6a6a
}

.hr-container ul li em {
    float: right;
    font-size: 22px;
    color: #00b7ee
}

.hqs-submit-tip {
    text-align: center;
}

.hqs-submit-tip a {
    padding: 5px 30px;
    background-color: #00aaf5;
    color: #fff;
    border-radius: 40px;
    font-size: 14px;
    margin-top: 20px;
    display: inline-block;
}

.index-newYear {
    width: 100%;
    margin-top: 20px;
}

.index-newYear a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.index-newYear a i {
    position: absolute;
    width: 73px;
    height: 61px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(../../img/mobile/bainian/image_purse.png);
    top: -10px;
    right: 15px;
    -webkit-animation: newYearBanner 3s infinite linear;
}

@-webkit-keyframes newYearBanner {
    0% {
        -webkit-transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(30deg);
    }
    10% {
        -webkit-transform: rotate(0deg);
    }
    15% {
        -webkit-transform: rotate(-30deg);
    }
    20% {
        -webkit-transform: rotate(0deg);
    }
    22% {
        -webkit-transform: rotate(20deg);
    }
    24% {
        -webkit-transform: rotate(0deg);
    }
    26% {
        -webkit-transform: rotate(-20deg);
    }
    27% {
        -webkit-transform: rotate(0deg);
    }
    28% {
        -webkit-transform: rotate(10deg);
    }
    29% {
        -webkit-transform: rotate(0deg);
    }
    30% {
        -webkit-transform: rotate(-10deg);
    }
    31% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

.mui-input-group .mui-input-row:last-child:after {
    display: none;
}

#login-reg-section .mui-input-group:before,
#login-reg-section .mui-input-group:after,
#login-section .mui-input-group:before,
#login-section .mui-input-group:after,
#login-forgot-section .mui-input-group:before,
#login-forgot-section .mui-input-group:after {
    display: none;
}

#login-reg-section .mui-input-group .mui-input-row,
#login-section .mui-input-group .mui-input-row,
#login-forgot-section .mui-input-group .mui-input-row {
    padding-left: 40px;
}

#login-reg-section .mui-input-group .mui-input-row:after,
#login-section .mui-input-group .mui-input-row:after,
#login-forgot-section .mui-input-group .mui-input-row:after {
    left: 45px;
}

#login-reg-section .mui-bar-nav.mui-bar .mui-icon,
#login-section .mui-bar-nav.mui-bar .mui-icon {
    color: #fff;
}

img#weixing1 {
    animation: weixing1 5s linear infinite;
    -webkit-animation: weixing1 5s linear infinite;
    -moz-animation: weixing1 5s linear infinite;
}

@-moz-keyframes weixing1 {
    0% {
        bottom: 100px;
    }
    50% {
        bottom: 80px;
    }
    100% {
        bottom: 100px;
    }
}

@-webkit-keyframes weixing1 {
    0% {
        bottom: 100px;
    }
    50% {
        bottom: 80px;
    }
    100% {
        bottom: 100px;
    }
}

@keyframes weixing1 {
    0% {
        bottom: 100px;
    }
    50% {
        bottom: 80px;
    }
    100% {
        bottom: 100px;
    }
}

img#weixing2 {
    -webkit-animation: weixing2 7s linear infinite;
    -moz-animation: weixing2 7s linear infinite;
    animation: weixing2 7s linear infinite;
}

@-moz-keyframes weixing2 {
    0% {
        bottom: 60px;
    }
    50% {
        bottom: 80px;
    }
    100% {
        bottom: 60px;
    }
}

@-webkit-keyframes weixing2 {
    0% {
        bottom: 60px;
    }
    50% {
        bottom: 80px;
    }
    100% {
        bottom: 60px;
    }
}

@keyframes weixing2 {
    0% {
        bottom: 60px;
    }
    50% {
        bottom: 80px;
    }
    100% {
        bottom: 60px;
    }
}

img#weixing3 {
    -webkit-animation: weixing3 15s linear infinite;
    -moz-animation: weixing3 15s linear infinite;
    animation: weixing3 15s linear infinite;
}

@-moz-keyframes weixing3 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes weixing3 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes weixing3 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

header.mui-bar-nav .mui-title {
    color: #333;
}

header.mui-bar-nav {
    background-color: #fff;
}

.mui-bar-nav.mui-bar .mui-icon {
    color: #878787;
}

.mui-table-view {
    font-size: 14px;
}

.mui-table-view:before,
.mui-table-view:after {
    display: none;
}

#setting-section .mui-table-view-cell:after,
#profile-section .mui-table-view-cell:after {
    left: 0;
}

.mui-navigate-right.no-right-icon:after {
    display: none;
}

.mui-btn.mui-btn-block.mui-btn-primary {
    border-radius: 20px;
    font-size: 16px;
    background-color: #1997eb;
    padding: 6px 0;
}

.mui-input-group .mui-input-row input {
    font-size: 14px;
}

#sex-pop {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
}

#sex-pop-box {
    background-color: #fff;
    height: 180px;
    position: absolute;
    left: 20px;
    right: 20px;
    top: 50%;
    margin-top: -90px;
    border-radius: 10px;
    text-align: center;
}

#sex-pop-box .title {
    margin-top: 15px;
    font-size: 16px;
}

#sex-pop-box .btn {
    display: inline-block;
    font-size: 14px;
    background-color: rgb(25, 151, 235);
    color: #fff;
    padding: 6px 35px;
    border-radius: 5px;
    margin-top: 10px;
}

#sex-pop-box .left,
#sex-pop-box .right {
    width: 50%;
    float: left;
}

#sex-pop-box img {
    width: 50px;
    display: none;
}

#bowen {
    overflow: hidden;
}

#bowen .bowen1,
#bowen .bowen2,
#bowen .bowen3,
#bowen .bowen4 {
    position: absolute;
    bottom: -40px;
    left: 0;
    height: 100px;
    width: 750px;
}

#bowen .bowen1 {
    -webkit-animation: bowen 10s infinite linear;
    -moz-animation: bowen 10s infinite linear;
    animation: bowen 10s infinite linear;
    background: url("../../img/mobile/bowen1.png") repeat-x;
    background-size: contain;
    bottom: -55px;
}

#bowen .bowen2 {
    -webkit-animation: bowen 8s infinite linear;
    -moz-animation: bowen 8s infinite linear;
    animation: bowen 8s infinite linear;
    background: url("../../img/mobile/bowen2.png") repeat-x;
    background-size: contain;
    bottom: -55px;
}

#bowen .bowen3 {
    -webkit-animation: bowen 6s infinite linear;
    -moz-animation: bowen 6s infinite linear;
    animation: bowen 6s infinite linear;
    background: url("../../img/mobile/bowen3.png") repeat-x;
    background-size: contain;
}

#bowen .bowen4 {
    -webkit-animation: bowen 4s infinite linear;
    -moz-animation: bowen 4s infinite linear;
    animation: bowen 4s infinite linear;
    background: url("../../img/mobile/bowen4.png") repeat-x;
    background-size: contain;
}

@-webkit-keyframes bowen {
    0% {
        left: 0;
    }
    100% {
        left: -375px;
    }
}

@-moz-keyframes bowen {
    0% {
        left: 0;
    }
    100% {
        left: -375px;
    }
}

@keyframes bowen {
    0% {
        left: 0;
    }
    100% {
        left: -375px;
    }
}

.hm-btn a {
    width: 65px;
    margin: 10px 5px;
}

.hm-btn a i {
    width: 65px;
}

.hm-btn-class {
    background-color: #f45b5c;
}

#question-detail-section header.mui-bar-nav {
    background-color: #1ebafd;
}

#question-detail-section .mui-bar-nav.mui-bar .mui-icon {
    color: #fff;
}

#quan-section .tab {
    overflow: hidden;
}

#quan-section .item {
    float: left;
    width: 33.3%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    text-align: center;
    position: relative;
    background-color: #fff;
}

#quan-section .item.active {
    color: #1997eb;
}

#quan-section .item:after {
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    border-bottom: 2px solid #1997eb;
}

#quan-section .item.active:after {
    display: block;
}

#quan-section header.mui-bar-nav {
    border-bottom: 1px solid #ececec;
}

#quan-section input {
    width: 200px;
    height: 40px;
    font-size: 15px;
    border-radius: 10px 0 0 10px;
}

#quan-section .input-line {
    text-align: center;
    margin-top: 20px;
}

#quan-section .confirm {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    padding: 0 15px;
    background-color: #1997eb;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    border-radius: 0 10px 10px 0;
}

#quan-section .quan-item {
    margin: 10px 10px 20px;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
}

#quan-section .img {
    background-repeat: repeat-x;
    height: 11px;
    background-size: contain;
    border-radius: 15px 15px 0 0;
}

#quan-section .data {
    color: #ff9741;
    line-height: 1;
    padding-left: 15px;
    padding-top: 25px;
}

#quan-section .qian {
    display: inline-block;
    vertical-align: bottom;
    font-size: 25px;
}

#quan-section .num {
    display: inline-block;
    vertical-align: bottom;
    font-size: 40px;
    width: 80px;
    text-align: center;
}

#quan-section .quan-box {
    display: inline-block;
    vertical-align: bottom;
    font-size: 15px;
}

#quan-section .item-you {
    color: #333;
    font-size: 15px;
    margin-bottom: 15px;
}

#quan-section .tip {
    font-size: 13px;
}

#quan-section .date {
    font-size: 12px;
    padding-left: 12px;
    padding-bottom: 10px;
    color: #999;
    margin-top: 30px;
}

#quan-section .quan-item img {
    position: absolute;
    right: 10px;
    width: 63px;
    top: 42px;
}

#quan-section .quan-item img.status {
    width: 47px;
    height: 47px;
    right: 0;
    bottom: 0;
    top: auto;
}

#quan-section .list2 .data,
#quan-section .list3 .data {
    color: #b2b2b2;
}

#quan-section .list2 .date,
#quan-section .list3 .date {
    color: #a2a2a1;
}

#quan-section .list2 .item-you,
#quan-section .list3 .item-you {
    color: #4f4f4e;
}

#quan-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

#quan-pop .pop-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    height: 254px;
    margin-top: -127px;
    background-color: #fff;
    border-radius: 15px;
    font-size: 13px;
    padding: 0 15px;
}

#quan-pop img {
    width: 240px;
    margin: 20px auto;
    display: block;
}

#quan-pop .head {
    position: absolute;
    top: 35px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #fee352;
    left: 0;
}

#quan-pop .tip {
    font-size: 12px;
    margin-top: 30px;
    color: #fd5745;
}

#quan-pop .iconfont {
    position: absolute;
    right: 0px;
    top: -30px;
    font-size: 20px;
    color: #fff;
}

.hm-empty {
    color: #1997eb;
    background-image: url(../../img/mobile/zuoye_wu.png);
    -webkit-background-size: 130px auto;
    background-size: 130px auto;
}

#charge-top {
    background: none;
}

#charge-top span {
    background-image: none;
    background-color: #00aaf5;
}

#submitorder-section .cjb-paybox {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    padding: 15px 10px;
    font-size: 14px;
}

#submitorder-section .pay-data {
    font-size: 12px;
    color: #f60;
}

#submitorder-section .switch {
    position: absolute;
    width: 45px;
    height: 28px;
    right: 10px;
    top: 20px;
}

#submitorder-section .pay-list-head {
    margin-top: 15px;
    padding-left: 10px;
    font-size: 15px;
    margin-bottom: 5px;
}

#submitorder-section .list {
    background-color: #fff;
    font-size: 14px;
}

#submitorder-section .list-item {
    border-bottom: 1px solid #ececec;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    position: relative;
}

#submitorder-section .list .icon-zhifubao-copy-copy-copy,
#submitorder-section .list .icon-weixin {
    vertical-align: middle;
    font-size: 35px;
    margin-right: 15px;
    color: #1ebafd;
}

#submitorder-section .list .icon-weixin {
    color: #64c82a;
}

#submitorder-section .list .icon-weixuanzhong {
    font-size: 20px;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 13px;
    color: #ccc;
}

#submitorder-section .list .icon-weixuanzhong.active {
    color: #1ebafd;
}

#submitorder-section .quan-box {
    display: none;
    margin-top: 10px;
    height: 40px;
    background-color: #fff;
    font-size: 15px;
}

#submitorder-section .quan {
    overflow: hidden;
}

#submitorder-section .yhq {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

#submitorder-section .yh {
    font-size: 13px;
    float: right;
    margin-top: 10px;
}

#submitorder-section .quan .iconfont {
    float: right;
    margin-top: 13px;
    color: #999;
    margin-left: 5px;
    margin-right: 10px;
}

#packageactivity-section .cjb-paybox {
    position: relative;
    margin-top: 10px;
    background-color: #fff;
    padding: 15px 10px;
    font-size: 14px;
}

#packageactivity-section .pay-data {
    font-size: 12px;
    color: #f60;
}

#packageactivity-section .switch {
    position: absolute;
    width: 45px;
    height: 28px;
    right: 10px;
    top: 20px;
}

#packageactivity-section .pay-list-head {
    margin-top: 15px;
    padding-left: 10px;
    font-size: 15px;
    margin-bottom: 5px;
}

#packageactivity-section .list {
    background-color: #fff;
    font-size: 14px;
}

#packageactivity-section .list-item {
    border-bottom: 1px solid #ececec;
    height: 45px;
    line-height: 45px;
    padding-left: 10px;
    position: relative;
}

#packageactivity-section .list .icon-zhifubao-copy-copy-copy,
#packageactivity-section .list .icon-weixin {
    vertical-align: middle;
    font-size: 35px;
    margin-right: 15px;
    color: #1ebafd;
}

#packageactivity-section .list .icon-weixin {
    color: #64c82a;
}

#packageactivity-section .list .icon-weixuanzhong {
    font-size: 20px;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 13px;
    color: #ccc;
}

#packageactivity-section .list .icon-weixuanzhong.active {
    color: #1ebafd;
}

#packageactivity-section .quan-box {
    display: none;
    margin-top: 10px;
    height: 40px;
    background-color: #fff;
    font-size: 15px;
}

#packageactivity-section .quan {
    overflow: hidden;
}

#packageactivity-section .yhq {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

#packageactivity-section .yh {
    font-size: 13px;
    float: right;
    margin-top: 10px;
}

#packageactivity-section .quan .iconfont {
    float: right;
    margin-top: 13px;
    color: #999;
    margin-left: 5px;
    margin-right: 10px;
}

.switch {
    position: relative;
    border-radius: 13px;
    background-color: #666;
    border: 1px solid #666;
}

.switch.active {
    background-color: #1ebafd;
    border: 1px solid #1ebafd;
}

.switch:after {
    position: absolute;
    left: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    content: '';
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.switch.active:after {
    left: 17px;
}

#order-quan-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

#order-quan-pop .box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
}

#order-quan-pop .box {
    text-align: center;
    padding-top: 15px;
    font-size: 15px;
}

#order-quan-pop .head {
    padding-bottom: 20px;
}

#order-quan-pop .pop-quan-list {
    text-align: left;
}

#order-quan-pop .order-quan-item {
    padding: 10px;
    font-size: 14px;
    position: relative;
}

#order-quan-pop .filter {
    display: inline-block;
    width: 140px;
}

#order-quan-pop .date {
    font-size: 12px;
    color: #666;
}

#order-quan-pop .iconfont {
    position: absolute;
    top: 25px;
    right: 10px;
    font-size: 19px;
    color: #999;
}

#order-quan-pop .active .iconfont {
    color: #1ebafd;
}

#order-quan-pop .btn {
    height: 40px;
    background-color: #1ebafd;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}

header.mui-bar-nav a {
    color: #333
}

header.mui-bar-nav .mui-btn-link {
    color: #666;
    font-size: 14px;
}

#message-section .mui-table-view-cell:after {
    left: 0;
}

#credits-menu {
    height: 100px;
    background-color: #d7edfc;
    padding-top: 10px;
    font-size: 14px;
}

#credits-menu img {
    width: 30px;
    display: inline-block;
    position: relative;
    top: 6px;
    margin-right: 10px;
}

#credits-menu>div {
    width: 250px;
    margin: 0 auto;
    border-radius: 15px;
    height: 30px;
    background-color: #fff;
    line-height: 1;
    text-align: left;
}

#credits-menu .input {
    display: inline-block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    border: none;
    margin-bottom: 0;
    padding: 0;
    margin-left: 15px;
    font-size: 12px;
}

#credits-menu .iconfont {
    color: #61b8f1;
}

#credits-section .item {
    text-align: center;
    width: 25%;
    float: left;
    font-size: 13px;
    padding: 15px 0;
    background-color: #fff;
}

#credits-section .iconfont {
    font-size: 20px;
    vertical-align: middle;
}

#credits-section .list,
#credits-section .list2,
#credits-more-section .list,
#credits-collect-section .list {
    padding: 0 10px;
    overflow: hidden;
}

#credits-more-section .list,
#credits-collect-section .list {
    padding-top: 10px;
}

#credits-section .list-item,
#credits-search-section .item,
#credits-more-section .item,
#credits-collect-section .item {
    float: left;
    width: 50%;
    padding-right: 5px;
    text-align: center;
    margin-bottom: 15px;
    position: relative;
}

#credits-section .list-item:nth-child(even),
#credits-search-section .item:nth-child(even),
#credits-more-section .item:nth-child(even),
#credits-collect-section .item:nth-child(even) {
    padding-left: 5px;
    padding-right: 0;
}

#credits-section .list-item>div,
#credits-search-section .item>div,
#credits-more-section .item>div,
#credits-collect-section .item>div {
    background-color: #fff;
    border-radius: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#credits-section .list-item img,
#credits-search-section .item img,
#credits-more-section .item img,
#credits-collect-section .item img {
    width: 100px;
    height: 100px;
}

#credits-section .list-item .head,
#credits-search-section .item .head,
#credits-more-section .item .head,
#credits-collect-section .item .head {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    margin: 5px 0;
    text-overflow: ellipsis;
    padding: 0 10px;
}

#credits-section .list-item .content,
#credits-search-section .item .content,
#credits-more-section .item .content,
#credits-collect-section .item .content {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#credits-search-section .input-box,
#credits-collect-section .input-box {
    background-color: #fff;
    padding: 10px 10px 5px;
    text-align: center;
}

#credits-search-section .input-box>div,
#credits-collect-section .input-box>div {
    width: 260px;
    height: 30px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 15px;
    border: none;
    background-color: #ededed;
    line-height: 30px;
    font-size: 12px;
    padding: 0 0 0 15px;
    text-align: left;
}

#credits-search-section .input-box input,
#credits-collect-section .input-box input {
    background-color: transparent;
    height: 30px;
    border: none;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 30px;
    padding-left: 0;
    width: 210px;
    display: inline-block;
}

#credits-search-section .input-box .mui-pull-right {
    color: #666;
    font-size: 14px;
    margin-top: 4px;
}

#credits-search-section .history-list {
    display: none;
}

#credits-search-section .history-list-head {
    overflow: hidden;
    padding: 15px;
    font-size: 12px;
    color: #999;
}

#credits-search-section .history-list-item {
    background-color: #fff;
    padding-left: 15px;
    height: 40px;
    line-height: 40px;
    position: relative;
}

#credits-search-section .history-list-item:after {
    content: '';
    position: absolute;
    left: 15px;
    border-bottom: 1px solid #ececec;
    bottom: 0;
    width: 100%;
}

#credits-search-section .history-list-item:last-child:after {
    display: none;
}

#credits-search-section .search-data {
    overflow: hidden;
    padding: 15px;
}

#credits-more-section .choose-item.active {
    color: #1997eb;
}

#credits-province-section .mui-table-view-cell:after,
#credits-city-section .mui-table-view-cell:after,
#credits-area-section .mui-table-view-cell:after {
    left: 0;
}

.mycourse-chapter-div span,
.mycourse-chapter-div span.v {
    border-color: #e5e5e5;
}

.mycourse-chapter-div span.v strong {
    background-color: #ffc400;
}

#course-section header.mui-bar-nav,
#mycourse-section header.mui-bar-nav {
    background-color: #1ebafd;
}

#course-section header.mui-bar-nav .mui-title,
#course-section .mui-bar-nav.mui-bar .mui-icon,
#course-section header.mui-bar-nav .mui-title a,
#mycourse-section header.mui-bar-nav .mui-title {
    color: #fff;
}

#course-detail-section header.mui-bar-nav,
#rank-section header.mui-bar-nav {
    border-bottom: 1px solid #dedede;
}

.hl-container ul li .d div a {
    color: #99a5bf;
    border-color: #99a5bf;
}

.hl-container ul li i.iconfont {
    z-index: 111;
}

#homework-list-section header.mui-bar-nav,
#homework-exercise-section header.mui-bar-nav {
    z-index: 1111;
}

#homework-video-section .section-scroll {
    background-color: #fff;
}

#rank-section #rank-scroll .item>div {
    margin: 100px auto 0;
    border-radius: 10px;
    width: 220px;
    height: 300px;
    text-align: center;
    box-shadow: 0 0 35px 2px rgba(167, 220, 255, 0.6);
    position: relative;
    padding-top: 50px;
}

#statistics-section .header {
    overflow: hidden;
    background-color: #1897eb;
    height: 44px;
    color: #fff;
    line-height: 44px;
    font-size: 15px;
    text-align: center;
}

#statistics-section .header span {
    width: 50%;
    margin-right: 20px;
    display: block;
    float: right;
    height: 44px;
}

#statistics-section .header span.active {
    border-bottom: 3px solid #fff;
}

#statistics-section .time-range {
    background-color: #1897eb;
    height: 40px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 40px;
    color: #ccc;
    overflow: auto;
}

#statistics-section .time-range .active {
    color: #fff;
}

#statistics-section .time-range span {
    display: inline-block;
    margin: 0 10px;
}

#statistics-section .head-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#statistics-section .mui-content {
    padding-top: 84px;
}

#statistics-section .total-data {
    position: absolute;
    top: -101px;
    left: 20px;
    right: 20px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 17px 3px rgba(24, 151, 235, .34);
    -webkit-box-shadow: 0 0 17px 3px rgba(24, 151, 235, .34);
    box-shadow: 0 0 17px 3px rgba(24, 151, 235, .34);
}

#statistics-section .defeat-box {
    background-color: #d1eafb;
    border-radius: 10px 10px 0 0;
    padding: 10px 0;
    height: 102px;
}

#statistics-section svg {
    width: 82px;
    display: block;
    margin: 0 auto;
}

#statistics-section .data-list {
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    font-size: 12px;
    padding: 10px 0;
    text-align: center;
}

#statistics-section .data-list .item {
    float: left;
    width: 33%;
}

#statistics-section .data-list .item-box1 {
    color: #f88a6f;
}

#statistics-section .data-list .item-box2 {
    color: #f7b547;
}

#statistics-section .data-list .item-box3 {
    color: #3bc5d0;
}

#statistics-section .data-list .item span:first-child {
    font-size: 20px;
}

#statistics-section .map-item {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 15px;
    color: #1897eb;
}

#statistics-section .map-item.active {
    background-color: #1897eb;
    color: #fff;
}

.mui-table-view.mui-grid-view {
    overflow: hidden;
}

.mui-table-view.mui-grid-view .mui-table-view-cell {
    float: left;
}

.mui-grid-view.mui-grid-9:before {
    display: none;
}

#message-section header.mui-bar-nav {
    border: 1px solid #ececec;
}

.slider-checkbox {
    top: 0;
}

#spark-background {
    width: 100%;
    /* height: 100%; */
    /* background: url(../../img/mobile/spark/background.png) no-repeat; */
    background-image: url(../../img/mobile/spark/background.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
}

.spark-check-success {
    position: relative;
    width: 100%;
    /* height: 100%; */
    /* background: url(../../img/mobile/spark/background.png) no-repeat; */
    background-image: url(../../img/mobile/spark/checksuccess.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
}

.spark-check-success .spark-check-successmsg {
    position: absolute;
    top: 23%;
    left: 7.5%;
    width: 85%;
    height: 17%;
    /* background: url(../../img/mobile/spark/background.png) no-repeat; */
    background-image: url(../../img/mobile/spark/checksuccessmsg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

.spark-check-success .spark-check-successbm {
    position: absolute;
    top: 40%;
    width: 100%;
    height: 60%;
    /* background: url(../../img/mobile/spark/background.png) no-repeat; */
    background-image: url(../../img/mobile/spark/checksuccessbm.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

#spark-background .spark-list {
    position: relative;
    top: 23%;
    width: 100%;
    height: 77%;
    /* background: url(../../img/mobile/spark/background.png) no-repeat; */
    background-image: url(../../img/mobile/spark/list.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    /* display: none; */
}

#spark-background .spark-list .spark-list-ul {
    position: absolute;
    margin: 3% 13%;
    width: 75%;
}

#spark-background .spark-list .spark-list-ul li {
    margin: 0;
    padding: 0;
    margin-top: 1.7%;
    position: relative;
    color: #959595;
    /* color: red; */
}

#spark-background .spark-list .spark-list-ul li input {
    font-size: 14px;
}

#spark-background .spark-list .spark-list-ul li button {
    font-size: 12px;
}


/* #spark-background .placehoderclass {
    color: red;
} */

#spark-background .spark-list .spark-list-ul li span {
    display: block;
    bottom: 0;
    padding: 4px 0;
    position: absolute;
    left: 0;
    top: 20%;
    text-align: center;
    height: 100%;
    width: 15%;
}

#spark-background .spark-list .spark-list-ul .select {
    width: 45%;
    padding-left: 0;
    display: inline-block;
    margin-bottom: 0;
}

#spark-background .spark-list .spark-list-ul .city-slt-value {
    text-align: left;
    padding: 0 0 0 0;
}

#spark-background .spark-list .spark-list-ul .spark-list-input {
    display: block;
    padding-left: 15%;
    margin: 0px;
    background-color: rgb(245, 243, 243);
    border-color: rgb(245, 243, 243);
}

#spark-background .spark-list .spark-list-ul .spark-list-input .province-slt {
    background-color: rgb(245, 243, 243);
}

#spark-background .spark-list .spark-list-ul .spark-list-input .city-slt {
    background-color: rgb(245, 243, 243);
}

#spark-background .spark-list .spark-list-ul .spark-list-input111 {
    width: 66%;
}

#spark-background .spark-list .spark-list-ul .spark-list-btn {
    width: 32%;
    background-color: rgb(63, 97, 195);
    color: rgb(245, 243, 243);
    right: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    padding: auto;
}

#spark-background .spark-list .spark-list-ul .spark-bottom-btn {
    margin-top: 4px;
    background-color: rgb(63, 97, 195);
    color: rgb(245, 243, 243);
    height: 100%;
    width: 100%;
    padding: auto;
}

#spark-background .spark-list .bottom-span {
    height: 20px;
    text-align: center;
    color: rgb(43, 90, 224);
    font-size: 12px;
}

#spark-background .spark-check {
    position: relative;
    top: 30%;
    width: 60%;
    height: 60%;
    margin: auto;
    display: none;
}

#spark-background .spark-check .check-p-top p {
    font-size: 32px;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    color: rgb(63, 97, 195);
    padding: 0 auto;
}

#spark-background .spark-check .check-time {
    width: 170px;
    height: 170px;
    margin: 0 auto;
    background-image: url(../../img/mobile/spark/yuan.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
}

#spark-background .spark-check span {
    display: block;
    text-align: center;
    color: rgb(63, 97, 195);
    width: 170px;
    height: 30px;
    position: absolute;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
    /* text-baseline: middle; */
}

#spark-background .spark-check .check-p-bottom p {
    font-size: 16px;
    text-align: center;
    line-height: 48px;
    color: rgb( 43, 90, 224);
    padding: 0 auto;
}

#spark-success-bg {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
    background-image: url(../../img/mobile/spark/success.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
}

#spark-success-bg .spark-success-text {
    position: absolute;
    top: 20%;
    left: 8%;
    width: 84%;
    height: 20%;
    border: 2px solid rgb(63, 97, 195);
    border-radius: 1px;
    background-color: #fff;
    text-align: center;
}

#spark-success-bg .spark-success-text .spark-pppp {
    width: 90%;
    height: 80%;
    margin: 2% auto;
}

#spark-success-bg .spark-success-text .spark-pppp p {
    margin-top: 2px;
}

#spark-success-bg .spark-success-text p {
    text-align: left;
    margin: 0;
    color: rgb(63, 97, 195);
    line-height: 18px;
    font-size: 14px;
}

#spark-success-bg .spark-success-btn {
    position: absolute;
    top: 42%;
    left: 8%;
    width: 84%;
    height: 6%;
}

#spark-success-bg .spark-success-btn .spark-btn {
    width: 100%;
    height: 100%;
    background-color: rgb(63, 97, 195);
    color: #fff;
}

#spark-success-bg .spark-success-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 49%;
    background-image: url(../../img/mobile/spark/successbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%
}

#spark-success-bg .spark-success-botton-text {
    position: absolute;
    bottom: 30%;
    left: 40%;
    height: 16%;
    transform: scale(0.7, 0.7);
}

#spark-success-bg .spark-success-botton-text p {
    text-align: left;
    margin: 0;
    font-size: 16px;
    color: rgb(63, 97, 195);
    font-weight: bold;
}

#spark-success-bg .spark-success-botton-text p span {
    font-weight: normal;
}

#spark-success-bg .spark-success-botton-text .spark-last {
    text-align: left;
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    color: rgb(63, 97, 195);
}

.spark-success-bg2 {
    position: absolute;
    z-index: 100;
    top: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    display: none;
}

.spark-success-bg2 .spark-class {
    position: relative;
    top: 10%;
    left: 8%;
    width: 84%;
    height: 84%;
    background-color: #fff;
}

.spark-success-bg2 .spark-class-top {
    position: relative;
    width: 100%;
    height: 10%;
    background-color: rgb(63, 97, 195);
    font-size: 14px;
    margin-bottom: 0;
}

.spark-success-bg2 .spark-class-top p {
    height: 100%;
    width: 100%;
    margin: 0;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
}

.spark-success-bg2 .spark-class .spark-class-top button {
    height: 100%;
    position: absolute;
    right: 0;
    border: 0;
    background-color: rgb(63, 97, 195);
    font-size: 16px;
    color: #fff;
}

.spark-success-bg2 .spark-class ul {
    margin: 0;
    padding: 0;
    width: 92%;
    height: 82%;
    position: absolute;
    left: 4%;
}


/*.spark-success-bg2 .spark-class .spark-class-text {

}*/

.spark-success-bg2 .spark-class ul .spark-class-text-p-top {
    width: 100%;
    height: 8%;
    margin: 2px auto;
}

.spark-success-bg2 .spark-class ul .spark-class-text-p-top p {
    text-align: center;
    font-size: 15px;
}

.spark-success-bg2 .spark-class ul li .spark-class-text-p1 {
    display: inline-block;
    position: absolute;
    left: 0;
}

.spark-success-bg2 .spark-class ul li .spark-class-text-p1 a {
    color: rgb(63, 97, 195);
}

.spark-success-bg2 .spark-class ul li .spark-class-text-p2 {
    display: inline-block;
    position: absolute;
    left: 40%;
}

.spark-success-bg2 .spark-class ul li .spark-class-link {
    display: none;
}

.spark-success-bg2 .spark-class ul li {
    position: relative;
    list-style: none;
    font-size: 14px;
    height: 11.5%;
    text-align: left;
}

.spark-success-bg2 .spark-class ul li p {
    position: absolute;
    margin: auto 0;
    top: 4%;
    width: 100%;
    height: 80%;
    font-size: 14px;
    line-height: 30px;
    color: rgb(63, 97, 195);
}

.spark-success-bg2 .spark-class ul li .spark-class-btn1 {
    position: absolute;
    right: 0;
    height: 80%;
    top: 10%;
    width: 25%;
    text-align: center;
    font-size: 12px;
    padding: 0;
    color: #fff;
    background-color: rgb(63, 97, 195);
}

.spark-success-bg2 .spark-class ul li .spark-class-span1 {
    width: 15%;
    display: inline-block;
    color: rgb(130, 130, 130);
    text-decoration: line-through;
}

.spark-success-bg2 .spark-class ul li .spark-class-span2 {
    display: inline-block;
    color: rgb(255, 153, 78);
    font-weight: bold;
    font-size: 18px;
}

.spark-success-bg2 .spark-class .spark-class-btn2 {
    position: absolute;
    right: 0;
    height: 80%;
    top: 0;
    width: 25%;
    text-align: center;
    font-size: 12px;
    padding: 0;
    color: #fff;
    background-color: rgb(130, 130, 130);
}

.spark-success-bg2 .spark-class .lispark-class-link .spark-class-link-p1 {
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 12px;
    left: 0;
    margin: 0;
    padding: 0, 0, 0, 0;
}

.spark-success-bg2 .spark-class .spark-class-input {
    position: absolute;
    top: 0;
    width: 75%;
    height: 80%;
    padding: 0;
    margin: 0;
    color: rgb(130, 130, 130);
}

.spark-success-bg2 .spark-class .spark-class-link-p2 {
    transform: scale(0.7, 0.7);
    color: rgb(130, 130, 130);
    position: absolute;
    top: 54%;
}

.spark-success-bg2 .spark-class .spark-class-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    color: rgb(63, 97, 195);
    font-weight: bold;
}
.mathoneT img{
    border:0;
    margin-bottom:-10px;
    padding:0;
}
.buyBtn{
    width:60px;
    height: 60px;
    border-radius: 30px 0 0 30px;
    top:100px;
    position:fixed;
    right: 0;
    border: 0;
    background-color: rgb(255,255,255);
    font-size: 16px;
}
.mathoneT a{
    color:#000;
}
/* 
.btm-cols-btn-d1{
    font-size: 26px;
    text-align:center;
    height: 45px;
    width: 15%;
    float: left;
}

.btm-cols-btn-d1 a{
    width: 100%;
    height: 100%;
    margin-top: 4px;
}
.btm-cols-btn-d1 a img{
    height:40px;
}
.btm-cols-btn-d2{
    font-size: 26px;
    text-align:center;
    height: 45px;
    float: right;
    width: 85%;
    background-color:#00aaf5;
    line-height: 44px;
}
.btm-cols-btn-d2 .btm-cols-btn-d2-span2{
    text-decoration: line-through;
    color: red;
    font-size: 18px;
} */

.pay-cols-btn{
    font-size: 18px;
    height: 45px;
    display: block;
    width: 100%;
}
.custom-tel{
    font-size: 18px;
    text-align:center;
    height: 45px;
    width: 20%;
    float: left;
}

.custom-tel a{
    width: 100%;
    height: 100%;
    margin-top: 8px;
}
.custom-tel a img{
    height:32px;
    width:20px;
}
.buy-pay{
    font-size: 18px;
    text-align:center;
    height: 45px;
    float: right;
    width: 80%;
    background-color:#00aaf5;
    line-height: 44px;
}
.buy-pay span:last-child{
    text-decoration: line-through;
    color: red;
    font-size: 15px;
}

#invalid{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eff7ff;
}
#invalid .picture{
    width: 200px;
    height: 234px;
}
#activity{
    width: 100%;
    height:100%;
    background-image: url(../../img/mobile/acquire/background.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;
}
#activity .video-box{
    width: 100%;
    padding: 0 0.3rem;
}
#activity .register{
    position:relative;
}
#activity .register .picture img{
    width:100%;
}
#activity ul {
    margin: 3% 13%;
    width: 75%;
    background-image: url(../../img/mobile/acquire/res-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;    
}

#activity ul li {
    margin: 0;
    padding: 0;
    margin-top: 4%;
    position: relative;
    color: #959595;
    /* color: red; */
}

#activity ul li input {
    font-size: 14px;
}

#activity ul li button {
    font-size: 12px;
}

#activity ul li span {
    display: block;
    bottom: 0;
    padding: 4px 0;
    position: absolute;
    left: 0;
    top: 20%;
    text-align: center;
    height: 100%;
    width: 15%;
}


#activity .inputList {
    display: block;
    padding-left: 15%;
    margin: 0px;
    background-color: rgb(245, 243, 243);
    border-color: rgb(245, 243, 243);
}


#activity  .inputList-check {
    width: 66%;
}

#activity  .checkBtn{
    width: 32%;
    background-color: rgb(247,52,66);
    color: rgb(245, 243, 243);
    right: 0;
    bottom: 0;
    height: 100%;
    position: absolute;
    padding: auto;
}

#activity .registerBtn {
    margin-top: 4px;
    background-color:rgb(247,52,66);
    color: rgb(245, 243, 243);
    height: 40px;
    width: 100%;
    padding: auto;
}
#activity .picture{
    font-size:0;
    line-height:5px;
}

#activity .picture img{
    width:100%;
    vertical-align:middle;
}
#activity .newUser{
    display:none;
    position:relative;
    top: 30%;
    text-align: center;
}
#activity .newUser img{
    width:80%;
    margin-top:13px;
}
#activity .oldUser img{
    width:80%;
    margin-top:13px;
}
#activity  .goStudy{
    font-size: 16px;
    line-height: 26px;
    margin-top: 6%;
    background-color: rgb(25,151,235);
    color: rgb(245, 243, 243);
    height: 40px;
    width: 80%;
    padding: auto;
}
#activity  .lookClass{
    margin-top:10px;
    color:rgb(25,151,235);
    font-size:14px;
}
#activity .oldUser{
    display:none;    
    position:relative;
    top: 32%;
    text-align: center;
}
#activity .hide{
    display: none;
}
#activity .oldUser .re-register{
    font-size: 16px;
    line-height: 26px;
    margin-top: 12%;
    background-color: rgb(25,151,235);
    color: rgb(245, 243, 243);
    height: 40px;
    width: 80%;
    padding: auto;
}
#activity .oldUser .classBtn{
    font-size: 16px;
    line-height: 26px;
    margin-top: 12px;
    background-color: rgb(255,153,78);
    color: rgb(245, 243, 243);
    height: 40px;
    width: 80%;
    padding: auto;
}
#activity .bottom{
    display:none;
    position:absolute;
    height:14px;
    width: 100%;
    margin: 0 auto;
}
#activity .bottom p{
    width:18%;
    margin:0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color:rgb(25,151,235);
}
#freeVedio{
    width: 100%;
    background-color: white;
}

#freeVedio .picture{
    font-size:0;
    line-height:5px;
}
#freeVedio .picture2{
    font-size:0;
    line-height:5px;
    text-align: center;
}
#freeVedio .picture img{
    width:100%;
    height: 100%;
    vertical-align:middle;
}
#freeVedio .picture2 img{
    vertical-align:middle;
    margin: 0 auto;
}
#freeVedio .register{
    width:100%;
    height: 240px;
    margin: 0 0 0 0;
    background-image: url(../../img/mobile/freeVideo/1_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    text-align: center;   
}
#freeVedio .register img{
    width:80%;
    margin-top:30px;
    vertical-align:middle;
}
#freeVedio .register input{
    border-radius: 4px;
    height: 35px;
    margin: 0px;
    font-size: 14px;
}
#freeVedio .form{
    width: 80%;
    margin-left: 10%;
    text-align: left;   
}
#freeVedio .register .left-input{
    width:40%;
}
#freeVedio .register .right-input{
    width: 50%; 
}
#freeVedio .submit-btn{
    width: 100%;
    margin-top: 10px;
    background-color: rgb(247,52,66);
    color: rgb(245, 243, 243);
}
#freeVedio .outside-img{
    width:100%;
    margin: -4px 0 0 0;
    background-image: url(../../img/mobile/freeVideo/downloadBg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -moz-background-size: 100% auto;  
    padding-bottom:71.3%;
    position: relative;
}

#freeVedio .inside-img{
    position: absolute;
    z-index: 2;
}
#freeVedio .qrcode{
    width: 32%;
    height: 53%;
    top: 30%;
    left: 11%;
}
#freeVedio .ios{
    width: 41%;
    height: 16.3%;
    top: 60%;
    left: 50%;
}
#freeVedio .android{
    width: 41%;
    height: 16.3%;
    top: 30%;
    left: 50%;    
}

#discounts{
    width: 100%;
}
#discounts .discounts-success{
    background-color:  rgb(241,245,248);
}
#discounts .discounts-list{
    width: 100%;
    position: relative;
}
#discounts .discounts-list .activity-img{
    width: 100%;
}


#discounts .btn{
    position: absolute;
    width: 24%;
    top: 52%;
    left: 70%;
}
#discounts-fail{
    width: 100%;
}
#discounts-fail p{
    -webkit-user-select:text;
    -moz-user-select:text;
    -o-user-select:text;
    user-select:text;
}
#discounts-fail .discounts-fail{
    background-color: #fff;
    width: 100%;
    height: 100%;
}
#discounts-fail .discounts-fail .top-img{
    width: 100%;
}
#discounts-fail .bottom-content{
    margin: 0;
    background-color: #fff;
}
#discounts-fail .content{
    border-bottom: rgb(229,229,229) dashed 1px;
}
#discounts-fail .discounts-fail span{
    color:rgb(25,151,235);
    -webkit-user-select:text;
    -moz-user-select:text;
    -o-user-select:text;
    user-select:text;
}
#discounts-fail .discounts-fail p{
    margin: 0;
}
#discounts-fail .discounts-fail .question{
    text-align: left;
    width: 100%;
    font-size: 15px;
    padding: 3% 0 0 10px;
    color:rgb(51,51,51);
}
#discounts-fail .discounts-fail .answer{
    text-align: left;
    width: 100%;
    color: rgb(130,130,130);
    font-size: 12px;
    padding: 6px  6% 10px 6%;
}
#discounts-fail .discounts-fail .answer a{
    text-decoration: underline;
}
#discounts-fail .discounts-fail .tip{
    width: 14px;
    height: 14px;
    padding-bottom: 1px;
    margin-right: 4px;
}
.pagination{
    float: right;
}
.pagination .prev, .pagination .next{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: #e6eaed;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 3px;
    font-size: 14px;
    color: #919191;
}