@font-face {
    font-family: Muiicons;
    font-style: normal;
    font-weight: 400;
    src: url(../bootstrap/fonts/mui.ttf) format("truetype")
}

@font-face {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../stylesheets/fonts/icomoon.ttf) format("truetype")
}

@media (max-width: 500px) {
    .hidden-xxs-gk {
        display: none
    }
}

@media (min-width: 500px) {
    .col-xxs-gk-3 {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .col-xs-0 {
        display: none
    }
}

@media (min-width: 768px) {
    .col-sm-0 {
        display: none
    }
}

@media (min-width: 992px) {
    .col-md-0 {
        display: none
    }
}

@media (min-width: 1200px) {
    .col-lg-0 {
        display: none
    }
}

* {
    opacity: 1;
    -webkit-text-size-adjust: none;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    /*color:#666;*/
}

body, html {
    -webkit-touch-callout: none;
    height: 100%
}

.alert {
    background-image: none
}

.orange {
    color: #ff8f1d !important
}

a:focus {
    outline: 0;
    -moz-outline: none
}

.gkhidden {
    display: none !important
}

a {
    color: #666
}

a:active {
    color: #188eee;
    text-decoration: underline
}

a:hover {
    color: #188eee;
    text-decoration: underline
}

.blue {
    color: #188eee !important
}

.blue:before {
    color: #188eee
}

.blue:after {
    color: #188eee
}

a.blue {
    color: #116db8
}

a.blue:active {
    color: #188eee;
    text-decoration: underline
}

a.blue:hover {
    color: #188eee;
    text-decoration: underline
}

.topnav a {
    color: #666
}

.topnav a:active {
    color: #188eee;
    text-decoration: underline
}

.topnav a:hover {
    color: #188eee;
    text-decoration: underline
}

.hoverbox {
    position: relative
}

.hoverbox .boxchild {
    display: none
}

.page_login .main .main_reg .form-group input {
    border: 1px solid #ccc;
    box-shadow: none
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    border: 1px solid #ccc;
    box-shadow: none
}

.btn-able-gray {
    cursor: pointer;
    color: #666 !important;
    background-color: #f4f4f4 !important
}

.btn-able-gray:hover {
    background-color: #eee !important
}

.btn-able-gray:active {
    background-color: #eee !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-able-gray span {
    color: #666 !important
}

.btn-able-gray.blue {
    color: #188eee !important
}

.btn-able-blue {
    cursor: pointer;
    color: #fff !important;
    background-color: #188eee !important
}

.btn-able-blue:hover {
    background-color: #106bb6 !important
}

.btn-able-blue:active {
    background-color: #106bb6 !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-able-blue.blue {
    color: #188eee !important
}

.btn-able-orange {
    cursor: pointer;
    color: #fff !important;
    background-color: #ff8f1d !important
}

.btn-able-orange:hover {
    background-color: #e48119 !important
}

.btn-able-orange:active {
    background-color: #e48119 !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-able-orange.orange {
    color: #ff8f1d !important
}

.btn44 {
    height: 44px !important;
    line-height: 36px !important;
    padding: 0 15px
}

.btn_blue {
    background-image: none;
    background-color: #188eee;
    color: #fff;
    border: none;
    height: 36px;
    font-size: 16px;
    text-shadow: none
}

.btn_blue:hover {
    color: #fff;
    background-image: none;
    background-color: #48a5f1
}

.btn_blue:active {
    color: #fff;
    background-image: none;
    background-color: #0e73c5
}

.btn_blue_check {
    background-color: #fff;
    color: #188eee;
    border: 1px solid #188eee
}

.btn_blue_check span {
    color: #fff;
    font-family: 'Glyphicons Halflings'
}

.btn_blue_check:hover {
    color: #188eee;
    background-color: #fff
}

.btn_blue_check.active {
    background-color: #188eee;
    color: #fff;
    border: 1px solid #188eee
}

.btn_blue_check.active span:before {
    content: "\e013"
}

.btn_blue_inverst {
    font-size: 16px;
    color: #188eee;
    background-color: #fff;
    border: 1px solid #188eee;
    height: 36px
}

.btn_blue_inverst.active {
    color: #fff !important;
    background-color: #188eee;
    background-image: none;
}

.btn_blue_inverst:hover {
    color: #106bb6;
    border: 1px solid #106bb6
}

.btn_blue_inverst:active {
    color: #106bb6;
    border: 1px solid #106bb6
}

.btn_orang_inverst {
    color: #ff8f1d;
    background-color: #fff;
    border: 1px solid #ff8f1d;
    height: 36px
}

.btn_orang_inverst:hover {
    background-color: #fff;
    color: #e48119;
    border: 1px solid #e48119
}

.btn_orang_inverst:active {
    background-color: #fff;
    color: #e48119;
    border: 1px solid #e48119
}

.btn_hasSubline {
    line-height: 22px;
    height: 44px
}

.btn_hasSubline span {
    color: #188eee;
    display: block;
    height: 12px;
    line-height: 12px;
    font-size: 6px !important;
    opacity: .5
}

.btn_hasSubline:active {
    color: #188eee
}

.btn.btn-default.btn_loadmore {
    display: block;
    background-image: none;
    background-color: #fff;
    height: 36px;
    border: 1px solid #188eee;
    margin: 15px auto;
    font-size: 14px;
    line-height: 32px;
    padding: 2px 10px
}

.btn.btn-default.btn_loadmore span {
    color: #188eee
}

.btn.btn-default.btn_loadmore span:nth-child(1) {
    display: none
}

.btn.btn-default.btn_loadmore span:nth-child(2) {
    display: inline
}

.btn.btn-default.btn_loadmore.loading {
    border: 1px solid #ccc
}

.btn.btn-default.btn_loadmore.loading span {
    color: #ccc
}

.btn.btn-default.btn_loadmore.loading span:nth-child(1) {
    display: inline
}

.btn.btn-default.btn_loadmore.loading span:nth-child(2) {
    display: none
}

.nomore {
    width: 100%;
    margin: auto;
    text-align: center;
    color: #999;
    display: inline-block;
    padding: 6px 10px;
    margin-top: 30px
}

.back2top {
    position: fixed;
    right: 20px;
    bottom: -100px;
    width: 55px;
    height: 55px;
    border-radius: 27px;
    background-color: rgba(0, 0, 0, .2);
    z-index: 99999;
    text-align: center;
    line-height: 55px;
    transition: .3s
}

.back2top span {
    color: #fff;
    font-size: 24px;
    line-height: 55px;
    text-align: center
}

.back2top.show {
    bottom: 20px;
    transition: .3s
}

.input-group-btn.img-group-btn img {
    padding: 0;
    height: 34px;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

a.zeroVisible {
    width: 100%;
    height: 0
}

.alert-gankao {
    margin: 10px auto;
    background-image: none;
    display: none
}

.alert-gankao.show {
    display: block
}

.btn img {
    height: 26px;
    width: auto;
    margin: 0;
    padding: 0;
    margin-top: -2px;
    margin-right: 5px
}

.btn-gray {
    background-image: none;
    border: none;
    text-shadow: none;
    background-color: #ddd;
    line-height: inherit;
    height: inherit;
    font-size: 14px;
    color: #666
}

.btn_orange {
    background-image: none;
    color: #fff;
    border: none;
    height: 36px;
    font-size: 16px;
    text-shadow: none;
    background-color: #ff8f1d
}

.btn_orange:hover {
    color: #fff;
    background-image: none;
    background-color: #ffa850
}

.btn_orange:active {
    color: #fff;
    background-image: none;
    background-color: #e97600
}

button.btn.price span {
    content: url(../images/sort_none.png);
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 2px
}

button.btn.price_esc span {
    content: url(../images/sort_esc.png);
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 2px
}

button.btn.price_desc span {
    content: url(../images/sort_desc.png);
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 2px
}

.hoverbox:hover {
    position: relative
}

.hoverbox:hover .boxchild {
    position: absolute;
    display: block;
    left: -50%;
    top: 100%;
    z-index: 9999999;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .075)
}

.hoverbox:hover .boxchild.img img {
    width: 100%;
    min-width: 200px
}

.halfline {
    height: 22px !important;
    line-height: 22px !important
}

.halfline small {
    color: #ccc !important
}

.autoheight {
    height: auto !important
}

.innerblock {
    display: inline-block !important
}

.text_valign_middle {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center
}

.panel_centerMsg {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 80%;
    height: 70px;
    margin: auto;
    margin-bottom: 50%;
    z-index: 10000000;
    position: fixed;
}

.panel_centerMsg .container {
    border-radius: 15px;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60);
    max-height: 150px;
    max-width: 300px;
    text-align: center;
    height: 100%
}

.panel_centerMsg .container .message {
    font-size: 16px;
    color: #fff;
    height: 100%;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center
}

@media (max-width: 767px) {
    .panel_centerMsg {
        position: fixed;
        left: 0;
        right: 0;
        top: -55px;
        height: 44px;
        padding: 0;
        width: 100%;
        margin: 0;
        transition: .4s;
        background-color: #ffe027 !important;
        opacity: 1 !important;
        color: #000000 !important;
    }

    .panel_centerMsg .container {
        margin: 0;
        padding: 0;
        border-radius: 0;
        width: 100%;
        max-height: 100px;
        max-width: 100%;
        background-color: #ffe027 !important;
        opacity: 1 !important;
        color: #000000 !important;
    }

    .panel_centerMsg .container .message {
        width: 100%;
        background-color: #ffe027 !important;
        opacity: 1 !important;
        color: #000000 !important;
    }

    .panel_centerMsg.show {
        top: 0;
        transition: .4s;
        font-size: 14px;
    }
}

.width_100 {
    width: 100%
}

.width_50 {
    width: 50%
}

.height_44 {
    height: 44px
}

.height_66 {
    height: 66px
}

.inline {
    display: inline-block
}

.white {
    color: #fff
}

.maskbg {
    opacity: 0;
    z-index: -1000;
    position: fixed
}

.active .maskbg {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    z-index: 99999;
    transition: .4s
}

.topnav {
    border-bottom: 1px solid #ddd;
    position: relative
}

.topnav .topMini {
    font-size: 12px;
    height: 32px;
    line-height: 32px;
    background-color: #f6f6f6;
    padding-left: 10px;
    border-bottom: 1px solid #ddd
}

.topnav .topMini .gankaoiconweixin .weixin img {
    display: none
}

.topnav .topMini .gankaoiconweixin .weixin:hover {
    position: relative
}

.topnav .topMini .gankaoiconweixin .weixin:hover img {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    border: 1px solid #666;
    box-shadow: 5px 5px 10px #ccc
}

.topnav .topMini .gankaoiconweixin_icon:before {
    content: '\e261 ';
    font-family: Muiicons;
    font-size: 18px
}

.topnav .topMini .gankaoiconchat:before {
    content: '\e202 ';
    font-family: Muiicons;
    font-size: 18px
}

.topnav .topMini.contact a, .topnav .topMini.contact span {
    padding-left: 5px;
    padding-right: 5px
}

.topnav .topMini.contact span > a {
    padding-left: 0;
    padding-right: 0
}

.topnav .topMini.search-flat {
    margin: 0
}

.topnav .topMini.search-flat input {
    width: 50px
}

.topnav .topMini.search-flat .search_a .tbox_search {
    width: 120px;
    height: 28px;
    margin-right: -4px;
    border: 1px solid #188eee;
    padding-left: 5px
}

.topnav .topMini.search-flat .search_a .btn_search {
    width: 50px;
    border: 1px solid #188eee;
    background-color: #188eee;
    color: #fff;
    padding: 0 5px 0;
    margin-right: 10px
}

@media (min-width: 768px) {
    .topnav .topMini.search-flat .search_a {
        display: inline-block
    }

    .topnav .topMini.search-flat .search_a .tbox_search {
        height: 28px;
        line-height: 26px;
        width: 130px;
        vertical-align: middle
    }

    .topnav .topMini.search-flat .search_a form {
        height: 28px;
        margin-bottom: 2px
    }

    .topnav .topMini.search-flat .search_a .btn_search {
        height: 28px;
        line-height: 26px;
        vertical-align: middle;
    }

    .topnav .topMini.search-flat .search_b {
        display: none
    }
}

@media (min-width: 992px) {
    .topnav .topMini.search-flat .search_a .tbox_search {
        width: 150px
    }
}

@media (min-width: 1200px) {
    .topnav .topMini.search-flat .search_a .tbox_search {
        width: 200px
    }
}

.topnav .logo {
    margin-top: 10px;
    padding: 0;
    overflow: hidden
}

.topnav .logo img {
    width: 80%
}

@media (min-width: 768px) {
    .topnav .logo {
        margin-top: 12px
    }

    .topnav .logo img {
        width: 90%
    }
}

@media (min-width: 992px) {
    .topnav .logo {
        margin-top: 8px
    }

    .topnav .logo img {
        width: 80%
    }
}

@media (min-width: 1200px) {
    .topnav .logo {
        margin-top: 15px
    }

    .topnav .logo img {
        width: 100%
    }
}

.topnav .topnav_items .mobile_searchInput {
    display: none
}

.topnav .topnav_items .menus {
    padding: 0
}

.topnav .topnav_items .menus .menus_inner {
    padding-top: 5px
}

.topnav .topnav_items .menus .menus_inner div {
    padding: 0 14px;
    font-size: 16px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: auto;
}

.topnav .topnav_items .menus .menus_inner .logo-flat {
    display: none
}

.topnav .topnav_items .menus .menus_inner div.Item.active a {
    color: #188eee
}

@media (min-width: 1200px) {
    .topnav .topnav_items .menus .menus_inner div {
        font-size: 18px;
        height: 100px;
        line-height: 100px;
        font-weight: lighter
    }
}

@media (max-width: 767px) {
    .topnav .topnav_items {
        background-color: #2AAAE2
    }

    .topnav .topnav_items .mobile_searchInput {
        height: 0;
        margin: 0;
        opacity: 0;
        overflow: hidden;
        display: block
    }

    .topnav .topnav_items .mobile_searchInput div {
        height: 0
    }

    .topnav .topnav_items .mobile_searchInput.active {
        height: auto;
        margin: 0;
        opacity: 1;
        transition: .4s
    }

    .topnav .topnav_items .mobile_searchInput.active div {
        height: auto
    }

    .topnav .topnav_items .mobile {
        color: #fff;
        font-size: 18px;
        padding: 0;
        height: 44px;
        line-height: 44px
    }

    .topnav .topnav_items .mobile .glyphicon {
        color: #fff;
        font-size: 20px;
        padding: 11px;
        border: 1px solid transparent
    }

    .topnav .topnav_items .mobile .glyphicon:active {
        opacity: .75
    }

    .topnav .topnav_items .mobile a {
        color: #fff;
    }

    .topnav .topnav_items .mobile a:active, .topnav .topnav_items .mobile a:hover {
        color: #fff
    }

    .topnav .topnav_items .mobile .btn_gosearch.active {
        background-color: #106bb6;
        transition: .4s
    }

    .topnav .topnav_items .mobile.navlink {
        font-size: 14px
    }

    .topnav .topnav_items .mobile.navlink a:after {
        content: "\203a"
    }

    .topnav .topnav_items .mobile.search {
        font-size: 13px;
        background-color: #106bb6
    }

    .topnav .topnav_items .mobile.search input {
        height: 32px;
        line-height: 30px;
        border: none;
        padding-left: 10px
    }

    .topnav .topnav_items .mobile.search input.search_text {
        color: #666;
        width: 100%;
        font-size: 14px;
        border-radius: 5px;
        vertical-align: middle;
    }

    .topnav .topnav_items .mobile.search .btn {
        padding: 2px 10px
    }

    .topnav .topnav_items .mobile.search-login {
        position: absolute;
        right: 0;
        width: 40%;
        margin-right: 10px
    }

    .topnav .topnav_items .menus {
        font-size: 18px
    }

    .topnav .topnav_items .menus .menus_inner {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 65%;
        font-size: 16px;
        left: -70%;
        transition: .3s;
        background-color: #fff;
        z-index: 9999999;
        overflow: scroll
    }

    .topnav .topnav_items .menus .menus_inner div {
        height: 44px;
        line-height: 44px
    }

    .topnav .topnav_items .menus .menus_inner div:active {
        background-color: #efefef;
        height: 44px
    }

    .topnav .topnav_items .menus.active .menus_inner {
        left: 0;
        transition: .3s;
        border-right: 4px solid #188eee;
        box-shadow: 0 5px 5px gray
    }

    .topnav .topnav_items .menus.active .menus_inner div {
        text-align: right;
        padding-right: 30px;
        border-bottom: 1px solid #efefef
    }

    .topnav .topnav_items .menus.active .menus_inner div.titlebar {
        color: #999
    }

    .topnav .topnav_items .menus.active .menus_inner div.Item.active {
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        background-color: transparent
    }

    .topnav .topnav_items .menus.active .menus_inner div.subItem {
        font-size: 14px;
        padding-right: 0;
        text-align: center;
        background-color: #f7f7f7;
        border-bottom: 1px solid #dfdfdf
    }

    .topnav .topnav_items .menus.active .menus_inner div.subItem:active {
        background-color: #f0f0f0
    }
}

@media (max-width: 767px) and (max-height: 500px) {
    .topnav .topnav_items .menus.active .menus_inner div {
        font-size: 12px;
        height: 32px;
        line-height: 32px
    }

    .topnav .topnav_items .menus.active .menus_inner div.subItem {
        font-size: 12px
    }
}

@media (min-width: 768px) {
    .topnav.flatversion .logo {
        display: none
    }

    .topnav.flatversion .logo-flat {
        width: 20%;
        background: url(../images/logo.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 90%;
        height: 56px
    }

    .topnav.flatversion .logo-flat a {
        display: block;
        width: 100%;
        height: 100%
    }

    .topnav.flatversion .topnav_inner {
        width: 80%;
        color: #fff
    }

    .topnav.flatversion .topnav_inner div {
        line-height: 56px;
        height: 56px
    }

    .topnav.flatversion .topnav_inner .topnav_items {
        background-color: transparent
    }

    .topnav.flatversion .topnav_inner .topnav_items .menus .menus_inner div {
        line-height: 56px;
        height: 56px
    }
}

@media (min-width: 768px) {
    .menus_inner .col-sm-2 {
        width: 14%
    }
}

@media (min-width: 992px) {
    .topnav.flatversion .logo-flat {
        width: 15%;
        background-size: 80%
    }
}

@media (min-width: 1200px) {
    .topnav.flatversion .logo-flat {
        width: 15%
    }
}

.foot {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
    background-color: #666
}

.foot .foot_inner {
    background-color: #666
}

.foot .row div {
    color: #ccc;
    font-size: 12px;
    line-height: 250%
}

.foot .row div a {
    color: #ccc
}

.foot .row div a:hover {
    color: #fff
}

.foot .row div a:active {
    color: #fff
}

.foot .row .title {
    color: #fff;
    font-size: 16px;
    line-height: 250%
}

.foot .qrweixin {
    text-align: center;
    padding-top: 20px
}

.foot .qrweixin img {
    width: 90%;
    margin: auto;
    max-width: 120px
}

.foot .firendlinks {
    margin-top: 5px;
    margin-bottom: 10px
}

.foot .firendlinks a {
    color: #ccc;
    line-height: 250%;
    text-align: left;
    display: inline-block;
    padding-left: 0;
    padding-right: 10px
}

.foot .copyright {
    margin: 20px 0;
    opacity: .5
}

.foot .copyright span {
    color: #fff;
    font-size: 14px
}

.foot .copyright:hover {
    opacity: 1
}

@media (max-width: 767px) {
    .foot {
        margin-top: 20px;
        line-height: 44px;
        padding: 7px
    }

    .foot .qrweixin {
        margin-bottom: 15px
    }

    .foot .foot_inner {
        background-color: #666;
        position: fixed;
        bottom: -100%;
        left: 0;
        right: 0;
        height: 100%;
        z-index: 999999;
        transition: .4s;
        padding-left: 5px
    }

    .foot.active .foot_inner {
        bottom: 0;
        transition: .4s;
        max-height: 100%;
        overflow: scroll
    }
}

.container.main {
    /*margin-top: 20px*/
}

.container.ie7hint {
    padding: 50px 100px;
    font-size: 16px;
    border: 1px solid #eee;
    border-radius: 20px;
    margin: 20px auto
}

.panel_levels {
    background-color: #188eee;
    margin-top: -1px;
    margin-bottom: 10px
}

.panel_levels .levels div {
    color: #fff;
    height: 36px;
    padding: 0;
    line-height: 36px;
    background: #188eee;
    cursor: pointer
}

.panel_levels .levels div:hover {
    background-color: #137bd1
}

.panel_levels .levels div:active {
    background-color: #137bd1
}

@media (min-width: 1200px) {
    .panel_levels .levels div {
        height: 44px;
        line-height: 44px;
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .panel_levels .levels {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .panel_levels .levels div {
        border: 1px solid #eee;
        border-left: 0;
        color: #666;
        background-color: #fff
    }

    .panel_levels .levels div:hover {
        color: #fff;
        background-color: #188eee
    }

    .panel_levels .levels div:active {
        color: #fff;
        background-color: #188eee
    }

    .panel_levels .levels .col-xs-2 {
        margin-bottom: 2px
    }

    .panel_levels .levels .upper {
        border-bottom: 0
    }

    .panel_levels .levels .left_border_0 {
        border-left: 0
    }

    .panel_levels .levels .right_border_0 {
        border-right: 0
    }
}

@media (max-width: 767px) {
    .panel_levels {
        margin-top: 5px;
        background-color: transparent;
        margin-bottom: 5px
    }

    .panel_levels .levels {
        margin-top: 5px;
        margin-bottom: 10px
    }
}

ul.sub-menu {
    padding-left: 10px;
    list-style: none;
    line-height: 36px
}

ul.sub-menu li {
    padding-left: 10px;
    border-left: 2px solid #f1f1f1
}

ul.sub-menu .nav-item ul {
    padding-left: 10px;
    list-style: none
}

ul.sub-menu .nav-item ul li {
    padding-left: 10px;
    padding-right: 0
}

.pageflip {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px
}

.clickable {
    cursor: pointer
}

.carousel {
    margin-left: -15px;
    margin-right: -15px
}

.carousel .carousel-inner .item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.carousel .carousel-inner .item img {
    width: 100%;
    height: auto;
    /*max-height:250px*/
}

@media (min-width: 992px) {
    .carousel .carousel-inner .item img {
        max-height: 300px
    }
}

@media (min-width: 1200px) {
    .carousel .carousel-inner .item img {
        max-height: 350px
    }
}

.carousel .carousel-control span {
    color: #fff
}

@media (min-width: 768px) {
    .carousel .carousel-control span {
        font-size: 45px;
        font-weight: lighter
    }
}

@media (min-width: 1200px) {
    .carousel .carousel-control span {
        font-size: 65px;
        font-weight: lighter
    }
}

.list-group-item.active {
    background-image: none;
    background-color: #188eee;
    color: #fff;
    border: none;
    border-top: 1px solid #188eee;
    border-bottom: 1px solid #188eee
}

.topMargin20 {
    margin-top: 20px
}

.topMargin40 {
    margin-top: 40px
}

.pagination {
    display: block
}

.pagination ul {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination ul li {
    display: inline
}

.pagination ul li a, .pagination ul li span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #188eee;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination ul li a:hover {
    z-index: 2;
    color: #188eee;
    background-color: #eee;
    border-color: #ddd
}

.pagination ul li.active a, .pagination ul li.active span {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #188eee;
    border-color: #188eee
}

.pagination ul li.disabled a, .pagination ul li.disabled span {
    cursor: not-allowed
}

.pagination ul li:first-child a, .pagination ul li:first-child span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination ul li:last-child a, .pagination ul li:last-child span {
    margin-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    border: 0;
    background-image: none;
    background-color: transparent
}

.nav-tabs > li > a {
    color: #fff;
    border: 0;
    background-image: none;
    background-color: transparent
}

.nav-tabs > li > a:hover {
    color: #fff;
    border: 0;
    background-image: none;
    background-color: transparent
}

.nav.nav-tabs.panel_btns {
    width: 50%;
    margin-bottom: 20px;
    margin-top: 10px
}

.nav.nav-tabs.panel_btns li {
    border: 1px solid #188eee;
    background-color: #fff;
    background-image: none
}

.nav.nav-tabs.panel_btns a {
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    color: #188eee
}

.nav.nav-tabs.panel_btns li.active {
    color: #fff;
    background-color: #188eee
}

.nav.nav-tabs.panel_btns li.active a {
    color: #fff
}

.nav.nav-tabs.panel_btns li.active a:hover {
    color: #fff;
    background-image: none
}

.nav.nav-tabs.panel_btns li.active.btn-default {
    text-shadow: 0 1px 0 #188eee
}

.flatnav {
    margin-bottom: 20px;
    margin-top: 10px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 1px solid #ccc
}

.flatnav .nav-tabs li:first-child {
    border: none
}

.flatnav .nav-tabs li:last-child {
    border: none
}

.flatnav .nav.nav-tabs.panel_btns {
    width: 50%;
    margin: 0
}

.flatnav .nav.nav-tabs.panel_btns li {
    padding: 0;
    border: none;
    background-color: #fff;
    background-image: none;
    border-bottom: 4px solid transparent
}

.flatnav .nav.nav-tabs.panel_btns li:hover {
    background-color: #f1f1f1
}

.flatnav .nav.nav-tabs.panel_btns li a {
    color: #666;
    font-size: 16px;
    padding: 0;
    line-height: 44px;
    height: 44px
}

.flatnav .nav.nav-tabs.panel_btns li.active {
    border-bottom: 4px solid #ddd
}

.flatnav .nav.nav-tabs.panel_btns li.active a {
    color: #666;
    background-image: none
}

.flatnav .nav.nav-tabs.panel_btns li.active a:hover {
    background-image: none
}

.coursedir .gk_collapse {
    line-height: 44px;
    background-color: #fff
}

.coursedir .gk_collapse .row.title > div {
    border-bottom: 1px solid #ddd
}

.coursedir .gk_collapse .row.title > div .rightarrow {
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'Glyphicons Halflings';
    line-height: 44px;
    height: 44px;
    background-color: transparent;
    color: #ddd
}

.coursedir .gk_collapse .row.title > div .rightarrow:before {
    content: "\e258";
    margin-right: 10px
}

.coursedir .gk_collapse .title:hover {
    background-color: #f1f1f1
}

.coursedir .gk_collapse .lines {
    display: none
}

.coursedir .gk_collapse .lines div {
    line-height: 44px;
    height: 44px;
    padding-left: 30px;
    background-color: #fff;
    background: url(../images/bgline-coursedir.png) no-repeat;
    background-position: 10px center
}

.coursedir .gk_collapse .lines div:hover {
    color: #188eee
}

.coursedir .gk_collapse.active {
    height: auto
}

.coursedir .gk_collapse.active .row.title > div .rightarrow:before {
    content: "\e259";
    margin-right: 10px
}

.coursedir .gk_collapse.active .lines {
    display: block
}

.courseList .item {
    text-align: left;
    padding-top: 20px;
    line-height: 160%;
    padding-bottom: 0;
    border: 1px solid transparent;
    margin-top: 0;
    margin-bottom: 5px;
    border-top: 1px solid #f1f1f1
}

.courseList .item a.thumbnail {
    border: 1px solid #ddd;
    margin-bottom: 0
}

.courseList .item a.thumbnail:hover {
    border: 1px solid #ccc
}

.courseList .item .topic {
    text-align: left;
    font-size: 14px;
    line-height: 160%;
    margin: 5px auto
}

.courseList .item .price {
    text-align: left;
    font-size: 18px;
    line-height: 32px;
    color: #ff8f1d
}

.courseList .item .teacher {
    font-size: 12px;
    color: #fff;
    opacity: 0;
    line-height: 24px;
    background-color: rgba(0, 0, 0, .5);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    padding-right: 0
}

.courseList .item .teacher a {
    color: #fff
}

.courseList .item .teacher a:hover {
    color: #fff
}

.courseList .item .teacher:before {
    content: "老师:"
}

.courseList .item .favcount {
    font-size: 12px;
    opacity: 0;
    color: #fff;
    line-height: 24px;
    background-color: rgba(0, 0, 0, .5);
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    padding-left: 0
}

.courseList .item .favcount:after {
    content: "赞"
}

.courseList .item:hover {
    border: 1px solid #ff8f1d
}

.courseList .item:hover .teacher {
    opacity: 1
}

.courseList .item:hover .favcount {
    opacity: 1
}

.courseList .item:active {
    border: 1px solid #ff8f1d
}

.courseList .item:active .teacher {
    opacity: 1
}

.courseList .item:active .favcount {
    opacity: 1
}

@media (max-width: 992px) {
    .courseList ol ol, .courseList ol ul, .courseList ul ol, .courseList ul ul {
        padding-left: 15px
    }

    .courseList .item .btn-default {
        background-image: none;
        border: none;
        box-shadow: none;
        color: #ff8f1d
    }
}

@media (max-width: 767px) {
    .courseList ol ol, .courseList ol ul, .courseList ul ol, .courseList ul ul {
        padding-left: 35px
    }

    .courseList .item {
        margin-top: 0
    }

    .courseList .item .teacher {
        opacity: 1;
        display: block;
        margin-top: 0;
        background-color: transparent
    }

    .courseList .item .teacher a {
        color: #666
    }

    .courseList .item .teacher a:hover {
        color: #ff8f1d
    }

    .courseList .item .teacher:before {
        content: ""
    }

    .courseList .item .favcount {
        opacity: 1;
        display: block;
        margin-top: 0;
        color: #666;
        background-color: transparent
    }

    .courseList .item .favcount:before {
        content: ""
    }

    .courseList .item .favcount:after {
        content: "赞"
    }
}

@media (min-width: 768px) {
    body > div.container {
        padding: 0
    }

    body > div.container-fluid {
        padding: 0
    }
}

.tableview > div {
    color: #188eee;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    border-bottom: 1px solid #f1f1f1
}

.tableview > div > a {
    font-weight: lighter;
    font-size: 14px;
    color: #666;
    display: inline-block;
    width: 100%
}

.tableview > div > span {
    color: #ddd;
    position: absolute;
    right: 15px;
    top: 1px;
    display: inline-block;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    font-family: 'Glyphicons Halflings'
}

.tableview > div > span:after {
    content: "\e258"
}

@media (min-width: 768px) {
    .tableview > div {
        color: #666
    }

    .tableview > div > a {
        text-align: center;
        color: #188eee
    }

    .tableview > div > span {
        display: none
    }
}

div.tablestyleline {
    border-bottom: 1px solid #f1f1f1;
    line-height: 40px;
    height: 44px
}

div.tablestyleline > span {
    color: #ddd;
    position: absolute;
    right: 15px;
    top: 1px;
    display: inline-block;
    font-size: 14px;
    height: 44px;
    line-height: 38px;
    font-family: 'Glyphicons Halflings'
}

div.tablestyleline > span:after {
    content: "\e258"
}

div.tablestyleline h6 {
    color: #999;
    position: absolute;
    left: 15px;
    bottom: 1px;
    display: block;
    font-size: 10px !important;
    padding: 0;
    margin: 0
}

div.tablestyleline > button {
    position: absolute;
    right: 15px;
    top: 4px;
    height: 36px;
    display: none
}

div.tablestyleline:active, div.tablestyleline:hover {
    background-color: #f1f1f1
}

div.tablestyleline.setion {
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    color: #666
}

div.tablestyleline.setion .glyphicon {
    color: #999
}

div.tablestyleline.setion:active, div.tablestyleline.setion:hover {
    background-color: #fff
}

@media (min-width: 768px) {
    div.tablestyleline {
        color: #666;
        padding-left: 30px;
        padding-right: 30px;
        line-height: 44px;
        height: 56px
    }

    div.tablestyleline h6 {
        bottom: 8px;
        color: #999;
        padding-left: 15px;
        display: inline-block
    }

    div.tablestyleline > span {
        display: none
    }

    div.tablestyleline > button {
        position: absolute;
        top: 10px;
        right: 30px;
        display: inline-block
    }

    div.tablestyleline > a {
        background-image: none;
        background-color: #188eee;
        color: #fff;
        border: none;
        height: 36px;
        font-size: 16px;
        text-shadow: none;
        padding: 0 12px;
        line-height: 240%;
        border-radius: 5px
    }

    div.tablestyleline > a img {
        height: 26px;
        width: auto;
        margin: 0;
        padding: 0;
        margin-top: -2px;
        margin-right: 5px
    }

    div.tablestyleline.setion {
        height: 44px;
        line-height: 44px;
        margin-top: 10px
    }
}

p.ichat_hot {
    color: #fff !important
}

.modal-dialog {
    margin-top: 50px
}

@media (min-width: 768px) {
    .modal-dialog {
        margin-top: 250px
    }
}

.loading img.mini {
    width: 22px;
    height: 22px
}

.container.gkmodel .bg {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: 900000;
    opacity: 0;
    display: none;
    transition: .4s
}

.container.gkmodel .gkmodel-body {
    position: fixed;
    left: 0;
    right: 0;
    top: -150%;
    max-width: 600px;
    background-color: #fff;
    z-index: 900001;
    transition: .7s
}

.container.gkmodel .gkmodel-body.frombottom {
    top: auto;
    bottom: -120%
}

.container.gkmodel .gkmodel-body .halfline {
    height: 22px;
    min-height: 22px
}

.container.gkmodel .gkmodel-body > div {
    min-height: 44px;
    line-height: 44px;
    padding-left: 30px !important;
    padding-right: 30px !important
}

.container.gkmodel .gkmodel-body .content {
    text-align: left;
    height: auto;
    line-height: 160%;
    padding-top: 10px;
    padding-bottom: 10px
}

.container.gkmodel .gkmodel-body .gkmodel-body-inner {
    overflow: auto;
    height: auto !important;
    max-height: 260px !important
}

.container.gkmodel .gkmodel-body .tablestyleline span {
    margin-right: 15px
}

.container.gkmodel .gkmodel-body .title {
    border-bottom: 1px dashed #ccc
}

.container.gkmodel .gkmodel-body .subtitle {
    border-bottom: 1px dashed #ccc;
    height: 22px !important;
    min-height: 22px
}

.container.gkmodel .gkmodel-body .confirm {
    display: block
}

.container.gkmodel .gkmodel-body .loading {
    display: none
}

.container.gkmodel.enter .bg {
    opacity: 0;
    display: block;
    transition: .4s
}

.container.gkmodel.enter .gkmodel-body {
    top: -100%;
    transition: .4s
}

.container.gkmodel.enter.frombottom .gkmodel-body {
    top: auto;
    bottom: -120%;
    transition: .4s
}

.container.gkmodel.show .bg {
    opacity: 1;
    transition: .4s
}

.container.gkmodel.show .gkmodel-body {
    top: 0;
    transition: .4s
}

.container.gkmodel.show.frombottom .gkmodel-body {
    top: auto;
    bottom: 0;
    transition: .4s
}

.container.gkmodel.isloading .gkmodel-body .confirm {
    display: none
}

.container.gkmodel.isloading .gkmodel-body .loading {
    display: block
}

@media (min-width: 768px) {
    .container.gkmodel.show.frombottom .gkmodel-body {
        bottom: 40%
    }

    .container.gkmodel .gkmodel-body {
        left: 0;
        right: 0;
        top: -150%;
        margin: auto;
        width: 50%;
        border-radius: 20px;
        border: 15px solid rgba(0, 0, 0, .25);
        margin-top: 15%;
        overflow: hidden;
        max-height: 450px !important
    }

    .container.gkmodel .gkmodel-body > div {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .container.gkmodel .gkmodel-body .gkmodel-body-inner {
        padding-left: 0;
        padding-right: 0;
        overflow: auto;
        height: auto !important;
        max-height: 232px !important
    }
}

span.price {
    color: orange;
    font-size: 22px
}

span.price:before {
    font-size: 10px;
    content: "¥ "
}

.tips {
    display: inline-block
}

.tips .tips_bg {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .25)
}

.tips .tips_body {
    display: none;
    position: absolute;
    z-index: 999991;
    margin-left: -70px;
    background-color: transparent
}

.tips.active .tips_bg {
    display: block
}

.tips.active .tips_body {
    display: block
}

.mini-icon {
    width: 16px;
    height: 16px;
    margin-bottom: 2px
}

.page_course .coursedir {
    margin-top: 52px
}

.page_course .coursedir .titlebar {
    color: #fff;
    height: 44px;
    line-height: 44px;
    background-color: #188eee
}

.page_course .coursedir.intab {
    margin-top: 0
}

.page_course .nav.nav-tabs.panel_btns {
    width: 100%
}

.page_course .content {
    padding: 0 10px 30px 10px;
    line-height: 160%
}

.page_course .content h5 {
    font-size: 16px
}

.page_course .content p ~ h5 {
    margin-top: 25px
}

.page_course .videocontainer_outter {
    padding-left: 15px;
    padding-right: 15px
}

.page_course .videocontainer_outter .videocontainer {
    background-color: #000;
    margin-right: 0;
    margin-left: 0;
    padding: 0
}

.page_course .coursename {
    font-size: 26px;
    line-height: 200%
}

.page_course .pricebar {
    height: 44px;
    line-height: 44px;
    margin: 10px 0;
    margin-left: 0;
    margin-right: 0
}

.page_course .pricebar div {
    padding-left: 0;
    padding-right: 0
}

.page_course .pricebar .icons span {
    text-align: center;
    display: inline-block;
    width: 45%;
    margin: auto;
    color: #999;
    font-size: 16px;
    line-height: 40px;
    font-weight: lighter;
    cursor: pointer
}

.page_course .pricebar .icons span:hover {
    background-color: #f1f1f1
}

.page_course .pricebar .price {
    font-size: 24px;
    font-weight: bolder;
    color: #ff8f1d
}

.page_course .pricebar .card span {
    color: #fff;
    font-size: 12px
}

.page_course .roommodel .btn_roommodel {
    display: inline-block;
    border: 1px solid #666;
    line-height: 36px;
    margin: 4px auto;
    color: #666;
    padding: 0 10px;
    cursor: pointer
}

.page_course .roommodel .btn_roommodel:hover {
    background-color: #f1f1f1
}

@media (max-width: 767px) {
    .page_course .videocontainer_outter {
        padding: 0
    }

    .page_course .pricebar {
        margin-left: -15px;
        margin-right: -15px
    }

    .page_course .pricebar .price {
        font-size: 20px;
        font-weight: lighter
    }

    .page_course .pricebar .icons {
        font-size: 22px
    }

    .page_course .pricebar .icons span {
        line-height: 44px
    }
}

.page_eyouxue .container.main .main_reg {
    min-height: 500px
}

.page_eyouxue .topnav.flatversion .logo-flat {
    width: 30%;
    background: url(//account.gankao.com/dynamiclogo);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    height: 56px
}

.page_eyouxue .examName {
    padding-top: 30px
}

.page_eyouxue .duration {
    color: #999
}

.page_eyouxue .answers {
    padding-top: 10px;
    margin-bottom: 30px
}

.page_eyouxue .answers ul.list-group li {
    font-weight: 400;
    padding-left: 30px
}

.page_eyouxue .answers ul.list-group li:active, .page_eyouxue .answers ul.list-group li:hover {
    background-color: #f1f1f1
}

.page_eyouxue .answers ul.list-group li.selected {
    color: #188eee
}

.page_eyouxue .answers ul.list-group li.selected:before {
    content: "\2714\fe0e ";
    margin-left: -15px
}

.page_eyouxue .topic h4 {
    margin: 20px 0
}

.page_eyouxue .setionname h5 {
    color: #999;
    font-size: 12px;
    margin: 1px 0
}

.page_eyouxue .intro {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 60px;
    line-height: 200%;
    text-indent: 2em
}

@media (max-width: 767px) {
    .page_eyouxue .intro {
        font-size: 14px;
        padding-top: 1px;
        padding-bottom: 40px;
        line-height: 200%;
        text-indent: 0
    }

    .page_eyouxue .btn44 {
        width: 100%
    }
}

.page_eyouxue .examlist {
    padding: 0 17px
}

.page_eyouxue nav ul.pagination li a {
    background-image: none !important
}

.page_eyouxue nav ul.pagination li a span {
    color: #999
}

@media (max-width: 767px) {
    .page_eyouxue nav ul.pagination li a {
        width: 25%
    }
}

.page_eyouxue div.tablestyleline > a, .page_eyouxue div.tablestyleline > button, .page_eyouxue div.tablestyleline > input {
    display: none
}

@media (min-width: 768px) {
    .page_eyouxue div.tablestyleline > a, .page_eyouxue div.tablestyleline > button, .page_eyouxue div.tablestyleline > input {
        position: absolute;
        top: 10px;
        right: 30px;
        display: inline-block
    }

    .page_eyouxue div.tablestyleline > a {
        padding: 0 12px;
        line-height: 240%;
        border-radius: 5px
    }
}

@media (min-width: 870px) and (max-width: 875px) {
    body {
        background-color: #fff !important
    }

    .page_login {
        background-color: #fff !important
    }

    .page_login .main .main_reg {
        border: none
    }

    .page_eyouxue {
        background-color: #fff !important;
        width: 98%;
        border: none
    }

    .page_eyouxue .topnav.flatversion {
        display: none;
        border: none
    }

    .page_eyouxue .username {
        display: none
    }

    .page_eyouxue .container.main {
        margin: 0;
        width: 100%;
        border: none
    }

    .page_eyouxue .container.main .examlist {
        border: none;
        width: 100%
    }

    .page_eyouxue .footlogin {
        display: none
    }

    .page_eyouxue .examName {
        display: none
    }
}

.page_home .main {
    margin-top: 0;
    overflow: hidden
}

.page_home .icon_navs {
    font-size: 12px;
    margin-bottom: 10px
}

.page_home .icon_navs div {
    width: 16.666%;
    margin: 10px auto;
    text-align: center
}

.page_home .icon_navs .icon {
    color: #fff;
    display: block;
    width: 36px;
    background-color: #000;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    border-radius: 65px;
    line-height: 36px;
    margin: 10px auto
}

@media (max-width: 600px) {
    .page_home .icon_navs div {
        font-size: 12px;
        width: 33.33%;
        line-height: 33px;
        margin: 5px auto;
        padding: 0
    }

    .page_home .icon_navs .icon {
        display: inline-block;
        width: 30px;
        font-size: 16px;
        line-height: 30px;
        margin: 5px auto
    }
}

@media (min-width: 600px) {
    .page_home .icon_navs div {
        font-size: 14px;
        width: 16.666%;
        margin: 5px auto
    }

    .page_home .icon_navs .icon {
        display: block;
        width: 40px;
        font-size: 22px;
        line-height: 40px;
        margin: 5px auto
    }
}

@media (min-width: 768px) {
    .page_home .icon_navs div {
        width: 16.666%
    }

    .page_home .icon_navs .icon {
        margin: 10px auto;
        display: block;
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-bottom: 5px
    }
}

@media (min-width: 992px) {
    .page_home .icon_navs div {
        font-size: 16px;
        width: 16.666%
    }

    .page_home .icon_navs .icon {
        margin: 10px auto;
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px
    }
}

@media (min-width: 1200px) {
    .page_home .icon_navs div {
        font-size: 18px
    }

    .page_home .icon_navs .icon {
        font-size: 32px;
        margin: 20px auto;
        display: block;
        width: 70px;
        height: 70px;
        line-height: 70px;
        margin-bottom: 10px
    }
}

.page_home .icon_navs .icon-gaozhong {
    background-color: #5b96ef
}

.page_home .icon_navs .icon-gaozhong:before {
    font-family: icomoon;
    content: "\e920"
}

.page_home .icon_navs .icon-chuzhong {
    background-color: #13b3ef
}

.page_home .icon_navs .icon-chuzhong:before {
    font-family: icomoon;
    content: "\e91f"
}

.page_home .icon_navs .icon-xiaoxue {
    background-color: #f05e4d
}

.page_home .icon_navs .icon-xiaoxue:before {
    font-family: icomoon;
    content: "\e944"
}

.page_home .icon_navs .icon-live {
    background-color: #f64f77
}

.page_home .icon_navs .icon-live:before {
    font-family: icomoon;
    content: "\e914"
}

.page_home .icon_navs .icon-success {
    background-color: #f68a45
}

.page_home .icon_navs .icon-success:before {
    font-family: icomoon;
    content: "\e99e"
}

.page_home .icon_navs .icon-family {
    background-color: #fd6e9a
}

.page_home .icon_navs .icon-family:before {
    font-family: icomoon;
    content: "\e921"
}

@media (max-width: 767px) {
    .page_home .icon_navs {
        margin-bottom: 0
    }
}

@media (max-width: 992px) {
    .page_home .icon_navs {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.page_home .setions {
    margin-bottom: 30px
}

.page_home .setions .title {
    text-align: center;
    color: #09f;
    font-weight: lighter;
    margin: 20px 0 5px;
    border-bottom: 1px solid #188eee;
    font-size: 22px;
    line-height: 50px
}

.page_home .setions a.thumbnail {
    margin-bottom: 0
}

.page_home .setions a.thumbnail:hover {
    border: 1px solid #ddd
}

.page_home .setions .myitems {
    font-size: 12px;
    border: 1px solid transparent;
    padding-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee
}

.page_home .setions .myitems h4 {
    font-size: 14px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page_home .setions .myitems h6 {
    margin-top: 5px
}

.page_home .setions .myitems .teacher {
    text-align: left;
    height: 17px;
    overflow: hidden;
}

.page_home .setions .myitems .btn_price {
    text-align: right;
    color: #ff8f1d;
    background-color: transparent
}

.page_home .setions .myitems:active {
    border: 1px solid #5eb8ef;
    background-color: rgba(230, 247, 255, .2)
}

.page_home .setions .myitems:hover {
    border: 1px solid #5eb8ef;
    background-color: rgba(230, 247, 255, .2);
    box-shadow: 0 2px 2px #ccc
}

.page_home .setions .nav-tabs > li.active > a, .page_home .setions .nav-tabs > li.active > a:focus, .page_home .setions .nav-tabs > li.active > a:hover {
    color: #fff;
    border: 0;
    background-color: transparent
}

.page_home .setions .nav-tabs > li > a {
    color: #fff;
    border: 0;
    background-color: transparent
}

.page_home .setions .nav.nav-tabs.panel_btns {
    width: 80%;
    margin-bottom: 20px;
    margin-top: 10px
}

.page_home .setions .nav.nav-tabs.panel_btns li {
    border: 1px solid #188eee;
    background-color: #fff;
    background-image: none
}

.page_home .setions .nav.nav-tabs.panel_btns a {
    font-size: 16px;
    height: 26px;
    line-height: 26px;
    padding: 0;
    color: #188eee
}

.page_home .setions .contactus {
    margin-top: 30px;
    margin-bottom: 30px
}

.page_home .setions .contactus .contactus_inner {
    width: 96%
}

.page_home .reglogin {
    position: fixed;
    height: 32px;
    line-height: 32px;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 14px;
    background-color: #188eee;
    opacity: .85
}

.page_home .reglogin div {
    color: #fff
}

.page_home .reglogin div:first-child {
    border-right: 1px solid #fff
}

@media (max-width: 767px) {
    .page_home .setions {
        margin-bottom: 5px
    }

    .page_home .setions .title {
        margin: 10px 0;
        font-size: 18px;
        line-height: 40px
    }

    .page_home .setions .myitems {
        padding: 5px
    }

    .page_home .setions .myitems h4 {
        font-size: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 10px;
        margin-bottom: 5px
    }

    .page_home .setions .myitems h6 {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .page_home .setions .myitems .thumbnail {
        padding: 2px
    }

    .page_home .setions ul.nav.nav-tabs.panel_btns {
        width: 90%;
        margin-bottom: 10px;
        margin-top: 5px
    }

    .page_home .setions ul.nav.nav-tabs.panel_btns li {
        height: 32px
    }

    .page_home .setions ul.nav.nav-tabs.panel_btns li a {
        line-height: 20px;
        font-size: 12px
    }

    .page_home .setions .contactus {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (max-width: 767px) and (min-width: 500px) {
    .page_home .setions .contactus div {
        box-shadow: none;
        text-align: center
    }

    .page_home .setions .contactus div a {
        text-align: center;
        border-radius: 4px;
        display: inline-block;
        width: 49%;
        margin: 0
    }
}

.page_live .carousel {
    margin-left: -15px;
    margin-right: -15px
}

.page_live .carousel .carousel-control {
    width: 10%;
    opacity: 1
}

.page_live .carousel .carousel-control span.glyphicon.glyphicon-chevron-left.gankaoarrow {
    color: #188eee;
    font-size: 45px;
    text-shadow: none
}

.page_live .carousel .carousel-control span.glyphicon.glyphicon-chevron-left.gankaoarrow:before {
    content: "\e257"
}

.page_live .carousel .carousel-control span.glyphicon.glyphicon-chevron-right.gankaoarrow {
    color: #188eee;
    font-size: 45px;
    text-shadow: none
}

.page_live .carousel .carousel-control span.glyphicon.glyphicon-chevron-right.gankaoarrow:before {
    content: "\e258"
}

.page_live .carousel .carousel-control.left {
    background-color: transparent;
    background-image: none
}

.page_live .carousel .carousel-control.right {
    background-color: transparent;
    background-image: none
}

.page_live .carousel .carousel-indicators {
    margin-bottom: -20px
}

.page_live .carousel .carousel-indicators li {
    background-color: #188eee;
    width: 12px;
    height: 12px;
    margin: 2px
}

.page_live .carousel .carousel-indicators li.active {
    background-color: #f16301
}

.page_live .setions .title {
    text-align: center;
    font-size: 36px;
    color: #09f;
    margin: 20px 0 10px;
    line-height: 80px;
    font-weight: 700;
    margin-top: 50px;
    border-bottom: 1px solid #188eee
}

.page_live .setions .subtitle {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #898989;
    margin-bottom: 30px
}

.page_live .setions .myitems {
    border: 1px solid transparent;
    padding-top: 10px;
    padding-bottom: 25px;
    margin-top: 10px;
    margin-bottom: 20px
}

.page_live .setions .myitems:active {
    border: 1px solid #5eb8ef;
    background-color: rgba(230, 247, 255, .2)
}

.page_live .setions .myitems:hover {
    border: 1px solid #5eb8ef;
    background-color: rgba(230, 247, 255, .2);
    box-shadow: 0 2px 2px #ccc
}

.page_live .setions .btn_money {
    text-align: center;
    padding: 0
}

.page_live .setions .btn_beginListen {
    text-align: center;
    padding: 0
}

@media (max-width: 767px) {
    .page_live .setions .title {
        font-size: 28px;
        line-height: 60px;
        margin-top: 20px
    }

    .page_live .setions .subtitle {
        font-size: 12px
    }

    .page_live .setions .myitems {
        border: 1px solid transparent;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-bottom: 10px
    }

    .page_live .setions .myitems .btn_money {
        text-align: left;
        color: #ff8f1d;
        background-color: transparent
    }
}

@media (min-width: 768px) {
    .page_live .setions .myitems {
        border: 1px solid transparent;
        padding-top: 10px;
        padding-bottom: 20px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media (min-width: 992px) {
    .page_live .setions .myitems {
        border: 1px solid transparent;
        padding-top: 10px;
        padding-bottom: 15px;
        margin-top: 10px;
        margin-bottom: 15px
    }
}

.page_live .advantages .myitems {
    border: 1px solid transparent
}

.page_live .advantages .myitems img {
    width: 80%;
    height: auto;
    display: block;
    margin: auto
}

.page_live .advantages .myitems h4 {
    font-size: 14px
}

.page_live .advantages .myitems:active {
    background-color: transparent
}

.page_live .advantages .myitems:hover {
    border: 1px solid #ccc;
    background-color: transparent
}

@media (max-width: 767px) {
    .page_live .advantages .myitems {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .page_live .advantages .myitems img {
        width: 60%;
        max-width: 120px
    }
}

@media (min-width: 768px) {
    .page_live .advantages .myitems h4 {
        font-size: 14px
    }
}

@media (min-width: 992px) {
    .page_live .advantages .myitems h4 {
        font-size: 16px
    }
}

@media (min-width: 1200px) {
    .page_live .advantages .myitems h4 {
        font-size: 18px
    }
}

.page_live .experience .myitems img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%
}

.page_live .experience .myitems h6 {
    font-size: 12px;
    color: #999;
    margin-top: 0;
    line-height: 150%
}

.page_live .experience .myitems .btn_money {
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    height: 44px;
    background-color: #ff8f1d
}

.page_live .experience .myitems .btn_beginListen {
    font-size: 16px;
    color: #fff;
    line-height: 44px;
    height: 44px;
    background-color: #f16301;
    cursor: pointer
}

.page_live .experience .myitems .btn_beginListen:active {
    background-color: #188eee
}

.page_live .experience .myitems .btn_beginListen:hover {
    background-color: #188eee
}

@media (max-width: 767px) {
    .page_live .experience .myitems .btn_money {
        color: #ff8f1d;
        background-color: transparent
    }
}

.page_live .experience .myitems:hover {
    border: 1px solid #ff8f1d;
    background-color: rgba(255, 244, 229, .2)
}

.page_live .experience .myitems:active {
    border: 1px solid #ff8f1d;
    background-color: rgba(255, 244, 229, .2)
}

.page_live .recommend .myitems .btn_money {
    background-color: #5ab4fd
}

.page_live .recommend .myitems .btn_beginListen {
    cursor: pointer;
    background-color: #188eee
}

.page_live .recommend .myitems .btn_beginListen:active {
    background-color: #f16301
}

.page_live .recommend .myitems .btn_beginListen:hover {
    background-color: #f16301
}

@media (max-width: 767px) {
    .page_live .recommend .myitems .btn_money {
        text-align: left;
        color: #5eb8ef;
        background-color: transparent
    }
}

.page_live .recommend .myitems:hover {
    border: 1px solid #5eb8ef;
    background-color: rgba(230, 247, 255, .2)
}

.page_live .recommend .myitems:active {
    border: 1px solid #5eb8ef;
    background-color: rgba(230, 247, 255, .2)
}

.page_live .teachers .myitems .imgcontainer {
    border-radius: 250px;
    border: 6px solid #eee;
    margin: auto
}

.page_live .teachers .myitems .imgcontainer img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%
}

@media (max-width: 767px) {
    .page_live .teachers .myitems .imgcontainer {
        width: 80%
    }
}

@media (min-width: 768px) {
    .page_live .teachers .myitems .imgcontainer {
        width: 60%
    }
}

@media (min-width: 992px) {
    .page_live .teachers .myitems .imgcontainer {
        width: 90%
    }
}

@media (min-width: 1200px) {
    .page_live .teachers .myitems .imgcontainer {
        width: 100%
    }
}

.page_live .teachers .myitems .btn_view {
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-left: 10px solid #f16301;
    background-color: #ff8f1d;
    height: 44px;
    line-height: 44px;
    cursor: pointer
}

.page_live .teachers .myitems .btn_view:active {
    transition: .2s;
    background-color: #f16301
}

.page_live .teachers .myitems .btn_view:hover {
    transition: .2s;
    background-color: #f16301
}

.page_live .teachers .myitems:hover {
    border: 1px solid #ff8f1d;
    background-color: rgba(255, 244, 229, .2)
}

.page_live .teachers .myitems:active {
    border: 1px solid #ff8f1d;
    background-color: rgba(255, 244, 229, .2)
}

.page_live .setions.teachers.students .carousel {
    margin-bottom: 20px
}

.page_login {
    background-color: #f1f1f1
}

.page_login .topnav {
    border-bottom: none
}

.page_login .topnav .logo-flat {
    width: 25%;
    margin: 40px 0;
    margin-bottom: 25px;
    background-size: contain
}

.page_login .main .main_login {
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    min-height: 550px;
    padding-bottom: 60px
}

.page_login .main .main_login .username {
    margin-top: -30px
}

.page_login .main .main_login .title {
    margin: 18px 0;
    margin-bottom: 0
}

.page_login .main .main_login .socials {
    margin: 20px 0
}

.page_login .main .main_login .socials div {
    text-align: center
}

.page_login .main .main_login .socials div img {
    width: 80px;
    height: 80px;
    display: block;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin: auto;
    max-width: 80px
}

.page_login .main .main_login .form-group {
    margin: 20px 0
}

.page_login .main .main_login .autologin {
    line-height: 44px;
    height: 44px
}

.page_login .main .main_login .autologin label {
    font-weight: lighter
}

.page_login .main .main_login .forgetpwd {
    line-height: 44px;
    height: 44px
}

.page_login .main .main_login .actionBtn {
    margin-top: 40px
}

.page_login .main .main_login .slogon {
    color: #ff8f1d;
    font-size: 22px;
    margin-top: 100px
}

.page_login .main .main_login .biglogo {
    border-bottom: 1px solid #ddd;
    margin-top: 40px
}

.page_login .main .main_login .biglogo img {
    width: 50%;
    max-width: 350px
}

.page_login .main .main_login .forreg {
    padding: 20px;
    padding-top: 50px
}

.page_login .main .main_login .forreg button {
    max-width: 160px
}

.page_login .main .main_login .forreg.mini {
    padding-top: 20px
}

.page_login .main .main_login .mobileforreg {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #ddd
}

.page_login .main .main_reg {
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 10px;
    min-height: 550px;
    padding-bottom: 60px
}

.page_login .main .main_reg .username {
    margin-top: -30px
}

.page_login .main .main_reg .title {
    margin: 18px 0;
    margin-bottom: 0
}

.page_login .main .main_reg .socials {
    margin: 0 0 20px 0;
}

.page_login .main .main_reg .socials div {
    text-align: center
}

.page_login .main .main_reg .socials div img {
    width: 90%;
    height: 90%;
    display: block;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 50%;
    margin: auto;
    max-width: 80px
}

.page_login .main .main_reg .form-group {
    margin: 20px 0
}

.page_login .main .main_reg .autologin {
    line-height: 44px;
    height: 44px
}

.page_login .main .main_reg .autologin label {
    font-weight: lighter
}

.page_login .main .main_reg .forgetpwd {
    line-height: 44px;
    height: 44px
}

.page_login .main .main_reg .actionBtn {
    margin-top: 40px
}

.page_login .main .main_reg .slogon {
    color: #ff8f1d;
    font-size: 22px;
    margin-top: 100px
}

.page_login .main .main_reg .biglogo {
    border-bottom: 1px solid #ddd;
    margin-top: 40px
}

.page_login .main .main_reg .biglogo img {
    width: 50%;
    max-width: 350px
}

.page_login .main .main_reg .forreg {
    padding: 20px;
    padding-top: 50px
}

.page_login .main .main_reg .forreg button {
    max-width: 160px
}

.page_login .main .main_reg .forreg.mini {
    padding-top: 20px
}

.page_login .main .main_reg .mobileforreg {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    border-top: 1px solid #ddd
}

.page_login .main .form-group.successhint {
    margin-top: 60px;
    margin-bottom: 60px
}

.page_login .main .form-group.successhint span {
    color: green;
    font-size: 88px
}

.page_login .footlogin {
    margin: 20px 0
}

.page_login .footlogin span {
    color: #999
}

.page_login .iconsuccess {
    font-size: 100px;
    color: #188eee;
    margin: 20px auto
}

.page_login .cardimg {
    opacity: .5
}

.page_login .cardimg img {
    width: 40%;
    max-width: 250px
}

.page_login .cardimg.mini {
    position: relative
}

.page_login .cardimg.mini img {
    width: 30%;
    max-width: 200px
}

.page_login .cardimg.mini .cardName {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.page_login .kemulist button {
    margin: 2px auto
}

.smsvcode {
    width: 102px
}

@media (max-width: 767px) {
    .page_login {
        background-color: #fff
    }

    .page_login .main .main_login {
        border: none;
        background-color: #fff
    }

    .page_login .main .main_login .socials h6 {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .page_login .main .main_login .socials div img {
        max-width: 60px;
        max-height: 60px;
    }

    .page_login .main .main_reg {
        border: none;
        background-color: #fff
    }

    .page_login .main .main_reg .socials h6 {
        /*margin-top: 30px;*/
        margin-bottom: 20px
    }

    .page_login .main .main_reg .socials div img {
        max-width: 60px
    }

    .page_login .cardimg img {
        margin-bottom: 20px
    }
}

.page_newslist .main_content {
    margin-top: 20px;
    margin-bottom: 40px
}

.page_newslist .main_content .newsTopMenu {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 44px;
    line-height: 44px;
    background-color: #188eee;
    z-index: 999999
}

.page_newslist .main_content .newsTopMenu div {
    color: #fff;
    font-size: 16px
}

.page_newslist .main_content .newsTopMenu div span {
    color: #fff;
    font-size: 22px;
    padding: 10px
}

.page_newslist .main_content .newsTopMenu .btn-group {
    width: 80%
}

.page_newslist .main_content .newsTopMenu .btn-group button {
    font-size: 16px
}

.page_newslist .main_content .newsTopMenu .btn-group .dropdown-toggle {
    background-image: none;
    background-color: transparent;
    border: none;
    color: #fff;
    text-shadow: none;
    width: 100%
}

.page_newslist .main_content .newsTopMenu .btn-group .dropdown-toggle span {
    color: #fff;
    font-size: 16px;
    padding: 6px
}

.page_newslist .main_content .newsTopMenu .btn-group .dropdown-menu {
    margin-top: 5px;
    border: 1px solid #188eee;
    color: #188eee
}

.page_newslist .main_content .newsTopMenu .btn-group .dropdown-menu li a {
    font-size: 16px;
    color: #188eee;
    line-height: 150%
}

.page_newslist .main_content .newsTopMenu .btn-group .dropdown-menu li a:hover {
    background-image: none
}

.page_newslist .main_content .menus {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 65%;
    font-size: 16px;
    left: -70%;
    transition: .3s;
    background-color: #fff;
    z-index: 999999;
    height: 100%;
    overflow: scroll
}

.page_newslist .main_content .menus div {
    color: #fff;
    font-size: 16px
}

.page_newslist .main_content .menus div span {
    color: #fff;
    font-size: 22px;
    padding: 10px
}

.page_newslist .main_content .content {
    border: 1px solid #eee;
    padding: 20px
}

.page_newslist .main_content .content h6 {
    color: #ddd
}

.page_newslist .main_content .content p {
    line-height: 1.852
}

.page_newslist .main_content .content img {
    max-width: 100%
}

.page_newslist .main_content .content .nearNews {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    line-height: 44px;
    height: 44px
}

.page_newslist .main_content .content.list {
    border: none;
    padding-top: 0
}

.page_newslist .main_content .content.list .items .item {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    line-height: 32px;
    margin-bottom: 20px;
    box-shadow: 0 1px 5px #eee
}

.page_newslist .main_content .content.list .items .item h4 {
    line-height: 180%;
    border-bottom: 1px solid #ccc
}

.page_newslist .main_content .content.list .items .item h6 {
    line-height: 50%
}

.page_newslist .main_content .content.list .items .item h5 {
    line-height: 150%;
    color: #999
}

.page_newslist .main_content .content.list .items .item h5:after {
    content: "..."
}

.page_newslist .main_content .content.list .item:active {
    background-color: #eee;
    border: 1px solid #ccc
}

@media (max-width: 767px) {
    .page_newslist .main_content {
        margin-top: 0
    }

    .page_newslist .main_content .content {
        border: none
    }

    .page_newslist .main_content .content h3 {
        font-size: 22px
    }

    .page_newslist .main_content .content .nearNews {
        margin-top: 0;
        border-top: 1px solid #ddd;
        line-height: 44px;
        height: 44px;
        text-align: left
    }

    .page_newslist .main_content .content.list .items .item {
        margin-top: 20px
    }
}

.page_ceping_pad {
    background-size: contain;
    background: url(../images/ceping/bg.jpg)
}

.page_ceping_pad .container-fluid.main {
    margin: 0;
    padding-top: 20px;
    height: 100%
}

.page_ceping_pad .container-fluid.main .itemlist {
    height: 100%
}

.page_ceping_pad .container-fluid.main .itemlist img {
    margin: 10px;
    width: 80%;
    height: auto;
    display: inline-block;
    padding: 4px
}

.page_ceping_pad .container-fluid.main .itemlist img:hover {
    padding: 0
}

.page_ceping_pad .container-fluid.main .itemlist img:active {
    opacity: .75;
    padding: 0
}

@media (min-width: 500px) and (max-width: 767px) {
    .page_ceping_pad .container-fluid.main .itemlist > div {
        width: 33.333%
    }

    .page_ceping_pad .container-fluid.main .itemlist img {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page_ceping_pad .container-fluid.main .itemlist > div {
        width: 33.333%
    }

    .page_ceping_pad .container-fluid.main .itemlist img {
        margin-top: 35px;
        margin-bottom: 35px
    }
}

@media (min-width: 992px) {
    .page_ceping_pad .container-fluid.main .itemlist img {
        margin-top: 65px;
        margin-bottom: 65px
    }
}

@media (min-width: 1200px) {
    .page_ceping_pad .container-fluid.main .itemlist img {
        margin-top: 65px;
        margin-bottom: 65px
    }
}

.page_list2 .main .caption {
    font-size: 16px;
    line-height: 36px;
    padding: 6px
}

.page_list2 .main .caption label {
    color: #ff8f1d;
    background-image: none;
    background-color: #fff;
    border: 1px solid #ff8f1d;
    text-shadow: none
}

.page_list2 .main .caption label.active {
    color: #fff;
    text-shadow: none;
    background-color: #ff8f1d
}

.page_list2 .main .hotitems {
    text-align: center;
    background-color: #f1f1f1;
    margin-bottom: 5px;
    margin-top: -5px;
    padding: 14px 0
}

.page_list2 .main .hotitems .item .imgcontainer {
    clear: both;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: left;
    border-radius: 5px;
    border: 1px solid #fff
}

.page_list2 .main .hotitems .item .imgcontainer .thumbnail {
    margin-bottom: 0
}

.page_list2 .main .hotitems .item .imgcontainer span {
    display: block;
    position: absolute;
    padding: 5px;
    bottom: -110%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    line-height: 150%;
    height: 100%;
    color: #fff
}

.page_list2 .main .hotitems .item .imgcontainer:hover {
    transition: .3s ease-in;
    border: 1px solid #fff
}

.page_list2 .main .hotitems .item .imgcontainer:hover span {
    transition: .3s;
    bottom: 0
}

.page_list2 .main .hotitems .title.hottag {
    text-align: left
}

.page_list2 .main .hotitems .title.hottag img {
    position: absolute;
    top: 20%;
    left: 0;
    width: 75%
}

.page_list2 .main .courselist {
    opacity: 1;
    cursor: default
}

.page_list2 .main .courselist .grade {
    border-bottom: 1px solid #ccc;
    line-height: 44px;
    height: 55px;
    margin-bottom: 10px
}

.page_list2 .main .courselist .videotype {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    line-height: 44px;
    height: 55px;
    text-align: right;
    padding-right: 0
}

.page_list2 .main .courselist .videotype label {
    color: #ff8f1d;
    background-image: none;
    background-color: #fff;
    border: 1px solid #ff8f1d;
    text-shadow: none
}

.page_list2 .main .courselist .videotype label a {
    color: #ff8f1d;
    text-decoration: none
}

.page_list2 .main .courselist .videotype label.active {
    color: #fff;
    text-shadow: none;
    background-color: #ff8f1d
}

.page_list2 .main .courselist .videotype label.active a {
    color: #fff
}

.page_list2 .main .courselist > div {
    margin: 1px 0;
    text-shadow: none
}

.page_list2 .main .courselist .cate_caption {
    color: #666;
    font-size: 14px;
    background-color: #ddd;
    line-height: 36px;
    text-align: left
}

.page_list2 .main .courselist .cate_caption span {
    line-height: 36px
}

.page_list2 .main .courselist .cate_caption.big {
    line-height: 44px
}

.page_list2 .main .courselist .cate_items {
    line-height: 36px;
    padding-right: 0;
    padding-left: 10px;
    font-size: 14px
}

.page_list2 .main .courselist .cate_items a {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    margin-left: 2px
}

.page_list2 .main .courselist .cate_items a.active {
    color: #fff;
    background-color: #ff8f1d
}

.page_list2 .main .courselist .cate_items a.active:hover, .page_list2 .main .courselist .cate_items a:hover {
    color: #666;
    text-decoration: none;
    background-color: #eee
}

.page_list2 .main .courselist .spitline {
    margin-top: 5px
}

.page_list2 .main .courselist .spitline.big {
    margin-top: 15px
}

.page_list2 .main .courselist .shopitems {
    height: auto;
    padding-left: 0
}

.page_list2 .main .courselist .shopitems > div {
    height: auto
}

.page_list2 .main .courselist .shopitems .sortitems {
    border-left: 1px solid #fff;
    background-color: #f1f1f1;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    margin-bottom: 10px
}

.page_list2 .main .courselist .shopitems .sortitems ol ol, .page_list2 .main .courselist .shopitems .sortitems ol ul, .page_list2 .main .courselist .shopitems .sortitems ul ol, .page_list2 .main .courselist .shopitems .sortitems ul ul {
    padding-left: 20px
}

.page_list2 .main .courselist .shopitems .sortitems div {
    display: block
}

.page_list2 .main .courselist .shopitems .sortitems button {
    background-color: transparent;
    border: 1px solid #fefefe;
    margin-left: 2px;
    line-height: 150%;
    padding-top: 4px;
    margin-top: -6px
}

.page_list2 .main .courselist .shopitems .sortitems button.active {
    background-color: #ff8f1d;
    color: #fff;
    margin-left: 2px;
    border: none;
    box-shadow: none
}

.page_list2 .main .courselist .shopitems .sortitems .prev {
    color: #999;
    width: 32px;
    padding-left: 0;
    padding-right: 0
}

.page_list2 .main .courselist .shopitems .sortitems .next {
    color: #999;
    width: 32px;
    padding-left: 0;
    padding-right: 0
}

.page_list2 .main .courselist .shopitems .item {
    text-align: center;
    line-height: 160%;
    padding-bottom: 0;
    border: 1px solid transparent;
    margin-top: 0;
    margin-bottom: 5px;
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
}

.page_list2 .main .courselist .shopitems .item a.thumbnail {
    border: 1px solid #ddd;
    margin-bottom: 0
}

.page_list2 .main .courselist .shopitems .item a.thumbnail img {
    width: 100%
}

.page_list2 .main .courselist .shopitems .item a.thumbnail:hover {
    border: 1px solid #ccc
}

.page_list2 .main .courselist .shopitems .item .linkcourse {
    color: #999;
    line-height: 32px;
    height: 32px;
    text-align: left
}

.page_list2 .main .courselist .shopitems .item .linkcourse span {
    color: #bbb
}

.page_list2 .main .courselist .shopitems .item .linkcourse a {
    color: #999
}

.page_list2 .main .courselist .shopitems .item .topic {
    text-align: left;
    font-size: 14px;
    line-height: 160%;
    margin: 5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page_list2 .main .courselist .shopitems .item .price {
    text-align: left;
    font-size: 18px;
    line-height: 32px;
    color: #ff8f1d
}

.page_list2 .main .courselist .shopitems .item .teacher {
    font-size: 12px;
    color: #999;
    line-height: 24px;
    background-color: #fff;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    padding-right: 0;
    margin-bottom: 1px
}

.page_list2 .main .courselist .shopitems .item .teacher:before {
    content: "老师:"
}

.page_list2 .main .courselist .shopitems .item .favcount {
    font-size: 12px;
    color: #999;
    line-height: 24px;
    background-color: #fff;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px;
    padding-left:15px
}

.page_list2 .main .courselist .shopitems .item .favcount:after {
    content: "赞"
}

.page_list2 .main .courselist .shopitems .item:hover {
    border: 1px solid #ff8f1d;
    box-shadow: 1px 1px 1px #e48119
}

.page_list2 .main .courselist .shopitems .item:hover .teacher {
    opacity: 1
}

.page_list2 .main .courselist .shopitems .item:hover .favcount {
    opacity: 1
}

.page_list2 .main .courselist .shopitems .item:active {
    border: 1px solid #ff8f1d
}

.page_list2 .main .courselist .shopitems .item:active .teacher {
    opacity: 1
}

.page_list2 .main .courselist .shopitems .item:active .favcount {
    opacity: 1
}

.page_list2 .main .courselist .treemenu_outter {
    padding-left: 0;
    padding-right: 0;
    overflow: auto
}

.page_list2 .main .courselist .treemenu_outter .tree {
    padding-top: 15px;
    font-size: 14px;
    min-height: 20px;
    margin-bottom: 20px;
    line-height: 150%
}

.page_list2 .main .courselist .treemenu_outter .tree > ul {
    overflow: hidden;
    padding-left: 0;
    margin-left: 0
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: relative;
    line-height: 28px;
    min-height: 30px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span {
    display: block;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 2px 4px;
    line-height: 28px;
    min-height: 30px;
    border-radius: 0;
    position: relative;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    top: 0;
    cursor: pointer;
    font-weight: 400
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span:hover {
    background-color: #f1f1f1
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span i {
    color: #ddd;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    margin-right: 2px;
    line-height: 20px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span i:before {
    content: "\2b "
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span a.viewclass {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #ccc;
    display: block;
    border: none;
    border-left: 1px solid #ddd;
    border-radius: 0;
    padding: 2px 8px;
    line-height: 28px;
    min-height: 30px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span a:hover {
    background-color: transparent
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li a {
    padding: 2px 0;
    display: inline
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li a.active {
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #ff8f1d
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span.badge {
    color: #666;
    background-color: #fff;
    font-weight: 400;
    text-align: left;
    max-width: 180px;
    min-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span.badge.active {
    color: #ff8f1d;
    border: 1px solid #ff8f1d
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li span.badge.active i {
    color: #ff8f1d
}

.page_list2 .main .courselist .treemenu_outter .tree .tree li::after, .page_list2 .main .courselist .treemenu_outter .tree ul > li::before {
    content: '';
    left: -10px;
    position: absolute;
    right: auto;
    border: 0
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li::before {
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 1px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li::after {
    border-top: 1px solid #ddd;
    height: 20px;
    top: 20px;
    width: 15px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li:last-child::before {
    height: 30px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li.parent_li {
    background: url(../images/bgline.png) no-repeat;
    background-repeat-y: initial;
    background-repeat: repeat-y;
    background-position: 15px -5px;
    line-height: 28px;
    min-height: 30px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li.parent_li > span:hover {
    background-color: #f1f1f1
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li.parent_li ul {
    display: none
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li.parent_li.open {
    line-height: 28px;
    min-height: 30px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li.parent_li.open > span:hover {
    background-color: #fff
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li.parent_li.open > span i {
    font-style: normal;
    margin-right: 2px;
    font-family: 'Glyphicons Halflings';
    line-height: 20px
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li.parent_li.open > span i:before {
    content: "\2212 "
}

.page_list2 .main .courselist .treemenu_outter .tree ul > li.parent_li.open > ul {
    display: block;
    padding-left: 20px
}

@media (max-width: 767px) {
    .page_list2 .main .flippages {
        opacity: 1;
        margin: 0;
        /*margin-top: -20px*/
    }

    .page_list2 .main .flippages div {
        margin: 0
    }

    .page_list2 .main .flippages.closed .page {
        display: none !important
    }

    .page_list2 .main .flippages .menuTitle.page {
        position: fixed;
        left: 0;
        right: 0;
        top: -2px;
        height: 46px;
        width: 100%;
        background-color: #e48119;
        z-index: 999999;
        color: #fff
    }

    .page_list2 .main .flippages .menuTitle.page span {
        display: inline-block;
        line-height: 36px;
        width: auto;
        color: #fff;
        padding-left: 10px;
        padding-right: 10px;
        margin: 4px auto
    }

    .page_list2 .main .flippages .menuTitle.page span.back {
        width: 44px;
        top: 0;
        right: 1px;
        color: #fff;
        display: block;
        position: absolute
    }

    .page_list2 .main .flippages .Paths span {
        padding-right: 1px;
        padding-left: 1px;
        margin-right: 0;
        margin-left: 0;
        background-color: #ff8f1d;
        border-radius: 5px;
        line-height: 40px;
        cursor: pointer
    }

    .page_list2 .main .flippages .Paths span.glyphicon {
        background-color: transparent
    }

    .page_list2 .main .flippages .Paths.Pathselected span {
        line-height: 40px;
        padding: 10px 5px;
        color: white;
        font-size: 12px;
    }

    .page_list2 .main .flippages .Paths.Pathselected span.glyphicon {
        padding: 1px;
        background-color: transparent
    }

    .page_list2 .main .flippages .selectHint {
        height: 44px;
        line-height: 44px;
        font-size: 14px;
        text-align: center;
    }

    .page_list2 .main .flippages .selectHint span.glyphicon {
        color: #ccc
    }

    .page_list2 .main .flippages .cate_caption.page {
        position: fixed;
        left: 0;
        top: 44px;
        color: #333;
        height: 44px;
        width: 100%;
        background-color: #eee;
        border-bottom: 1px solid #ccc;
        text-align: center;
        line-height: 44px;
        z-index: 999999
    }

    .page_list2 .main .flippages .cate_caption.page span.back {
        color: #333;
        position: absolute;
        left: 1px;
        width: 42px;
        height: 42px;
        top: 1px
    }

    .page_list2 .main .flippages .cate_caption.page span.back:hover {
        color: rgba(255, 255, 255, .5)
    }

    .page_list2 .main .flippages .cate_caption.page span.back:active {
        color: rgba(255, 255, 255, .5)
    }

    .page_list2 .main .flippages .cate_items.page {
        position: fixed;
        left: 0;
        top: 88px;
        bottom: -15px;
        width: 100%;
        line-height: 44px;
        background-color: #fff;
        z-index: 999999
    }

    .page_list2 .main .flippages.flip1 .page1 {
        transition: .5s;
        left: 0
    }

    .page_list2 .main .flippages.flip1 .page2 {
        transition: .5s;
        left: 100%
    }

    .page_list2 .main .flippages.flip1 .page3 {
        transition: .5s;
        left: 200%
    }

    .page_list2 .main .flippages.flip2 .page1 {
        transition: .5s;
        left: -100%
    }

    .page_list2 .main .flippages.flip2 .page2 {
        transition: .5s;
        left: 0
    }

    .page_list2 .main .flippages.flip2 .page3 {
        transition: .5s;
        left: 100%
    }

    .page_list2 .main .flippages.flip3 .page1 {
        transition: .5s;
        left: -200%
    }

    .page_list2 .main .flippages.flip3 .page2 {
        transition: .5s;
        left: -100%
    }

    .page_list2 .main .flippages.flip3 .page3 {
        transition: .5s;
        left: 0
    }

    .page_list2 .main .hotitems {
        display: none
    }

    .page_list2 .main .courselist {
        margin-left: -15px;
        margin-right: -15px
    }

    .page_list2 .main .courselist .cate_caption.big {
        line-height: 44px
    }

    .page_list2 .main .courselist .cate_items {
        height: auto
    }

    .page_list2 .main .courselist .cate_items a {
        padding-left: 15px;
        padding-right: 15px;
        display: inline-block;
        width: 100%;
        position: relative;
        margin-left: 0
    }

    .page_list2 .main .courselist .cate_items a span {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 44px;
        font-family: 'Glyphicons Halflings'
    }

    .page_list2 .main .courselist .cate_items a span:after {
        color: #ccc;
        content: "\e258";
        margin-right: 15px
    }

    .page_list2 .main .courselist .cate_items a.active {
        color: #666;
        background-color: #fff
    }

    .page_list2 .main .courselist .shopitems {
        height: auto;
        padding-right: 0
    }

    .page_list2 .main .courselist .shopitems > div {
        height: auto
    }

    .page_list2 .main .courselist .shopitems ol ol, .page_list2 .main .courselist .shopitems ol ul, .page_list2 .main .courselist .shopitems ul ol, .page_list2 .main .courselist .shopitems ul ul {
        padding-left: 35px
    }

    .page_list2 .main .courselist .shopitems .sortitems {
        margin-top: 0;
        margin-bottom: 2px
    }

    .page_list2 .main .courselist .shopitems .sortitems .resultcount {
        display: none
    }

    .page_list2 .main .courselist .shopitems .item {
        margin: 0;
        border: 1px solid #f1f1f1;
        padding-right: 0;
        padding-left: 0;
        padding-top: 15px
    }

    .page_list2 .main .courselist .shopitems .item a.thumbnail {
        border: none;
        margin-bottom: 0;
        padding: 0
    }

    .page_list2 .main .courselist .shopitems .item a.thumbnail img {
        width: 100%
    }

    .page_list2 .main .courselist .shopitems .item a.thumbnail:hover {
        border: none
    }

    .page_list2 .main .courselist .shopitems .item .teacher {
        opacity: 1;
        display: block;
        margin-top: 0;
        background-color: transparent
    }

    .page_list2 .main .courselist .shopitems .item .teacher a {
        color: #666
    }

    .page_list2 .main .courselist .shopitems .item .teacher a:hover {
        color: #ff8f1d
    }

    .page_list2 .main .courselist .shopitems .item .teacher:before {
        content: ""
    }

    .page_list2 .main .courselist .shopitems .item .favcount {
        opacity: 1;
        display: block;
        margin-top: 0;
        color: #666;
        background-color: transparent
    }

    .page_list2 .main .courselist .shopitems .item .favcount:before {
        content: ""
    }

    .page_list2 .main .courselist .shopitems .item .favcount:after {
        content: "赞"
    }

    .page_list2 .main .courselist .shopitems .item .price {
        text-align: left
    }

    .page_list2 .main .courselist .shopitems .item .btn-default {
        background-image: none;
        border: none;
        box-shadow: none;
        color: #ff8f1d
    }

    .page_list2 .main .treemenu_outter {
        overflow: hidden
    }

    .page_list2 .main .tree.treemenu {
        overflow: auto
    }

    .page_list2 .main .tree.treemenu ul {
        margin-left: 20px;
        overflow: hidden;
        margin-top: 10px;
        padding-left: 20px
    }

    .page_list2 .main .tree.treemenu ul a {
        width: auto
    }

    .page_list2 .main .tree.treemenu > ul {
        margin-bottom: 50px
    }
}

@media (max-width: 767px) {
    .panel_levels {
        display: none
    }
}

.page_list2.page_subject .main {
    margin-top: 10px
}

.page_list2.page_subject .main .subjectImg {
    padding-left: 0;
    padding-right: 0
}

.page_list2.page_subject .main .subjectImg img {
    width: 100%;
    height: auto
}

.page_list2.page_subject .main .summary p {
    padding: 10px 15px;
    font-size: 14px;
    line-height: 180%
}

.page_list2.page_subject .main .flippages {
    overflow: hidden;
    margin-top: 10px
}

.page_list2.page_subject .main .flippages .cate_caption {
    color: #fff;
    background-color: #ff8f1d
}

.page_list2.page_subject .main .flippages .cate_items.page {
    z-index: 99999999;
    overflow: hidden;
    padding-left: 0;
    margin-right: 30px;
    padding-right: 30px
}

.page_list2.page_subject .main .flippages .cate_items.page a {
    padding-left: 32px;
    padding-right: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-left: 0;
    height: 44px;
    line-height: 44px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: -13px
}

.page_list2.page_subject .main .flippages .cate_items.page a span {
    position: absolute;
    left: 10px;
    top: 0;
    height: 40px;
    line-height: 40px;
    font-family: 'Glyphicons Halflings'
}

.page_list2.page_subject .main .flippages .cate_items.page a span:before {
    color: #ff8f1d;
    content: "\e013";
    margin-right: 15px
}

.page_list2.page_subject .main .flippages .cate_items.page a.active {
    color: #ff8f1d;
    background-color: #fff
}

.page_list2.page_subject .main .flippages .shopitems .item {
    padding-bottom: 10px
}

.page_list2.page_subject .main .flippages .shopitems .section_foot_flip {
    display: none
}

.page_list2.page_subject .main .flippages .shopitems .section_title {
    line-height: 44px;
    height: 44px;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    background-color: #f1f1f1;
    overflow: hidden;
    margin-bottom: 2px
}

.page_list2.page_subject .main .flippages .shopitems .section_title:before {
    color: #666;
    font-weight: bolder;
    font-size: 20px;
    content: "";
    background-color: #ff8f1d;
    padding: 11px 6px;
    margin-right: 10px
}

.page_list2.page_subject .main .flippages .shopitems .section_title span {
    text-align: center;
    position: absolute;
    right: 1px;
    top: 1px;
    height: 44px;
    line-height: 44px;
    padding-right: 10px
}

.page_list2.page_subject .main .flippages .shopitems .section_title span.closed:after {
    content: "\e258";
    display: none
}

.page_list2.page_subject .main .flippages .shopitems .section_title span.menu {
    padding-right: 32px;
    display: none
}

.page_list2.page_subject .main .flippages .shopitems .item ~ .section_title {
    margin-top: 20px
}

@media (max-width: 767px) {
    .page_list2.page_subject .main .flippages {
        opacity: 1;
        margin-top: 2px
    }

    .page_list2.page_subject .main .flippages div {
        margin: 0
    }

    .page_list2.page_subject .main .flippages.closed .page {
        display: none !important
    }

    .page_list2.page_subject .main .flippages .shopitems .section_title.init_hidden span.closed:after {
        display: block
    }

    .page_list2.page_subject .main .flippages .shopitems .section_title.init_hidden span.menu {
        display: block
    }

    .page_list2.page_subject .main .flippages .shopitems .sortitems div .icon-filter {
        display: inline-block !important;
        line-height: 44px;
        height: 44px
    }

    .page_list2.page_subject .main .flippages .shopitems .sortitems div .btn_navcourse {
        display: inline-block !important
    }

    .page_list2.page_subject .main .flippages .shopitems .sortitems button {
        margin-top: -8px
    }

    .page_list2.page_subject .main .flippages .cate_caption .closed {
        right: 1px;
        position: absolute;
        top: 1px;
        width: 44px;
        height: 44px
    }

    .page_list2.page_subject .main .flippages .cate_caption.page {
        top: 0
    }

    .page_list2.page_subject .main .flippages .cate_items.page {
        overflow: scroll;
        top: 44px;
        padding-left: 0;
        padding-right: 0
    }

    .page_list2.page_subject .main .flippages .cate_items.page a span {
        font-family: 'Glyphicons Halflings'
    }

    .page_list2.page_subject .main .flippages .cate_items.page a span:after {
        content: ""
    }

    .page_list2.page_subject .main .flippages .cate_items.page a span:before {
        color: #ff8f1d;
        content: "\e013";
        margin-right: 15px
    }
}

@media (max-width: 767px) {
    .page_list2.page_subject .main {
        margin-top: 0
    }

    .page_list2.page_subject .main .flippages .shopitems .section_title span.closed:after {
        display: none
    }

    .page_list2.page_subject .main .flippages .shopitems .section_title span.menu {
        display: none
    }

    .page_list2.page_subject .init_hidden {
        display: none !important
    }
}

.page_list2.page_subject .viewAllTopicItems {
    color: #fff;
    position: fixed;
    top: -1px;
    left: 0;
    text-align: center;
    right: 1px;
    z-index: 99999999999;
    line-height: 48px;
    height: 48px;
    font-size: 16px;
    background-color: #e48119
}

.page_list2.page_subject .viewAllTopicItems span {
    color: #fff;
    position: absolute;
    right: 0;
    top: 1px;
    line-height: 44px;
    width: 44px;
    margin-right: 2px
}

.page_shop .container.main {
    margin-top: 0;
    margin-bottom: 50px
}

.page_shop .container.main .caricon h6 {
    display: inline-block
}

.page_shop .container.main .shoplist {
    margin-top: 22px;
    margin-bottom: 20px;
    min-height: 400px
}

.page_shop .container.main .shoplist > div {
    min-height: 44px;
    line-height: 44px
}

.page_shop .container.main .shoplist .caricon h6 {
    font-size: 14px
}

.page_shop .container.main .shoplist .caricon .back2shop {
    color: orange;
    font-size: 14px;
    margin-top: 20px
}

.page_shop .container.main .shoplist .title {
    color: #188eee;
    height: 55px;
    border-bottom: 2px solid #188eee;
    margin-bottom: 1px;
    font-size: 28px
}

.page_shop .container.main .shoplist .title > span {
    color: #188eee;
    font-size: 28px;
    display: inline-block
}

.page_shop .container.main .shoplist .choose span {
    margin: 5px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    line-height: 44px;
    margin-top: 30px;
    background: url(../images/radio_circle_0.png);
    background-size: cover
}

.page_shop .container.main .shoplist .shopitem {
    height: auto;
    line-height: 44px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #fff;
    overflow: auto;
    overflow-x: hidden
}

.page_shop .container.main .shoplist .shopitem .row.titlebar {
    height: 36px;
    line-height: 36px;
    background-color: #f1f1f1;
    margin-bottom: 1px
}

.page_shop .container.main .shoplist .shopitem .row.empty {
    padding: 50px 5px;
    background-color: #fff
}

.page_shop .container.main .shoplist .shopitem .vitualPay {
    text-align: left;
    border: 1px solid #ccc;
    margin-left: 0;
    margin-right: 0;
    padding: 12px 10px;
    margin-bottom: 15px;
    border-radius: 5px
}

@media (max-width: 767px) {
    .page_shop .container.main .shoplist .shopitem .vitualPay {
        border: none;
        background-color: #f4f4f4;
        margin-bottom: 1px;
        padding: 6px 10px
    }

    .page_shop .container.main .shoplist .shopitem .vitualPay > div {
        font-size: 12px;
        line-height: 32px;
        height: 32px
    }
}

.page_shop .container.main .shoplist .shopitem .row.toppay {
    margin-bottom: 10px
}

.page_shop .container.main .shoplist .shopitem .row.toppay .jidian {
    padding-right: 5px
}

.page_shop .container.main .shoplist .shopitem .row.toppay .gankaobi {
    padding-left: 5px
}

.page_shop .container.main .shoplist .shopitem .row.discount {
    font-size: 14px;
    line-height: 50px;
    margin-top: 22px
}

.page_shop .container.main .shoplist .shopitem .row.discount .jihuo {
    padding-left: 40px;
    margin-bottom: 1px;
    background-color: #f4f4f4;
    height: 50px
}

.page_shop .container.main .shoplist .shopitem .row.discount .mine {
    padding-right: 40px;
    border-left: 1px solid #fff;
    margin-bottom: 1px;
    background-color: #f4f4f4;
    height: 50px
}

.page_shop .container.main .shoplist .shopitem .row.discount .color_bar {
    height: 6px;
    background: url(../images/color_bar.png);
    background-size: cover;
    border-bottom: 1px solid #eee
}

.page_shop .container.main .shoplist .shopitem .row.courseitem {
    margin-bottom: 1px;
    margin-right: 0;
    margin-left: 0;
    background-color: #f4f4f4
}

.page_shop .container.main .shoplist .shopitem .row.courseitem > div {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    line-height: 88px
}

.page_shop .container.main .shoplist .shopitem .row.courseitem > div {
    line-height: 50px
}

.page_shop .container.main .shoplist .shopitem .row.courseitem .cover {
    overflow: hidden
}

.page_shop .container.main .shoplist .shopitem .row.courseitem .cover img {
    margin: 12px 0;
    width: 85%;
    max-width: 110px;
    height: auto;
    display: block;
    border-radius: 5px;
    background-color: #fff;
    padding: 2px;
    border: 1px solid #ccc;
    margin-left: 15px;
}

.page_shop .container.main .shoplist .shopitem .row.courseitem .info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.info .sumbox {
    box-shadow: none;
    margin: 0;
    padding: 0;
    list-style: none
}

.courseitem button {
    outline: none !important;
}

.combox {
    margin-left: 0px;
    text-align: center;
    width: 160px;
    height: 99px;
    line-height: 99px;
    padding: 0 15px
}

.combox a {
    display: inline-block;
    width: 20px;
    text-align: center;
    text-decoration: none
}

.combox a:hover {
    color: #666
}

.info .sumbox span {
    line-height: 10px !important
}

.page_shop .container.main .shoplist .shopitem .row.courseitem .price {
    font-size: 22px;
    color: #ff8f1d
}

.cartsRemark {
    padding-left: 22px;
    text-align: right
}

.cartsRemark #cartsRemarkInfo {
    line-height: 28px;
    height: 30px;
    width: 360px;
    vertical-align: middle
}

.cartsRemark label {
    margin-bottom: 0
}

.summary .btn {
    vertical-align: inherit
}

a, a:hover {
    text-decoration: none
}

a:hover {
    outline: 0
}

.outline {
    blr: expression_r(this.onFocus=this.blur())
}

.outline:focus {
    outline-style: none
}

#c_clear {
    padding-left: 22px
}

.page_shop .container.main .shoplist .shopitem .row.courseitem .action {
    padding-right: 15px;
    line-height: 44px
}

@media (max-width: 767px) {
    .page_shop .container.main .shoplist .shopitem .row.courseitem .info {
        height: 44px;
        line-height: 44px
    }

    .page_shop .container.main .shoplist .shopitem .row.courseitem .price {
        font-size: 16px;
        height: 44px;
        color: #ff8f1d;
        line-height: 44px
    }

    .page_shop .container.main .shoplist .shopitem .row.courseitem .action {
        height: 44px;
        padding-right: 15px;
        line-height: 44px
    }
}

@media (max-width: 640px) {
    .page_shop .container.main .shoplist .shopitem .row.courseitem {
        overflow: hidden
    }

    .combox {
        height: 100%;
        width: 100%;
        padding-right: 20px;
        text-align: right;
        line-height: 40px
    }

    .page_shop .container.main .shoplist .shopitem .row.courseitem .info {
        height: auto;
        padding-left: 10px;
    }

    .page_shop .container.main .shoplist .shopitem .row.courseitem .choose {
        height: 100%;
        margin-top: 30px;
        margin-left: 0
    }

    .info .sumbox {
        height: auto
    }

    .info .sumbox li {
        height: 40px
    }

    .cartsRemark {
        height: 40px;
        line-height: 40px
    }

    .cartsRemark #cartsRemarkInfo {
        height: 30px;
        line-height: 30px;
        width: 200px
    }
}

.page_shop .container.main .shoplist .shopitem .row.courseitem.active {
}

.page_shop .container.main .shoplist .shopitem .row.courseitem.active .choose span {
    background: url(../images/radio_circle_1.png);
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=Enabled, sizingMethod=scale, src=URL)
}

.page_shop .container.main .shoplist .summary {
    position: static;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #ddd;
    height: 44px
}

.page_shop .container.main .shoplist .summary .row {
    height: 44px;
    line-height: 44px;
    margin-right: 0;
    margin-left: 0;
    background-color: #f4f4f4
}

.page_shop .container.main .shoplist .summary .row > div {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

.page_shop .container.main .shoplist .summary .price {
    font-size: 14px;
    padding-right: 5px
}

.page_shop .container.main .shoplist .summary .price span {
    font-weight: 400;
    font-size: 20px;
    color: #ff8f1d
}

.page_shop .container.main .shoplist .summary .confirm {
    color: #fff;
    font-size: 18px;
    background-color: #999;
    margin-top: -1px
}

@media (max-width: 767px) {
    .page_shop .container.main .shoplist {
        margin-top: 0
    }

    .page_shop .container.main .shoplist .shopitem .choose span {
        margin-top: 1px;
        margin-left: 15px
    }

    .page_shop .container.main .summary {
        position: fixed !important;
        bottom: 0
    }
}

.page_shop .banklist {
    padding-right: 0;
    padding-left: 0
}

.page_shop .banklist ul {
    padding-right: 0;
    padding-left: 0;
    list-style: none
}

.page_shop .banklist ul li {
    cursor: pointer;
    border: 1px solid #fff;
    overflow: hidden
}

.page_shop .banklist ul li:hover {
    border: 1px solid #ff8f1d
}

.page_shop .banklist ul li:active {
    border: 1px solid #ff8f1d
}

.wx_pay_qrcode {
    width: 200px;
    height: 200px;
    display: inline-block;
    border: 1px solid #f1f1f1;
    text-align: center
}

.wx_pay_qrcode img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    clear: both
}

.wx_pay_qrcode.waiting img {
    margin: auto;
    margin-top: 87px;
    width: 25px;
    height: 25px;
    display: block;
    clear: both
}

.wx_pay_qrcode .iconsuccess {
    line-height: 200px;
    font-size: 80px;
    color: #188eee;
    display: block
}

.page_sitemap .foot_page .container {
    padding: 0
}

@media (min-width: 768px) {
    .page_sitemap .foot_page {
        margin-top: 30px
    }

    .page_sitemap .foot_page .copyright {
        margin: 10px 0
    }
}

.page_newslist .main_content .content .ccH5playerBox, .page_newslist .main_content .content video {
    max-width: 100%;
    height: 100%
}

.starttime {
    text-align: center;
    height: 30px;
    line-height: 30px
}

#liveButton {
    width: 260px;
    height: 34px
}