@CHARSET "UTF-8";
body{background:#F1F1F1;}
.top_bg{background: url(../images/user_bg.png?1) no-repeat top;background-size:contain;width: 100%;height: 100%; overflow: hidden;}
.top_bg .inner_box{margin:10px;margin-top:1.2rem;}
.header_box{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:flex-start;margin-bottom:0.5rem;}
.header_img_box img{width:2.5rem;}
.header_text_box{margin-left:10px;margin-top:10px;}
.header_text_box .row1{font-size:0.7rem;color:#000;font-weight:bold;}
.header_text_box .row2{margin-top:2px;color:#5383E4;font-size:0.6rem;}
.header_text_box .row2 a{font-size:0.6rem;color:#5383E4;}
.card_box{background:#fff;border-radius:0.6rem;padding:15px 10px;margin-bottom:0.5rem;}
.card_box .card_title{font-size:0.65rem;font-weight:600;padding-left: 1rem;}
.card_box ul{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:center;}
.card_box ul li{text-align:center;width:25%;font-size:0.5rem;margin-top: 15px;margin-bottom:10px;}
.card_box ul li img{height:1.6rem;}
.hearder_tit{height:4.3rem;}
.hearder_tit ul{padding-top:1rem;display: flex;justify-content: space-between;}
.hearder_tit ul li{width:33.3333%;text-align: center;}
.hearder_tit ul li div{color:#000;font-size: 0.52rem;height: 0.9rem;}
.hearder_tit ul li p{font-size:0.5rem;color: #a45118;border-left: 1px solid #e8b18c;height:0.8rem;line-height:0.8rem;}
.hearder_tit ul li:first-child p{border-left:none;}

.order_search{border-bottom: 1px dashed #e2e2e2;}
.order_search .userMess {padding:0 0px 10px 0px;position:relative;border-width:1px 0 0 0;margin-bottom:10px;border-bottom: 1px dashed #e2e2e2;}
.order_search .sub-textarea {border:none;margin:12px 0 12px 0;height:75px;overflow:auto;font-size:15px;color:#333;resize:none;outline:none;background:no-repeat;position:relative;z-index:6;padding-right:15px;}
.order_search #place-tips {display: block;padding:12px 25px 15px;background:none;z-index:5;font-size:14px;color:#F4B081;line-height: 20px;}
.order_search .userEmail,.order_search .userPhone {padding:15px 50px 10px;height:40px;border-width:1px 0 0 0;position:relative;}
.order_search .userEmail strong,.order_search .userPhone strong {margin-right:8px;margin-left:0;float:left;font-size:15px;color:#333;}
.order_search .userEmail input,.userPhone input {border:none;float:left;font-size:13px;color:#333;position:relative;z-index:6;background:#F3F3F3;border-radius: 20px;height:40px;width: 100%;text-indent:50px;}
.order_search .userEmail p,.order_search .userPhone p {position:absolute;top:15px;font-size:15px;color:#b2b2b2;left:43px;z-index:5;}
.order_search .subMessage {padding:13px 12% 0 ;border-width:1px 0 0 0;}
.order_search .MesExplain i {display:inline-block;float:left;width:18px;height:18px;background:url(../images/prompt-ico.png)no-repeat;background-size:18px 18px;margin:0 5px 15px 0;}
.order_search .MesExplain p {margin-bottom:12px;font-size:14px;color:#777;margin-left:23px;}
.order_search .subMessage button {width:100%;height:40px;border-radius:20px;background:linear-gradient(91deg,rgba(203,100,216,1) 0%,rgba(255,97,145,1) 100%);color:#fff;font-size:17px;outline:none;border:none;margin-bottom:30px;}
.order_search .textWidth  i{display: block;position: absolute;height: 30px;width: 30px;left:60px;top: 19px;z-index: 10;}
.order_search .order_ico1{background: url("../images/xhcake/order_search_ico1.png") no-repeat center;background-size: 20px;}
.order_search .order_ico2{background: url("../images/xhcake/order_search_ico2.png") no-repeat center;background-size: 20px;}
.order_search .order_ico3{background: url("../images/xhcake/order_search_ico3.png") no-repeat center;background-size: 20px;}
.order_search .textWidth .captcha{width:55%;}
.order_search .yzm_img{border-radius: 20px;display: inline-block;position: absolute;top: 15px;left:55%;height: 38px;width: 32%;border: 0px;}
.order_search .tit{text-align: center;font-size: 15px;color: #000;font-weight: bold;padding-top:30px;padding-bottom: 5px;}

/*****/
.order-filter{height:39px;background:#fff;border-bottom:solid 1px #d8d8d8;display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;width: -moz-available;}	
.order-filter li{width:20%;position:relative;-webkit-box-flex: 1;-moz-box-flex: 1;-ms-flex: 1;-o-box-flex: 1;box-flex: 1;}
.order-filter li a{display:block;width:100%;height:38px;line-height:38px;text-align:center;font-size:14px;color:#666;position:absolute;}
.order-filter li a.current{border-bottom:solid 2px #333;color: #333;}
.sub-order-note{color:#ff6600;margin-top:10px;padding-left:15px;}
.order-list{margin-top:10px;}
.order-list dl{background:#fff;border-top:solid 1px #d8d8d8;border-bottom:solid 1px #d8d8d8;background:#fff;padding:0 0 13px 15px;margin-bottom:10px;}
.order-list dl dt{height:46px;line-height:46px;display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;padding-right:15px;border-bottom:solid 1px #d8d8d8;color:#b2b2b2;font-size:14px;width: -moz-available;}
.order-list dl dt div{width:50%;}
.order-list dl dt .order-state span.tit{color:#333;}
.order-list dl dt .order-state span.JS_order_state{color:rgba(244,176,129);}
.order-list dl dt .order-time{text-align:right;color: #cf000e}
.order-list dl dt .order-time.gray{color:#333;}
.order-list dl dt .order-time i{display: inline-block;width: 12px;height: 12px;margin-right: 2px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0MzFFNzJCRjdENzQxMUU2QjdFNUIwQzlDOTFFQzUxNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0MzFFNzJDMDdENzQxMUU2QjdFNUIwQzlDOTFFQzUxNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMUU3MkJEN0Q3NDExRTZCN0U1QjBDOUM5MUVDNTE0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQzMUU3MkJFN0Q3NDExRTZCN0U1QjBDOUM5MUVDNTE0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iy00oQAAAitJREFUeNqs1U9IFGEYx/HZtdwozT+JRR3C/iiZdBZUApP+GSodivLQpYsggR3SAhHDi6XWIRJKD0XHDlFBHrzaQQutiKCog6Vk0R8oFa2w7wO/hWGY2Z2teeDDsDO77/O+8z77vLFJZ72TIrbjOGqwC/blFbzHM4zgHhaDBogFJNiBy2i07+jeAuaQwCbEdf8LLuEqlr0DxX0GP4kXaMJbtKEU67ANW5CDQxhCLnoxpmcpV9CJbszjPG74zcoTlvQKGjCL/Xjpt4JmDf4RVbgWYnCLd1ptFzZrTzZ4E+zUbO09H8BzJ7Owjb+Ifu3fsDeBbdJadOj9B8VprTQoOvR6rDj2JffASvGNNrQcv9LM1HFVll8cwQM8wmFbwTH9YCjN4GHjIV5rswstwV49uO9EFzb7LCsWS1CGn3gVYYJkkZRaggJ8daKNOV2LLMFvLSfTsnSb8DzP1nXZEsxgI9aEGPh7wP2E5/NWXWctwThWoTJEggJVnNcez/eqdB2Pu6rnRETvP0+NcBqTlmBUm3IKJREkaFXnvZNsFYvqIwn19Nh/DF6mLmxV2efuRTdVCdZyL/zj4MW4q9mfwzd3AmsRR1VRPbiO1RkMvhuPUYFBv25q8QEHlaTFNgj1aQbO14QmdH7fxpl0Z3KxXlmDPk+r0p7is/bK6rwWdfr//EC7Zh/q0HfUz8/qAAr6p3/CLQzoJHQySZCMQlTrpLLVLensncIT/En1478CDABtQnZitNZjlAAAAABJRU5ErkJggg==) center center no-repeat;background-size: contain;vertical-align: -1px;}
.order-list dl dd{margin-top:15px;}
.order-list dl dd .order-goods{display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;margin-bottom: 10px;}
.order-list dl dd .order-goods .face{width:115px;height:77px;overflow:hidden;}
.order-list dl dd .order-goods .face img{height:100%;}
.order-list dl dd .order-goods .info{padding:0 15px 0 10px;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.order-list dl dd .order-goods .info a{display:block;height:20px;line-height:19px;overflow:hidden;font-size:14px;color:#666;}
.order-list dl dd .order-goods .info h4{line-height:16px;font-size:15px;color:#333;margin-top:6px;}
.order-list dl dd .order-goods .info p{color:#888;font-size:12px;}
.order-list dl dd .tools{margin-top:13px;padding-right:15px;text-align:right;}
.order-list dl dd .tools a{display:inline-block;vertical-align:top;min-width:72px;margin:0 0 8px 8px;padding:0 6px;height:25px;overflow:hidden;line-height:25px;text-align:center;border-width:1px;border-style:solid;font-size:14px;border-radius:50px;border-color:#999;color:#666;}
.order-list dl dd .tools .pay{background:linear-gradient(91deg,rgba(253,208,172,1) 0%,rgba(244,176,129,1) 100%);border:1px solid rgba(244,176,129);color:#333;}
.no-order{text-align:center;font-size:15px;padding:100px 0 120px;}
.no-order p{color:#777;margin-top:15px;}
.no-order a{display:inline-block;width:105px;height:30px;line-height:30px;color:#fff;background:linear-gradient(91deg,rgba(253,208,172,1) 0%,rgba(244,176,129,1) 100%);border-radius:50px !important;margin-top:15px;}
.card_box ul li .count{background:#FED2AE;border-radius:50%;color:#000;font-size:0.45rem;min-width:0.7rem;min-height:0.7rem;line-height:0.7rem;    display: inline-block;    margin-left: -0.5rem; margin-top: 0;position: absolute;}
/*----- / 取消订单原因 / -----*/
.order-layer{background:#fff;border-radius:5px;margin:0 auto;}
.order-layer .tools{height:44px;border-top:solid 1px #d8d8d8;display:-webkit-box;display:-moz-box;display:-o-box;display:-ms-box;}
.order-layer .tools a{display:block;width:50%;height:44px;line-height:44px;text-align:center;font-size:17px;color:#F4B081;}
.order-layer .tools a.close{border-right:solid 1px #d8d8d8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
.cancel-order h4{height:48px;line-height:48px;text-align:center;font-size:16px;color:#333;border-bottom:solid 1px #d8d8d8;}
.cancel-order .content{padding:10px 15px;}
.cancel-order .content ul li label{padding:5px 0;display:block;font-size:15px;color:#444;}
.cancel-order .content ul li label input{display:inline-block;vertical-align:top;width:17px;height:17px;padding:0;margin:2px 4px 0 0;}
.cancel-order .content .other{padding-left:20px;}
.cancel-order .content .other textarea{width:100%;height:60px;border:solid 1px #d8d8d8;}
.cancel-order .content .message{margin-top:10px;padding-left:20px;font-size:14px;color:#F4B081;position:relative;display:none;}
.cancel-order .content .message:before{display:inline-block;width:16px;height:16px;overflow:hidden;content:'!';background:#F4B081;color:#fff;line-height:16px;text-align:center;border-radius:50%;position:absolute;left:0;top:2px;}
.order-layer-msg .content{padding:20px;text-align:center;}
.loading{text-align:center;height:32px;line-height:32px;font-size:14px;display:none;}
.is_comment a{display: inline-block;vertical-align: top;max-width:50px;margin: 0 0 8px 8px;padding:0 6px;height: 25px;overflow: hidden;line-height: 25px;
    text-align: center;border-width: 1px;border-style: solid;font-size: 14px;border-radius: 4px;border-color: #999;color: #666;}
.is_comment .pay{border-color: #F4B081;color: #F4B081;margin: 10px 0px;}
.recommend .product-price,.recommend-nav a.active{color: #EE794D;}
.btn_login_box{margin-top:15px;text-align:center;}
.btn_login{background: #F6B285 !important;color: #333 !important;width: 60%;height: 40px; line-height: 40px;display: inline-block;
    border-radius: 5px;background-color: #FF9748;font-size: 17px;outline: none;border: none;margin-bottom: 30px;}

/**列表**/
.setup .row{padding:20px;border-top: 1px solid #EEEEEE;float: left;width:calc(100% - 40px);color:#000000;font-size:0.6rem;background-color:#fff;}
.setup .row img{width:0.4rem;margin-left: 10px;}
.setup .row a{display: block;}
.setup .row .zx{font-size: 0.5rem;color: #8D8D8D;}
.setup .row .zx{padding-right: 10px;}
.setup .row .fr{float: right;}
.edit_sub{position: fixed;bottom: 0px;width:calc( 100% - 40px);padding:10px 20px;box-shadow: 0px 0px 3px #EEEEEE;}
.edit_sub .sub{width: 100%;height:2rem;text-align: center;color: #000;background:linear-gradient(90deg,#fed2ae, #f5af80);font-size: 0.6rem;
line-height: 2rem;border-radius:2rem;margin-top:0.15rem;}    
 
.floor_center_box{margin: 10px;}   
.floor_title{font-size: 0.7rem;font-weight: 500;text-align: center;color: #000000;padding:0.5rem 0px 0.6rem;}
.like_recommendation_box{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:space-between;}
.like_recommendation_box .fl_box{width:49%;margin-bottom:20px;background: #fff;padding-bottom: 5px;}
.like_recommendation_box .fl_box img{width:100%;}
.like_recommendation_box .fl_box .goods_name{padding: 0px 0.3rem;font-size:0.6rem;color:#333;margin-top:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.like_recommendation_box .fl_box .goods_price{padding: 0px 0.3rem;font-size:0.6rem;color:#333;font-weight:bold;}
.like_recommendation_box .fl_box .old_price{font-size:0.5rem;color:#999;text-decoration: line-through;font-weight:normal;margin-left:5px;}
.like_recommendation_box .fl_box .goods_thumb_box{position: relative;overflow: hidden;}
.like_recommendation_box .fl_box .goods_thumb_box .goods_r{position: absolute;top: 0.1rem;left: 0rem;width: 1.3rem;}
.goods_name .tag{display: inline-block;background-color:#2D2D2D;color: #F9BE96;font-size: 0.45rem;
float: left;margin-top: 0.1rem;padding: 0rem 0.3rem;border-radius: 0.3rem;margin-right: 0.1rem;}    

.fl_box .goods_thumb_box .give_time{width:6.3rem;height:0.9rem;background:rgba(3,3,3,0.5);border-radius: 0px 0.25rem 0px 0px;
position: absolute;bottom: 0px;left: 0px;line-height: 0.9rem;font-size: 0.45rem;color: #fff;}
.fl_box .goods_thumb_box .give_time .b{width:37%;background:url(../images/give_bg.png) no-repeat;float: left;color:#7A3506;text-indent: 0.15rem;
margin-top: -0.07rem;padding-top:0.07rem;background-size:100% 100%;height: 0.92rem;font-weight: 700;}
.fl_box .goods_thumb_box .give_time .t{width:60%;float: right;color: #fff;}