/*简单介绍*/
.class_introduce .classlists{
    background:@box_color;
}
.class_introduce .details{
    padding-bottom: 15px;
    line-height: 165%;
    font-size: 14px;
}
/*左边图片的介绍*/
.classlists_left{
    margin-left:40px;
}

.classlists_left .big_pic{
    position:relative;
    border:2px solid #dddddd;
}
.classlists_left  .big_pic .tags{
    position: absolute;
    left: 10px;
    top: -4px;
}
.classlists_left .small_pic{
    margin:10px 0px;
    width:2000px;
    top:5px;
    position:absolute;
}
.classlists_left .small_pic a{
    margin-right: 10px;
    cursor: pointer;
    border: 1px solid @border_color;
    padding: 2px;
    float:left;
}
.classlists_left .pic_hidden{
    overflow:hidden;
    position:relative;
    height:71px;
}
.classlists_left .pic_hidden .hide_tag{
    position:absolute;
    display:block;
    width:29px;
    height:100%;
    *height:51px;
    top:10px;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -kHTML-opacity: 0.7;
    opacity: 0.7;
}

.classlists_left .pic_hidden .hide_tag:hover{
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -kHTML-opacity: 0.6;
    opacity: 0.6;
}

.classlists_left .pic_hidden .disable_tag,.classlists_left .pic_hidden .disable_tag:hover{
    /*display:none;*/
}

.classlists_left .pic_hidden .pre{
    left:-29px;
    height:51px;
    top:15px;
    background:url(../images/css_bg/slide_arrow.png) no-repeat 0px -10px black;
}
.classlists_left .pic_hidden .next{
    right:-29px;
    height:51px;
    top:15px;
    background:url(../images/css_bg/slide_arrow.png) no-repeat -35px -10px black;
}

.classlists_left .small_pic a:hover,.classlists_left .small_pic a.active {
    border: 3px solid @font_hover;
    padding: 0;
}
/*-----------------------图片右边的内容*/

.classlists_rigth{
    margin-left:30px;
    width:380px;
    font-size:13px;
}
.classlists_rigth .classlists_title{
    font-family: Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Simhei,sans-serif;
    line-height: 28px;
    font-size: 19px;
    height: 28px;
}
.classlists_rigth .classlists_price{
    height:35px;
}
/*价格，折扣*/
.classlists_rigth .classlists_price h2{
    color:@main_color;
    font-size:14px;
    font-weight:100;
    float:left;
    padding-right:10px;
}
.classlists_rigth .classlists_price h2 span{
    font-size:14px;
}
.classlists_rigth .countdown
{
    padding-top:33px;
}
.classlists_rigth .countdown span{
    color:@main_color;
    padding:0 3px;
}
.classlists_rigth .classlists_price h2 strong{
    font: 300 30px tahoma,sans-serif;
}
.classlists_rigth .classlists_price .discount{
    padding: 5px 0px 0px;
    height: 14px;
    display: block;
    font: 700 13px arial,hiragino sans gb,sans-serif;
    color:@main_color;
    width:100px;
}
.classlists_rigth .classlists_price del {
    float: left;
    color: #999;
    font-weight: 700;
    line-height:18px;
}
/*已售-评分-评价数量*/
.classlists_rigth .classlists_rating{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 5px;
    font-size: 13px;
    height:38px;
    line-height:38px;
}
.classlists_rigth .classlists_rating ul li{
    display:inline-block;
    width:30%;
    height:38px;
}
.classlists_rigth .classlists_rating ul li.first{
    width:35%;
}
.classlists_rigth .classlists_rating ul li.last{
    width:34%;
    text-align:right;
}
.classlists_rigth .classlists_rating ul li strong{
    color:@main_color;
    font-family: arial,sans-serif;
}
/*商家-使用日期-有效期----------------------------在商家详情页共有*/
.classlists_rigth  .hangtag .width{
    width:325px;
}
.hangtag ul li{
    line-height:28px;
}
.hangtag ul li .tag{
    display:inline-block;
    width:70px;
}
.hangtag ul li span.cross{
    display:inline-block;
    margin:0px 10px;
}
/*--------------------------------------------------------------------------*/
/*套餐选择*/
.classlists_rigth .package_choose{
    padding:0px;
    margin-top:20px;
}
.classlists_rigth .package_choose span.info_title{
    display:block;
    width:70px;
    line-height:28px;
}
.classlists_rigth .package_choose .choose{
    display:block;
    width:375px;
}

.classlists_rigth .package_choose .choose a{
    display:inline-block;
    height: 26px;
    line-height:26px;
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
    border:2px solid @border_color;
    background:#fff;
    padding:0 5px;
    *display:inline;
    *zoom:1;
}
.classlists_rigth .package_choose .choose a i.iconfont{
    display:none;
    line-height:35px;
    font-size:35px;
    position: absolute;
    right: -10px;
    bottom: 0px;
}
.classlists_rigth .package_choose .choose a.active i.iconfont{
    display:inline-block;
}
.classlists_rigth .package_choose .choose a.active
{
    border-color:@main_color;
    color:@main_color;
}
.classlists_rigth .package_choose .choose a:hover
{
    border-color:@main_color;
    color:@main_color;
}
.classlists_rigth .common_item .info_title{
    width:70px;
    line-height:20px;
    display:inline-block;
}
.classlists_rigth .common_item .info_content{
    width:300px;
    line-height:24px;
    display:inline-block;
}

/*购买数量*/
.classlists_rigth .num_choose .info_title{
    width:70px;
    line-height:24px;
    display:inline-block;
}
.classlists_rigth .num_choose{
    padding-top:15px;
}
.classlists_rigth .num_choose .change_box{
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    height: 32px;
    line-height: 32px;#ff0000;
    -webkit-appearance: none;
    outline: 0;
    width: 40px;
    border: none;
    border-top: 1px solid @border_color;
    border-bottom: 1px solid @border_color;
    padding: 0;
    margin: 0;
    margin-left: -3px;
}
.classlists_rigth .num_choose .less{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-appearance: none;
    outline: 0;
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: 700;
    width:32px;
    height:32px;
    line-height:32px;
    margin: 0;
    color: #666;
    background: #f0f0f0;
    cursor: pointer;
}

.classlists_rigth .num_choose .increase{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    -webkit-appearance: none;
    outline: 0;
    border: 1px solid #ddd;
    font-size: 18px;
    font-weight: 700;
    width:32px;
    height:32px;
    line-height:32px;
    margin: 0;
    color: #666;
    background: #f0f0f0;
    cursor: pointer;
    margin-left:-3px;
}

.classlists_rigth .num_choose .less:hover,.classlists_rigth .num_choose .increase:hover{
    background: #f6f6f6;
}

.classlists_rigth .num_choose .num_choose_disabled,.classlists_rigth .num_choose .num_choose_disabled:hover,.classlists_rigth .num_choose .num_choose_disabled:active{
    background: #999;
}
.classlists_rigth .num_choose .total{
    padding:0px 10px;
    display:block;
    height: 34px;
    line-height: 34px;
}
.classlists_rigth .num_choose .tips{
    color:@main_color;
    height: 34px;
    line-height: 34px;
}
/*立即购买等buttom*/
.classlists_rigth .roduct_button{
    padding:30px 0px 10px 0px;
}
.roduct_button .ui-button{
    margin-right:10px;
}


.classlists .teacher-list {
    width: 200px;
    float: left;
    text-align: left
}

.classlists .teacher-list .bar-box {
    position: relative;
    width: 100%
}

.classlists .teacher-list .bar-box .leftbar {
    position: absolute;
    top: 22px;
    left: 10px;
    cursor: pointer;
    haslayout: true;
    width: 14px;
    height: 14px
}

.classlists .teacher-list .bar-box .rightbar {
    position: absolute;
    top: 22px;
    right: 10px;
    cursor: pointer;
    haslayout: true;
    width: 14px;
    height: 14px
}

.classlists .teacher-list .main-teacher {
    margin-left: 35px;
    margin-bottom: 11px;
    display: block;
    font-size: 14px;
    color: #3d3d3d
}

.classlists .teacher-list .slide-box {
    width: 130px;
    height: 80px;
    overflow: hidden;
    margin: 0 auto
}

.classlists .teacher-list .single {
    overflow: visible;
    width: 200px;
    margin-left: 35px
}

.classlists .teacher-list .single ul {
    width: 100%
}

.classlists .teacher-list ul {
    height: 100%
}

.classlists .teacher-list li {
    float: left;
    width: 60px;
    height: 80px;
    text-align: center;
    margin-right: 10px
}

.classlists .teacher-list li.last {
    margin-right: 0
}

.classlists .teacher-list li.teacher-info {
    font-size: 12px;
    color: #9d9d9d;
    text-align: left;
    width: 130px
}

.classlists .teacher-list li.teacher-info a {
    font-size: 12px;
    color: #9d9d9d;
    display: block
}

.classlists .teacher-list li.teacher-info a:hover {
    color: #f90
}

.classlists .teacher-list li.teacher-info .comment {
    margin-top: 4px;
    display: block
}

.classlists .teacher-list li.teacher-info .school-age {
    margin-top: 5px
}

.classlists .teacher-list li .avatar-small {
    width: 100%;
    height: 60px;
    display: block
}

.classlists .teacher-list li .avatar-small img {
    border: none
}

.classlists .teacher-list li .name {
    font-size: 12px;
    color: #3d3d3d;
    display: inline-block;
    overflow: hidden;
    width: 60px
}

.classlists .teacher-list li .oldname {
    font-size: 12px;
    color: #3d3d3d;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 60px
}

.classlists .teacher-list li .name:hover {
    color: #f90
}

.classlists .teacher-list li img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}


.buyButtons {
    -moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
    -webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
    box-shadow:inset 0px 39px 0px -24px #e67a73;
    background-color:#e4685d;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #ffffff;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    padding:6px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #b23e35;
}
.buyButtons:hover {
    background-color:#eb675e;
}
.buyButtons:active {
    position:relative;
    top:1px;
}

.buydisButtons {
    -moz-box-shadow:inset 0px 39px 0px -24px #666666;
    -webkit-box-shadow:inset 0px 39px 0px -24px #666666;
    box-shadow:inset 0px 39px 0px -24px #666666;
    background-color:#666666;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #ffffff;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:15px;
    padding:6px 15px;
    text-decoration:none;
    text-shadow:0px 1px 0px #b23e35;
    cursor: no-drop;
}
.buydisButtons:hover {
    background-color:#666666;
}
.buydisButtons:active {
    position:relative;
    top:1px;
}

.lastPage {
    height: 34px;
    padding: 5px 18px;
    border: 1px solid #e1e2e3;
}

.prevPage {
    height: 34px;
    padding: 5px 18px;
    border: 1px solid #e1e2e3;
    margin-left: 10px;
}

    .lastPage:hover, .prevPage:hover {
        background: #f2f8ff;
        border: 1px solid #38f;
        cursor:pointer;
    }


.liactiveClick {
    border: 1px solid rgb(242, 242, 242);
    height: 25px;
    border-radius: 8px;
    background-color: rgb(12, 164, 163);
    float: left;
    text-align: center;
    color: white;
    cursor: pointer;
}