.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.header {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
}

.header-seach {
    margin: 0 !important;
    padding: 0 20px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.header-message {
    padding: 0 20px;
}

.header-message a {
    color: #000;
}

.header-message a:hover {
    color: #2774f1;
    text-decoration: none;
}

.header-dropdown {
    padding: 0 20px;
    /*  margin-top: 10px; */
}

.header .login,
.header .register {
    margin: 0 5px;
}

.nav-bar {
    /*overflow hidden*/
    height: 100px;
    line-height: 100px;
    background-color: #fff;
}

.nav-bar .logo {
    float: left;
    margin-top: 20px;
    width: 180px;
    height: 60px;
    background: url("../../images/jyang/logo.png") no-repeat;
}

.nav-bar .nav-bar--wrap {
    float: right;
    margin-bottom: 0;
}

.nav-bar .nav-bar--wrap li {
    font-size: 14px;
    text-align: center;
}

.nav-bar--list {
    width: 14%;
    float: left;
}

.nav-bar .nav-bar--wrap a {
    color: #000;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-bar .nav-bar--wrap a:hover {
    font-size: 15px;
    color: #2774f1;
    text-decoration: none;
    font-weight: bold;
}

.nav-bar .nav-bar--wrap .active {
    font-size: 15px;
    color: #2774f1;
    text-decoration: none;
    font-weight: bold;
}

.swiper-container {
    width: 100%;
    height: 790px;
}

.swiper-container img {
    width: 100%;
    height: 100%;
}

.banner {
    width: 100%;
    height: 790px;
    overflow: hidden;
}

.banner .button-prev {
    width: 71px;
    height: 79px;
    background: url("../../images/jyang/left-arrow.png") no-repeat;
}

.banner .button-next {
    width: 71px;
    height: 79px;
    background: url("../../images/jyang/right-arrow.png") no-repeat;
}

.page-href {
    display: block;
    height: 100%;
}

.main-content .main-pannel {
    padding: 76px 5px 0 5px;
    overflow: hidden;
    width: 100%;
}

.main-content .main-pannel .main-pannel--avatar {
    margin: 0 auto;
    width: 252px;
    height: 59px;
    /*background  url('../images/ticket.png') no-repeat*/
}

.main-content .main-pannel .ticket-avatar {
    background: url("../../images/jyang/ticket.png") no-repeat;
    width: 100%;
    background-position: 50% 50%;
    position: relative;
}

.main-content .main-pannel .books-avatar {
    background: url("../../images/jyang/book.png") no-repeat;
    width: 100%;
    background-position: 50% 50%;
    position: relative;
}

.main-content .main-pannel .news-avatar {
    background: url("../../images/jyang/news.png") no-repeat;
    margin-bottom: 20px;
    width: 100%;
    background-position: 50% 50%;
    position: relative;
}

.main-content .main-pannel .news-avatar .news-more {
    position: absolute;
    right: 0;
    top: 38%;
    cursor: pointer;
    color: #666;
}

.main-content .main-pannel .news-avatar .news-more:hover {
    color: #0362f9;
}

.main-content .main-pannel .books-avatar .news-more {
    position: absolute;
    right: 0;
    top: 38%;
    cursor: pointer;
    color: #666;
}

.main-content .main-pannel .books-avatar .news-more:hover {
    color: #0362f9;
}
.main-content .main-pannel .news-more {
    position: absolute;
    right: 0;
    top: 38%;
    cursor: pointer;
    color: #666;
}
.main-content .main-pannel  .news-more:hover {
    color: #0362f9;
}
.main-content .main-pannel .tracks-avatar {
    background: url("../../images/jyang/tracks.png") no-repeat;
    width: 100%;
    background-position: 50% 50%;
    position: relative;
}

.main-content .main-pannel .acting-avatar {
    background: url("../../images/jyang/acting.png") no-repeat;
    width: 100%;
    background-position: 50% 50%;
    position: relative;
}

.main-content .main-pannel .main-pannel--nav {
    padding: 20px 0 63px 0;
    text-align: center;
}

.main-content .main-pannel .main-pannel--nav span {
    margin: 0 15px;
    font-size: 16px;
    cursor: pointer;
}

.main-content .main-pannel .main-pannel--nav span.active {
    color: #0362f9;
    font-size: 18px;
    font-weight: bold;
}

.main-content .main-pannel .main-pannel--nav span:hover {
    color: #0362f9;
    font-size: 18px;
    font-weight: bold;
}

.main-content .main-pannel .main-pannel--content .thumbnail {
    padding: 0 !important;
    border: none!important;
}

.main-content .main-pannel .main-pannel--content .pannel-content--name {
    font-size: 18px;
    text-align: center;
    /*font-weight 600*/
    color: #0460fa;
}

.main-content .main-pannel .main-pannel--content p {
    text-align: center;
}

.ticket-detail--main {
    background-color: #fff;
    padding: 20px 0;
}

.main-content .ticket-pannel .main-pannel--content,
.main-content .ticket-pannel img {
    height: 396px !important;
}

.main-content .ticket-pannel img:hover {
    -webkit-box-shadow: 0 0 5px 3px #999;
    box-shadow: 0 0 5px 3px #999;
}

.main-content .tracks-pannel .main-pannel--content .thumbnail {
    position: relative;
}

.main-content .tracks-pannel .main-pannel--content .thumbnail .tracks-message--avatar {
    height: 240px !important;
    width: 100%;
}

.main-content .tracks-pannel .main-pannel--content .thumbnail .tracks-message--avatar:hover {
    -webkit-box-shadow: 0 0 5px 3px #999;
    box-shadow: 0 0 5px 3px #999;
}

.main-content .tracks-pannel .main-pannel--content .thumbnail .play-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 78px;
    height: 79px;
}

.main-content .acting-pannel {
    margin-bottom: 50px;
}

.main-content .acting-pannel .acting-content .acting-pannel--list .acting-list-content {
    width: 100%;
    background-color: #fff;
    /* padding-bottom: 5px; */
}

.pannel-content--infos {
    margin: 10px 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #23527c;
    text-align: center;
}

.tracks-message--infos {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

.pannel-content--post {
    color: #000;
    padding-bottom: 5px;
}

.main-content .acting-pannel .main-pannel--content img {
    height: 295px !important;
    width: 100%;
}

.main-content .acting-pannel .main-pannel--content a:hover {
    -webkit-box-shadow: 0 0 5px 3px #999;
    box-shadow: 0 0 5px 3px #999;
    border-color: #999;
}

.footer {
    background-color: #323232;
}

.footer .footer-content {
    padding: 50px 0;
}

.footer .footer-content h3 {
    color: #e9e9e9;
}

.footer .footer-content p {
    color: #9b9b9b;
}

.footer-company--message {
    margin: 35px 0 10px 0;
}

.footer-href {
    padding-top: 60px;
}

.footer-logo {
    margin-top: 35px;
}

.footer .footer-content .footer-link {
    /* font-size: 18px; */
    color: #999;
}

.footer .footer-content .footer-link--list {
    display: block;
    color: #999;
    border: 1px solid #999;
    padding: 5px 10px;
    width: 150px;
    text-align: center;
}

.footer .footer-content .footer-link--list:hover {
    color: #2774f1;
    border: 1px solid #2774f1;
    text-decoration: none;
}

.footer .footer-content .footer-connact {
    padding-left: 10%;
}

.footer .footer-bottom {
    height: 100px;
    line-height: 100px;
    background-color: #000;
    text-align: center;
}

.footer .footer-bottom span {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.ticket-banner {
    height: 144px;
    line-height: 144px;
    background: url("../../images/jyang/ticket-banner.png") no-repeat;
}

.ticket-banner .ticket-banner--title {
    color: #fff;
    font-weight: 600;
    font-size: 40px;
}

.ticket-banner .ticket-banner--right {
    width: 70%;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ticket-banner .ticket-banner--right .title-list a {
    display: block;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ticket-banner .ticket-banner--right li {
    float: right;
    font-size: 18px;
}

.track-banner--title {
    font-size: 20px;
    /*font-weight: 600;*/
    color: #000;
}

.ticket-banner .ticket-banner--right li a {
    color: #fff;
    cursor: pointer;
}

.ticket-banner .ticket-banner--right li a:hover {
    color: #f00;
    text-decoration: none;
    border-color: #999;
}

.ticket-choose {
    padding: 20px 0;
    /* overflow: hidden; */
}

.ticket-choose {}

.ticket-choose .ticket-choose--name {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    padding: 5px 15px;
}

.ticket-choose .ticket-choose--wrap li {
    position: relative;
    /* overflow: hidden; */
    /* display: inline;
    float: left; */
}

.ticket-choose .ticket-choose--wrap li a {
    color: #999;
    /*  background: #2774f1; */
    margin-right: 15px;
    /*  font-weight: bold; */
    font-size: 14px;
    font-family: verdana;
    text-decoration: none;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #999;
    min-width: 100px;
    margin-bottom: 10px;
    padding: 0 5px;
}

.children-choose {
    display: none;
    position: absolute;
    z-index: 999;
}

.children-choose li a {
    background: gainsboro;
}

.ticket-choose .ticket-choose--wrap>li>a.active {
    color: #fff;
    background: #2774f1;
    border: 1px solid #2774f1;
}

.ticket-choose .ticket-choose--wrap li a:hover {
    color: #fff;
    background: #2774f1;
    border: 1px solid #2774f1;
}

.ticket-choose .ticket-choose--wrap .sublinks {
    display: none;
    position: absolute;
    top: 65px;
    left: 675px;
    z-index: 1000;
    /* float: left;
  padding: 5px 15px;
  border-radius: 20px;
  color: #000;
  margin: 0 10px;
  cursor: pointer; */
}

.ticket-choose .ticket-choose--wrap li:hover.sublinks {
    display: block
}

.ticket-choose .ticket-choose--wrap .active>a {
    color: #fff;
    background: #2774f1;
    border: 1px solid #2774f1;
}

.ticket-card .ticket-card--row {
    padding: 20px 0 50px 0;
}

.ticket-card .ticket-card--row .ticket-card--avatar {
    width: 100%;
    height: 253px;
}

.ticket-card .ticket-card--row .ticket-card--content {
    position: relative;
    height: 253px;
}

.ticket-card .ticket-card--row .ticket-card--content .ticket-card--title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ticket-card .ticket-card--row .ticket-card--content p {
    color: #999;
    font-size: 14px;
    margin: 20px 0;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.book-content {
    margin-top: 15px;
}

.book-price {
    color: #fa1c0f;
    ;
    font-size: 16px;
}

.ticket-card .ticket-card--row .ticket-card--content .word_cont {
    position: relative;
}

.ticket-card .ticket-card--row .ticket-card--content .word_cont:after {}

.ticket-card .ticket-card--row .ticket-card--content .address {
    position: absolute;
    bottom: 0;
    color: #000;
    margin: 0;
    font-size: 14px;
}

.ticket-card .ticket-card--row .ticket-card--content .address .postion-ico {
    display: inline-block;
    width: 17px;
    height: 20px;
    background-image: url("../../images/jyang/postion-ico.png");
    vertical-align: bottom;
    margin-right: 10px;
}

.ticket-detail {
    padding: 70px 0;
}

.ticket-detail .ticket-detail--main .ticket-detail--header {
    text-align: center;
}

.ticket-detail .ticket-detail--main .ticket-detail--title {
    display: block;
    color: #000;
    font-weight: 500;
    margin-top: 0;
    font-size: 23px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 20px;
}

.article-meta .item {
    margin-right: 20px;
}

.phone-ico {
    position: absolute;
    right: 0;
    top: 50%;
    width: 150px;
    height: 45px;
    background: url("../../images/jyang/weixin-code.png") no-repeat;
    cursor: pointer;
    transform: translate(0, -50%);
}

.ticket-detail .ticket-detail--message {
    overflow: hidden;
    color: #999;
    line-height: 30px;
    background-color: #fff;
    margin: 50px 0;
    padding: 20px;
}

.ticket-detail .ticket-detail--messages {
    overflow: hidden;
    color: #000;
    line-height: 30px;
    /*  background-color: #fff; */
    padding: 20px;
}

.ticket-detail .ticket-detail--message img {
    width: auto;
    max-width: 100%;
}

.ticket-detail .ticket-detail--message ul li {
    padding: 0 25px;
}

.ticket-detail .ticket-detail--message img {
    width: auto;
}

.ticket-detail .ticket-detail--aside .ticket-aside--title {
    height: 75px;
    padding: 10px 0 0 20px;
    background-color: #f2f2f2;
}

.ticket-detail .ticket-detail--aside .ticket-aside--title span {
    display: block;
    position: relative;
    background-color: #fff;
    height: 100%;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
}

.ticket-detail .ticket-detail--aside .ticket-aside--title span:before {
    content: '';
    position: absolute;
    height: 5px;
    background-color: #287aff;
    top: 0;
    width: 100%;
    left: 0;
}

.ticket-detail .ticket-detail--aside .ticket-aside--wrap {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    height: 253px;
}

.ticket-aside--wrap .ticket-avatar--wrap {
    height: 100%;
}


/* .ticket-aside--wrap .ticket-avatar--wrap img{
  height: 100%;
} */

.ticket-detail .ticket-detail--aside .ticket-aside--wrap .ticket-aside--avatar {
    width: 100%;
    height: 100%;
}

.ticket-aside--wrap .ticket-aside--content {
    position: relative;
    height: 100%;
}

.ticket-detail .ticket-detail--aside .ticket-aside--wrap span {
    /*font-size 16px*/
    color: #000;
    font-weight: bold;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ticket-detail .ticket-detail--aside .ticket-aside--wrap p {
    margin: 20px 0;
    color: #999;
    /* font-weight: bold; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.ticket-detail .ticket-detail--aside .ticket-aside--wrap .address {
    position: absolute;
    bottom: 0px;
    color: #000;
    margin: 0;
}

.ticket-detail .ticket-detail--aside .ticket-aside--wrap .address .postion-ico {
    display: inline-block;
    width: 17px;
    height: 20px;
    background-image: url("../../images/jyang/postion-ico.png");
    vertical-align: middle;
    margin-right: 10px;
}


/* .resource-main {
  padding: 70px;
} */

.resource-main--pannel .resource-pannel--list h3 {
    text-align: center;
    color: #0560f8;
}

.resource-main--pannel .resource-pannel--list p {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resource-detail {
    padding: 50px 0;
}

.resource-detail .resource-detail--infors {
    overflow: hidden;
}

.resource-detail .resource-detail--infors p {
    color: #595959;
}

.resource-detail .resource-detail--infors .title {
    font-size: 18px;
    color: #055ff6;
}

.resource-detail .resource-detail--message {
    padding: 20px 0;
}

.resource-detail .resource-detail--aside .resource-aside--title {
    height: 75px;
    padding: 10px 0 0 20px;
    background-color: #f2f2f2;
}

.resource-detail .resource-detail--aside .resource-aside--title span {
    display: block;
    position: relative;
    background-color: #fff;
    height: 100%;
    line-height: 60px;
    font-size: 20px;
    text-align: center;
}

.resource-detail .resource-detail--aside .resource-aside--title span:before {
    content: '';
    position: absolute;
    height: 5px;
    background-color: #287aff;
    top: 0;
    width: 100%;
    left: 0;
}

.resource-detail .resource-detail--aside .resource-aside--wrap {
    text-align: center;
    padding: 20px 0;
}

.resource-detail .resource-detail--aside .resource-aside--wrap .resource-aside--list {
    position: relative;
}

.resource-detail .resource-detail--aside .resource-aside--wrap .resource-aside--list .resource-aside--play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.track .thumbnail {
    position: relative;
}

.track .thumbnail .tracks-message--avatar {
    height: 240px !important;
}

.track .thumbnail .play-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 78px;
    height: 79px;
}

.track .resource-pannel--list {
    padding-bottom: 30px;
}

.paly-pannel--list .thumbnail {
    position: relative;
    padding: 0 !important;
    height: 310px;
    overflow: hidden;
    margin: 20px 0;
}

.paly-pannel--list .thumbnail img {
    height: 100%;
    width: 100%;
}

.paly-pannel--list .thumbnail .tracks-message--avatar {
    height: 240px !important;
}

.paly-pannel--list .thumbnail .play-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 78px;
    height: 79px;
}

.paly-pannel--list p {
    text-align: center;
}

.resource-detail--main .title {
    text-align: center;
}

.ticket-avatar--wrap {
    height: 253px;
}

.resource-pannel--list a {
    display: block;
}

.resource-pannel--list a .resource-pannel--avatar {
    height: 225px;
    width: 100%;
}

.resource-main--pannel .resource-pannel--list h3 {
    text-align: center;
    color: #0560f8;
}

.resource-pannel--list .resource-avatars {
    height: 225px;
    width: 100%;
}

.acting-pannel--list .acting-avatars {
    height: 225px!important;
    width: 100%;
}

.acting-list-content p {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resource-main--pannel .paly-pannel--list {
    padding: 20px 0;
}

.pagination>li>a,
.pagination>li>span {
    cursor: pointer;
}

.result {
    width: 100%;
    overflow: hidden;
    /*  line-height: 50px; */
    margin: 20px 0;
    border-bottom: 1px solid #dcdcdc;
}

.result .left {
    float: left;
    font-size: 16px;
    color: #000;
}

.result .right {
    float: right;
    color: #999999;
    font-size: 16px;
}

.result .left em {
    font-weight: bold;
    color: #f6ba55;
}

.result .right em {
    margin: 0 5px;
    color: #FF0000;
}

.video-play {
    /*  height: 465px; */
}

.video-play .video_area {
    position: relative;
    height: 465px;
    width: 100%;
}

.videoMask {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.videoMask a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
}

.track-banner {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}

.track-banner--left {
    float: left;
    width: 80%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.track-banner--content {
    font-size: 12px;
    color: #999;
    line-height: 30px;
}

.track-banner--content .red {
    color: red;
    font-size: 14px;
    font-weight: 700;
}

.track-banner--content .black {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin-left: 30px;
}

.track-banner--right {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
    text-align: center;
}

.track-banner--right img {
    cursor: pointer;
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
}

.video-list--wrap {
    padding: 20px 0;
    max-height: 600px;
    overflow: auto;
    min-height: 500px;
}

.video-list--wrap .video-list .title {
    position: relative;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-list--wrap .video-list {
    border-bottom: 1px solid #eee;
    padding: 20px;
}

.video-list--wrap .active .video-list {
    background: #eee;
}

.video-list--wrap .video-list .title:after {
    content: "";
    position: absolute;
    border: 2px solid #2879ff;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}

.video-list--wrap .video-list .date {
    padding-left: 20px;
    color: #999;
}


/* 登录 */

.login-main {
    position: relative;
    background-image: url(../../images/jyang/bg.png);
    height: 900px;
    background-size: cover;
}

.login-wrap {
    position: absolute;
    height: 690px;
    background-color: #fff;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background-image: url(../images/bg.png);
  height: 900px;
  background-size: cover; */
}

.pannel-content--message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.book-infos {
    display: block;
    color: #666666;
    line-height: 1.5;
}

.pannel-content--price {
    color: #fa1c0f;
    font-size: 17px;
}

.login-bg {
    background-image: url(../../images/jyang/login-icon.png);
    height: 100%;
    /* width: 1005; */
}

.login-wrap .active .login-bg {
    background-image: url(../../images/jyang/resigit.png);
}

.login-wrap .active .forget-bg {
    background-image: url(../../images/jyang/forget-password.png);
}

.login-wrap--content {
    height: 100%;
}

.login-tab {
    display: table;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
}

.login-tab li {
    position: relative;
    float: left;
    margin: 0 20px;
    cursor: pointer;
}

.login-tab li a {
    color: #000;
}

.login-tab li.active {
    position: relative;
    color: #478af9;
}

.login-tab li.active:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    bottom: 0;
    background-color: #478af9;
    left: 0;
}

.login-infos {
    position: relative;
    height: 100%;
}

.login-infos .login-infos--content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.login-infos .login-infos--content .form-group {
    margin-bottom: 40px!important;
}

.login-infos .login-infos--content .form-horizontal .form-group label {
    position: absolute;
}

.login-infos .login-infos--content .form-group .input-lg {
    border-radius: 20px!important;
    background-color: #eaeaed;
    color: #999;
}

.login-button--now {
    background-color: #488af9!important;
    color: #fff!important;
}

.login-button--wei {
    border: 1px solid #41be6b;
    color: #41be6b!important;
    background-color: #fff!important;
}

.look-password {
    text-align: center;
}

.look-password a {
    color: #999;
    margin: 0 10px;
}

.look-password a:hover {
    color: #488af9;
}

.login-footer {
    height: 124px;
    line-height: 124px;
    background-color: #fff;
    text-align: center;
}

.login-footer span {
    margin: 0 30px;
    font-size: 16px;
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
}

.no-infos {
    height: 400px;
    width: 100%;
    background-image: url(../../images/jyang/no-message.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.course_code--buy {
    position: relative;
    height: 40px;
    margin: 50px 0;
    /*overflow: hidden;*/
    /* overflow: hidden; */
    /*  padding: 50px 0; */
    /* float: right;
  bottom: -120px; */
}

.course_code--buy>h3 {
    margin: 0;
}

.code-avatar {
    width: 100%;
    height: 100%;
}

.wrapper {
    min-height: 100%;
    /* Equal to height of footer */
    /* But also accounting for potential margin-bottom of last child */
    margin-bottom: -544px;
}

.footer,
.push {
    height: 544px;
}

.rollbar-back {
    display: none;
    position: fixed;
    bottom: 15%;
    right: 5%;
    cursor: pointer;
}

.mine-aside {
    background-color: #fff;
    height: 780px;
    border: 1px solid #eee;
}

.mine-aside li {
    height: 50px;
    line-height: 50px;
}

.mine-main {
    position: relative;
    background-color: #fff;
    padding: 10px 0;
    height: 780px;
    border: 1px solid #eee;
    padding: 50px 20px;
}

.page-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.mine-main .control-label {
    font-size: 16px!important;
}

.mine-header {
    position: relative;
    padding: 20px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.mine-header .mine-avatar {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    cursor: pointer;
}

.mine-header--name {
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 0;
}

.mine-aside--wrap li {
    text-align: center;
    height: 60px;
    line-height: 60px;
    padding: 0 10px;
    cursor: pointer;
}

.mine-aside--wrap li.active {
    background-color: #eee;
    color: #58acfa;
}

.mine-aside--wrap li:hover {
    background-color: #eee;
    color: #58acfa;
}

.mine-message {
    padding-top: 7px;
}

.submit-buttom {
    margin-top: 30px;
}

.active .tips {
    color: #337ab7;
}

.mine-avatar--header {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
}

.up-img-cover {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    cursor: pointer;
}

.up-img-cover img {
    width: 100%;
    height: 100%;
}

ol,
ul {
    padding-left: 0!important;
}

*+address,
*+blockquote,
*+dl,
*+fieldset,
*+figure,
*+hr,
*+ol,
*+pre,
*+ul {
    margin: 0!important;
}

.am-modal-dialog {
    border: 1px solid #eee;
}

.mine-aside--wrap a {
    color: #000;
}

.footer-content .weiixn-avatar {
    height: 183px;
    width: 183px;
    /* margin-top: 30px;
  margin-bottom: 50px; */
}

.footer-content .weiixn-avatar img {
    height: 100%;
    width: 100%;
}


/* table */

.table-header {
    background-color: #eee;
}

.table-header tr th {
    text-align: center;
}

.search_head {
    vertical-align: baseline;
}

.search_head-input {
    vertical-align: baseline!important;
}

.m-qrcode .tt {
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    padding: 4px 0 0 14px;
    width: 140px;
    height: 40px;
    line-height: 16px;
    color: #fff;
    background: url(../../images/jyang/ultimate-sprites.png) no-repeat 0 -192px;
    cursor: pointer;
    overflow: hidden;
}

.qu-href {
    float: left;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
    background-color: rgb(9, 85, 197);
    color: #fff;
    padding: 0 10px;
}

.qu-href a {
    display: inline-block;
    color: #fff;
}

.qu-href .qu-href--ico {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../../images/jyang/qu-href--ico.png) no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px;
}

.m-qrcode .tt em {
    display: block;
    color: #fff;
    font: normal 12px/16px "宋体";
}

.m-qrcode .ct {
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 30px;
    width: 140px;
    height: 140px;
    padding: 10px;
    border: 1px solid #eaeceb;
    background-color: #fff;
    border-bottom: none;
    display: none;
}

.m-qrcode .ct img {
    display: block;
    width: 100%;
    height: 100%;
}

.m-qrcode.z-show .tt {
    background-position: 0 -256px;
}

.m-qrcode.z-show .ct {
    display: block;
}


/* .track-main {
  margin-top:150px; 
} */

.m-qrcode {
    position: relative;
    float: right;
}

.free-tips {
    color: #ca0c16;
}

.login-tips {
    display: block;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    color: #ca0c16;
    font-size: 14px;
}

.resource-pannel--list .thumbnail {
    position: relative;
}

.resource-pannel--list .thumbnail .play-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 78px;
    height: 79px;
}

p img {
    max-width: 100%;
}

.news-pannel .news-list {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;
    width: 48%;
    float: left;
    height: 140px;
    cursor: pointer;
}

.news-pannel .news-list a {
    color: #666
}

.news-pannel .news-list:nth-child(odd) {
    float: right
}

.news-pannel .news-list .news-time {
    color: #b5b5b5;
    font-size: 14px;
    margin: 6px 0;
}

.news-pannel .news-list .news-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-pannel .news-list .media-heading {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: normal;
}

.news-card--avatar {
    height: 180px;
    width: 100%;
}

.picture-detail {
    padding: 10px 0;
}

.picture-detail .item {
    line-height: 1.8
}

.picture-detail .item .red {
    color: #fa1c0f;
}

.picture-content p {
    color: 14px;
    color: #a4a4a4;
}

.art-img {
    height: 396px!important;
}

.nav-bar--list {
    position: relative;
}

.j-dropdown {
    position: absolute;
    top: 70%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.j-dropdown .j-dropdown-menu--list {
    line-height: 3.5;
    cursor: pointer;
}

.j-dropdown .j-dropdown-menu--list:hover {
    background: rgb(241, 240, 240);
}

.nav-bar--list:hover .j-dropdown {
    display: block;
}