.fillorder{

    width: 100%;

    min-height: 100vh;

    background: #f5f5f5;

    padding-bottom: 1.30rem;

    padding-top: .2rem;

}

.fillorder_h{

    width: 100%;

    background-img: #fff;

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 1.58rem;

    padding: 0 .24rem;

    box-sizing: border-box;

    margin-bottom: .20rem;

    overflow: hidden;

    border-radius: .2rem;

    -webkit-border-radius: .2rem;

    -moz-border-radius: .2rem;

    -ms-border-radius: .2rem;

    -o-border-radius: .2rem;

}

.left{

    display: flex;

    align-items: center;

}

.left img{

    display: block;

    width: .49rem;

    height: .49rem;

    margin-right: .2rem;

}

.left span{

    display: block;

}

.left span:first-child{

    color: #18171a;

    font-size: .32rem;

}

.left span:last-child{

    font-size: .26rem;

    color: #18171a;

}

.rt{

    width: .16rem;

    height: .28rem;

    margin-left: .20rem;

}

.sd{

    width: 100%;

    background: #fff;

    padding: .24rem .30rem;

    box-sizing: border-box;

    margin-bottom: .20rem;

    border-radius: .2rem;

    -webkit-border-radius: .2rem;

    -moz-border-radius: .2rem;

    -ms-border-radius: .2rem;

    -o-border-radius: .2rem;

}

.sdtime{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: .30rem;

}

.sdtime>span{

    font-size: .32rem;

    color: #18171a;

}

.sdtime>div{

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.sdtime>div:last-child span{

    font-size: .32rem;

    color: #c71f12;

}

.sdbc{

    display: flex;

    align-items: center;

    padding-bottom: .28rem;

    border-bottom: .02rem solid #f3f3f3;

}

.sdbc>div{

    color: #c71f12;

    border: .02rem solid #c71f12;

    background: #feeded;

    width: 1.2rem;

    height: .40rem;

    line-height: .40rem;

    text-align: center;

    font-size: .20rem;

    margin-right: .10rem;

}

.sdbc>span{

    font-size: .24rem;

    color: #666666;

    margin-right: .10rem;

}

.sdbc>img{

    width: .26rem;

    height: .26rem;

    border-radius: 50%;

    margin-top: .09rem;

}

.img{

    display: flex;

    padding-bottom: .20rem;

}

.img img{

    width: 116rem;

    height: 116rem;

    margin-right: .20rem;

}

.js{

    /* display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 0 .24rem;

    box-sizing: border-box; */

}

.js span{

    /* color: #333333;

    font-size: .32rem; */

}

.cc{

    width: 100%;

    font-size: .36rem;

    color: #18171a;

    padding-left: .28rem;

    padding-top: .30rem;

    padding-bottom: .20rem;

    box-sizing: border-box;

    background: #ffffff;

    border-bottom: .02rem solid #f3f3f3;

}

.zffs{

    border-radius: .2rem;

    -webkit-border-radius: .2rem;

    -moz-border-radius: .2rem;

    -ms-border-radius: .2rem;

    -o-border-radius: .2rem;

    overflow: hidden;

}

.zf{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    background: #ffffff;

    padding: .30rem .28rem;

    box-sizing: border-box;

    border-bottom: .02rem solid #f3f3f3;

}

.zf>div{

    display: flex;

    align-items: center;

}

.zf>div>img{

    width: .4rem;

    margin-right: .10rem;

}



.zf>div>span{

    font-size: .3rem;

    color: #111111;

}

.zf em{

    width: .41rem;

    height: .41rem;

    display: block;

    border: 1px solid #cbcbcb;

    box-sizing: border-box;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

}

.zf.current em{

    width: .41rem;

    height: .41rem;

    display: block;

    border-color: #f50505;

    box-shadow: 0 0 .1rem #f50505  inset;

    background-image:  url(../img/dh.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}

.yhj{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: .30rem .28rem;

    box-sizing: border-box;

    border-bottom: .02rem solid #f3f3f3;

    background: #fff;

    margin-top: .20rem;

    border-radius: .2rem;

    -webkit-border-radius: .2rem;

    -moz-border-radius: .2rem;

    -ms-border-radius: .2rem;

    -o-border-radius: .2rem;

}



.pirces{

    padding: .2rem .2rem;

    box-sizing: border-box;

    border-radius: .2rem;

    -webkit-border-radius: .2rem;

    -moz-border-radius: .2rem;

    -ms-border-radius: .2rem;

    -o-border-radius: .2rem;

    background: #ffffff;

}

.pirces>div{

    display: flex;

    align-self: center;

    justify-content: space-between;

}

.yhjs input{

    width: 4.8rem;

    font-size: .30rem;

    color: #b2b2b2;

}

.yhj>div{

    font-size: .32rem;

    color: #333333;

}

.ky{

    width: 100%;

    background: #fff;

    display: flex;

    align-items: center;

    padding: .30rem .28rem;

    box-sizing: border-box;

}

.ky span{

    font-size: .28rem;

    color: #333333;

}

.ky img{

    width: .30rem;

    height: .30rem;

    margin-left: .30rem;

}

.yhjs{

    border-bottom: none;

}

.first{

    display: block;

    font-size: .30rem;

    color: #333333;

    margin-bottom: .10rem;

}

.last{

    display: block;

    font-size: .32rem;

    color: #333333;

    font-weight: bold;

}



.pirce>div{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.pirce img{

    width: .30rem;

    height: .30rem;

    margin-left: .10rem;

}

.pirce>div>div{

    display: flex;

    align-items: center;

}

.footers{

    width: 100%;

    background: #ffffff;

    position: fixed;

    bottom: 0;

    left: 0;

    height: 1.10rem;

    border-top: 1px solid #e5e5e5;

    display: flex;

    justify-content: flex-end;

    align-items: center;

    padding-right: .20rem;

    box-sizing: border-box;

}

.footers>div:first-child{

    display: flex;

    align-items: center;

}

.footers>div>span:first-child{

    color: #333333;

    font-size: .26rem;

}

.footers>div>span:last-child{

    font-size: .37rem;

    color: #ff5050;

    font-weight: bold;

}

.footers .tj{

    display: block;

    background: #f50505 !important;

    font-size: .32rem;

    text-align: center;

    width: 2.6rem;

    height: .20rem;

    line-height: .20rem;

    border-radius: .68rem;

    color: #fff;

    margin-left: .20rem;

    font-weight: bold;

}





.list{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: .30rem .1rem;

    width: 100%;

    box-sizing: border-box;

    border-bottom: .02rem solid #f3f3f3;

}

.list>img{

    display: block;

    width: 1.14rem;

    height: 1.14rem;

    margin-right: .06rem;

}



.list .rt{

    width: 6rem;

    margin-top: .20rem;

    height: auto;

}

.list .rt span{

    display: block;

}

.list .rt .pirce{

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: .2rem .2rem;

    padding-left: 0;

    box-sizing: border-box;

}

.list .rt .pirce span{

    font-size: .30rem;

    color: #212121;

    font-weight: bold;

}

.select{

    display: none;

}

.sdtime input{

    background: transparent;

    width: 2.11rem;

    color: #212121;

    font-size: .3rem;

    position: relative;

    left: .2rem;

}

.sdtime select{

    -webkit-appearance:none;

    -moz-appearance: none;

    -ms-appearance: none;

    appearance: none;

    border: none;

    background: transparent;

    color: #212121;

    outline: none;

    font-size: .3rem;

    position: relative;

    z-index: 999;

}

.kf{

        background: #f8f8f8;

        color: #2f2f2f;

        font-size: .24rem;

        border-radius: .4rem;

        -webkit-border-radius: .4rem;

        -moz-border-radius: .4rem;

        -ms-border-radius: .4rem;

        -o-border-radius: .4rem;

        padding-left: .26rem;

        box-sizing: border-box;

        padding: .12rem 0;

        padding-left: .22rem;

}



.tanceng{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 10;}

.tanceng .tck{ background: #fff; width: 6rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: .24rem .30rem;text-align: center;

 box-sizing: border-box;}

.tanceng .tck h2{ font-size: .38rem; color: #ff5050;line-height: 2; }

.tanceng .tck .cont{font-size: .3rem;color: #666; padding: 0.7rem; line-height: 1.8;}

.tanceng .tck .tishi{  display: block; margin: 0.3rem auto; line-height:3 ; background:#ff5050; color: #fff; border-radius: 5px;}

.tanceng .tck .guanbi{ width: 0.5rem; position: absolute; top: -0.2rem; right: -0.2rem;}

.tanceng .tck .guanbi img{ width: 100%;}