/*DC项目*/

@charset "utf-8";

html {
    color: #333333;
    overflow-x: hidden;
    font-family: 'Microsoft yahei', Arial !important;
    font-size: 62.5%;
}

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

#mobile_chat_card {
    display: none !important;
}

body {
    background: #F0F0F0;
    font-size: 1.2rem;
    width: 100%;
    margin: 0px auto;
    min-width: 320px;
    font-family: 'Microsoft yahei', Arial !important;
}

a {
    color: #1A1617;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    border: none;
}

ol, ul, li {
    list-style: none;
}

i {
    background-color: none;
}

img {
    max-width: 100%;
}

body {
    padding-right: 0 !important;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 640px;
    margin: 0px auto 0px;
    -webkit-transition: all .5s ease-in 0s;
    -moz-transition: all .5s ease-in 0s;
    -o-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s;
}

select,
select::-ms-expand {
    display: none;
}

input[type="text"],
input[type="password"],
input[type="button"],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@keyframes hosamtion {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

@keyframes myani1 {
    0% {
        color: rgba(255, 255, 255, .4);
    }
    50% {
        color: rgba(255, 255, 255, 1);
    }
    0% {
        color: rgba(255, 255, 255, .4);
    }
}

@keyframes myani2 {
    0% {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
    10% {
        -webkit-transform: translate(-4px, 0px);
        -moz-transform: translate(-4px, 0px);
        -o-transform: translate(-4px, 0px);
        -ms-transform: translate(-4px, 0px);
        transform: translate(-4px, 0px);
    }
    100% {
        -webkit-transform: translate(480px, 0px);
        -moz-transform: translate(480px, 0px);
        -o-transform: translate(480px, 0px);
        -ms-transform: translate(480px, 0px);
        transform: translate(480px, 0px);
    }
}

.ng-fault {
    width: 100%;
    overflow: hidden;
}

.ng-container {
    position: relative;
}

/*.ng-bg{ background-color:rgba(0,0,0,.1);}*/

.ng-bg-theme {
    background-color: #C9293E !important;
}

.ng-bg-ccc {
    background-color: #F9F9F9 !important;
}

.ng-bg-fff {
    background-color: #fff !important;
}

.ng-bg-fuse {
    background-color: #FDD1B0 !important;
}

.ng-bg-assist {
    background-color: #F2F2F2;
!important
}

.ng-bg-asever {
    background-color: #F4F4F4;
}

.ng-bg-info {
    background-color: #6FB7FA;
!important
}

.ng-bg-succeed {
    background-color: #A5DA43 !important;
}

.ng-bg-warning {
    background-color: #FFCA3B !important;
}

.ng-bg-danger {
    background-color: #FF8F76 !important;
}

.ng-bg-fons {
    background-color: #3B3B3B !important;
}

.ng-bg-fonsoxd {
    background-color: #545454 !important;
}

.box-sinse {
    box-shadow: 0px 0px 30px deeppink inset;
}

.ng-bg-black {
    background-color: #000 !important;
}

.ng-pull-left {
    float: left;
}

.ng-pull-right {
    float: right;
}

.ng-paddor, .ng-viv {
    padding-left: 7px;
    padding-right: 7px;
}

.ng-oa a {
    display: block;
    width: 100%;
    overflow: hidden;
}

.ng-oa a img {
    display: block;
    width: 100%;
    overflow: hidden;
}

.ng-hidde {
    display: none;
}

.ng-shosw {
    display: block;
}

.ng-ini {
    max-width: 1200px;
    margin: 0px auto 0px;
}

html.ac-gn-noscroll,
html.ac-gn-noscroll body {
    overflow: hidden;
    height: 100%;
}

.ng-spannin {
    font-size: 90%;
}

.ng-madown {
    margin-bottom: 12px;
}

.ng-maup {
    margin-top: 12px;
}

.text-rad {
    color: red;
}

.ng-tales {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.ng-tales .ng-tcell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

.ng-cboth {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ng-both {
    clear: both;
    height: 0px;
    width: 100%;
    display: block;
    opacity: 0;

}

/*structure*/
.ng-cont {
    min-height: 100vh;
}

/*structure-head*/
.ng-header {
    height: 5rem;
    background-color: rgba(255, 255, 255, .6);
    color: #fff;
    z-index: 40;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

.ng-header-scroll {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .3);
}

html.ac-gn-noscroll .ng-header {
    background-color: rgba(255, 255, 255, 1);
}

/*Project Initiation*/

.im-head {
    width: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 200;
    height: 5rem;
    color: #fff;
    background-color: #4c76e2;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .2);
    -webkit-transition: shadow .3s ease-in 0s;
    -moz-transition: shadow .3s ease-in 0s;
    -o-transition: shadow .3s ease-in 0s;
    transition: shadow .3s ease-in 0s;
}

.im-head.im-head-o {
    position: absolute;
}

html.not-srcoll {
    overflow: hidden;
    height: 100%;
}

html.not-srcoll body {
    overflow: hidden;
    height: 100%;
}

html.not-srcoll .im-head.im-head-o {
    position: fixed;
}

html.not-srcoll .zi-body {
    min-height: calc(100vh - 14rem);
}

.im-head .ve-map {
    position: absolute;
    top: 50%;
    margin-top: -2rem;
    left: .6rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.46rem;
    display: block;
    z-index: 100;
}

.im-head .ve-map i {
    font-size: 118%;
    position: relative;
    top: .2rem;
}

.im-head .ve-logo {
    height: 5rem;
    position: absolute;
    top: 0px;
    left: 6rem;
    right: 5rem;
    overflow: hidden;
    text-align: center;
}

.im-head .ve-logo a {
    display: inline-block;
    height: 4rem;
    overflow: hidden;
    top: .5rem;
    position: relative;
}

.im-head .ve-logo a img {
    height: 100%;
    display: block;
}

.im-head .ve-ren {
    height: 5rem;
    position: absolute;
    top: 0px;
    right: .7rem;
    z-index: 110;
}

.im-head .ve-seek {
    width: 2.2rem;
    height: 4rem;
    line-height: 4rem;
    position: relative;
    top: .5rem;
    float: left;
    text-align: center;
    font-size: 1.92rem;
    margin-right: .8rem;
}

.im-head .ve-menu {
    float: left;
    position: relative;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    height: 2.5rem;
    line-height: 2.4rem;
    top: 1.25rem;
    padding: 0px .6rem;
    font-size: 1.2rem;
}

.im-head .ve-menu i {
    font-weight: 120%;
}

.im-main {
    position: relative;
    z-index: 2;
}

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

.lane-row {
    margin-left: -7px;
    margin-right: -7px;
}

.lane-padd {
    padding-left: 7px;
    padding-right: 7px;
}

.ma-down {
    margin-bottom: 14px;
}

.in-laves {
    position: relative;
    padding: 12px 12px 2px;
}

.in-laves .eo-row {
    margin-left: -6px;
    margin-right: -6px;
}

.in-laves .eo-col {
    padding-left: 6px;
    padding-right: 6px;
}

.in-laves .eo-link {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 4px;
}

.in-laves .eo-ico {
    width: 100%;
    max-width: 50px;
    position: relative;
    display: block;
    margin: 4px auto;
    border-radius: 100%;
}

.in-laves .eo-ico > span {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.in-laves .eo-tit {
    position: relative;
    font-size: 13px;
    color: #353535;
    text-align: center;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 8px 0px 4px;
}

.live-main {
    position: relative;
    padding-top: 8px;
    padding-bottom: 4px;
}

.live-main .do-the {
    background-color: #3C3C3C;
    position: relative;
    height: 3.8rem;
    overflow: hidden;
}

.live-main .do-thliks {
    position: relative;
}

.live-main .do-thliks a {
    border-style: solid;
    border-color: #2C2C2C;
    border-width: 0px 1px 0px 0px;
    position: relative;
    overflow: hidden;
    display: block;
    line-height: 3.8rem;
    height: 3.8rem;
    font-size: 1.34rem;
    color: #fff;
    text-align: center;
    padding: 0px 1.2rem;
    float: left;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.live-main .do-thliks a.on {
    background-color: #4C76E2;
}

.live-main .do-province-btn {
    display: block;
    border: 1px solid #686868;
    position: absolute;
    margin: .5rem 10px 0px;
    padding: 0px 28px 0px 0px;
    overflow: hidden;
    cursor: pointer;
    width: 110px;
    top: 0px;
    right: 0px;
}

.live-main .do-province-tit {
    height: 2.7rem;
    line-height: 2.7rem;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
}

.live-main .do-province-down {
    width: 24px;
    height: 30px;
    border-left: 1px solid #686868;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    display: block;
    padding: 0px 0px 0px 4px;
    position: absolute;
    font-size: 18px;
    color: #9B9B9B;
    top: 50%;
    right: 4px;
    margin-top: -15px;
}

.live-main .do-live {
    width: 100%;
    height: 0px;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}

.live-main .do-live-in {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.live-main .do-live-in iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.live-main .do-console-group {
    position: relative;
    margin: 10px 0px;
    height: 36px;
    padding: 0px 132px 0px 0px;
}

.live-main .do-console-tit {
    width: 100%;
    height: 36px;
    overflow: hidden;
}

.live-main .do-console-tit-in {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: #cd291f;
}

.live-main .do-console-tit-in .inp {
    display: table-cell;
    vertical-align: middle;
}

.live-main .do-console-links {
    position: absolute;
    overflow: hidden;
    top: 0px;
    right: 0px;
}

.live-main .do-console-links a {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    text-align: center;
    overflow: hidden;
    color: #fff;
    padding: 0px 14px;
    border-radius: 2px;
    margin-left: 10px;
}

.live-main .do-console-links a.info {
    background-color: #4C76E2;
}

.live-main .do-console-links a.buy {
    background-color: #cd291f;
}

.live-main .do-console-list {

}

.live-main .do-console-list .anay-doc {
    position: relative;
    display: none;
    color: #fff;
    padding: 0px 0px;
    overflow: hidden;
    margin-bottom: 4px;
}

.live-main .do-console-list .anay-doc::-webkit-scrollbar {
    width: 8px;
}

.live-main .do-console-list .anay-doc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 2px;
}

/* 滚动条滑块 */
.live-main .do-console-list .anay-doc::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #bbb;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.live-main .do-console-list .anay-doc::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.3);
}

.live-main .do-console-list .anay-on {
    display: block;
}

.live-main .anay-sify {

}

.live-main .anay-sify-the {
    position: relative;
    padding: 0px 12px;
    font-size: 15px;
    color: #353535;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #E5E5E5;
}

.live-main .anay-video {
    display: block;
    position: relative;
    overflow: hidden;
    /*background-color:#3B3B3B;*/
    margin: 0px 0px;
    border-bottom: 1px solid #E5E5E5;
    padding: 0px 94px 0px 14px;
    color: #656565;
    cursor: pointer;
}

.live-main .anay-sify .anay-video {
    padding: 0px 68px 0px 34px;
}

.live-main .anay-video .anay-video-tit {
    height: 38px;
    line-height: 38px;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.live-main .anay-video:hover,
.live-main .anay-video.play-ing {
    background-color: #F3F3F3;
}

.live-main .anay-video.play-ing {
    padding: 0px 94px 0px 34px;
}

.live-main .anay-video.play-ing .anay-video-tit {
    color: #5e82e4;
}

.live-main .anay-video .anay-video-play {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 64px;
    display: none;
}

.live-main .anay-video.play-ing .anay-video-play {
    display: block;
}

.live-main .anay-video .anay-video-play .xt {
    width: 3px;
    height: 10px;
    bottom: 4px;
    display: block;
    background-color: #5e82e4;
    position: absolute;
}

.live-main .anay-video .anay-video-play .xt-1 {
    left: 4px;
    animation: xtiny1 1.4s ease infinite;
}

.live-main .anay-video .anay-video-play .xt-2 {
    left: 10px;
    animation: xtiny2 1.4s ease infinite;
}

.live-main .anay-video .anay-video-play .xt-3 {
    left: 16px;
    animation: xtiny3 1.4s ease infinite;
}

@keyframes xtiny1 {
    0% {
        height: 6px;
    }
    50% {
        height: 12px;
    }
    100% {
        height: 6px;
    }
}

@keyframes xtiny2 {
    0% {
        height: 12px;
    }
    50% {
        height: 6px;
    }
    100% {
        height: 12px;
    }
}

@keyframes xtiny3 {
    0% {
        height: 10px;
    }
    50% {
        height: 14px;
    }
    100% {
        height: 10px;
    }
}

.live-main .anay-video .anay-video-state {
    width: 46px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    top: 50%;
    margin-top: -12px;
    right: 12px;
    display: block;
    position: absolute;
    border-radius: 12px;
}

.live-main .anay-video .anay-video-state.te-free {
    background-color: #53bd1d;
    color: #fff;
    font-size: 13px;
}

.live-main .anay-video .anay-video-state.te-login {
    background-color: #00780F;
    color: #fff;
    font-size: 13px;
}

.live-main .anay-video .anay-video-state.te-lock {
    color: #989898;
    font-size: 20px;
}

.live-main .do-console-tap {
    position: relative;
    float: left;
    overflow: hidden;
}

.live-main .do-console-tap > a {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: #353535;
    padding: 0px 6px;
    background-color: #D1D1D1;
    margin-right: 10px;
    border-radius: 2px;
}

.live-main .do-console-tap > a.on {
    background-color: #353535;
    color: #fff;
}

.live-main .anay-sify-rolling {
    overflow: hidden;
}

.live-main .anay-moretap {
    position: relative;
    display: none;
    overflow: hidden;
    text-align: center;
}

.live-main .anay-moretap > span {
    display: inline-block;
    position: relative;
    width: 100%;
    border-radius: 4px;
    font-size: 14px;
    margin: 12px 0px 6px;
    color: #000;
}

.live-main .anay-moretap .xljt {
    width: 0;
    height: 0;
    border-top: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: inline-block;
}

.live-main .do-console-list .anay-doc.ultrahigh .anay-moretap {
    display: block;
}

.in-makeans {
    position: relative;
    overflow: hidden;
}

.in-makeans .vos-the-tap {
    height: 46px;
    border-bottom: 1px solid #ECECEC;
    position: relative;
}

.in-makeans .vos-the-tap .vos-the-tap-doc {
    float: left;
    height: 44px;
    line-height: 44px;
    position: relative;
    padding: 0px 0px;
    display: block;
    text-align: center;
    top: 2px;
    cursor: pointer;
    width: 25%;
    font-weight: 600;
    font-size: 14px;
}

.in-makeans .vos-the-tap .vos-the-tap-doc.on {
    border-bottom: 1px solid #4C76E2;
    color: #4C76E2;
}

.in-makeans .vos-the-tap .vos-the-tap-call {
    width: 1px;
    height: 16px;
    right: -1px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    display: block;
    background-color: #CBCBCB;
}

.makeans-video {
    margin: 12px 0px 6px;
    position: relative;
    overflow: hidden;
}

.makeans-video .k-list {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    top: -100%;
    left: 0px;
}

.makeans-video .k-list.on {
    position: static;
}

.makeans-video .k-btn {
    position: absolute;
    top: 50%;
    left: 0px;
    z-index: 10;
    width: 100%;
    height: 0px;
}

.makeans-video .k-btn-ic {
    width: 40px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    font-size: 28px;
    color: #656565;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
}

.makeans-video .k-btn-ic:hover {
    color: #4C76E2;
}

.makeans-video .k-btn-ic:active {
    margin-top: -24px;
}

.makeans-video .k-btn-ic i {
    position: relative;
    top: 12px;
}

.makeans-video .k-btn-le {
    left: 0px;
}

.makeans-video .k-btn-re {
    right: 0px;
}

.makeans-video .k-ini {
    padding: 0px 10px;
}

.makeans-video .k-row {
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: 8px;
}

.makeans-video .k-padd {
    padding-left: 6px;
    padding-right: 6px;
    overflow: hidden;
}

.makeans-video .k-hine {
    height: 280px;
    position: relative;
    background-color: #F4F4F4;
    overflow: hidden;
    display: block;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .1);
    margin: 10px 0px 30px;
    border-radius: 4px;
    padding: 0px 10px;
}

.makeans-video .k-hine:hover {
    /*background-color:#E5E5E5;*/
}

.makeans-video .ku-top {
    height: 40px;
    position: relative;
    overflow: hidden;
}

.makeans-video .ku-day {
    background-color: #CD291F;
    float: left;
    display: block;
    position: relative;
    border-radius: 0px 0px 8px 8px;
    overflow: hidden;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    padding: 0px 12px;
    color: #fff;
}

.makeans-video .ku-state {
    overflow: hidden;
    height: 38px;
    line-height: 40px;
    font-size: 14px;
    color: #4C76E2;
    float: right;
    display: block;
}

.makeans-video .ku-state i {
    font-size: 110%;
}

.makeans-video .ku-date {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #4C76E2;
    position: relative;
    margin: 6px 0px;
}

.makeans-video .ku-date > span {
    font-size: 150%;
    font-weight: 600;
}

.makeans-video .ku-cont {
    height: 100px;
    padding: 0px 100px 0px 0px;
    overflow: hidden;
    position: relative;
    margin: 8px 0px;
}

.makeans-video .ku-lecturer {
    border-top: 1px solid #D2D2D2;
    position: relative;
    padding: 6px 0px 0px;
    overflow: hidden;
    margin: 8px 0px;
}

.makeans-video .ku-lecturer-name {
    height: 26px;
    line-height: 26px;
    display: block;
    float: left;
    position: relative;
    color: #353535;
    font-size: 13px;
}

.makeans-video .ku-lecturer-snum {
    height: 26px;
    line-height: 26px;
    display: block;
    float: right;
    position: relative;
    color: #CD291F;
    font-size: 13px;
}

.makeans-video .ku-subscibe {
    position: relative;
}

.makeans-video .ku-subscibe a {
    color: #fff;
    font-size: 13px;
    background-color: #4C76E2;
    border: 1px solid #4C76E2;
    height: 34px;
    line-height: 34px;
    border-radius: 20px;
    display: block;
    margin: 0px auto 0px;
    text-align: center;
    width: 50%;
}

.makeans-video .ku-subscibe a:hover {
    box-shadow: 0px 0px 10px rgba(76, 118, 226, .6);
}

.makeans-video .ku-subscibe a i {
    font-size: 17px;
    top: 1px;
    position: relative;
}

.makeans-video .ku-thumb {
    width: 90px;
    height: 90px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 100%;
    overflow: hidden;
}

.makeans-video .ku-thumb img {
    width: 100%;
    display: block;
}

.makeans-video .ku-text {
    position: relative;
    line-height: 24px;
    font-size: 13px;
    color: #353535;
    overflow: hidden;
}

.makeans-video .swiper-pagination {
    bottom: 0px;
    text-align: left;
}

/*swiper-pagination*/

.makeans-video .k-move {
    position: relative;
    overflow: hidden;
}

.makeans-video .k-move a {
    width: 140px;
    font-size: 13px;
    color: #353535;
    padding: 7px 0px;
    text-align: center;
    display: block;
    border-radius: 2px;
    margin: 0px auto 12px;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
}

.shortes-links {
    position: relative;
}

.shortes-links .ve-row {
    margin-left: -3px;
    margin-right: -3px;
}

.shortes-links .ve-col {
    padding-left: 3px;
    padding-right: 3px;
}

.shortes-links .ve-link {
    display: block;
    position: relative;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    color: #353535;
    background-color: #F4F4F4;
    border-radius: 2px;
    margin: 0px 0px 6px;
    text-align: center;
    overflow: hidden;
}

.shortes-infos {
    position: relative;
    overflow: hidden;
}

.shortes-infos .ve-the {
    position: relative;
    margin: 10px 0px;
    padding: 0px 0px 0px 50px;
    height: 40px;
}

.shortes-infos .ve-the-ic {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    display: block;
}

.shortes-infos .ve-the-ic img {
    width: 100%;
    display: block;
}

.shortes-infos .ve-the-tit {
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #CD291F;
}

.shortes-infos .ve-list {
    position: relative;
    margin: 12px 0px;
}

.shortes-infos .ve-list-lk {
    border-bottom: 1px dashed #CBCBCB;
    position: relative;
    padding: 0px 0px 0px 50px;
    overflow: hidden;
    height: 40px;
    display: block;
}

.shortes-infos .ve-list-hot {
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #fff;
    border-radius: 4px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    background-color: #E94137;
    padding: 0px 8px;
    left: 0px;
}

.shortes-infos .ve-list-hot-re {
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    left: 38px;
    top: 50%;
    margin-top: -7px;
    transform: rotate(-45deg);
}

.shortes-infos .ve-list-tit {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 10;
}

.im-end {
    position: relative;
    background-color: #fff;
    padding: 4px 10px;
    margin: 0px 0px 14px;
    margin-bottom: 5rem;
}

.im-end .ev-versions {
    position: relative;
    text-align: center;
    margin: 6px 0px 0px;
}

.im-end .ev-versions li {
    display: inline-block;
    font-size: 14px;
    width: 19%;
}

.im-end .ev-versions li img{
    max-height: 36px;
}

.modal-dialog {
    margin: 60px 10px !important;
}

.im-end .ev-copy {
    line-height: 21px;
    font-size: 13px;
    color: #656565;
    position: relative;
    text-align: center;
    margin: 2px 0px 2px;
}

body.boo-down {
}

.im-kans {
    height: 5rem;
    background-color: #F7F7F7;
    display: block;
    bottom: 0;
    width: 100%;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10000;
    padding: 0;
    box-shadow: 0px -2px 2px rgba(0, 0, 0, .2);
}

.im-kans .v-wow {
    width: 1%;
    text-align: center;
    height: 5rem;
    position: relative;
    display: table-cell;
}

.im-kans .v-ks {
    width: 100%;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    height: 5rem;
}

.im-kans .v-ic {
    width: 20px;
    height: 20px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 8px 0px 1px;
}

.im-kans .v-ic img {
    width: 100%;
    height: 100%;
    display: block;
}

.im-kans .v-tit {
    position: relative;
    text-align: center;
    font-size: 1.24rem;
    color: #919191;
    padding-top: .1rem;
}

.im-kans .vk-leves {
    display: none;
    position: absolute;
    bottom: 120%;
    left: 4px;
    background-color: #F0F0F0;
    padding: 4px 6px;
    border-radius: 2px;
    margin-top: -10px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 30%);
}

.im-kans .vk-leves:before {
    content: '';
    position: absolute;
    top: 100%;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #F0F0F0;

    left: 50%;
    margin-left: -6px;
}

.im-kans .vk-leves a {
    width: 100%;
    position: relative;
    line-height: 24px;
    font-size: 13px;
    text-align: center;
    padding: 6px 0px;
    display: block;
    border-bottom: 1px solid #CECECE;
}

.im-kans .vk-leves a:last-child {
    border-bottom: 1px solid #F0F0F0;
}

.modal.in .modal-dialog {
    z-index: 1080;
}

.ioe-modal .vok-the {
    height: 4px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
}

.ioe-modal .modal-header {
    padding: 19px 15px 15px;
}

.ioe-modal .moend-padd {
    padding: 0px 8px;
    margin: 0px auto;
}

.ioe-modal .mo-bg-close {
    background-color: #9DA4AC;
    border: 1px solid #9DA4AC;
    color: #fff;
    outline: 0px;
}

.ioe-modal .mo-bg-submit {
    background-color: #4C76E3;
    border: 1px solid #4C76E3;
    color: #fff;
    outline: 0px;
}

.ioe-modal .mo-bg-close:active,
.ioe-modal .mo-bg-submit:active {
    outline: 0px;
}

.modal.in .modal-title {
    font-size: 15px;
}

.im-head, .im-main, .im-end, .im-kans {
    -webkit-transition: filter .1s ease 0s;
    -moz-transition: filter .1s ease 0s;
    -o-transition: filter .1s ease 0s;
    transition: filter .1s ease 0s;
    filter: blur(0px);
}

.citys-list {
    position: relative;
    margin: 6px 0px 0px;
}

.citys-list .ct-row {
    margin-left: -3px;
    margin-right: -3px;
}

.citys-list .ct-col {
    padding-left: 3px;
    padding-right: 3px;
}

.citys-list a {
    display: block;
    position: relative;
    padding: 7px 2px;
    margin: 0px 0px 6px;
    font-size: 14px;
    color: #1A1617;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #fff;
}

.citys-list a.on {
    border: 1px solid #E5E5E5;
}

.ios-sun {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.ios-sun .ve-row {
    margin-left: -.6rem;
    margin-right: -.6rem;
}

.ios-sun .ve-col {
    padding-left: .6rem;
    padding-right: .6rem;
}

.ios-sun .ve-link {
    display: inline-block;
    overflow: hidden;
    margin: 0px 0px .6rem;
}

.ios-sun .ve-eico {
    width: 1.8rem;
    height: 1.8rem;
    display: block;
    margin: 0px auto .2rem;
}

.ios-sun .ve-eico img {
    width: 100%;
    display: block;
}

.ios-sun .ve-etit {
    font-size: 1.38rem;
}

.ios-menu {
    position: relative;
    overflow: hidden;
}

.ios-menu .vk-rank {
    position: relative;
    overflow: hidden;
}

.ios-menu .vk-dont {
    border-bottom: 1px solid #D8D8D8;
    overflow: hidden;
    position: relative;
}

.ios-menu .vk-link {
    overflow: hidden;
    position: relative;
    display: block;
    height: 3.6rem;
    text-align: center;
}

.ios-menu .vk-link a {
    overflow: hidden;
    position: relative;
    display: block;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 1.44rem;
    color: #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 .3rem;
}

.ios-menu .vk-dont-this .vk-link a {
    color: #00923E;
}

.ios-menu .vk-rank-down > .vk-dont {
    padding: 0px 3.8rem 0px 0px;
}

.ios-menu .vk-down {
    width: 4rem;
    height: 3.6rem;
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden;
    border-left: 1px solid #D7D7D7;
}

.ios-menu .vk-down-soll {
    display: block;
    height: 7.2rem;
    width: 4rem;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}

.ios-menu .vk-down-show .vk-down-soll {
    top: -3.6rem;
}

.ios-menu .vk-down-ico {
    width: 4rem;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 1.82rem;
    color: #000;
    text-align: center;
    display: block;
    overflow: hidden;
}

.ios-menu .vk-group {
    padding: 0px 0px 0px 3.6rem;
    overflow: hidden;
    display: none;
}

.ios-menu .vk-group-show {

}

.in-frcomms {
    position: relative;
    padding: 8px;
}

.in-frcomms .fs-the {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding: 6px 0px;
    margin: 0px 0px 6px;
    color: #CD291F;
    text-transform: uppercase;
}

.in-frcomms .fa-row {
    margin-left: -4px;
    margin-right: -4px;
}

.in-frcomms .fa-col {
    padding-left: 4px;
    padding-right: 4px;
}

.in-frcomms .fa-col a {
    background-color: #F4F4F4;
    position: relative;
    padding: 0px 2px;
    border-radius: 2px;
    text-align: center;
    overflow: hidden;
    color: #353535;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0px 0px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dcave-the {
    border-bottom: 1px solid #ECECEC;
    padding: 15px 0px;
    position: relative;
    overflow: hidden;
    margin: 2px 0px 10px;
}

.dcave-the .de-tit {
    border-left: 2px solid #4C76E2;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    padding-left: 12px;
    margin-left: 4px;
    height: 18px;
    line-height: 18px;
    display: block;
    float: left;
}

.dcave-the .de-more {
    color: #A8A8A8;
    font-size: 13px;
    float: right;
    display: block;
}

.consult-infos {
    position: relative;
    overflow: hidden;
}

.consult-infos .cb-row {
    margin-left: -6px;
    margin-right: -6px;
}

.consult-infos .cb-col {
    padding-left: 6px;
    padding-right: 6px;
}

.consult-infos .cb-aks {
    background-color: #F4F4F4;
    position: relative;
    padding: 0px 2px;
    border-radius: 2px;
    text-align: center;
    overflow: hidden;
    color: #353535;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0px 0px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.consult-infos .cb-aks.on {
    background-color: #4C76E2;
    color: #fff;
}

.consult-infos .cb-list {
    position: relative;
    margin: 0px 0px 8px;
}

.consult-infos .cb-list li{
    border-bottom: 1px dashed #E3E3E3;
    float: left;
    width: 100%;
}

.consult-infos .cb-link {
    position: relative;
    height: 37px;
    overflow: hidden;
}

.consult-infos .cb-link-tit {
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    font-size: 13px;
    color: #353535;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 75%;
    display: inline-block;
    float: left;
}

.consult-infos .cb-link-date {
    height: 37px;
    line-height: 37px;
    font-size: 13px;
    color: #656565;
    display: inline-block;
    width: 25%;
    float: left;
    text-align: right;
}

.consult-infos .cb-dos {
    position: relative;
}

.consult-infos .cb-dos-ds {
    display: none;
}

.consult-infos .cb-dos-ds.on {
    display: block;
}

.consult-codes {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.consult-codes li {
    width: 40%;
    display: inline-block;
    position: relative;
    margin: 10px 2% 12px;
}

.consult-codes .es-name {
    font-size: 14px;
    text-align: center;
    padding: 6px 0px;
    position: relative;
}

.consult-codes .es-pic {
    width: 70%;
    margin: 0px auto;
    position: relative;
    display: block;
    overflow: hidden;
}

.consult-codes .es-pic img {
    width: 100%;
    display: block;
}

.consult-codes .es-hint {
    font-size: 13px;
    text-align: center;
    padding: 4px 0px;
    position: relative;
}

.consult-post {
    position: relative;
    overflow: hidden;
}

.consult-post .es-tap {
    margin: 10px 0px;
    text-align: center;
    font-size: 15px;
    color: #656565;
    font-weight: 600;
}

.consult-post .es-tap li {
    margin: 0px 9px 6px;
    line-height: 30px;
    border-bottom: 2px solid #fff;
    display: inline-block;
}

.consult-post .es-tap li.on {
    color: #4C76E2;
    border-bottom: 2px solid #4C76E2;
}

.consult-post .es-dos {
    position: relative;
}

.consult-post .es-dos-ds {
    position: relative;
    display: none;
}

.consult-post .es-dos-ds.on {
    display: block;
}

.consult-post .es-row {
    margin-left: -6px;
    margin-right: -6px;
}

.consult-post .es-col {
    padding-left: 6px;
    padding-right: 6px;
}

.consult-post .es-link {
    background-color: #F4F4F4;
    position: relative;
    padding: 0px 2px;
    border-radius: 2px;
    text-align: center;
    overflow: hidden;
    color: #353535;
    display: block;
    height: 36px;
    line-height: 36px;
    margin: 0px 0px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.consult-post .es-corres {
    position: relative;
    text-align: center;
}

.consult-post .es-corres a {
    border: 1px solid #CBCBCB;
    font-size: 13px;
    position: relative;
    border-radius: 2px;
    display: inline-block;
    margin: 6px 7px 14px;
    padding: 8px 30px;
    text-align: center;
}

.in-sopine {
    position: relative;
    padding: 10px 8px 4px;
    line-height: 24px;
    font-size: 13px;
    color: #656565;
}

.in-sopine a {
    color: #656565;
}

.in-sopine a.on {
    color: #4C76E2;
}

.sketch-main {
    position: relative;
}

.sketch-main .se-tap {
    margin-left: -7px;
    margin-right: -7px;
    overflow: hidden;
    border-bottom: 1px solid #EDEDED;
    border-top: 1px solid #EDEDED;
}

.sketch-main .se-tap li {
    float: left;
    width: 50%;
    position: relative;
    font-weight: 600;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 15px;
}

.sketch-main .se-tap li.on {
    color: #4C76E2;
    border-bottom: 2px solid #4C76E2;
}

.sketch-main .se-coes {
    position: relative;
    padding: 10px 0px;
    overflow: hidden;
}

.sketch-main .se-coes-in {
    display: none;
}

.sketch-main .se-coes-in.on {
    display: block;
}

.sketch-main .se-coes-ht {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    margin: 4px 0px 14px;
}

.sketch-main .se-coes-cont {
    line-height: 24px;
    color: #656565;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    margin: 0px 0px 10px;
}

.sketch-main .se-coes-cont img {
    max-width: 100%;
    height: auto;
}

.sketch-teacher {
    position: relative;
}

.sketch-teacher .tech-doc {
    padding: 0px 0px 0px 84px;
    min-height: 68px;
    margin: 0px 0px 12px;
    position: relative;
}

.sketch-teacher .tech-thumb {
    width: 68px;
    height: 68px;
    top: 0px;
    left: 4px;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    display: block;
}

.sketch-teacher .tech-thumb img {
    width: 100%;
    display: block;
}

.sketch-teacher .tech-name {
    color: #4C76E2;
    position: relative;
    margin: 6px 0px 6px;
    font-size: 15px;
}

.sketch-teacher .tech-text {
    line-height: 24px;
    font-size: 13px;
    color: #737373;
    overflow: hidden;
    position: relative
}

.play-buy {
    background-color: #fff;
    height: 3.6rem;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    z-index: 100;
    border-radius: 60px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
    overflow: hidden;
}

.play-buy .op-le {
    position: absolute;
    top: 0px;
    left: 0px;
}

.play-buy .op-re {
    position: absolute;
    top: 0px;
    right: 0px;
}

.play-buy .op-lk {
    display: block;
    height: 3.6rem;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 0px 12px;
    margin-left: 6px;
}

.play-buy .op-lk-ic {
    width: 1.4rem;
    height: 1.4rem;
    position: relative;
    display: block;
    overflow: hidden;
    margin: .4rem auto .1rem;
}

.play-buy .op-lk-ic img {
    width: 100%;
    display: block;
}

.play-buy .op-lk-ti {
    font-size: 13px;
    position: relative;
    text-align: center;
}

.play-buy .op-re-price {
    float: left;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 1.52rem;
    color: #CD291F;
    font-weight: 600;
    display: block;
    margin-right: 12px;
}

.play-buy .op-re-link {
    display: block;
    float: left;
    background-color: #CD291F;
    color: #fff;
    font-size: 13px;
    padding: 0px 18px 0px 14px;
    height: 3.6rem;
    line-height: 3.6rem;
}

.sketch-course {
    position: relative;
}

.sketch-course .re-doc {
    position: relative;
    overflow: hidden;
}

.sketch-course .re-the {
    position: relative;
    border-bottom: 1px solid #F3F3F3;
    overflow: hidden;
    padding: 0px 120px 0px 6px;
    cursor: pointer;
}

.sketch-course .re-the-tit {
    height: 42px;
    line-height: 42px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.sketch-course .re-the-ic {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 13px;
    line-height: 24px;
    font-size: 24px;
    font-weight: 600;
    display: block;
    text-align: center;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.sketch-course .re-doc.re-doc-on .re-the-ic {
    transform: rotate(90deg);
}

/*.sketch-course .re-the:hover .re-the-tit,
.sketch-course .re-the:hover .re-the-ic{
	color:#4C76E2;
}*/

.sketch-course .re-links {
    position: relative;
}

.sketch-course ul {

}

.sketch-course .re-links-sree {
    position: relative;
    display: block;
    padding: 0px 170px 0px 15px;
    border-bottom: 1px solid #F3F3F3;
}

.sketch-course .re-links-tit {
    position: relative;
    height: 44px;
    line-height: 44px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    color: #656565;
    left: 0px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
}

.sketch-course .re-links-date {
    width: 60px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    top: 0px;
    right: 58px;
    font-size: 13px;
    color: #656565;
    display: block;
    text-align: right;
}

/*.sketch-course .re-links-sree:hover{
	background-color:#EDEDED;
}
.sketch-course .re-links-sree:hover .re-links-tit{
	color:#4C76E2;
}
.sketch-course .re-links-sree:hover .re-links-date{
	color:#4C76E2;
}*/
.sketch-course .re-links-sree.on-play .re-links-tit,
.sketch-course .re-links-sree.on-play .re-links-date {
    color: #4C76E2;
}

.sketch-course .re-video-state {
    width: 40px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    top: 50%;
    margin-top: -11px;
    right: 6px;
    display: block;
    position: absolute;
    border-radius: 12px;
    font-size: 13px;
}

.sketch-course .re-video-state.te-free {
    background-color: #CD291F;
    color: #fff;
    font-size: 13px;
}

.sketch-course .re-video-state.te-login {
    background-color: #00780F;
    color: #fff;
    font-size: 13px;
}

.sketch-course .re-video-state.te-lock {
    color: #989898;
    font-size: 18px;
}

.sketch-course .re-links-sree .re-video-play {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 118px;
    display: none;
}

.sketch-course .re-links-sree.on-play .re-video-play {
    display: block;
}

.sketch-course .re-links-sree .re-video-play .xt {
    width: 3px;
    height: 10px;
    bottom: 4px;
    display: block;
    background-color: #5e82e4;
    position: absolute;
}

.sketch-course .re-links-sree .re-video-play .xt-1 {
    left: 4px;
    animation: xtiny1 1.4s ease infinite;
}

.sketch-course .re-links-sree .re-video-play .xt-2 {
    left: 10px;
    animation: xtiny2 1.4s ease infinite;
}

.sketch-course .re-links-sree .re-video-play .xt-3 {
    left: 16px;
    animation: xtiny3 1.4s ease infinite;
}

.buy-main {
    position: relative;
    padding: 0px 10px;
}

.buy-main .v-win {
    border: 1px solid #CBCBCB;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin: 12px 0px;
}

.buy-main .o-name {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    margin: 5px 0px;
    overflow: hidden;
    color: #000;
}

.buy-main .o-text {
    line-height: 24px;
    font-size: 13px;
    margin: 4px 0px;
    color: #979797;
    position: relative;
}

.buy-main .o-types {
    position: relative;
    overflow: hidden;
    margin-right: -30px;
}

.buy-main .o-types li {
    float: left;
    line-height: 26px;
    font-size: 14px;
    color: #353535;
    margin-bottom: 6px;
    width: 100%;
}

.buy-main .o-types li .fa-check {
    color: #0B900C;
    font-size: 16px;
}

.buy-main .o-price {
    font-size: 14px;
    color: #000;
    position: relative;
    margin: 0px 0px 6px;
}

.buy-main .o-price > span {
    color: #CD291F;
    font-weight: 600;
}

.buy-main .b-way {
    background-color: #fff;
    margin: 10px -10px 10px -10px;
    padding: 4px 10px;
}

.buy-main .b-way-seler {
    position: relative;
    display: block;
    margin: 0px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 0px 50%;
    background-size: auto 30px;
}

.buy-main .b-way-seler input[type="radio"] {
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 8px;
    margin-top: -4px;
}

.buy-main .b-way-call {
    width: 100%;
    height: 1px;
    background-color: #CBCBCB;
    display: block;
    margin: 6px 0px;
}

.buy-main .b-wayinre {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 6px;
    text-align: center;
    font-size: 20px;
    color: #0B900C;
    display: none;
}

.buy-main .b-wayinre i {
    position: absolute;
    top: 0px;
    left: 0px;
}

.buy-main .b-way .b-way-seler.on .b-wayinre {
    display: block;
}

.buy-main .b-sub {
    position: relative;
    display: block;
    background-color: #CD291F;
    height: 42px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: 0px;
    width: 100%;
    margin: 16px 0px 6px;
}

.buy-main .b-kf {
    font-size: 13px;
    color: #171516;
    padding: 10px 0px;
    display: inline-block;
}

.buy-main .b-us {
    font-size: 13px;
    color: #171516;
    padding: 10px 0px;
    float: right;
    display: inline-block;
}

.vips-toup {
    border: 1px solid #CBCBCB;
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin: 12px 0px;
}

.vips-toup .pay-tit {
    font-size: 14px;
    color: #000;
    text-align: center;
    margin: 3px 0px;
}

.vips-toup .pay-count {
    font-size: 22px;
    color: #FF6703;
    text-align: center;
    margin: 3px 0px;
}

.vips-toup .pay-code {
    width: 200px;
    position: relative;
    margin: 14px auto;
}

.vips-toup .pay-code img {
    width: 100%;
    display: block;
}

.vips-toup .pay-text {
    position: relative;
    font-size: 13px;
    color: #9A9A9A;
    line-height: 26px;
    text-align: center;
    overflow: hidden;
}

.essay-datum {
    position: relative;

}

.essay-datum .ae-tap {
    position: relative;
    height: 34px;
    top: 6px;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px 40px;
    background-repeat: no-repeat;
    background-position: 4px 50%;
    background-size: auto 28px;
    background-image: url(../images/ibnr.png);
}

.essay-datum .ae-tap select {
    height: 30px;
    font-size: 13px;
    padding: 0px 40px 0px 8px;
    border: 1px solid #CBCBCB;
    float: left;
    margin-top: 2px;
    appearance: none;
    outline: 0px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(../images/bisos2.jpg);
}

.essay-datum .ess-dabuy {
    position: relative;
    padding: 0px 94px 0px 0px;
    overflow: hidden;
    margin: 0px 0px 4px 0px;
}

.essay-datum .ess-dabuy-tit {
    font-size: 14px;
    font-weight: 600;
    color: #CD291F;
    text-overflow: ellipsis;
    line-height: 28px;
    white-space: normal;
    overflow: hidden;
}

.essay-datum .ess-dabuy-tit a {
    color: #CD291F;
}

.essay-datum .ess-dabuy-buy {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    padding: 0px 12px;
    border-radius: 2px;
    background-color: #CD291F;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}

.essay-datum .ess-dabuy:hover .ess-dabuy-tit a {
    color: #CD291F;
}

.essay-datum .ess-news {
    position: relative;
    padding: 2px 4px;
}

.essay-datum .ess-news li {
    position: relative;
    padding: 0px 92px 0px 0px;
    overflow: hidden;
    margin: 2px 0px 4px;
    border-bottom: 1px dashed #CBCBCB;
    padding-bottom: 4px;
}

.essay-datum .ess-news-tit {
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #353535;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.essay-datum .ess-news-tit em{
    color: red;
    font-style: normal;
    font-weight: bold;
}

.essay-datum .ess-news li:hover .ess-news-tit a {
    color: #CD291F;
}

.essay-datum .ess-news-date {
    position: absolute;
    top: 0px;
    right: 2px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    color: #353535;
    display: block;
}

.essay-datum .ess-hr {
    width: 100%;
    height: 1px;
    display: block;
    border-bottom: 1px dashed #D0D0D0;
    margin: 10px 0px;
}

.essay-datum .ae-list {
    position: relative;
}

.essay-datum .ae-list-doc {
    display: none;
}

.essay-datum .ae-list-doc.on {
    display: block;
}

.essay-datum .k-move {
    position: relative;
    overflow: hidden;
}

.essay-datum .k-move a {
    width: 140px;
    font-size: 13px;
    color: #353535;
    padding: 7px 0px;
    text-align: center;
    display: block;
    border-radius: 2px;
    margin: 12px auto 18px;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
}

.pages-taps {
    position: relative;
    text-align: center;
}

.pages-taps li {
    display: inline-block;
    height: 30px;
    margin: 0px 2px;
    vertical-align: top;
}

.pages-taps .sp-link {
    width: 30px;
    height: 30px;
    border: 1px solid #CBCBCB;
    display: block;
    line-height: 28px;
    font-size: 18px;
}

.pages-taps .sp-select {
    height: 30px;
    border: 1px solid #CBCBCB;
    display: block;
    padding: 0px 10px;
    font-size: 13px;
    text-align: center;
    text-align-last: center;
    outline: 0px;
}

.pages-taps .sp-all {
    border: 1px solid #CBCBCB;
    height: 30px;
    display: block;
    padding: 0px 10px;
    font-size: 13px;
    line-height: 28px;
}

.iend-seek {
    padding-left: 6px;
    padding-right: 6px;
    z-index: 10;
    position: relative;
}

.iend-seek .dropdown-toggle {
    border-color: #ccc #fff #ccc #ccc;
}

.advertis-swip {
    position: relative;
    padding: 0px 2px;
}

.advertis-swip .vs-row {
    margin-left: -14px;
    margin-right: -14px;
}

.advertis-swip .vs-padd {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 6px;
    padding-bottom: 16px;
}

.advertis-swip .vs-link {
    border-radius: 6px;
    background-color: #fff;
    position: relative;
    display: block;
    overflow: hidden;
}

.advertis-swip .vs-link img {
    width: 100%;
    display: block;
}

.essay-main {
    overflow: hidden;
}

.essay-main .ess-the {
    border-bottom: 1px solid #CBCBCB;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 2px;
    margin-bottom: 14px;
}

.essay-main .ess-the-tit {
    font-size: 16px;
    font-weight: 600;
    color: #353535;
    position: relative;
    line-height: 24px;
    padding: 2px 0px;
    margin: 2px 0px;
    text-align: center;
}

.essay-main .ess-the-type {
    font-size: 13px;
    color: #989898;
    line-height: 22px;
    padding: 2px 0px;
    text-align: center;
}

.essay-main .ess-the-live {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    color: #fff;
    background-color: #4C76E2;
    border-radius: 2px;
    padding: 0px 14px;
    right: 0px;
}

.essay-main .ess-aiys {
    position: relative;
    margin: 18px 0px 0px;
    text-align: center;
}

.essay-main .ess-aiys li {
    display: inline-block;
    margin: 0px 4px 12px;
    color: #656565;
}

.essay-main .ess-aiys li img {
    width: 28px;
    margin-bottom: 4px;
}

.essay-main .ess-cont {
    position: relative;
    margin: 14px 0px;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    color: #595959;
}

.essay-main .ess-cont table,.essay-main .ess-cont tr,.essay-main .ess-cont td{
    border: 1px solid #555;
}


.essay-main .ess-cont p {
    text-indent: 3rem;
}

.essay-main .ess-cont p img {
    margin-left: -3rem;
}

.essay-main .ess-cont img {
    max-width: 100%;
    width: 100% !important;
    height: auto !important;
}

.essay-main .ess-codes {
    text-align: center;
    position: relative;
    margin: 10px 0px;
}

.essay-main .ess-codes li {
    width: 150px;
    display: inline-block;
    position: relative;
    margin: 0px 12px;
}

.essay-main .ess-codes-name {
    font-size: 15px;
    text-align: center;
    padding: 6px 0px;
    position: relative;
}

.essay-main .ess-codes-pic {
    width: 70%;
    margin: 0px auto;
    position: relative;
    display: block;
    overflow: hidden;
}

.essay-main .ess-codes-pic img {
    width: 100%;
    display: block;
}

.essay-main .ess-codes-hint {
    font-size: 13px;
    text-align: center;
    padding: 4px 0px;
    position: relative;
}

.essay-main .ess-advertis {
    position: relative;
    margin: 14px 0px;
}

.essay-main .ess-advertis img {
    width: 100%;
    display: block;
}

.essay-main .ess-tags {
    margin: 14px 0px 0px;
    position: relative;
    overflow: hidden;
}

.essay-main .ess-tags > span {
    display: block;
    float: left;
    position: relative;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #D8D8D8;
    padding: 7px 10px;
    border-radius: 2px;
}

.essay-main .ess-tpas {
    position: relative;
    line-height: 32px;
    font-size: 14px;
    margin: 12px 0px 14px;
    padding: 0px 0px 0px 4px;
}

.essay-main .ess-tpas a {
    color: #4A84FF;
}

.essay-main .ess-share {
    background-color: #F4F4F4;
    position: relative;
    overflow: hidden;
    padding: 4px 8px;
    border-radius: 4px;
    margin: 4px 0px 0px;
}

@media screen and (max-width: 321px) {
    .answer-sheet-cruck .e-sylloge {
        padding: 0px 12px;
    }

    .zi-clssfiy .ye-in-tap {
        width: 10rem;
    }

    .zi-clssfiy .ye-in-cont {
        left: 10rem;
    }

    .zi-clssfiy .ye-in-tap li {
        line-height: 2.2rem;
        padding: .6rem .4rem .6rem .6rem;
    }

    .live-main .do-console-tit-in {
        font-size: 13px;
    }

    .essay-main .ess-the-tit {
        font-size: 13px;
    }

    .essay-main .ess-the-type {
        font-size: 13px;
    }
}

@media screen and (max-width: 360px) {
    html {
        font-size: 53.6%;
    }
}

.zssm{
    font-size: 15px;
    line-height: 28px;
    color: red;
    font-weight: bold;
}