@charset "utf-8";/* CSS Document */

*{margin:0;padding:0;---webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-touch-callout:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{font-family:Arial,"Microsoft YaHei";outline:none;color:#666;-webkit-text-size-adjust:100%;}
body{min-width:320px;margin:0 auto;font-size:14px;}
h1,h2,h3,h4,h5,h6,input,textarea,select,div,p,ul,li{outline:none;font-family:"Microsoft YaHei",Arial;}
img{border:none;}
ul,ol,li{list-style:none;}
a{color:#666;text-decoration:none;outline:none;}
a:hover,a:active{color:#367f86;}
a:link{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;}
.clear{clear:both;height:0;font-size:0;overflow:hidden;}
.fl{float:left !important;display:inline;}
.fr{float:right !important;display:inline;}
.dis{display:block}
.lkrelative{position:relative;z-index:2;}
.bgfafafa{background-color:#fafafa;}
.clearfix:after{content:".";display:block;height:0;overflow:hidden;visibility:hidden;clear:both;}
.clearfix{*zoom:1;}
.layer_float{display:none!important;}
.layui-layer .layer_float{display:block!important;}
.graybg{
    background: #f6f6f6!important;;
}
.hide{
    display: none;
}

.ht-88{
    height: .88rem;
}
.ht-80{
    height: .80rem;
}
.ht-30{
    height: .30rem;
}
.ht-15{
    height: .15rem;
    font-size: 0;
}
.ht-20{
    height: .2rem;
    font-size: 0;
}
.ht-120{
    height: 1.2rem;
}
.ht-100{
    height: 1rem;
}
.ht-60{
    height: .6rem;
}
.ht-150{
    height: 1.5rem;
}
.color666{
    color: #666!important;
}
.colorb60005{
    color: #b60005!important;
}
.bgf6f6f6{
    background: #f6f6f6!important;
}
.border_radius_none{
    border-radius: 0!important;
}
.margin_no{
    margin: 0!important;
}
.flex-align-items-center{
    display: flex!important;
    align-items: center!important;
}
.flex-justify-content-center{
    display: flex!important;
    justify-content: center!important;
}
.flex-center{
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
.headerDiv{
    height: .88rem;
    position: fixed;
    z-index: 144;
    right: 0;
    left: 0;
    background: #f1f1f1;
}
.headerDiv .return{
    width: .6rem;
    height: .88rem;
    float: left;
    background: url(../images/headreturn.png) no-repeat center center;
    background-size: .34rem .34rem;
}
.headerDiv .title{
    height: .88rem;
    margin: 0 .8rem;
    line-height: .88rem;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: .36rem;
    color: #333;
}
.loginLogo{
    margin-top: .9rem;
    height: 2.14rem;
}
.loginLogo img{
    display: block;
    margin: 0 auto;
}
.loginForm{
    margin: 0 .74rem;
}
.loginForm .inputDiv{
    padding-top: .3rem;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
}
.loginForm .inputDiv .txt{
    display:block;
    width: 100%;
    line-height: .4rem;
    padding: .15rem 0;
    font-size: .28rem;
    color: #999;
    background: #fff;
    border: none;
    color: #333;
}
.loginForm .inputDiv .getcode{
    width: 1.9rem;
    height: .4rem;
    border: none;
    border-left: 1px solid #999;
    background:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b60005;
    font-size: .28rem;
    flex-shrink: 0;
}
.loginForm .btnDiv{
    margin-top: .8rem;
    display: flex;
}
.loginForm .btnDiv .btn_class{
    width: 100%;
    height: .88rem;
    line-height: .88rem;
    background:url(../images/btnbg.jpg);
    border-radius: 3px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .34rem;
    color: #fff;
}
.loginForm .caozuo{
    height: .88rem;
    padding: 0 .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.loginForm .caozuo a{
    display: block;
    height: .88rem;
    line-height: .88rem;
    font-size: .28rem;
}

.other-login{
    position: fixed;
    background: #fff;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 .76rem .4rem;
    z-index: 50;
}
.other-login .title{
    height: .6rem;
    display: flex;
    align-items: center;
}
.other-login .title .line{
    width: 100%;
    display: flex;
    align-items: center;
}
.other-login .title .line span{
    display: block;
    width: 100%;
    height: 1px;
    font-size: 0;
    background: #dcdcdc;
}
.other-login .title h3{
    font-size: .28rem;
    font-weight: normal;
    color: #666;
    margin: 0 .25rem;
    flex-shrink: 0;
}
.other-login .box{
    height: 1.2rem;
    display:flex;
    align-items: center;
    justify-content: center;
}
.other-login .box a{
    display: block;
    width: .78rem;
    height: .78rem;
    margin: 0 .15rem;
}
.other-login .box a img{
    display: block;
    width: 100%;
    height: 100%;
}
.float-yhxy{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    padding:.3rem 0;
    background: #fff;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    color: #666;
}
.float-yhxy label{
    position: relative;
    width: .3rem;
    height: .3rem;
    margin-right: .2rem;
    display: block;
    background: url(../images/checkbox01.png) no-repeat 0 0;
    background-size: 100% 100%;
    overflow: hidden;
}
.float-yhxy label.on{
    background: url(../images/checkbox01on.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float-yhxy label input{
    position: absolute;
    left: -99999px;
}
.float-yhxy a{
    color: #b60005;
}

.yhxy{
    padding: .2rem;
    line-height: 180%;
    color: #666;
}

/*首页*/
.top-sham-search{
    display: flex;
    align-items: center;
    height:1rem;
    padding: .3rem;
}
.top-sham-search .linkA{
    display: block;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    background: #f5f5f5 url(../images/searchicon.png) no-repeat .2rem center;
    background-size: .28rem .28rem;
    padding: 0 .2rem 0 .58rem;
    border-radius: 3px;
    font-size: .28rem;
    color: #ccc;
    border: none;
}
.top-sham-search .changeLanguage {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1rem;
    height: .6rem;
    margin-left: .3rem;
    font-size: .28rem;
    color: #b60005;
    border-radius: 3px;
    background: #e9b2b4;
}
.iBanner{
    position: relative;
}
.iBanner img{
    display:block;
}
.iBanner .hd{
    position: absolute;
    height: .06rem;
    bottom: 0.12rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}
.iBanner .hd span{
    display: block;
    width: .2rem;
    height: .06rem;
    font-size: 0;
    background: rgba(255,255,255,.6);
    margin: 0 .08rem;
    border-radius: .03rem;
}
.iBanner .hd span.on{
    background:rgba(255,255,255,1);
}
.index_title{
    height: 1.16rem;
    padding: 0 .3rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index_title h3{
    font-size: .38rem;
    color: #333;
    font-weight: normal;
}
.index_title .more{
    height: .52rem;
    line-height: .52rem;
    padding-right: .24rem;
    background: url(../images/rightmore.png) no-repeat right center;
    background-size: 0.08rem auto;
    color: #999;
    font-size: .26rem;
}
.index_class_list{
    display: flex;
    flex-wrap: nowrap;
    padding:0 .1rem .4rem .3rem;
    overflow: hidden;
    overflow-x:auto;
}
.index_class_list a{
    display: block;
    width: 4.95rem;
    margin-right: .2rem;
    flex-shrink: 0;
}
.index_class_list .pic{
    display: block;
    width: 4.95rem;
    height: 2.8rem;
    object-fit:cover;
}
.index_class_list .name{
    padding-top:.2rem;
    line-height: .52rem;
    font-size: .28rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_class_list .price{
    height: .52rem;
    line-height: .52rem;
    font-size: .3rem;
    color: #b60005;
}
.index_fg_line{
    margin: 0 .3rem;
    height: 1px;
    background: #e8e8e8;
    font-size: 0;
}
.index_class_list02{
    padding: 0 .1rem 0.2rem .3rem;
}
.index_class_list02 ul{
    display: flex;
    flex-wrap: wrap;
}
.index_class_list02 li{
    display: block;
    width: 50%;
    padding:0 .2rem .2rem 0;
}
.index_class_list02 a{
    display: block;
}
.index_class_list02 .pic{
    width: 100%;
    height: 1.9rem;
    display: block;
    object-fit: cover;
}
.index_class_list02 .name{
    padding-top:.1rem;
    line-height: .52rem;
    font-size: .28rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_class_list02 .price{
    height: .52rem;
    line-height: .52rem;
    font-size: .3rem;
    color: #b60005;
}
/*底部菜单*/
.float_menu{
    position: fixed;
    z-index: 102;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-top: 1px solid #dadada;
    height: .99rem;
    display: flex;
    align-items: center;
}
.float_menu_div{
    height: .99rem;
}
.float_menu a{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction:column;
    height: .96rem;
    width:100%;
}
.float_menu .pic{
    width: .4rem;
    height: .4rem;
}
.float_menu .float_menu_01 .pic{
    background: url(../images/foot_menu_01.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float_menu .float_menu_01.on .pic{
    background: url(../images/foot_menu_01on.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float_menu .float_menu_02 .pic{
    background: url(../images/foot_menu_02.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float_menu .float_menu_02.on .pic{
    background: url(../images/foot_menu_02on.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float_menu .float_menu_03 .pic{
    background: url(../images/foot_menu_03.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float_menu .float_menu_03.on .pic{
    background: url(../images/foot_menu_03on.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float_menu .float_menu_04 .pic{
    background: url(../images/foot_menu_04.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float_menu .float_menu_04.on .pic{
    background: url(../images/foot_menu_04on.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.float_menu .wz{
    line-height: .4rem;
    font-size: .22rem;
    color: #333;
}
.float_menu .on .wz{
    color: #b60005;
}

/*搜索*/
.search_top{
    position: fixed;
    z-index: 140;
    background: #fff;
    right: 0;
    left: 0;
    height: 1rem;
    padding-left:.3rem;
}
.search_top_div{
    height: 1rem;
}
.search_top form{
    display: flex;
    align-items: center;
    height: 1rem;
}
.search_top .txt{
    display: block;
    width: 100%;
    height: .6rem;
    line-height: .6rem;
    background: #f5f5f5 url(../images/searchicon.png) no-repeat .2rem center;
    background-size: .28rem .28rem;
    padding: 0 .2rem 0 .58rem;
    border-radius:.1rem;
    font-size: .28rem;
    color: #ccc;
    border: none;
}
.search_top .btn{
    width: 1.2rem;
    height: .6rem;
    background: #fff;
    font-size: .3rem;
    border: none;
    color: #b70005;
}
.search_history{
    background: #fff;
}
.search_history .title{
    border-bottom: 1px solid #eee;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search_history .title h3{
    height: .9rem;
    line-height: .9rem;
    font-size: .28rem;
    color: #666;
    font-weight: normal;
}
.search_history .title a{
    height: .9rem;
    line-height: .9rem;
    font-size: .28rem;
    color: #999;
}
.search_history .list{
    margin-left: .3rem;
}
.search_history .list a{
    display: block;
    height: .88rem;
    line-height: .88rem;
    padding-right: .3rem;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .28rem;
}
.search_top_tags{
    height: .78rem;
    padding-bottom: .2rem;
    background: #fff;
    position: fixed;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.search_top_tags_div{
    height: .78rem;
}
.search_top_tags a{
    display: block;
    width: 100%;
    height: .58rem;
    line-height: .58rem;
    text-align: center;
    font-size: .28rem;
    color: #333;
}
.search_top_tags a.on{
    color: #b60005;
}
.studio_list{
    margin: .3rem .3rem 0;
}
.studio_list .studio_div{
    height: 1.5rem;
    padding: 0 .3rem;
    display:flex;
    align-items: center;
    background: #fff;
    border-radius: .05rem;
    box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);
    margin-bottom: .3rem;
}
.studio_list .studio_div .icon{
    width: .9rem;
    height: .9rem;
    display: block;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: .24rem;
}
.studio_list .studio_div .name{
    font-size: .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}
.class_list{
    margin: 0 .3rem;
}
.class_list .class_div{
    padding: .3rem 0;
    border-bottom:1px solid #e8e8e8;
    display: flex;
    align-items: center;
}
.class_list .class_div .pic{
    display: block;
    width: 2.7rem;
    height: 1.52rem;
    border-radius: .1rem;
    flex-shrink: 0;
    margin-right:.3rem;
}
.class_list .class_div .info{
    width: 100%;
    height: 1.52rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.class_list .class_div .info .name{
    height: .72rem;
    line-height: .36rem;
    font-size: .3rem;
    color: #333;
}
.class_list .class_div .info .infor{
    height: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.class_list .class_div .info .infor .money{
    font-size: .28rem;
    color: #b60005;
}
.class_list .class_div .info .infor .number{
    font-size: .28rem;
    color: #999;
}

.nosearch{
    padding-top: 2rem;
}
.nosearch .icon{
    height: 3rem;
}
.nosearch .icon img{
    display: block;
    margin: 0 auto;
}
.nosearch .wz{
    height: .6rem;
    line-height: .6rem;
    font-size: .26rem;
    color: #666;
    text-align: center;
}

/*弹出层样式*/
.lan-float{
    width:100%;
    display:none;
    background: #fff;
    border-radius: .1rem;
    position: relative;
}
.lan-float .closeA{
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/closebtn.png) no-repeat center center;
    background-size: .32rem .32rem;
}
.lan-float-title{
    padding-top: .4rem;
    height: 1.08rem;
    line-height: .68rem;
    text-align: center;
    font-size: .4rem;
    color: #333;
}
.lan-float .imortantIcon{
    height: 1.12rem;
    margin-top: .4rem;
}
.lan-float .imortantIcon img{
    display: block;
    height: 100%;
    margin: 0 auto;
}
.lan-float .improtantWz{
    line-height: .48rem;
    text-align: center;
    font-size: .3rem;
    color: #666;
    padding: .3rem .5rem 0;
}
.lan-float .improtantWz02{
    line-height: .6rem;
    text-align: center;
    font-size: .36rem;
    color: #000;
    padding: .1rem .5rem 0;
}
.lan-float .btn{
    padding: .4rem .5rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lan-float .btn .btnView{
    width: 100%;
    height: .8rem;
    margin-right: .2rem;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
}
.lan-float .btn .btnView:last-child{
    margin-right: 0;
}
.lan-float .btn .btn01{
    background: #fff;
    color: #b70005;
    border: 1px solid #b70005;
}
.lan-float .btn .btn02{
    background: #b70005;
    color: #fff;
}
.left_tags_div{
    position: fixed;
    left: 0;
    width: 1.8rem;
    overflow: hidden;
    overflow-y: auto;
    background: #f6f6f6;
}
.left_tags_div a{
    display: block;
    height: 1rem;
    line-height: 1rem;
    position: relative;
    padding:0 .2rem;
    font-size: .28rem;
    color: #666;
    text-align: center;
}
.left_tags_div a.on{
    background: #fff;
    color: #b60005;
}
.left_tags_div a.on i{
    width: 1px;
    height: .5rem;
    font-size:0;
    position: absolute;
    top: .25rem;
    left: 0;
    background: #b60005;
}
.right_tags_div{
    margin-left: 2.1rem;
}
.right_tags_div .list_banner{
    padding: .3rem .3rem 0 0;
}
.right_tags_div .list_banner img{
    display: block;
}
.class_list_lan{
    padding: .4rem .1rem 0 0;
}
.class_list_lan ul{
    display: flex;
    flex-wrap: wrap;
}
.class_list_lan li{
    display: block;
    width: 50%;
    padding:0 .2rem .2rem 0;
}
.class_list_lan a{
    display: block;
}
.class_list_lan .pic{
    width: 100%;
    height: 1.4rem;
    display: block;
    object-fit: cover;
}
.class_list_lan .name{
    padding-top:.1rem;
    line-height: .48rem;
    font-size: .26rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.class_list_lan .price{
    height: .48rem;
    line-height: .48rem;
    font-size: .26rem;
    color: #b60005;
}

.class_mjkc_list{
    margin: .3rem .3rem 0;
}
.class_mjkc_list .mjkc_list_detail{
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);
    margin-bottom: .3rem;
}
.class_mjkc_list .mjkc_list_detail .topdiv{
    height: 1.2rem;
    padding: 0 .8rem 0 .3rem;
    display: flex;
    align-items: center;
    position: relative;
}
.class_mjkc_list .mjkc_list_detail .topdiv .photo{
    width: .58rem;
    height: .58rem;
    display: block;
    border-radius: 50%;
    margin-right: .15rem;
    flex-shrink: 0;
}
.class_mjkc_list .mjkc_list_detail .topdiv .name{
    font-size: .32rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.class_mjkc_list .mjkc_list_detail .topdiv i{
    width:.24rem;
    height: .24rem;
    position: absolute;
    top: .48rem;
    right: .3rem;
    background: url(../images/arrow02.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.class_mjkc_list .mjkc_list_detail.on .topdiv i{
    background: url(../images/arrow01.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.class_mjkc_list .mjkc_list_detail .bottomdiv{
    padding: 0 .3rem;
    height: 0;
    overflow: hidden;
    transition: height 10s;
    -moz-transition: height 10s;  /* Firefox 4 */
    -webkit-transition: height 10s;   /* Safari 和 Chrome */
    -o-transition: height 10s;
}
.class_mjkc_list .mjkc_list_detail.on .bottomdiv{
    height: auto;
    border-top: 1px solid #eee;
}
.class_mjkc_list .mjkc_list_detail .bottomdiv a{
    display: block;
    height: .88rem;
    line-height: .88rem;
    font-size: .28rem;
    color: #666;
    border-bottom: 1px dashed #eee;
    position: relative;
    padding-left:.3rem;
}
.class_mjkc_list .mjkc_list_detail .bottomdiv a i{
    width: .1rem;
    height: .1rem;
    background: #333;
    border-radius: 50%;
    position: absolute;
    top: .39rem;
    left: 0;
}
.class_mjkc_list .mjkc_list_detail .bottomdiv a:last-child{
    border: none;
}

/*课程详情*/
.class_detail_banner img{
    display: block;
}
.class_detail_info{
    padding: .25rem .3rem .1rem;
}
.class_detail_info .name{
    line-height: .48rem;
    font-size: .34rem;
    color: #333;
}
.class_detail_info .infor{
    height: .62rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.class_detail_info .infor .price{
    font-size: .4rem;
    color: #b60005;
}
.class_detail_info .infor .number{
    font-size: .28rem;
    color: #999;
}

.detail_title{
    height: .88rem;
    background: #fff;
    padding: 0 .3rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail_title h3{
    height: .4rem;
    line-height: .4rem;
    font-size: .32rem;
    color: #333;
    position: relative;
    font-weight: normal;
}
.detail_title h3 i{
    width: .08rem;
    height: .4rem;
    position: absolute;
    top: 0;
    left: -.3rem;
    background: #b60005;
}

.class_detail_nr{
    margin: 0 .3rem;
    padding: .3rem 0;
    line-height:180%;
    font-size: .28rem;
    border-top: 1px solid #e8e8e8;
}
.class_detail_nr{ overflow: hidden; }
.class_detail_nr img{ max-width: 100% !important; }
.detail_foot{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    height: 1.2rem;
    z-index: 80;
    box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    padding: 0 .3rem;
}
.detail_foot .shoucang{
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: .3rem;
    flex-shrink: 0;
}
.detail_foot .shoucang i{
    width: .36rem;
    height: .36rem;
    display: block;
    margin: 0 auto;
    background: url(../images/scicon01.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.detail_foot .shoucang.on i{
    background: url(../images/scicon02.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.detail_foot .shoucang p{
    height: .3rem;
    line-height: .3rem;
    font-size: .22rem;
    color: #333;
}
.detail_foot .shoucang p.yi,.detail_foot .shoucang.on p.wei{
    display: none;
}
.detail_foot .shoucang.on p.yi{
    display: block;
}
.detail_foot .gotogwc {
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: .3rem;
    flex-shrink: 0;
}

.detail_foot .gotogwc .icon {
    position: relative;
    width: .4rem;
    height: .4rem;
    display: block;
    background: url(../images/gouwuicon.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.detail_foot .lxkefu .icon{
    width: .36rem;
    height: .36rem;
    background: url(../images/lxkefu.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.detail_foot .gotogwc .icon i {
    position: absolute;
    width: .3rem;
    height: .3rem;
    background: #b60005;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: #fff;
    top: -.1rem;
    right: -.1rem;
    font-style: normal;
}

.detail_foot .gotogwc p.wz {
    height: .4rem;
    line-height: .4rem;
    font-size: .22rem;
    color: #333;
}
.detail_foot .lxkefu p.wz{
    height: .3rem;
    line-height: .3rem;
}
.detail_foot .btn{
    width: 100%;
    height: .8rem;
    display: flex;
    align-items: center;
}
.detail_foot .btn .btnview{
    width: 100%;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .3rem;
    font-size: .32rem;
    border-radius: .1rem;
}
.detail_foot .btn .btnview:last-child{
    margin-right: 0;
}
.detail_foot .btn .btn01{
    background: #b60005;
    color: #fff;
}
.detail_foot .btn .btn03{
    background: #f25d1a;
    color: #fff;
}
/*选择课程*/
.class_detail_sx{
    background: #fff;
    position: relative;
    margin-top: .8rem;
}
.class_detail_sx .closeA{
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .3rem;
    right: .3rem;
    background: url(../images/closebtn02.png) no-repeat 0 0;
    background-size: 100% 100%;
    z-index: 10;
}
.class_detail_sx .topdiv{
    height: 2.16rem;
    padding: 0 1.2rem 0 3.1rem;
    position: relative;
}
.class_detail_sx .topdiv .photo{
    width: 2.6rem;
    height: 2.6rem;
    border-radius: .1rem;
    border:1px solid #fff;
    overflow: hidden;
    position: absolute;
    left: .3rem;
    top: -0.8rem;
}
.class_detail_sx .topdiv .photo img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.class_detail_sx .topdiv .price{
    padding-top: .5rem;
    line-height: .54rem;
    font-size: .36rem;
    color: #b60005;
}
.class_detail_sx .topdiv .number{
    line-height: .4rem;
    font-size: .26rem;
    color: #999;
}
.class_detail_sx .middlediv{
    max-height: 4rem;
    overflow: hidden;
    overflow-y: auto;
}
.class_detail_sx .middlediv .title{
    padding-bottom: .2rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #333;
    margin: 0 .3rem;
}
.class_detail_sx .middlediv .list{
    margin: 0 .1rem 0 .3rem;
    display: flex;
    flex-wrap: wrap;
}
.class_detail_sx .middlediv .list a{
    height: .6rem;
    display:flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #666;
    margin: 0 .2rem .2rem 0;
    border-radius: .05rem;
    font-size: .26rem;
    color: #333;
    padding: 0 .3rem;
}
.class_detail_sx .middlediv .list a.on{
    color: #b60005;
    border: 1px solid #b60005;
}
.class_detail_sx .middlediv .list a.no{
    color: #bdbdbd;
    border: 1px solid #bdbdbd;
}
.class_detail_sx .middlediv .number{
    height: .5rem;
    display: flex;
    align-items: center;
    margin-left: .3rem;
}
.class_detail_sx .middlediv .number span.prev{
    display: block;
    width: .22rem;
    height: .22rem;
    background: url(../images/jian.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.class_detail_sx .middlediv .number span.prev.no{
    background: url(../images/jianno.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.class_detail_sx .middlediv .number span.next{
    display: block;
    width: .22rem;
    height: .22rem;
    background: url(../images/jia.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.class_detail_sx .middlediv .number .txt{
    display: block;
    width: .8rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #eee;
    border: none;
    border-radius: .1rem;
    font-size: .28rem;
    color: #333;
    margin: 0 .2rem;
}
.class_detail_sx .btn{
    padding: .3rem;
    display: flex;
    align-items: center;
}
.class_detail_sx .btn .btnview{
    width: 100%;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .3rem;
    font-size: .32rem;
    border-radius: .1rem;
}
.class_detail_sx .btn .btnview:last-child{
    margin: 0;
}
.class_detail_sx .btn .btn01{
    background: #b60005;
    color: #fff;
}

.class_detail_sx .btn .btn04{
    background: #999;
    color: #fff;
}

.class_detail_sx .btn .btn03{
    background: rgba(242,93,25,1);
    color: #fff;
}
.order_pro_detail{
    margin: 0 .3rem;
    background: #fff;
    border-radius: .1rem;
    padding: .3rem;
    display: flex;
    align-items: center;
}
.order_pro_detail .photo{
    width: 1.8rem;
    height: 1.8rem;
    display: block;
    object-fit: cover;
    margin-right: .2rem;
}
.order_pro_detail .info{
    height: 1.8rem;
    position: relative;
}
.order_pro_detail .info .name{
    line-height: .4rem;
    max-height: .8rem;
    overflow:hidden;
    font-size: .28rem;
    color: #333;
}
.order_pro_detail .info .describe{
    height: .48rem;
    line-height: .48rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .26rem;
    color: #999;
}
.order_pro_detail .price{
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: .4rem;
    font-size: .34rem;
    color: #b60005;
}
.order_input_box{
    background: #fff;
    border-radius: .1rem;
    padding: 0 .3rem;
    margin: 0 .3rem;
}
.order_input_box .order_input_box_detail{
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}
.order_input_box .order_input_box_detail:last-child{
    border: none;
}
.order_input_box .order_input_box_detail .left_div{
    height: .98rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3rem;
    color: #333;
    margin-right: .4rem;
    flex-shrink: 0;
}
.order_input_box .order_input_box_detail .right_div{
    display: flex;
    align-items: center;
    width: 100%;
}
.order_input_box .order_input_box_detail .right_div .show_wz{
    width: 100%;
    height: .98rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .32rem;
    color: #333;
}
.order_input_box .order_input_box_detail .right_div .more_arrow{
    width: .32rem;
    height: .22rem;
    background: url(../images/arrow03.png) no-repeat right center;
    background-size:auto 100%;
}
.order_input_box .order_input_box_detail .right_div .txt{
    width: 100%;
    line-height: .44rem;
    padding: .27rem 0;
    font-size: .32rem;
    color: #333;
    text-align: right;
    border: none;
    background: none;
}
.order_input_box .order_input_box_detail .right_div .txt::-ms-input-placeholder{text-align: right;}
.order_input_box .order_input_box_detail .right_div .txt::-webkit-input-placeholder{text-align: right;}
.order_input_box .order_input_box_detail .right_div .grzl_photo{
    width: 1rem;
    height: 1rem;
    position: relative;
    margin: .2rem;
}
.order_input_box .order_input_box_detail .right_div .grzl_photo #uploaderInput{
    position: absolute;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 0;
    opacity: 0;
}
.order_input_box .order_input_box_detail .right_div .grzl_photo #uploaderFiles{
    width: 1rem;
    height: 1rem;
}
.order_input_box .order_input_box_detail .right_div .grzl_photo #uploaderFiles img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
/*选择学生弹出层*/
.order_foot_tc{
    display: none;
    background: #fff;
}
.order_foot_tc .order_foot_title{
    height: .98rem;
    background: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_foot_tc .order_foot_title .wz{
    padding-left: .3rem;
    font-size: .34rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.order_foot_tc .order_foot_title .wz span{
    font-size: .28rem;
    color: #999;
}
.order_foot_tc .order_foot_title .closeWz{
    height: .98rem;
    line-height: .98rem;
    padding: 0 .3rem;
    font-size: .3rem;
    color: #b70005;
    flex-shrink: 0;
}
.select_student_list{
    max-height: 5rem;
    overflow: hidden;
    overflow-y: auto;
}
.select_student_list li{
    height: 1rem;
    border-bottom: 1px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 .3rem;
}
.select_student_list p{
    height: .8rem;
    line-height: .8rem;
    font-size: .32rem;
    color: #333;
    padding-left: .6rem;
    background: url(../images/checkbox01.png) no-repeat 0 center;
    background-size: .4rem .4rem;
}
.select_student_list .on p{
    background: url(../images/checkbox01on.png) no-repeat 0 center;
    background-size: .4rem .4rem;
}
.select_student_list .bjicon{
    width: .32rem;
    height: .32rem;
    background: url(../images/bjicon.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.order_foot_tc .add_btn{
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.order_foot_tc .add_btn p{
    line-height: .4rem;
    padding-left: .5rem;
    font-size: .32rem;
    color: #b70005;
    background: url(../images/addicon.png) no-repeat 0 center;
    background-size: .32rem .32rem;
}
/*添加学生信息*/
.people_headphoto{
    height: 2.62rem;
    background: #fff;
    padding-top: .5rem;
}
.people_headphoto .headphoto{
    position: relative;
    width: 1.5rem;
    margin: 0 auto;
}
.people_headphoto .headphoto .photo{
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
}
.people_headphoto .headphoto .photo img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.people_headphoto .headphoto .wz{
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .26rem;
    color: #999;
}
.people_headphoto .headphoto input{
    position: absolute;;
    width: 1.5rem;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
.add_student_foot{
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1.5rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    background: #f6f6f6;
}
.add_student_foot .viewbtn{
    width: 100%;
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .3rem;
    font-size: .34rem;
    border-radius: .1rem;
}
.add_student_foot .viewbtn:last-child{
    margin: 0;
}
.add_student_foot .btn01{
    background: #b60005;
    color: #fff;
}

/*select*/
.hidetmp {
    position: fixed;
    left: -9999px;
    opacity: 0;
}
.dw-persp{
    z-index: 200000000!important;
}
.mbsc-ios7 .dw-li {
    height: .88rem;
    line-height: .88rem;
    text-align: center !important;
    font-size: 0.28rem!important;
    font-weight: normal !important;
    color: #999 !important;
}
.mbsc-ios7 .dw-sel {
    color: #353535 !important;
}
.mbsc-ios7 .dwwr {
    padding-top: 0 !important;
    background: #fff !important;
}
.mbsc-ios7 .dwbc {
    border: 0 !important;
}
.mbsc-ios7 .dwb {
    height: .98rem !important;
    line-height: .98rem !important;
    font-size: .3rem !important;
    font-weight: normal !important;
    color: #b70005 !important;
}
.mbsc-ios7 .dwb.dwb1 {
    color: #999 !important;
}
.mbsc-ios7 .dwc {
    display: block !important;
}
.mbsc-ios7 .dwv {
    line-height: .98rem !important;
    font-size: .32rem !important;
    color: #333 !important;
    border: 0 !important;
    background: #e1e1e1;
}
.mbsc-ios7 .dwwol {
    height: .88rem;
    line-height: .88rem;
    border: 0 !important;
    margin-left: 0 !important;
    background: #f5f5f5 !important;
}
.mbsc-ios7 .dwhl .dwwc,
.mbsc-ios7 .dwwc {
    padding: 0 !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
}
.mbsc-ios7 .dwww {
    padding: 0 !important;
}
.mbsc-ios7 .dwwo {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(0.52, rgba(255, 255, 255, 0)), color-stop(0.48, rgba(255, 255, 255, 0)), to(#fff)) !important;
    background: -webkit-linear-gradient(#fff, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0) 28%, #fff) !important;
    background: -moz-linear-gradient(#fff, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0) 28%, #fff) !important;
    background: linear-gradient(#fff, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0) 28%, #fff) !important;
}

.yhj_list{
    margin-top: .35rem;
}
.yhj_list .yhj_list_detail{
    width: 7.04rem;
    height: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto .16rem;
}
.yhj_list .yhj_list_detail .leftdiv{
    width: .7rem;
    height: 2.16rem;
    background: url(../images/yhjleft.png) no-repeat 0 0;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    color: #fff;
}
.yhj_list .yhj_list_detail .rightdiv{
    width: 6.23rem;
    height: 2.3rem;
    padding-top: 0.07rem;
    background: url(../images/yhjright.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.yhj_list .yhj_list_detail .rightdiv .topdiv{
    margin: 0 .35rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #f2f2f2;
    position: relative;
}
.yhj_list .yhj_list_detail .rightdiv .topdiv .check{
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: .25rem;
    right: 0;
    background: url(../images/checkbox01.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.yhj_list .yhj_list_detail .rightdiv .topdiv .check.on{
    background: url(../images/checkbox01on.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.yhj_list .yhj_list_detail .rightdiv .topdiv .price{
    width: 2.1rem;
    margin-right: .24rem;
    font-size: .52rem;
    font-weight: bold;
    color: #b70005;
    text-align: center;
    flex-shrink: 0;
}
.yhj_list .yhj_list_detail .rightdiv .topdiv .price span{
    font-size: .28rem;
}
.yhj_list .yhj_list_detail .rightdiv .topdiv .info{
    width: 100%;
    overflow: hidden;
}
.yhj_list .yhj_list_detail .rightdiv .topdiv .info .name{
    height: .5rem;
    font-size: .3rem;
    font-weight: bold;
    line-height: .5rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.yhj_list .yhj_list_detail .rightdiv .topdiv .info .time{
    height: .4rem;
    font-size: .24rem;
    line-height: .4rem;
    color: #999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.yhj_list .yhj_list_detail .rightdiv .bottomdiv{
    height: .62rem;
    margin: 0 .35rem;
    display: flex;
    align-items: center;
}
.yhj_list .yhj_list_detail .rightdiv .bottomdiv .xz{
    width: 100%;
    font-size: .24rem;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.yhj_list .yhj_list_detail .rightdiv .bottomdiv .sysm{
    flex-shrink: 0;
    margin-left: .2rem;
    color: #666;
    font-size: .24rem;
}
.order_yhj_list{
    max-height: 7.4rem;
    overflow: hidden;
    overflow-y: auto;
}
/*订单上传图片*/
.update_title{
    line-height: .48rem;
    padding: .2rem 0;
    font-size: .26rem;
    color: #333;
}
.update_title span{
    color: #999;
    font-size: .26rem;
}
.upload_box{
    margin-right: -.2rem;
}
.upload_box .uploaderFiles li{
    width: 1.5rem;
    height: 1.5rem;
    float: left;
    margin: 0 .2rem .2rem 0;
    position: relative;
}
.upload_box .uploaderFiles li img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .1rem;
    object-fit: cover;
}
.upload_box .uploaderFiles li i{
    width: .32rem;
    height: .32rem;
    background: url(../images/closebtn03.png) no-repeat 0 0;
    background-size:100%;
    position: absolute;
    top: -.1rem;
    right: -.1rem;
}
.upload_box .evaW-file{
    width: 1.5rem;
    height: 1.5rem;
    float: left;
    margin: 0 .2rem .2rem 0;
    position: relative;
    background: #f4f4f4;
    border-radius: .1rem;
}
.upload_box .evaW-file i{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/uploadfile.png) no-repeat center center;
    background-size: .58rem auto;
}
.upload_box .evaW-file input{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.order_money_top{
    padding: .22rem 0;
    border-bottom: 1px solid #eee;
}
.order_money_top dl{
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_money_top dt{
    font-size: .28rem;
    color: #333;
}
.order_money_top dd{
    font-size: .32rem;
    color: #333;
}
.order_money_bottom{
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .34rem;
    color: #333;
}
.wxpayBtn{
    padding: .6rem .3rem .9rem;
}
.wxpayBtn .btnview{
    height: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .34rem;
    color: #fff;
    border-radius: .1rem;
    background: #09bb07;
}

.wxpayBtn .red {
    background: rgba(183,0,5,1);
}

.zfcg{
    padding-top: 1.5rem;
}
.zfcg .icon{
    height: 1.7rem;
}
.zfcg .icon img{
    display: block;
    height: 100%;
    margin: 0 auto;
}
.zfcg .wz{
    padding-top:.9rem;
    line-height: .8rem;
    text-align: center;
    font-size: .38rem;
    color: #000;
}
.zfcg .btn{
    padding-top: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zfcg .btn .btnview{
    width: 2.5rem;
    height: .88rem;
    margin: 0 .15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    border-radius: .1rem;
}
.zfcg .btn .btn01{
    background: #000;
    color: #fff;
}
.zfcg .btn .btn02{
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
.store_top{
    height: 2.7rem;
    background: #fff;
    position: fixed;
    right: 0;
    left: 0;
}
.store_top .topdiv{
    height: .94rem;
    display: flex;
    justify-content: space-between;
}
.store_top .topdiv .tags{
    height: .84rem;
    padding-left: .3rem;
    display: flex;
    align-items: flex-end;
}
.store_top .topdiv .tags a{
    display:block;
    font-size: .32rem;
    color: #333;
    margin-right: .10rem;
}
.store_top .topdiv .tags a.on{
    font-size: .46rem;
    margin-right:.10rem;
}
.store_top .topdiv .shopcaricon{
    width: .6rem;
    height: .6rem;
    margin: .3rem .3rem 0 0;
    background: url(../images/gouwuicon.png) no-repeat center center;
    background-size: .4rem .4rem;
    position: relative;
}
.store_top .topdiv .shopcaricon i{
    width: .26rem;
    height: .26rem;
    background: #dd2828;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: #fff;
    font-style: normal;
    border-radius: 50%;
    font-family: Arial;
    position: absolute;
    right: 0;
    top: 0;
}

.store_tag{
    height: .64rem;
    display: flex;
}
.store_tag a{
    display: block;
    width: 100%;
    height: .64rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    color: #666;
}
.store_tag a.on{
    color: #b60005;
}
.store_tag .price{
    display: block;
    padding-right: .34rem;
    line-height: .4rem;
}
.store_tag .price.up{
    background: url(../images/priceup.png) no-repeat right center;
    background-size: auto .2rem;
}
.store_tag .price.down{
    background: url(../images/pricedown.png) no-repeat right center;
    background-size: auto .2rem;
}
.prolist{
    padding: .3rem 0 0 .3rem;
}
.prolist ul{
    display: flex;
    flex-wrap: wrap;
}
.prolist ul li{
    width: 50%;
    padding: 0 .3rem .3rem 0;
}
.prolist ul li a{
    display: block;
    background: #fff;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);
    padding-bottom: .2rem;
}
.prolist ul li .pic{
    display: block;
    width: 100%;
    height: 3.3rem;
    object-fit: cover;
}
.prolist ul li .name{
    height: .48rem;
    margin: .15rem .2rem 0;
    line-height: .48rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .3rem;
    color: #000;
}
.prolist ul li .info{
    height: .44rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .2rem;
}
.prolist ul li .info .price{
    font-size: .32rem;
    color: #dd2828;
}
.prolist ul li .info .number{
    font-size: .24rem;
    color: #999;
}
/*商品详情*/
.proBanner{
    position: relative;
}
.proBanner img{
    display:block;
}
.proBanner .hd{
    position: absolute;
    height: .06rem;
    bottom: 0.4rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
}
.proBanner .hd span{
    display: block;
    width: .2rem;
    height: .06rem;
    font-size: 0;
    background:#eee;
    margin: 0 .08rem;
    border-radius: .03rem;
}
.proBanner .hd span.on{
    background:#b60005;
}
.pro_detail_info{
    padding: .1rem .3rem;
    background: #fff;
}
.pro_detail_info .topdiv{
    height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pro_detail_info .topdiv .newprice{
    line-height: .48rem;
    font-size: .4rem;
    color: #b60005;
}
.pro_detail_info .topdiv .oldprice{
    line-height: .44rem;
    font-size: .28rem;
    color: #ccc;
}
.pro_detail_info .topdiv .oldprice span{
    text-decoration: line-through;
}
.pro_detail_info .topdiv .shoucang{
    width: .8rem;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;
}
.pro_detail_info .topdiv .shoucang i{
    width: .36rem;
    height: .36rem;
    display: block;
    margin: 0 auto;
    background: url(../images/scicon01.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.pro_detail_info .topdiv .shoucang.on i{
    background: url(../images/scicon02.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.pro_detail_info .topdiv .shoucang p{
    height: .3rem;
    line-height: .3rem;
    font-size: .22rem;
    color: #333;
}
.pro_detail_info .topdiv .shoucang p.yi,.pro_detail_info .topdiv .shoucang.on p.wei{
    display: none;
}
.pro_detail_info .topdiv .shoucang.on p.yi{
    display: block;
}
.pro_detail_info .name{
    line-height: .44rem;
    font-size: .34rem;
    color: #000;
}
.pro_detail_info .bottomdiv{
    height: .64rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pro_detail_info .bottomdiv .price{
    font-size: .26rem;
    color: #999;
}
.pro_detail_info .bottomdiv .number{
    font-size: .26rem;
    color: #999;
}
.prohascheck{
    height: 1rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
}
.prohascheck .leftwz{
    font-size: .28rem;
    color: #999;
    margin-right: .2rem;
    flex-shrink: 0;
}
.prohascheck .middlewz{
    font-size: .3rem;
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.prohascheck .rightarrow{
    width: .3rem;
    height: .3rem;
    background: url(../images/arrow03.png) no-repeat right center;
    background-size: .12rem .22rem;
    flex-shrink: 0;
}
.otherpro{
    background: #fff;
}
.pro_detail_title{
    height: .96rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}
.pro_detail_title h3{
    font-size: .32rem;
    font-weight: normal;
    color: #000;
}
.otherpro .otherprolist{
    display: flex;
    padding:0 0 .2rem .3rem;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
}
.otherpro .otherprolist a{
    display: block;
    width: 2.5rem;
    margin-right: .3rem;
}
.otherpro .otherprolist .pic{
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    object-fit: cover;
}
.otherpro .otherprolist .name{
    margin-top: .1rem;
    height: .48rem;
    line-height: .48rem;
    font-size: .28rem;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.otherpro .otherprolist .info{
    height: .44rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.otherpro .otherprolist .info .price{
    font-size: .3rem;
    color:#dd2828;
}
.pro_detail_cs{
    background:#fff;
    padding: 0 .3rem .2rem;
}
.pro_detail_cs dl{
    display: flex;
}
.pro_detail_cs dt{
    line-height: .44rem;
    padding: .1rem 0;
    width: 1.64rem;
    flex-shrink: 0;
    font-size: .28rem;
    color: #999;
}
.pro_detail_cs dd{
    line-height: .44rem;
    padding: .1rem 0;
    width: 100%;
    font-size: .28rem;
    color: #000;
}
/*商品订单*/
.order_detail_title{
    height: .88rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .3rem;
}
.order_detail_title h3{
    font-size: .32rem;
    color: #333;
    font-weight: normal;
}
.order_people_address{
    background: #fff;
    margin:0 .3rem;
    border-radius: .1rem;
}
.order_people_address .address{
    padding: .24rem .8rem .24rem .3rem;
    min-height: 1.54rem;
    display:flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    border-top: 1px solid #eee;
}
.order_people_address .address .arrow{
    width: .12rem;
    height: .22rem;
    background: url(../images/arrow03.png) no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    right:.3rem;
    transform: translateY(-50%);
}
.order_people_address .address .name{
    line-height: .52rem;
    font-size: .3rem;
    color: #333;
}
.order_people_address .address .detail{
    line-height: .48rem;
    font-size: .26rem;
    color: #666;
}
.order_people_address .address .add{
    line-height: .5rem;
    padding-left: .45rem;
    background: url(../images/addicon02.png) no-repeat 0 center;
    background-size: .32rem .32rem;
    color: #333;
}

.order_product_detail{
    margin: 0 .3rem;
    background: #fff;
    border-radius: .1rem;
}
.order_product_detail .title{
    height: .88rem;
    border-bottom: 1px solid #eee;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_product_detail .title .shop_name{
    padding-left: .4rem;
    line-height: .48rem;
    background: url(../images/shopicon.png) no-repeat 0 center;
    background-size: .3rem .3rem;
    font-size: .3rem;
    color: #333;
}
.order_product_detail .title .class_orderid{
    padding-left: .46rem;
    line-height: .48rem;
    background: url(../images/order_icon.png) no-repeat 0 center;
    background-size: .32rem .32rem;
    font-size: .3rem;
    color: #333;
}
.order_product_detail .title .time_order{
    padding-left: .4rem;
    line-height: .48rem;
    background: url(../images/time_icon.png) no-repeat 0 center;
    background-size: .34rem .34rem;
    font-size: .28rem;
    color: #333;
}
.order_product_detail .title h3{
    font-weight: normal;
    line-height: .48rem;
    font-size: .3rem;
    color: #333;
}
.order_product_detail .title .zhuangtai{
    font-size: .28rem;
    color: #666;
}
.order_product_detail .pro_detail{
    padding: .3rem 0;
    margin: 0 .3rem;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
}
.order_product_detail .pro_detail:last-child{
    border-bottom: none;
}
.order_product_detail .pro_detail .pic{
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    display: block;
    object-fit: cover;
    margin-right: .2rem;
}
.order_product_detail .pro_detail .info{
    position: relative;
    width: 100%;
    height: 1.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.order_product_detail .pro_detail .info .name{
    height: .52rem;
    line-height: .52rem;
    font-size: .3rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.order_product_detail .pro_detail .info .description{
    height: .4rem;
    line-height: .4rem;
    font-size: .26rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.order_product_detail .pro_detail_yuyue .pic{
    width: .8rem;
    height: .8rem;
}
.order_product_detail .pro_detail_yuyue .info{
    height: auto;
}
.order_product_detail .pro_detail_yuyue .info .name{
    height: .42rem;
    line-height: .42rem;
}
.order_product_detail .pro_detail_yuyue .info .description{
    height: .38rem;
    line-height: .38rem;
}
.order_product_detail .pro_detail_yuyue .info .infor{
    padding-top: .1rem;
}
.order_product_detail .pro_detail_yuyue .info .infor dl{
    display: flex;
}
.order_product_detail .pro_detail_yuyue .info .infor dt{
    line-height: .44rem;
    font-size: .26rem;
    color: #666;
    flex-shrink: 0;
}
.order_product_detail .pro_detail_yuyue .info .infor dd{
    line-height: .44rem;
    width: 100%;
    font-size: .26rem;
    color: #666;
}
.order_product_detail .pro_detail .info .bottomdiv{
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.order_product_detail_dd .pro_detail .info .bottomdiv{
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.order_product_detail .pro_detail .info .bottomdiv .btnview{
    padding: 0 .2rem;
    height: .5rem;
    min-width: 1.4rem;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .24rem;
    margin-left: .2rem;
    position: absolute;
    right: 0;
    top: 0;
}
.order_product_detail .pro_detail .info .bottomdiv .btn01{
    color: #b60005;
    border: 1px solid #b60005;
}
.order_product_detail .pro_detail .info .bottomdiv .btn02{
    color: #000;
    border: 1px solid #ccc;
}
.order_product_detail .pro_detail .info .bottomdiv .price{
    font-size: .34rem;
    color: #333;
    margin-right: .2rem;
}
.order_product_detail .pro_detail .info .bottomdiv .number{
    font-size: .26rem;
    color: #999;
}
.order_product_detail .liuyan{
    margin: 0 .3rem;
    padding: .26rem 0;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
}
.order_product_detail .liuyan .leftwz{
    font-size: .3rem;
    line-height: .48rem;
    flex-shrink: 0;
    margin-right: .4rem;
}
.order_product_detail .liuyan .rightwz{
    font-size: .32rem;
    line-height: .48rem;
    color: #333;
}
.order_product_detail .order_product_detail_bottom{
    border-top: 1px solid #eee;
    padding: 0 .3rem .3rem;
}
.order_product_detail .order_product_detail_bottom .allprice{
    height: .88rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .26rem;
    color: #000;
}
.order_product_detail .order_product_detail_bottom .allprice span{
    font-size: .3rem;
}
.order_product_detail .order_product_detail_bottom .caozuo{
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
.order_product_detail .order_product_detail_bottom .caozuo .btnview{
    padding: 0 .2rem;
    height: .6rem;
    min-width: 1.6rem;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    margin-left: .2rem;
}
.order_product_detail .order_product_detail_bottom .caozuo .btn01{
    color: #fff;
    font-size: .28rem;
    background: #b60005;
}
.order_product_detail .order_product_detail_bottom .caozuo .btn02{
    color: #000;
    font-size: .28rem;
    border: 1px solid #ccc;
}
.order_product_detail .order_product_detail_bottom .caozuo .btn03{
    color: #fff;
    font-size: .28rem;
    background: #bbb;
}
.order_product_detail .order_price{
    border-top: 1px solid #eee;
    margin: 0 .3rem;
    padding: .2rem 0;
}
.order_product_detail .order_price .xprice{
    height: .48rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_product_detail .order_price .xprice p{
    font-size: .26rem;
    color: #999;
}
.order_product_detail .order_price .dprice{
    height: .68rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_product_detail .order_price .dprice p{
    font-size: .32rem;
    color: #000;
}

.order_info_detail{
    padding: .2rem .3rem;
}
.order_info_detail dl{
    display: flex;
}
.order_info_detail dt{
    line-height: .5rem;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: .26rem;
    color: #999;
}
.order_info_detail dd{
    line-height: .5rem;
    width: 100%;
    font-size: .26rem;
    color: #333;
}

/*我的地址列表*/
.address-item {
    margin-bottom: .2rem;
    background: #fff;
}
.addrI-head {
    display: block;
    padding: .3rem .3rem .1rem;
    font-size: .32rem;
    color: #333;
}
.addrI-data {
    display: block;
    padding: 0 .2rem .25rem;
    line-height: .48rem;
    font-size: .3rem;
    color: #666;
}
.addrI-other {
    padding: .22rem 0;
    margin: 0 .3rem;
    border-top: 1px solid #dcdcdc;
}
.addrI-other label {
    position: relative;
    float: left;
}
.addrI-other label input {
    position: absolute;
    left: -9999px;
    opacity: 0;
}
.addrI-other label i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: .4rem;
    height: .4rem;
    background: url(../images/checkbox01.png) no-repeat;
    background-size: .4rem;
}
.addrI-other label span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: .15rem;
    font-size: .3rem;
    color: #666;
}
.addrI-other label.on i {
    background: url(../images/checkbox01on.png) no-repeat;
    background-size: .4rem;
}
.addrO-icon {
    float: right;
}
.addrO-icon img {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: .45rem;
    margin-left: .3rem;
}
.perD-input.inputW-2 {
    width: 5.4rem;
}
.addrI-other.addrI-o-1 {
    padding-top: .35rem;
    text-align: center;
    border: 0;
}
.addrI-other.addrI-o-1 label {
    float: none;
}

/*购物车*/
.gwc_caozuo{
    height: .8rem;
    padding: 0 .3rem;
    background: #fff;
    position: fixed;
    z-index: 140;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.gwc_caozuo .cza{
    line-height: .8rem;
    color: #666;
    font-size: .3rem;
}
.gwc_list{
    background: #fff;
}
.gwc_list .pro_detail{
    padding: .3rem 0;
    margin: 0 .3rem;
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    align-items: center;
}
.gwc_list .pro_detail:last-child{
    border-bottom: none;
}
.gwc_list .pro_detail .check{
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
    background: url(../images/checkbox01.png) no-repeat 0 0;
    background-size: 100% 100%;
    flex-shrink: 0;
}
.gwc_list .pro_detail .check.on{
    background: url(../images/checkbox01on.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.gwc_list .pro_detail .pic{
    width: 1.9rem;
    height: 1.9rem;
    flex-shrink: 0;
    display: block;
    object-fit: cover;
    margin-right: .2rem;
}
.gwc_list .pro_detail .info{
    width: 100%;
    height: 1.9rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.gwc_list .pro_detail .info .name{
    height: .52rem;
    line-height: .52rem;
    font-size: .3rem;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gwc_list .pro_detail .info .description{
    height: .44rem;
    line-height: .44rem;
    font-size: .26rem;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gwc_list .pro_detail .info .bottomdiv{
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gwc_list .pro_detail .info .bottomdiv .price{
    font-size: .34rem;
    color: #b60005;
}
.gwc_list .pro_detail .info .bottomdiv .number{
    font-size: .26rem;
    color: #999;
}
.gwc_list .pro_detail .info .bottomdiv .number{
    height: .5rem;
    display: flex;
    align-items: center;
}
.gwc_list .pro_detail .info .bottomdiv .number span.prev{
    display: block;
    width: .22rem;
    height: .22rem;
    background: url(../images/jian.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.gwc_list .pro_detail .info .bottomdiv .number span.prev.no{
    background: url(../images/jianno.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.gwc_list .pro_detail .info .bottomdiv .number span.next{
    display: block;
    width: .22rem;
    height: .22rem;
    background: url(../images/jia.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.gwc_list .pro_detail .info .bottomdiv .number .txt{
    display: block;
    width: .8rem;
    height: .5rem;
    line-height: .5rem;
    text-align: center;
    background: #eee;
    border: none;
    border-radius: .1rem;
    font-size: .28rem;
    color: #333;
    margin: 0 .2rem;
}
.gwc_foot{
    height: .98rem;
    position: fixed;
    z-index: 140;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 0 .1rem 0.05rem rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gwc_foot .check{
    height: .98rem;
    line-height: .98rem;
    margin-left: .3rem;
    padding-left: .5rem;
    background: url(../images/checkbox01.png) no-repeat 0 center;
    background-size: .4rem .4rem;
    font-size: .28rem;
    color: #000;
}
.gwc_foot .check.on{
    background: url(../images/checkbox01on.png) no-repeat 0 center;
    background-size: .4rem .4rem;
}
.gwc_foot .money{
    height: .98rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.gwc_foot .money .price{
    font-size: .32rem;
    color: #333;
    margin-right: .2rem;
}
.gwc_foot .money .price span{
    font-size: .32rem;
    color: #b60005;
}
.gwc_foot .money .btn{
    width: 2.3rem;
    height: .98rem;
    background: #b60005;
    font-size: .32rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.noshopcar{
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.noshopcar .icon{
    height: 3.14rem;
}
.noshopcar .icon img{
    display: block;
    height: 100%;
}
.noshopcar .wz{
    height: .52rem;
    line-height: .52rem;
    font-size: .26rem;
    color: #999;
}
.noshopcar .btn{
    display: flex;
    width: 3rem;
    height: .9rem;
    align-items: center;
    justify-content: center;
    border-radius: .1rem;
    background: #b60005;
    font-size: .32rem;
    color: #fff;
    margin-top: .84rem;
}
.member_top{
    position: relative;
    padding: .4rem .3rem 0;
}
.member_top .redbg{
    height: 1.5rem;
    background: #b60005;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
.member_top .member_top_box{
    position: relative;
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);
}
.member_top .member_top_box .topdiv{
    margin: 0 .3rem;
    height: 2rem;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.member_top .member_top_box .topdiv .people{
    height: 2rem;
    display: flex;
    align-items: center;
}
.member_top .member_top_box .topdiv .people .photo{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    display: block;
    object-fit: cover;
    margin-right: .3rem;
}
.member_top .member_top_box .topdiv .people .name{
    height: .56rem;
    line-height: .56rem;
    font-size: .38rem;
    color: #000;
}
.member_top .member_top_box .topdiv .people .wz{
    height: .44rem;
    line-height: .44rem;
    font-size: .26rem;
    color: #999;
}
.member_top .member_top_box .topdiv .notice{
    width: .56rem;
    height: .56rem;
    display: block;
    position: relative;
    background: url(../images/noticeicon.png) no-repeat right center;
    background-size: .44rem .44rem;
}
.member_top .member_top_box .topdiv .notice span{
    width: .3rem;
    height: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .2rem;
    color: #fff;
    border-radius: 50%;
    background: #b60005;
    position: absolute;
    top: -.05rem;
    right: -.05rem;
    font-family: Arial;
}
.member_top .member_top_box .bottomdiv{
    height: 1.34rem;
    margin: 0 .3rem;
    display: flex;
}
.member_top .member_top_box .bottomdiv a{
    display: flex;
    width: 100%;
    height: 1.34rem;
    align-items: center;
    justify-content: center;
}
.member_top .member_top_box .bottomdiv .icon{
    display: block;
    width: .5rem;
    height: .5rem;
    margin-right: .2rem;
}
.member_top .member_top_box .bottomdiv p{
    font-size: .36rem;
    color: #333;
}

.member_menu{
    margin: .2rem .3rem 0;
}
.member_menu a{
    display:flex;
    height: 1.1rem;
    border-bottom: 1px solid #eee;
    align-items: center;
    padding:0 .2rem;
}
.member_menu .icon{
    display: block;
    width: .44rem;
    height: .44rem;
    margin-right: .2rem;
    flex-shrink: 0;
}
.member_menu p{
    width: 100%;
    font-size: .32rem;
    color: #000;
}
.member_menu i{
    width: .18rem;
    height: .3rem;
    display: block;
    background: url(../images/arrow04.png) no-repeat 0 0;
    background-size: 100% 100%;
    margin-left: .2rem;
    flex-shrink: 0;
}
/*学生档案列表*/
.student_list{
    margin: .4rem .3rem 0;
}
.student_list_detail{
    height: 2rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);
    margin-bottom: .3rem;
}
.student_list_detail_nobg{
    background: no-repeat;
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
}
.student_list_detail .photo{
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    object-fit: cover;
    margin-right: .3rem;
    flex-shrink: 0;
}
.student_list_detail .info{
    width: 100%;
}
.student_list_detail .info .name{
    height: .52rem;
    line-height: .52rem;
    display: flex;
    align-items: center;
}
.student_list_detail .info .name p{
    font-size: .38rem;
    color: #000;
}
.student_list_detail .info .name img{
    display: block;
    width: .28rem;
    height: .28rem;
    margin-left: .1rem;
}
.student_list_detail .info .age{
    height: .48rem;
    line-height: .48rem;
    font-size: .26rem;
    color: #999;
}
.student_list_detail .arrow{
    width: .18rem;
    height: .3rem;
    display: block;
    background: url(../images/arrow04.png) no-repeat 0 0;
    background-size: 100% 100%;
    flex-shrink: 0;
    margin-left: .2rem;
}
.top_tag{
    background: #fff;
    position:fixed;
    z-index: 140;
    right: 0;
    left: 0;
    height: .98rem;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
}
.top_tag a{
    display: flex;
    width: 100%;
    height: .98rem;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: .3rem;
    color: #333;
}
.top_tag a.on{
    color: #b60005;
}
.top_tag a.on i{
    width: .9rem;
    height: 2px;
    background: #b60005;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.top_tag_div{
    height: .98rem;
}
.sc_class_list{
    margin: 0 .3rem;
}
.sc_class_detail{
    padding: .3rem 0;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
}
.sc_class_detail .photo{
    width: 2.7rem;
    height: 1.52rem;
    display: block;
    object-fit: cover;
    margin-right: .3rem;
    border-radius: .1rem;
}
.sc_class_detail .info{
    width: 100%;
    height: 1.52rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sc_class_detail .info .name{
    height: .72rem;
    line-height: .36rem;
    overflow: hidden;
    font-size: .3rem;
    color: #333;
}
.sc_class_detail .info .caozuo{
    height: .44rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sc_class_detail .info .caozuo .price{
    font-size: .28rem;
    color: #b60005;
}
.sc_class_detail .info .caozuo .sc{
    width: .32rem;
    height: .32rem;
    background: url(../images/scicon02.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.sc_pro_list{
    margin: 0 .3rem;
}
.sc_pro_detail{
    padding: .3rem 0;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
}
.sc_pro_detail .photo{
    width: 1.9rem;
    height: 1.9rem;
    display: block;
    object-fit: cover;
    margin-right: .3rem;
    border-radius: .1rem;
}
.sc_pro_detail .info{
    width: 100%;
    height: 1.52rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sc_pro_detail .info .name{
    height: .72rem;
    line-height: .36rem;
    overflow: hidden;
    font-size: .3rem;
    color: #333;
}
.sc_pro_detail .info .caozuo{
    height: .44rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sc_pro_detail .info .caozuo .price{
    font-size: .28rem;
    color: #b60005;
}
.sc_pro_detail .info .caozuo .sc{
    width: .32rem;
    height: .32rem;
    background: url(../images/scicon02.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.tosujianyi{
    margin: 0 .3rem;
}
.tosujianyi .title{
    line-height: .88rem;
    padding-top: .1rem;
    font-size: .32rem;
    color: #333;
}
.tosujianyi textarea.txt{
    width: 100%;
    display: block;
    height: 2.5rem;
    background: #f2f2f2;
    border-radius: .1rem;
    border: none;
    padding: .2rem;
    line-height: .48rem;
    font-size: .28rem;
}
.tosujianyi input.txt{
    display: block;
    width: 100%;
    line-height: .48rem;
    padding: .26rem .2rem;
    background: #f2f2f2;
    border-radius: .1rem;
    font-size: .28rem;
    border: none;
}
.tosujianyi .btn{
    display: block;
    width: 100%;
    margin-top: .8rem;
    height: .88rem;
    display:flex;
    background: url(../images/btnbg.jpg);
    border-radius: .1rem;
    border: none;
    font-size: .3rem;
    color: #fff;
    align-items:center;
    justify-content:center;
}

.zxdl{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    color: #b60005;
    margin-top: .8rem;
    height: .98rem;
    background: #fff;
}

.wdtz_time{
    height: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wdtz_time p{
    display: block;
    height: .4rem;
    line-height: .4rem;
    padding: 0 .2rem;
    background: #ccc;
    border-radius: .06rem;
    font-size: .26rem;
    color: #fff;
}
.wdtz_infor{
    margin:0 .3rem .2rem;
    background: #fff;
    padding: .3rem .3rem 0;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);
}
.wdtz_infor .wz{
    line-height: .48rem;
    max-height: 1.44rem;
    font-size: .28rem;
    color: #666;
    overflow: hidden;
}
.wdtz_infor_show .wz{
    max-height: none;
}
.wdtz_infor .line:last-child{
    height: .3rem;
}
.wdtz_infor .btn{
    height: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wdtz_infor .btn p{
    height: .88rem;
    display: flex;
    padding-right: .36rem;
    font-size: .26rem;
    align-items: center;
    color: #b4272d;
}
.wdtz_infor .btn p.down{
    background: url(../images/down_icon.png) no-repeat right center;
    background-size: .22rem .14rem;
}
.wdtz_infor .btn p.up{
    background: url(../images/up_icon.png) no-repeat right center;
    background-size: .22rem .14rem;
    display: none;
}
.wdtz_infor_show .btn p.down{
    display: none;
}
.wdtz_infor_show .btn p.up{
    display:flex;
}

.order_zt_tags{
    height: .8rem;
    position: fixed;
    z-index: 140;
    background: #fff;
    left: 0;
    right: 0;
    display: flex;
}
.order_zt_tags_div{
    height: .8rem;
}
.order_zt_tags a{
    display: block;
    width: 100%;
    height: .8rem;
    line-height: .6rem;
    font-size: .28rem;
    color: #000;
    text-align: center;
    position: relative;
}
.order_zt_tags a.on{
    color: #b60005;
}
.order_zt_tags a.on i{
    background: #b60005;
    width: .6rem;
    height: .04rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -.3rem;
}

.wlxx_float{
    height: 1.6rem;
    margin: 0 .3rem;
    display: flex;
    align-items: center;
}
.wlxx_float .photo{
    width: 1.1rem;
    height: 1.1rem;
    display: block;
    margin-right: .2rem;
}
.wlxx_float .name{
    height: .52rem;
    line-height: .52rem;
    font-size: .3rem;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.wlxx_float .kuaidi{
    line-height: .44rem;
    font-size: .26rem;
    color: #333;
}
.wlxx_float .kuaidi span{
    color: #999;
}

.order_detail_foot{
    height: .98rem;
    background: #fff;
    position:fixed;
    z-index: 140;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 0 .1rem .05rem rgba(0,0,0,.1);
}
.order_detail_foot_div{
    height: .98rem;
}
.order_detail_foot .zhuangtai{
    font-size: .28rem;
}
.order_detail_foot .caozuo{
    height: .6rem;
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
.order_detail_foot .caozuo .btnview{
    padding: 0 .2rem;
    height: .6rem;
    min-width: 1.6rem;
    border-radius: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .28rem;
    margin-left: .2rem;
}
.order_detail_foot .caozuo .btn01{
    color: #fff;
    font-size: .28rem;
    background: #b60005;
}
.order_detail_foot .caozuo .btn02{
    color: #000;
    font-size: .28rem;
    border: 1px solid #ccc;
}

.inputTkyy{
    padding: .2rem .3rem;
}
.inputTkyy .lantitle{
    height: .54rem;
    line-height: .54rem;
    font-size: .32rem;
    color: #333;
}
.inputTkyy textarea.txt{
    width: 100%;
    height: 1.92rem;
    line-height: .48rem;
    font-size: .28rem;
    color: #333;
    border: none;
}

.tuikuan_zhuangtai{
    padding: .25rem .3rem;
    line-height: .68rem;
    font-size: .38rem;
}

.tuikuan_caozuo{
    padding: .2rem .3rem;
}
.tuikuan_caozuo .info{
    line-height: .4rem;
    font-size: .26rem;
    color: #999;
}
.tuikuan_caozuo .btn{
    height: .5rem;
    padding-top: .2rem;
    display: flex;
    align-items: center;
    justify-content:flex-end;
}
.tuikuan_caozuo .btn .btnview{
    height: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .2rem;
    border-radius: .1rem;
    font-size: .24rem;
    padding: 0 .2rem;
    min-width: 1.4rem;
}
.tuikuan_caozuo .btn .btn01{
    color: #b60005;
    border: 1px solid #b60005;
}
.tuikuan_caozuo .btn .btn02{
    color: #000;
    border: 1px solid #ccc;
}
.order_product_detail .sqsh_tags{
    padding: 0 .3rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
}
.order_product_detail .sqsh_tags a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.06rem;
    height: .6rem;
    margin-right: .2rem;
    font-size: .28rem;
    border-radius: .1rem;
    color: #333;
    border: 1px solid #ccc;
}
.order_product_detail .sqsh_tags a.on{
    color: #fff;
    background: #b60005;
    border: none;
}

.order_input_box .lan_title{
    height: .88rem;
    line-height: .88rem;
    font-size: .32rem;
    color: #333;
}
.order_input_box .lan_title span{
    font-size: .24rem;
    color: #ccc;
}

/* 12.14 */
.refundState{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .3rem;
    color: #eaa829;
}
/* 04.29 */
#showKf .ewmpic{
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0 auto;
}