@charset "utf-8";


/* CSS Document */


li{list-style: none}


img{max-width: 100%}


.shang {display:flex;flex-direction:row;justify-content:space-between;}


.m-order-history {


	position:fixed;


	top:25%;


	right:0;


	z-index:9;


	width:18px;


	text-align:center;


	color:#fff;


	padding:28px 5px 8px 6px;


	-webkit-border-top-left-radius:5px;


	-moz-border-radius-topleft:5px;


	border-top-left-radius:5px;


	-webkit-border-bottom-left-radius:5px;


	-moz-border-radius-bottomleft:5px;


	border-bottom-left-radius:5px;


	line-height:16px;


	font-size:14px;


	background:url("../images/fangdapng.png") rgba(0,0,0,.7) no-repeat center 8px;


	-moz-background-size:56%;


	-o-background-size:56%;


	background-size:56%


}


.m-order-history.tousu{top: 50%;background:url("../images/kefu.png") rgba(0,0,0,.7) no-repeat center 8px;-moz-background-size:56%;


	-o-background-size:56%;


	background-size:56%}


@media only screen and (min-width: 640px) {


    html {


        font-size:170.6666px


    }


}





@media only screen and (min-width: 320px) and (max-width:640px) {


    html {


        font-size:26.6666vw


    }


}





@media only screen and (max-width: 320px) {


    html {


        font-size:85.3333px


    }


}





.orders-search {


    overflow: hidden;


    background-color: #f5f0e9


}





.os-title {


    overflow: hidden;


    margin-top: .2rem


}





.os-title__pic {


    background: url(../images/order_title.png) no-repeat;


    width: 2.18rem;


    height: .54rem;


    -moz-background-size: 100%;


    background-size: 100%;


    margin: 0 auto .1rem


}





.os-title__pic2 {


    background: url(../images/order_title2.png) no-repeat;


    width: 2.18rem;


    height: .54rem;


    -moz-background-size: 100%;


    background-size: 100%;


    margin: 0 auto .1rem


}








.os-title__reminder {


    width: 2.8rem;


    margin: 0 auto;


    font-size: .14rem;


    line-height: .2rem;


    display: -webkit-box;


    display: -webkit-flex;


    display: -moz-box;


    display: -ms-flexbox;


    display: flex;


    -webkit-box-align: center;


    -webkit-align-items: center;


    -moz-box-align: center;


    -ms-flex-align: center;


    align-items: center


}





.os-title__reminder>span {


    display: inline-block


}





.os-title__reminder .words {


    position: relative;


    color: #e35c57;


    border: 1px solid #e35c57;


    -webkit-border-radius: .04rem;


    -moz-border-radius: .04rem;


    border-radius: .04rem;


    padding: .05rem;


    width: .62rem;


    text-align: center;


    line-height: .16rem;


    margin-right: .06rem


}





.os-title__reminder .words::after {


    content: "";


    position: absolute;


    right: -4px;


    top: 50%;


    -webkit-transform: translateY(-50%);


    -moz-transform: translateY(-50%);


    -ms-transform: translateY(-50%);


    -o-transform: translateY(-50%);


    transform: translateY(-50%);


    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAMAAABoQAyvAAAAOVBMVEX18OnjXFfx0crkY17rnJbpjojwx8HpiIPognz06+T06uPz3dby1s/vwLntrafqlI7nfnjlbGbkaGMGuaQhAAAAPElEQVQI1zXKxxEAIRADwR0Wd97kHyyFAH16HrJKNC2w6oK0qbJTd9X58ayfjygUmfiPoYdunOapvdyyATPrAPSAwv9QAAAAAElFTkSuQmCC) no-repeat;


    width: 4px;


    height: 6px;


    -moz-background-size: 100% 100%;


    background-size: 100% 100%


}





.os-form {


    position: relative;


    height: .4rem;


    -webkit-border-radius: .06rem;


    -moz-border-radius: .06rem;


    border-radius: .06rem;


    font-size: .16rem;


    margin: .12rem .15rem .2rem


}





.os-form__input {


    position: relative;


    border: 1px solid #dcdddd;


    background-color: #fff;


    padding-left: .35rem;


    -webkit-border-radius: .06rem;


    -moz-border-radius: .06rem;


    border-radius: .06rem;


    width: 78%;


    -webkit-box-sizing: border-box;


    -moz-box-sizing: border-box;


    box-sizing: border-box


}





.os-form:after,.os-form:before {


    content: '';


    position: absolute


}





.os-form:before {


    width: .14rem;


    height: .14rem;


    -webkit-border-radius: 50%;


    -moz-border-radius: 50%;


    border-radius: 50%;


    border: 2px solid #666;


    left: .1rem;


    top: .1rem;


    z-index: 1


}





.os-form:after {


    width: .08rem;


    height: 2px;


    -webkit-border-radius: 1px;


    -moz-border-radius: 1px;


    border-radius: 1px;


    background-color: #666;


    left: .22rem;


    top: .265rem;


    -webkit-transform: rotate(45deg);


    -moz-transform: rotate(45deg);


    -ms-transform: rotate(45deg);


    -o-transform: rotate(45deg);


    transform: rotate(45deg)


}





.os-form__input input {


    width: 100%;


    height: .4rem;


    line-height: .4rem;


    outline: 0;


    background-color: transparent;


    font-size: .15rem;


    -webkit-border-radius: .06rem;


    -moz-border-radius: .06rem;


    border-radius: .06rem;


    -webkit-box-sizing: border-box;


    -moz-box-sizing: border-box;


    box-sizing: border-box


}





.os-form a {


    position: absolute;


    width: 20%;


    height: .4rem;


    right: 0;


    top: 0;


    background-color: #e35c57;


    -webkit-border-radius: 5px;


    -moz-border-radius: 5px;


    border-radius: 5px;


    text-align: center;


    line-height: .4rem;


    color: #fff


}





.search-manual {


    background-color: #fff;


    padding: .2rem 0 .15rem;


    overflow: hidden;


    border-top: 1px solid #eee7dc


}





.search-manual__top {


    font-size: .16rem;


    font-weight: 700;


    color: #666;


    margin-bottom: .1rem;


    padding-left: .1rem


}





.search-manual__box {


    margin-top: .2rem


}





.search-manual__wxtit,.search-manual__zfbtit {


    background-color: #fbfbfb;


    padding: .06rem 0;


    font-size: .24rem;


    text-align: center;


    font-weight: 700


}





.search-manual__wxtit {


    color: #358032


}





.search-manual__zfbtit {


    color: #1b82d2


}





.search-manual__pic {


    padding: .1rem


}





.search-manual__pic>img {


    display: block;


    width: 100%


}








.search-popup {


    position: fixed;


    left: 0;


    top: 0;


    right: 0;


    bottom: 0;


    z-index: 9;


    -webkit-transform: translateX(100%);


    -moz-transform: translateX(100%);


    -ms-transform: translateX(100%);


    -o-transform: translateX(100%);


    transform: translateX(100%);


    z-index: 10


}





.search-popup.show {


    -webkit-transform: translateX(0);


    -moz-transform: translateX(0);


    -ms-transform: translateX(0);


    -o-transform: translateX(0);


    transform: translateX(0);


    -webkit-transition: all .2s;


    -o-transition: all .2s;


    -moz-transition: all .2s;


    transition: all .2s


}





.search-popup__con {


    position: absolute;


    left: 0;


    top: 0;


    right: 0;


    background-color: #f0f0f0;


    width: 100%;


    max-width: 640px;


    height: 100%;


    margin: 0 auto;


    overflow: hidden


}





.search-popup__con .head {


    text-align: center;


    font-size: .2rem;


    line-height: .44rem;


    background-color: #fff;


    width: 100%;


    -webkit-box-shadow: 0 1px #eee;


    -moz-box-shadow: 0 1px #eee;


    box-shadow: 0 1px #eee;


    z-index: 1;


    position: relative


}





.search-popup__con .head i {


    position: absolute;


    left: 0;


    top: 0;


    width: .44rem;


    height: .44rem


}





.search-popup__con .head i:after {


    content: '';


    width: .14rem;


    height: .14rem;


    border-left: 3px solid #333;


    border-bottom: 3px solid #333;


    -webkit-border-radius: 2px;


    -moz-border-radius: 2px;


    border-radius: 2px;


    position: absolute;


    left: .18rem;


    top: .14rem;


    -webkit-transform: rotate(45deg);


    -moz-transform: rotate(45deg);


    -ms-transform: rotate(45deg);


    -o-transform: rotate(45deg);


    transform: rotate(45deg)


}





.search-popup__con .tip {


    line-height: .44rem;


    padding: .1rem 0 .1rem .64rem;


    font-size: .17rem;


    background-image: url(images/user.png?v=1.0.1);


    background-repeat: no-repeat;


    background-position: .1rem .1rem;


    -moz-background-size: .44rem;


    background-size: .44rem;


    background-color: #fff;


    -webkit-box-shadow: 0 2px 5px #e8e8e8;


    -moz-box-shadow: 0 2px 5px #e8e8e8;


    box-shadow: 0 2px 5px #e8e8e8;


    position: relative


}





.search-popup__con .list {


    position: absolute;


    left: 0;


    top: 1.1rem;


    right: 0;


    bottom: 0;


    overflow: hidden;


    overflow-y: scroll


}





.search-popup__con .list-box {


    margin: .15rem;


    background-color: #fff;


    display: block;


    -webkit-border-radius: .08rem;


    -moz-border-radius: .08rem;


    border-radius: .08rem;


    padding: .15rem;


    position: relative


}





.search-popup__con .list-box:after {


    content: '';


    width: .1rem;


    height: .1rem;


    border-right: 2px solid #999;


    border-bottom: 2px solid #999;


    -webkit-border-radius: 2px;


    -moz-border-radius: 2px;


    border-radius: 2px;


    position: absolute;


    right: .14rem;


    top: .21rem;


    -webkit-transform: rotate(-45deg);


    -moz-transform: rotate(-45deg);


    -ms-transform: rotate(-45deg);


    -o-transform: rotate(-45deg);


    transform: rotate(-45deg)


}





.search-popup__con .list-box h3 {


    font-size: .17rem;


    padding: 0 .2rem .05rem 0


}





.search-popup__con .list-box span {


    color: #999;


    font-size: .15rem


}

















.history-list {


    background-color: #fff;


    overflow: hidden;


    padding-bottom: .2rem


}





.history-list__title {


    padding-top: .1rem;


    text-align: center;


    color: #666


}





.history-list__box {


 


    position: relative


}











.history-list__item {


    margin: .2rem;


    border: 1px solid #ccc;


    padding: .1rem;


    -webkit-border-radius: .05rem;


    -moz-border-radius: .05rem;


    border-radius: .05rem;


    text-align: center


}





.history-list__item>p {


    position: relative;


    padding-left: .8rem;


    line-height: .3rem;


    height: .3rem;


    text-align: right;


    display: -webkit-box;


    overflow: hidden;


    -o-text-overflow: ellipsis;


    text-overflow: ellipsis;


    -webkit-box-orient: vertical;


    -webkit-line-clamp: 1


}





.history-list__item>p>label {


    position: absolute;


    top: 0;


    bottom: 0;


    left: 0;


    width: .8rem;


    text-align: center


}





.history-list__item>p>.green {


    color: #358032


}





.history-list__item>p>.red {


    color: #d22828;


    font-weight: bold;


}





.history-list__item>p>.yellow {


    color: #f3902b


}





.history-list__item-show {


    display: block;


    height: .4rem;


    line-height: .4rem;


    margin: .1rem;


    -webkit-border-radius: .06rem;


    -moz-border-radius: .06rem;


    border-radius: .06rem;


    background-color: #d22828;


    color: #fff;


    font-size: .18rem;


    -webkit-box-shadow: 2px 2px 4px 0 #ccc;


    -moz-box-shadow: 2px 2px 4px 0 #ccc;


    box-shadow: 2px 2px 4px 0 #ccc


}





.history-list__item-delete {


    display: inline-block;


    padding: .05rem .1rem;


    color: #666


}











.kefuboxs{font-size: 0.15rem; line-height: 1.8}


.wembens{width: calc(100% - 22px); height:50px; border: 1px solid #ddd; border-radius: 10px; padding:0px 10px; margin:10px 0px;font-size: 0.15rem; }





.chanxusninput{ width: 100%; border: none; color: #fff; margin-top: 20px;    background-color: #e35c57; font-size: 0.2rem; padding: 0.15rem 0px; border-radius: 10px; }








.kefuboxs{padding: 20px;}





.kefuboxs textarea{width: calc(100% - 22px); height: 150px; border: 1px solid #ddd; border-radius: 10px; padding: 20px 10px; margin:10px 0px;font-size: 0.15rem; }




















/*******红包样式*****/





.hongbaotanchubj{background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:9999999; display: none}





.hongbaobox{width: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}





.hongbaotop{position: absolute; left: 0px; width: 100%; top: 15%; text-align: center; line-height: 1.2 }


.hongbaotop h1{color: #e38000;font-size:30px; font-weight: bold}





.hongbaotop h2{font-size:54px; font-weight: bold;color: #f00; margin: 2% 0px 4%}





.hongbaotop h2 span{font-size: 0.4rem;}


.hongbaotop h3{font-weight: normal;font-size: 16px;color: #f00;}





.hongbaobot{text-align: center; position: absolute; bottom:6%; width: 100%; left: 0px;font-size:16px;}





.jujue{color: #f7b352;font-size:20px;border: 1px solid #d49c46;border-radius:50px;background: hsla(0,0%,100%,0);height:50px;line-height:50px; display: inline-block;  width:70%; }





.hongbaobot a{display: block;margin: 0 auto;}


.hbzhifu{ width:70%;}








.hbzhifu{animation: scale 1s infinite; }


@keyframes scale


{


	0%{ transform: scale(1);}


	50%{ transform: scale(1.1);}


	100%{ transform: scale(1);}


}





.hongbaobot{color: #fff; letter-spacing: 1px}





.hongbaobot p{margin-bottom: 20px;}





.guanbihb,.guanbihb2{width: 30px; position: absolute; left:50%; transform: translate(-50%,0); bottom: -50px; opacity: 0.8}   





.backindex img{width: 26px; margin-right: 10px;}


.backindex{background: rgba(0,0,0,0.8); height:50px; border-radius:50px; color: #fff; position:fixed; left: 2.5%; bottom: 2px; width:95%; font-size:16px; z-index: 999}


.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}


.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}


.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}


.shang {display:flex;flex-direction:row;justify-content:space-between;}


.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }


.shangzhong {display:flex;flex-direction:row;justify-content:center;}


.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}


.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}





.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}





.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}


.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}








.guanggao{padding: 0.1rem}


.guanggao a{display: block; margin: 10px 0px;}





.tanchuqrbj{background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999;display:none;}


.zhifuqueren{width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 10px;overflow: hidden}


.zfguanbi{width: 25px; position: absolute; right: 10px; top: 10px;}


.zhifuquerentxt{text-align: center; padding: 30px;}


.zhifuquerentxt p{font-size: 14px; line-height: 2}


.zhifuquerentxt p span{color: #16b132}


.zhifuqrbtn{margin-top: 30px;}


.zhifuqrbtn a{width: 48%; border: 1px solid #16b132; height: 40px; border-radius: 40px; text-align: center; line-height: 40px; color: #16b132; font-size: 16px;}


.zhifuqrbtn a:first-child{background: #16b132; color: #fff}





/*****日期确认弹窗******/


.riqitanchu{background: rgba(0,0,0,0.7); position: fixed; left: 0px; top: 0px; height: 100%; z-index: 999; width: 100%;display:none;}


.riqiqueren{background: #fff; position: absolute; left: 0px; bottom: 0px; width: calc(100% - 40px); padding: 20px;}


.riqiqueren h2{text-align: center; font-size:18px; font-weight: bold}


.riqitxts{background:#f7f7f7; text-align: center; padding:20px 10px; font-size: 18px;margin: 20px 0px;}


.riqitxts p{padding: 5px 0px;}


.riqitxts span{ color: rgb(153, 47, 71);}


.riqibtn a:first-child{width: 45%; border: 1px solid rgb(153, 47, 71); height: 45px; border-radius: 5px; text-align: center;color: rgb(153, 47, 71); line-height: 45px; font-size: 16px; }


.riqibtn a:last-child{width: 45%; border: 1px solid rgb(153, 47, 71); height: 45px; border-radius: 5px; text-align: center;color:#fff; line-height: 45px; font-size: 16px; background: rgb(153, 47, 71) }