html {
    overflow: auto;
    overflow-x: hidden;
}
body {
    font-family:"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", "sans-serif"!important;
    margin: 0;
    padding: 0;
}
.main > .container {
    padding-bottom: 40px;
}
.main {
    width: 100%;
    background-color: #2a52a3;
    min-height: 800px;
}
#navbar-search-exam input:focus,textarea:focus,select:focus{
    -webkit-box-shadow:0 0 3px #fa9900!important;
    -moz-box-shadow:0 0 3px #fa9900!important;
    box-shadow:0 0 3px #fa9900!important;
    border: 1px solid #2a52a3!important;
    outline: none!important;
}
.font-weight {
    font-weight: bold;
}
.color-index{
    color: #2a52a3;
}
.color-blue {
    color: #4B87F9;
}
.color-black {
    color: black;
}
.color-green {
    color: #52B05C;
}
.color-red {
    color: #EC323C !important;
}
.color-orange{
    color: #FF8B28;
}
.color-gray {
    color: #717171;
}
.color-white {
    color: white;
}
.bg-red {
    background-color: #EC323C !important;
}
.bg-9f{
    background: #9f9f9f;
}
.bg-ca {
    background-color: #CACACA !important;
}
.bg-orange {
    background-color: #fd9433 !important;
}
.bg-blue {
    background-color: #fd9433 !important;
}
.bg-gray {
    background-color: #f0f1f5 !important;
}
.bg-green {
    background-color: #00BA5C;
}
.bg-yellow {
    background: #ffcc00;
}
.bg-index{
    background: #2a52a3;!important;
}
.bg-e9 {
    background: #e9e9e9;
}
.bg-fff {
    background: #fff;
}
.bg-f9 {
    background: #f9f9f9;
}
.bg-f43f3d {
     background: #F43F3D;
 }
.bg-ff9b24 {
    background: #FF9B24;
}
.bg-6ae258 {
    background: #6ae258;
}
.bg-cb {
    background: #cbcbcb;
}
.padding-l-10 {
    padding-left: 10px;
}
.padding-r-10 {
    padding-right: 10px;
}
.margin-t-b-14 {
    margin: 14px 0;
}
.margin-b-30 {
    margin-bottom: 30px;
}
.margin-b-45 {
    margin-bottom: 45px;
}
.mt-lg {
    margin-top: 40px !important;
}

.mt-md {
    margin-top: 40px !important;
}

.mt-sm {
    margin-top: 10px !important;
}
.margin-r-30 {
    margin-right: 30px;
}
.margin-l-30{
    margin-left: 30px;
}
.mb-md {
    margin-bottom: 20px;
}
.pd-md {
    padding: 20px;
}
/*首页公开课插件*/
.wrapper {
    width: 1068px;
    margin: 0 auto;
}
.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
}
/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    float: left;
    width: 342px;
    height: 240px;
    margin-right: 20px;
}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next,
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover,
.jcarousel-control-prev:focus,
.jcarousel-control-next:focus{
    position: absolute;
    top: 90px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    font-size: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.jcarousel-control-prev {
    left: -55px;
}
.jcarousel-control-next {
    right: -55px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    display: none;
}

.address-header {
    margin-left: 0;
}
.address-style {
    margin-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.address-style input {
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.address-style button {
    width: 60%;
    border-radius: 0;
    color: white;
}
.address-style button:hover {
    background-color: #48648A;
    color: white;
}
.address-header p {
    color: #8f8f8f;
}
@media (min-width: 768px) {
    .address-selects .col-sm-2 {
        padding-right: 0;
    }
}
.address-selects select {
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 8px;
}
@media (min-width: 768px) {
    .address-header {
        margin-left: 13px;
    }

    .address-selects select {
        margin-bottom: 0;
    }
}
.pay-style {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 40px;
}
.pay-style .pay-head {
    font-size: 1.1em;
    font-weight: bold;
}
.pay-style dl {
    border: 1px solid #E1E1E1;
    border-radius: 2px;
    background-color: white;
    padding: 12px 16px;
}
.pay-style dl dt {
    text-align: left;
}
.pay-style ul li {
    margin-bottom: 8px;
}
.bank-logo {
    background: url(../image/bank_logos.png) left top no-repeat;
    vertical-align: middle;
    padding: 0;
    display: inline-block;
    border: 1px solid #C7C7CC;
    width: 128px;
    height: 36px;
    cursor: pointer;
}
span.bank-logo.bank-1 {
    background-position: 0 -360px
}
span.bank-logo.bank-2 {
    background-position: 0 -132px
}
span.bank-logo.bank-3 {
    background-position: 0 -33px
}
span.bank-logo.bank-4 {
    background-position: 0 -66px
}
span.bank-logo.bank-5 {
    background-position: 0 -564px
}
span.bank-logo.bank-6 {
    background-position: 0 -198px
}
span.alipay-logo {
    background: url(../image/zhifu_zhifubao.png);
    vertical-align: middle;
    padding: 0;
    display: inline-block;
    border: 1px solid #C7C7CC;
    width: 128px;
    height: 36px;
    cursor: pointer;
}
.f-light {
    color: #828282;
}
.bind-phone-style {
    margin-top: 50px;
    padding: 20px;
    margin-bottom: 60px;
}
.bind-phone-style input {
    border-radius: 0;
    box-shadow: none;
}
.bind-phone-style .bind-phone-head {
    margin-left: 13px;
    margin-bottom: 20px;
}
.bind-phone-style button {
    color: white;
    border-radius: 0;
}
.bind-phone-style button:hover {
    color: white;
    background-color: #48648A;
}
.pay-success-style {
    padding: 24px 24px 48px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.pay-success-style .pay-success-head .span-order {
    color: #FF6C00;
}
.pay-success-style .row + .row {
    margin-top: 15px;
}
.pay-success-style a.btn {
    color: white;
    display: inline-block;
    width: 100%;
    border-radius: 0;
}
.pay-success-style .pay-success-course {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid #C7C7CC;
    background-color: white;
    width: 100%;
}
@media (min-width: 768px) {
    .pay-success-style .pay-success-course {
        width: auto;
    }
}
.pay-success-style .col-fix {
    display: inline-block;
    width: 2.8em;
}
.pay-success-style button:hover {
    background: #48648A;
    color: white;
}
.pay-success-style .pay-success-head {
    font-size: 1.1em;
    font-weight: bold;
    line-height: 47px;
}
.pay-modal {
    /*display: block;*/
    background-color: rgba(0, 0, 0, .4);
}

@media (min-width: 768px) {
    .pay-modal .modal-dialog {
        margin-top: 120px;
        width: 480px;
    }

    .pay-modal button {
        color: white;
        border-radius: 0;
        padding: 4px 48px;
    }
}
.pay-modal .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
}
.pay-modal .modal-body {
    padding: 32px;
}
.pay-modal button {
    color: white;
    border-radius: 0;
}

.pay-modal p {
    line-height: 2em;
    font-weight: bold;
}

@media (min-width: 768px) {
    .pay-modal p {
        padding: 0 32px;
    }
}

.pay-modal button:hover {
    background-color: #48648A;
    color: white;
}
.assist-list {
    position: fixed;
    top: 40%;
    right: 20px;
    z-index: 9999;
}
@media (min-width: 860px) {
    .assist-list {
        right: 40px;
    }
}
.assist-list li + li {
    margin-top: 10px;
}
.recomend-text {
    margin-top:-2px ;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    color: #FF5B12;
    letter-spacing: 0.53px;
}

@media (min-width: 768px) {
    .recomend-text {
        line-height: 40px;
    }
}
.caption .buy-persons:before {
    content: url(../image/live_shop.png);
    height: 20px;
    margin-top: 8px;
    display: inline-block;
    vertical-align: bottom;
}
.caption .text-collapse:before {
    content: url(../image/live_speaker.png);
    font-size: 1.1em;
    display: inline-block;
    vertical-align: middle;
}
.caption .text-collapse-time:before {
    content: url(../image/live_time.png);
    display: inline-block;
    vertical-align: middle;
}
.vip-text-collapse:before {
    content: url(../image/live_speaker.png);
    font-size: 1.1em;
    display: inline-block;
    vertical-align: middle;
}
.vip-text-collapse-time:before {
    content: url(../image/live_time.png);
    display: inline-block;
    vertical-align: middle;
}
.recomend-line {
    border-top: 1px solid #CCCCCC;
}

.recomend-course .thumbnail {
    border-radius: 0;
    -webkit-box-shadow:0 0 8px #d5d5d5;
    -moz-box-shadow:0 0 8px #d5d5d5;
    box-shadow:0 0 8px #d5d5d5;
    padding: 0;
    position: relative;
    border: 1px solid #e1e1e1;
}
.thumbnail-no-border{
    border: 0!important;
    box-shadow:0 0 0 white!important;
}

.recomend-course .course-status-indicator {
    position: absolute;
    right: -1px;
    top: 36%;
    z-index: 99;
}

@media (min-width: 1200px) {
    .recomend-course .course-status-indicator {
        top: 40%;
    }
}
.recomend-course .thumbnail p:first-child {
    font-size: 1.1em;
}
.already-buy {
    color: #ff9103;
    font-size: 1.3em;
}
.qq-group {
    font-size: 1.3em;
}
.buy-persons {
    margin-top: .3em;
    float: right;
    color: #8E8E93;
}

.course-price {
    font-size: 1.3em;
}
.course-header {
    background-color: #F3F4F8;
    padding: 12px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
@media (min-width: 768px) {
    .course-header {
        padding: 32px;
    }
}
.course-header h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}
.course-header .course-image {
    width:100%;
    height: 350px;
}
.course-header .onsale-course-image {
    width: auto;
    height: 128px;

}

.course-header .lectors {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.course-header .lectors:before {
    content: url(../image/mycourse_lector_indicator.png);
    vertical-align: middle;
    height: 30px;
    margin-right: 4px;
    display: inline-block;
}
.course-header .date {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.course-header .date:before {
    content: url(../image/mycourse_date_indicator.png);
    vertical-align: middle;
    height: 30px;
    margin-right: 4px;
    display: inline-block;
}
.course-header .course-desc {
    margin-top: 4px;
    line-height: 2em;
    height: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.course-header .price-info {
    padding: 6px 10px;
    background-color: #E7E8ED;
}
.price-info a {
    float: right;
    padding: 2px 8px 2px;
}
.course-header .btn-enroll {
    display: block;
    text-align: center;
    border: none;
    text-decoration: none;
    padding: 8px 0;
    width: 100%;
    color: white;
    background-color: #FF7B00;
    margin-top: 12px;
    cursor: pointer;
}
.course-tab {
    margin-top: 10px;
}
@media (min-width: 768px) {
    .course-tab {
        margin-top: 36px;
    }
}
.course-nav {
    border: none;
    border-bottom: 1px solid #C9C7CC;
}

.course-nav > li {
    padding: 0;
    text-align: center;
}

.course-nav > li > a {
    color: #333333;
    font-size: 1.2em;
}

.course-nav > li > a:hover {
    background-color: #2a52a3;
    border-radius: 0;
    border-bottom: 2px solid #2a52a3;
    color: white;
}

.course-nav > li.active > a,
.course-nav > li.active > a:hover,
.course-nav > li.active > a:focus {
    color: #2a52a3;
    border: 1px solid transparent;
    border-bottom: 2px solid #2a52a3;
    margin: 0;
}

#courseInfo-info img {
    display: block;
    width: 100%;
    height: auto;
}

.lector-list-title {
    display: block;
    padding: 11px 0;
    line-height: 1.42857143;
    color: #333333;
    font-size: 1.2em;
    margin-top: 18px;
    border-bottom: 1px solid #C9C7CC;
}

.lector-list {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 768px) {
    .lector-list-title {
        margin-left: 0;
        margin-top: 0;
        padding-left: 0;
    }

    .lector-list {
        padding-left: 48px;
    }

    .lector-info-list {
        margin-top: 20px;
    }
}

.lector-info-avatar {
    padding: 20px 0 12px;
    margin: 0;
}

.lector-info-avatar img {
    margin-right: 12px;
    width: 60px;
    height: 60px;
    border: 2px solid #C9C6CD;
}

.lector-info-avatar span {
    font-size: 1.2em;
    font-weight: bold;
}

#courseInfo-classes li {
    background-color: #F3F4F8;
    margin-bottom: 20px;
    padding: 20px;
    font-size: 1.2em;
}

#courseInfo-tips p {
    padding: 10px 18px;
    font-size: 1.2em;
    line-height: 1.8em;
}

@media (min-width: 768px) {
    #courseInfo-tips p {
        padding: 10px 0;
    }
}

.course-content {
    padding: 0;
}

.course-content > .row {
    margin: 0;
}

.course-icons {
    text-align: left;
    margin-left: -10px;
    padding-top: 8px;
}

@media (min-width: 992px) {
    .course-icons {
        text-align: right;
    }
}
.course-icons{
    margin-top: -45px;
}
.course-icons > div {
    width: 56px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
}
.course-icons a {
    color: #333333;
}

.course-icons .fill {
    width: 56px;
}

.iframe-air {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}

.iframe-air iframe {
    height: 100%;
    width: 100%;
}

.air-bottom-bar {
    display: none;
}

@media (min-width: 768px) {
    .air-bottom-bar {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #E4E2E8;
    }

    .iframe-air {
        bottom: 92px;
    }
}

.air-bottom-bar > .banner {
    display: inline-block;
    width: 46%;
    height: 100%;
    text-align: center;
}

.air-bottom-bar > .banner img {
    max-width: 100%;
    height: 92px;
}

.air-bottom-bar > .rate {
    display: inline-block;
    width: 18%;
    text-align: center;
}

.air-bottom-bar > .rate img {
    max-width: 80%;
    height: 84px;
}

.air-bottom-bar .scan-qr {
    display: inline-block;
    width: 18%;
    height: 100%;
    padding-top: 2px;
    text-align: center;
    float: right;
}

.air-bottom-bar > .scan-qr img {
    max-width: 80%;
    height: 44px;
    cursor: pointer;
}

#rate_bg {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#rate_area {
    background: white;
    display: none;
    width: 380px;
    border-radius: 2px;
    padding: 20px;
    position: absolute;
    left: 50%;
    margin-left: -190px;
    top: 30%;
}

#rate-title {
    display: inline-block;
}

#rate-title > img {
    width: 15px;
    height: 15px;
}

#rate-title > span {
    margin-left: 2px;
}

#close_rate {
    float: right;
    margin-right: 10px;
    cursor: pointer;
}

#close_rate img {
    width: 15px;
    height: 15px;
}

#rate_area .media-heading {
    font-size: 1.2em;
}

.ratesubmit {
    width: 120px;
    margin-top: 20px;
    margin-left: 110px;
    text-align: center;
    background: #2a52a3;
    padding: 6px 0;
    color: black;
    cursor: pointer;
}
.ui-rater > span {
    vertical-align: top;
}

.ui-rater-rating {
    margin-left: .8em
}
.ui-rater-starsOff, .ui-rater-starsOn {
    display: inline-block;
    height: 18px;
    background: url(../image/stars.png) repeat-x 0 0;
}

.ui-rater-starsOn {
    display: block;
    max-width: 90px;
    top: 0;
    background-position: 0 -36px;
}

.deadline {
    color: #8E8E93;
    font-size: .9em;
}

@media (min-width: 768px) {
    .caption h5.color-blue {
        height: 60px;
    }
    .caption p.color-blue {
        height: 40px;
    }
}

.setting {
    margin-top: 20px;
    margin-bottom: 0;
}

.setting-main {
    min-height: 800px;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
}

.portrait {
    width: 100px;
    height: 100px;
    float: left;
    overflow: hidden;
}

.upload {
    margin-left: 20px;
    width: 70%;
    height: 100px;
    float: left;
}

.setting-text {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 36px;
    background: white;
    cursor: default;
}

.setting-text a {
    cursor: pointer;
}

.setting-item {
    width: 12%;
    height: 36px;
    line-height: 36px;
    float: left;
    margin-left: 20px;
}

.setting-show {
    height: 36px;
    line-height: 36px;
    color: #919498;
}

.alert_bg {
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.alert_area {
    display: none;
    width: 360px;
    background-color: white;
    position: absolute;
    height: 240px;
    left: 50%;
    margin-left: -180px;
    top: 30%;
}
.open-status-indicator {
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 99;
}
.a-class{
    background: #2a52a3!important;
    color: white!important;
}
.text-collapse {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.login-form-course-hover:hover {
    cursor: pointer;
    background-color: #c5c5c5;
}

.clear {
    display: block;
    overflow: hidden;
}

.bg-white {
    color: #58666e;
    background-color: #fff;
}

.bg-white a {
    color: #363f44;
}

.bg-white a:hover {
    color: #1f2427;
}

.jcrop_cut {
    padding: 6px 0 0 19px;
    width: 340px;
    height: 400px;
    border: 1px solid #918888;
    display: none;
    position: absolute;
    top: 100px;
    left: 48%;
    z-index: 9999;
}

.jcrop_image {
    vertical-align: middle;
    display: table-cell;
    background: #ffffff;
    width: 300px;
    height: 300px;
    border: 1px solid #918888;
}
.exam-modal {
    top: 10px;
}

.exam-modal .modal-header {
    height: 50px;
}

.exam-modal .modal-header .modal-title {
    margin-left: 35px;
}

.exam-modal .modal-header .close {
    margin-right: 35px;
}

#mini_exam .modal-header {
    background: #d8f0ee;
    color: #3eb5ac;
}

#classic_exam .modal-header, #public_institution_4 .modal-header,  #public_institution_3 .modal-header, #public_institution_5 .modal-header {
    background: #fde6cf;
    color: #f58410;
}

#special_test .modal-header, #institution_node_modal_3 .modal-header, #institution_node_modal_4 .modal-header {
    background: #eee8f7;
    color: #a88cd5;
}

.exam-modal .modal-body {
    padding: 20px 0 0 0;
    overflow-y: scroll;
    max-height: 600px;
}

@media (max-height: 800px) {
    .exam-modal .modal-body {
        max-height: 400px;
    }
}

@media (max-height: 600px) {
    .exam-modal .modal-body {
        max-height: 300px;
    }
}

@media (max-height: 400px) {
    .exam-modal {
        top: 20px;
    }
}

.exam-modal .modal-body .first-div {
    margin: 0 50px;
}

#classic_exam .modal-body,#public_institution_3 .modal-body,#public_institution_4 .modal-body,#public_institution_5 .modal-body{
    background: #f3f4f8;
    padding: 0;
}

#classic_exam ul,#public_institution_3 ul ,#public_institution_4 ul ,#public_institution_5 ul {
    margin: 0 35px;
}

.exam-btn {
    margin-top: -7px;
    float: right;
    width: 45px;
    height: 36px;
}

.exam-pane {
    margin: 0 50px -20px 50px;
}
.paper-name {
    display: inline-block;
    width: 380px;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
}
.exam-nav {
    border: none;
}

.exam-nav > li > a {
    border: none;
    color: #404041;
}

.exam-nav > li.active > a,
.exam-nav > li.active > a:hover,
.exam-nav > li.active > a:focus {
    border: none;
    background: url('../image/border.png') repeat-x;
}

.special1-group-item {
    font-size: 16px;
    border: none;
    padding: 0;
}

.special2-group-item {
    font-size: 14px;
    border: none;
    padding: 0;
}

.special-name {
    height: 21px;
    line-height: 21px;
    margin-left: 20px;
}

.special2-group-item .can-show {
    margin-left: 41px;
}

.special3-group-item {
    font-size: 12px;
    border: none;
    padding: 0;
}

.can-show {
    vertical-align: middle;
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('../image/show.png');
}

.finally-show {
    margin-top: -7px;
    margin-left: 82px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../image/finally_show.png');
}

.backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    filter: alpha(opacity=50);
    opacity: .5;
    display: none;
    background-color: #000;
}

ul#categoryTabs {
    background-color: #F3F4F8;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    font-size: .8em;
}

ul#categoryTabs > li {
    padding: 0;
    text-align: center;
}

ul#categoryTabs > li > a {
    margin-right: 0;
    color: #333333;
    font-size: 1.2em;
}

ul#categoryTabs > li.active > a {
    background-color: transparent;
    color: #fd9433;
    border: 1px solid transparent;
    border-bottom: 2px solid #fd9433;
    margin: 0;
}

ul#categoryTabs > li > a:hover {
    background: transparent;
    color: #fd9433;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.paper-status-bar {
    background-color: #fd9433;
    height: 54px;
    margin: 0;
    color: white;
    border: 1px solid #E2E2E2;
}

.paper-status-bar #countdown {
    padding: 18px 0 0 40px;
    height: 100%;
}

.paper-status-bar #countup {
    padding: 18px 0 0 40px;
    height: 100%;
}

.paper-status-bar #suggest-time {
    padding: 18px 0 0 40px;
    height: 100%;
}

.paper-status-bar .paper-status-bar-item:hover {
    background-color: #ea892f;
    cursor: pointer;
}
.paper-status-bar .paper-status-bar-item {
    padding-top: 18px;
    height: 100%;
    text-align: center;
}

.paper-status-bar .active {
    background-color: #ea892f;
}

#answer-card {
    background-color: white;
    padding: 0 20px 20px 48px;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
    margin-left: 0;
    margin-right: 0;
}

#answer-card .ac-question {
    background-color: white;
    margin-top: 20px;
    color: #3F4141;
    border-radius: 100%;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    display: inline-block;
    border: 1px solid #3F4141;
    cursor: pointer;
}

#answer-card .ac-question + .ac-question {
    margin-left: 16px;
}

#answer-card .q-selected {
    background-color: #fd9433;
    color: white;
    border: 1px solid #fd9433;
}

#answer-card .ac-question-occu {
    width: 64px;
    display: inline-block;
}

.paper-status-bar #pause-paper:before {
    content: url(../image/exam_pause.png);
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.paper-status-bar #answer-card-btn:before {
    content: url(../image/exam_answercard.png);
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.paper-status-bar #down-paper:before {
    content: url(../image/exam_downpaper.png);
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.paper-status-bar #submit-paper:before {
    content: url(../image/exam_submit.png);
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.paper-status-bar #next-time:before {
    content: url(../image/exam_nexttime.png);
    height: 20px;
    display: inline-block;
    vertical-align: bottom;
}

.question-modal {
    background-color: rgba(0, 0, 0, .5);
}

.question-modal .modal-dialog {
    width: 400px;
    margin-top: 120px;
}

.question-modal .modal-content {
    border-radius: 0;
}

.question-modal .modal-body {
    padding: 40px;
}

.question-modal .btn-submit-paper {
    width: 120px;
    color: white;
    height: 32px;
    background-color: #fd9433;
    margin-right: 16px;
    outline: none;
    border: 0;
}

.question-modal #btn-resume-paper {
    width: 120px;
    color: white;
    height: 32px;
    background-color: #fd9433;
    outline: none;
    border: 0;
}

.question-modal #btn-modal-dismiss {
    width: 120px;
    height: 32px;
    color: white;
    background-color: #6872F7;
    outline: none;
    border: 0;
}

.question-modal #btn-countdown-submit {
    width: 160px;
    height: 32px;
    color: white;
    background-color: #fd9433;
    outline: none;
    border: 0;
}

.question-modal #pause-modal-dismiss {
    width: 160px;
    height: 32px;
    color: white;
    background-color: #fd9433;
    outline: none;
    border: 0;
}
.alert-vip-btn{
    width: 120px;
    height: 32px;
    color: white;
    background-color: #fd9433;
    outline: none;
    border: 0;
}
.question-modal #noTimeRest-modal-dismiss {
    width: 160px;
    height: 32px;
    color: white;
    background-color: #fd9433;
    outline: none;
    border: 0;
}

.question-modal #backToMain {
    width: 160px;
    height: 32px;
    color: white;
    background-color: #fd9433;
    outline: none;
    border: 0;
}

.text-bold {
    font-weight: bold;
}

.question-item {
    padding: 20px 0 10px;
    line-height: 1.83em;
    border-bottom: 1px dashed #cbcbcb;
}

.question-options {
    /*clear: both;*/
}

.question-item img {
    vertical-align: top;
}
.question-item .material {
    margin-bottom: 0;
}

.question-item .question-info + .question-info {
    margin-top: 32px;
}

.question-item .popup-material {
    margin: 1px 20px 10px 0;
    float: right;
}

.question-item .popup-material img {
    width: 100px;
}

.options-item{
    cursor: pointer;
    margin: 16px 12px 16px 4px;
}
.options-item:before {
    background: url(../image/option_common.png);
    display: inline-block;
    text-align: center;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.option-A:before {
    content: 'A';
}

.option-B:before {
    content: 'B';
}

.option-C:before {
    content: 'C';
}

.option-D:before {
    content: 'D';
}
.option-E:before {
    content: 'E';
}
.option-F:before {
    content: 'F';
}
.option-G:before {
    content: 'G';
}
.option-H:before {
    content: 'H';
}
.option-I:before {
    content: 'I';
}
.option-J:before {
    content: 'J';
}

.option-selected:before {
    background: url(../image/option_selected_orange.png);
    color: white;
}
.option-hover {
    background-color: #EFEFEF;
}

.option-correct:before {
    background: url(../image/option_correct.png);
    color: white;
}

.option-incorrect:before {
    background: url(../image/option_incorrect.png);
    color: white;
}
.option-correct2:before {
    background: url(../image/option_correct2.png);
    color: transparent;
}

.option-incorrect2:before {
    background: url(../image/option_incorrect2.png);
    color: transparent;
}
.question-sidebar {
    float: right;
    margin-right: -50px;
}

.question-sidebar li + li {
    margin-top: 10px;
}

#feedbackModal .modal-dialog {
    margin-top: 120px;
}

#feedbackModal .modal-content {
    border-radius: 0;
}

#feedbackModal .modal-header {
    background-color: #fd9433;
    color: white;
    padding: 10px 25px;
}

#feedbackModal .modal-body {
    padding: 10px 25px 20px;
}

#feedbackModal textarea {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #83c9fc;
    margin-top: 10px;
    resize: none;
}

.feedback-radio {
    cursor: pointer;
}

.feedback-radio + .feedback-radio {
    margin-left: 16px;
}

.feedback-radio:before {
    width: 16px;
    vertical-align: middle;
    margin-right: 4px;
    content: url(../image/radio_unselected.png);
    display: inline-block;
}

.feedback-radio-select:before {
    content: url(../image/radio_selected.png);
}

#feedback-submit {
    margin-top: 10px;
    padding: 6px 32px;
    color: white;
    border: 0;
    outline: none;
}

.note-content {
    min-height: 500px;
    background: white;
    border: 1px solid #DDDDDD;
}

.note-title {
    line-height: 36px;
    font-size: 36px;
    margin: 40px 0;
    text-align: center;
}

.note-text {
    margin: 30px 40px;
    line-height: 30px;
}

.note-text img {
    margin-right: 10px;
}
.myexam-nav {
    margin: -20px 0;
    text-align: center;
    border-bottom: 1px solid #C9C7CC;
}

.myexam-nav > li {
    padding: 0;
    width: 20%;
}

.myexam-nav > li > a {
    margin-right: 0;
    padding: 10px 0;
    color: #404041;
}

.myexam-nav > li.active > a,
.myexam-nav > li.active > a:hover,
.myexam-nav > li.active > a:focus {
    background: #f0f1f5;
    border: none;
    color: #2a52a3;
    border-bottom: 2px solid #2a52a3;
}

.split-div {
    margin: 20px -22px;
    height: 20px;
    background: white;
}

.myexam-pane {
    padding: 30px;
    background: white;
    border: 1px solid #DDDDDD;
}

.pane-left {
    float: left;
}

.pane-right {
    float: right;
}

.complete-btn {
    float: right;
    margin-top: -20px;
    border: none;
    width: 105px;
    height: 36px;
}

.wrong-collect-btn {
    text-align: center;
    float: right;
    margin: -7px 0 0 10px;
    width: 70px;
    height: 36px;
    border: 0;
    outline: none;
}

#answer-card .q-correct {
    background-color: #53B05C;
    border: 1px solid #53B05C;
    color: white;
}

#answer-card .q-incorrect {
    background-color: #DC514A;
    border: 1px solid #DC514A;
    color: white;
}

.exercise-report-container {
    background-color: #F3F4F8;
    padding: 20px 24px 48px;
    margin-top: 20px;
}

.exercise-report-container .avg-detail {
    background-color: white;
    border: 1px solid #E1E1E1;
    padding: 24px 48px;
    margin-bottom: 24px;
}

.exercise-report-container .category-detail {
    background-color: white;
    border: 1px solid #E1E1E1;
    padding: 24px 48px;
}

.exercise-report-container .note-detail {
    background-color: white;
    border: 1px solid #E1E1E1;
    padding: 24px 48px;
    margin-top: 24px;
}

.exercise-report-container .progress {
    margin-bottom: 0;
    height: 10px;
    margin-top: 6px;
}

.category-detail .row {
    padding-top: 14px;
    margin-left: 0;
    margin-right: 0;
}

.category-detail .row div {
    padding-left: 0;
}

.category-detail .row + .row {
    margin-top: 14px;
    border-top: 1px dashed #E1E1E1;
}

.img-36 {
    width: 28px;
    height: auto;
}

.note-change-row {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
}

.note-change-row + .note-change-row {
    border-top: 1px dashed #E1E1E1;
}

.exercise-report-container .button-area {
    margin-top: 24px;
    text-align: center;
}

.exercise-report-container .button-area a {
    display: inline-block;
    padding: 8px 72px;
    color: white;
    text-decoration: none;
}

.exercise-report-container .button-area a + a {
    margin-left: 180px;
}

#evaluate .modal-header, #institution_evaluate .modal-header {
    background: #fcd8d7;
    color: #f84545;
}
#sl_classic_exam .modal-header {
    background: #e8f1d7;
    color: #90bb45;
}

#sl_classic_exam .modal-body {
    background: #f3f4f8;
    padding: 0;
}

#sl_classic_exam ul {
    margin: 0 35px;
}

.sl-main {
    width: 80%;
    margin: 0 auto;
    line-height: 30px;
    font-family: "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.notice_top {
    font-size: 16px;
    font-weight: bold;
    color: #fd9433;
    letter-spacing: 1px;
}

#sl-paper-information h3 {
    font-size: 15px;
    font-weight: bold;
}

.sl-nav {
    margin: 0 -20px;
    text-align: center;
    border-bottom: 1px solid #C9C7CC;
}

.sl-nav > li {
    padding: 0;
    width: 10%;
}

.sl-nav > li > a {
    margin-right: 0;
    padding: 10px 0;
    color: #404041;
}

.sl-nav > li.active > a,
.sl-nav > li.active > a:hover,
.sl-nav > li.active > a:focus {
    background: #f0f1f5;
    border: none;
    color: #fd9433;
    border-bottom: 2px solid #fd9433;
}

.sl-exam-nav {
    border: none;
}

.sl-exam-nav > li > a {
    border: none;
    color: #404041;
}

.sl-exam-nav > li.active > a,
.sl-exam-nav > li.active > a:hover,
.sl-exam-nav > li.active > a:focus {
    border: none;
    background: url('../image/green_border.png') repeat-x;
}

.sl-content {
    background: #ffffff;
    padding: 30px 50px 10px 30px;
    margin: 0 -20px -20px 0;
    max-height: 400px;
    overflow-y: scroll
}

.show-answer {
    color: #fcfcfc;
    width: 130px
}

.sl-answer, .sl-question {
    line-height: 30px;
}

.tooltip-inner {
    max-width: 480px;
    padding: 3px 8px;
    color: #EEE;
    text-align: left;
    background-color: #000;
    border-radius: 4px;
}

.master-level img {
    margin: -8px 0 0 10px;
}


.wechat-qrcode-info {
    width: 520px;
    position: absolute;
    padding: 10px;
    background: white;
    border-radius: 4px;
    border: 1px solid #C7C7CC;
    z-index: 999;
    box-shadow: 0 0 2px 0 #ccc;
}

.wechat-qrcode-info img {
    width: 200px;
    height: 200px;
    float: left;
}

#show-wechat-qrcode {
    border-radius: 4px;
    cursor: pointer;
    padding: 6px 12px;
    color: #fff;
    background-color: #fd9433;
}

#show-wechat-qrcode:before {
    content: "";
    display: inline-block;
    vertical-align: text-bottom;
    width: 18px;
    background: url(../image/course_qr_code.png);
    height: 18px;
    background-size: 18px;
}

.logistics-info {
    width: auto;
    min-height: 90px;
    max-height: 400px;
    overflow-y: scroll;
    position: absolute;
    right:-5%;
    padding: 15px;
    background: white;
    border: 1px solid #C7C7CC;
    z-index: 999;
    color: #98bef8;
}

.logistics-main li {
    margin-left: -20px;
    padding: 10px 0;
    border-bottom: 1px solid #C7C7CC;
}

.logistics-main li span {
    width: 300px;
    display: inline-block;
    vertical-align: middle;
    color: black;
}

.track-before {
    display: inline-block;
    vertical-align: middle;
    background: red;
    color: white;
    border: none;
    margin: 0 10px 0 0;
}

.blue-btn {
    cursor: pointer;
    border-radius: 0;
    margin-top: 2px;
    color: white;
    padding-left: 32px;
    padding-right: 32px;
    background-color: #4B87F9;
}

.blue-btn:hover {
    color: white;
}

.rate-content {
    padding: 10px 20px;
    width: 100%;
    background-color: #F3F4F8;
}

.rate-content .nickname {
    display: block;
    font-weight: bold;
    margin: 10px 0;
}

.rate-content + .rate-content {
    margin-top: 20px;
}

.rate-star {
    height: 18px;
    width: auto;
}

.rate-comment {
    width: 100%;
    border: 1px solid #D0DFF5;
}

.rate-tag {
    float: left;
    border: 1px solid #2a52a3;
    border-radius: 6px;
    padding: 2px 8px;
    background-color: white;
    margin-right: 12px;
    cursor: pointer;
    color: #2a52a3;
}

.rate-tag-active {
    background-color: #2a52a3;
    color: white;
}

.panel-rate {
    border: 1px solid #D0DFF5;
    border-radius: 0;
}

.panel-rate .panel-body {
    padding: 15px 20px;
}

.panel-rate .img-circle {
    width: 48px;
    height: 48px;
    border: 2px solid #2a52a3;
}

.panel-rate #rate-bar {
    margin-left: 24px;
}

.panel-rate #rate-bar img {
    height: 18px;
    width: auto;
    vertical-align: top;
}

.panel-rate .panel-heading {
    color: white;
    border-radius: 0;
    background-color: #2a52a3;
}

.rate-text-list:after {
    clear: both;
    display: block;
    content: '';
}

.teacher-header {
    background-color: #F3F4F8;
    padding: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.teacher-header .teacher-avatar {
    width: 140px;
    height: auto;
    border: 2px solid #C9C6CD;
}

.teacher-header .teacher-desc {
    overflow: hidden;
    height: 72px;
    margin: 10px 0;
    line-height: 24px;
}

.teacher-header b {
    margin-right: 20px;
}

.report-info {
    height: 100px;
    background: #fff;
}

.report-info .img {
    margin: 18px 20px 0 10px;
    float: left;
}

.report-content {
    margin-top: 20px;
    width: 150px;
    float: left;
}

.report-content-2 {
    margin-top: 20px;
    width: 90px;
    float: left;
}

@media (min-width: 1200px) {
    .report-content {
        width: 180px;
    }

    .report-content-2 {
        width: 120px;
    }
}

.report-data {
    font-size: 18px;
    font-weight: bold;
}

.report-project {
    margin-top: 18px;
    color: #717171;
    font-size: 10px;
    font-weight: bold;
}
.order-list > div + div {
    border-left: 1px solid #ddd;
    height: 71px;
    line-height: 71px;
    text-align: center;
    display: inline-block;
}

.order-list img {
    width: 100px;
    height: 71px;
    margin-right: 8px;
    margin-left: -12px;
}

.personal-list > li {
    font-size: 1.3em;
    margin-bottom: 18px;
}

.personal-list a {
    color: #002B5A;
}

.btn-bg-blue {
    background-color: #4B87F9;
    color: white;
    border-color: #4B87F9;
}

.invite-list {
    height: 70px;
}

.invite-list img {
    width: 40px;
    height: 40px;
}

.invite-list > div + div {
    border-left: 1px solid #ddd;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.cashback-list > div + div {
    border-left: 1px solid #ddd;
    text-align: center;
    height: 1.5em;
}

.navbar-xizhi .nav .open > a,
.navbar-xizhi .nav .open > a:hover,
.navbar-xizhi .nav .open > a:focus {
    color: #fcfcfc;
    background: #48648A;
}

.btn-login {
    width: 120px;
    height: 32px;
    color: white;
    background-color: #6872F7;
    outline: none;
    border: 0;
    display: inline-block;
}

.hierarchy-unfolded {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    background: url('../image/hide.png');
}

.hierarchy-folded {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    background: url('../image/show.png');
}

.hierarchy-leaf {
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 21px;
    background: url('../image/finally_show.png');
}

.hierarchy-name {
    display: inline-block;
    margin-left: 10px;
    line-height: 44px;
}

.hierarchy-note-line {
    padding-left: 24px;
    border-top: 1px solid #e4e4e4;
}

.hierarchy-note-line > a.link-note {
    float: right;
    width: 70px;
    margin-top: 4px;
    margin-right: 20px;
}

.hierarchy-note-line > a.link-watch {
    float: right;
    margin-top: 4px;
    margin-right: 8px;
}

.hierarchy-childs {
    display: none;
}

.hierarchy-level .hierarchy-name {
    line-height: 54px;
}

.hierarchy-level .master-level {
    float: right;
    margin-top: 14px;
}

/* 小班*/
.vip-bg{
    background: #f8f3ed;
}
/*首页center部分*/
.vip-index-center {
    border-left: 1px solid #d5d5d5;
    margin: 0;
    min-height: 800px;
    padding: 2% 3% 50px 3%;
}
.vip-personal-data{
    border:1px solid #d5d5d5;
    text-align: center;
    border-radius: 10px;
    padding: 4% 0 3% 0;
    float: left;
    margin-bottom: 10px;
}

/*超出部分省略号*/
.beyond-ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
}
.vip-index-center-notice {
    height: 52px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background: white;
    border: 1px solid #d4cfbf;
    display:block;
}
.vip-index-center-notice img{
    float: left;
    margin:16px 10px 0 20px;
}
.vip-index-center-notice ul{
    padding:0;
    height:50px;
    overflow:hidden;
    float: left;
}
.vip-index-center-notice li{
    height:50px;
    line-height:50px;
    font-size:12px;
    color:black;
}
.vip-index-center-notice span {
    margin-left: 1%;
}
.vip-index-center-news>p>span,.vip-index-center-exam>p>span,.vip-index-right>p>span{
    font-size: 16px;
    font-weight: bold;
    color: #4E90F5;
    margin-left: 15px;
}
.vip-index-center-news>p>a,.vip-index-center-exam>p>a,.vip-index-right>p>a{
    float: right;
    color: #4E90F5;
    font-size: 12px;
    text-decoration:underline;
}
.vip-index-center .row {
    margin-top: 3%
}

.vip-index-center-user {
    margin-bottom: 3%
}

.vip-index-center-user img {
    border: 2px solid #4E90F5;
    float: left;
    margin-right: 5%;
    width: 110px;
    height: 110px;
}

.vip-index-center-time {
    margin-top: 1%;
    margin-bottom:4.5%;
}

.vip-index-center-time-nyr {
    padding-top:5px;
    background: #4E90F5;
    float: left;
    color: white;
    width: 80px;
    text-align: center;
}

.vip-index-center-time-nyr .d {
    font-size: 24px;
}

.vip-index-center-time-sfm {
    padding-top:5px;
    border: 1px solid gainsboro;
    color: #4E90F5;
    width: 190px;
    text-align: center;
}

.vip-index-center-time-sfm #time {
    font-size: 23px;
}

.vip-index-center-news ul {
    width: 100%;
    height: 100px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.vip-index-center-news ul li:hover {
    background: #f6f6f6;
}

.vip-index-center-news ul li {
    height: 100px;
    width: 33%;
    float: left;
}
.vip-index-center-news ul li div{
    width: 20%;
    float: left;
    line-height: 100px;
}
.vip-index-center-news ul li p{
    width: 75%;
    display:block;
    margin-left: 45px;
    line-height: 100px;
}
.vip-index-center-exam p {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 1%;
    margin-bottom: 3%;
}

.vip-index-center-exam .vip-index-center-no {
    border: 1px solid #d5d5d5;
    padding: 5% 3%;
    width: 400px;
    height: 300px;
    color: #1d1d26;
    font-size: 14px;
}

.vip-index-center-is {
    width: 30%;
    margin-bottom: 5%;
    color: #1d1d26;
    font-size: 14px;
    display:inline-block;
}
.vip-index-center-is-head{
    background: #4E90F5;
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: 8px solid #ffbd4a;
    padding: 5% 6%;
}
.vip-index-center-is-body{
    padding: 0 6% 10% 6%;
}
.vip-index-point{
    width: 100%;
    color: #1d1d26;
    font-size: 12px;
}
.vip-index-point-left{
    width: 48%;
    position: relative;
    float: left;
    margin-top: 23px;
}
.vip-index-point-right{
    width: 48%;
    position: relative;
    float: right;
    margin-top: 23px;
}
.vip-index-point-position{
    width: 100%;
    position:absolute;
    top: 15%;
    left: 5%;
    z-index: 10;
    padding: 3%;
}
.vip-tooltip-font{
    font-size: 0.16rem;
}
.justify_fix{
    display:inline-block;
    width:100%;
    height:0;
    overflow:hidden;
}

.vip-index-center-is:hover {
    background: #f6f6f6;
}
.vip-index-center-is-two {
    border-bottom: 1px solid #d7d7d7;
    padding: 5% 0;
}
.vip-index-center-is-line{
    width: 15%;
    border-top:3px solid #1fb5ac;
    margin: -2px 0 5% 0;
}

.vip-index-right {
    padding: 3% 0 0 0;
    border-left: 1px solid white;
    margin-left: -1px;
}

.vip-index-right p {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 2%;
}

.vip-index-center-title {
    font-size: 24px;
    color: #4E90F5;
}

.vip-index-right-courses {
    padding: 5% 0 2% 5%;
}

 .vip-index-right-no {
    border: 1px solid #d5d5d5;
    width: 90%;
    padding: 3%;
     margin: 0 0 5% 5%;
    border-bottom: 2px solid #4E90F5;
}

.vip-index-right-is {
    border: 1px solid #d5d5d5;
    width:80%;
    padding-top: 5%;
    border-bottom: 2px solid #4E90F5;
    margin: 0 0 8% 15%;
    color: #1d1d26;
    font-size: 14px;

}
.vip-index-right-is-content{
    padding:0 15%;
}
.vip-index-right-is-time{
    background: #f6f6f6;
    padding:3% 0 10% 16%;
}
.vip-index-right-is:hover {
    background: #f6f6f6;
}
.radius-shadow{
    -webkit-border-radius:8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:0 0 10px #d5d5d5;
    -moz-box-shadow:0 0 10px #d5d5d5;
    box-shadow:0 0 10px #d5d5d5;
    border:1px solid #d5d5d5;
}
.d5-shadow {
    -webkit-box-shadow:0 0 10px #d5d5d5;
    -moz-box-shadow:0 0 10px #d5d5d5;
    box-shadow:0 0 10px #d5d5d5;
}
.each-exercise-box {
    width: 260px;
    display: inline-block;
    color: #666666;
    margin-top: 15px;
}
.each-exercise-title {
    background: #2a52a3;
    padding: 15px;
    color: black;
}
.each-exercise-body {
    padding: 0 15px;
}
.border-dashed-bottom-6 {
    border-bottom: 1px dashed #666666;
}
.each-exercise-deadline {
    color:#dc514a;
    font-weight: bold
}
.each-class-img {
    background: #2a52a3;
    text-align: center;
    padding: 20px 0;
}
.each-class-name{
    height: 38px;
    overflow: hidden
}

/*作业列表*/
.vip-exercise-list {
    border-left: 1px solid gainsboro;
    min-height: 800px;
    padding: 1% 10% 0 3%;
    margin: 0;
    background: #f6f6f6;
}

.vip-exercise-nav {
    border-bottom: 1px solid #bdbdbd;
    padding-bottom: 1%;
    list-style: none;
    margin-bottom: 1%;
}

.vip-exercise-nav select {
    border-color:#2a52a3;
    background: transparent;
    -webkit-background: transparent;
    -o-background: transparent;
    -moz-background: transparent;
    -ms-background: transparent;
    padding:2px ;
}
.vip-exercise-nav select option {
    color: black;
    background: white;
}

.vip-exercise-list-content > div > div {
    border-bottom: 1px solid gainsboro;
    padding: 1% 3%;
    background: white;
}

/*我的消息*/
.vip-exercise-news-list {
    border-bottom: 1px solid gainsboro;
    padding: 0.5% 3%;
    background: white;
}
/*我的作业具体*/
.vip-exercise-main {
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 10px;
}

.vip-exercise-intro {
    height: auto;
    padding-top: 0
}

.vip-exercise-introtitle {
    color: white;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
}
.vip-exercise-introtitle-alert{
    color: white;
    padding: 5px 0;
    border-bottom: 1px solid orange;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 18px;
}
.vip-exercise-introcontent {
    border-bottom: 2px solid #d8d8d8;
    border-left: 2px solid #d8d8d8;
    border-right: 2px solid #d8d8d8;
    padding:10px;
    line-height: 150%;
    font-size: 15px;
    letter-spacing:1px;
}
.analysis-bg{
    background-color: #ecedef;
}
.vip-exercise-material {
    margin-top: 30px;
}

.vip-exercise-material-content {
    color: #262b2d;
    line-height: 2em;
    margin-top: 10px;
    border-bottom: 1px dashed grey;
    padding-bottom: 30px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.vip-exercise-material-content p{
    text-indent:2em;
}
.vip-exercise-material-content h3{
    font-size: 15px;
    font-weight: bold;
}
.taoti-margin{
    padding-bottom: 0 !important;
}
.vip-exercise-introcontent > div {
    margin-bottom: 20px;
    padding-left: 15px
}

.vip-exercise-composition-question {
    margin-top: 30px;
}

.vip-exercise-composition-upload {
    display: block;
}
.vip-exercise-composition-upload-btn {
    display: inline-block;
    text-align: center;
    padding: 2px 20px;
    width: 120px;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 5%;
    background-color: #4B87F9 !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.vip-exercise-composition-upload-btn input {
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.vip-exercise-composition-upload-btn span {
    display: block;
    color: white;
}

.vip-exercise-composition-upload-answers {
    margin-top: 30px;
    margin-bottom: 20px;
    clear: both;
}

.vip-exercise-composition-uploaded {
    display: block;
}

.vip-exercise-composition-nav {
    position: fixed;
    top: 20%;
    left: 10%;
}

.vip-exercise-composition-nav > ul {
    text-align: center;
    border: 1px solid #4E90F5;
    border-bottom: none;
    width: 100px;
}

.vip-exercise-composition-nav > ul li {
    border-bottom: 1px solid #4E90F5;
    width: 98px;
    padding: 5px 0;
}
div.composition_collect{
    position:absolute;
    right: -8%;
    top:1%;
    z-index: 10;
    display: none;
}

/*阅读打卡页*/
.vip-exercise-note-section {
    text-align: center;
    margin-bottom: 30%;
}

.vip-exercise-note-section-answers {
    margin-top: 2%;
    border-bottom: 1px dotted lightgray;
    border-top: 1px dotted lightgray;
    text-align: left;
    padding: 0 3% 3% 3%;
}

.vip-exercise-note-section article {
    line-height: 30px;
    text-align: justify;
    text-justify: inter-ideograph;
    padding: 0 3%;
    text-indent: 2em;
}

.vip-exercise-note-text {
    height: auto;
    position:fixed;
    margin:0 auto;
    left:0;
    right:0;
    bottom: 0;
    z-index: 2;
    background: white;
}
@media only screen and (min-width: 321px) and (max-width: 1024px) {
    .vip-exercise-note-text{
        width: 80%;
    }
}
@media only screen and (min-width: 1029px) {
    .vip-exercise-note-text{
        max-width: 800px;
    }
}
/*同学互评页*/
.vip-exercise-comment {
    margin-top: 30px;
    border-bottom: 1px dashed grey;
}

.vip-exercise-comment-content {
    color: #262b2d;
    margin-top: 10px;
    padding-bottom: 30px;
}

.vip-exercise-comment-teacher {
    padding: 15px 5px;
}

.vip-exercise-comment-teacher img {
    border: 2px solid #4E90F5;
    float: left;
    margin-right: 5%;
}

.vip-exercise-comment-uploaded {
    border-top: 1px dashed grey;
    border-bottom: 1px dashed grey;
}

.vip-btn-blue {
     border-style: none;
     background-color: #fd9433;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     color: white;
     padding: 2px 30px 2px 30px;
     cursor: pointer;
 }
.new-yellow-btn {
    border-style: none;
    background: #2a52a3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: black;
    padding: 2px 30px 2px 30px;
    cursor: pointer;
}
.search-btn-blue {
    border-style: none;
    background-color: #2a52a3 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: black;
    width: 120px;
    height: 30px;
    cursor: pointer;
}
.vip-btn-grey {
    border-style: none;
    background-color: #c2c2c2!important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: white;
    padding: 2px 30px 2px 30px;
    cursor: pointer;
}
.vip-btn-blue-shenlun{
    background-color: #4B87F9;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: white;
    padding: 0 30px;
    cursor: pointer;
    margin-top: 10px;
    width: 13%;
}

.vip-btn-green {
    border-style: none;
    background-color: #49a032 !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: white;
    padding: 2px 30px 2px 30px;
    cursor: pointer;
}

.vip-div-choosefile {
    color: white;
    background-color: #4B87F9 !important;
    border-radius: 15px;
    padding: 2px 20px 2px 20px;
    cursor: pointer;
}

.vip-div-choosefile input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    filter: alpha(opacity=0);
}
.vip-exercise-nav-margin{
    margin: 2%
}
.margin-l-50 {
    margin-left: 50px;
}

.margin-t-20 {
    margin-top: 20px;
}
.margin-t-10 {
    margin-top: 10px;
}
.margin-t-50 {
    margin-top: 50px !important;
}

.margin-l-20 {
    margin-left: 20px;
}

.vip-dispaly-lineblock-top {
    display: inline-block;
    vertical-align: top;
}

.vip-exercise-icon {
    color: #4E90F5;
    font-size: 40px
}
.vip-col-sm {
    width: 20%;
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}

.user-avatar {
    width: 50px;
    height: 50px;
}

.vip-image-default {
    width: 88px;
    height: 123px;
}

.vip-question-sidebar {
    float: right;
    margin-right: 0;
}

.vip-question-sidebar li + li {
    margin-top: 10px;
}

.vip-exercise-item {
    cursor: pointer;
    background: white;
}

.vip-exercise-status-text {
    width: 120px;
    text-align: right;
}
/*小班二期*/
/*锚点跳转*/
.vip-exercise-left-nav{
    position:fixed;
    border: 1px solid #fd9433;
}
.vip-exercise-left-nav a{
    text-align: center;
    display: block;
    padding:3px 20px;
    color: #fd9433;
    border-bottom: 1px solid #fd9433;
}
.vip-exercise-left-nav a:last-child{
    border: none!important;
}
.vip-exercise-topics-title{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 14px;
    margin-bottom: 14px;
    font-size: 16px;
    font-weight: bold;
    color: #4e90f5;
}
.vip-exercise-topics-title-t{
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #2a52a3;
    margin-top:2%;
}
.vip-exercise-topics-title-btn{
    float: right;
    margin-top: 10px;
}
.vip-topics-type{
    background: white;
    padding: 1% 0 1% 1%;
    margin-bottom: 2%;
    color: #606165;
    font-size: 16px;
    -webkit-box-shadow:0 0 8px #e1e1e1;
    -moz-box-shadow:0 0 8px #e1e1e1;
    box-shadow:0 0 8px #e1e1e1;
    width: 290px;
    margin-right: 3%;
    cursor:pointer;
}
.vip-topics-type-w {
    width: 270px;
    margin-right: 1.8%;
}
.vip-topics-type span{
    margin-left: 5%;
}
.vip-topics-btn{
    text-align: right;
    margin: 2% 3% 3% 0;
}
.vip-exercise-susuan-title{
    font-size: 16px;
    font-weight: bold;
    color: #2a52a3;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom:2%;
}
.vip-exercise-susuan-content{
  padding-left: 2%;
}
.vip-exercise-susuan-content>div{
     width: 240px;
     height: 200px;
     -webkit-box-shadow:0 0 8px #e1e1e1;
     -moz-box-shadow:0 0 8px #e1e1e1;
     box-shadow:0 0 8px #e1e1e1;
     background:white;
     text-align: center;
    cursor:pointer;
    margin:3% 2% 2% 1%;
 }
.vip-exercise-susuan-content>div>img{
   margin-top: 10%;
}
.vip-exercise-susuan-content-status{
    text-align: center;
    padding-top: 2%;
    line-height: 30px;
}

/*申论套题*/
.paper-status-bar .vip-paper-status-bar-item {
    padding-top: 18px;
    height: 100%;
    text-align: center;
    float: right;
}
.paper-status-bar .vip-paper-status-bar-item:hover {
    background-color: #ea892f;
    cursor: pointer;
    color: white;
}
.paper-status-bar .vip-active{
    background-color: #ea892f;
    color: white;
}
.paper-status-bar #vip-answer-card-btn:before {
    content: url(../image/exam_answercard.png);
    height: 18px;
    display: inline-block;
    vertical-align: bottom;
}
.paper-status-bar #vip-submit-card-btn:before {
    content: url(../image/vip-shenluntaoti-submit1.png);
    height: 18px;
    display: inline-block;
    vertical-align: bottom;
}
.vip-image-block-style{
    display: block!important;
    vertical-align: top;
    line-height: 20px;
}
.vip-show-notes{
    border-top:1px dotted lightgray;
    padding: 30px 0;
    vertical-align: middle;
    display: none;
}
div.show-notes-first+div.vip-show-notes{
    margin-top:30px;
}
.vip-report-notes{
    margin-right: 2%;
    margin-left: 2%;
    border:1px solid lightgray;
    padding: 30px 0;
    background-color: white;
}
.show-notes{
    border-top:1px dotted lightgray;
    padding: 30px 0;
    vertical-align: middle;
}
#susuan-topics{
    border: 1px solid #d8d8d8;
    height: 600px;
    margin-top: 3%;
    background: white;
    padding:3%;
}
#susuan-topics ol{
    color: #fd9433;
    font-size: 18px;
   margin-left:10%;
    margin-top: 5%;
}
#susuan-topics ol li{
    margin-bottom: 3%;
}
#susuan-topics ol li span{
    color:#333;
    font-size: 16px;
}

#susuan-topics ol li input{
    border: transparent;
    border-bottom: 1px solid grey;
    height:25px;
    width: 80px;
    color: #fd9433;
    outline:none;
}
#susuan-topics p{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.vip-susuan-1{
    border: 2px solid #56a9de;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-2{
    border: 2px solid #5fb965;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-3{
    border: 2px solid #e965ac;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-4{
    border: 2px solid #f3c33e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-5{
    border: 2px solid #4bcced;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-6{
    border: 2px solid #ea7154;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-7{
    border: 2px solid #76ece9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-8{
    border: 2px solid #ef90d1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-9{
    border: 2px solid #868cdc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-level-text-1 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #56a9de;
}
.vip-level-text-2 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #5fb965;
}
.vip-level-text-3 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #e965ac;
}
.vip-level-text-4 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #f3c33e;
}
.vip-level-text-5 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #4bcced;
}
.vip-level-text-6 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #ea7154;
}
.vip-level-text-7 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #76ece9;
}
.vip-level-text-8 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #ef90d1;
}
.vip-level-text-9 {
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 5px;
    color: #868cdc;
}
.vip-jiefangcheng-level-border{
    border: 1px solid #4E90F5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.vip-susuan-bottom{
    text-align: center;
}
.vip-susuan-bottom span{
    color: #606165;
}
/*找数*/
.zhaoshu-content,.jiefangcheng-content,.zhaoshu-content-error,.zhaoshu-content-all,.jiefangcheng-content-error,.jiefangcheng-content-all,.gongshi-content,.gongshi-content-all,.gongshi-content-error{
    border: 1px solid #d8d8d8;
    margin-top: 3%;
    background: white;
    padding:3%;
}
.zhaoshu-content div input{
    border: transparent;
    border-bottom: 1px solid grey;
    height:25px;
    width: 80px;
    color: #333;
    outline:none;
    margin-left: 10px;
}
/*公式*/
.gongshi-content div input{
    border: transparent;
    border-bottom: 1px solid grey;
    height:25px;
    width: 160px;
    color: #333;
    outline:none;
    margin-left: 10px;
}
/*解方程*/
.jiefangcheng-content div input{
    border: transparent;
    border-bottom: 1px solid grey;
    height:25px;
    width: 50px;
    color: #333;
    outline:none;
    margin-left: 10px;
}
.tixingpanding-content,.tixingpanding-content-all,.tixingpanding-content-error,.liefangcheng-content,.liefangcheng-content-all,.ciyudapei-content,.ciyudapei-content-all,.ciyudapei-content-error,.chengyujilei-content,.chengyujilei-content-all,.chengyujilei-content-error,.zhaozhongdian-content,.zhaozhongdian-content-all,.zhaozhongdian-content-error,.jinyici-content,.jinyici-content-all,.jinyici-content-error,.yujingdingwei-content,.yujingdingwei-content-all,.yujingdingwei-content-error,.jiegouhuafen-content,.jiegouhuafen-content-all,.jiegouhuafen-content-error,.fanyi-content,.tuili-content{
    background-color: white;
    border: 1px solid #d8d8d8;
    margin-top: 10px;
    padding:0 30px 30px 30px;
}

/*结构划分*/
.checkbox-item span{
    vertical-align: middle;
    margin-left: 20px;
}
.checkbox-item input{
    cursor: pointer;
    -webkit-appearance: none;
    height: 24px;
    vertical-align: middle;
    width: 24px;
    margin-left: 5px;
}
.checkbox-check{
    background:white url(../image/checkbox_no.png);
}
.checkbox-checkboxed {
    background: url(../image/checkbox_is.png);
}
.question-item-all,.question-item-error{
    padding: 20px 0 10px;
    line-height: 1.83em;
    border-bottom: 1px dashed #cbcbcb;
}
/*翻译推理*/
.fanyi-item {
    padding: 20px 0 10px;
    line-height: 1.83em;
    margin-bottom: 20px;
}
.tuili-item {
    padding: 20px 0 10px;
    line-height: 1.83em;
    border-bottom: 1px dashed #cbcbcb;
}
.vip-thumbnail-hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
    display: block;
    z-index: 100;
    background: rgba(165,165,165,0.5);
    background-size: 100%;
    text-align: center;
}

/*申论笔记、收藏*/
.my-sl-tab {
    width:482px;
    margin: 24px auto;
    border:1px solid #d5d5d5;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
}
.my-sl-tab span {
    padding: 10px 0;
    width: 160px;
    cursor: pointer;
}
.my-sl-tab span:first-child {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    -webkit-border-top-left-radius: 18px;
    -moz-border-top-left-radius: 18px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-bottom-left-radius: 18px;
}
.my-sl-tab span:nth-child(2) {
   border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
}
.my-sl-tab span:last-child {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
    -webkit-border-top-right-radius: 18px;
    -moz-border-top-right-radius: 18px;
    -webkit-border-bottom-right-radius: 18px;
    -moz-border-bottom-right-radius: 18px;
}
.my-sl-all>div>ul {
    border: 1px solid #d5d5d5;
    -webkit-box-shadow:0 0 8px #d5d5d5;
    -moz-box-shadow:0 0 8px #d5d5d5;
    box-shadow:0 0 8px #d5d5d5;
}
.my-sl-dashed {
    border-bottom: 1px dashed #d5d5d5;
    margin: 20px 0
}
.myexams_note_each{
    border-bottom:1px solid #d5d5d5;
    padding: 20px 20px 20px 30px;
    background: white;
}
.myexams_note_title{
    font-size: 16px;
    font-weight: bold;
    color: #404041;
}
.note-delete-btn{
    background: #ff342e;
    border: none;
    border-radius: 24px;
    width: 143px;
    height: 47px;
    color: white;
}
.note-close-btn{
    background: #2a52a3;
    border: none;
    border-radius: 24px;
    width: 143px;
    height: 47px;
    color: white;
}
.highlight {
    background-color: #4E90F5;
    color: white;
}
#markbtn,#cancelMarkbtn{
    display: none;
    background: black;
    border-radius: 10px;
    color: white;
    outline: none;
    border: none;
    padding: 3px 13px;
}


.eeoinfo_text {
    margin-top: 32px;
    font-size: 1.6em;
    line-height: 2em;
}

.btn-eeo {
    display: block;
    text-align: center;
    border: none;
    text-decoration: none;
    padding: .5em;
    color: white;
    background-color: #4E90F5;
    margin-top: 12px;
    cursor: pointer;
}

.eeo-test-disabled {
    display: inline-block;
    cursor: pointer;
    background-color: #8e8e8e;
    color: white;
    width: 200px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.eeo-test-enabled {
    display: inline-block;
    cursor: pointer;
    background-color: #4E90F5;
    color: white;
    width: 200px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

/*题库变窄*/
.container-padding{
    padding: 0 10%;
}
.content-border{
    margin: 44px 0;
    border: 1px solid #d8d8d8;
    padding: 2%;
    background: white;
}
.button-no-bg{
    border: none;
    background: white;
    outline: none;
}
.top-exercise-name{
    background: #f3f4f8;
    height: 50px;
    text-align: center;
    border:1px solid #d5d5d5;
    padding-top:7px;
}
.change-bg{
    position: absolute;
    background: white;
    padding: 10px;
    text-align: center;
    box-shadow:0 0 8px #d5d5d5;
    -webkit-box-shadow:0 0 8px #d5d5d5;
    -moz-box-shadow:0 0 8px #d5d5d5;
}
.change-bg a{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    cursor:pointer;
    padding: 0;
}
.change-bg a:nth-child(1){
    background: #fd9433;
}
.change-bg a:nth-child(2){
    background: #799e6e
}
.change-bg a:nth-child(3){
    background: #4e90f5;
}
.change-bg a:nth-child(4){
    background: #707070;
}
.change-bg a:hover{
    border: 2px solid black;
}
.exam-bg {
    background: #f8f3ed;
}
.change-bg-span{
    color: #fd9433;
}
.change-bg-border{
    border: 2px solid black;
}
/*事业单位题库*/
.institution-areas-btn{
    background: rgb(156,189,243);
    color: white;
    display: inline-block;
    padding: 6px 20px;
    border-radius: 20px;
    margin: 2% 1% 0 1%;
    cursor: pointer;
}
.institution-span{
    background: rgb(62,118,193);
}
.institution-papers-each{
    border:1px solid rgb(247,247,247);
    padding: 2% 3%;
    cursor: pointer;
    color: black;
}
.institution-papers-each:hover {
    background: #4E90F5;
    color: white;
}
.teacher_postil{
    text-indent: 2em;
    text-align:justify;
    font-size: 1em;
    letter-spacing: 0.1em;
    border:1px solid #a1a1a1;
    padding:2% 3%;
    word-break:break-all;
    word-wrap:break-word;
}
.teacher-postil-single{
    text-indent: 2em;
    text-align:justify;
    font-size: 1em;
    letter-spacing: 0.1em;
    line-height: 28px;
    word-break:break-all;
    word-wrap:break-word;
}
.teacher_postil_leave{
    text-align: right;
}
.look_postil{
    float:right;
}
/* 商品详情页 */
.product-detail-header{
    margin-top: 50px;
    background: white;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    -webkit-box-shadow:0 0 10px #d7d7d7;
    -moz-box-shadow:0 0 10px #d7d7d7;
    box-shadow:0 0 10px #d7d7d7;
    width: 818px;
}
.product-detail-header .btn-enroll {
    display: block;
    text-align: center;
    border: none;
    text-decoration: none;
    padding: 15.5px 0;
    width: 100%;
    color: white;
    background-color: #FF7B00;
    cursor: pointer;
    border-bottom-left-radius: 5px;
}
.product-detail-header .lectors {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-detail-header .lectors:before {
    content: url(../image/mycourse_lector_indicator.png);
    vertical-align: middle;
    height: 30px;
    margin-right: 4px;
    display: inline-block;
}

.product-detail-header .date {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-detail-header .date:before {
    content: url(../image/mycourse_date_indicator.png);
    vertical-align: middle;
    height: 30px;
    margin-right: 4px;
    display: inline-block;
}
.webwidget_menu_glide{
    -moz-border-radius-topright: 23px;
    -moz-border-radius-topleft: 23px;
    -webkit-border-top-left-radius: 23px;
    -webkit-border-top-right-radius: 23px;
    -khtml-border-radius-topright: 23px;
    -khtml-border-radius-topleft: 23px;
    border-radius-topright: 23px;
    border-radius-topleft: 23px;
    -moz-border-radius-bottomright: 23px;
    -moz-border-radius-bottomleft: 23px;
    -webkit-border-bottom-left-radius: 23px;
    -webkit-border-bottom-right-radius: 23px;
    -khtml-border-radius-bottomright: 23px;
    -khtml-border-radius-bottomleft: 23px;
    border-radius-bottomright: 23px;
    border-radius-bottomleft: 23px;
    border-radius:23px;
    border: 1px solid #d5d5d5;
    box-shadow: 0 0  3px #d5d5d5;
}
.webwidget_menu_glide .webwidget_menu_glide_sprite{
    width: 166px;
    height: 44px;
    color: white;
    position: absolute;
    -khtml-border-radius-bottomright: 22px;
    -khtml-border-radius-bottomleft: 22px;
    border-radius-bottomright: 22px;
    border-radius-bottomleft: 22px;
    border-radius:22px;
    background: url(../image/product-btn-bg.png) no-repeat center;
}
.webwidget_menu_glide ul{
    padding: 0;
    margin: 0;
    font-family:Arial;
}
.webwidget_menu_glide ul li{
    float: left;
    list-style: none;
    position: relative;
    text-align: center;
    width: 166px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}
.current{
    color: white;
}

.bshare-custom.icon-medium-plus .bshare-qzone{
    background: url(../image/qzone.png) no-repeat center;
}

.bshare-custom.icon-medium-plus .bshare-sinaminiblog {
    background: url(../image/sinaminiblog.png) no-repeat center;
}
#common_problem{
    display: none;
    background: white;
    padding: 20px 30px;
    border:1px solid #d5d5d5;
    line-height: 30px
}
#common_problem p{
    margin-bottom: 20px;
}
#teacher_introduce{
    margin: 40px 0;
}
#teacher_introduce .teacher-introduce-each{
    background: white;
    display: inline-block;
    width: 360px;
    height: 320px;
    padding:20px 30px;
    text-align: center;
    margin-bottom:20px;
}
#teacher_introduce .teacher-introduce-detail{
    text-align: justify;
    color: black;
    overflow:hidden;
    height: 180px;
    line-height: 25px
}
#teacher_introduce .teacher_introduce_header{
    width: 166px;
    height: 44px;
    border-radius:22px;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    border: 1px solid #d5d5d5;
    box-shadow: 1px 1px  3px #d5d5d5;
    background: white;

}
#course_lists li{
    background: white;
    border: 1px solid #d5d5d5;
    border-left:2px solid #4E90F5;
    padding: 20px 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
/*返回顶部按钮*/
.back-top{
    position: fixed;
    right: 3%;
    bottom:12%;
    cursor: pointer;
    z-index: 1040;
    display: none;
}
/*我的订单*/
.my-order{
    border: 1px solid #d4cfbf;
    margin-bottom: 10px;
}
.my-order-header{
    background: rgb(241,241,241);
    padding: 1%;
}
.my-order-pic{
    height: 100px;
    line-height: 100px;
    padding: 0 3%;
    border-top:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
}
.my-order-price{
    padding: 39px 0;
    text-align: center;
    border-top: 1px solid #d5d5d5
}
.my-order-status{
   padding:1%;
    border-left:1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    text-align: center;
}
.my-order-logistics{
    padding:1%;
    border-left:1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    text-align: center;
}
.container-note{
    margin-top:10px;
    margin-bottom: 1%;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
}
.bg-mock-note{
 background: rgb(241,237,234);
}
.mock-btn{
    text-align: center;
    border-style: none;
    background: #2a52a3;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 0;
    color: black;
    cursor: pointer;
    width: 288px;
}
.download-box{
    position: fixed;
    left: 10%;
    top:25%;
    width: 80%;
    border: 1px solid #e8e8e8;
    -webkit-box-shadow:0 0 3px #e8e8e8;
    -moz-box-shadow:0 0 3px #e8e8e8;
    box-shadow:0 0 3px #e8e8e8;
}
.download-header{
    background: #f4f4f4;
    padding:2%
}
.download-header>img{
    float: right;
    margin-right:2%;
    cursor: pointer;
}
.download-content{
    padding:5%;
    background: white;
}
.download-content-top{
    border-bottom: 2px solid #e8e8e8;
    padding-bottom: 5%;
    text-align: center;
}
.download-content-bottom{
    text-align: center;
    padding-top: 5%;
}
.btn-download{
    display: inline-block;
    color: white;
    background: #f58507;
    padding: 5px 30px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: none;
    border-radius: 5px;
}
.display-none {
    display: none;
}
/*我的优惠券列表*/
.my-coupons-top{
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 14px;
}
.coupon-each{
    border: 1px solid #e1e1e1;
    width:280px;
    display: inline-block;
    margin-top: 14px
}
.coupon-each-left {
    background: #2a52a3;
    color: white;
    height: 84px;
    width: 84px;
    text-align: center;
}
.coupon-each-right{
    height: 84px;
    width: 188px;
    padding:0 3px;
}
.coupon-each-top{
    border-bottom: 1px dashed #b4b4b4;
    padding: 5px 0;
}
.coupon-each-top div:nth-child(1) {
    width: 181px;
    height: 24px;
    font-size: 16px;
    color: black
}
.coupon-each-top div:nth-child(2) {
    font-size: 10px;
    color: #b4b4b4;
}
.coupon-each-bottom{
    padding-top: 7px;
    font-size: 10px;
}
.over-run {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.v-middle{
    display: inline-block;
    vertical-align: middle
}
.v-top{
    display: inline-block;
    vertical-align: top
}
.left_fix{
    height:0;
    padding:0;
    overflow:hidden;
}
.cursor-p{
    cursor: pointer
}

/*
    新版pc
*/


.padding-0{
    padding:0;!important;
}
.margin-0{
    margin: 0;!important;
}
.position-r {
    position: relative;
}
.width-100{
    width: 100%;
}
/*nav部分*/
.navbar-xizhi {
    background:white;
    position: fixed;
    top:0;
    width: 100%;
    border-bottom:2px #e3e3e3 solid;
    padding: 10px 0 5px 0;
    z-index: 9999;
}
.navbar-xizhi .navbar-toggle .icon-bar {
    background: #333;
}

.navbar-collapse li{
    padding-top: 8px;
}
.navbar-collapse li a{
    color: #333;
    width: 100px;
    padding: 6px 0!important;
    text-align: center;
}
.nickname-nav{
    vertical-align: middle;
}
.navbar-is-login {
    width: 120px!important;
    background: white!important;
    text-align: right!important;
    margin-right: 4px!important;
    margin-top:  -2px!important;
}
.navbar-not-login {
    width: 40px!important;
    background: white!important;
}
.navbar-right li:last-child a{
    width: 50px;
    background: white;
}
.navbar-left > li > a:hover,
.navbar-left > li > a:focus{
    color: #fcfcfc;
    background: #2a52a3;
    border-radius: 18px;
}
.nav-a-active {
    color: #fcfcfc!important;
    background: #2a52a3;
    border-radius: 18px;
}
.navbar-h {
    height: 72px;
    overflow: hidden;
}
.avatar {
    width: 24px;
    height: 24px;
}

.a-avatar {
    padding-top: 14px !important;
}

.a-avatar span {
    vertical-align: middle;
}
/*footer部分*/
.footer{
    background: #373737;
    padding:20px 0;
    font-size: 14px;
    color: #acacac;
}
.footer-left{
    text-align: left;
    padding: 10px;
}
.footer-left> a{
    color: #acacac;
}
.footer-left> span{
    margin-left: 10px;
}
.footer-left>div{
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.footer-left>div img {
    position: absolute;
    top: -90px;
    right:3px;
    display: none
}
.footer-right {
    text-align: right;
}
.footer-right span:first-child {
    margin-right: 20px
}
/*搜索功能*/
.search-exam {
    text-align: center;
    margin-bottom: 3%;
}
.search-exam-image{
    background: white;
    border: 2px solid #2a52a3;
    border-right: none;
    width: 10%!important;
}
.search-exam-image img {
    height: 18px;
    width: auto;
}
.search-exam-border{
    border:2px solid #2a52a3;
    border-left: none;
}
.search-exam-div{
    background: #2a52a3;
    border: none;
}
.serch-exam-radius{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.search-exam-div a{
    color: white;
    text-decoration: none;
}
.border-circle{
    border: 2px solid #2a52a3;
}
#search-btn{
    color: white;
    cursor:pointer;
}
#navbar-search-exam{
    padding-top:8px;
    width: 200px;
    float: right;
    margin-right: 10px
}
#navbar-search-exam input{
    height: 32px;
    border:1px solid #2a52a3;
    border-right: none;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}
#navbar-search-exam span{
    cursor: pointer;
    height: 32px;
    border: 1px solid #2a52a3;
    border-left: none;
    background: transparent;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}
.myc_split_icon {
    position: absolute;
    height: 12px;
    width: 0;
    border-right: #ccc 1px solid;
    top: 18px;
    left: 2px;
    z-index: 99;
}
.navbar-left {
    margin-left: 60px;
}
mark{
    background: white!important;
    color: red!important;
}
/*登录注册*/
.login-bg{
    background: url(../image/login-bg.png) no-repeat;
    background-size:cover;
}
.form-input {
    height: 50px!important;
    border: 1px solid #373737;
    padding: 14px 24px;
    -moz-border-radius:25px; /* Firefox */
    -webkit-border-radius:25px; /* Safari 和 Chrome */
    border-radius: 25px;
    margin-bottom: 20px;
}
.login-box {
    width: 430px;
    height: auto;
    text-align: center;
    margin: 8% auto;
    padding: 20px 0;
    background: white;
    position: relative;
}
.auth-close {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
}
.login-box-forget{
    padding: 20px 0 40px 0;
}
.login-title{
    font-size: 26px;"
}
.login-box-form {
    padding:0 43px;
}
.login-title-reg{
    font-size: 14px;
    color: #2a52a3;
    position: absolute;
    bottom: 3px;
    right: 0
}
.form-left-radius {
    -moz-border-top-left-radius:25px; /* Firefox */
    -webkit-border-top-left-radius:25px; /* Safari 和 Chrome */
    -moz-border-bottom-left-radius:25px; /* Firefox */
    -webkit-border-bottom-left-radius:25px; /* Safari 和 Chrome */
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
}
.form-right-radius {
    -moz-border-top-right-radius:25px; /* Firefox */
    -webkit-border-top-right-radius:25px; /* Safari 和 Chrome */
    -moz-border-bottom-right-radius:25px; /* Firefox */
    -webkit-border-bottom-right-radius:25px; /* Safari 和 Chrome */
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
}
.login-forget-a {
    margin: -10px 0 10px 0;
    text-align: right;
}
.login-forget-a a span {
    color: #9f9f9f;
}
.login-btn {
    width: 100%;
    margin-top: 12px;
    color: white;
}
.login-line {
    width: 100%;
    border-top: 1px solid #ececec;
    margin: 30px 0;
}
.login-line-text {
    margin-top: -40px;
    text-align: center;
}
.login-line-text>span{
    background: white;
    padding: 20px 25px;
    color: #646464;
}
.get-mobile-token {
    width: 135px;
    color: white;
    height: 50px
}
.border-right-none{
    border-right: none!important;
}
.captcha-img{
    height: 50px;
    border: 1px solid #373737;
    border-left: none
}
.login-third-party{
    margin-top: 18px
}
.login-third-party a:first-child{
    margin-right: 15px;
 }
.login-third-party a:last-child{
    margin-left: 15px;
}
.get-mobile-voice {
    margin-top: 4%;
    display: none;
    text-align: center;
}
.get-mobile-voice>span{
    color:rgb(78,194,254);
    cursor: pointer
}
.get-mobile-voice>ins{
    color: rgb(97,97,97);
    cursor: pointer;
}
.forget-trigger {
    width: 200px;
    border: 1px solid #2a52a3;
    border-radius: 17px;
    height: 34px;
    margin: 18px 72px;

}
.forget-trigger span{
    display: inline-block;
    width: 99px;
    text-align: center;
    padding: 6px 0;
    border-radius: 17px;
    cursor: pointer;
    color: #2a52a3;
}
.trigger-style {
    background: #2a52a3;
    color: white!important;
}

.is-login-pic {
    margin-top: 5%;
    height: 172px;
}
.is-login-text {
    margin-top: 12%;
}
.validate-message-margin {
    margin-bottom:8px;
    height: 20px;
    font-size: 12px;
}
.btn-form{
    display: inline-block;
    padding: 13px 12px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    outline: none;
    border: none;
}
.btn-form[disabled]{
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.hint-error {
    background:#fcc;
    border:1px solid #f33;
    font-size:10px;
    color:#600;
    padding:2px 10px;
    border-radius:5px;
    opacity:.8;
    white-space:nowrap;
    overflow:hidden;
    display: none;
}

.position-right-l {
    position: absolute;
    right: 15px;
    top: 13px;
    z-index: 100;
}
.position-right-r {
    position: absolute;
    right: 115px;
    top: 13px;
    z-index: 100;
}
.login-remind-modal-header{
    color: black;
    padding: 15px 0;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 18px;
}
.login-remind-modal-content{
    margin:5% 8% 0 8%;
    line-height: 1.83em
}
.login-remind-modal-content>p{
    font-weight: bold
}
.login-remind-modal-footer{
    text-align: center;
    margin: 5% 0
}
.login-remind-modal-footer>button{
    padding: 1.5% 9%;
    background: #2a52a3;
    color: black;
}
/*首页*/
.carousel-indicators {
    bottom: 0;
}
.tab-action-index {
    background: #2a52a3;
    color: white;
    border-radius: 18px;
    padding: 6px 20px;
}
.container-width {
    width: 1200px;
}
.margin-top-20{
    margin-top: 20px;
}
.carousel-new{
    float: left;
    width: 774px;
    height: 337px;
}
.self-adapting {
    width: 100%;
    height: 337px!important;
}
.yg-recommend{
    float: right;
    width: 415px;
    height: 337px;
}
.yg-recommend-title {
    padding: 10px 0 11px 0;
}
.yg-recommend-title>div {
    border-left: 3px solid #2a52a3;
    font-size: 18px;
    padding-left: 12px;
    letter-spacing: 2px;
    color: #373737;
}
.yg-recommend-column {
    padding: 0 3px;
}
.yg-recommend-each {
    margin-bottom: 3px;
    width: 408px;
    height: 93px;
}
.yg-recommend-each img {
    width: 408px;
    height: 93px;
}
.yg-recommend-each div:last-child {
    margin-left: 23px;
    font-size: 30px;
}
.clear-both {
    clear: both;
}
.yg-open {
    padding: 30px 0;
    margin-top: 10px;
}
.big-title {
    text-align: center;
    font-size: 28px;
    color: #333;
    letter-spacing:3px
}
.big-title-bottom-line{
    text-align: center;
    margin: -2px 0 10px 0;
}
.a-underline-none {
    text-decoration: none;
}
.yg-open-column {
    height:240px;
}
.yg-open-column-top {
    padding: 27px 30px;
    border:1px solid #e9e9e9;
    border-bottom: none;
    height: 172px;
    background: url(../image/open-bg3.jpg) no-repeat;
    position: relative;
}
.yg-open-column-bottom {
    padding: 19px 20px;
    height: 68px;
    background: #414141;
}
.open-bub-title {
    font-size: 20px;
    color: #333;
    height: 56px
}
.yg-open-column-content {
    font-size: 14px;
    color: #040404;
    margin-left: -1px;
}
.yg-open-column-content>div {
    margin-bottom: 6px;
}
.open-btn {
    width: 120px;
    height: 30px;
    border-radius: 15px;
    outline: none;
    border: none;
    font-size: 16px;
    color: #373737
}
.yg-product {
    margin-top: 10px;
    padding: 30px 15px 16px 15px;
}
.product-sub-title {
    padding-left:10px;
    border-left: 3px solid #2a52a3;
    font-size: 20px;
    color: black;
    letter-spacing: 2px;
}
.see-more-a {
    padding-top: 4px;
}
.see-more-a a span{
    font-size: 14px;
    color: #373737;
    margin-right: 10px;
}
.yg-product-column{
    margin-top: 16px
}
.yg-product-each {
    width: 342px;
    vertical-align: top;
    display: inline-block;
    -webkit-box-shadow:0 0 6px rgba(159, 159, 159, 0.4);
    -moz-box-shadow:0 0 6px rgba(159, 159, 159, 0.4);
    box-shadow:0 0 6px rgba(159, 159, 159, 0.4);
}
.yg-collection-each {
    width: 342px;
    vertical-align: top;
    display: inline-block;
}
.box-shadow-index {
    -webkit-box-shadow:0 0 8px #d5d5d5;
    -moz-box-shadow:0 0 8px #d5d5d5;
    box-shadow:0 0 8px #d5d5d5;
}
.yg-product-each-top {
    border-bottom: 0;
    text-align: center;
    position: relative;
}
.yg-product-each-top>img {
    width: 340px;
    height: 195px;
}
.yg-collection-each-top {
    width: 354px;
    height: 195px;
    margin-left: -6px;
    background-image: url('../image/bg-left.png'), url('../image/bg-right.png');
    background-position: left, right;
    background-repeat: no-repeat, no-repeat;
    border-bottom: 0;
    text-align: center;
    position: relative;
}
.yg-collection-each-top>img {
    width: 326px;
    height: 195px;
    -webkit-box-shadow:0 0 6px rgba(159, 159, 159, 0.5);
    -moz-box-shadow:0 0 6px rgba(159, 159, 159, 0.5);
    box-shadow:0 0 6px rgba(159, 159, 159, 0.5);
}
.yg-product-each-bottom {
    padding: 7px 10px;
    height: 46px;
    font-size: 12px;
    background: white;
}

.rgba-08 {
    color: rgba(0,0,0,.8);
}
.height-10 {
    height:10px;
}

.font-size-20 {
    font-size: 20px;
}
.font-size-22 {
    font-size: 22px;
}
.yg-exam {
    padding: 30px 0 70px 0;
    margin-top: 10px
}
.yg-exam-tab {
    padding:0 66px;
    font-size: 18px;
    color: #373737
}
.yg-exam-tab span {
    display: inline-block;
    margin-right: 20px;
    width: 76px;
    text-align: center;
    cursor: pointer;
}
/*.yg-exam-tab span:nth-child(5) {*/
    /*display: inline-block;*/
    /*margin-right: 20px;*/
    /*width: 112px;*/
    /*cursor: pointer;*/
    /*text-align: center;*/
/*}*/
.margin-t-b-20 {
    margin: 20px 0;
}
.yg-exam-content {
    height: 222px;
    padding: 0 66px;
}
.yg-exam-each {
    display: inline-block;
    vertical-align: top;
    width: 145px;
    height: 202px
}
.yg-exam-each-top {
    width: 100%;
    height: 87px;
    text-align: center;
    padding-top: 18px;
    background: #2a52a3;
}
.yg-exam-each-bottom {
    border: 1px solid #e9e9e9;
    border-top: none;
    height: 110px;
    text-align: center;
    padding: 0 20px
}
.yg-exam-each-bottom>div{
    font-size: 16px;
    color: #575757;
    padding: 12px 0 10px 0
}
.yg-exam-each-bottom>p{
    font-size: 12px;
    color: #656565;
}
.position-nav {
    width: 120px;
    font-size: 14px
}
.position-nav a {
    padding:11px 10px;
    display: block;
    color:#333;
}
.position-nav a:hover {
    color:#2a52a3;
}
.a-active{
    background: #2a52a3!important;
    color: white!important;
}
.position-fixed {
    position: fixed;
}
@media screen and (max-width: 1490px) and (min-width:1311px) {
    .position-nav {
        width: 60px;
    }
}
@media screen and (max-width: 1310px) {
    .position-nav {
        display: none;!important;
    }
}
.course-type-line {
    border-bottom: 1px solid #e9e9e9;
    margin: -40px 0 20px 0
}
.product-box {
    padding: 37px 66px 0 66px;
}
/* 课程 */
.exam-box{
    padding: 37px 74px;
}
.exam-title {
    padding-left:10px;
    border-left: 3px solid #2a52a3;
    font-size: 20px;
    color: black;
    letter-spacing: 2px;
}
.go-my-exam {
    font-size: 14px;
    color: #000;
    margin-top: 10px
}
.font-20 {
    font-size: 20px;
}
.exam-line {
    border-bottom: 1px solid #e9e9e9;
    margin-top: 14px
}
.anew-w {
    width: 176px;
    margin-top:20px
}
.margin-top-47 {
    margin-top: 47px;
}
.yellow-white-active {
    color: #2a52a3;
    background: white;
    border-top: 3px solid #2a52a3;
}
.detail-g-top {
    width: 100%;
    padding: 30px 25px 40px 25px;
    margin-top: 10px;
}
.detail-g-top-img {
    width: 498px;
    height: 285px;
    border: 1px solid #e9e9e9;
}
.detail-m-right {
    margin-left: 30px;
    width: 565px;
}
.detail-name {
    font-size: 22px;
    color: #141414;
    margin-bottom: 5px;
    margin-top: -3px;
}
.detail-teacher {
    font-size: 15px;
    color: #060606;
}
.height-25 {
    height: 25px;
}
.height-30 {
    height: 30px;
}
.height-23 {
    height: 23px;
}
.height-12 {
    height: 12px;
}
.height-143 {
    height: 143px;
}
.height-176 {
    height: 176px;
}
.detail-deadline{
    font-size: 13px;
    color: #ff6029;
}
.detail-intro-t {
    color: #4f4f4f;
    line-height: 1.6em;
    height: 90px;
    overflow: hidden;
}
.detail-intro-purchased {
    color: #4f4f4f;
    line-height: 1.6em;
    height: 48px;
    overflow-y: auto;
    margin-left: 12px;
    width: 475px;
}
.detail-m-f6 {
    padding:10px;
    background: #f6f6f6;
    width: 565px;
}
.detail-price {
    margin-bottom: 2px;
}
.detail-price span:nth-child(2) {
    font-size: 15px;
    color: #ff6029;
}
.detail-price span:last-child {
    font-size: 22px;
    color: #ff6029
}
.detail-time {
    height: 31px;
}
.detail-p-h{
    height: 31px;
}
.detail-title-span {
    font-size: 17px;
    color: #969696;
    margin-right: 14px;
}
.go-order {
    margin-top: 12px
}
.go-order-btn {
    display: inline-block;
    background: #FF7424;
    width: 228px;
    height: 54px;
    text-align: center;
    line-height: 53px;
    color: white;
    font-size: 20px;
    border-radius: 4px
}
.purchased-order-btn {
    display: inline-block;
    background: #ff6029;
    padding: 8px 40px;
    font-size: 16px;
    border-radius: 5px;
    color: white;
}
.counsel-btn {
    text-align: center;
    width: 126px;
    height: 36px;
    line-height: 33px;
    outline: none;
    border: 1px solid #17AFF2;
    border-radius: 18px;
    font-size: 18px;
    background: white;
    color: #17AFF2;
}
.counsel-btn img {
    width: 23px;
    height: 20px;
}
.detail-m-intro {
    width: 846px;
}
.courses-detail-tab-top {
    width: 846px;;
    height: 58px;
    background: #faf9f5;
    font-size: 20px;
    color: rgb(51, 51, 51);
}
.courses-detail-tab-top span {
    width: 277px;
    height: 58px;
    line-height: 54px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.courses-detail-tab-bottom li {
    padding: 20px 0 0 20px;
}
.detail-intro-w {
    width: 768px;
    height: auto
}
.detail-class-list {
    border-bottom: 1px solid #F3F3F3;
    padding: 14px 0;
}
.class-list-k {
    position: absolute;
    top:1px;
    right: 28px;
    z-index: 10
}
.class-list-lector {
    font-size: 16px;
    color: #1f1f1f;
}
.class-list-name {
    display: inline-block;
    vertical-align: top;
    margin-left: 16px;
    font-size: 16px;
    color: #898989;
    height: 20px;
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.class-list-status {
    background: #2a52a3;
    display: inline-block;
    padding: 3px 10px 2px 10px;
    border-radius: 11px;
    color: #333;
}
.detail-m-teacher {
    width: 344px;
    padding: 14px 30px;
    background: white;
    margin-bottom: 10px
}
.detail-m-teacher-top {
    padding-bottom: 20px;
    border-bottom: 1px solid #e9e9e9;
}
.detail-m-teacher-middle {
    margin: 17px 0;
    font-size: 14px;
    color: #676767;
    line-height: 2em;
    height: 110px;
    overflow: hidden;
}
.detail-m-more-teachers {
    background:#f2f2f2;
    height: 27px;
    width: 100%;
    margin-top: -10px;
    text-align: center;
    line-height: 27px;
    cursor: pointer;
    display: none;
}
.detail-m-teacher-bottom {
    width: 116px;
    padding:4px 0;
    border: 1px solid #cfcfcf;
    background: #f5f5f5;
    border-radius: 15px;
    text-align: center;
    margin: 0 auto;
}
.detail-m-teacher-top img {
    width: 60px;
    height: 60px;
    margin-right: 24px;
    border: 1px solid #e9e9e9;
}
.detail-m-teacher-top span {
    font-size: 23px;
    color:#000;
}
.detail-m-teacher-bottom span {
    margin-left: 4px;
    font-size: 15px;
    color: #484848;
}
.display-ln{
    display: inline-block;
}
.display-bl{
    display: block;
}
.none-border {
    border: none;
    outline: none;
}
.detail-invite-mark {
    margin-left:10px;
    cursor: pointer;
    border: 1px solid #faa731;
    border-radius: 18px;
    width: 18px;
    text-align: center;
    height: 18px;
    line-height: 16px;
    display: inline-block;
}
.padding-0-66{
    padding: 0 66px;
}
.margin-bottom-20 {
    margin-bottom: 20px
}
.vip-left-nav {
    float: left;
    text-align: center;
    width: 280px;
    height: auto;
    padding: 25px 0;
    border: 1px solid #d4cfbf;
    background: white;
}
.border-e9 {
    border: 1px solid #e9e9e9;
}
.vip-left-nav-user-img {
    margin-left: -3px;
}
.vip-left-nav-user-img img{
    width: 100px;
    height: 100px;
}
.vip-left-nav-user-name {
    text-align: center;
    font-size: 15px;
    color: #000;
}
.vip-left-nav-menu li a{
    font-size: 16px;
    color: #000;
    display: block;
    padding: 20px;
}
.vip-left-nav-menu li a:hover {
    color: #2a52a3;
}
.g-vip-index {
    width:910px;
    float: right;
}
.m-vip-index-each {
    padding: 15px 35px 0 35px;
    border:1px solid #d4cfbf;
    margin-top: 10px;
    background: white;
}
.border-bottom-e9 {
    border-bottom: 1px solid #e9e9e9;
}
.vip-index-title {
    font-size: 18px;
    color: #000;
    margin-bottom: 14px;
}
.m-vip-my-assess {
    padding: 40px 0;
}
.vip-index-see-more {
    display: inline-block;
    margin-top: 1px;
    margin-bottom: 10px;
    color: #000;
}
.vip-index-see-more:hover {
    color: #555;
}
.padding-t-10 {
    padding-top:10px;
}
.padding-t-b-10 {
    padding: 10px 0;
}
.font-16 {
    font-size: 16px;
}
.font-14 {
    font-size: 14px;
}

.each-notification {
    display: inline-block;
    padding: 10px 0;
    margin: 0 5px;
}
.each-notification:hover {
    background: #e9e9e9;
}
.each-notification-avatar>img {
    border: 1px solid #d5d5d5;
    -webkit-box-shadow:0 0 5px #d5d5d5;
    -moz-box-shadow:0 0 5px #d5d5d5;
    box-shadow:0 0 5px #d5d5d5;
    width: 40px;
    height: 40px;
}
.each-notification-content {
    width: 222px
}
.sender-title-style {
    color: gainsboro;
    font-weight: bold;
}
/* 我的课程 */

.mycourse-item {
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);;
}

.mycourse-item-row:first-child {
    margin-top: 40px !important;
}

.mycourse-item .row {
    padding-top: 16px;
    padding-bottom: 16px;
}

.mycourse-item h4 {
    margin-top: 6px;
}

.mycourse-item .mycourse-lectors {
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mycourse-item .mycourse-lectors:before {
    content: url(../image/mycourse_lector_indicator.png);
    vertical-align: middle;
    height: 28px;
    margin-right: 2px;
    display: inline-block;
}

.mycourse-item .mycourse-date {
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mycourse-item .mycourse-date:before {
    content: url(../image/mycourse_date_indicator.png);
    vertical-align: middle;
    height: 28px;
    margin-right: 2px;
    display: inline-block;
}

.mycourse-item img {
    height: 102px;
    width: 100%;
}

.mycourse-item .btn {
    border-radius: 0;
    width: 100%;
    color: white;
    margin-top: 60px;
}
.mycourse-name {
    font-size: 18px;
    margin-bottom: 10px
}
.mycourse-item-img {
    height: 101px!important;
    width: 175px!important;
}

.padding-60-20 {
    padding:60px 20px
}
.recomend-course-box {
    padding: 50px 80px 0 80px
}
.recomend-course-none {
    font-size: 24px;
}
.g-vip-topic {
    padding: 20px;
}
.vip-topic-span-w {
    width: 270px;
    display: inline-block
}
.margin-b-10 {
    margin-bottom: 10px;
}
.margin-b-7 {
    margin-bottom: 7px;
}
.margin-b-2 {
    margin-bottom: 2px;
}

.padding-30 {
    padding: 30px;
}
.padding-25 {
    padding: 25px;
}
.font-18 {
    font-size: 18px;
}
.setting-column {
    padding-left: 75px;
}
.setting-btn {
    display: inline-block;
    background: #2a52a3;
    color: black;
    padding: 5px 13px;
    border-radius: 5px;
    cursor: pointer;
}
.aboutus-box{
    padding: 0 78px;
}
.aboutus-intro {
    padding: 40px 30px;
}
.aboutus-intro>p {
    line-height: 2em;
    font-size: 18px
}
.aboutus-map {
    margin-top: 45px
}
.aboutus-map>img {
    width: 100%;
    height: auto;
}
.aboutus-contact {
    margin-top: 28px;
}
.line-h-2em {
    line-height: 2em;
}
.padding-b-20 {
    padding-bottom: 20px!important;
}
.padding-b-0 {
    padding-bottom: 0!important;
}
.logo-size{
    width: auto;
    height: 50px;
}
.margin-banxing {
    margin:-10px 0 20px 0;
}
.margin-banxing-list {
    margin:-30px 0 20px 0;
}
.app-con {
    min-width: 1120px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    overflow: hidden;
    padding: 70px 0;
    letter-spacing:3px
}
.app-t-l {
    margin-right: 200px;
    text-align: left;
    margin-bottom:80px;
}
.app-t-l h1 {
    font-size: 68px;
    color: white;
    font-weight: 400;
}
.app-t-l h3 {
    font-size: 34px;
    color: white;
}
.app-download-btn {
    margin-right: 40px;
}
.app-img-describe h2 {
    font-size: 42px;
    color: #111;
}
.app-img-describe h3 {
    font-size: 22px;
    color: #939393;
}
.app-margin-r-146 {
    margin-right: 120px
}
.app-margin-r-44 {
    margin-right: 44px
}
.app-img-exam {
    height: 220px;
    width: auto;
}
.app-top {
    padding-top: 100px;
    padding-bottom: 0;
}
.user_pic {
    padding: 5px;
    border: 1px solid #e9e9e9;
}
.shade-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    display: block;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity:0;
    opacity: 0;
    color: black;
    z-index: 100;
    background: #2a52a3;
    background-size: 100%;
    text-align: left;
    font-size: 13px;
    line-height: 1.77em;
    overflow: hidden;
}
.shade-thumbnail-name{
    font-size: 15px;
    font-weight: bold;
    margin-bottom:5px;
}
.bg-img-none {
    background-image:none!important;
}
.product-status-img {
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 70px;
    height: 33px;
}
.status-img-size {
    width: 70px;
    height: 33px;
}
.carrousel-left-btn {
    position: absolute;
    top: 139px;
    left:0;
    z-index: 5;
    display: inline-block;"
}
.carrousel-right-btn {
    position: absolute;
    top: 139px;
    right: 0;
    z-index: 5;
    display: inline-block;"
}
.vip-none-img-size{
    width: 45px;
    height: auto;
}
.new-bg-color{
    background-color: #2a52a3!important;
    color: black;
}
.sl-title{
    font-weight: bold;
    text-align: center;
    margin: 40px 0;
}
.border-top-dashed {
    border-top: 1px dashed grey;
}
.sl-each-btn {
    padding-top: 18px;
    height: 100%;
    text-align: center;
}
.sl-each-btn:hover {
    background-color: #ea892f;
    cursor: pointer;
    color: white;
}
.sl-score-info {
    background: #fd9433;
    padding: 1px 2px;
}
.sl-score-info-dashed {
    border-top: 1px dashed white;
    border-bottom: 1px dashed white;
    padding: 20px 0;
    color: white;
    text-align: center;
}
.border-bottom-white {
    border-bottom: 1px solid white;
}
.sl-score-info-content {
    background: #fd9433;
    width: 50%;
    margin: -10px auto;
}
.sl-buy-btn {
    background: #ff601a;
    display: inline-block;
    padding: 2px 15px;
    border-radius: 3px;
    color: white;
    letter-spacing:2px;
    cursor: pointer;
}
.sl-wait-check {
    background: #f4f4f4;
    padding: 10px;
    color: #ff601a;
}
.sl-mock-score {
    border: 1px solid #4e90f5;
    width: 100%;
    text-align: center;
    color: white
}
.sl-mock-score-type {
    width: 25%;
    display: inline-block;
}
.sl-score-table-title {
    background: #4e90f5;
    border-right: 1px solid white;
    padding: 5px 0;
    letter-spacing:2px;
}
.sl-score-table-col {
    background: white;
    border-right: 1px solid #4e90f5;
    color: red;
    font-size: 16px;
    padding: 8px 0;
}
.padding-40 {
    padding: 40px;
}
.display-inline {
    display: inline;
}
.mock-each {
    width: 350px;
    display: inline-block;
    vertical-align: top
}
.mock-each-index {
    padding: 20px 30px;
    height: 240px;
    border: 1px solid #e9e9e9;
}
.mock-each-activity {
    border: 1px solid #e9e9e9;
    border-top: none;
    height: 200px;
    padding: 20px 30px;
}
.mock-title {
    font-size: 17px;
    font-weight: bold;
    height: 45px;
    overflow: hidden;
}
.mock-little-btn {
    width: 132px;
}
.mock-download-papers {
    position: absolute;
    top:40px;
    left: -10px;
    z-index: 99;
    border: 1px solid #d5d5d5;
    padding: 10px;
    width: 150px;
    background: white;
    text-align: center;
    display: none;
}
.mock-download-paper-each {
    border: 1px solid #d5d5d5;
    padding: 3px 0;
    margin-bottom:10px;
    cursor: pointer
}
.mock-act-des {
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    height: 51px
}
.mock-search-image{
    background: white;
    border: 1px solid #bdbdbd;
    border-right: none;
    width: 10%!important;
}
.mock-search-image img {
    height: 18px;
    width: auto;
}
.mock-search-border{
    border: none;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}
.mock-search-div{
    background: #2a52a3;
    border: none;
    width: 80px;
    cursor: pointer;
}
.search-exam-div a{
    color: white;
    text-decoration: none;
}
.mock-act-empty {
    position:absolute;
    right: -65px;
    top: 8px;
    cursor: pointer
}
.mock-act-apply-btn {
    background: #2a52a3;
    outline: none;
    border: none;
    padding: 5px 40px;
}
.not-find-act-things {
    font-size: 12px;
    color: #bdbdbd;
    text-align: right;
    padding-right: 214px;
    padding-top: 10px;
    cursor: pointer;
}
.book-modal-title {
    font-size: 18px;
    color: rgb(118,211,106);
    margin-bottom: 18px
}
.book-modal-btn {
    width: 106px;
    padding: 5px 0;
    background: #2a52a3;
    border-radius: 15px
}
.exercise-description {
    position: fixed;
    margin: -110px 0 0 -17px;
    padding: 12px;
    width: 790px;
    height: 65px;
    overflow: hidden;
    border: 1px solid #d8d8d8;
    background: #F3F4F8;
}

@media (min-width: 1700px) {
    .exercise-description {
        width: 790px;
    }
}
@media screen and (min-width:1500px) and (max-width:1699px) {
    .exercise-description {
        width: 832px;
    }
}
@media screen and (min-width:1200px) and (max-width:1499px) {
    .exercise-description {
        width: 875px;
    }
}
@media screen and (min-width:990px) and (max-width:1200px) {
    .exercise-description {
        width: 734px;
    }
}
@media (max-width: 989px) {
    .exercise-description {
        width: 65%;
    }
}

.new-report-title {
    margin-bottom: 14px;
    font-size: 24px;
    color: rgb(51,51,51);
}
.new-report-comment {
    position: absolute;
    right: 90px;
    top: 34px
}
.new-report-comment-btn {
    padding: 8px 35px;
    background: #2a52a3;
    border-radius: 19px;
    font-size: 16px;
    color: rgb(51,51,51);
}
.new-report-content {
    padding: 20px 90px 60px 90px
}
.new-report-subtitle {
    font-size: 16px;
    color: rgb(255, 203, 15);
}
.new-report-score {
    margin:0 50px;
    text-align: center;
    padding-top: 15px;
}
.new-report-score-style {
    margin-bottom: 17px;
    padding-top: 50px;
    width: 178px;
    height: 178px;
    border: 1px dashed rgb(189, 189, 189);
    border-radius: 89px;
    color: rgb(102,102,102);
}
.font-55 {
    font-size: 55px;
}
.new-report-score-character {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 50px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #2a52a3;
    font-size: 24px;
}
.new-report-duration {
    font-size: 14px;
    color: rgb(102, 102, 102)
}
.new-report-right {
    padding-left: 35px;
    margin-left: 15px;
    border-left: 1px dashed rgb(189, 189, 189);
    font-size: 14px;
    height: 215px;
    color: rgb(102, 102, 102);
}
.new-report-p {
    padding: 15px;
    width: 490px;
    border-bottom: 1px dashed rgb(189, 189, 189);
}
.new-report-scores-intro {
    width: 490px;
    font-size: 10px;
    margin-top: 5px;
}
.new-report-analysis-btn {
    padding: 10px;
    display:inline-block;
    text-align: center;
    width: 210px;
    color: rgb(51, 51, 51);
    font-size: 14px;
    background: #2a52a3;
    border-radius: 5px;
}
.grade-up-modal-btn {
    width: 164px;
    padding: 5px 0;
    background: #2a52a3;
    color: rgb(51, 51, 51);
    border-radius: 15px
}
.notice-title {
    font-size: 28px;
    color: #333;
}

.mock-tab {
    text-align: center;
    margin-bottom: 30px;
}
.mock-tab span {
    cursor:pointer;
    display: inline-block;
    font-size: 16px;
    color: #2a52a3;
    width: 130px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #2a52a3;
}
.mock-tab span:first-child {
    margin-right: 20px;
}
.mock-tab span:last-child {
    margin-left: 20px;
}
.gray-block-style {
    background: #cacaca!important;
    color: black!important;
    border: 1px solid #cacaca!important;
}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
/*课程列表处'试听'提示*/
.courses-detail-tab-top span i {
    color: #FFFFFF;
    background:#FEC704;
    height: 18px;
    width: 44px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 18px;
    border-radius: 9px;
    margin-left: 5px;
    font-style: normal;
}
/*课程列表内'免费试听'按钮*/
.audition-tip-right {
    width: 103px;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}
.audition-tip-btn {
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -0.39px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    background: #FEC704;
    width: 103px;
    border-radius: 4px;
}
/* 我的拼团 */
.my-group-item {
    background: white;
    height: 172px;
    padding: 10px;
    position: relative;
}
.my-group-pic {
    width: 275.5px;
    height: 152px;
}
.my-group-content {
    width: 723px;
    margin-left: 20px;
}
.my-group-title {
    font-size: 22px;
    color: #333;
    line-height: 30px;
    height: 90px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.my-group-price {
    float: right;
    font-size: 20px;
    color: #FF6029;
}
.my-group-content-left {
    float: left;
    font-size: 16px;
    color: #333;
}
.my-group-content-left p {
    width: 380px;
}
.my-group-status {
    margin-left: 20px;
}
.my-group-status span {
    position: absolute;
    top: 0;
    right: 10px;
    width: 95px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #FFF;
    border-radius: 0 0 10px 10px;
}
.my-group-status a {
    display: block;
    margin-top: 86px;
    width: 111px;
    height: 36px;
    border: 1px solid #FF6029;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #FF6029;
}
.recommend-text {
    font-size: 16px;
    color: #FF5B12;
    letter-spacing: 0.53px;
    margin: 15px;
}
.group-top-status {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 90%;
    height: 35px;
    text-align: center;
    line-height: 34px;
    background: #ff9f38;
    font-size: 14px;
    color: #FFF;
}
.group-top-status::after {
    content: '';
    background: url('../image/act-angle.png') no-repeat;/*兼容没测*/
    position: absolute;
    top: 0;
    right: -10px;
    z-index: 2;
    width: 10px;
    height: 35px;
}
.look-group-btn {
    position: absolute;
    top: 30px;
    right: 5px;
    display: block;
    text-align: center;
    line-height: 36px;
    width: 130px;
    height: 36px;
    border: 1px solid #FF6D39;
    border-radius: 20px;
    font-size: 16px;
    color: #FF6D39!important;
}
.group-detail-top {
    position: relative;
    width: 100%;
    height: 203px;
    background: url(../image/group-bg.png) no-repeat;
    text-align: center;
    padding: 50px 0 32px 0;
}
.group-detail-avatar img {
    margin: 0 27px;
    width: 54px;
    height: 54px;
    border: 1px solid #fff;
    border-radius: 27px;
}
.group-detail-num {
    margin-top: 15px;
    font-size: 20px;
    color: #FFF;
}
.group-detail-time {
    margin-top: 8px;
    font-size: 16px;
    color: #FFF;
}
.group-detail-countdown {
    position: absolute;
    top: 10px;
    left: 46px;
}
.group-detail-timer {
    font-size: 30px;
    color: #FFF;
    margin-left: 10px;
}
.group-detail-invite {
    position: absolute;
    top: 72px;
    right: 50px;
}
.incite-group-btn {
    text-align: center;
    cursor: pointer;
    width: 149px;
    height: 46px;
    line-height: 46px;
    background: #FFFDF6;
    border-radius: 8px;
    font-size: 16px;
    color: #FF6809;
    margin-left: 15px;
    outline: none;
    border: none;
}
.incite-group-text {
    margin-top: 10px;
    font-size: 16px;
    color: #FFFFFF;
}
.group-share {
    width: 404px;
    height: 282px;
    padding: 35px;
    background: #fff;
    -webkit-box-shadow:0 0 8px #d5d5d5;
    -moz-box-shadow:0 0 8px #d5d5d5;
    box-shadow:0 0 8px #d5d5d5;
    font-size: 16px;
    color: #333;
}
.group-share-left {
    margin-right: 35px;
}
.group-share-right {
    border-left: 1px solid #E5E5E5;
    padding-left: 30px;
    margin-bottom: 36px;
}
#group-qrcode {
    width: 137px;
    height: 137px;
    background: #D8D8D8;
    margin-top: 20px;
}
.group-share-box {
    position: absolute;
    top: 70px;
    right: 0;
    display: none;
}
.detail-timer {
    width: 300px;
    text-align: right;
    font-size: 16px;
    color: #333;
}
.course-detail-timer {
    font-size: 22px;
    color: #FF6029;
    margin-left: 10px;
}
.detail-persons-text {
    font-size: 14px;
    color: #333;
    margin-top: 6px;
}
.can-order-btn {
    display: inline-block;
    background: #FF7424;
    border-radius: 4px;
    width: 228px;
    height: 54px;
    text-align: center;
    line-height: 53px;
    color: white!important;
    font-size: 16px;
}
.original-order-btn {
    display: inline-block;
    background: #FFEAEA;
    border-radius: 4px;
    width: 228px;
    height: 54px;
    text-align: center;
    line-height: 53px;
    color: #FF7424!important;
    font-size: 16px;
}
.cannot-order-btn {
    display: inline-block;
    background: #E4E4E4;
    border-radius: 4px;
    width: 228px;
    height: 54px;
    text-align: center;
    line-height: 53px;
    color: #7B7B7B!important;
    font-size: 16px;
}
.order-box {
    border: 1px solid #BDBDBD;
    padding: 30px 40px;
}
.order-title {
    font-size: 24px;
    color: #333333;
}
.dotted-line {
    border-bottom: 1px dotted #979797;
}
.dashed-line {
    border-bottom: 1px dashed #979797;
}
.padding-l-r-30 {
    padding: 0 30px;
}
.margin-t-b-30 {
    margin: 30px 0;
}
.order-sub {
    font-size: 20px;
    color: #333333;
    margin-right: 30px;
}
.order-sub-desc {
    font-size: 16px;
    color: #9B9B9B;
}
.order-form-username {
    text-align: center;
    width: 150px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
    margin-right: 25px;
}
.order-form-phone {
    text-align: center;
    width: 216px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
}
.padding-l-115 {
    padding-left: 115px;
}
.order-address select {
    width: 110px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
    margin-right: 15px;
}
.order-address input {
    width: 420px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
    padding-left: 15px;
}
.order-invite input, .order-qq input {
    text-align: center;
    width: 170px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
}
.order-agreement-username {
    text-align: center;
    width: 125px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
    margin-right: 15px;
}
.order-agreement-identity {
    text-align: center;
    width: 280px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
}

.order-form-sex {
    margin-left: 50px;
}
.order-form-sex label {
    font-size: 20px;
    color: #333!important;
    margin-right: 60px;
}
.order-form-sex label input {
    margin-left: 10px;
}
.order-job select, .agreement-exam-type select {
    width: 110px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
    margin-right: 15px;
}

.order-job select:nth-child(4) {
    width: 130px!important;
}
.order-job select:nth-child(5) {
    width: 160px!important;
}
.agreement-exam-type input {
    text-align: center;
    width: 210px;
    height: 43px;
    border: 1px solid #BDBDBD;
    border-radius: 2px;
    margin-right: 15px;
}
.order-btn {
    text-align: right;
}
.order-btn button {
    background: #FF6029;
    border-radius: 4px;
    width: 190px;
    height: 58px;
    line-height: 58px;
    font-size: 24px;
    color: #FFFFFF;
    border: none;
    outline: none;
}
.order-agreement-read {
    font-size: 16px;
}
.order-agreement-read label span{
    margin-left: 10px;
}
.order-agreement-read a {
    color: #32b7ed;
    margin-left: 20px;
}
.class-group-title {
    padding-left: 5px;
    margin-top: 10px;
    font-size: 18px;
    color: #333;
    border-left: 2px solid #FF7F47;
}
/*估分报告页*/
.gf-report {
    font-size: 22px;
    color: #333333;
}
.gf-report-time {
    color: #FF7F47;
    margin-left: 60px;
}
.gf-report-time span {
    color: #333333;
}
.gf-report-center {
    text-align: center;
}
.gf-report-score {
    margin: 24px 0 66px 0;
    background: url("../image/score.png") no-repeat;
    background-size: 149px 113px;
    width: 149px;
    height: 113px;
    text-align: center;
    line-height: 136px;
    font-size: 38px;
    display: inline-block;
}
.gf-report-score span {
    font-size: 14px;
}
.gf-rank, .gf-case {
    vertical-align: middle;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-left: 70px;
}
.gf-rank-img {
    width: 25px;
    height: 27px;
    display: inline-block;
    background: url("../image/rank.png") no-repeat;
    background-size: 25px 27px;
    vertical-align: top;
    margin-right: 15px;
}
.gf-rank-time {
    color: #FF9136;
    margin-left: 30px;
}
.gf-rank-name {
    width: 1168px;
    height: 52px;
    background: #FFEACF;
    border-radius: 4px;
    line-height: 52px;
    font-size: 16px;
    color: #676767;
    margin: 25px 0 0 40px;
}
.gf-rank-name-img {
    width: 25px;
    height: 28px;
    display: inline-block;
    background: url("../image/sound.png") no-repeat;
    background-size: 25px 28px;
    vertical-align: middle;
    margin: 0 25px 0 34px;
}
.gf-rank-score {
    width: 1200px;
    height: 50px;
    margin: 30px 0 40px 25px;
    padding-inline-start: 0;
    fomt-size: 16px;
}
.gf-rank-score li {
    width: 16.6%;
    height: 50px;
    float: left;
    list-style-type:none;
    text-align: center;
    line-height: 50px;
    border-top: 1px solid #FFE360;
    border-bottom: 1px solid #FFE360;
}
.gf-rank-score li:nth-child(odd) {
    background: #FFE360;
}
.gf-case-img {
    width: 25px;
    height: 21px;
    display: inline-block;
    background: url("../image/trend.png") no-repeat;
    background-size: 25px 21px;
    vertical-align: middle;
    margin-right: 15px;
}
.gf-report-left {
    margin-left: 50px;
}
.gf-former-years {
    font-size: 18px;
    color: #676767;
    margin: 15px 0 16px 50px;
}
.gf-width {
    width: 1300px;
    height: auto;
    overflow: hidden;
}
.gf-years-case {
    height: 52px;
    margin-left: 25px;
    display: inline-block;
    border: 1px solid #EAEAEA;
}
.gf-years-case-li {
    display: inline-block;
    width: 399px;
    margin-top: 6px;
    height: 40px;
    line-height: 40px;
    border-right: 1px solid #EAEAEA;
    clear: both;
}
.gf-years-case-li span {
    width: 50%;
    display: inline-block;
    height: 40px;
    float: left;
    text-align: center;
}
.gf-years-case-li:last-child {
    border-right: none;
}
.gf-answer-case {
    font-size: 22px;
    color: #333333;
    margin-top: 40px;
}
.gf-case-title {
    font-size: 16px;
    color: #333333;
    margin: 20px 0 10px;
}
.gf-case-content {
    font-size: 16px;
    color: #9B9B9B;
    margin-bottom: 11px;
}
.gf-report-card {
    margin: 40px 0 37px;
    font-size: 22px;
    color: #333333;
}
.gf-report-number {
   height: auto;
   overflow: hidden;
   margin: 0 0 11px 0;
   border-bottom: 1px dashed#EAEAEA;
   width: 1168px;
}

.gf-report-number span {
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    border-radius: 50%;
    margin: 0 48px 26px 48px;
}
.gf-report-number .gf-report-error {
    background: #F15E57;
}
.gf-report-number .gf-report-right {
    background: #2a52a3;
}
.gf-report-number .gf-report-empty {
    color: #2a52a3;
    border: 1px solid #C1C1C1;
}
.gf-report-all, .gf-report-error {
    padding: 0;
    font-size: 22px;
    color: #FFFFFF;
    background: #2a52a3;
    width: 260px;
    height: 56px;
    line-height: 56px;
    margin-top: 127px;
}
.gufen-select {
    width: 200px;
    height: 30px;
    background-color: #fff;
    margin: 20px 20px 0 0;
}
.gufen-btn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    background-color: #FEC704;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    margin: 50px auto 0;
}
.gufen-select:focus {
    outline: 0;
}

/* 商品改版 */
.product-nav-box {
    width: 1200px;
    font-size: 0;
}
.product-nav-left {
    width: 45px;
    height: 46px;
    padding-top: 2px;
    line-height: 46px;
    text-align: center;
    border-radius: 23px 0 0 23px;
    background: white;
    font-size: 20px;
    color: #535353;
    cursor: pointer;
}
.product-nav-right {
    width: 45px;
    height: 46px;
    padding-top: 2px;
    line-height: 46px;
    text-align: center;
    border-radius: 0 23px 23px 0;
    background: white;
    font-size: 20px;
    color: #535353;
    cursor: pointer;
}
.product-nav {
    overflow: hidden;
    white-space: nowrap;
    width: 1110px;
    height: 46px;
    line-height: 48px;
    background: white;
    font-size: 18px;
    color: rgb(51, 51, 51);

}
.product-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-nav-fixed {
    width: 1200px;
    padding: 10px 0;
    position: fixed;
    top: 70px;
    z-index: 99999;
    background: #e9e9e9;
    font-size: 0;
}
.product-nav li {
    display: inline-block;
    padding: 0 15px;
}
.product-nav li:nth-child(1) {
    padding: 0 15px 0 0!important;
}
.product-nav li a {
    display: inline-block;
    height: 40px;
    cursor: pointer;
    text-align: left;
    color: rgb(51, 51, 51);
}
.product-nav li a:hover {
    border-bottom: 1px solid rgb(255, 162, 0);
    color: rgb(255, 162, 0);
}
.nav-active {
    border-bottom: 1px solid rgb(255, 162, 0)!important;
    color: rgb(255, 162, 0)!important;
}
.yg-each-pic {
    width: 578px;
    height: 255px;
    background: #e0e0e0;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 4px;
}
.yg-each-pic-img {
    position: relative;
    border-radius: 4px;
}
.yg-each-img {
    width: 578px;
    height: 255px;
    border: 1px solid #D7D7D7;
    border-radius: 4px;
}
.yg-each-product {
    width: 283px;
    height: 255px;
    background: white;
    vertical-align: top;
    display: inline-block;
    margin-bottom: 15px;
}
.yg-each-product-slot {
    width: 283px;
    vertical-align: top;
    display: inline-block;
}
.yg-each-product-border {
    border-radius: 4px;
    border: 1px solid #D7D7D7;
}
.yg-each-collection {
    width: 283px;
    height: 243px;
    padding: 0 10px;
}
.collection-bottom {
    width: 275px;
    height: 10px;
    padding-left: 4px;
    display: block;
}
.yg-each-product-title {
    height: 56px;
    overflow: hidden;
    text-align: left;
    padding: 3px 10px;
    font-size: 18px;
    color: rgb(51, 51, 51);
}
.yg-each-product-time {
    padding: 2px 10px 0 10px;
    font-size: 12px;
    color: rgb(137, 137, 137);
    height: 42px;
    text-align: left;
}
.yg-each-product-act {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    text-align: right;
}
.yg-each-product-teacher {
    padding: 0 10px;
    height: 70px;
    text-align: left;
}
.yg-each-product-teacher div {
    text-align: center;
    margin-right: 23px;
    font-size: 14px;
    color: rgb(137, 137, 137);
    overflow: hidden;
}
.yg-each-product-teacher div:last-child {
    margin-right: 0;
}
.yg-each-product-teacher img {
    width: 44px;
    height: 44px;
    border-radius: 22px;
}
.yg-each-product-bottom {
    height: 50px;
    padding: 0 10px;
    border-top: 1px dashed #D7D7D7;
}
.yg-each-product-left {
    font-size: 12px;
    color: rgb(137, 137, 137);
    margin-top: 5px;
}
.yg-each-product-left span {
    height: 17px;
}
.yg-each-product-price {
    font-size: 28px;
    color: rgb(254, 120, 47);
    margin-top: 6px;
}
.yg-each-product-top {
    border-bottom: 0;
    text-align: center;
    position: relative;
}
.margin-t-65 {
    margin-top: 65px !important;
}
.yg-product-column-index {
    height: 300px;
    margin-bottom: 40px;
    overflow: hidden;
}
.yg-type-icon {
    float: left;
    width: 58px;
    height: 32px;
    line-height: 32px;
    background: url(../image/type-icon.png) left top no-repeat;
    font-size: 12px;
    color: #333;
    text-align: center;
    overflow: hidden;
}
/* 详情页 */
.detail-top-left {
    float: left;
    width: 378px;
    height: 298px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    padding: 0 15px;
}
.detail-product-top {
    height: 50px;
    line-height: 50px;
    text-align: right;
}
.detail-product-title {
    height: 150px;
    overflow: hidden;
    text-align: left;
    font-size: 24px;
    color: #333;
}
.detail-product-teacher {
    height: 80px;
}
.detail-product-teacher div {
    text-align: center;
    margin-right: 30px;
    font-size: 16px;
    color: rgb(107, 107, 107);
}
.detail-product-teacher img {
    width: 44px;
    height: 44px;
    border-radius: 22px;
}
.detail-top-right {
    float: right;
    width: 740px;
}
.detail-top-right-title {
    font-size: 24px;
    color: #333333;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
}
.detail-top-right-time {
    height: 58px;
    line-height: 56px;
    font-size: 16px;
    color: #333;
}
.detail-product-time {
    margin-right: 30px;
}
.detail-product-time img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
.detail-product-hour img {
    width: 23px;
    height: 19px;
    margin-right: 10px;
}
.detail-product-sale {
    margin-right: 60px;
}
.detail-product-sale span {
    color: #FF7424;
}
.detail-top-right-intro {
    width: 100%;
    height: 114px;
    border: 1px solid #e4e4e4;
    overflow: hidden;
    padding: 8px 15px;
    color: #4f4f4f;
    line-height: 1.8em;
}
.detail-top-right-num {
    height: 45px;
    padding-top: 8px;
    font-size: 14px;
    color: #5C4747;
}
.detail-timer img {
    width: 20px;
    height: 23px;
    margin-right: 10px;
}
.lectors-each {
    cursor: pointer;
    width: 395px;
    height: 312px;
    margin: 0 15px 15px 0;
    padding: 20px 10px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #efefef;
    overflow: hidden;
}
.lectors-each-avatar {
    width: 68px;
    height: 68px;
    border-radius: 34px;
}
.lectors-each-rate {
    font-size: 20px;
    color: rgb(51, 51, 51);
    margin-left: 20px;
 }
.lectors-each-intro {
    margin-top: 20px;
    font-size: 18px;
    color: rgb(51, 51, 51);
    overflow: hidden;
}
.yg-detail-each-product {
    width: 320px;
    height: 255px;
    margin-bottom: 25px;
    vertical-align: top;
    display: inline-block;
}
.yg-detail-each-collection {
    width: 320px;
    height: 255px;
    background: white;
    padding: 0 10px;
}
.detail-collection-bottom {
    width: 312px;
    height: 10px;
    padding-left: 4px;
    display: block;
}
.group-price {
    font-size: 12px;
    color: rgb(107, 107, 107);
}
.course-intro-title {
    margin-bottom: 20px;
    font-size: 20px;
    color: #333;
}
.course-intro-title::before{
    content : '.';
    color: #2a52a3;
    font-size: 50px;
}
.p-fixed {
    position: fixed;
    top: 72px;
    z-index: 9999;
}
.detail-p-price {
    font-size: 36px;
    color: #FF7424;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.course-pic-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
    width: 48px;
    height: auto;
}