@charset "utf-8";
/**
 * 生日汇 ====>>  确认订单
 * 
 * 日期: 2016 - 10 - 29
 ******************************/
.min_hei66{ min-height:66px !important;}
.create_order{ padding-bottom:50px;}
.create_order .list-block{ margin:0;}
.create_order .create_ul li{ padding:0 15px;}
.create_order .list-block .item-content{ padding-left:0;}
.create_order .item-link .item-inner{padding-right:0; background:none;}
.create_order .sel_address{ position:relative; padding-left:20px;padding-top:8px; padding-bottom:7px;width:100%;}
.create_order .address_txt{ position:relative; padding-top:8px; padding-bottom:7px; padding-right:15px; }
.create_order .icon_address{ position:absolute; top:8px; left:-20px;}
.create_order .icon_r_address{ position:absolute; right:0; top:8px;}
.create_order .list-block li.shoping_li{ padding:15px 15px 10px; background-color:#ededed;}
.create_order .list-block li.shoping_li+.shoping_li{ margin-top:10px;}
.create_order .shopping_info{ position:relative; padding-left:115px; height:100px;margin-bottom: 5px;}
.create_order .img_info{ position:absolute; top:0; left:0; width:100px; height:100px;}
.create_order .img_info img{ width:100px; height:100px;}
.create_order .itme_after{white-space:nowrap; color:#333; -webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;margin-left:5px; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;max-height: 28px;}
.create_order .other_info{ position:relative; padding-left:80px; height:70px;}
.create_order .other_info .item-title{ position:absolute; left:0; top:10px;}
.create_order .other_info .textarea{padding:8px;width:100%;height: 65px;line-height: 22px;border:0;font-size:16px;}
.create_order .bottom_price{ width:100%; text-align:right;}
.create_order input.delivery_date,
.create_order input.delivery_time{ position:absolute; right:10px; top:11px; height:24px; line-height:24px; padding-top:0; padding-bottom:0; text-align:right; border:0; background:#fff}

.create_order .input_li{position:relative; padding-left:80px;}
.create_order .input_li .item-title{ position:absolute; left:0; top:10px;}
.create_order .input_li .itme_after{width:100%;}
.create_order .input_li input{width: 100%;border:0;text-align: right;padding-right: 8px;}

/*加减购买数量*/
.create_order .change_num .plus_icon,
.create_order .change_num .minus_icon{border:1px solid #ededed; background:#ededed;}
.create_order .change_num input.num_input{border-left:1px solid #fff;border-right:1px solid #fff; background:#ededed;}
/*收货地址列表*/
.address_list .swipeout{ border-bottom:1px solid #e4e4e4;}
.address_list .add_item{padding:13px 50px 6px 15px; min-height:94px; width:100%;}	
.address_list .name_tel{ position:relative;  width:100%;}
.address_list .name{ white-space: nowrap; position: relative;overflow: hidden; text-overflow:ellipsis;}
.address_list .address_txt{ font-size:14px; color:#666;}
.address_list .edit_address{position:absolute;right:0;top:18px; padding:0 10px;  height:60px; line-height:60px;width:50px; border-left:1px solid #e4e4e4; text-align:center;}
.address_list .swipeout-actions-right.delete_address a{ background:#ff7a71;}
.address_list .swipeout.selected_address{ padding-left:30px;}
.address_list .swipeout .select_icon{ display:none; position:absolute; top:25px; left:10px; width:22px; height:30px; color:#007aff;}
.address_list .swipeout.selected_address .select_icon{ display:block;}

/*保存地址表单*/
.submit_address .item-inner{ padding:0 15px;}
.submit_address .item-title.label{ width:28%;}
/*选择配送区域弹层*/
.select_city_make{ display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:rgba(0,0,0,.35);}
.select_city_box{ display:none; position:absolute; bottom:0; left:0; z-index:14002; padding-bottom:0; padding-top:80px; width:100%; height:70%; background:#fff; color:#666;}
.select_city_box .title_bd{ position:absolute; top:0; left:0; width:100%; height:80px;}
.select_city_box .close_city_box{ position:absolute; right:10px; top:8px; width:30px; height:30px; line-height:30px; text-align:center;}
.select_city_box .back_city{ position:absolute; left:0px; top:8px; width:40px; height:30px; line-height:30px; text-align:center;}
.select_city_box .button{position:fixed;bottom:0;left:0; z-index:10004;height: 40px;width: 100%;border-radius: 0;font-size: 18px; background:#144a9e;}
.select_city_box .title{ margin-top:10px; height:30px; line-height:30px; text-align:center; font-size:18px; font-weight:normal;}
.select_city_box .selected_item{ padding:4px 15px 0 15px; height:39px; line-height:34px; border-bottom:1px solid #e4e4e4;}
.select_city_box .item_txt{ display:inline-block; padding-left:8px; padding-right:8px; font-size:14px;}
.select_city_box .item_txt.hover_item{ border-bottom:2px solid #ff7a71; color:#ff7a71;}
.select_city_box .select_list{ padding:15px; width:100%; margin-top:3.5%; height:90%; overflow-y:auto;}
.select_city_box .select_list ul{ width:100%;min-height:100%;}
.select_city_box .select_list li{ margin-bottom:5px; height:30px; line-height:30px;overflow: hidden;}
.select_city_box .select_list .iconfont{ display:none;}
.select_city_box .select_list .sel_li{color:#ff7a71;}
.select_city_box .select_list .sel_li .iconfont{display:inline-block; margin-left:10px; font-size:14px;color:#ff7a71;float:right;}
.select_city_box .old_list{height: 100%;overflow-y: auto;padding-bottom: 40px;}
.select_city_box .old_list ul{padding:0 15px;}
.select_city_box .old_list li{position:relative;height:36px; line-height:36px;border-bottom: 1px solid #e4e4e4;padding-right: 30px;}
.select_city_box .old_list li .iconfont{font-size: 18px;margin-right: 8px;}
.select_city_box .old_list li strong{display:inline-block;vertical-align: middle;width:60px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight: normal;}
.select_city_box .old_list li span{margin-left: 8px;display:inline-block;width:calc( 100% - 105px );vertical-align: middle;white-space: nowrap;overflow: hidden; text-overflow:ellipsis;}
.select_city_box .old_list li.iconfont,.select_city_box .old_list li.iconfont .iconfont{color:#ee0020;}
.select_city_box .old_list li.iconfont:before{content:"\e603";color:#ee0020;position: absolute;right:0;top:0;font-size: 22px;}
.select_city_box .old_list li.iconfont{font-size: 14px;}

.bug_fixios {position: fixed;}
.new_address_btn{width:30%;margin-top:20px;}

/*****下午茶******/
.toolbar .tea_adress a{width: 100%;line-height:28px;color:#fff;}
.tea_aderess .link_search{padding:8px 15px;}
.tea_aderess .link_search a{background: #fff;border-radius: 8px;color:#b5b5b5;display: block;line-height: 32px;padding:0 10px;}
.tea_aderess .submit_address li:first-child{padding:8px 0;}
.tea_aderess .submit_address li:first-child .item-inner p{line-height: 20px;margin-bottom: 8px;}
.tea_aderess .link_search a i{margin-right: 6px;}
.tea_aderess div.txt_center{margin-top: 120px;}
.tea_aderess div.txt_center img{width: 50%;}
.tea_aderess div.txt_center p{color:#999;font-size: 16px;margin-top: -10px;}
.tea_aderess .list-block{margin-top: 0;}
.tea_address_list li{border-bottom: 8px solid #ededed;}
.tea_address_list .checkdiv{position: relative;border-bottom: 1px solid #e4e4e4;}
.tea_address_list .add_item{padding:13px 50px 6px 15px; min-height:94px; width:100%;}   
.tea_address_list .name_tel{ position:relative;  width:100%;}
.tea_address_list .name{ white-space: nowrap; position: relative;overflow: hidden; text-overflow:ellipsis;}
.tea_address_list .address_txt{ font-size:14px; color:#666;}
.tea_address_list .checkdiv_right{position:absolute;right:0;top:36px; padding:0 10px;  height:60px; line-height:60px;width:50px; text-align:center;}
.tea_address_list .check_box{position:relative;}
.tea_address_list .check_box div{height: 22px;width: 22px;border-radius: 50%;}
.tea_address_list .check_box .iconfont {display:none;color: #fff;position: absolute;top: 5px;left: 4px;font-size: 14px;line-height: 14px;}
.tea_address_list .check_box .checked .iconfont{display:block;}
.tea_address_list .check_box .checked {background-color: #144a9e;border: none;}
.tea_address_list .check_box .unuse {border: 1px solid #c8c7cc;}
.tea_address_list .opeardiv{line-height: 32px;height: 32px;font-size: 14px;}
.tea_address_list .opeardiv .iconfont{font-size: 18px;margin-right: 4px;}
.tea_address_list .opeardiv span:first-child{margin-right: 6px;}
.tea_address_list .list_disabled,.tea_address_list .list_disabled .address_txt,.tea_address_list .list_disabled .txt_red {color:#adadad!important;}
.teabg_gray{background: #bababa;}
.teabg_gray a{border: 0;cursor: pointer;}
.popup_address_map{display: block;}

.toolbar-through .page-content.tea_map{padding-bottom: 0;}
.popup_address_map{width: 100%;height: 100%;}
.address_map_top {height: 44px;line-height: 44px;text-align: center;font-size: 16px;}
#map_con{width: 100%;height: 100%;}

.cart_none{margin-top: 35%;}
.cart_none img{width: 28%;}
.cart_none .txt_gray{margin:15px 0;}
.cart_none .button{width: 100px;margin:0 auto;}
/*****演出******/
.create_order .list-block li.show_li{ padding:15px; background-color:#f6f6f6;min-height:164px;}
.create_order .show_li .img_info{height:133px;}
.create_order .show_li .img_info img{ width:100px; height:133px;}
.create_order .show_info {position: relative;padding-left: 115px;height: auto;}

.create_order .show_ticket_li{padding:15px !important;border-bottom:5px solid #ededed;}
.create_order .show_ticket_li .info{color:#666;line-height: 26px;}

.select_city_box .no_address{display:none;position: absolute; top: 99px; left: 20px;}


.popup_address_list{display: block !important;
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    background: #fff;
    box-sizing: border-box;
  
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)


}
.popup_address_add{display: block !important;position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11002;
    background: #fff;
    box-sizing: border-box;
  
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transition-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)}




.popup_address_list.modal-in,
.popup_address_list.modal-out,
.popup_address_add.modal-in,
.popup_address_add.modal-out
 {
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.popup_address_list.modal-in,
.popup_address_add.modal-in {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.popup_address_list.modal-out,
.popup_address_add.modal-out {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}


@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
-ms-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
-ms-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}






.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

/* 添加配件 */
.create_order .list-block .notemore{margin-top:-1px;border-bottom:1px solid #E7E7E9;padding-bottom:5px;font-size:14px;line-height:22px;background:#fff;z-index:16;position: relative;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.popup_remark_add{position:absolute;top:0;left:0;z-index:15002;width:100%;height:100%;background:#fff;display:none;}
.popup_remark_add .toolbar .button{width:45%;height:32px;line-height: 30px;font-size: 16px;}
.popup_remark_add .remark_message{padding:6px 15px;color:#F44545;font-size: 13px;line-height: 17px;background:#fafafa;border-bottom:1px solid #E5E5E5;margin-bottom:15px;}
.popup_remark_add .page-content{background: #fff;}
.popup_remark_add .section {padding:0 15px;}
.popup_remark_add .section h3{font-size: 16px;line-height: 21px;margin:6px 0;}
.popup_remark_add .check_div{line-height: 40px;}
.popup_remark_add .check_box{display:flex;align-items: center;height:40px;}
.popup_remark_add .check_box .iconfont {display:none;color: #fff;position: absolute;top: 3px;left: 2px;font-size: 14px;    line-height: 14px;}
.popup_remark_add .check_box .checked .iconfont{display:block;}
.popup_remark_add .check_box .checked {background-color: #144a9e;border: none;position:relative;}
.popup_remark_add .check_box .unuse {border: 1px solid #c8c7cc;}
.popup_remark_add .check_box div{height: 18px;width: 18px;border-radius: 50%;}
.popup_remark_add .section p{font-size:15px;}
.popup_remark_add .section .icon-tishi{vertical-align: middle;margin-left:6px;font-weight: normal;font-size:18px;}
.popup_remark_add .section textarea{width:100%;background:#F7F7F7;border-color:#E5E5E5;padding:10px;}
.popup_remark_add .section textarea::placeholder{color:#999;}
.popup_remark_add .section .item-input{display:none;}