.flex{
    display: flex;
}
.flex-c-c{
    justify-content: center;
    align-items: center;
}
.flex-j-c{
    justify-content: center;
}
.flex-a-c{
    align-items: center;
}
.flex-j-s-b{
    justify-content: space-between;
}

.fwb{
    font-weight: bold;
}

.button-btn{
    background: #f67a47;
    color: #FFF;
    border-radius: 0.6rem;
    padding: 0.1rem 0;
    width: 100%;
    display: inline-block;
    text-align: center;
}

/*layui*/
.layui-form-checked, .layui-form-checked:hover{
    border-color: #f67a47;
}
.layui-form-checked span, .layui-form-checked:hover span{
    background-color: #f67a47;
}
#querenxuzhi+.layui-form-checked:hover span{
    background-color: rgba(255, 255, 255, 0);
}
.layui-form-checked i, .layui-form-checked:hover i{
    color: #f67a47;
}
.layui-form-checked[lay-skin=primary] i{
    border-color: #f67a47!important;
    background-color: #f67a47;
}

/*登录注册*/
.register{
    position: relative;
    overflow: hidden;
    width: 100vw;
    padding: 0.3rem;
    max-width: 750px;
}
.register-top{
    background: #FFF;
    line-height: 0.8rem;
    padding: 0 0.25rem;
}
.register-top .button{
    color: #f67a47;
}
.register .register-title{
    font-size: 0.34rem;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 0.4rem;
}
.register .login_text_on{
    color: #f67a47;
}
.register .form-box{}
.register .form-item{
    margin-top: 0.25rem;
}
.register .form-item label{
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.25rem;
    line-height: 1;
}
.register .form-item .input{
    position: relative;
}
.register .form-item .input-text{
    line-height: 0.6rem;
    padding: 0.08rem 0.15rem 0.08rem 0.55rem;
    width: 100%;
    border-radius: 0.08rem;
    border: 1px solid #d2d2d2;
    background: #f7f7f7;
}
.register .form-item .input-text:focus{
    border: 1px solid #f67a47;
}
.register .form-item .input>i{
    position: absolute;
    left: 0.15rem;
    top: 50%;
    transform: translate(0, -50%);
}
.register .form-item .input .pass_show{
    position: absolute;
    right: 0.15rem;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}
.register .form-item .input .obtain{
    position: absolute;
    right: 0.15rem;
    top: 50%;
    transform: translate(0, -50%);
    background: #ddd;
    border-radius: 0.08rem;
    font-size: 0.22rem;
    line-height: 1;
    padding: 0.1rem 0.15rem;
    cursor: pointer;
}
.register .form-item .checkbox .layui-form-checkbox{
    height: 0.5rem;
    line-height: 0.5rem;
    margin-right: 0.2rem;
    padding-right: 0.5rem;
    padding-left: 0.35rem;
}
.register .form-item .layui-form-checkbox[lay-skin=primary]{
    min-width: auto;
    min-height: 0.5rem;
}
.register .form-item .layui-form-checked:hover span{
    background: none;
}
.register .form-item .checkbox span{
    padding: 0 0.15rem;
    font-size: 0.2rem;
    border-radius: 0.02rem 0 0 0.02rem;
    height: 0.38rem;
    line-height: 0.38rem;
}
.register .form-item .checkbox i{
    width: 0.38rem;
    height: 0.38rem;
    border: 1px solid #d2d2d2;
    border-radius: 0 0.02rem 0.02rem 0;
    font-size: 0.24rem;
}
.register .button{
    background: #f67a47;
    width: 100%;
    line-height: 0.8rem;
    color: #FFF;
    border-radius: 0.08rem;
    margin-top: 0.4rem;
    cursor: pointer;
}
.register .form-text{
    padding-top: 0.25rem;
}
.register .form-text a{
    font-size: 0.22rem;
    line-height: 1;
    color: #f67a47;
}
.register .login-wx{
    background: #2aae67;
    display: block;
}
.register .login-wx i{
    margin-right: 0.1rem;
}

.register .login-box{
    padding: 0.3rem;
    background: #FFF;
    width: 100vw;
    flex-shrink: 0;
    max-width: 750px;
}



/*首页推荐*/
.recommend{
    padding: 0 0.25rem;
}
.recommend .title{
    padding: 0.3rem 0.3rem;
}
.recommend .title .left{
    font-size: 0.32rem;
    line-height: 0.32rem;
    font-weight: bold;
}
.recommend .title .left i{
    font-size: 0.32rem;
    line-height: 0.32rem;
    color: #f67a47;
}
.recommend .title .right{
    font-size: 0.26rem;
}
.recommend .title .right i{
    font-size: 0.26rem;
}
.recommend-box{
    flex-flow: row wrap;
    margin: -0.1rem;
}
.recommend-box li{
    position: relative;
    width: calc(50% - 0.2rem);
    margin: 0.1rem;
    background: #FFF;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
}
.recommend-box li img{
    border-radius: 0.05rem 0.05rem 0 0;
}
.recommend-box li .card-text{
    padding: 0.2rem;
}
.recommend-box li .card-text .tit{
    line-height: 0.3rem;
    margin-bottom: 0.2rem;
}
.recommend-box li .card-text .text{
    color: #f67a47;
}
.recommend-box li .card-text .price i{
    font-style: normal;
    font-size: 0.22rem;
}
.recommend-box li a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}
/*最新活动*/
.doing-new{}
.doing-new li{
    position: relative;
    background: #FFF;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    width: 100%;
    display: flex;
}
.doing-new li:nth-child(n+2){
    margin-top: 0.3rem;
}
.doing-new li .pic{
    width: 3.0rem;
    max-height: 2rem;
    overflow: hidden;
}
.doing-new li .pic img{
    border-radius: 0.05rem 0 0 0.05rem;
}
.doing-new li .card-text{
    padding: 0.2rem;
    flex-flow: column;
    /*justify-content: center;*/
    flex: 1;
}
.doing-new li .card-text .tit{
    font-weight: bold;
    line-height: 0.3rem;
}
.doing-new li .card-text .time{
    padding-top: 0.1rem;
    font-size: 0.26rem;
}
.doing-new li .card-text .status{
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    height: 0.50rem;
    line-height: 0.50rem;
    padding: 0 0.2rem 0 0.28rem;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0.2rem;
    background: #f67a47;
    z-index: 2;
    font-size: 0.24rem;
}
.doing-new li .card-text .status-out{
    background: #999;
}
.doing-new li .card-text .status:before{
    content: "";
    display: block;
    position: absolute;
    border-right: none;
    border: 0.25rem solid #0000;
    border-left: 0.15rem solid #fff;
    left: 0;
}
.doing-new li a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}


/*活动列表*/
.doing-list{
    padding: 0.25rem;
}
.doing-list li{
    position: relative;
    background: #FFF;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    width: 100%;
    display: flex;
}
.doing-list li:nth-child(n+2){
    margin-top: 0.25rem;
}
.doing-list li .pic{
    width: 3.0rem;
    max-height: 2rem;
    overflow: hidden;
}
.doing-list li .pic img{
    border-radius: 0.05rem 0 0 0.05rem;
}
.doing-list li .card-text{
    padding: 0.2rem;
    flex-flow: column;
    /*justify-content: center;*/
    flex: 1;
}
.doing-list li .card-text .tit{
    font-weight: bold;
    line-height: 0.3rem;
}
.doing-list li .card-text .time{
    padding-top: 0.1rem;
    font-size: 0.26rem;
}
.doing-list li .card-text .status{
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    height: 0.50rem;
    line-height: 0.50rem;
    padding: 0 0.2rem 0 0.28rem;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0.2rem;
    background: #f67a47;
    z-index: 2;
    font-size: 0.22rem;
}
.doing-list li .card-text .status-out{
    background: #999;
}
.doing-list li .card-text .status:before{
    content: "";
    display: block;
    position: absolute;
    border-right: none;
    border: 0.25rem solid #0000;
    border-left: 0.15rem solid #fff;
    left: 0;
}
.doing-list li a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

/*活动详情*/
.doing-box{
    padding: 0.25rem;
    position: relative;
    border-bottom: 0.1rem solid #ddd;
}
.doing-box .doing-show-img{
    box-shadow: 0 0 0.3rem rgba(0, 0, 0, .5);
    border-radius: 0.2rem;
    max-height: 4.66rem;
    overflow: hidden;
}
.doing-box .doing-show-img img{
    border-radius: 0.2rem;
}
.doing-box .title{
    margin-top: 0.1rem;
    padding: 0.25rem 0;
    line-height: 1.2;
    font-size: 0.3rem;
    font-weight: bold;
}
.doing-box .doing-box-price{
    font-weight: bold;
    font-size: 0.34rem;
    line-height: 1;
    color: #f67a47;
}
.doing-box .doing-box-price i{
    font-size: 0.2rem;
}
.doing-box .doing-box-text{
    margin: 0.25rem 0;
}
.doing-box .doing-box-text li{}
.doing-box .doing-box-text li:nth-child(n+2){
    margin-top: 0.25rem;
    border-top: 1px solid #ddd;
    padding-top: 0.25rem;
}
.doing-box .doing-box-text li .t{
    font-size: 0.25rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}
.doing-box .doing-box-text li i{
    line-height: 1;
}
.doing-box .doing-box-text li .p span{
    padding-left: 0.1rem;
    line-height: 1;
}
.doing-box .doing-box-text li .addr span{
    padding-right: 0.4rem;
    line-height: 1.2;
    flex: 1;
}
.doing-box .doing-box-text li.number span{
    color: #f67a47;
    font-weight: bold;
}
.doing-box-info{
    margin: 0 -0.25rem;
    border-top: 0.1rem solid #ddd;
    padding: 0.25rem;
}
.doing-box-info .t{
    font-size: 0.3rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 0.3rem;
}
.doing-box-info .t i{
    color: #f00;
}
.doing-box-info .info{
    padding: 0;
}
.doing-rec-box{

}
.doing-rec-box ul li{
    display: flex;
    justify-content: space-between;
    line-height: 0.9rem;
}
.doing-rec-box ul li:nth-child(n+2){
    border-top: 1px solid #ddd;
}
.doing-rec-box ul li span{
    width: 100%;
}

/*报名弹窗*/
.doing-buy{
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0.15rem 0.25rem;
    width: 100%;
    background: #FFF;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .3);
    z-index: 6;
    height: 0.99rem;
}
.doing-buy .left a{
    margin-right: 0.3rem;
    display: flex;
    align-items: center;
}
.doing-buy .left a i{
    font-size: 0.34rem;
    line-height: 1;
}
.doing-buy .left a span{
    line-height: 1;
    padding-left: 0.1rem;
}
.doing-buy .right a{
    background: #f67a47;
    color: #FFF;
    border-radius: 0.6rem;
    display: block;
    padding: 0.25rem 0.8rem;
    line-height: 1;
}
.doing-buy .right a.no{
    background: #666;
}
.doing-buy-box{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 9;
    /*background: #FFF;*/
    display: none;
}
.doing-combo{
    padding: 0.25rem 0.25rem 0.25rem 0.25rem;
    overflow-y: auto;
    position: absolute;
    /*top: 0.79rem;*/
    left: 0;
    right: 0;
    bottom: 0.89rem;
    background: #FFF;
    height: 75%;
    border-radius: 0.1rem 0.1rem 0 0;
}
.doing-combo .close{
    position: fixed;
    top: 1.2rem;
    left: 50%;
    z-index: 6;
    transform: translate(0, -50%);
}
.doing-combo .close i{
    font-size: 0.4rem;
    color: #FFF;
}
.doing-combo li{
    background: #FFF;
    padding: 0.25rem;
    border-radius: 0.08rem;
    border: 1px solid #ddd;
    position: relative;
    line-height: 1;
}
.doing-combo li:before{
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0.3rem solid #f67a47;
    border-top-color: transparent;
    border-left-color: transparent;
}
.doing-combo li:after{
    width: 0.1rem;
    height: 0.2rem;
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    border: 0.02rem solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg);
}
.doing-combo li.active{
    border: 1px solid #f67a47;
}
.doing-combo li.active:before{
    content: "";
}
.doing-combo li.active:after{
    content: "";
}
.doing-combo li:nth-child(n+2){
    margin-top: 0.25rem;
}
.doing-combo li .t{
    font-size: 0.32rem;
    line-height: 1;
    font-weight: bold;
}
.doing-combo li .price{
    font-size: 0.32rem;
    line-height: 1;
    color: #f67a47;
    padding: 0.2rem 0;
}
.doing-combo li .price i{
    font-size: 0.2rem;
}
.doing-buy-next{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.doing-buy-next a{
    background: #f67a47;
    color: #FFF;
    display: block;
    line-height: 0.9rem;
}
/*分享弹窗*/
.doing-share{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 5;
    display: none;
}
.doing-share-box{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0.99rem;
    background: #FFF;
    padding: 0.4rem 0.5rem;
}
.doing-share-box ul{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}
.doing-share-box ul li a{}
.doing-share-box ul li span{
    display: block;
    font-size: 0.25rem;
    line-height: 1;
    padding-top: 0.1rem;
}



/*服务列表*/
.serve-tab{
    position: fixed;
    width: 100%;
    z-index: 5;
    background: #FFF;
    top: 0;
    left: 0;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2);
}
.serve-tab-box{}
.serve-tab-box a{
    display: block;
    width: 100%;
    padding: 0.15rem 0;
}
.serve-tab-box a.active{
    color: #f67a47;
}
.serve-tab-box a:nth-child(n+2){
    border-left: 1px solid #ddd;
}

.product-list{
    padding: 1.1rem 0.25rem 0.3rem 0.25rem;
}
/*课程、租车详情*/
.show-top{
    position: fixed;
    top: 0;
    left: 0;
    line-height: 0.8rem;
    background: #FFF;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
    width: 100%;
    z-index: 9;
    padding: 0 0.2rem;
}

/*租车*/
.car-rental{
    margin-top: 0.8rem;
}
.car-rental .car-rental-img{
    width: 7.5rem;
    height: 5.01rem;
}
.swiper-pagination-bullet-active{
    background: #f67a47;
}
.car-rental .car-rental-img .swiper-slide img{
    object-fit: contain;
    height: 5.01rem;
}
.jieshao{
    padding: 0.1rem 0.3rem 0;
}
.car-rental-head, .car-rental-parameter, .car-rental-info{
    background: #FFF;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    margin: 0.25rem;
    border-radius: 0.05rem;
    padding: 0.3rem;
}
.car-rental-head .price{
    font-size: 0.32rem;
    color: #f00;
}
.car-rental-head .price i{
    font-style: normal;
    font-size: 0.22rem;
}
.car-rental-head .title{
    font-size: 0.32rem;
    font-weight: bold;
    padding-top: 0.15rem;
}
.car-rental-parameter{}
.car-rental-parameter .left{}
.car-rental-parameter .left span{
    color: #999;
}
.car-rental-parameter .left .text{
    padding-left: 0.3rem;
}
.car-rental-parameter .right i{
    color: #999;
}
.car-rental-info{}
.car-rental-info .t{
    font-weight: bold;
    margin-bottom: 0.25rem;
}
.car-rental-info .info{
    line-height: 1.2;
}

.car-rental .shopping-btn{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    padding: 0.25rem;
}
.car-rental .shopping-btn a{
    width: 100%;
    display: inline-block;
    background: #f67a47;
    color: #FFF;
    line-height: 0.8rem;
}
.car-rental .shopping-btn a.addcar{
    border-radius: 0.5rem 0 0 0.5rem;
}
.car-rental .shopping-btn a.buynow{
    border-radius: 0 0.5rem 0.5rem 0;
    background: #1a2f5e;
}
.car-rental .shopping-btn a.lck-btn{
    border-radius: 0.5rem;
}
/*弹窗*/
.car-rental-pop{
    position: fixed;
    background: rgba(0, 0, 0, .9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
    transform: translateY(100%);
}
.car-rental-pop .car-rental-pop-box{
    background: #FFF;
    padding: 0.25rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    transform: translateY(100%);
    transition: all 0.35s ease;
    border-radius: 0.1rem 0.1rem 0 0;
}
.pop{
    transform: translate(0, 0) !important;
}
.car-rental-pop .close{
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    cursor: pointer;
}
.car-rental-pop .card-head{}
.car-rental-pop .card-head .left{
    width: 2.5rem;
    max-height: 1.67rem;
    overflow: hidden;
}
.car-rental-pop .card-head .left img{
    border: 1px solid #ddd;
}
.car-rental-pop .card-head .right{
    flex: 1;
    padding-left: 0.3rem;
}
.car-rental-pop .card-head .right .price{
    font-size: 0.32rem;
    color: #f00;
}
.car-rental-pop .card-head .right .price i{
    font-style: normal;
    font-size: 0.22rem;
}
.car-rental-pop .card-body{
    padding: 0.25rem 0;
    margin-bottom: 0.3rem;
}
.car-rental-pop .card-body li:nth-child(n+2){
    margin-top: 0.3rem;
    padding-top: 0.3rem;
    border-top: 1px solid #ececec;
}
.car-rental-pop .card-body li .t{
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 1;
    /*margin-bottom: 0.1rem;*/
}
.car-rental-pop .card-body li .item a{
    background: #efefef;
    padding: 0.05rem 0.15rem;
    border-radius: 0.05rem;
    display: inline-block;
    margin-right: 0.1rem;
    /*margin-bottom: 0.2rem;*/
    margin-top: 0.15rem;
}
.car-rental-pop .card-body li .item a.active{
    background: #f67a47;
    color: #FFF;
}
.car-rental-pop .card-body li.quantity .t{
    margin-bottom: 0.15rem;
}
.car-rental-pop .card-body li.quantity button{
    border: 1px solid #dedede;
    width: 0.5rem;
    line-height: 0.5rem;
    display: block;
    text-align: center;
    cursor: pointer;
    background: #f7f7f7;
    flex-shrink: 0;
}
.car-rental-pop .card-body li.quantity input{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    max-width: 0.8rem;
    text-align: center;
}
.car-rental-pop .card-body li .text{
    line-height: 1;
}
.car-rental-pop .card-body li .text span{
    color: #f67a47;
}
.car-rental-pop .card-button{
    margin-top: 0.2rem;
}
.car-rental-pop .card-button a{
    width: 100%;
    display: inline-block;
    background: #f67a47;
    color: #FFF;
    line-height: 0.8rem;
}
.car-rental-pop .card-button a.addcar{
    border-radius: 0.5rem 0 0 0.5rem;
}
.car-rental-pop .card-button a.buynow{
    border-radius: 0 0.5rem 0.5rem 0;
    background: #1a2f5e;
}
.car-rental-pop .card-button a.lck-btn{
    border-radius: 0.5rem;
}
/*分享*/
.show-share{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .95);
    z-index: 8;
    display: none;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0;
}
.show-share-pop{
    display: flex;
}
.show-share .close{
    /*position: absolute;
    left: 50%;
    top: 2rem;
    transform: translate(0, -50%);*/
    color: #FFF;
}
.show-share .close i{
    font-size: 0.34rem;
}
.show-share .show-share-box{
    /*position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
    background: #FFF;
    padding: 0;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
    border-radius: 0.05rem;
    width: 5rem;
}
.show-share .show-share-img{
    /*position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/
    background: #FFF;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
    border-radius: 0.05rem;
    width: 5rem;
    z-index: 3;
}
.show-share .show-share-box img{
    border: 1px solid #ddd;
}
.show-share .show-share-box .price{
    color: #f00;
    padding: 0.1rem 0;
}
.show-share .show-share-box .price i{
    font-style: normal;
    font-size: 0.22rem;
}
.show-share .show-share-box .price span{
    font-size: 0.3rem;
    font-weight: bold;
}
.show-share .show-share-box .t{
    font-weight: bold;
    line-height: 0.32rem;
}
.show-share .show-share-box .qrcode{
    padding-top: 0.3rem;
}
.show-share .show-share-box .qrcode #qrcode{
    width: 1.5rem;
}
.show-share .show-share-box .qrcode .text{
    flex: 1;
    padding-left: 0.2rem;
    font-size: 0.25rem;
}
.show-share .show-share-btn{
    /*position: absolute;
    bottom: .5rem;*/
    width: 100%;
}
.show-share .show-share-btn a{
    border: 1px solid #f67a47;
    color: #FFF;
    padding: 0.1rem 0.4rem;
    border-radius: 0.5rem;
    margin: 0 0.3rem;
}
.show-share .show-share-btn a.save{
    background: #f67a47;
}

.share-user{
    position: fixed;
    z-index: 6;
    left: 0;
    bottom: 0;
    padding: 0.25rem;
    width: 100%;
    background: #FFF;
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, .1);
}
.share-user .avatar img{
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 100%;
}
.share-user .avatar .text{
    padding-left: 0.1rem;
}
.share-user .avatar .text .name{
    font-size: 0.3rem;
    line-height: 0.3rem;
    font-weight: bold;
    padding-bottom: 0.15rem;
}
.share-user .avatar .text .level span{
    font-size: 0.2rem;
    display: inline-block;
    padding: 0 0.05rem;
    background: #f67a47;
    color: #FFF;
    border-radius: 0.05rem;
}
.bar-item{}
.bar-item a{
    display: block;
    border: 0.02rem solid #f67a47;
    border-radius: 0.5rem;
    font-weight: bold;
    line-height: 1;
    padding: 0.2rem 0.3rem;
}
.bar-item a.tel{
    background: #f67a47;
    margin-left: 0.3rem;
    color: #FFF;
}

/*修改分享海报*/
.share-nav{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 10;
}
.share-box{
    position: fixed;
    z-index: 20;
    background: #FFF;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.35rem 0.25rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2);
    border-radius: 0.1rem 0.1rem 0 0;
}
.share-box .item{
    margin-bottom: 0.35rem;
}
.share-box .item a{
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.share-box .item span{
    display: flex;
    background: #0baac7;
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.7rem;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.1rem;
}
.share-box .item span.copy{
    background: #f48914;
}
.share-box .item i{
    display: block;
    font-size: 0.3rem;
    line-height: 1;
    color: #FFF;
}
.share_close{
    border: 1px solid #ddd;
    display: block;
    padding: 0.2rem 0;
    border-radius: 0.5rem;
    font-size: 0.26rem;
}

.show-share2{
    position: fixed;
    top: -999px;
    z-index: 99;
}
.show-share2 .show-share-box{
    background: #FFF;
    padding: 0.3rem;
    border-radius: 0.1rem;
    width: 6rem;
}
.show-share2 .show-share-box img{
    border: 1px solid #ddd;
}
.show-share2 .show-share-box .price{
    color: #f00;
    padding: 0.1rem 0;
}
.show-share2 .show-share-box .price i{
    font-style: normal;
    font-size: 0.22rem;
}
.show-share2 .show-share-box .price span{
    font-size: 0.3rem;
    font-weight: bold;
}
.show-share2 .show-share-box .t{
    line-height: 0.4rem;
}
.show-share2 .show-share-box .qrcode{
    padding-top: 0.3rem;
}
.show-share2 .show-share-box .qrcode #qrcode{
    width: 1.5rem;
    display: inline-block;
}
.show-share2 .show-share-box .qrcode .text{
    flex: 1;
    font-size: 0.22rem;
}
.show-share2 .show-share-box .qrcode #qrcode{
    width: 2rem;
}

.canvasimg{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    display: none;
    z-index: 12;
}
.canvasimg .picbox{
    width: 90%;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 14;
    transform: translate(-50%, -50%);
}
.canvasimg .picbox .picbox_close{
    color: #FFF;
    padding-bottom: 0.5rem;
}
.canvasimg .picbox .picbox_close i{
    font-size: 0.4rem;
    line-height: 1;
}
.canvasimg .picbox .text{
    color: #FFF;
    padding-top: 0.3rem;
}



/*购物车*/
.buy-step1{
    padding: 0.25rem;
}
.buy-step1 .top{
    font-weight: bold;
    font-size: 0.3rem;
}
.buy-step1 .body{
    background: #FFF;
    padding: 0.25rem;
    margin-top: 0.25rem;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .05);
}
.buy-step1 .body .left{
    width: 2rem;
    margin-right: 0.2rem;
}
.buy-step1 .body .right{
    flex: 1;
    flex-flow: column;
    justify-content: center;
}
.buy-step1 .body .right .t{
    font-weight: bold;
    line-height: 0.3rem;
}
.buy-step1 .body .right .p{
    color: #999;
    padding: 0.1rem 0;
}
.buy-step1 .body .right .bottom{}
.buy-step1 .body .right .bottom span{
    color: #666;
}
.buy-step1 .body .right .bottom .price{
    color: #f00;
}
.buy-step1 .body .right .bottom .price i{
    font-style: normal;
    font-size: 0.22rem;
}
.buy-step1 .remark{
    margin: 0.3rem 0;
}
.buy-step1 .remark .t{
    line-height: 1;
    font-weight: bold;
    padding-bottom: 0.15rem;
}
.buy-step1 .remark .dsc-msg-textarea{
    background: #FFF;
    width: 100%;
    padding: 0.25rem;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .05);
}
.buy-step1 .order-amount{
    background: #FFF;
    padding: 0.25rem;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .05);
}
.buy-step1 .order-amount li{
    display: flex;
    justify-content: space-between;
    font-size: 0.24rem;
    line-height: 0.5rem;
}
.buy-step1 .order-amount li.fwb{
    font-weight: bold;
}
.buy-step1 .order-amount li .price{
    color: #f00;
}
.buy-step-nav{
    position: fixed;
    left: 0;
    bottom: 0;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
    z-index: 6;
    background: #FFF;
    padding: 0.25rem;
    width: 100%;
}
.buy-step-nav .left .total{
    font-size: 0.22rem;
    color: #777;
}
.buy-step-nav .left .total i{
    color: #f67a47;
}
.buy-step-nav .left .price{
    font-size: 0.25rem;
}
.buy-step-nav .left .price em{
    font-size: 0.2rem;
}
.buy-step-nav .left .price i{
    color: #f67a47;
    font-weight: bold;
}
.buy-step-nav .btn{
    background: #f67a47;
    border-radius: 0.4rem;
    color: #FFF;
    padding: 0.15rem 0.3rem;
}
/*支付*/
.buy-pay{
    padding: 0.25rem;
}
.buy-pay .t{
    font-weight: bold;
    font-size: 0.3rem;
    line-height: 1;
}
.buy-pay .top{}
.buy-pay .top .a{
    color: #f67a47;
}
.buy-pay .body{
    background: #FFF;
    padding: 0.25rem;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .05);
    margin: 0.3rem 0;
}
.buy-pay .body li{
    display: flex;
    justify-content: space-between;
    line-height: 0.6rem;
    color: #777;
}
.buy-pay .body li .price{
    color: #f00;
    font-weight: bold;
}
.buy-pay .pay-box{}
.buy-pay .pay-box .payment{
    background: #FFF;
    padding: 0.25rem;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .05);
    margin-top: 0.2rem;
}
.buy-pay .pay-box .payment ul{
    margin: -0.1rem;
}
.buy-pay .pay-box .payment ul li{
    border: 0.02rem solid #dedede;
    width: calc(33.333% - 0.2rem);
    line-height: 1;
    text-align: center;
    border-radius: 0.05rem;
    margin: 0.1rem;
    cursor: pointer;
    padding: 0.2rem 0;
}
.buy-pay .pay-box .payment ul li i{
    font-size: 0.3rem;
    margin-right: 0.08rem;
}
.buy-pay .pay-box .payment ul li.active{
    border: 0.02rem solid #f67a47;
    color: #f67a47;
}
.buy-pay .pay-box .payment-upload{
    display: none;
    padding-top: 0.35rem;
}
.buy-pay .pay-box .payment-upload .text{
    line-height: 1;
    padding-bottom: 0.2rem;
}
.buy-pay .pay-box .payment-upload .layui-btn{
    height: 0.7rem;
    line-height: 0.7rem;
    width: 100%;
    border: 1px solid #0000;
    font-size: 0.28rem;
    border-radius: 0.05rem;
}
.buy-pay .pay-box .payment-upload .layui-btn i{
    font-size: 0.28rem;
    margin-right: 0.1rem;
}
.buy-pay .pay-box .payment-upload .layui-upload-list{
    margin: 0.15rem 0 0 0;
}
.buy-pay .buy-pay-btn{
    background: #09bb07;
    padding: 0.3rem 0;
    border-radius: 0.08rem;
    color: #FFF;
    width: 100%;
    margin-top: 0.4rem;
    cursor: pointer;
}
/*支付提示*/
.pay-end{
    padding: 0.25rem;
}
.pay-end .pay-end-box{
    background: #FFF;
    padding: 2rem 0.25rem;
    border-radius: 0.08rem;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .05);
}
.pay-end .icon i{
    font-size: 1rem;
    line-height: 1;
    color: #0acf63;
}
.pay-end .text{
    font-size: 0.32rem;
    font-weight: bold;
    line-height: 1;
    padding: 0.3rem 0 1rem 0;
}
.pay-end .link{
    flex-flow: column;
    padding: 0 2rem;
}
.pay-end .link a{
    display: inline-block;
    border-radius: 0.08rem;
    padding: 0.15rem 0;
}
.pay-end .link a.order{
    background-image: linear-gradient(45deg, #0acf63 0%, #f9f047 100%);
    color: #FFF;
    padding: 0.2rem 0;
}
.pay-end .link a.home{
    margin-top: 0.3rem;
    border: 0.03rem solid #0acf63;
}



/*用户中心*/
.user{}
.user-bg{
    position: relative;
}
.user-bg:before{
    content: '';
    /*background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);*/
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 3.5rem;
    border-radius: 0 0 .8rem .8rem;
}
.user-top{
    padding: 0.5rem 0.45rem;
    /*background-image: linear-gradient(to top, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%);*/
    position: relative;
}
.user-top .img{
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.15rem;
}
.user-top .img img{
    border-radius: 100%;
    width: 0.9rem;
    height: 0.9rem;
}
.user-top .text{
    line-height: 1;
}
.user-top .text .name{
    font-weight: bold;
}
.user-top .text .phone{
    font-size: 0.24rem;
    padding-top: 0.1rem;
}
.user-top .right i{
    font-size: 0.36rem;
}
.user-top .left{
    position: relative;
}
.user-top .left .user-top-link{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.user-order{
    margin: 0.25rem;
    position: relative;
    z-index: 3;
}
.user-order .t{
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
}
.user-order-box{
    background: #FFF;
    border-radius: 0.05rem;
    padding: 0.3rem 0.5rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
}
.user-order a{
    position: relative;
}
.user-order a i{
    font-size: 0.4rem;
    line-height: 1;
}
.user-order a span{
    display: block;
    font-size: 0.24rem;
    padding-top: 0.1rem;
}
.user-order .icon{
    position: relative;
    display: inline-block;
}
.user-order a .badge{
    position: absolute;
    top: -0.2rem;
    right: -0.25rem;
    background: #f00;
    color: #FFF;
    border-radius: 100%;
    width: 0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
    font-size: 0.18rem;
}
.yuyue-nav{
    margin: 0.3rem 0.25rem 0.2rem 0.25rem;
}
.yuyue-nav .t{
    font-size: 0.24rem;
    margin-bottom: 0.1rem;
}
.yuyue-nav-box{
    background: #FFF;
    padding: 0.35rem 0;
    line-height: 1;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
}
.yuyue-nav-box a{
    width: 100%;
}
.yuyue-nav-box a i{
    font-size: 0.4rem;
}
.yuyue-nav-box a span{
    display: block;
    padding-top: 0.15rem;
}

.user-nav{
    margin: 0.3rem 0.25rem 0.2rem 0.25rem;
    background: #FFF;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
}
.user-nav .t{
    padding-top: 0.25rem;
    padding-left: 0.25rem;
    font-weight: bold;
    font-size: 0.32rem;
}
.user-nav .item{
    padding: 0.2rem;
}
.user-nav a{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 0.9rem;
}
.user-nav a:nth-child(n+2){
    border-top: 1px solid #dedede;
}
.user-nav .name i{
    font-size: 0.26rem;
    margin-right: 0.08rem;
}
.out-user{
    padding: 0.25rem;
}
.out-user a{
    background: #f67a47;
    color: #FFF;
    border-radius: 0.5rem;
    line-height: 0.8rem;
    display: block;
}

/*今日打卡*/
.daka .layui-tab{
    margin: 0;
    background: #FFF;
}
.daka .layui-tab-title{
    height: 0.8rem;
    border-bottom-width: 1px;
}
.daka .layui-tab-title li{
    font-size: 0.28rem;
    line-height: 0.8rem;
    min-width: 1.2rem;
    padding: 0 0.35rem;
}
.daka .layui-this{
    color: #f67a47!important;
}
.daka .layui-this:after{
    border-bottom: 0.02rem solid #f67a47!important;
}
.daka .layui-this:after{
    height: 0.81rem;
}
.daka .layui-tab-content{
    padding: 0.25rem;
}
.daka .layui-tab-item li:nth-child(n+2){
    padding-top: 0.25rem;
    margin-top: 0.25rem;
    border-top: 1px solid #ddd;
}
.daka .item{}
.daka .item .t{
    font-weight: bold;
    line-height: 1;
    padding-bottom: 0.1rem;
    color: #1a2f5e;
}
.daka .item .p{}
.daka .item .btn{
    display: block;
    text-align: center;
    border-radius: 0.05rem;
    border: 1px solid #f67a47;
    color: #f67a47;
    font-weight: bold;
    line-height: 0.6rem;
    margin-top: 0.2rem;
}
.daka .item a.btn-yes{
    border: 1px solid #0acf63;
    color: #0acf63;
}
.daka .item a.btn-no{
    border: 1px solid #ddd;
    color: #999;
}



/*账户设置*/
.user-settings{
    padding: 0.25rem;
}
.user-settings .title{
    font-weight: bold;
    margin-bottom: 0.15rem;
    font-size: 0.24rem;
}
.user-settings .item{
    background: #FFF;
    border-radius: 0.05rem;
    padding: 0 0.2rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
}
.user-settings .item a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 0.9rem;
}
.user-settings .item a:nth-child(n+2){
    border-top: 1px solid #e9e9e9;
}


/*资料修改*/
.user-edit{
    padding: 0.25rem;
}
.user-edit-box{
    background: #FFF;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    padding: 0.25rem;
}
.user-edit-box .title{
    margin-bottom: 0.2rem;
}
.user-edit-box .touxiang img{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
}
.user-edit-box .list{
    line-height: 1.4;
    padding: 0.3rem 0;
}
.user-edit-box .list:nth-child(n+2){
    border-top: 1px solid #f0f0f0;
}
.user-edit-box .list .t_c_444{
    flex-shrink: 0;
    padding-right: 0.15rem;
}
.user-edit-box .list .name{
    font-size: 0.30rem;
    max-width: calc(100% - 2.6rem);
}
.user-edit-box .list .xiugai{
    cursor: pointer;
    color: rgb(40,117,232);
    flex-shrink: 0;
    padding-left: 0.15rem;
}


/*收货地址*/
.user-address{
    background: #FFF;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    padding: 0.25rem;
}
.user-address li{
    margin-bottom: 0.25rem;
}
.user-address li:nth-child(n+2){
    border-top: 1px solid #ddd;
    padding-top: 0.25rem;
}
.user-address li .left{
    flex: 1;
}
.user-address li .left .city i{
    background: #F00;
    font-style: normal;
    font-size: 0.18rem;
    color: #FFF;
    border-radius: 0.05rem;
    padding: 0.05rem;
    line-height: 0.18rem;
    margin-right: 0.1rem;
}
.user-address li .left .adds{
    line-height: 0.32rem;
    padding: 0.08rem 0;
}
.user-address li .left .text .name{
    margin-right: 0.2rem;
}
.user-address li .right{
    width: 0.8rem;
    text-align: right;
}
.user-address li .right i{
    font-size: 0.32rem;
}
.user-address .btn a{
    background: #f67a47;
    line-height: 0.8rem;
    color: #FFF;
    border-radius: 0.4rem;
    text-align: center;
    display: block;
}
.user-address .address-del{
    border: 1px solid #ddd;
    display: inline-block;
    padding: 0.02rem 0.2rem;
    border-radius: 0.5rem;
    font-size: 0.26rem;
}

/*收货地址*/
.user-address-form{}
.user-address-form .title{
    display: block;
}
.user-address-form .form-item{
    margin-bottom: 0.2rem;
}
.user-address-form input{
    height: auto;
    line-height: 0.5rem;
    padding: 0.1rem 0.15rem;
    border: 1px solid #dedede;
    width: 100%;
    border-radius: 0.05rem;
}
.user-address-form .layui-form-switch{
    margin-top: 0;
    height: 0.4rem;
    line-height: 0.4rem;
    width: 0.8rem;
    min-width: 0.8rem;
    padding: 0 0.05rem;
    border-radius: 0.3rem;
}
.user-address-form .layui-form-switch i {
    left: 0.05rem;
    top: 0.03rem;
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 0.3rem;
}
.user-address-form .layui-form-onswitch i{
    left: 0.05rem;
    top: 0.03rem;
    width: 0.28rem;
    height: 0.28rem;
    border-radius: 0.3rem;
    margin-left: 0.38rem;
}
.user-address-form .layui-form-onswitch em {
    margin-left: 0.05rem;
}
.user-address-form .layui-form-switch em {
    width: 0.25rem;
    margin-left: 0.21rem;
    font-size: 0.26rem;
}
/*提现帐号*/
.withdraw{
    padding: 0.25rem;
}
.withdraw-box{}
.withdraw-box li{
    background: #FFF;
    padding: 0.25rem;
    border-radius: 0.05rem;
    margin-top: 0.25rem;
}
.withdraw-box li .pic{
    width: 2rem;
}
.withdraw-box li .pic img{
    border-radius: 0.05rem;
}
.withdraw-box li .text{
    padding-left: 0.2rem;
    flex: 1;
}
.withdraw-box li .button{
    padding-top: 0.25rem;
}
.withdraw-box li button{
    line-height: 1;
    border: 1px solid #f67a47;
    color: #f67a47;
    padding: 0.1rem 0.2rem;
    border-radius: 0.5rem;
    font-size: 0.26rem;
    margin-left: 0.15rem;
}
.withdraw-box li button.del{
    border-color: #f00;
    color: #FFF;
    background: #f00;
}

.withdraw-pop{
    padding: 0.25rem;
}
.withdraw-form{
    font-size: 0.25rem;
}
.withdraw-form .item{
    margin-bottom: 0.25rem;
}
.withdraw-form .item label{
    display: block;
    margin-bottom: 0.1rem;
}
.withdraw-form .item label span{
    color: #f00;
}
.withdraw-form .item input{
    border: 1px solid #ddd;
    padding: 0.15rem 0.15rem;
    border-radius: 0.05rem;
    width: 100%;
}
.withdraw-form .button-btn{
    padding: 0.15rem 0;
}

.withdraw-form .layui-btn{
    height: 0.6rem;
    line-height: 0.6rem;
    font-size: 0.25rem;
    border-radius: 0.05rem;
    width: 100%;
    background-color: #04c644 !important;
}
.withdraw-form .layui-btn i{
    font-size: 0.25rem;
}
.withdraw-form .layui-upload-list{
    margin: 0.25rem 0 0 0;
}
.withdraw-form .upload-img{
    max-height: 2rem;
    min-height: 1rem;
}


    /*订单*/
.my-order{
    position: relative;
}
.my-order .my-order-nav{
    flex-flow: row;
    background: #FFF;
    line-height: 0.7rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, .1);
    z-index: 9;
}
.my-order .my-order-nav a{
    width: 100%;
}
.my-order .my-order-nav a.active{
    color: #f67a47;
}
.my-order-list{
    padding: 1rem 0.25rem 0 0.25rem;
}
.my-order-list li{
    background: #FFF;
    padding: 0.2rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    position: relative;
}
.my-order-list li:nth-child(n+2){
    margin-top: 0.25rem;
}
.my-order-list .head{
    padding-bottom: 0.15rem;
    font-size: 0.2rem;
    color: #666;
}
.my-order-list .body a .kuai{
    padding: 0.15rem 0;
    border-top: 1px solid #ddd;
}
.my-order-list .body a .kuai:first-child{
    padding: 0 0 0.15rem;
    border-top: none;
}
.my-order-list .body .left{
    width: 2rem;
    margin-right: 0.2rem;
    max-height: 1.34rem;
    overflow: hidden;
}
.my-order-list .body .left img{
    border: 1px solid #ddd;
}
.my-order-list .body .right{
    flex: 1;
    flex-flow: column;
    justify-content: center;
    line-height: 1.2;
}
.my-order-list .body .right .t{
    font-weight: bold;
}
.my-order-list .body .right .p{
    color: #999;
    padding: 0.1rem 0;
}
.my-order-list .body .right .bottom{}
.my-order-list .body .right .bottom span{
    color: #666;
}
.my-order-list .body .right .bottom .price{
    color: #f00;
}
.my-order-list .body .right .bottom .price i{
    font-style: normal;
    font-size: 0.22rem;
}
.my-order-list .time{
    color: #f67a47;
    line-height: 1.2;
}
.my-order-list .button{
    padding-top: 0.2rem;
    font-size: 0.26rem;
}
.my-order-list .button .right a{
    border: 1px solid #ddd;
    border-radius: 0.5rem;
    padding: 0.05rem 0.2rem;
    font-size: 0.26rem;
    line-height: 1;
    margin-left: 0.1rem;
}
.my-order-list .button .right a.active{
    border-color: #f67a47;
    color: #FFF;
    background: #f67a47;
}

/*订单详情*/
.order-show{}
.order-show .state{
    background-image: linear-gradient(to right, #f67a47 0%, #f9a323 100%);
    color: #FFF;
    padding: 0.4rem 0.25rem;
    font-size: 0.3rem;
    font-weight: bold;
}
.order-show .state-p{
    background: #FFF;
    padding: 0.25rem;
    font-size: 0.26rem;
    border-bottom: 0.06rem solid #ddd;
}
.order-show-box{
    background: #FFF;
    padding: 0.3rem 0.25rem;
}
.order-show-box a .list-table-box{
    padding-bottom: 0.2rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #ddd;
}
.order-show-box a:last-child .list-table-box{
    margin-bottom: 0;
    margin-bottom: 0.05rem;
}
.order-show-box .body a:nth-child(n+2){
    margin-top: 0.25rem;
}
.order-show-box .body .left{
    width: 2rem;
    margin-right: 0.2rem;
    max-height: 1.34rem;
    overflow: hidden;
}
.order-show-box .body .left img{
    border: 1px solid #ddd;
}
.order-show-box .body .right{
    flex: 1;
    flex-flow: column;
    justify-content: center;
}
.order-show-box .body .right .t{
    font-weight: bold;
    line-height: 0.3rem;
}
.order-show-box .body .right .p{
    color: #999;
    padding: 0.1rem 0;
    font-size: 0.26rem;
}
.order-show-box .body .right .bottom{}
.order-show-box .body .right .bottom span{
    color: #666;
}
.order-show-box .body .right .bottom .price{
    color: #f00;
}
.order-show-box .body .right .bottom .price i{
    font-style: normal;
    font-size: 0.22rem;
}
.order-show-box>.bottom{
    padding-top: 0.2rem;
}
.order-show-box>.bottom li{
    display: flex;
    justify-content: space-between;
    font-size: 0.28rem;
    line-height: 0.5rem;
}
.order-show-box>.bottom li.fwb{
    font-weight: bold;
}
.order-show-box>.bottom li .price{
    color: #f00;
}
.order-show-box .time{
    padding-top: 0.1rem;
    color: #f67a47;
}
.order-show-box .button{
    justify-content: flex-end;
    padding-top: 0.2rem;
}
.order-show-box .button .right a{
    border: 1px solid #ddd;
    border-radius: 0.3rem;
    padding: 0.05rem 0.2rem;
    font-size: 0.26rem;
    line-height: 1;
    margin-left: 0.1rem;
}
.order-show-box .button .right a.active{
    border-color: #f67a47;
    color: #FFF;
    background: #f67a47;
}

.order-show-text{
    background: #FFF;
    padding: 0.3rem 0.25rem;
    margin-top: 0.3rem;
}
.order-show-text .title{
    font-weight: bold;
    font-size: 0.30rem;
}
.order-show-text li{
    display: flex;
    flex-flow: row;
    padding-top: 0.15rem;
    font-size: 0.26rem;
}
.order-show-text li .left{
    width: 1.5rem;
}
.order-show-text li .right{
    flex: 1;
}

/*为您推荐*/
.order-recommend{
    padding: 0 0.25rem 0.3rem 0.25rem;
}
.order-recommend .title{
    padding: 0.3rem 0;
    font-size: 0.3rem;
    font-weight: bold;
    color: #f67a47;
    position: relative;
}
.order-recommend .title span{
    position: relative;
}
.order-recommend .title span:after{
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    position: absolute;
    left: -0.7rem;
    top: 50%;
    transform: translate(0, -50%);
    background: #f67a47;
}
.order-recommend .title span:before{
    content: "";
    width: 0.4rem;
    height: 0.02rem;
    position: absolute;
    right: -0.7rem;
    top: 50%;
    transform: translate(0, -50%);
    background: #f67a47;
}
.order-recommend .title i{
    font-size: 0.3rem;
}


/*预约*/
.my-reserve{
    position: relative;
    cursor: pointer;
}
.my-reserve .my-reserve-nav{
    flex-flow: row;
    background: #FFF;
    line-height: 0.7rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0.05rem 0.05rem rgba(0, 0, 0, .1);
    z-index: 9;
}
.my-reserve .my-reserve-nav a{
    width: 100%;
}
.my-reserve .my-reserve-nav a.active{
    color: #f67a47;
}
.my-reserve-list{
    padding: 1rem 0.25rem 0 0.25rem;
}
.my-reserve-list li{
    background: #FFF;
    padding: 0.2rem;
    border-radius: 0.1rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
}
.my-reserve-list li:nth-child(n+2){
    margin-top: 0.25rem;
}
.my-reserve-list .body{}
.my-reserve-list .body .left{
    width: 2rem;
    margin-right: 0.2rem;
    max-height: 1.34rem;
    overflow: hidden;
}
.my-reserve-list .body .left img{
    border: 1px solid #dedede;
}
.my-reserve-list .body .right{
    flex: 1;
    flex-flow: column;
    justify-content: center;
}
.my-reserve-list .body .right .t{
    font-weight: bold;
    line-height: 0.3rem;
}
.my-reserve-list .body .right .p{
    color: #999;
    padding-top: 0.1rem;
}
.my-reserve-list .body .right .time{
    padding-top: 0.15rem;
    font-size: 0.26rem;
}
.my-reserve-list .body .right .time span{
    display: inline-block;
    margin-right: 0.25rem;
}

.my-reserve-list .button{
    /*justify-content: flex-end;*/
    padding-top: 0.2rem;
}
.my-reserve-list .button .left span.state{
    display: inline-block;
    background: #f67a47;
    border-radius: 0.4rem;
    line-height: 1;
    font-size: 0.25rem;
    padding: 0.07rem 0.2rem;
    color: #FFF;
}
.my-reserve-list .button .left span.state-no{
    background: #666;
}
.my-reserve-list .button .left span.state-yes{
    background: #0acf63;
}
.my-reserve-list .button .left,.my-reserve-list .button .right{
    width: 100%;
}
.my-reserve-list .button .right a{
    border: 1px solid #ddd;
    border-radius: 0.3rem;
    padding: 0.05rem 0.15rem;
    font-size: 0.25rem;
    line-height: 1;
}
.my-reserve-list .button .right a.active{
    border-color: #f67a47;
    color: #f67a47;
}
/*证书弹窗*/
.pop-pdf{
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
    background: #FFF;
}
.pop-pdf .pop_top{
    background: #f0f0f0;
}
.pop-pdf .layui-table{
    margin: 0;
}
/* .pop-pdf .pdf{
    padding: 0.25rem;
} */
.pop-pdf .pdf .cz{
    flex-flow: column;
}
.pop-pdf .pdf .cz a{
    border: 1px solid #f67a47;
    padding: 0.1rem 0.2rem;
    color: #f67a47;
    border-radius: 0.5rem;
    margin: 0.1rem 0;
    font-size: 0.28rem;
}
.pop-pdf .layui-table td,.pop-pdf .layui-table th{
    padding: 0.09rem 0.15rem;
    min-height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.28rem;
}
.pop-pdf .layui-table th{
    padding: 0.2rem 0.15rem;
}



/*高光时刻*/
.wonderfulphoto{
    padding: 1rem 0.25rem 0 0.25rem;
}
.wonderfulphoto-title{
    font-size: 0.3rem;
    font-weight: bold;
    padding-bottom: 0.2rem;
}
.wonderfulphoto ul{
    display: flex;
    flex-flow: row wrap;
    margin: -0.1rem;
}
.wonderfulphoto li{
    width: calc(50% - 0.2rem);
    margin: 0.1rem;
}
.wonderfulphoto li img{
    border-radius: 0.05rem;
}


/*预约练车*/
.yuyue-train{
    padding: 1rem 0.25rem 0.25rem 0.25rem;
    background: #FFF;
}
.yuyue-train-box{}
.yuyue-train .button-btn{
    padding: 0.15rem 0;
    margin-top: 0.3rem;
}
.yuyue-train-box .yuyue-train-title{
    font-weight: bold;
    font-size: 0.32rem;
    line-height: 1;
    margin-bottom: 0.15rem;
}
.yuyue-train-box .yuyue-train-title i{
    color: #f00;
}
.yuyue-train-box .yuyue-train-title p{
    font-size: 0.22rem;
    line-height: 1.2;
    color: #f00;
    padding-top: 0.1rem;
}
.yuyue-train-item{
    background: #FFF;
    border-radius: 0.05rem;
}
.yuyue-train-tab{
    margin: 0.2rem 0;
}
.yuyue-train-tab .tab-time{
    border: 1px solid #ddd;
    padding: 0.1rem 0.2rem;
    cursor: pointer;
    border-radius: 0.05rem;
}
.yuyue-train-tab .tab-time .week{
    font-size: 0.25rem;
}
.yuyue-train-tab .swiper-slide-active .tab-time{
    border: 1px solid #f67a47;
}
.yuyue-train-tab-box .item{
    padding-top: 0.25rem;
}
.yuyue-train-tab-box .item:first-child{
    padding-top: 0;
}
.yuyue-train-tab-box .tit{
    font-weight: bold;
    margin-bottom: 0.1rem;
    font-size: 0.3rem;
}
.yuyue-train-tab-box ul{
    display: flex;
    flex-flow: row wrap;
    margin: -0.1rem;
}
.yuyue-train-tab-box li{
    border: 1px solid #ddd;
    padding: 0.25rem;
    width: calc(100% - 0.2rem);
    margin: 0.1rem;
    line-height: 1;
    border-radius: 0.08rem;
}
.yuyue-train-tab-box li .t{
    font-weight: bold;
}
.yuyue-train-tab-box li .p{
    line-height: 1.3;
    font-size: 0.25rem;
    padding: 0.1rem 0;
}
.yuyue-train-tab-box li .num{}
.yuyue-train-tab-box li.active{
    border-color: #f67a47;
    background: #f67a47;
    color: #FFF;
}
.yuyue-train-tab-box li.no{
    background: #ddd;
}
.yuyue-train-tab-box li.no.active {
    background: #5FB878;
    border: 1px solid #5FB878;
}
.radio-item{
    padding-top: 0.1rem;
}
.radio-item .layui-form-radio{
    line-height: 0.32rem;
    margin: 0 0.1rem 0 0;
    padding-right: 0.1rem;
    display: flex;
    align-items: center;
}
.radio-item .layui-form-radio div{
    line-height: 1;
    font-size: 0.26rem;
}
.radio-item .layui-form-radio>i {
    margin-right: 0.08rem;
    font-size: 0.3rem;
}
.radio-item .layui-form-radio:hover *,.radio-item .layui-form-radioed,.radio-item .layui-form-radioed>i{
    color: #f67a47;
}

.yuyue-train-box-car{}
.yuyue-train-box-car li{
    display: flex;
    margin-top: 0.2rem;
    position: relative;
    border-radius: 0.08rem;
    border: 1px solid #ddd;
    overflow: hidden;
}
.yuyue-train-box-car li.active:before{
    position: absolute;
    right: 0;
    bottom: 0;
    border: 0.3rem solid #f67a47;
    border-top-color: transparent;
    border-left-color: transparent;
}
.yuyue-train-box-car li.active:after{
    width: 0.1rem;
    height: 0.2rem;
    position: absolute;
    right: 0.1rem;
    bottom: 0.1rem;
    border: 0.02rem solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    transform: rotate(45deg);
}
.yuyue-train-box-car li.active{
    border: 1px solid #f67a47;
}
.yuyue-train-box-car li.active:before{
    content: "";
}
.yuyue-train-box-car li.active:after{
    content: "";
}
.yuyue-train-box-car li .pic{
    width: 3rem;
}
.yuyue-train-box-car li .card-text{
    flex: 1;
    padding-left: 0.25rem;
    border-left: none;
    flex-flow: column;
    justify-content: center;
}
.yuyue-train-box-car li .card-text .t{
    font-size: 0.3rem;
    font-weight: bold;
    line-height: 1;
}
.yuyue-train-box-car li .card-text .p{
    line-height: 1;
    padding-top: 0.15rem;
}


/*预约考试*/
.yuyue-exam{
    padding: 1rem 0.25rem 0.25rem 0.25rem;
    /*background: #FFF;*/
}
.yuyue-exam-calendar{
    background: #FFF;
    padding: 0.25rem;
}
.yuyue-exam .button-btn{
    padding: 0.15rem 0;
}
.yuyue-exam .yuyue-exam-title{
    font-size: 0.32rem;
    font-weight: bold;
}
.yuyue-exam .bz{
    padding: 0.15rem 0 0.25rem 0;
}
/*日历*/
.calendar-box *{
    box-sizing: border-box;
}
.ht-rili-over{
    overflow-x: auto;
}
.ht-rili-head{
    overflow: hidden;
}
.ht-rili-querybox{
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.15rem;
}
.ht-rili-title{
    display: inline-block;
    max-width: 2rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    font-size: 0.3rem;
}
.ht-rili-datebox{
    float: right;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.ht-rili-date{
    text-align: center;
    display: inline-block;
    width: 2rem;
    height: 0.19rem;
    line-height: 0.19rem;
    vertical-align: middle;
}
.ht-rili-leftarr{
    display: inline-flex;
    width:0.25rem;
    height: 0.19rem;
    vertical-align: middle;
    cursor: pointer;
}
.ht-rili-rightarr{
    display: inline-flex;
    width:0.25rem;
    height: 0.19rem;
    vertical-align: middle;
    cursor: pointer;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.ht-rili-th{
    width: 14.285%;
    float: left;
    text-align: center;
    height: 0.6rem;
    line-height: 0.6rem;
    /*background: #E66B14;*/
    color: #000;
}
.ht-rili-td{
    width: calc(14.28% - 2px);
    float: left;
    text-align: center;
    background: #EEF5FD;
    padding: 0.15rem;
    margin: 1px;
    cursor: pointer;
    font-size: 0.24rem;
    border-radius: 0.05rem;
}
.ht-rili-body{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.ht-rili-day{
    font-family:Arial;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    font-size: 0.32rem;
}
.ht-rili-money{
    font-family:Arial;
    display: inline-block;
    width: 100%;
    font-size: 0.24rem;
    color: #D4585A;
}
.ht-rili-td-disabled{
    color: #BFC4CA;
    cursor: not-allowed;
}
.ht-rili-td-disabled .ht-rili-money{
    color: #BFC4CA;
}
.ht-rili-td-active{
    background: #f67a47;
    color: #FFF;
}
.ht-rili-td-active .ht-rili-money{
    color: #FFF;
}
.yuyue-exam .kc_yy{
}
.yuyue-exam .kc_yy .thepu_html .choo{
    -webkit-appearance: radio;
    display: block !important;
}
.yuyue-exam .yuyue-exam-title{
    margin-bottom: 0.15rem;
}
.yuyue-exam-calendar-box{}
.yuyue-exam-calendar-box label{
    display: block;
    background: #FFF;
    padding: 0.25rem;
    margin-bottom: 0.25rem;
    border-radius: 0.05rem;
}
.yuyue-exam-calendar-box .disabled{
    color: #c2c2c2!important;
}
/*预约用车*/
.reservedcar .button-btn{
    margin-top: 0.25rem;
}
.reservedcar .reservedcar-box{
    padding: 0;
    margin-bottom: 0.25rem;
}
/*用车记录*/
.car-record{}
.car-record .item{
    background: #FFF;
    padding: 0.25rem;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    line-height: 1;
    margin-bottom: 0.25rem;
}
.car-record .item .state span{
    background: #f67a47;
    padding: 0.1rem 0.15rem;
    border-radius: 0.5rem;
    font-size: 0.25rem;
    color: #FFF;
    display: inline-block;
}
.car-record .item .state span.no{
    background: #d81e06;
}
.car-record .item .state span.yes{
    background: #0acf63;
}
.car-record .item .state span.cancel{
    background: #333;
}
.car-record .item .layui-rate{
    padding: 0;
}
.car-record .item .no-star{
    color: #999;
}
.car-record .item .text{
    line-height: 1.3;
}

/*练车卡预约*/
.traincard-rec .my-reserve-list{
    padding: 0;
}



/*练车评价*/
.yuyue-evaluate{
    padding: 1rem 0.25rem 0.25rem 0.25rem;
}
.yuyue-evaluate-title{
    font-size: 0.32rem;
    font-weight: bold;
}
.yuyue-evaluate-box{}
.yuyue-evaluate-box .item{
    background: #FFF;
    padding: 0.25rem;
    margin-top: 0.25rem;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
}
.yuyue-evaluate-box .item .left .p{
    font-size: 0.24rem;
}
.yuyue-evaluate-box .item .right{
    transition: ease .4s;
}
.yuyue-evaluate-box .item .active{
    color: #f67a47;
}
.yuyue-evaluate-box .item .active .right{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.yuyue-evaluate-box .item .pop-box{
    /*padding-top: 0.15rem;*/
}
.yuyue-evaluate-box .item .pop-box .pop-box-item{
    padding-top: 0.2rem;
    border-top: 1px solid #ddd;
    margin-top: 0.2rem;
}
.yuyue-evaluate-box .item .pop-box .pop-box-item .t{
    line-height: 1;
}
.yuyue-evaluate-box .item .pop-box .pop-box-item .t span.yes{
    color: #0acf63;
}
.yuyue-evaluate-box .item .pop-box .pop-box-item .t span.no{
    color: #d81e06;
}
.yuyue-evaluate-box .item .pop-box .pop-box-item .p{
    font-size: 0.25rem;
    padding: 0.1rem 0;
}
.yuyue-evaluate-box .item .pop-box .pop-box-item a{
    display: block;
    padding: 0.1rem 0;
    border: 1px solid #e8e8e8;
    font-size: 0.25rem;
}
.yuyue-evaluate-box .item .pop-box-2{
    padding-top: 0.25rem;
}
.yuyue-evaluate-box .item .pop-box-2 .tit{
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
}
.yuyue-evaluate-box .item .pop-box-2 .layui-rate{
    padding: 0;
}
.yuyue-evaluate-box .item .pop-box-2 label i{
    color: #f00;
}
.yuyue-evaluate-box .item .pop-box-2 .evaluate{
    margin-top: 0.1rem;
}
.yuyue-evaluate-box .item .pop-box-2 .myform>li{
    margin-bottom: 0.15rem;
}

.coach-evaluation-box .top{}
.coach-evaluation-box .top .item{
    display: flex;
    margin-bottom: 0.1rem;
}
.coach-evaluation-box .top .item span.left-t{
    width: 1.5rem;
    color: #999;
}
.coach-evaluation-box .top .item p{
    flex: 1;
    word-wrap: break-word;
    word-break: break-word;
}
.coach-evaluation-box .top .item p .yes{
    color: #0acf63;
}
.coach-evaluation-box .top .item p .no{
    color: #d81e06;
}
.coach-evaluation-box .time{
    color: #b4c2dd;
}

.my-reserve-collapse{
    margin-top: 0.7rem;
}
.my-reserve-collapse .layui-colla-title{
    font-size: 0.28rem;
    background: #FFF;
    height: 0.8rem;
    line-height: 0.8rem;
    padding: 0 0.25rem 0 0.65rem;
}
.my-reserve-collapse .layui-colla-icon{
    left: 0.25rem;
    font-size: 0.26rem;
}
.my-reserve-collapse .layui-colla-content{
    background: #FFF;
    padding: 0.15rem 0.25rem;
}
.my-reserve-collapse .layui-colla-content ul li{
    display: flex;
    padding: 0.2rem 0;
}
.my-reserve-collapse .layui-colla-content ul li:nth-child(n+2){
    border-top: 1px solid #dedede;
}
.my-reserve-collapse .layui-colla-content .left-t{
    width: 1.6rem;
}
.my-reserve-collapse .layui-colla-content .right-body{
    flex: 1;
    word-wrap: break-word;
    word-break: break-word;
}

/*评论*/
.comment-icon-btn{
    text-align: right;
}
.comment-icon-btn span{
    margin-left: 0.2rem;
    font-size: 0.26rem;
    line-height: 0.26rem;
    color: #b4c2dd;
}
.comment-icon i{
    font-size: 0.3rem;
    line-height: 0.26rem;
}
.comment-box{
    padding: 0.2rem;
    background: #f1f1f1;
    border-radius: 0.05rem;
    margin-top: 0.15rem;
}
.comment-box .ysccs{
    background: #7c8c85;
    font-size: 0.26rem;
}

.comment-form{
    position: relative;
}
.comment-form textarea{
    background: #FFF;
    padding: 0.2rem 1rem 0.2rem 0.2rem;
    border-radius: 0.05rem;
    width: 100%;
    border: 1px solid #FFF;
}
.comment-form textarea:focus{
    border: 1px solid #f67a47;
}
.comment-form .comment-btn{
    position: absolute;
    /*right: 0.2rem;
    top: 50%;
    transform: translate(0, -50%);*/
    right: 0;
    width: auto;
    z-index: 3;
    padding: 0.2rem;
    cursor: pointer;
}
.comment-form .comment-btn i{
    font-size: 0.4rem;
    color: #f67a47;
}
.comment-detail .item:nth-child(n+2){
    border-top: 1px solid #ddd;
    padding-top: 0.25rem;
    margin-top: 0.25rem;
}
.comment-detail .item img.avatar{
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
}
.comment-detail .item .text{
    margin-left: 0.2rem;
}
.comment-detail .item .text .user{
    font-size: 0.26rem;
    color: #f67a47;
}
.comment-detail .item .text .time{
    font-size: 0.24rem;
    color: #936767;
}
.comment-detail .item .comment-info{
    font-size: 0.25rem;
    margin-left: 0.8rem;
    line-height: 0.34rem;
    margin-top: 0.1rem;

}
.comment-detail .item .comment-info .comment-reply-text{
    /*color: #f67a47;*/
    /*margin-top: 0.15rem;*/
    font-size: 0.26rem;
    justify-content: flex-end;
}


.comment-detail .comment-reply-text span{
    margin-right: 0.2rem;
    color: #b4c2dd;
}
.comment-detail .comment-reply-text span.del-reply-btn{
    color: #f67a47;
}
.comment-detail .comment-reply-text2{
    font-size: 0.24rem;
    margin: 0.12rem 0 0.12rem 0.7rem;
    color: #936767;
}

.comment-reply-btn{
    font-size: 0.24rem;
    padding-top: 0.1rem;
}
.comment-reply-btn .left span{
    margin-right: 0.2rem;
}
.comment-form-reply{
    /*margin: 0.15rem 0 0.35rem 0;*/
    margin-top: 0.1rem;
}
.comment-form-reply .hf-input{
    border: 1px solid #ddd;
}

.comment-detail .item .comment-reply-info{
    margin-left: 0.8rem;
    background: #FFF;
    padding: 0.1rem;
    border-radius: 0.05rem;
    margin-top: 0.15rem;
    position: relative;
    font-size: 0.245rem;
}
.comment-detail .item .comment-reply-info:before{
    content: "";
    width: 0px;
    height: 0px;
    border-left: 0.14rem solid transparent;
    border-right: 0.14rem solid transparent;
    border-bottom: 0.14rem solid #FFFFFF;
    position: absolute;
    top: -0.14rem;
    right: 0.4rem;
}
.comment-detail .item .reply-item{}
.comment-detail .item .reply-item:nth-child(n+2){
    margin-top: 0.15rem;
    padding-top: 0.15rem;
    border-top: 1px solid #ddd;
}
.comment-detail .item .reply-item .name{
    /*margin-bottom: 0.08rem;*/
}
.comment-detail .item .reply-item .name span{
    color: #f67a47;
}
.comment-detail .item .reply-item p{
    line-height: 0.34rem;
    margin: 0.12rem 0 0.12rem 0.7rem;
}


/*评论弹出*/
.review-form{
    /*height: 1rem;*/
    position: fixed;
    left: 0;
    right: 0;
    /*top: auto;*/
    bottom: 1.0rem;
    z-index: 99;
    background: #a2a1a0;
    /*display: none;*/
    padding: 0.25rem;
}
.review-form-btn{
    border-bottom: 1px solid #ddd;
    padding: 0.3rem 0.25rem;
    background: #FFF;
    /*padding: 0.3rem 0.25rem 0.3rem 6rem;*/
}
.review-form-btn .folatright{
    padding: 0.1rem 0 0.3rem 6rem;
    text-align: right;
}
.review-form-btn .submit{
    background: #f67a47;
    padding: 0.05rem 0.2rem;
    border-radius: 0.6rem;
    color: #FFF;
}

#review_form{
    /*padding: 0.25rem;*/
    /*display: flex;*/
    align-items: center;
    width: 100%;
}
#review_form .thpbl{
    flex: 1;
}
/*#review_form .thpbr{
    width: 1rem;
    text-align: center;
    margin-left: 0.25rem;
}*/
#review_form .thpbr .thpbr-bt{
    height: 100%;
}
#review_form .thpbr .submit{
    background: #f67a47;
    border-radius: 0.1rem;
    color: #FFF;
    font-size: 0.3rem;
    display: block;
    height: 100%;
    padding: 0.15rem;
    width: 100%;
    text-align: center;
}
#review_form #content{
    border: 0.05rem solid #ddd;
    padding: 0.15rem;
    width: 100%;
    border-radius: 0.1rem;
}
.review-form-submit{
    display: none;
}
#review_form .folatright{
    padding: 0.1rem 0 0.3rem 6rem;
    text-align: right;
}


/*消息通知*/
.notice{
    padding: 0.25rem;
}

.notice .item{
    padding: 0.25rem;
    background: #FFF;
    border-radius: 0.05rem;
}
.notice .item:nth-child(n+2){
    margin-top: 0.25rem;
}
.notice .item img.avatar{
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
}
.notice .item .text{
    margin-left: 0.2rem;
}
.notice .item .text .user{
    font-size: 0.26rem;
}
.notice .item .text .user span{
    font-weight: bold;
    color: #f67a47;
}
.notice .item .text .time{
    font-size: 0.24rem;
}
.notice .item .comment-info{
    margin-left: 1rem;
    line-height: 0.34rem;
    margin-top: 0.1rem;
    font-size: 0.245rem;
}
.notice .item .comment-info .ysccs{
    background: #7c8c85;
    font-size: 0.26rem;
}
.notice .item .comment-info-reply{
    background: #f1f1f1;
    padding: 0.25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.26rem;
    margin: 0.15rem 0;
}
.notice .item .comment-info .comment-reply-text{
    font-size: 0.24rem;
    background: #f1f1f1;
    padding: 0.05rem 0.2rem;
    border-radius: 0.3rem;
    display: inline-block;
}
.notice .item .comment-info .comment-reply-text i{
    font-size: 0.24rem;
}




/*课程进度表*/
.yuyue-schedule{
    padding: 1rem 0.25rem 0.25rem 0.25rem;
}
.yuyue-schedule .yuyue-schedule-title{
    font-size: 0.32rem;
    line-height: 1.1;
}
.yuyue-schedule-box{}
.yuyue-schedule-box li{
    background: #FFF;
    padding: 0.25rem;
    border-radius: 0.05rem;
    margin-top: 0.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.yuyue-schedule-box li span:nth-child(1){
    margin-right: 0.2rem;
}
.yuyue-schedule-box li .left{
    flex: 1;
}
.yuyue-schedule-box li .right{
    width: 1.5rem;
}
.yuyue-schedule-box li span.yes{
    color: #0acf63;
}
.yuyue-schedule-box li span.no{
    color: #d81e06;
}

.yuyue-schedule-box li span.qxk{
    color: #eb7350;
}

.yuyue-schedule-box li span.yxk{
    color: #0d95e8;
}

.yuyue-schedule-box li span.wtg{
    color: #880000;
}
.yuyue-schedule-box li .sub-btn{
    border: 1px solid #f67a47;
    padding: 0.05rem 0.25rem;
    display: inline-block;
    font-size: 0.26rem;
    border-radius: 0.08rem;
    color: #f67a47;
}


/*教练评价*/
.coach-evaluation{
    padding: 1rem 0.25rem 0.25rem 0.25rem;
}
.coach-evaluation-title{
    font-size: 0.32rem;
}
.coach-evaluation-box{}
.coach-evaluation-box li{
    background: #FFF;
    padding: 0.25rem;
    border-radius: 0.05rem;
    margin-top: 0.25rem;
}
.coach-evaluation-box li .t{
    line-height: 1;
}
.coach-evaluation-box li .t span.yse{
    color: #0acf63;
}
.coach-evaluation-box li .t span.no{
    color: #d81e06;
}
.coach-evaluation-box li .p{
    font-size: 0.26rem;
    padding: 0.2rem 0;
}
.coach-evaluation-box li a{
    display: block;
    padding: 0.1rem 0;
    border: 1px solid #e8e8e8;
    font-size: 0.25rem;
}

/*评论视频图片*/
.video-images{
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.video-images ul{
    display: flex;
    flex-flow: row wrap;
}
.video-images li{
    /*float: left;*/
    padding: 0;
    margin-top: 0;
    margin-left: 0.2rem;
    width: 1.1rem;
}
.video-images li:nth-child(5n+1){
    margin-left: 0;
}
.video-images li:nth-child(n+6){
    margin-top: 0.1rem;
}
.video-images li a{
    padding: 0;
}
.video-images img{
    max-width: 1.1rem;
}
.video-images li.video{
}
.video-images li.video a{
    position: relative;
    height: 100%;
}
.video-images li.video span{
    font-size: 0.36rem;
    color: #FFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/*预约总记录*/
.vehicle .layui-rate{
    padding: 0;
}
.vehicle .layui-rate li{
    margin-bottom: 0;
    line-height: 1;
}
.vehicle .layui-rate li i.layui-icon{
    line-height: 1;
}


/*我的活动*/
.my-doing{}
.my-doing-list{}
.my-doing-list ul li{
    padding: 0.25rem;
    background: #FFF;
    position: relative;
}
/* .my-doing-list ul li a{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
} */
.my-doing-list ul li:nth-child(n+2){
    margin-top: 0.1rem;
}
.my-doing-list ul li .head{
    display: flex;
    flex-flow: row;
}
.my-doing-list ul li .pic{
    width: 2.5rem;
    max-height: 1.67rem;
    overflow: hidden;
}
.my-doing-list ul li .pic img{
    border-radius: 0.05rem;
}
.my-doing-list ul li .card-text{
    flex: 1;
    flex-flow: column;
    justify-content: center;
    padding-left: 0.15rem;
}
.my-doing-list ul li .time{
    color: #888;
}
.my-doing-list ul li .bottom{
    border-top: 1px solid #ddd;
    padding-top: 0.25rem;
    margin-top: 0.25rem;
    justify-content: space-between;
}
.my-doing-list ul li .bottom span{
    /*background: #f67a47;*/
    background-image: linear-gradient(to right, #e0900d 0%, #f67a47 100%);
    color: #FFF;
    border-radius: 0.3rem;
    font-size: 0.24rem;
    padding: 0.1rem 0.2rem;
    line-height: 0.24rem;
}
.my-doing-list ul li .bottom span.state-yes{}
.my-doing-list ul li .bottom span.state-no{
    background: #666;
}


/*分销*/
.invite{
    padding: 0.25rem;
    position: relative;
}
.invite:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 3.9rem;
    z-index: 0;
    background: #f67a47;
    border-radius: 0 0 0.3rem 0.3rem;
}
.invite .invite-head{
    position: relative;
    z-index: 2;
    margin-top: 0.3rem;
    padding: 0 0.25rem;
}
.invite .invite-head .left{
    width: 1rem;
}
.invite .invite-head .left img{
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
}
.invite .invite-head .right{
    color: #FFF;
    padding-left: 0.2rem;
}
.invite .invite-head .right .name{
    font-weight: bold;
    font-size: 0.32rem;
    line-height: 0.32rem;
    padding-bottom: 0.2rem;
}
.invite .invite-head .right .grade span{
    background: #000;
    font-size: 0.20rem;
    border-radius: 0.4rem;
    padding: 0 0.2rem;
    display: inline-block;
}
.invite .invite-head .aff i{
    font-size: 0.4rem;
    color: #FFF;
}
.invite-money{
    background: #303030;
    height: 1.5rem;
    border-radius: 0.2rem;
    position: relative;
    z-index: 2;
    padding: 0.25rem 0.25rem 0.5rem 0.25rem;
    margin-top: 0.3rem;
}
.invite-money .left{
    flex: 1;
    color: #dbdbdb;
}
.invite-money .left .text span{
    font-size: 0.3rem;
    color: #FFF;
}
.invite-money .left .text span i{
    font-size: 0.22rem;
    font-style: normal;
}
.invite-money .left .p{
    font-size: 0.20rem;
    color: #f65247;
}
.invite-money .left .p i{
    font-size: 0.2rem;
}
.invite-money .right{
    width: 1rem;
    text-align: center;
    background: #f65247;
    color: #FFF;
    border-radius: 0.4rem;
    font-size: 0.24rem;
    padding: 0.08rem 0;
}
.invite-info{
    position: relative;
    z-index: 3;
    background: #FFF;
    border-radius: 0.2rem;
    padding: 0.3rem 0.2rem;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    margin-top: -0.25rem;
}
.invite-info .item{
    width: 100%;
}
.invite-info .item span{
    display: block;
    font-size: 0.34rem;
    color: #f67a47;
    line-height: 0.34rem;
    padding-bottom: 0.1rem;
}
.invite-text{
    padding: 0.25rem;
    background: #FFF;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    margin-top: 0.3rem;
    border-radius: 0.05rem;
}
.invite-text .t{
    font-size: 0.3rem;
    font-weight: bold;
    margin-bottom: 0.15rem;
}
.invite-text li{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    line-height: 0.8rem;
}
.invite-text li span{
    font-size: 0.26rem;
}
.invite-text li i{
    font-style: normal;
    font-size: 0.24rem;
    background: #f67a47;
    color: #FFF;
    border-radius: 0.05rem;
    padding: 0.05rem 0.1rem;
    display: block;
    line-height: 0.26rem;
}
.invite-text li i.gray{
    background: #6c757d;
}
.invite-text li i.blue{
    background: #17a2b8;
}
.invite-text li i.green{
    background: #28a745;
}
.invite-text li i.red{
    background: #ee1313;
}
.invite-tab{
    background: #FFF;
    box-shadow: 0 0 0.05rem rgba(0, 0, 0, .1);
    margin-top: 0.3rem;
    border-radius: 0.05rem;
}
.invite-tab .layui-tab{
    margin: 0;
    box-shadow: none;
}
.invite-tab .layui-tab-title{
    height: 0.9rem;
}
.invite-tab .layui-tab-title .layui-this:after{
    height: 0.91rem;
}
.invite-tab .layui-tab-title li{
    padding: 0 0.25rem;
    font-size: 0.26rem;
    line-height: 0.9rem;
    min-width: 0.64rem;
}
.invite-tab .layui-tab-title li.layui-this{
    color: #f67a47;
}
.invite-tab .layui-tab-content{
    padding: 0.2rem;
}
.invite-tab .layui-table{
    margin: 0;
}
.invite-tab .layui-table td,.invite-tab .layui-table th{
    font-size: 0.25rem;
    padding: 0.09rem 0.15rem;
    min-height: 0.6rem;
    line-height: 0.6rem;
}
.invite-tab .layui-table th{
    font-weight: bold;
}
.invite-tab .layui-table th span{
    display: block;
    line-height: 0.45rem;
}
.invite-tab .layui-table td span{
    line-height: 0.5rem;
    display: block;
}
.invite-tab .layui-table td i{
    font-size: 0.2rem;
    border-radius: 0.03rem;
    padding: 0 0.06rem;
    height: 0.36rem;
    line-height: 0.36rem;
}
/*提现弹窗*/
.invite-form{
    padding: 0.25rem;
}
.invite-form .layui-rate{
    padding: 0;
    margin-top: -0.1rem;
}
.invite-form li{
    font-size: 0.26rem;
    margin-bottom: 0.2rem;
}
.invite-form .layui-inline{
    margin-bottom: 0;
}
.invite-form li label{
    display: block;
    margin-bottom: 0.1rem;
}
.invite-form li label i{
    color: #f00;
}
.invite-form .layui-layer-content{
    overflow: inherit!important;
}
.invite-form .layui-form-radio{
    line-height: 0.32rem;
    margin: 0 0.1rem 0 0;
    padding-right: 0.1rem;
    display: flex;
    align-items: center;
}
.invite-form .layui-form-radio div{
    line-height: 1;
}
.invite-form .layui-form-radio>i {
    margin-right: 0.08rem;
    font-size: 0.3rem;
}
.invite-form .layui-form-radio:hover *,.invite-form .layui-form-radioed,.invite-form .layui-form-radioed>i{
    color: #f67a47;
}
.invite-form .layui-form-select .layui-input{
    padding-right: 0.3rem;
    height: 0.7rem;
    border-radius: 0.05rem;
    border: 1px solid #ddd;
}
.invite-form .layui-form-select dl{
    top: 0.76rem;
    padding: 0.05rem 0;
    max-height: 3rem;
    border-radius: 0.05rem;
    box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, .2);
}
.invite-form li .input{
    position: relative;
}
.invite-form li .input input{
    border: 1px solid #ddd;
    padding: 0.15rem 0.5rem;
    width: 100%;
    border-radius: 0.05rem;
}
#tj_code li .input input{
    padding: 0.15rem 0.2rem;
}
.invite-form li .input i{
    position: absolute;
    left: 0.15rem;
    top: 50%;
    transform: translate(0, -50%);
}
.invite-form li .input .obtain{
    position: absolute;
    right: 0.15rem;
    top: 50%;
    transform: translate(0, -50%);
    background: #ddd;
    border-radius: 0.08rem;
    font-size: 0.22rem;
    line-height: 1;
    padding: 0.1rem 0.15rem;
    cursor: pointer;
}
.invite-form .button-btn{
    padding: 0.18rem 0;
}
.invite-form-item .play{
    height: 1.7rem;
    overflow-y: auto;
    display: none;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}
.invite-form-item #wx_play{
    display: block;
}
.invite-form-item #wx_play .wx_img{
    height: 40px;
    min-width: 40px;
    max-width: 60px;
    object-fit: contain;
}
.invite-form-item .play .list{
    padding: 0.1rem 0;
    border-top: 1px solid #ebebeb;
}
.invite-form-item .play .list:first-child{
    border-top: none;
}
.invite-form-item .play .list .name{
    margin-left: 0.2rem;
}


.myqrcode{
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(100%);
}
.myqrcode .close{
    position: absolute;
    left: 50%;
    top: 1rem;
    transform: translate(-50%, 0);
}
.myqrcode .close i{
    font-size: 0.5rem;
    line-height: 1;
    color: #FFF;
}
.myqrcode-box{
    width: 5.9rem;
    border-radius: 0.16rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: radial-gradient(circle at 0% 28%, transparent 5%, #fff 5.5%) no-repeat left / 51% 100%,radial-gradient(circle at 100% 28%, transparent 5%, #fff 5.5%) no-repeat right / 51% 100%;
    position: relative;
}
.myqrcode-box .division{
    border-top: 1px dashed #E6E6E6;
    margin-bottom: 0.3rem;
}
.myqrcode-box:after{
    content: '';
    width: 80%;
    height: 0.03rem;
    border-top: 0.03rem dashed #E6E6E6;
    position: absolute;
    top: 28%;
    left: 10%;
}
.myqrcode-box-top{
    flex: 1;
}
.myqrcode-box-top .text{
    padding: 0.8rem 0 0.4rem 0;
}
.myqrcode-box-top .text .t{
    font-size: 0.32rem;
    line-height: 1;
    font-weight: bold;
}
.myqrcode-box-top .text .p{
    padding-top: 0.15rem;
}
.myqrcode-box-bottom{
    position: relative;
    padding: 0 0.4rem 0.4rem;
    margin-top: 0.8rem;
}
.myqrcode-box-bottom .text{
    margin: 0.3rem 0.6rem;
    position: relative;
}
.erweima{
    position: absolute;
    top: 0;
    left: 0;
}
.myqrcode-box-bottom .text .btn{
    padding: 0.15rem 0.4rem;
    background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
    border-radius: 0.5rem;
    color: #FFF;
    cursor: pointer;
    margin-top: 0.5rem;
    font-size: 0.24rem;
}
.myqrcode-box-middle{
    height: 0.64rem;
    position: relative;
    overflow: hidden;
}
.myqrcode-box-middle div{ /* 中间虚线 */
    position: absolute;
    left: 0.36rem;
    right: 0.36rem;
    top: 0.29rem;
    border-top: 0.03rem dashed #E6E6E6;
    z-index: 9;
}
.myqrcode-box-middle:before, .myqrcode-box-middle:after{
    content: '';
    border: 3rem solid #FFFFFF;
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    top: 50%;
    margin-top: -3.3rem;
}
.myqrcode-box-middle:before{
    left: -3.3rem;
}
.myqrcode-box-middle:after{
    right: -3.3rem;
}


/*单页*/
.about-nav{}
.about-nav .swiper-container{
    width: auto!important;
    height: 100%;
    text-align: center;
    line-height: 50px;
    color: #000;
    font-size: 20px;
}
.about-nav .swiper-wrapper{
    position: relative;
    width: auto!important;
    height: 100%;
}
.swiper-wrapper{
    touch-action: none;
}
.about-nav .swiper-slide {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    cursor: pointer;
}
.about-nav .swiper-wrapper span{
    position: absolute;
    height: 3px;
    background: #000;
    left: 1%;
    top: 85%;
}
.aboutus{
    background: #FFF;
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .1);
    padding: 0.25rem;
    border-radius: 0.05rem;
}
.aboutus p{
    padding-bottom: 0.1rem;
    line-height: 1.4;
}
/*留言*/
.message-form{
    padding-top: 0.25rem;
}
.message-form .item{
    margin-bottom: 0.25rem;
}
.message-form .layui-form-radio{
    line-height: 0.28rem;
    padding-right: 0.1rem;
    margin: 0;
}
.message-form .layui-form-radio *{
    font-size: 0.26rem;
}
.message-form .layui-form-radio>i{
    font-size: 0.28rem;
    margin-right: 0.1rem;
}
.message-form label{
    line-height: 1.4;
    padding-bottom: 0.1rem;
    display: block;
    font-size: 0.25rem;
}
.message-form label i{
    color: #f00;
}
.message-form .layui-input,.message-form .layui-textarea{
    height: 0.7rem;
    padding-left: 0.15rem;
    border-radius: 0.05rem;
}
.message .form-btn{
    background-color: #f67a47;
    width: 100%;
    height: 0.8rem;
    font-size: 0.3rem;
}


/*分页*/
.pages{
    margin-top: 0.35rem;
}
.pages a{
    border: 1px solid #ddd;
    border-radius: 0.05rem;
    padding: 0.08rem 0.15rem;
    display: inline-block;
    background: #FFF;
    margin: 0 0.05rem;
}
.pages a.active{
    background: #f67a47;
    border-color: #f67a47;
    color: #FFF;
}




/*表单*/
input:focus, textarea:focus{
    border-color: #f67a47!important;
}
.form-btn{
    background: #f67a47;
    line-height: 0.8rem;
    color: #FFF;
    border-radius: 0.05rem;
    text-align: center;
    display: block;
    width: 100%;
    border: none;
}
.layui-textarea{
    min-height: 1.4rem;
    padding: 0.1rem 0.15rem;
    border: 1px solid #dedede;
    border-radius: 0.05rem;
    line-height: 0.34rem;
}
.layui-input:focus, .layui-textarea:focus {
    border-color: #f67a47!important;
}

/*layui*/
.layui-rate li i.layui-icon{
    font-size: 0.32rem;
    margin-right: 0.1rem;
    line-height: 1;
}
.layui-rate li i:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{
    color: #f67a47;
}

.layui-form-select dl dd, .layui-form-select dl dt{
    padding: 0 0.15rem;
    line-height: 0.7rem;
}
.layui-form-select dl dd.layui-this{
    background-color: #f67a47;
}