body, html {
    background: white;
    scroll-behavior: smooth;
   font: 14px/1.5 "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","寰蒋闆呴粦",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
}
input {
    outline: none;
    border:0;
}
a, body, button, caption, dd, div, dl, dt, em, figure, form, h1, h2, h3, h4, h5, h6, html, i, img, input, label, li, ol, p, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul {
    margin: 0;
    padding: 0;
}

.ui-dialog-cnt {
    border-radius: 6px;
    width: 270px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    pointer-events: auto;
    background-color: rgba(253,253,253,.95);
    position: relative;
    font-size: 16px;
}
.ui-dialog-bd {
    min-height: 71px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 18px;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
}
.ui-dialog-bd>div, .ui-dialog-bd>ul {
    width: 100%;
}
.ui-form {
    background-color: #fff;
}
.ui-form-item {
    position: relative;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding-right: 15px;
    padding-left: 15px;
}
.ui-form-item label:not(.ui-switch):not(.ui-checkbox):not(.ui-checkbox-s):not(.ui-radio) {
    width: 95px;
    position: absolute;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-form-item input, .ui-form-item textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border: 0;
    background: 0 0;
    padding-left: 95px;
}
.ui-form-item .ui-icon-close {
    position: absolute;
    top: 0;
    right: 6px;
}

.navbar-inverse .navbar-brand {
    color: #333;
}
.navbar-inverse .navbar-nav>li>a {
    color: #333;
    font-size: 16px;
}
.navbar-light ,.navbar-toggle {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #8a8787;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #f6f8fb;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #950000;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #950000;
    background-color: transparent;
}
.whatsns_header .right_box{
    position: relative;
    top:5px;
    display: inline-block;
}
.whatsns_header .right_box .ws_search{
    display: flex;
}
.whatsns_header .right_box .ws_search .c_search{
    flex: 1;
    padding-left: 10px;
    padding-right: 25px;
    outline: none;
    height: 30px;
    line-height: 30px;
    border: solid 1px #950000;
}
}
.whatsns_header .right_box .ws_search  .icon-search{
    cursor: pointer;
    position: relative;
    right: 25px;
    color: #950000;
}
.whatsns_header  .icon-search{
    color: #950000;
    cursor: pointer;
    position: relative;
    right: 25px;
}
.dropdown-menu{

    font-size: 14px;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-menu .dropdown-item {
    padding: .8rem 1.5rem;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #950000;
    text-decoration: none;
    background-color: transparent;
}
.whatsns_header .mycourse{
    float: right;
}
.whatsns_header .useravatar{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: inline-block;
    position: relative;
    top:-5px;
}
.col-12 {
    padding: 0;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.common-content{
    margin-bottom: 10px;
    padding: 30px 30px 20px;
    border: 1px solid #eee;
    background: #fff;
}
.no-margin {
    margin: 0!important;
}
.filter-title-wrapper {
    padding: 0;
    max-width: 62px;
}
.body{
    min-height: calc(100vh - 263px);
    margin: 12px 0 20px;
}
.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.filter-item-wrapper .filter-item {
    display: inline-block;
    margin: 0 4px 10px 0;
    padding: 4px 10px;
    font-size: 14px;
    color: #666;
    border-radius: 15px;
    cursor: pointer;
    transition: background .5s ease;
    text-decoration: none;
}
.filter-item-wrapper .filter-item.active {
    color: #fff;
    background: #950000;
}
.filter-item-wrapper .filter-item:hover {
    color: #fff;
    background: #950000;
    text-decoration: none;
}
.filter-item-wrapper .filter-item a{
    color: #666;
}
.filter-item-wrapper .filter-item a:hover {
    color: #fff;
    text-decoration: none;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
.btn-group-wrapper {
    display: inline-block;
    margin-right: 20px;
}
.btn-group-wrapper .btn-outline-primary:not(:disabled):not(.disabled).active {
    background: #fff;
    color: #950000;
}
.base-menu {
    justify-content: flex-end;
}
.float-right {
    float: right!important;
}
.filter-dropdown-menu {
    margin-right: 5px;
}
.filter-dropdown-menu .dropdown {
    margin-top: -.15rem;
}
.course-list-cntr {
    padding-top: 20px;
    margin-bottom: 20px;
}
.course-item-box>a {
    text-decoration: none;
}
.course-item {
    margin-bottom: 20px;
    box-shadow: 0 2px 2px 0 #eee;
}
.relative {
    position: relative;
}
.item-box-top .cover-image {
    width: 100%;
    height: 150px;
}
.item-box-top .status-info {
    width: 100%;
    padding: 0 5%;
    position: absolute;
    z-index: 9;
    top: -5px;
}
.block {
    display: block;
}
.overflow-auto {
    overflow: auto!important;
}
.item-box-top .status-info .follow-status {
    display: none;
    margin-top: 15px;
    width: 20px;
    font-size: 18px;
    cursor: pointer;
}
.item-box-bottom{
    height: 100px;
    bottom: 0;
    background: #fff;
    transition: bottom .3s;
}
.item-box-bottom .course-info-wrapper {
    height: 100%;
    padding: 20px 10px 0;
    top: 0;
    background: #fff;
    overflow: hidden;
    transition: top .3s ease-out;
}
.item-box-bottom .course-info-wrapper .course-name {
    display: block;
    width: 100%;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.item-box-bottom .course-info-wrapper .course-description {
    display: -webkit-box;
    margin-top: 10px;
    color: #666;
    font-size: 13px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.h6 .course-name , h6.course-name  {
    font-size: 1rem;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}
.course-item {
    margin-bottom: 20px;
    box-shadow: 0 2px 2px 0 #eee;
}
.course-item:hover {
    box-shadow: 0 4px 20px 4px #ddd;
}
.item-box-bottom .course-meta-data {
    position: absolute;
    display: block;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 53px;
    padding: 0 10px;
    font-size: 12px;
    color: #9b9da2;
    background: #fff;
}
.item-box-bottom .course-meta-data .meta-data-inner{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.course-type-tag.free {
    background: #80c269;
}
.course-type-tag.course-list-tag {
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 12px;
    margin-left: 8px;
    color: #fff;
}
.course-type-tag.member {
    background: #ffc500;
}
.footer {
    background: #333;
}
.footer-footer{
    padding: 15px 0;
    color: #666;
    background: #191919;
    font-size: 12px;
    text-align: center;
}
.footer-footer a{
    color: #999;
}
.base-breadcrumb .breadcrumb {
    margin: 0;
    padding: .75rem 0;
    background: none;
    font-size: 13px;
}
.base-breadcrumb .breadcrumb a {
    color: #666;
}
.common-content {
    margin-bottom: 10px;
    padding: 30px 30px 20px;
    border: 1px solid #eee;
    background: #fff;
}
.course-info-header {
    justify-content: space-between;
}
.vertical-center {
    display: flex;
    align-items: center;
}
.course-info-header .info-header-left .course-name {
    font-size: 21px;
    margin: 0 10px 0 0;
    line-height: 1.6;
}
.inline-block {
    display: inline-block;
}
.course-info-header .info-header-right .course-follow-wrapper {
    font-size: 15px;
    color: #999;
}
.course-info-header .info-header-right .course-follow-wrapper .btn-action-follow {
    margin-left: 6px;
    font-size: 18px;
    cursor: pointer;
}
.course-type-tag.free {
    background: #80c269;
}
.course-type-tag {
    margin-left: 8px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 13px;
    color: #fff;
}
.course-info-body .info-meta-data {
    margin-top: 10px;
    color: #a4a4a4;
}
.font-14 {
    font-size: 14px;
}
.course-info-body .info-meta-data span{
    margin-right: 10px;
}
.course-info-body .info-course-desc {
    margin-bottom: 20px;
    margin-top:10px;
    color: #4c5157;
    font-size: 14px;
    word-wrap: break-word;
}
.course-study-info{
    margin-bottom: 10px;
}
.course-study-info .btn:first-child {
    width: 210px;
    height: 42px;
    color: #fff!important;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
}
.tab-nav{}
.tab-nav a{padding-bottom: 20px;margin-right: 2.3rem; display: inline-block;font-size: 14px;color: #666;text-decoration: none;border-bottom: 2px solid transparent;}
.tab-nav a:hover,.tab-nav .active a{color: #333;font-weight: bold;border-bottom-color: #950000;}
.wrap a{color: #333;}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.list-inline.not-p{margin-left: 0;}
.list-inline.not-p > li{padding-left: 0;padding-right: 0;}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.common-content .introduction, .common-content .course-info {
    padding: 20px 0px;
}
.border-b {
    border-bottom: 1px solid #eee;
}
.border-span,blockquote {
    padding-left: 10px;
    border-left: 3px solid #950000;
    font-size: 16px;
    color: #666;
}
.common-content .course-chapter .all-course {
    margin-left: 0px;
    margin-top: 12px;
}
.course-chapter .fa-book {
    margin-right: 10px;
    font-size: 22px;
    color: #950000;
    background-position: -281px -135px;
    vertical-align: -2px;
}
.panel>.panel-heading {
    color: #333;
    background-color: transparent;
    border:none;
    height: 63px;
    line-height: 63px;
    padding-left: 0px;
}
.tab-content  .panel{
    border: none;
}
.text-weight {
    font-weight: bold;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}
.common-content .course-chapter .panel-heading a {
    display: block;
    line-height: 63px;
    font-size: 14px;
    text-decoration: none;
}
.common-content .course-chapter .panel-body {
    padding: 0;
}
.common-content .course-chapter .panel-body p, .common-content .data-download > p {
    margin-bottom: 0;
    padding-left: 0px;
    padding-right: 35px;
    min-height: 50px;
    line-height: 50px;
    border: 1px solid transparent;
}
.common-content  .course-chapter .panel-body p:hover, .common-content .data-download > p:hover,.common-content  .data-download > p:last-child:hover {
    border-color: #950000;
}
.common-content .course-chapter .panel-body p>a {
    display: inline-block;
    width: auto;
    line-height: normal;
    vertical-align: sub;
    color: #333;
}
.wrap a {
    color: #333;
}
.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.common-content  .course-chapter .panel-body p .pull-right .status {
    position: relative;
    display: inline-block;
    width: 100px;
    text-align: right;
}
.common-content  .course-chapter .panel-body p .pull-right .status .btn {
    padding: 0;
    width: 65px;
    height: 25px;
    line-height: 25px;
    color: #950000;
    border-color: #950000;
    font-size: 12px;
}
.fa-play-circle{
    color: #950000;
}
.common-content  .course-chapter .panel-body .fa-play-circle{
    margin-right: 13px;

}
a:focus, a:hover {
    color: #950000;
    text-decoration: none;
}
.common-content  .course-chapter .panel-body p:nth-child(even) {
    background-color: #f5f5f5;
}
.common-content  .data-download > p {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #eee;
}
.default-color, .default-color:hover, .default-color:focus {
    color: #950000 !important;
}
.common-content .course-chapter .panel-body p .pull-right {
    font-size: 12px;
    color: #666;
}
.wrap a {
    color: #333;
}
.introduction .text-weight {
    font-size: 14px;
}
.fa-commenting{
    color:#950000;
}
.introduction  .fa-commenting{
    margin-right: 9px;
}
.common-content  .course-comment {

    padding-bottom: 20px;
}

dl {
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}
.course-comment dl{
    text-align: left;
}
.common-content  .course-comment dl {
    padding-top: 24px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}
.common-content  .course-comment dl dt {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
}
.wrap .dl-horizontal dt {
    width: auto;
}
.img-circle {
    border-radius: 50%;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
.common-content .course-comment dl dt .user-name {
    margin-top: 12px;
}
.common-content .course-comment dl dd {
    margin-left: 1.1rem;
    display: inline-block;
}
.common-content  .course-comment dl dd .study-time {
    font-size: 12px;
    color: #999;
}
.icon-star{
    color: #f1a325;
    margin-right: 6px;
}
.star-g{
    color: #999;
}
.common-content  .course-comment .content{
    font-size: 14px;
}
.common-content .course-chapter .panel-body p .pull-right {
    display: block;
    float: none!important;
}
.side-box {
    width: 100%;
    margin-bottom: 10px;
    padding: 15px;
    background: #fff;
}
.side-box .box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 10px;
    border-bottom: 1px solid #eee;
}
.side-box .box-header .box-title {
    font-size: 16px;
    color: #666;
    font-weight: 700;
}
.side-box .box-body {
    padding: 10px 0;
    font-size: 14px;
}
.mooc-info{
    display: flex;
    margin-bottom: 5px;
}
.teacher-avatar{
    width: 64px;
    height: 64px;
    margin-right: 20px;
}
.user-avatar {
    position: relative;
}
.user-avatar .link {
    display: block;
}
.user-avatar .avatar{
    width: 100%;
    border-radius: 50%;
}
.teacher-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}
.teacher-info span {
    margin-bottom: 5px;
    font-size: 15px;
    color: #4c5157;
}
.teacher-info span {
    margin-bottom: 5px;
    font-size: 15px;
    color: #4c5157;
}
.bold {
    font-weight: 700;
}

.teacher-info span{
    margin-bottom: 5px;
    font-size: 15px;
    color: #4c5157;
}
.teacher-info .count {
    font-size: 14px;
    color: #4c5157;
}
.mooc-extra-info{
    padding: 5px;
}
.mooc-extra-info .profile{
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #4c5157;
}
.no-margin {
    margin: 0!important;
}
.view-more-courses {
    font-size: 14px;
    color: #529fd2;
    text-decoration: none;
}
.side-img {
    display: block;
    margin-bottom: 10px;
}
.side-img img {
    width: 100%;
    max-height: 159px;;
}
.side-box .box-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.side-box .box-body ul>li {
    font-size: 14px;
}
.side-box .box-body ul>li>a{
    display: block;
    padding: 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #4c5157;
    text-decoration: none;
}
.prism-player{
    width: 100%;
    height: 100%;
}
.playmainbox{
    background: #fff;
    padding:10px;

}
.c_username{
    font-size:16px;
    color:#333;
    margin-bottom:5px;
}
.info_left{
    background: #fff;
}
.userinfo-left .pdTop10 {
    padding-top: 10px;
}
.userinfo-left .doc_info_box .doc_pic_box dt, .userinfo-left .info_left dt {
    margin: 0 auto;
}
.userinfo-left .doc_pic_box dt {
    width: 150px;
    height: 150px;
    border: 5px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
}
.dpblock100 {
    display: block;
    width: 100%;
    height: 100%;
}
.info_left dd ul {
    height: 24px;
}
.mgBottom10 {
    margin-bottom: 10px;
}
.info_left dd ul li strong {
    font-weight: normal;
    float: right;
    font-size: 20px;
    color: #333;
    line-height: 1.1;
    margin-right: 5px;
}
.info_left dd ul li {
    width: 50%;
    float: left;
    list-style-type: none;
}
.info_left dd ul li span {
    float: left;
    font-size: 12px;
    color: #018cf1;
    border: 1px solid #018cf1;
    padding: 0 2px;
    border-radius: 4px;
    line-height: 1.3;
    margin-top: 4px;
    margin-left: 5px;
}

.info_left dd p {
    line-height: 28px;
    font-size: 14px;
    color: #666;
}
.info_left dd p.p1 {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
}
.info_left .info02 {
    height: 77px;
    border: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-top: 20px;
    font-size: 0;
}
.info_left .info02 li {
    width: 78px;
    height: 45px;
}
.doc_info_box .info02 li:last-child, .info_left .info02 li:last-child {
    border-right: 0;
}

.info_left .info02 li a, .info_left dd a {
    display: block;
    color: #666;
    text-decoration: none;
}
.info_left .info02 li strong {
    color: #222;
    line-height: 1;
    font-weight: normal;
    margin-bottom: 12px;
    font-size: 26px;
    font-family: helvetica;
}
.info_left .info02 li span {
    font-size: 14px;
    color: #b3b3b3;
    line-height: 18px;
}

.doc_info_box .info02 li, .info_left .info02 li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 127px;
    height: 50px;
    border-right: 1px solid #e4e4e4;
    text-align: center;
    font-size: 0;
}
.info_left .info02 li {
    width: 30%;
    height: 45px;
}
.v_title {
    font-size: 26px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 18px;
    font-weight: bold;
}
.v_info_01 {
    height: 36px;
    font-size: 16px;
    color: #999;
    line-height: 20px;
    margin-bottom: 8px;
}
.v_info_01 .time {
    padding-right: 20px;
}
.fl_left {
    float: left;
}
.v_info_01 .num {
    border-left: 1px solid #dcdcdc;
    padding-left: 20px;
}
.v_con {
    padding: 21px 0 25px;
}
.v_con>h3 {
    font-size: 20px;
    color: #666;
    margin-bottom: 18px;
}

.p_text_box {
    height: 300px;
    overflow: hidden;
    margin-bottom: 20px;
}
.hidden_auto {
    height: auto;
}
.p_text {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    height: auto;
}
.n_title02 {
    font-size: 20px;
    color: #666;
    line-height: 1.2;
    margin-bottom: 13px;
    font-weight: normal;
}

.r_doc_05 a {
    border-top: 1px solid #f2f2f2;
    padding: 10px 0;
    display: block;
}
.r_doc_05 a:first-child {
    border-top: 0;
}
.r_doc_05 dt {
    position: relative;
    display: block;
    float: left;
    margin-right: 16px;
    width: 110px;
    height: 67px;
}
.dpblock100 {
    display: block;
    width: 100%;
    height: 100%;
}
.dpblock100 img{
    vertical-align: top;
    border: 0;
}
.r_doc_05 .timeLong {
    position: absolute;
    bottom: 3px;
    right: 3px;
    height: 12px;
    line-height: 1;
    font-size: 10px;
    color: #fff;
    padding: 1px 3px 2px;
    filter: alpha(opacity=100);
    background: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000,endColorStr=#000000);
}
.r_doc_05 .iconplay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    background-position: -207px -47px;
}
.r_doc_05 dd h3 {
    line-height: 1;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    height: 16px;
    overflow: hidden;
    margin: 0px;
}
.r_doc_05 dd .p1 {
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-align: left;
    margin: 0px;
}
.r_doc_05 dd .p2 {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-align: left;
    margin: 0px;
}
.r_doc_05 dl{
    margin-bottom: 0px;
    text-align: left;
}
.course-type-tag.bootcamp {
    background: #f66;
}

.pages {
    padding: 10px 0px 10px 0px;
    font-family: Tahoma;
    font-weight: bold;
}

.pages a,.pages strong,.pages span {
    border-radius: 4px;
    display: inline-block;
    padding: 0 9px;
    margin: 0 2px;
    min-width: 10px;
    _width: 10px;
    white-space: nowrap;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
}

.pages a {

    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #969696 !important;
    border-radius: 4px;
}

.pages a:hover {
    color: #333;
    background-color: #e3e3e3;
    text-decoration: none;
}

.pages strong {
    background-color: #F9F9F9;
    color: #777;
    font-weight: bold;
}

.pages span {
    color: #999999;
    font-size: 14px;
}
.price-info-box {
    position: relative;
    padding: 24px 20px 15px;
    margin: 0 0 15px;
    background-color: #f9f9f9;
}
.price-info-box .bootcamp-price p{
    margin-top: 0;
    margin-bottom: 1rem;
}
.price-info-box .bootcamp-price .real-price{
    font-size: 24px;
    font-weight: 700;
    color: #f66;
}
.no-margin {
    margin: 0!important;
}

.color-666 {
    color: #666;
}
.font-14 {
    font-size: 14px;
}
price-info-box .bootcamp-discount .discount-outter .discount {
    margin-right: 30px;
    font-weight: 700;
}
.color-aaa {
    color: #aaa;
}
.color-red {
    color: #f66!important;
}
.info-meta-data >i.followed,.course-info-header .info-header-right .course-follow-wrapper .btn-action-follow>i.followed {
    color: #f66;
}
/*璇勮*/
.postarticleform{
    border-radius:5px;
    width:95%;
    margin:0 auto;
    overflow:hidden;
    background:#fff;
}
.postarticleform .comment-area{
    height:100px;
    width:95%;
    outline:none;
    border:none;
    padding-left:10px;
    padding-top:10px;
    border: solid 1px #e5e6e7;
}
.btnpostarticle{
    width:95%;
    margin:10px auto;
    height:30px;
}
.btnpostarticle .btn-cm-submit{
    float:left;
}
.answerlist {
    clear: both;
    padding-left: 13px;
    padding-right: 13px;
}
.answerlist *{
    max-width: 100%;
}
.answerlist .ans-title{
    width: 100%;
    font-size: 16px;
    line-height: 34px;
    color: #f85959;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 10px;
    margin-top: 10px;
}
.answerlist .ans-title span{
    display: inline-block;
    line-height: 34px;
    position: relative;
    height: 34px;
}
.answerlist .ans-title span:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0px;
    background: #f85959;
    bottom: -1px;
}
.answerlist .ui-avatar-s{
    display: inline-block;
}
.answerlist .u-name{
    position: relative;
    top:-13px;
}
.answerlist .btn-agree{
    position: relative;
    top: -5px;
    right: 10px;
    border: solid 1px #f85959;
    border-radius: 5px;
    padding: 3px;
    text-align: center;
    margin: 0 auto;
    color: #f85959;
    display: inline;
    font-size: 16px;
}
.answerlist .btn-agree i{
    display: inline-block;
    color: #f85959;
    position: relative;
    top: 0px;
    padding: 0px;
    font-size: 25px;
}
.answerlist .btn-agree i:before{
    padding: 0px;
    margin: 0px;
}
.answerlist .btn-agree .agree-num{
    padding: 0px;
    margin: 0px;
    position: relative;
    right: 5px;
}
.answerlist .ans-content{
    margin-top: 10px;
    line-height: 1.7;
    font-size: 17px;
}
.answerlist .ans-footer{
    margin-top:10px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom:5px;
}
.answerlist .ans-footer .ui-icon-comment{
    display: inline-block;
    line-height: 15px;
    position: relative;
    top:4px;
    font-size: 28px;
}
.answerlist .ans-footer .ans-comment-num{
    position: relative;
    left:-5px;
}
.f-btn-comment{
    position: relative;
    top:14px;
    right: -10px;
}
.f-txt-comment{
    padding-left: 0px;
}
.ans-footer-comment{


}
.comments-list{ overflow:hidden; position:relative; zoom:1;}
.comments-list li{ margin:-1px 0 0;width:590px;padding:10px 0; font-size: 15px;border-top:1px solid #dbdbdb; overflow:hidden; zoom:1;}
.comments-list .loading{text-align: left;}
.other-comment{ overflow:hidden; zoom:1;padding-left: 3px}
.other-comment .pic{ float:left; margin:3px 0 0; }
.other-comment .pic img{border-radius: 3px 3px 3px 3px;width:34px; height:34px;}
.other-comment p{ float:left; padding:0 0 0 10px;  line-height:20px;}
.other-comment p a{ margin:0 5px 0 0;}
.other-comment p span{ padding:0 5px 0 0; color:#999;}
.comments-list .replybtn{ float:right;text-align: right;margin-right: 10px;}
.answerlist *{
    max-width:100%;
}
.avatar img {
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    border-radius: 50%;
}

.comment-list .comment {
    padding: 0px;
    border-bottom: dashed 1px #ebebeb;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.comment-list .comment::after
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 20px;
    display: block;
    border-bottom: 1px solid #F6F6F6;
    content: '';
}
.comment-list .comment p {
    font-size: 16px
}
.comment-list .other-comment  p {
    font-size: 15px;
}
.comment-list .author {
    margin-bottom: 15px
}

.comment-list .avatar {
    margin-right: 5px;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    display: inline-block
}

.comment-list .comment-wrap .comment-delete,.comment-list .comment-wrap .report {
    float: right;
    margin: 2px 0 0 10px;
    display: none
}

.comment-list .comment-wrap:hover .comment-delete,.comment-list .comment-wrap:hover .report {
    display: inherit
}

.comment-list p {
    margin: 10px 0;
    line-height: 1.8;
    font-size: 14px;
    word-break: break-word
}



.comment-list .info {
    display: inline-block;
    vertical-align: middle
}

.comment-list .name {
    font-size: 15px;
    color: #333
}

.comment-list .name:hover {
    color: #2f2f2f
}

.comment-list .author-tag {
    margin-left: 2px;
    padding: 0 2px;
    font-size: 12px;
    color: #ea6f5a;
    border: 1px solid #ea6f5a;
    border-radius: 3px;
    vertical-align: middle
}

.comment-list .meta {
    font-size: 15px;
    color: #969696
}

.comment-list .meta span {
    margin-right: 6px
}

.comment-list .tool-group a {
    margin-right: 10px;

    color: #8590A6;
    display: inline-block
}

.comment-list .tool-group a:hover {
    background-color: initial;
    color: hsl(220.00000000000003, 15.6398104265%, 53.6274509804%);
}

.comment-list .tool-group a:hover .ic-zan {
    color: #ea6f5a
}

.comment-list .tool-group a i {
    margin-right: 0px;
    font-size: 14px;
    vertical-align: middle
}
.comment-list .tool-group a i.fa-thumbs-o-up-y{
    position:relative;
    top:-2px;

}
.comment-list .tool-group a i.fa-eject{
    position:relative;
    top:-2px;
    color: #950000;

}
.comment-list .tool-group a.dianzan {

    height: 28px;
    padding-left: 10px;
    line-height: 28px;
    padding-right: 10px;
    border-radius: 3px;
    color: #950000;
    background: rgba(149, 0, 0, 0.03);
    border-color: transparent;
}

.fa-commentingicon{
    width: 15px;
    height: 12px;
    background-image: url(images/card-pinglun.svg?v=1);
}
.fa-commentingicon:hover{
    background-image: url(images/pinglunhover.svg?v=1);
}
}
.comment-list .tool-group a span {
    vertical-align: middle;
    color: #bbb;
    font-size: 13px;
}

.comment-list .tool-group a.active i {
    color: #ea6f5a
}

.comment-list .tool-group a.active span {
    color: #333
}

.comment-list .normal-comment-list {
    margin-top: 10px
}

.comment-list .normal-comment-list .top .author-only {
    margin-left: 10px;
    padding: 4px 8px;
    font-size: 12px;
    color: #969696;
    border: 1px solid #e1e1e1;
    border-radius: 3px
}

.comment-list .normal-comment-list .top .author-only.active {
    color: #fff;
    border: 1px solid #ea6f5a;
    background-color: #ea6f5a
}

.comment-list .normal-comment-list .top .close-btn {
    margin-left: 10px;
    font-size: 12px;
    color: #969696
}

.comment-list .normal-comment-list .top .pull-right a {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #969696;
    display: inline-block
}

.comment-list .normal-comment-list .top .pull-right .active,.comment-list .normal-comment-list .top .pull-right a:hover {
    color: #2f2f2f
}

.comment-list .normal-comment-list .close-comment,.comment-list .normal-comment-list .no-author-comment,.comment-list .normal-comment-list .no-comment {
    width: 226px;
    height: 92px;
    margin: 30px auto 20px;
    background: url(images/nocomment.png) no-repeat;
    background-size: contain
}

.comment-list .normal-comment-list .close-comment {

    background-size: contain
}

.comment-list .normal-comment-list .no-author-comment {

    background-size: contain
}

.comment-list .normal-comment-list .text {
    margin-bottom: 50px;
    text-align: center;
    font-size: 12px;
    color: #969696
}

.comment-list .normal-comment-list .text a,.comment-list .normal-comment-list .text a:hover {
    color: #950000
}

.comment-list .normal-comment-list .open-block {
    padding: 30px 0 50px;
    text-align: center;
    border-top: 1px solid #f0f0f0
}

.comment-list .normal-comment-list .open-block .open-btn {
    padding: 10px 20px;
    font-size: 14px;
    color: #969696;
    border: 1px solid #dcdcdc;
    border-radius: 4px
}

.comment-list .sub-comment-list {
    margin-top: 20px;
    padding: 5px 0 5px 20px;
    border-left: 2px solid #d9d9d9
}

.comment-list .sub-comment-list p {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 1.5
}

.comment-list .sub-comment-list a,.comment-list .sub-comment-list a:hover {
    color: #950000
}

.comment-list .sub-comment-list .new-comment {
    margin: 0
}

.comment-list .sub-comment-list .new-comment .sign-container,.comment-list .sub-comment-list .new-comment textarea {
    width: 100%
}

.comment-list .sub-comment-list .new-comment .emoji {
    margin: 15px 0 0
}

.comment-list .sub-comment-list .emoji-modal-wrap .emoji-modal {
    left: -48px
}

.comment-list .sub-comment {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #f0f0f0
}

.comment-list .sub-comment:last-child {
    margin: 0;
    padding: 0;
    border: none
}

.comment-list .sub-comment .report,.comment-list .sub-comment .subcomment-delete {
    float: right;
    margin: 1px 0 0 10px;
    display: none
}

.comment-list .sub-comment:hover .report,.comment-list .sub-comment:hover .subcomment-delete {
    display: inherit
}

.comment-list .sub-tool-group {
    font-size: 12px;
    color: #969696
}

.comment-list .sub-tool-group a {
    margin-left: 10px;
    color: #969696
}

.comment-list .sub-tool-group a:hover {
    color: #333
}

.comment-list .sub-tool-group a i {
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle
}

.comment-list .sub-tool-group a span {
    vertical-align: middle
}

.comment-list .more-comment {
    font-size: 14px;
    color: #969696;
    border: none
}

.comment-list .add-comment-btn {
    color: #969696!important
}

.comment-list .add-comment-btn:hover {
    color: #333!important
}

.comment-list .add-comment-btn i {
    margin-right: 5px
}

.comment-list .line-warp {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #d9d9d9
}

.comment-list .new-comment .sign-container,.comment-list .new-comment textarea {
    padding: 10px 15px;
    width: 100%;
    height: 80px;
    font-size: 13px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background-color: hsla(0,0%,71%,.1);
    resize: none;
    display: inline-block;
    vertical-align: top;
    outline-style: none;
    box-sizing: border-box;
}

.comment-list .new-comment .sign-container {
    text-align: center
}

.comment-list .new-comment .btn-sign {
    width: 78px;
    margin: 11px 10px 0 0;
    padding: 7px 18px;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    color: #fff!important;
    background-color: #950000;
    outline: none
}

.comment-list .new-comment .btn-sign:hover {
    color: #fff;
    background: #950000;

}

.comment-list .new-comment .btn-sign:hover {
    color: #fff;
    background: #950000;

}

.comment-list .new-comment .write-function-block {
    height: 50px
}

.comment-list .more-comment {
    font-size: 14px;
    color: #969696;
    border: none
}

.comment-list .add-comment-btn {
    color: #969696!important
}

.comment-list .new-comment .btn-send {
    float: right;
    width: 78px;
    margin: 10px 0;
    padding: 8px 18px;
    font-size: 13px;
    border: none;
    border-radius: 4px;
    color: #fff!important;
    background-color: #950000;
    cursor: pointer;
    outline: none;
    display: block
}

.comment-list .new-comment .btn-send:hover {
    background-color: #950000
}

.comment-list .new-comment .cancel {
    float: right;
    margin: 18px 30px 0 0;
    font-size: 14px;
    color: #969696
}

.comment-list .new-comment .cancel:hover {
    color: #2f2f2f
}

.comment-list .new-comment span {
    font-size: 14px;
    vertical-align: -7px
}

.sub-comment-list a, .sub-comment-list a:hover {
    color: #950000
}

.fa-comment,.fa-comment-o {
    background: url(images/comment.png);
    color: transparent;
    width: 18px;
    background-size: 100% 100%;
    height: 18px;
}

.fa-thumbs-o-up {
    background: url(images/agree.png);
    color: transparent;
    width: 18px;
    background-size: 100% 100%;
    height: 18px;
}
.pingluncontent{
    background:#fff;
}
.v_person {
    color: transparent;
    margin: 0 3px;
    background: url(rz.png);
    width: 12px;
    background-size: 100% 100%;
    height: 12px;
    position: relative;
    top: 0px;
}
.cursor{
    cursor:pointer;
}


/*璁插笀涓婚〉*/


.teachar-main  dl {
    margin-top: 0;
    margin-bottom: 20px;
}
.teachar-main .teachar-lists dl dt {


    text-align: center;
    color: #999;
    font-weight: normal;
    border-right: 1px solid #eee;
}
.teachar-main .teachar-lists dl dt .img-circle {
    background-color: #dbdbdb;
    vertical-align: middle;
}
.img-circle {
    border-radius: 50%;
}
.teachar-main .teachar-lists dl dt .teachar-name {
    color: #000;
    font-size: 16px;
}
.mt-10 {
    margin-top: 10px;
}
.text-weight {
    font-weight: bold;
}

.teachar-main .teachar-lists .tecinfo {
    padding: 35px;
    min-height: 220px;
    background-color: #fff;
    border-radius: 8px;
    border: solid 1px #f2f2f2;
    overflow: hidden;
    margin-bottom: 20px;
}
.teachar-main .teachar-detail .teachar-lists .tecinfo {

    min-height: 220px;
    height: auto;
}

.teachar-lists {
    text-align: center;
}
.teachar-lists .img-circle{
    margin: 0 auto;
}
.teachar-lists .signature{
    text-align: center;
    color: #999;
    font-weight: normal;
}
.teachar-lists .introductioninfo{
    text-align: justify;
}
.white-bg-bord {
    background-color: #fff;
    border: 1px solid #eee;
}
.u_courselist{
    padding: 20px;
}
.hotteacherlist{
    margin-top: 20px;
    margin-bottom: 20px;
}
.teachar-items .item {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0 35px;
    width: auto;
    height: 280px;
    background-color: #f8f8f8;
    vertical-align: middle;
}
.teachar-items .item img {
    margin-top: -20px;
    width: 110px;
    height: 110px;
    background-color: #dbdbdb;
}
.title-box {
    font-size: 16px;
}
.teachar-items .item .teachar-desc {
    height: 80px;
    line-height: 26px;
    overflow: hidden;
    font-size: 14px;
}
.teachar-items .item .teachar-desc span {
    line-height: normal;
}
a.more, span.more {
    color: #666;
    font-size: 12px;
}
.teachar-items {

    padding-bottom: 45px;
    text-align: center;
}
.teachar-items a{
    color: #333;
}
.teachar-items .telitem{
    margin-top: 65px;
}
.course-type-tag.course-list-tag .fa{
    color:#fff;
}
#accordion .fa{
    color:#950000;
}
.tab-content .pingluncontent{
    margin-top:10px;
}
.tab-content .pingluncontent .answerlist ,.tab-content .pingluncontent .postarticleform{
    padding-left:0px;
    width:100%;
}
.tab-content .pingluncontent .btnpostarticle{
    padding-left:0px;
    width:100%;
}
.common-content #tab-1{
    padding-top:10px;
}
.containner_in {
    position: relative;
    max-width: 560px;
}

.audiojs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    height: 80px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 0 14px 0 70px;
    background-color: #fcfcfc;
}
.audiojs {
    padding: 0 22px 0 106px;
    height: 98px;
    width: auto;
}
.audiojs audio {
    position: absolute;
    left: -1px;
}
.audiojs .play-pause {
    position: absolute;
    top: 18px;
    left: 18px;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    overflow: hidden;
    background: #950000;
}
.audiojs p {
    display: none;
    width: 45px;
    height: 45px;
    margin: 0px;
    cursor: pointer;
    background-size: 45px 180px !important;
}
.containner_in .audiojs .play {
    background-position: -18px -17px;
}
.containner_in .audiojs p {
    background-image: url('images/player.png');
    background-repeat: no-repeat;
    background-size: 100px 400px!important;
    width: 68px;
    height: 68px;
}



.audiojs .play {
    display: block;
}
.audiojs .pause {
    /*  display: block;*/
}
.containner_in .audiojs .pause {
    background-position: -17px -215px;
}
.containner_in .audiojs p {
    background-image: url('images/player.png');
    background-repeat: no-repeat;
    background-size: 100px 400px!important;
    width: 68px;
    height: 68px;
}

.audiojs .pause {
    background: url('images/player.png') 0 -135px no-repeat;
}
.audiojs .scrubber {
    position: relative;
    width: auto;
    overflow: hidden;
    height: 2px;

}
.audiojs .name {
    display: none;
}
.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
    height: 10px;
    cursor: pointer;
}

.audiojs .progress {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 2px;
    width: 0px;
    background: #14ab15;
    z-index: 1;
}

.audiojs .scrubber {
    margin-top: 55px;
    overflow: visible;
    width: 100%;
}

.audiojs .loaded {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 14px;
    width: 0px;
    background: #eaeaea;
}
.audiojs .progress {
    background: #ff5900;
}
.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
    height: 10px;
    cursor: pointer;
}
.audiojs .progress:after {
    position: absolute;
    top: -7px;
    right: -28px;
    content: " ";
    width: 28px;
    height: 22px;
    background-image: url('images/pb.png');
    background-size: 28px 22px;
    background-repeat: no-repeat;
}
.audiojs .loaded {
    width: 400px;
}
.audiojs .scrubber, .audiojs .loaded, .audiojs .progress {
    height: 10px;
    cursor: pointer;
}


.audiojs .time {
    padding-top: 6px;
    line-height: 1;
    font-size: 12px;
    color: #bebebe;
}
.audiojs .time {
    position: absolute;
    top: 22px;
    left: 106px;
}
.audiojs .time, .containner_time {
    font-size: 18px;
    color: #666;
    line-height: 1;
}
.audiojs .time em {
    float: left;
    font-style: normal;
}
.audiojs .time strong {
    float: right;
    font-weight: normal;
    font-size: 0;
}
.audiojs .error-message {
    float: left;
    display: none;
    margin: 0px 10px;
    height: 36px;
    width: 230px;
    overflow: hidden;
    line-height: 36px;
    white-space: nowrap;
    color: #fff;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -icab-text-overflow: ellipsis;
    -khtml-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}
.containner_time {
    position: absolute;
    top: 28px;
    right: 22px;
}
.audiojs .time, .containner_time {
    font-size: 18px;
    color: #666;
    line-height: 1;
}
.scrubber input[type="range"] {
    -webkit-box-shadow: 0 1px 0 0px #eee, 0 1px 0 #eee inset, 0px 2px 10px 0px #eee inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset, 0 0px 1px rgba(0, 0, 0, 0.6) inset;
    margin-top: 2px;
    background: -o-linear-gradient(#950000,#950000) no-repeat,#eee;
    background: -moz-linear-gradient(#950000,#950000) no-repeat,#eee;
    background: -webkit-linear-gradient(#950000,#950000) no-repeat,#eee;
    background-size: 0 100%;
    border-radius: 15px;
    width: 100%;
    -webkit-appearance: none;
    height: 10px;
    outline:none;
}
.scrubber   input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: default;
    top: -5px;
    height: 30px;
    width: 20px;
    transform: translateY(-4px);
    background: none repeat scroll 0 0 #eee;
    border-radius: 15px;
    -webkit-box-shadow: 0 -1px 1px black inset;
}

/*鐢ㄦ埛涓績*/
.user_header{

    padding: 20px;
    min-height: 150px;
    border: 1px solid #eee;
    background: #fff;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.user_header .user-avatar {
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
}
.user_header .user-avatar .avatar {
    width: 100%;
    border-radius: 50%;
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
}
.user_header .u_username{
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
}
.vip{
    margin: 0 5px;
    color: #fec42d;
    font-weight: 700;
    vertical-align: middle;
    font-size: 22px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.open-vip{
    vertical-align: -1px;
    font-size: 12px;
    color: #337ab7;
    text-decoration: none;
    font-weight: 700;
}
.user_header .join_in,.user_header .zhanji{
    margin-top: 15px;
    line-height: 20px;
    letter-spacing: .5px;
    font-size: 14px;
    color: #666;
}
.user_header .zhanji span{
    color: #ea644a;
}
.user_header .fa-edit{
 color: #337ab7;
    cursor: pointer;
     vertical-align: -1px;
     margin-left:5px;
}
.course-list-cntr .btn-group-wrapper {
    margin-bottom: 10px;
}
.vipitem{
	height:30px;
	line-height:30px;
	width:80%;
	text-align:center;
	background:#f1a325;
	color:#fff;
	cursor:pointer;
	margin:0 auto;
	margin-bottom:10px;
}
.greenbg{
	background:#41c074;
}
.bluebg{
	background:#950000;
}
.redbg{
	background:#ea644a;
}
.vipitem input[type=checkbox], .vipitem  input[type=radio]{
	display:inline-bolck;
    width: 18px;
    height: 18px;
    vertical-align: -3px;
}
.vipitem .fa{
	margin-left:3px;
}
.myvipform h2{
	    padding-left: 34px;
}
.btng{
	margin-top:10px;
}
#paymodel .btn{
	margin:0 auto;
}
#paymodel .row{
	margin:20px;
}
.course-info-body .info-meta-data .followed{
	color: #950000;
}
.course-info-body .info-meta-data .info-header-right{

}
#new_session{
	max-width:400px;
	margin:0 auto;
	min-height:300px;
}
.loginmain .logo{
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.loginmain .logo a{
		margin:0 auto;
}
.loginmain .logo img{
	width:100%;

}
#new_session .otherlink a{
	 font-size:13px;
	margin-right:20px;
		color:#950000;
}
#new_session .otherlink a.areg{
	color:#950000;
}
#new_session .otherlink .youkeview{
	    float: right;
    color: #ea644a;
    margin-right: 0px;
    font-size:13px;
    
}
.regxieyi{
	font-size:13px;
	color:#950000;
}
.regxieyi #net_auto_reg{

}
.redpoint{
top: 5px;
    right: 10px;
    position: absolute;
    border-radius: 50%;
    background: #950000;
    color: #fff;
    width: 10px;
    height: 10px;
    display: block;
    padding: 5px;
    line-height: 0px;
    text-align: center;
    display:none;
}
#new_session #testbtn{
	margin-top:10px;
}
.needimgcode{
	position:relative;
}
.needimgcode #verifycode{
	position:absolute;
    right: 5px;
    top: 32px;
    cursor:pointer;
}
.s_main{
	padding:10px;
}
.s_main .s_box_content{
	
	    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #eee;
    background: #fff;
}
.rs_c_word{
	color:#950000;
}
.side_user {
	margin-top:10px;
	background: #fff;padding:10px;
}
.side_user .info_left dd p.p1 {
    height: 20px;
    overflow: visible;
    line-height: 20px;
    clear:both;
}
.side_user .dpblock100 {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.side_user .userinfo-left .doc_pic_box dt {
        width: 80px;
    height: 80px;
    border: 5px solid #fff;
    border-radius: 10%;
    /* overflow: hidden; */
    text-align: center;
    margin: 0 auto;
}
.side_user dt a{
	padding:0px;
}


/* header */
#header {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #eee;
    background: #f7f7f7;
}
#header .offical {
    padding-left: 18px;
}
#header .header-item {
    display: inline-block;
    padding: 0 10px;
}
#header .header-item:last-of-type {
    padding-right: 0;
}
#header .header-item:hover{
    color: #950000;
}

/* nav */
#nav{
    height: 80px;
    background-color: #ffffff;
    padding-top: 20px;
        box-sizing: border-box;
}
#nav .logo{
    margin-right: 61px;
}
#nav .menu .nav-item{
    margin: 0 27px;
    display: inline-block;
    padding: 12px 0 8px 0;
    line-height: 16px;
    position: relative;
}
#nav .menu .nav-item .mask{
    position: absolute;
    right: -23px;
    top: 0px;
    font-size: 8px;
    line-height: 8px;
    border-radius: 2px;
    display: block;
    background: #f55449;
    padding: 2px;
    color: #ffffff;
}
#nav .menu .nav-item .mask .arrow{
    width: 0;
    height: 0;
    /* border-left: 6px solid #f55449; */
    border-left: 0px solid;
    border-top:5px solid;
    border-right: 8px solid;
    border-bottom: 0px solid;
    border-color: #f55449 transparent transparent transparent;
    position: absolute;
    left:0;
    bottom: -4px;
    display: block;
}

#nav .menu .nav-item.active , #nav .menu .nav-item:hover{
    color: #950000;
    border-bottom: 2px solid #950000;
}
#nav .search{
    height: 36px;
    padding: 2px;
    background-color: #950000;
    width: 260px;
    border-radius: 4px;
    margin-left: 70px;
    box-sizing: border-box;
}
#nav #search{
    height: 32px;
    padding: 11px;
    width: 220px;
        box-sizing: border-box;
}
#nav #search::placeholder{
    color: #C8C8C8;
    font-size: 14px;
}
#nav .search-icon{
    width: 36px;
    height: 32px;
    background: url("../img/search.png") no-repeat center;
    background-size: 19px;
}
.ilblk {
    display: inline-block;
}
#nav .send{
    width:77px;
    height:36px;
    font-size: 14px;
    background:#950000;
    border-radius:4px;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
 
}
.send .down-icon{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 11px;
    background: url("../img/down.png") no-repeat center;
    background-size: 12px 8px;
}
.zlogin {
	float: right;
	margin: 0 -10px 0 0;
	height: 35px;
	line-height: 35px;
	color: #999;
}

.zlogin a {
	display: inline-block;
	margin: 0 10px;
}

.zlogin .qq,.zlogin .sina {
	padding: 0 0 0 21px;
}

.zlogin .qq {
	background-position: 0 -145px;
}

.zlogin .sina {
	background-position: 0 -113px;
}

.pub-bbs-top {
	height: 30px;
	border-bottom: 1px solid #e6e6e6;
}

.pub-bbs-top-inner {
	position: relative;
	z-index: 99;
	height: 28px;
	padding: 2px 0 0;
	margin: 0 auto;
	float: right;
}

.pub-bbs-top a {
	text-decoration: none;
}

.pub-bbs-top a:hover {
	color: #f60;
	text-decoration: underline;
}

.pub-bbs-nav,.pub-bbs-login {
	padding: 0;
	margin: 0;
	list-style: none;
}

.pub-bbs-nav {
	float: left;
}

.pub-bbs-login {
	float: right;
}

.pub-bbs-nav li,.pub-bbs-login li {
	float: left;
	padding: 0 10px 0 11px;
	line-height: 28px;
	background-position: -99px -60px;
}

.pub-bbs-login li {
	padding: 0 0 0 11px;
}

.pub-bbs-nav .pub-nav-home {
	padding-left: 0;
	background: none;
}

.pub-bbs-nav a,.pub-bbs-login a {
	color: #666;
}

.pub-bbs-login .pub-user-bar {
	padding: 0 3px 0 0;
	position: relative;
	font-family: "Simsun",simsun;
	color: #ccc;
	background: none;
}

.pub-user-bar span {
	color: #666;
	margin: 0 6px;
}

.pub-user-bar a {
	margin-right: 7px;
	font-family: arial;
	color: #01439a;
}

.pub-user-bar span a {
	margin: 0;
}

.pub-login-tips {
	position: absolute;
	top: 28px;
	left: 65px;
	z-index: 8;
	margin: 0;
	padding-left: 36px;
	width: 212px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #fadf9c;
	background-color: #fff9d9;
	background-position: -75px 7px;
	color: #c60;
}

.pub-login-tips i {
	position: absolute;
	left: 25px;
	top: -6px;
	width: 11px;
	height: 6px;
	background-position: 0 -18px;
	font: 0/0 arial;
}

.pub-bbs-login .quick-login {
	padding-right: 3px;
}

.quick-login span {
	float: left;
	color: #999;
	margin-right: 7px;
}

.quick-login a {
	float: left;
	width: 24px;
	height: 24px;
	margin: 2px 8px 0 0;
	text-indent: -9999em;
	overflow: hidden;
}

.quick-login .ql-sina {
	background-position: -25px -28px;
}

.quick-login .ql-qq {
	background-position: 0 -28px;
}

.msg-ico {
	float: left;
	width: 15px;
	height: 12px;
	margin-top: 8px;
	background-position: 0 -2px;
	overflow: hidden;
	font: 0/0 arial;
}

.msg-null {
	background-position: -20px -2px;
}

.pub-logout {
	border-top: 1px dotted #ccc;
}

.msg-num {
	position: absolute;
	right: 6px;
	top: -1px;
	z-index: 3;
	height: 12px;
	line-height: 12px;
	padding: 0 3px;
	background: #f60;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-family: verdana;
	font-size: 10px;
	-webkit-text-size-adjust: none;
	color: #fff;
	font-weight: bold;
}

.top-close {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 19px;
	height: 18px;
	background-position: -41px 0;
	cursor: pointer;
}

.pub-bbs-nav .pub-menu,.pub-bbs-login .pub-menu {
	padding: 0;
	position: relative;
	z-index: 9;
	line-height: 26px;
}

.ismore {
	float: left;
	height: 26px;
	padding: 1px 22px 1px 11px;
	line-height: 26px;
	color: #666;
	cursor: default;
}

.pub-bbs-login .pub-more-on {
	z-index: 10;
}

.pub-more-on .ismore {
	position: relative;
	z-index: 2;
	line-height: 26px;
	padding: 0 22px 2px 10px;
	margin: 0 -1px -2px 0;
	border: 1px solid #999;
	border-bottom: 0 none;
	background: #fff;
}

.ar-ico {
	position: absolute;
	top: 12px;
	right: 9px;
	width: 7px;
	height: 4px;
	font: 0/0 arial;
	background-position: -67px -4px;
}

.pub-more-on .ar-ico {
	top: 11px;
	background-position: -67px -11px;
}

.pub-more-list {
	visibility: hidden;
	position: absolute;
	top: 28px;
	padding: 2px;
	min-width: 76px;
	max-widht: 150px;
	_width: 76px;
	border: 1px solid #999;
	background: #fff;
}

.pub-more-on .pub-more-list {
	visibility: visible;
}

.pub-more-list a {
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 8px;
	white-space: nowrap;
}

.pub-more-list a:hover {
	background: #ebebeb;
	color: #666;
	text-decoration: none;
}

.pub-more-list a span {
	color: #f30;
}

.pub-bbs-nav .pub-more-list {
	left: 0;
}

.pub-bbs-login .pub-more-list {
	right: -1px;
	_right: -2px;
}

.pub-bbs-login .pub-more-list a {
	padding: 0 20px 0 8px;
}

.pub-bbs-login .pub-follow a,.pub-bbs-login .pub-msg a {
	padding: 0 8px;
}

.pub-bbs-login .pub-msg {
	right: -1px;
}

.layer-box {
	position: fixed;
	top: 100px;
	right: 50%;
	z-index: 1000;
	overflow: hidden;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+100));
	padding: 3px;
	background: rgba(0,0,0,0.2);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2f000000,endcolorstr=#2f000000,gradientType=1);
}

.left {
	float: left;
}

.right {
	float: right;
}

.nav-headerbox,.position-inf {
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	box-shadow: 0 0 5px 0 #ededed;
	-webkit-box-shadow: 0 0 5px 0 #ededed;
	background-color: #fff;
}

.nav-headerbox {
	background-color: #fff;
}

.nav-header {
	padding: 16px 0 12px;
}

.nav-header .ask-logo {
	float: left;
	width: 130px;
	height: 26px;
	overflow: hidden;
}
.nav-header .ask-logo img{
width:100%;
height:100%;
}
.hnav {
	float: left;
	margin-left: 10px;
}

.hnav li {
	height: 26px;
	float: left;
	margin-left: 30px;
	list-style-type: none;
}

.hnav li a {
	color: #8590a6;
	font: 16px/26px "Microsoft YaHei";
}

.hnav li a:hover,.hnav li a.active {
	color: #2383dd;
	text-decoration: none;
}

.searchbox {
	width: 396px;
	height: 34px;
	float: right;
	position: relative;
	margin-top: -4px;
	z-index: 2;
	    left: 40px;
}

.searchbox .search {
	width: 164px;
	height: 32px;
	border: 1px solid #e7eaf1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #f7f8fa;
	position: relative;
}

.searchbox .search input {
	border: none;
	width: 126px;
	padding: 0 0 0 10px;
	height: 32px;
	color: #333;
	font: 14px/32px "Microsoft YaHei";
	background: #f7f8fa;
	outline: none;
	position: absolute;
}

.searchbox .search.focusin {
	border: 1px solid #9fadc7!important;
	background: #fff;
}

.searchbox .search.focusin input {
	background: #fff;
}

.searchbox .search .sear-btn {
	display: inline-block;
	width: 16px;
	height: 16px;
	
	position: absolute;
	right: 10px;
	top: 9px;
	cursor: pointer;
}

.searchbox .search.focusin .sear-btn {
	background: url(images/icons.png) no-repeat -1px -267px;
}

.searchbox .ask {
	display: inline-block;
	width: 58px;
	height: 34px;
	background: #950000;
	color: #fff;
	font: 14px/34px "Microsoft YaHei";
	text-align: center;
	position: absolute;
	top: 0;
	right: 140px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.searchbox .ask:hover {
	background: #0071cb;
	text-decoration: none;
}

.searchbox .search label {
	color: #9fadc8;
	font: 14px "Microsoft YaHei";
	position: absolute;
	top: 6px;
	left: 10px;
}

.s-history {
	width: 324px;
	border: 1px solid #e7eaf1;
	border-radius: 3px;
	padding-top: 15px;
	position: absolute;
	top: 34px;
	left: 0;
	background: #fff;
	z-index: 998;
	display: none;
}

.s-history ul {
	max-height: 200px;
	overflow: hidden;
	position: relative;
}

.s-history ul li,.s-history p.last {
	width: 100%;
	height: 40px;
	position: relative;
	overflow: hidden;
}

.s-history p.middle {
	text-align: center;
}

.s-history p.middle a,.s-history p.last a {
	color: #2a90d7!important;
}

.s-history ul li a,.s-history p.last a {
	color: #333;
	font: 14px/40px "Microsoft YaHei";
	padding-left: 20px;
	text-decoration: none;
	display: inline-block;
	max-width: 278px;
	overflow: hidden;
}

.s-history ul li:hover,.s-history p.last:hover {
	background: #f0f7fd;
	cursor: pointer;
}

.s-history ul li .close {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(images/icons.png) no-repeat -2px -232px;
	position: absolute;
	top: 15px;
	right: 20px;
}

.s-history a.remove-btn {
	display: inline-block;
	width: 286px;
	height: 39px;
	border-top: 1px solid #e7eaf1;
	color: #950000;
	font: 14px/39px "Microsoft YaHei";
	text-align: center;
	text-decoration: none;
	margin: 0 20px;
}

.fix-hnav {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	display: none;
}

.fix-hnav .btns {
	position: absolute;
	right: 0;
	top: 7px;
}
.hnav .current a{
	font-weight:bold;
	color: #950000;
}
.nav-headerbox.ceiling {
	border-top: 1px solid #f0f0f1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

.nav-headerbox.ceiling .nav-header {
	display: none;
}
.coursemenu .dropdown{
	width:auto;
	padding:0px;
	background:#fff;
	border:none;
	position:relative;

}
.coursemenu .dropdown:hover {
    box-shadow:none;
}
.coursemenu .dropdown ul{
overflow: visible;
    top: 30px;
    left: -30px;
    position: absolute;
    height: 170px;
    /* width: 70px; */
    min-width: 100px;
}
.coursemenu .dropdown .kclink{
	width:45px;
}
.coursemenu .dropdown ul li{
    float: none;
    margin: 0 10px;
    width: 70px;
    text-align: center;
    padding: 18px 0px 18px 5px;
    border-bottom: 1px solid #ccc;
    margin-left: 15px;
}
.coursemenu .dropdown ul li:hover
{
    background-color: #fff;
 }
  .coursemenu   .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #262626;
    background-color: transparent;
}


.coursemenu .dropdown ul li a{
left: -10px;
    position: relative;
    top: -13px;
    text-align: center;
    margin: 0 auto;
}

.nav-headerbox ul li {
    list-style-type: none;
}
.avatar-container-30 {
    position: relative;
}
.nav-headerbox .user {
    padding: 0 20px;
}
.works-manange a:hover {
    color: #fff;
}

.msg-box-null {
    text-align:center;
    height:225px;
    position:absolute;
    top:0;
    left:61px;
    cursor:default
}
.msg-box-null .msg-box-inner {
    padding-top:60px
}
.msg-box-null .msg-box-inner .null-images {
    display:inline-block;
    background:url(images/null-page-draw.png) no-repeat;
    background-size:180px;
    width:180px;
    height:121px;
    vertical-align:middle
}
.msg-box-null .msg-box-inner .msg-null-tips {
    line-height:20px;
    padding:0;
    margin-top:0;
    display:block
}

.footer-wrapper{
    width: 1130px;
}
#footer .footer-wrapper {
    height:100%;
    margin:0 auto;
    background:#282828
}
#footer .footer-wrapper .footer-wrapper-top {
    width:100%;
    height:130px;
    line-height:130px;
    border-bottom:1px solid #333
}
#footer .footer-wrapper .footer-wrapper-top a:hover {
    color:#999
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left {
    float:left
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left a {
    margin-right:38px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile {
    position:relative
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile i {
    position:absolute;

    width:122px;
    height:131px;
    bottom:23px;
    left:-20px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile:hover i {
    display:inline-block
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-left .footer-mobile:before {
    content:"";
    display:inline-block;
    background:url(../images/svg/footer-mobile.svg?v=1) no-repeat;
    width:14px;
    height:23px;
    vertical-align:middle;
    margin-right:10px;
    margin-top:-3px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right {
    float:right
}
.left,.pm-suggest-tips .img-item>img,.wx-code {
    float:left
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo,#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin {
    display:inline-block;
    margin-left:40px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin {
    width:25px;
    height:21px;
    position:relative;
    background:url(../images/svg/footer-share-weixin.svg?v=1) no-repeat
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin i {
    position:absolute;
    background:url(../images/footer-weixin-code.jpg) no-repeat;
    background-size:110px 110px;
    -moz-background-size:110px 110px;
    -webkit-background-size:110px 110px;
    -o-background-size:110px 110px;
    width:110px;
    height:110px;
    bottom:40px;
    right:-40px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin i:after {
    content:"";
    border-top:10px solid #fff;
    border-right:10px solid transparent;
    border-bottom:none;
    border-left:10px solid transparent;
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-10px;
    display:block
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin:hover {
    background:url(../images/svg/footer-share-weixinhover.svg?v=1) no-repeat
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weixin:hover i {
    display:inline-block
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo {
    width:26px;
    height:21px;
    background:url(../images/svg/footer-share-weibo.svg?v=1) no-repeat
}
#footer .footer-wrapper .footer-wrapper-top .footer-wrapper-top-right .weibo:hover {
    background:url(../images/svg/footer-share-weibohover.svg?v=1) no-repeat
}
#footer .footer-wrapper .footer-wrapper-bottom {
    margin-top:20px;
    position:relative
}
#footer .footer-wrapper .footer-wrapper-bottom a,#footer .footer-wrapper .footer-wrapper-bottom span {
    font-size:12px
}
#footer .footer-wrapper .footer-wrapper-bottom i {
    display:inline-block;
    width:1px;
    height:12px;
    margin:0 26px;
    background:#666;
    vertical-align:middle
}
#footer .footer-wrapper .footer-wrapper-bottom .copyrightLink {
    position:absolute;
    right:0
}
#body,#login-body,.p-relative {
    position:relative
}
#footer .footer-wrapper .footer-wrapper-bottom a:hover {
    color:#999;
    text-decoration:underline
}
.popFaceTitle a:hover,a,a:hover {
    text-decoration:none
}

#footer .footer-wrapper .space-footer-bottom {
    margin-top:10px
}
#footer .footer-wrapper .footer-wrapper-top a:hover {
    color:#999
}
#footer {
    width: 100%;

    position: relative;
    bottom: 0;
    color: #666;
    left: 0px;
}
#footer a{
	   color: #666;
}

.side-tool {
	position: fixed;
	bottom: 30px;
	right: 40px;
	z-index: 9;
	display:none;
	
}

.side-tool>ul {
	list-style: none
}

.side-tool>ul>li {
	border: 1px solid #dcdcdc;
	border-bottom: none;
	background-color: #fff;
	transition: .1s ease-in;
	-webkit-transition: .1s ease-in;
	-moz-transition: .1s ease-in;
	-o-transition: .1s ease-in;
	-ms-transition: .1s ease-in
}

.side-tool>ul>li:last-child {
	border-bottom: 1px solid #dcdcdc
}

.side-tool>ul>li:hover {
	background-color: hsla(0,0%,71%,.1);
	transition: .1s ease-in;
	-webkit-transition: .1s ease-in;
	-moz-transition: .1s ease-in;
	-o-transition: .1s ease-in;
	-ms-transition: .1s ease-in
}

.side-tool>ul .modal-wrap {
	position: relative
}

.side-tool>ul .function-button,.side-tool>ul .js-submit-button {
	width: 50px;
	height: 50px;
	text-align: center;
	display: block;
	         background:#fff;
}

.side-tool>ul .function-button i,.side-tool>ul .js-submit-button i {
	padding-top: 16px;
	font-size: 20px;
	display: block
}

.side-tool>ul .function-button .ic-mark-active,.side-tool>ul .js-submit-button .ic-mark-active {
	color: #ea6f5a
}

.side-tool .popover-content {
	padding: 0
}

.side-tool .popover-content ul {
	width: 160px;
	list-style: none
}

.side-tool .popover-content li {
	line-height: 20px
}

.side-tool .popover-content li:hover {
	background-color: hsla(0,0%,71%,.1)
}

.side-tool .popover-content a {
	padding: 5px 0;
	margin-left: 15px;
	width: 100%;
	height: auto;
	display: block;
	line-height: 20px;
	text-align: left!important
}

.side-tool .popover-content i {
	margin-right: 10px
}

.side-tool .popover-content span {
	vertical-align: middle
}



.side-weixin-box {
	position: fixed;
	left: 51%;
	top: 188px;
	_position: absolute;
	margin-left: 507px;
	width: 130px;
	height: 255px;
}

.side-weixin-box {
	height: 282px!important;
}

.weixin-box-c {
	width: 128px;
	height: 174px;
	border: 1px solid #e8e8e8;
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.1);
	position: relative;
	padding-bottom: 15px;
}



.weixin-box-c .close {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background-position: 1px -254px;
}

.weixin-box-c .content {
	float: none;
	margin: 0 auto;
	width: 111px;
}

.weixin-box-c p {
	margin: 17px auto 0;
	text-align: center;
	font-family: "Microsoft Yahei";
	font-size: 13px;
}

.weixin-box-c img {
	display: block;
	vertical-align: top;
}

.weixin-box-c a {
	margin: 5px auto 15px;
	display: block;
	width: 67px;
	height: 30px;
	background-position: 7px -282px;
	background-color: #950000;
	border-radius: 15px;
	padding-left: 29px;
	line-height: 30px;
	color: #fff;
}

.weixin-box-c a:hover {
	text-decoration: none;
	background-color: #0d64b6;
}
header nav .user-center .login {
    float:right;
        top: -12px;
    position: relative;
        left: -30px;
}
header nav .user-center .unlogin {
    float:right;
        top: -12px;
    position: relative;
        left: 0px;
}
header nav .user-center .login .user .user-list {
     position: relative;
    /* padding: 13px 20px; */
    position: absolute;
    top: 9px;
    left: 15px;
    width: 30px;
    height: 30px;
}
header nav .user-center .login .user .user-list sup.subnav-dot-sup {
    top:10px;
    right:14px
}
header nav .user-center .unlogin li {
    line-height:60px
}
header nav .user-center .unlogin a {
    margin-left:10px;
    padding:0;
    position: relative;
    top: -10px;
}
header nav .user-center .unlogin i {
    display:inline-block;
    width:1px;
    height:10px;
    background:#fff;
    margin-left:20px
}
header nav .user-center ul li a {
    display: inline-block;
}
a {
    color: #444;
}

.container {
	
    max-width: 1200px;
}
.active-color {
    color: #950000;
}
.active-bg {
    background-color: #950000;
}
.color-333 {
    color: #333;
}
.color-666 {
    color: #666;
}
.color-999 {
    color: #999;
}
.color-FF5C00{
    color: #FF5C00;
}
#header .content,#nav .content,#main .content,#footer .content{
    width: 1200px;
    margin: 0 auto;
}
.medium {
    font-size: 14px;
}
.small {
    font-size: 12px;
}
.main-theme:hover {
    background: #fff!important;
    color: #950000!important;
}
.second-theme:hover {
    background: #950000!important;
    color: #fff!important;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix {
    zoom: 1;
}
.ws_header,.ws_header .menu{
	display:inline;
}
a {
    color: inherit;
}
.send-menu{
    position: relative;
    float: right;
}
.send-menu ul{
    position: absolute;
    width: 77px;
    display: none;
    top: 36px;
    left: 0px;
    background: #f5f5f5;
    border-radius: 5px;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 999;
    border: 1px solid #eaeaea;
}
.send-menu ul li{
    color: #333;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.send-menu ul li a:hover{
    color: #950000;
}
.send-menu:hover ul{
    display: block;
}
.ws_header,.ws_header .menu{
	display:inline;
}
ul li {
    list-style-type: none;
}

.znav {
	float: left;
	height: 32px;
	line-height: 32px;
	padding: 2px 0 0;
	margin: 0 0 0 -10px;
}

.znav li {
	float: left;
	padding: 1px 10px 0;
	background-position: 100% -157px;
}

.znav .more {
	position: relative;
	padding: 0;
	z-index: 100;
}

.znav .more span {
	display: inline-block;
	padding: 1px 24px 0 10px;
	background-position: 100% -132px;
	cursor: pointer;
}

.znav .more-list {
	position: absolute;
	top: 32px;
	left: 0;
	width: 80px;
	padding: 2px;
	border: 1px solid #999;
	background: #fff;
}

.znav .more-list a {
	padding: 0 0 0 8px;
	display: block;
	line-height: 24px;
}

.znav .more-list a:hover {
	background: #003795;
	color: #fff;
	text-decoration: none;
}

.znav .hover {
	margin: 0 -1px;
}

.znav .hover span {
	position: relative;
	margin: 0 0 -1px;
	padding: 0 24px 0 10px;
	border: 1px solid #999;
	border-bottom: 0 none;
	background-position: 100% -109px;
	background-color: #fff;
	z-index: 2;
}

.znav .more .more-list {
	display: none;
}

.znav .hover .more-list {
	display: block;
}
#body{
    background-color:white;
}