/*demo样式*/
#picker {
    display: inline-block;
    line-height: 1.428571429;
    vertical-align: middle;
    margin: 0 12px 0 0;
}
#picker .webuploader-pick {
    padding: 6px 12px;
    display: block;
}


#uploader-demo .thumbnail img {
    width: 100%;
}
#uploader-demo{
    padding: 0px 5px;
}
.uploader-list {
    width: 100%;
    overflow: hidden;
}
.order-item{
    padding-bottom: 30px;
    margin:0px 15px 10px 0px;
    word-break:break-all; /*支持IE，chrome，FF不支持*/
    word-wrap:break-word;/*支持IE，chrome，FF*/
    position: relative;
}
.order-row .order_status_0, .order-item .order_status_0 span{color: #f60;}
.order-row .order_status_1, .order-item .order_status_1 span{color: #539c09;}
.order-row .order_status_2, .order-item .order_status_2 span{color: #999;}
.order-row .order_status_3, .order-item .order_status_3 span{color: #06C;}
.file-item {
    float: left;
    position: relative;
    margin: 0 5px 20px 0;
    padding: 2px;
    width: 90px;
    height: 90px;
    overflow: hidden;
}
.file-item .error {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    background: red;
    color: white;
    text-align: center;
    height: 20px;
    font-size: 14px;
    line-height: 23px;
}
.file-item .info {
    position: absolute;
    left: 4px;
    bottom: 4px;
    right: 4px;
    height: 20px;
    line-height: 20px;
    /*text-indent: 5px;*/
    background: rgba(0, 0, 0, 0.6);
    color: white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    font-size: 12px;
    z-index: 10;
    text-align: right;
    padding-right: 5px;
}
i.ico,
.addr_edit i,
.order-item i,
.upload-state-done i{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    position: absolute;
    color: #fff;
    padding: 5px;
    z-index: 99;
    width: 16px;
    height: 16px;
    text-align: center;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    border-radius:14px;
    color: #fff;
}
.upload-state-done i.clickimg{
    background: #4cae4c;
    /*content:"\f00c";*/
    bottom: 0;
    left: 4px;
}
.upload-state-done i.delimg {
    background: #c71c22;
    /*content:"\f014";*/
    top: 2px;
    right: 2px;
}
.upload-state-done i.no-click {
    background: #ccc;
}
.user_addr{position: relative;padding: 8px 25px 8px 8px;background: #fff;font-size: 12px;}
#user_addr_box{ background: url('../images/bg_hbl_70.png');padding: 3px;}
.user_addr .tel {
    position: absolute;
    right: 35px;
    top: 8px;
    /*background: #ccc;*/
}
.user_addr i.fa-angle-right {
    right: 4px;
    top: 16px;
    font-size: 30px;
    color: #999;
    /*background: #ccc;*/
}

.addr_edit .fa-edit ,
.order-item .fa-edit {
    color: #2f76e7;
    bottom: 2px;
    left: 2px;
}
.addr_edit .fa-trash-o {
    color: #c71c22;
    /*content:"\f014";*/
    top: 2px;
    right: 2px;
}
.file-item .progress {
    position: absolute;
    right: 4px;
    bottom: 4px;
    height: 3px;
    left: 4px;
    height: 4px;
    overflow: hidden;
    z-index: 15;
    margin:0;
    padding: 0;
    border-radius: 0;
    background: transparent;
}
.file-item .progress span {
    display: block;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #d14 url(../images/progress.png) repeat-x;
    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    -webkit-transform: translateZ(0);
}
@-webkit-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 17px 0;
    }
}

a.travis {
  position: relative;
  top: -4px;
  right: 15px;
}
#form_box{padding: 70px 10px;}
#addr_list{padding: 70px 10px 20px;}
#addr_list .thumbnail{margin-bottom: 25px;}
#addr_list .addr_item{margin-bottom: 5px; position: relative;}
#addr_list .addr_item .tel{ position: absolute; top: 5px;right: 5px;}
#addr_list .addr_item .addr span{ color: #f60;}
#addr_list .addr_edit{ padding-top: 5px;border-top: 1px solid #eee;position: relative;height: 25px;text-align: right;}
.order-item .fa-edit{
    width: auto;
    text-align: right;
}
.addr_edit i {
    width: auto;
    position: static;
    text-align: right;
}
.order-item .fa-edit:before,
.addr_edit i:before {
    margin-right: 2px;
}
.input-group {
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group .form-control-phone,.input-group .input-group-addon,.input-group .input-group-btn,.input-group .form-control-nums{
    display: table-cell;width: auto;float: left;height: 20px;;line-height: 20px;
}
.input-group-addon {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.input-group-l,
input.input-group-l{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-r,
input.input-group-r{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group .form-control-nums {
    width: 50px;
}
.input-group .form-control-phone {
    width: 65%;
}
.input-group .input-group-addon,.input-group input,.input-group .form-control-phone{
    line-height: 16px;
    height: 16px;
    font-size: 12px;
}
#orderList{padding-top: 51px;font-size: 12px;background: #efefef;}
#orderList .order-row{margin: 0px;border: none;margin-bottom: 6px;background: #fff;}
#orderList .order_no{position: relative;padding: 3px}
#orderList .order_type{background: #fafafa;padding: 10px 5px;}
#orderList .type_row{position: relative;padding: 2px 0px;}
#orderList .type_row .price{position: absolute;right: 0px;top: 3px;}
#orderList .order_no .order_status{position: absolute;right: 3px;top: 2px;}
#orderList .btn{font-size: 12px;padding: 2px 6px;}
#orderList .total_box{text-align: right;padding: 6px ;font-size: 13px;}
#orderList .pay_box{text-align: right;padding: 6px 12px;font-size: 12px;border-top:1px solid #f3f3f3;}
#orderList .pay_box .btn{border-color: #f60; color: #f60; padding: 1px 4px;}



.footer_button{display: inline-block;margin: 0px 3px;}
.footer_button .push{
    background: #f60;
}
#addr_box{height: 60px;text-align: center;}
#addr_box #add_ico{font-size: 30px;padding: 15px 0px 0px;color: #999;}
#filePicker:before{position: absolute;z-index: 1;color: #fff;top: 7px;left: 9px;}
.footer_button .webuploader-pick{padding: 8px 12px;}
/*.footer_button #push_data.webuploader-pick{padding-left: 24px;}*/
.confirm_text{text-align: left;}
.order_edit{margin: 0px 10px;}
/* 分页 */
.page{padding:15px; text-align: center;}
.page a{display:inline-block;padding:0px 8px;line-height:20px;border:1px solid #ddd;margin-right:5px;}
.page .current{display:inline-block;padding:0px 8px;line-height:20px;color:#f00;}
.alertable{top: 16%}

.user_list .order-item{float: left;width: 260px;height: 120px;}