.top{
    margin-top: .1rem;
}
.bottom{
    margin-bottom: .1rem;
}
.ui-hide{
    display: none;
}


/*驾校-组件*/
.school-group{
    padding: .15rem .12rem;
    border-bottom: 1px solid #F0F0F0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background: url(../images/arrow_r.png) no-repeat  96% center;
    background-size: .05rem;
    position: relative;
    overflow: hidden;
}
.school-group .s-hot{
    display: block;
    width: .6rem;
    text-align: center;
    font-size: .1rem;
    padding: .02rem 0;
    color: #fff;
    background: #ff6b43;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(-45deg) translateX(-.16rem); /* w/2-top */
    transform: rotate(-45deg) translateX(-.16rem);
    position: absolute;
    left: 0;
    top: .14rem; /* w/2内 */
    z-index: 2;
}
.school-group .s-hot.green{
    background: #50c047;
}
.school-group .s-pic{
    width: .9rem;
    height: .66rem;
    margin-right: .13rem;
    border-radius: .01rem;
    overflow: hidden;
    position: relative;
}
.school-group .s-pic img{
    display: block;
    width: 100%;
}
.school-group .s-info{
    -webkit-box-flex:1;
    -webkit-flex: 1;
    flex: 1;
}
.school-group .s-title{
    width: 100%;
    padding-top: .04rem;
    box-sizing: content-box;
    line-height: .16rem;
    height: .16rem;
    overflow: hidden;
}
.school-group .s-title h2{
    float: left;
    font-size: .16rem;
    color: #3f3f3f;
    max-width: 63%;
    /*width: 100%;*/
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.school-group .s-title .tag{
    float: left;
    font-size: 0;
    padding-left: .015rem;
    margin-top: .01rem;
}
.school-group .s-title .tag span{
    float: left;
    line-height: .12rem;
    text-align: center;
    font-size: .1rem;
    border-radius: 2px;
    margin: 0 .015rem;
}
.school-group .s-title .tag .kuai{
    border: 1px solid #ff4e00;
    color: #ff4e00;
}
.school-group .s-title .tag .jin{
    border: 1px solid #f39a00;
    color: #f39a00;
}
.school-group .s-title .tag .hao{
    border: 1px solid #6ab319;
    color: #6ab319;
}
.school-group .s-title .tag .zxb{
	border: 1px solid #00c07e;
	background-color:#00c07e;
	color:#fff;
}
.school-group .s-title .tag .di{
    border: 1px solid #3190e8;
    color: #3190e8;
}

.school-group .s-comment{
    margin-top: .06rem;
    line-height: .14rem;
}
.school-group .s-comment span{
    font-size: .11rem;
    color: rgba(63, 63, 63, .5);
}
.school-group .s-site{
    margin-top: .07rem;
    line-height: .14rem;
    font-size: .11rem;
    color: rgba(63, 63, 63, .8);
}

/*班级-组件*/
.class-group{
    border-bottom: 1px solid #F0F0F0;
    display: block;
    padding: .12rem;
    position: relative;
}
.class-group.c-hot .c-price b, .class-group.c-hot .c-price i{
    color: #ff6b43;
}
.class-group.c-hot .c-apply{
    border: 1px solid #ff6b43;
    background: #ff6b43;
}
.class-group.c-hot .c-apply .part{
    color: #ff6b43;
}
.class-group .c-title{
    line-height: .2rem;
    overflow: hidden;
}
.class-group .c-title h5{
    float: left;
    font-size: .15rem;
    color: #404040;
}
.class-group .c-title span{
    float: left;
    margin-left: .04rem;
    font-size: .12rem;
    color: rgba(63, 63, 63, .5);
}
.class-group .c-title i{
    float: left;
    margin-left: .04rem;
    margin-top: .03rem;
    border-radius: 2px;
    padding: 0 .03rem;
    border: 1px solid #00c07e;
    line-height: .12rem;
    font-size: .1rem;
    color: #00c07e;
}
.class-group .c-desc{
	width:2.3rem;
    margin-top: .04rem;
    line-height: .15rem;
    font-size: .12rem;
    color: rgba(63, 63, 63, .8);
}

.class-group .c-price{
    margin-top: .06rem;
    line-height: .2rem;
}
.class-group .c-price i{
    font-size: .12rem;
    color: #38a8ef;
}
.class-group .c-price b{
    font-size: .18rem;
    color: #38a8ef;
}
.class-group .c-price span{
    font-size: .11rem;
    color: rgba(63, 63, 63, .5);
    margin-left: .05rem;
}
.class-group .c-price .original{
    font-size: .11rem;
    color: rgba(63, 63, 63, .5);
    text-decoration: line-through;
}
.class-group .c-apply{
    display: block;
    width: .6rem;
    position: absolute;
    right: .12rem;
    top: 50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    border: 1px solid #38a8ef;
    border-radius: .02rem;
    text-align: center;
    background: #38a8ef;
    overflow: hidden;
}
.class-group .c-apply .part{
    font-size: .1rem;
    line-height: .14rem;
    background: #fff;
    color: #38a8ef;
}
.class-group .c-apply .btn{
    font-size: .14rem;
    line-height: .27rem;
    color: #fff;
}

.class-group .c-apply .btn a{
	font-size: .14rem;
    line-height: .27rem;
    color: #fff;
	position:relative;
}

/*星星-组件*/
.star-list-group{
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}
.star-list-group .xx{width:.72rem;height:.14rem;margin-right:.02rem;background: url(../images/star_empty.png) repeat-x left;background-size:auto 100%;}
.star-list-group .xx div{width:100%;height:.14rem;background: url(../images/star_full.png) repeat-x left;background-size:auto 100%;}

.star-list-group li{
    float: left;
    width: .14rem;
    height: .14rem;
    margin-right: .01rem;
    background: url(../images/star_empty.png) no-repeat center;
    background-size: 100%;
}
.star-list-group .active{
    background: url(../images/star_full.png) no-repeat center;
    background-size: 100%;
}

/*驾校信息头部*/
.school-header-group{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .15rem .12rem;
    border-bottom: 1px solid #e5e5e5;
    background: #fff url(../images/arrow_r.png) no-repeat 96% center;
    background-size: .06rem;
}
.school-header-group .l-pic{
    width: .9rem;
    height: .6rem;
    margin-right: .15rem;
}
.school-header-group .l-pic img{
    display: block;
    width: 100%;
}
.school-header-group .r-info{
    -webkit-box-flex:1;
    -webkit-flex: 1;
    flex: 1;
}
.school-header-group .r-info h5{
    font-size: .16rem;
    color: rgba(63, 63, 63, 1);
    padding-top: .05rem;
}
.school-header-group .r-info .comment-star{
    margin-top: .07rem;
}
.school-header-group .r-info .comment-star span{
    font-size: .11rem;
    color: rgba(63, 63, 63, .5);
}
.school-header-group .r-info .desc{
    display: block;
    margin-top: .1rem;
    font-size: .11rem;
    color: rgba(63, 63, 63, .8);
}

/*班型信息头部*/
.class-info-group{
    padding: .14rem .12rem 0 .12rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.class-info-group .title{
    line-height: .2rem;
}
.class-info-group .title .name{
    font-size: .15rem;
    color: #404040;
    font-weight: bold;
}
.class-info-group .title .relevant{
    font-size: .12rem;
    color: rgba(63, 63, 63, .5);
    margin-left: .05rem;
}
.class-info-group .title em{
    margin: 0;
    padding: 0;
}
.class-info-group .title .unit{
    display: inline-block;
    vertical-align: top;
    font-size: .11rem;
    color: #38a8ef;
    line-height: 1;
    margin-top: .06rem;
}
.class-info-group .title .money{
    display: inline-block;
    vertical-align: top;
    font-size: .2rem;
    color: #38a8ef;
    line-height: 1;
    font-weight: bold;
}
.class-info-group .tag{
    display: inline-block;
    vertical-align: top;
    font-size: .1rem;
    padding: .02rem .05rem;
    background: #00c07e;
    color: #fff;
    margin-top: .08rem;
    margin-bottom: .12rem;
    border-radius: .01rem;
}
.class-info-group .tag_quan{
    display: inline-block;
    vertical-align: top;
    font-size: .1rem;
    padding: .02rem .05rem;
    margin-top: .08rem;
	margin-left:.08rem;
    margin-bottom: .12rem;
    border-radius: .01rem;
	border: 1px solid #f39a00;
    color: #f39a00;
}
.class-info-group .class-pay-tag{
    display: inline-block;
    vertical-align: top;
    font-size: .1rem;
    padding: .02rem .05rem;
    color: #fff;
    margin-top: .08rem;
	margin-left:.08rem;
    margin-bottom: .12rem;
    border-radius: .01rem;
    background: #faa347;
}
.class-info-group .info{
    line-height: .15rem;
    font-size: .13rem;
    margin-top: .08rem;
    margin-bottom: .12rem;
}
.class-info-group .tips{
    color: #747474;
    line-height: 1.2;
    font-size: .11rem;
    border-top: 1px solid #e4e4e4;
    padding: .08rem 0;
}
.class-info-group .origin-price{
    font-size: .12rem;
    color: rgba(63, 63, 63, .5);
    margin-top: .08rem;
    margin-bottom: .12rem;
    text-decoration: line-through;
}

/*训练场列表*/
.field-list-group{
    background: #fff;
    padding: .15rem .12rem;
}
.field-list-group h5{
    line-height: .14rem;
    font-size: .13rem;
    color: rgba(63, 63, 63, .8);
}
.field-list-group h5 .link{
    display: block;
    font-size: .12rem;
    color: #a7a7a7;
    background: url(../images/arrow_r.png) no-repeat right center;
    background-size: .05rem .09rem;
    padding-right: .1rem;
}
.field-list-group .list{
    padding-top: .08rem;
    margin: 0 -.05rem;
}
.field-list-group .pic{
    display: block;
    width: 25%;
    box-sizing: border-box;
    padding: .05rem;
}
.field-list-group .pic img{
    display: block;
    width: 100%;
    height: .45rem;
    border-radius: .01rem;
    overflow: hidden;
}

/*评价*/
.comment-group{
    padding: .4rem .12rem;
    background: #fff;
    margin-top: .1rem;
}
.comment-group .line{
    width: 2.4rem;
    height: .07rem;
    margin: .07rem auto 0;
    border-top: 1px solid #e6e6e6;
    position: relative;
}
.comment-group .line .name{
    width: .8rem;
    text-align: center;
    background: #fff;
    font-size: .14rem;
    color: #a7a7a7;
    margin-left: -.4rem;
    position: absolute;
    left: 50%;
    top: -.07rem;
    z-index: 2;
}
.comment-group .slogan{
    text-align: center;
    font-size: .12rem;
    color: #fca128;
    margin-top: .1rem;
}
.comment-group .start-list{
    width: 2.3rem;
    height: .32rem;
    margin: .25rem auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack:justify;
    justify-content: space-between;
}
.comment-group .start-list li{
    width: .32rem;
    background: url(../images/comment-empty.png) no-repeat center;
    background-size: 100%;
}
.comment-group .start-list .active{
    background: url(../images/comment-full.png) no-repeat center;
    background-size: 100%;
}
.comment-group .msg{
    display: block;
    width: 100%;
    padding: .1rem;
    box-sizing: border-box;
    font-size: .14rem;
    color: #414141;
    margin-top: .42rem;
    border: 1px solid #e6e6e6;
    resize: none;
}
.comment-group .checkbox{
    margin-top: .15rem;
    text-align: center;
}
.comment-group .checkbox label{
    display: inline-block;
    vertical-align: top;
    padding-left: .2rem;
}
.comment-group .checkbox input:checked + label{
}
.comment-group .btn{
    margin: .3rem auto 0;
    width: 2.5rem;
    line-height: .4rem;
    text-align: center;
    font-size: .16rem;
    color: #fff;
    background: #38a8ef;
    border-radius: .05rem;
}

/*订单列表*/
.order-group{
    margin-top: .1rem;
    background: #fff;
    border-bottom: 1px solid #d9d9d9;
}
.order-group .title{
    padding: 0 .15rem;
    line-height: .3rem;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
    font-size: .12rem;
}
.order-group .title .time{
    float: left;
    color: #404040;
}
.order-group .title .status{
    float: right;
    color: rgba(63, 63, 63, .5);
}
.order-group .title .status.blue{
    color: #38a8ef;
}
.order-group .desc{
    font-size: .15rem;
    padding: .2rem .15rem;
    color: #404040;
    position: relative;
}
.order-group .class-info{
    overflow: hidden;
    line-height: .15rem;
}
.order-group .class-info h5{
    float: left;
}
.order-group .class-info span{
    float: left;
    font-size: .12rem;
    margin-top: .03rem;
    margin-left: .08rem;
    color: rgba(63, 63, 63, .5);
}
.order-group .class-cost{
    line-height: .15rem;
    margin-top: .1rem;
}
.order-group .class-cost span{
    margin-right: .12rem;
}
.order-group .btn{
    width: .7rem;
    height: .28rem;
    line-height: .28rem;
    text-align: center;
    border-radius: .05rem;
    font-size: .13rem;
    box-sizing: border-box;
    position: absolute;
    right: .15rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.order-group .btn-link{
    background: url(../images/arrow_r.png) no-repeat right center;
    background-size: .07rem;
}
.order-group .btn-comment{
    border: 1px solid #38a8ef;
    color: #38a8ef;
}
.order-group .btn-pay{
    background: #38a8ef;
    color: #fff;
}

/*优惠券列表*/
.coupon-list-group{
    padding: .05rem .1rem;
}
.coupon-list-group .coupon{
    margin-top: .12rem;
    border: 1px solid #d8d8d8;
    border-top: none;
    border-radius: .04rem;
    background: #fff url(../images/coupon-bg.png) left top repeat-x;
    background-size: .06rem auto;
}
.coupon-list-group .invalid{
    background: #fff url(../images/coupon-bg-invalid.png) left top repeat-x;
    background-size: .06rem auto;
}
.coupon-list-group .info{
    overflow: hidden;
    border-bottom: 1px solid #d8d8d8;
}
.coupon-list-group .info .left{
    float: left;
    width: 40%;
    height: .7rem;
    padding-top: .18rem;
    padding-left: .18rem;
    box-sizing: border-box;
    color: #fb714a;
    border-right: 1px dashed #d8d8d8;
}
.coupon-list-group .invalid .info .left{
    color: rgba(63, 63, 63, .6);
}
.coupon-list-group .info .left i{
    display: inline-block;
    vertical-align: top;
    font-size: .18rem;
    margin-top: .02rem;
}
.coupon-list-group .info .left .price{
    display: inline-block;
    vertical-align: top;
    font-size: .36rem;
    line-height: 1;
    font-weight: bold;
}
.coupon-list-group .info .right{
    float: left;
    width: 60%;
    height: .7rem;
    padding-top: .18rem;
    padding-left: .18rem;
    box-sizing: border-box;
}
.coupon-list-group .info .right h5{
    font-size: .14rem;
}
.coupon-list-group .invalid .info .right h5{
    color: rgba(63, 63, 63, .6);
}
.coupon-list-group .info .right span{
    display: block;
    margin-top: .06rem;
    font-size: .12rem;
    color: rgba(63, 63, 63, .6);
}
.coupon-list-group .use{
    overflow: hidden;
    line-height: .35rem;
    font-size: .12rem;
    padding: 0 .08rem;
}
.coupon-list-group .use .time{
    float: left;
    color: rgba(63, 63, 63, .6);
}
.coupon-list-group .use .limit{
    float: right;
    color: rgba(63, 63, 63, .6);
}