@charset "utf-8";

body {
    color: #333333;
    /*background: #f5f4f2;*/
    font-size: .875rem;
    line-height: 24px;
    background: #eeede8;
}

h1, h2, h3, h4, h5, h6, ul, li, ol, p {
    margin: 0;
    padding: 0;
}

a {
    color: #444;
    text-decoration: none;
    cursor: pointer;
    /*transition: 0.25s ease-out;*/
}
a:hover {
    color: #047eb7;
}
h1, h2, h3, h4, h5, h6 {
    color: #666;
    /*font-weight: bold;*/
}
h1,h4 {
    margin: 0 0 10px 0;
}
h1,.h1 { font-size: 1.125rem}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
p {
    margin: 12px 0;
}

blockquote {
    margin: 2px 0 2px 0;
}
mark {
    color: #f8c038;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
textarea {
    height: 40px;
    /*line-height: 40px;*/
    padding: 6px 10px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    box-shadow: none;
    color: #777;
}
input[type="text"],
input[type="email"],
input[type="date"],
textarea {
}
input:focus,
input:active,
input:hover,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
textarea:focus,
textarea:active,
textarea:hover {
    background: #fff;
    border: 1px solid #047eb7;
    box-shadow: none;
    transition: all .25s ease-in-out;
}

.tag-info {
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 0 8px;
    color: #fff;
    background: #1aa2e2;
    border-radius: 4px;
}
.tag-info:hover ,.tag-active {
    color: #fff;
    background: #047eb7;
    text-decoration: none;
}

.tag-sm {
   font-size: .75rem;
	padding: 0 6px;
}

.zhongdian { color:#1aa2e2; font-weight:bold; font-size:1.1em;}
.zhongdian2 {color:#1aa2e2 !important;}
.tab-pane {
    /*padding: 20px 0 0 0;*/
}

.f-12 {
    font-size: .75rem;
}
.f-14 {
    font-size: .875rem;
}

.f-16 {
    font-size: 1rem;
}
.f-18 {
    font-size: 1.125rem;
}
.f-weight{
    font-weight: 600;
}

.f-hot{
    color:#333;
}
.f-main {
    color: #1aa2e2;
}
.f-sub {
    color: #f6ae00;
}
.f-light {
    color: #b5b5b5;
}
.f-orange{
    color: #fbd16f;
}
.f-white {
    color: #fff;
}

.f-user{
    color: #047eb7;
}

.f-ln18{
    line-height: 1.8em;
}

.content {
    margin: 75px 0 0 0;
}

.main {
    padding: 10px 0 0 0;
    /*background: #f5e79e;*/
}

.sub {
    padding: 10px 0 0 0;
    /*background: #e74c3c;*/
}

.section {
    margin: 0 0 20px 0;
    padding: 30px 20px 30px 20px;
    background-color: #FFFFFF;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 14px 10px -10px rgba(0,0,0,0.1);
	overflow:hidden;
}

.section h4,.section h1 {
    margin: 0 0 24px 0;
    padding: 8px 16px;
    border-left: 3px solid #1aa2e2;
}
.section-courses a {
    display: block;
    padding: 0;
    /*color: #047eb7;*/
}
.section-courses a:hover {
    text-decoration: none;
}
.section-courses span {
    color: #f6ae00;
}

.section-courses span.badge {
    color: #ffffff;
}


.card {
    margin: 0 0 18px 0;
    padding: 18px;
    background-color: #f5f5f5;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    border-radius: 1px 1px 1px 1px;
    /*box-shadow: 0 10px 10px -10px rgba(0,0,0,0.1);*/
    box-shadow: 0 1px 2px #ddd;
}
.card-m {
    width: 250px;
}
.card-s {
    width: 200px;
}
.media-body {
    padding: 2px 8px 2px 6px;
}


.item {
    /*margin: 0 0 14px 0;*/
    padding: 12px 0 20px 0;
    /*border-bottom: solid 2px #eee;*/
}
.item-avatar {
    float: left;
    margin-left: -10px;
}
.settings-avatar,
.info-avatar {
    margin: 0 0 4px 0;
    padding: 0 8px 0 0;
}
.settings-main,
.info-main,
.info .actions {
    padding: 0;
}
.item-content {
    padding: 0 0 10px 0;
    word-wrap: break-word;
    /*white-space: nowrap;*/
    /*overflow: scroll;*/
}
.item-actions a {
    padding: 0 0 0 8px;
}

.item-in {
    margin: 0 0 0 22px;
    padding: 12px 0 12px 36px;
    border-left: 2px solid #1aa2e2;
}

.item-in .input-group {
    padding: 6px 0 0 0;
}

/*.course-comment .item .item-main{*/
    /*padding-left: 5px;*/
/*}*/

.course-comment .input-group {
    margin: 0 0 12px 0;
}

.input-group-btn button {
    border: none;
    background-color: #1aa2e2;
    border-bottom: 4px solid #047eb7;
    border-radius: 2px;
}

.settings-main div {
    margin: 0 0 5px 0;
}
.settings-main .actions {
    margin: 15px 0 10px 0;
}

.avatar-m {
    height: 48px;
}
.avatar-l {
    height: 96px;
}

#settings-avatar {
    padding: 0 10px 0 0;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}
.input-file input[readonly] {
    background-color: white !important;
    cursor: text !important;
}
#year,
#birthday {
    /*background: #FFFFFF;*/
}

.input-group-mc .form-control {
    position: relative;
    top: .4rem;
}
.input-group-mc .input-group-btn .btn {
    padding: 10px 10px;
}
.input-group-comment {
    padding: 0 0 18px 0;
}
.input-group-comment textarea {
    width: 100%;
    height: 38px;
    margin: 0 0 2px 0;
    resize: vertical;
    transition: all 0.25s ease-in-out;
}
.input-group-comment textarea:active,
.input-group-comment textarea:focus {
    height: 88px;
    outline: 0;
}

.btn-forbid{
    /*border: none;*/
    /*border-bottom: 5px solid #696969;*/
    /*border-radius: 0;*/

    /*color: #fff;*/

    /*font-size: .875rem;*/
    /*padding: 8px 12px;*/
    box-shadow: 0 .4rem 0 #888,0 .1rem 0 rgba(255,255,255,.5) inset;
}

.score{
    /*margin: 30px 0 10px 0;*/
}

.score img{
    display: inline;
    width: 12px;
}

.description-more {
    color: #1aa2e2;
    display: inline-block;
    margin: 12px 0 0 0;
}


/* -- overlay --*/
.box-f, .box-s, .box-t, .overlay
{
    width: 144px;
    height: 155px;
    overflow: hidden;
}
.box-f, .box-s
{
    visibility: hidden;
}
.box-f
{
    transform: rotate(120deg);
    float: left;
    margin-left: 10px;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}
.box-s
{
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.box-t
{
    transform: rotate(-60deg);
    background: no-repeat 50% center;
    background-size: 125% auto;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;
}
.overlay
{
    transition: all 0.25s ease-in-out;
    display: none;
    position: relative;
}
.overlay:hover
{
    background-color: rgba(0,0,0,0.6);
}
.box-t:hover .overlay
{
    display: block;
}
.overlay a
{
    transition: all 0.25s ease-in-out;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    text-align: center;
    line-height: 32px;
    width: 32px;
    height: 32px;
    text-decoration: none;
    color: White;
    font-size: 1.125rem;
    font-weight: bolder;
}

.info-icon {
    display: inline-block;
	padding-top:10px;
}
.info-icon img { width: 200px; border-radius:100px; height:200px;}

.info-icon .box-f,
.info-icon .box-f .box-s,
.info-icon .box-f .box-s .box-t,
.info-icon .box-f .box-s .box-t .overlay
{
    width: 64px;
    height: 80px;
    overflow: hidden;
}

.item-header {
    margin: 0 0 8px 0;
}

.item-header .score {
}

.item-tags {
    margin: 0 0 4px 0;
}

.item-footer a {
    margin: 0 6px 0 0;
}

.sidebar-nav ul li{
    padding: 12px 16px;
    border-left: 3px solid #7d7d7d;
    font-size: 1rem;
    cursor: pointer;
    transition: 0.25s ease-out;
}

.sidebar-nav ul li:hover{
    color: #3a9fcd;
    border-left: 14px solid #1aa2e2;
}

.sidebar-nav .active{
    color: #3a9fcd;
    border-left: 3px solid #1aa2e2;
}
@media (max-width: 767px) {
    #year {
        width: 100%;
    }
}


.nav-hamburger {
    height: 40px;
    padding: 0 10px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    font-size: 1.125rem;
    line-height: 40px;
}
.nav-hamburger a {
    display: block;
    color: #fff;
}

footer {
    padding: 28px 0 18px 0;
    background: #eeece1;
}
.footer-icon {
    width: 10%;
}
.footer-seg {
    width: 88%;
    padding: 0 0 12px 0;
}
.footer-seg h5 {
    padding: 3px 0 7px 0;
    font-size: .875rem;
}
.footer-seg p {
    margin: 0;
    padding: 0;
    font-size: .75rem;
    line-height: 1.125rem;
}
.footer-info {
    font-size: .75rem;
    text-align: center;
    line-height: 1.125rem;
}
.footer-info p {
    margin: 0;
    padding: 0;
}
.special-link {
    color: #9a7c38;
    text-decoration: underline;
}
.special-link:hover {
}



hr {
    margin: -5px 0 5px 0
}

.navbar{
    padding:3px 0;
    background-color: #1aa2e2;
    border: none;
    border-bottom: 5px solid #047eb7;
	color:#fff;
}
.navbar a {color:#fff;}



#nav-user {
    background-color: #1aa2e2;
}
.navbar-nav>li>a{
    font-size: 1rem;
    color: #fff;
    margin: 0 0 0 8px;
    background: transparent;
}

.navbar-nav>.active>a:hover{
    background: transparent;
    color: #fff;
}

.navbar-nav>.active>a{
    background: none;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.navbar-nav > li > a {
    padding:15px 10px 5px 10px;
}
.navbar-nav > li > a:hover{
    color: #fff;
    border-bottom: 2px solid #fff;
}

.navbar-brand-mc{
    padding: 6px 0;
    font-weight: 100;
}

.navbar-brand-mc img{
    height: 40px;
    display: inline-block;
    margin-right: 3px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background: transparent;
    color: #fff;
}

.nav>li>a:focus, .nav>li>a:hover{
    background: transparent;;
}

.navbar-form-mc .input-group {
    width: 100%;
}

#input-search {
    border-radius: 2px;
}
.input-group-nav .input-group-btn:last-child > .btn,
.input-group-nav .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -42px;
}
.input-group-nav .input-group-btn .btn {
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    color: #047eb7;
}

.navbar-toggle{
	margin:0px;
}


.home .content{
    margin: 55px 0 0 0;
}

.wrapper{
    padding: 35px 0;
    margin: 40px auto;
    background: url(../images/homeImg.png);
    background-size: cover;

}

.wrapper .form-control{
    margin: 15px 0;
}

.wrapper .wrapper-intro{
    text-align: center;
}

.wrapper .wrapper-intro img:first-child{
    margin: -10px 0 20px 0;
}

.wrapper .wrapper-title{
    margin: 7px 0;
    font-size: 20px;
}

.wrapper .wrapper-slogan{
    font-size: 16px;
}

.wrapper .log-or-sign{
    /*border-left: 1px solid #fff;*/
    /*margin-left: 15px;*/
    padding-left: 20px;
}

.wrapper .log-or-sign a{
    color: #fff;
}

.wrapper .checkbox{
    color: #333;
}

/*.wrapper .nav>li>a:focus, .nav>li>a:hover{*/
    /*background-color: #337AB7;*/
/*}*/

/*.home-page .section{*/
    /*margin: 0 0 20px 0;*/
    /*padding: 20px;*/
/*}*/

/*.section .hd a{*/
    /*margin: 0 10px;*/
/*}*/

/*.section .hd h4{*/
    /*padding: 0 10px;*/
    /*border: none;*/
    /*border-left: 2px solid #1aa2e2;*/
/*}*/

/*.section .hd{*/
    /*margin: 0 0 20px 0;*/
/*}*/
.section h4 small {
    margin-left: 8px;
}

.section-carousel {
    padding-bottom: 48px;
}

.hot-course .item,.tuijianit{

    margin: 0 0 20px 0;
    padding:0 5px;
    border: none;
}

.item-card{
    background-color:#f5f5f5;
    text-align: center;

    padding:4px 10px;
    /*margin: 0 8px;*/

    box-shadow: 0 1px 2px #ddd;
}
.item-card .desc { font-size:12px; text-align:left; line-height:16px; color:#888;}

/*.item-card .item-icon{*/
    /*width: 30%;*/
    /*margin: 30px auto;*/
/*}*/

.card-icon {
    display: inline-block;
    width: 100%;
    padding: 8px 0 4px 0;
}

.card-icon img { border-radius:2px;}


.card-name {
    display: block;
    padding: 2px 0 2px 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.score{
    /*margin: 30px 0 10px 0;*/
}

.score img{
    width: 12px;
}


.nav-tabs {
    border: none;
    border-bottom: 2px solid transparent;
}

.nav-tabs>li.active>a,.log-or-sign .nav-tabs>li.active>a:focus,
.log-or-sign .nav-tabs>li.active>a:hover{
    border: none;
    border-bottom: 2px solid transparent;

}

.log-or-sign .nav-tabs>li>a,
.log-or-sign .nav-tabs>li>a:focus,
.log-or-sign .nav-tabs>li>a:hover{
    border-bottom: 2px solid #fff;
}

.log-or-sign .nav-tabs>li.active>a:hover{
    border-bottom: 2px solid #fff;
}

.log-or-sign .nav-tabs>li>a{
    border: none;
    border-bottom: 2px solid transparent;
}

.log-or-sign .nav-tabs{
    /*border-bottom: 2px solid #eee;*/
}

.log-or-sign .nav-tabs li{
    /*width: 30%;*/
    /*min-width: 20px;*/
    padding: 0 0 10px 0;
}

.log-or-sign .nav-tabs li a{
    padding: 10px 0 3px 0;
    margin-right: 15px;
    font-size: 16px;
    text-align: center;
}

.log-or-sign .nav-tabs li.active a{
    color: #fff;
    background-color: transparent;
    border-bottom: 2px solid #fff;
}


.tab-info {
    display: none;
    padding: 12px 12px;
    color: #fff;
    background: #1aa2e2;
    border-radius: 2px;
}

/*.home-sub .section{*/
    /*margin-left: 0px;*/
/*}*/
.tag-section {
    padding: 0 0 8px 0;
}

.tag-section h5 {
    padding: 8px 0 12px 0;
}


.carousel-indicators{
    bottom: 0px;
}

.carousel-inner .item{
    border: none;
}

.thumbnail {
    padding: 0;
    background-color: #f5f5f5;
    border: none;
	box-shadow: 1px 1px 2px #ddd;
}
.thumbnail a img {
    /*background-image: -webkit-linear-gradient(-405deg, #30D0DF 40%, #51F1FC 100%);*/
    background-image: -webkit-linear-gradient(-90deg, transparent 0%, rgba(0,0,0,0.8) 100%);
    background-image: linear-gradient(-180deg, transparent 0%, rgba(0,0,0,0.8) 100%);
}

.carousel-inner .thumbnail img{
    /*position: relative;*/
}

.carousel-inner .thumbnail .course-icon{
    width: 20%;
}

.carousel-inner .thumbnail h4{
    color: #fff;
    text-shadow: 0px 1px 1px #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.carousel-inner .thumbnail h4 a {
    color: #fff;
}
.carousel-inner .thumbnail h4 a:hover {
    color: #fff;
    text-decoration: underline;
}


.carousel-inner .thumbnail .new-course-mask{
    position: absolute;
    width: 92%;

    top: 20%;

    text-align: center;
}


.carousel-inner .thumbnail .caption{
    

    color: #999;
    font-size: .875rem;

    text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {

    .carousel-inner .thumbnail .new-course-mask{
        position: absolute;
        width: 88%;

        top: 12%;

        text-align: center;
    }

}
@media (max-width: 767px) {

    .carousel-inner .thumbnail .new-course-mask{
        position: absolute;
        width: 88%;

        top: 11%;

        text-align: center;
    }

}

.carousel-indicators{
    bottom: -10px;
}

.carousel-indicators li{
    width: 13px;
    height: 13px;
}

.carousel-indicators .active{
    width: 15px;
    height: 15px;
}


.caption p{
   
}

.carousel-indicators li{
    border: 1px solid #f8c038;
}

.carousel-indicators .active{
    background-color: #f8c038;
}


.hot-label h5{
    color: #7d7d7d;
}

#department-options{
    max-height: 180px;

    overflow: auto;
    position: absolute;

    background-color: rgba(255, 255, 255, 0.81);
    border-bottom: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;

    z-index: 1000;

    display: none;
}


#department-options li{
    padding: 5px 3px;
    cursor: pointer;
    transition:color 0.5s;
    -moz-transition:color 0.5s; /* Firefox 4 */
    -webkit-transition:color 0.5s; /* Safari and Chrome */
    -o-transition:color 0.5s;/* Opera */

    transition:background-color 0.5s;
    -moz-transition:background-color 0.5s; /* Firefox 4 */
    -webkit-transition:background-color 0.5s; /* Safari and Chrome */
    -o-transition:background-color 0.5s;/* Opera */
}
#department-options li:hover{
    background-color: rgba(255, 255, 255, 0.95);
    color: #047eb7;
}

#department-options .default{
    text-align: center;
    color: #95a5a6;
}

#department-options .default:hover{
    color: #95a5a6;
}

/*#profile-sidebar li{*/
    /*padding: 10px 0;*/
/*}*/

#profile-sidebar .active a{
    color: #047eb7;
}

#description{
    height: 7em;
}

.list-group a:hover{
    text-decoration: none;
}

.btn-primary, .btn-forbid{
    /*transition: 0.25s ease-out;*/
}

.red-point{
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 0 5px 3px;
    background-color: #FD5847;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari 和 Chrome */
    border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}

@media screen and (max-width: 768px){
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding:0px;}
	.content .container{ padding:0px;}
	.row { margin:0px;}
    .wrapper .log-or-sign{
        border-left: none;
        margin-left: 0px;
        padding-left: 15px;

        padding-top: 20px;
    }

    .wrapper-intro img{
        display:none;
    }
}


@media (min-width: 768px){
    .navbar>.container .navbar-brand{
        /*padding: 15px;*/
    }

}

@media (min-width: 992px){
    .wrapper {
        padding: 96px 0;
    }
}

.info{
    padding: 0;
}

.info-avatar{
    margin: 0;
    background-color: #f5f5f5;
    text-align: center;
}

.info-avatar .img-responsive{
    width: 15%;
    margin: 0 auto;
}

.info-avatar h3{
    font-weight: bold;
    margin-top: 15px;
    padding: 0 14px;
}

.info-avatar .score {
    padding: 10px 0 10px 0;
}

.info-avatar .score img {
    display: inline-block;
    width: 4%;
}

.info-avatar .score span{
    vertical-align: middle;

}

.info-main {
    margin: 36px 28px 0 0;
}

@media (max-width: 767px) {
    .info-avatar {
        padding: 36px 48px;
    }
    .info-main {
        margin: 36px 28px 36px 24px;
    }
}

.info-main .info-line{
    color: #999;
}

.info-main .info-line span{
    color: #666;
    /*font-size: 12px;*/
}

.info-main hr {
    margin: 12px 0;
}

.statistics {
    padding-bottom: 60px;
}

.score-card{
    text-align: center;
}
.score-card img{
    width: 90%;
    position: absolute;
}
.score-card div{
    z-index: 10;
}
.rate-header{
    display: inline-block;
    color: #7d7d7d;
    width: 80%;
    margin: 24px 0 0 0;
    padding: 8px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: solid 2px #eee;
}
.rates {
    display: inline-block;
}
.rate-labels {
    padding: 5px 8px 0 0;
    border-right: solid 2px #eee;
    color: #b5b5b5;
    text-align: right;
}
.rate-powers{
    padding: 5px 0 0 3px;
    text-align: left;
}
.rate-power {
    display: inline-block;
    height: 16px;
    margin: 0 2px 0 2px;
    background: #fbd16f;
    vertical-align: middle;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .rate-header{
        display: inline-block;
        color: #7d7d7d;
        width: 80%;
        margin: 24px 0 0 0;
        padding: 0 8px;
        font-weight: bold;
        font-size: 14px;
        border-bottom: solid 2px #eee;
    }
    .score-card img{
        width: 86%;
        position: absolute;
    }
    .rate-labels {
        padding: 0 4px 0 0;
        border-right: solid 2px #eee;
    }
    .rate-labels div {
        font-size: .75rem;
        padding: 0;
        margin: 0;
    }
    .rate-powers {
        padding: 0 0 0 2px;
        text-align: left;
    }
    .rate-powers div span {
        font-size: .625rem;
    }
    .rate-power {
        display: inline-block;
        height: 12px;
        margin: 0 2px 0 2px;
        background: #fbd16f;
        vertical-align: middle;
    }
}
@media (max-width: 767px) {
	
	.section {
    margin: 0 0 20px 0;
    padding: 15px 12px 15px 12px;
    background-color: #FFFFFF;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 14px 10px -10px rgba(0,0,0,0.1);
	overflow:hidden;
}

.section h4,.section h1 {
    margin: 0 0 15px 0;
    padding:4px 4px;
    border-left: 3px solid #1aa2e2;
}
    .score-card {
        padding: 0 0 18px 0;
    }
    .rate-header{
        margin: 0;
        font-size: 1rem;
    }
    /*.score-card img{*/
        /*width: 95%;*/
        /*position: absolute;*/
    /*}*/
    /*.rate-labels {*/
        /*padding: 18px 24px 0 0;*/
        /*border-right: solid 2px #eee;*/
    /*}*/
    /*.rate-labels div {*/
        /*font-size: 1rem;*/
        /*padding: 0;*/
        /*margin: 0;*/
    /*}*/
    /*.rate-powers {*/
        /*padding: 18px 0 0 20px;*/
        /*text-align: left;*/
    /*}*/
    /*.rate-powers div span {*/
        /*font-size: 1rem;*/
    /*}*/
    /*.rate-power {*/
        /*display: inline-block;*/
        /*height: 12px;*/
        /*margin: 0 2px 0 2px;*/
        /*background: #fbd16f;*/
        /*vertical-align: middle;*/
    /*}*/
}


.course-buttons {
	padding-bottom:30px;
}

.reply-item {
}
.fake-cursor {
    color: #1aa2e2;
    cursor: pointer;
}

.section-settings {
    padding-bottom: 40px;
}

.profile{
    padding: 0;
}

.profile div {
    text-align: center;
}

.profile-main {
    background-color: #f5f5f5;

    padding: 40px 20px 10px;
}

.profile .profile-avatar{
    padding: 0;
    margin-bottom: 10px;
}

.profile-avatar img{
    height: 80px;
}

.profile-name {
    color: #3a9fcd;
    padding: 0 0 10px;
}

.profile-block {
    margin: 10px 0 20px;
}

.profile-block span{
    color: #333;
}

.profile-block>span{
    color: #999;
}

.profile-block>span>span{
    margin: 0 5px 0 2px;
}


.profile .actions {
    padding: 18px 0 28px 0;
}

.profile .actions a{
    margin: 0 2px 0 2px;
}


.profile-title >span{
    display: block;
    margin: 0 0 20px;
    padding: 5px 0;
    border-bottom: 1px solid #047eb7;
}

.info-line {
    margin: 0 0 4px 0;
}

.info-line span {
    color: #047eb7;
    font-size: .875rem;
}
.info-rate .rate-header {
    color: #f8c038;
}

.item-info {
    min-height: 24px;
}

.btn-primary .badge{
    color: #1aa2e2;
}

.user blockquote{
    padding: 7px 0;
    border: none;
}


#courses .item{
    border: none;
    margin: 0 0 14px 0;
}

#courses .row{
    margin: 0;
}

#courses .course-card{
    /*width: 90%;*/
}

#courses a{
    transition: 0.25s ease-out;
    text-decoration: none;
}
#courses h5 {
    padding: 8px 16px;
    border-left: 3px solid #1aa2e2;
}

#courses .seg {
    padding: 12px 0 24px 0;
}

.course-card .score{
    padding: 0;
}

.course-card-title{
    max-width: 118px;
    display: block;
    /*width: 100%;*/
    padding: 0 12px 0 0;
    word-break: break-all;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.course-card-title a{
    font-size: 16px;
    color: #333;
}

.course-card-title:hover{
}

#friends .row{
    margin: 0;
}

#friends .item{
    border: none;

}

#friends .friend-card{
    box-shadow: 0 1px 2px #ddd;
}

/*#friends .btn-primary{*/
    /*padding: 4px 14px;*/
    /*font-size: 12px;*/
/*}*/

/*#friends .btn-primary:hover{*/
    /*border-color:#204d74;*/
/*}*/

.friend-body{
    background-color: #f5f5f5;
    padding: 20px 15px;
}

.friend-body .item-main{
    color: #999;
}

.friend-course-num span{
    color: #333;
}

.friend-footer{
    padding: 10px 15px 20px 15px;
}


.nav-tabs>li.active>a,.user .nav-tabs>li.active>a:focus,
.user .nav-tabs>li.active>a:hover{
    border: none;

}

.user .nav-tabs>.active>a,
.user .nav-tabs>.active>a:focus,
.user .nav-tabs>.active>a:hover{
    border-bottom: 2px solid #1aa2e2;
}

.user .nav-tabs>li.active>a:hover{
    border-bottom: 2px solid #1aa2e2;
}

.user .nav-tabs>li>a{
/*.user .nav-tabs>li>a{*/
    border: none;
}

.user .nav-tabs{
    /*border-bottom: 2px solid #eee;*/
}

.user .nav-tabs li{
    padding: 0 0 10px 0;
    margin-bottom: -1px;
}

.user .nav-tabs li a{
    padding: 3px;
    margin-right: 15px;
    font-size: 1rem;
    text-align: center;
}

.user .nav-tabs li.active a{
/*.user .nav-tabs li.active a{*/
    border-bottom: 2px solid #1aa2e2;
}

.no-item{
    line-height: 50px;
    text-align: center;
}

#description{
    resize: none;
}

.message-sidebar ul li{
    margin: 0 0 10px;

    cursor: pointer;
    transition: 0.25s ease-out;
}

.message-sidebar ul li:hover{
    color: #3a9fcd;
}

.message-sidebar .active{
    color: #3a9fcd;
}

.message-sidebar .list-group-item{
    margin: 0 0 10px;
}

.message-body .message-reply span{
    float: left;
}

.message-body .item{
    /*border-top: 1px solid #eee;*/
    padding: 20px 0 5px;
}

.mes-time{
    float: left;
}

.message-form{
    margin: 30px 0 50px ;
}

.message-form textarea{
    height: 7em;
    resize: none;
    margin: 5px 0 10px;
}


.mes-item{
    min-height: 50px;
    border-top: 1px solid #eee;
    padding: 15px 0;
    margin: 15px 0;
    word-wrap: break-word;
    clear: both;
}

.mes-item a{
}

.mes-item p{
    min-height: 30px;
    margin: 5px 0 5px;
}

.mes-footer{
    margin: 10px 0 5px 0;
}


/*AVATAR*/
.avatar-submit{
    clear: both;
}

.avatar-change-left{
    /*padding-left: 0px;*/
}

#avatar_submit{
    height: 32px;
    width: 100px;
}

.notice-body .no-announcement{
    line-height: 50px;
    text-align: center;
}

.announcement-type>span{
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #047eb7;
}

.notice-body .item-main mark{
    padding: 3px 15px;
    margin: 0 auto;
    float: left;


}
.item-top-line{
    /*background-color: #eee;*/
    padding: 6px 3px;
}

.item-main a{
    transition: 0.25s ease-out;
}

.item-main a:hover{
    text-decoration: none;
    color: #047eb7;
}

.notice-body .item{
    border: none;
    padding: 0 0 40px 0;
}

.item-main blockquote{
    line-height: 1.2em;
}

.notice-body blockquote{
    margin: 10px 0 2px 0;
}

.notice-body blockquote h4{
    font-size: 14px;
    border: none;
}

/*.notice-body mark{*/
    /*padding: .3em;*/
/*}*/

.notice-modal .modal-header span{
    display: block;
    margin: 5px 0 0;
}
.notice-modal .modal-body{
    line-height: 1.7em;
}

.notice-modal .modal-body p{
    line-height: 1.7em;
}

.notice-modal .modal-body p span{
    font-size: 14px;
}

.notice-modal .modal-body h4, .modal-body h3{
    font-size: 16px;
    font-weight: 600;
    border: none;
}

.announcement-content h4 {
    color: #7d7d7d;
    margin: 0;
    padding: 0 0 4px 0;
}

.score .lang {background:url(../images/star2.gif) repeat-x;  height:18px;}
.score .lang1 { width:18px;}
.score .lang2 { width:36px;}
.score .lang3 { width:54px;}
.score .lang4 { width:72px;}
.score .lang5 { width:90px;}
.shownjlnr img { width:100% !important; height:auto !important;}
.shownjlnr a{background-color: #1aa2e2; color:#fff;  border-radius:2px;  padding:5px;}
.shownjlnr strong { font-weight:bold; color:#333;} 

#weixinfx { width:0px; height:0px; overflow:hidden;}
.daohang { padding:10px 20px;}
.cxnjlw { padding:15px 25px;}
.ulxgnews li { padding-bottom:5px;}