.reportHomeWrap{
    padding: 16px 0;
}
.reprotTopItemBar{
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 28px 24px 0 24px;
    background-color: #fff;
}
.reprotTopItemBar .logo{
    width: 124px;
    float: left;
    margin-right: 70px;
}
.reprotTopItemBar .search{
    width: 610px;
    height:40px;
    float: left;
    border: 2px solid #FE6D26;
}
.reprotTopItemBar .search input{
    width: 540px;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    height: 36px;
    border: 0;
    line-height: 36px;
    color: #333;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#C5C5C5;
}
input::-moz-placeholder,textarea::-webkit-input-placeholder{  /* Mozilla Firefox 19+ */
    color:#C5C5C5;
}
input:-moz-placeholder,textarea::-webkit-input-placeholder{   /* Mozilla Firefox 4 to 18 */
    color:#C5C5C5;
}
input:-ms-input-placeholder,textarea::-webkit-input-placeholder{ /* Internet Explorer 10-11 */
    color:#C5C5C5;
}
.reprotTopItemBar .search .btn{
    width: 66px;
    background-color: #FE6D26;
    text-align: center;
    line-height: 38px;
    color: #fff;
    display: block;
    float: right;
    box-sizing: border-box;
    position: relative;
    top: -1px;
    right: -1px;
}
.reprotTopItemBar .oderLink{
    width: 130px;
    height: 40px;
    background: #FE6D26;
    border-radius: 2px;
    text-align: center;
    float: left;
    margin-left: 30px;
}
.reprotTopItemBar .oderLink span{
    display: inline-block;
    line-height: 40px;
    color: #fff;
    padding-left: 22px;
    position: relative;
}
.reprotTopItemBar .oderLink span::before{
    width: 16px;
    height: 16px;
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    background: url(../images/report/icon_order.png) no-repeat;
}
.reportHomeAd{
    width: 100%;
    padding:0 24px;
    background-color: #fff;
}
.reportHomeAd .adSlide{
    width: 770px;
    height: 328px;
    float: left;
}
.reportHomeAd .adSlide img{
    width: 770px;
    height:328px;
}
.reportHomeAd .rightad{
    width: 366px;
    float: left;
    margin-left: 16px;
}
.reportHomeAd .rightad .item{
    width: 366px;
    height: 156px;
}
.reportHomeAd .rightad .item img{
    display: block;
    width: 366px;
    height: 156px;
}
.reportHomeAd .rightad .item:nth-child(1){
    margin-bottom: 16px;
}
.reportHomeNav{
    background-color: #fff;
    padding: 18px 24px;
    background-color: #fff;
}
.reportHomeNav ul li{
    width: 20%;
    float: left;
    text-align: center;
}
.reportHomeNav ul li p{
    color: #666;
    line-height: 20px;
}
.reportHomeNav ul li:hover p{
    color: #FF7300;
    font-weight: bold;
}
.reportShowItem{
    margin-top: 26px;
}
.reportShowItem .itemBox{
    background-color: #fff;
    margin-bottom: 16px;
    box-sizing: border-box;
    padding: 28px 24px;
}
.reportShowItem .itemBox .titleBar{
    height: 24px;
    margin-bottom: 20px;
}
.reportShowItem .itemBox .titleBar h2{
    display: inline-block;
    color:#333;
    font-size: 18px;
    line-height: 24px;
}
.reportShowItem .itemBox .titleBar .more{
    float: right;
}
.reportShowItem .itemBox .titleBar .more a{
    padding: 0 14px;
    display: block;
    color: #ACACAC;
    line-height: 24px;
    background: url(../images/report/icon_back.png) right center no-repeat;
}
.reportShowItem .itemBox .titleBar .more a:hover{
    color: #FF7300;
}
.reportList ul{
    margin-left: -16px;
}
.reportList ul li{
    width: 178px;
    height: 272px;
    float: left;
    margin-left: 16px;
    margin-bottom: 20px;
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
}
.reportList ul li img{
    width: 178px;
    height: 178px;
    display: block;
    object-fit: cover;
}
.reportList ul li .title{
    height: 40px;
    margin: 10px 0;
    padding: 0 10px;
    line-height: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.reportList ul li:hover .title{
    color: #FF7300;
}
.reportList ul li .price{
    padding:0 10px;
    color: #FE6D26;
    font-size: 16px;
}
.reportfilter{
    background-color: #fff;
    margin: 16px 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 18px 4px 18px;
}
.reportfilter .item{
    margin-bottom: 16px;
}
.reportfilter .item .ti{
    width: 86px;
    display: block;
    line-height: 24px;
    color: #666;
    float: left;
}
.reportfilter .item:last-child{
    margin-bottom: 0;
}
.reportfilter .item .filterCon{
    overflow: hidden;
    border-bottom: 1px dashed #F0F0F0;
}
.reportfilter .item .filterCon a{
    display: inline-block;
    padding: 0 8px;
    line-height: 24px;
    color: #333;
    margin-right: 34px;
    margin-bottom: 16px;
}
.reportfilter .item .filterCon a.curr,.reportfilter .item .filterCon a:hover{
    background: #FE6D26;
    border-radius: 2px;
    color: #fff;
}
.reportfilter .item:last-child .filterCon{
    border-bottom: none;
}
.reportShowBox{
    background-color: #fff;
    padding: 30px 24px;
}
.reportDetailShow .leftConent{
    width: 935px;
    float: left;
}
.reportDetailShow .product-intro{
    background-color: #fff;
    padding: 30px 24px;
}
.reportDetailShow .pictureShow{
    width: 340px;
    height: 198px;
    float: left;
    margin-right: 30px;
}
.reportDetailShow .pictureShow .swiper{
    width: 340px;
    height: 198px;
}
.reportDetailShow .pictureShow .swiper img{
    display: block;
    width: 340px;
    height: 198px;
}
.reportDetailShow .pictureShow .swiper-button-next,.reportDetailShow .pictureShow .swiper-button-prev{
    width: 19px;
    height: 30px;
    background: rgba(0, 0, 0, 0.2);
}
.reportDetailShow .pictureShow .swiper-button-next{
    right: 0;
}
.reportDetailShow .pictureShow .swiper-button-prev{
    left: 0;
}
.reportDetailShow .pictureShow .swiper-button-next:after,.reportDetailShow .pictureShow .swiper-button-prev:after{
    content: '';
    width: 19px;
    height: 30px;
}
.reportDetailShow .pictureShow .swiper-button-next:after{
    background: url(../images/report/icon_s_next.png) center no-repeat;
}
.reportDetailShow .pictureShow .swiper-button-prev:after{
    background: url(../images/report/icon_s_prev.png) center no-repeat;
}
.reportDetailShow .InfoSItem{
    overflow: hidden;
}
.reportDetailShow .InfoSItem .title{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
}
.reportDetailShow .InfoSItem .property{
    margin-top: 18px;
    padding-bottom: 18px;
    position: relative;
}
.reportDetailShow .InfoSItem .property span{
    display: inline-block;
    color: #999;
    line-height: 16px;
    font-size: 12px;
    padding-right: 28px;
}
.reportDetailShow .InfoSItem .property span.share{
    display: block;
    float: right;
}
.reportDetailShow .InfoSItem .property span.share a{
    color: #FE6D26;
    line-height: 20px;
    display: block;
    padding-left: 20px;
    background: url(../images/report/icon_share.png) left 2px no-repeat;
}
.reportDetailShow .InfoSItem .price{
    padding:18px 26px;
    background: #f3f3f3;
}
.reportDetailShow .InfoSItem .price .item:nth-child(1){
    margin-bottom:10px;
    line-height: 30px;
}
.reportDetailShow .InfoSItem .price .item span{
    display: inline-block;
    line-height: 30px;
}
.reportDetailShow .InfoSItem .price .item span.ti{
    color: #999;
    letter-spacing: 4px;
    padding-right: 14px;
}
.reportDetailShow .InfoSItem .price .item span.p_c1{
    color: #FE6D26;
    font-size: 24px;
}
.reportDetailShow .InfoSItem .price .item span.p_c2{
    color: #FE6D26;
    font-size: 18px;
}
.reportDetailShow .InfoSItem .price .item span.vip_privilege{
    position: relative;
    padding-left: 12px;
    top: -1px;
}
.reportDetailShow .InfoSItem .price .item span.vip_privilege a{
    color: #2061A7;
    display: block;
    padding-right: 18px;
    background: url(../images/report/icon_help.png) right center no-repeat;
}
.reportDetailShow .InfoSItem .price .item span.joinVip{
    position: relative;
    padding-left: 12px;
    top: -1px;
}
.reportDetailShow .InfoSItem .price .item span.joinVip a{
    display: block;
    width: 64px;
    height: 24px;
    border: 1px solid #FF7300;
    border-radius: 2px;
    line-height: 24px;
    text-align: center;
    color: #FF7300;
    font-size: 12px;
    position: relative;
    top: -2px;
}
.reportDetailShow .InfoSItem .buyBtn{
    margin-top: 4px;
    margin-top: 20px;
}
.reportDetailShow .InfoSItem .buyBtn a{
    display: block;
    width: 130px;
    height: 38px;
    background: #FF7300;
    text-align: center;
    line-height: 38px;
    color: #fff;
    border-radius: 2px;
}
.reportDetailShow .detail{
    background-color: #fff;
    margin-top: 16px;
    padding: 7px 24px 40px 24px;
}
.reportDetailShow .detail .TabView{
    height: 50px;
    border-bottom: 1px solid #eee;
}
.reportDetailShow .detail .TabView ul li{
    display: inline-block;
    line-height: 48px;
    margin-right: 46px;
    color: #999;
    font-size: 16px;
    cursor: pointer;
}
.reportDetailShow .detail .TabView ul li.curr{
    color: #FF7300;
    border-bottom: 2px solid #FF7300;;
}
.reportDetailShow .detail .contentShow:nth-child(1){
    display: block;
}
.reportDetailShow .detail .contentShow{
    padding: 30px 0;
    color: #666;
    line-height: 24px;
    display: none;
    box-sizing: border-box;
    min-height:994px;
}
.reportDetailShow .detail .contentShow img{
    max-width: 100%;
}
.reportDetailShow  .rightList{
  background-color: #fff;
  padding:30px 24px;
  width: 250px;
  float: right;
}
.reportDetailShow  .rightList .tibar{
    font-size: 18px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 20px;
}
.reportDetailShow  .rightList .reportList ul li{
    width: 202px;
    height: 300px;
    margin-bottom: 20px;
}
.reportDetailShow  .rightList .reportList ul li img{
    width: 202px;
    height: 202px;
}
.reportDetailShow  .rightList .reportList ul li:last-child{
    margin-bottom:0;
}
.reportOrderfilter{
    margin-top: 30px;
    background: #FAFAFA;
    padding: 20px 18px;
}
.reportOrderfilter .item .ti{
    display: block;
    float: left;
    width: 86px;
    color: #666;
    line-height: 24px;
}
.reportOrderfilter .item .filterCon{
    overflow: hidden;
    border-bottom: 1px dashed #F0F0F0;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.reportOrderfilter .item .filterCon a{
    display: inline-block;
    padding: 0 8px;
    margin-right: 34px;
    color: #333;
    line-height: 24px;
}
.reportOrderfilter .item .filterCon a.curr,.reportOrderfilter .item .filterCon a:hover{
    color: #fff;
    background: #1DBE6A;
    border-radius: 2px;
}
.reportOrderfilter .item:last-child .filterCon{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.my-tabList{
    border-top: none;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
}
.my-tabList ul li{
    height:auto;
    line-height: 0;
    padding: 17px 0;
    height: 90px;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid #E5E5E5;
}
.my-tabList ul li:last-child{
    border-bottom: none;
}
.my-tabList ul li:nth-child(2n){
    background: none;
}
.my-tabList ul li .selet1 img{
    width: 56px;
    height: 56px;
    float: left;
    margin-right: 14px;
}
.my-tabList ul li .selet1 .title{
    width: 200px;
    left:85px;
    color: #333;
    line-height: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
}
.my-tabList ul li .selet1 .num{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    color: #999;
    left: 326px;
}
.my-tabList ul li .selet1 .price{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    color: #999;
    left: 370px;
}
.my-tabList ul li  .selet2{
    height: 56px;
    line-height: 56px;
    color: #999;
}
.my-tabList ul li .selet3{
    width: 134px;
    height: 56px;
    top: 0;
}
.my-tabList ul li .selet3 .strCon{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
    text-align: center;
}
.my-tabList ul li .selet3 .strCon span{
    display: block;
    height: 20px;
    line-height: 20px;
}
.my-tabList ul li .selet3 .strCon span.str{
    color: #999;
}
.my-tabList ul li .selet3 .strCon span.tradeBtn{
    padding-top: 4px;
}
.my-tabList ul li .selet3 .strCon span.tradeBtn a{
    text-indent: 0;
    width: auto;
    height: auto;
    font-size: 12px;
    color: #333;
    position: relative;
}
.my-tabList ul li .selet3 .strCon span.tradeBtn a.buy{
    color: #09AF63;
    padding-left: 8px;
}
.my-tabList ul li .selet3 .strCon span.tradeBtn a.buy::before{
    width: 1px;
    height: 10px;
    content: '';
    display: block;
    border-left: 1px solid #E5E5E5;
    position: absolute;
    left: 0;
    top: 6px;
}
.user-list-my.table-c4 .selet1{
    width: 460px;
}
.user-list-my.table-c4 .selet3{
    width: 154px;
}
.reportOrderDetail .orderDetailInfo{
    background-color: #fff;
    height: 140px;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 16px;
}
.reportOrderDetail .orderDetailInfo .orderStr{
    width: 220px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #09AF63;
    font-size: 20px;
    float: left;
    font-weight: bold;
    border-right: 1px solid #EFEFEF;
    margin-right: 80px;
}
.reportOrderDetail .orderDetailInfo .userInfo{
    overflow: hidden;
}
.reportOrderDetail .orderDetailInfo .userInfo .row-cell{
    height: 16px;
    padding-left: 22px;
    margin-bottom: 16px;
    color: #999;
    font-size: 12px;
    line-height: 16px;
}
.reportOrderDetail .orderDetailInfo .userInfo .row-cell span{
    display: inline-block;
    color:#555;
}
.reportOrderDetail .orderDetailInfo .userInfo .row-cell.user{
    background: url(../images/report/icon_user.png) left center no-repeat;
}
.reportOrderDetail .orderDetailInfo .userInfo .row-cell.tel{
    background: url(../images/report/icon_tel.png) left center no-repeat;
}
.reportOrderDetail .orderDetailInfo .userInfo .row-cell.address{
    background: url(../images/report/icon_address.png) left center no-repeat;
}
.reportOrderDetail .order-ware-info{
    background-color: #fff;
    padding: 28px 24px;
}
.reportOrderDetail .order-ware-info .title-shop{
    font-size: 18px;
    color: #333;
    line-height: 24px;
}
.reportOrderDetail .order-ware-info .reportShow{
    margin: 30px 0;
}
.reportOrderDetail .order-ware-info .reportShow img{
    width: 120px;
    height: 120px;
    margin-right: 24px;
    float: left;
}
.reportOrderDetail .order-ware-info .reportShow .info{
    overflow: hidden;
}
.reportOrderDetail .order-ware-info .reportShow .info .title{
    color: #333;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
}
.reportOrderDetail .order-ware-info .reportShow .info .num{
    line-height: 20px;
    color: #999999;
    padding-top: 22px;
}
.reportOrderDetail .order-ware-info .reportShow .info .price{
    padding-top: 30px;
}
.reportOrderDetail .order-ware-info .reportShow .info .price span{
    display: inline-block;
    line-height: 26px;
}
.reportOrderDetail .order-ware-info .reportShow .info .price span:nth-child(1){
    font-size: 20px;
    font-weight: 400;
    color: #FE6D26;
}
.reportOrderDetail .order-ware-info .reportShow .info .price span:nth-child(2){
    font-weight: 400;
    color: #999;
    padding-left: 16px;
    position: relative;
    top: -1px;
    text-decoration: line-through;
}
.reportOrderDetail .order-message{
    padding-top: 26px;
    border-top: 1px dashed #EFEFEF;
    margin-bottom: 26px;
}
.reportOrderDetail .order-message .row-flow-cle{
    height: 16px;
    margin-bottom: 16px
}
.reportOrderDetail .order-message .row-flow-cle span{
    display: inline-block;
    font-size: 12px;
}
.reportOrderDetail .order-message .row-flow-cle span.ti{
    color: #999;
}
.reportOrderDetail .order-message .row-flow-cle span.con{
    color: #333;
}
.reportOrderDetail .order-message .row-flow-cle span.con span{
    padding-right: 26px;
}
.reportOrderDetail .order-Tota{
    border-top: 1px dashed #EFEFEF;
    padding-top: 26px;
    text-align: right;
}
.reportOrderDetail .order-Tota .s-item{
    height: 20px;
    margin-bottom: 10px;
}
.reportOrderDetail .order-Tota span{
    display: inline-block;
    line-height: 20px;
}
.reportOrderDetail .order-Tota span.ti{
    color: #666;
}
.reportOrderDetail .order-Tota span.price{
    width: 100px;
    color: #333;
}
.reportOrderDetail .order-Tota .s-item.color span.ti{
    color: #FE6D26;
}
.reportOrderDetail .order-Tota .s-item.color span.price{
    color: #FE6D26;
    font-weight: bold;
}
.reportOrderDetail  .payBtn{
    text-align: center;
    padding: 26px 0 10px 0;
}
.reportOrderDetail  .payBtn a{
    display: inline-block;
    width: 130px;
    height: 40px;
    background: #09AF63;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
}
.orderInfoBox{
    background-color: #fff;
    padding: 30px 0;
}
.orderInfoBox .text-tip{
    width: 990px;
    margin: 0 auto;
    color: #666;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
.orderInfoBox .infoBox{
    width: 990px;
    margin: 0 auto;
    padding: 16px 24px;
    border: 1px solid rgba(240,240,240,.98);
}
.orderInfoBox .infoBox .step-tit{
    position: relative;
    height: 20px;
    line-height: 20px;
}
.orderInfoBox .infoBox .step-tit .txt-title{
    color: #333;
    font-weight: bold;
    float: left;
}
.orderInfoBox .infoBox .step-tit .addreceiptBtn{
    float: right;
}
.orderInfoBox .infoBox .step-tit .addreceiptBtn a{
    color: #2061A7;
    font-size: 12px;
}
.orderInfoBox .consignee-list{
    margin-top: 16px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dashed #F0F0F0;
}
.orderInfoBox .consignee-list ul{
    overflow: hidden;
}
.orderInfoBox .consignee-list ul li{
    height: 32px;
    margin-bottom: 16px;
    cursor: pointer;
}
.orderInfoBox .consignee-list ul li:hover{
    background: #FFF3F3;
}
.orderInfoBox .consignee-list ul li .consignee-item{
    width: 132px;
    height: 32px;
    float: left;
    box-sizing: border-box;
    border: 1px solid #E1E1E1;
    text-align: center;
    line-height: 30px;
    color: #666;
    margin-right: 16px;
    background-color: #fff;
}
.orderInfoBox .consignee-list ul li.curr .consignee-item,.orderInfoBox .consignee-list ul li:hover .consignee-item{
    border: none;
    background: url(../images/report/orderAddr_select.png) no-repeat;
}
.orderInfoBox .consignee-list ul li .addr-detail{
    float: left;
    width: 506px;
}
.orderInfoBox .consignee-list ul li .addr-detail span{
    display: inline-block;
    color: #666;
    line-height: 32px;
    padding-right: 8px;
    float: left;
}
.orderInfoBox .consignee-list ul li .addr-detail span.addr-info{
    max-width: 278px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.orderInfoBox .consignee-list ul li .addr-detail span.addr-default{
    background: #999999;
    height: 20px;
    line-height: 20px;
    width: 56px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-right: 0;
    position: relative;
    top: 6px;
}
.orderInfoBox .consignee-list ul li .ad-btns{
    float: right;
    padding-right: 10px;
    display: none;
}
.orderInfoBox .consignee-list ul li .ad-btns a{
    display: inline-block;
    line-height: 32px;
    color: #2061A7;
    font-size: 12px;
    padding: 0 6px;
}
.orderInfoBox .consignee-list ul li:hover .ad-btns{
    display: block;
}
.orderInfoBox .consignee-list .moreaddr a{
    display: inline-block;
    color: #999;
    padding-right:14px;
    line-height: 20px;
    font-size: 12px;
    background: url(../images/report/icon_arrow_down.png) right center no-repeat;
}
.orderInfoBox .consignee-list .moreaddr a.hide{
    background: url(../images/report/icon_arrow_upon.png) right center no-repeat;
}
.orderInfoBox .orderProList{
    margin-top: 20px;
    padding-bottom: 26px;
    border-bottom: 1px dashed rgba(240,240,240,.98);
}
.orderInfoBox .orderProList .toptab{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #EBEEF5;
    background: #F7F7F7;
    height: 34px;
    border-bottom:none;
}
.orderInfoBox .orderProList .toptab .TabTh{
    color: #666;
    float: left;
    line-height: 32px;
    font-size: 12px;
    text-align: center;
}
.orderInfoBox .orderProList .toptab .TabTh.name{
    width: 470px;
}
.orderInfoBox .orderProList .toptab .TabTh.univalent{
    width: 190px;
}
.orderInfoBox .orderProList .toptab .TabTh.num{
    width: 168px;
}
.orderInfoBox .orderProList .toptab .TabTh.Totalprice{
    width: 110px;
}
.orderInfoBox .orderProList .list{
    border: 1px solid #EBEEF5;
}
.orderInfoBox .orderProList .list ul li{
    position: relative;
    border-bottom: 1px solid #EBEEF5;
    height: 110px;
    padding: 15px 0;
}
.orderInfoBox .orderProList .list ul li:last-child{
    border-bottom: none;
}
.orderInfoBox .orderProList .list ul li .proInfo{
    width: 470px;
    padding: 0 22px;
    float: left;
}
.orderInfoBox .orderProList .list ul li .proInfo img{
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 15px;
}
.orderInfoBox .orderProList .list ul li .proInfo .title{
    width: 330px;
    overflow: hidden;
}
.orderInfoBox .orderProList .list ul li .proInfo .title span{
    display: table-cell;
    width: 330px;
    height: 80px;
    vertical-align: middle;
    line-height: 20px;
    color: #333;
}
.orderInfoBox .orderProList .list ul li .price1{
    line-height: 80px;
    width: 190px;
    text-align: center;
    float: left;
    color: #333;
}
.orderInfoBox .orderProList .list ul li .num-amount{
    width: 168px;
    float: left;
    height: 80px;
    padding: 29px 39px;
}
.orderInfoBox .orderProList .list ul li .num-amount a{
    display: block;
    width: 25px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    color: #999;
    font-weight: bold;
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
    float: left;
}
.orderInfoBox .orderProList .list ul li .num-amount input{
    width: 40px;
    float: left;
    border: 1px solid #F0F0F0;
    text-align: center;
    line-height: 20px;
}
.orderInfoBox .orderProList .list ul li .price2{
    width: 110px;
    text-align: center;
    line-height: 80px;
    float: right;
    color: #FE6D26;
    font-weight: bold;
}
.orderInfoBox .orderstep-row{
    position: relative;
    padding: 26px 0;
    border-bottom: 1px dashed rgba(240,240,240,.98);
}
.orderInfoBox .orderstep-row:last-child{
    border-bottom: none;
}
.orderInfoBox .orderstep-row .tibar{
    font-weight: bold;
    line-height: 20px;
    color: #333333;
    float: left;
    width: 70px;
    margin-right: 24px;
}
.orderInfoBox .orderstep-row .couponWrap{
    overflow: hidden;
    line-height: 20px;
}
.orderInfoBox .orderstep-row .couponWrap .canCpup{
    float: left;
}
.orderInfoBox .orderstep-row .couponWrap .canCpup a{
    color: #FE6D26;
    padding-right: 18px;
    display: block;
    background: url(../images/report/icon_back.png) right center no-repeat;
}
.orderInfoBox .orderstep-row .couponWrap .coupondesc{
    float: right;
    color: #2061A7;
    padding-right: 20px;
    cursor: pointer;
    background: url(../images/report/icon_help.png) right center no-repeat;
}
.orderInfoBox .orderstep-row .give-text{
    overflow: hidden;
    color: #666;
    line-height: 20px;
}
.orderInfoBox .orderstep-row .input-text{
    overflow: hidden;
}
.orderInfoBox .orderstep-row .input-text input{
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
    height: 36px;
    border: 1px solid #E1E1E1;
    line-height: 34px;
}
.orderInfoBox .orderstep-row .invoiceItem:nth-child(2){
    padding-top: 26px;
}
.orderInfoBox .orderstep-row .invoice-switch{
    position: relative;
    overflow: hidden;
}
.orderInfoBox .orderstep-row .invoice-switch input{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    z-index: 3;
    cursor: pointer;
}
.orderInfoBox .orderstep-row .invoice-switch label{
    padding-left: 22px;
    color: #666;
    line-height: 20px;
}
.orderInfoBox .orderstep-row .invoice-switch label::after{
    width: 16px;
    height: 16px;
    background: #ECECEC;
    border: 1px solid #CBCBCB;
    position: absolute;
    top: 2px;
    left: 0;
    content: '';
    display: block;
    box-sizing: border-box;
}
.orderInfoBox .orderstep-row .invoice-switch input:checked +label::after{
    background: url(../images/report/icon_checked.png) no-repeat;
    border: 0;
}
.orderInfoBox .orderstep-row .invoice-switch .tips_invoice {
    color: #FE6D26;
}
.orderInfoBox .orderstep-row .invoice-fill {
    overflow: hidden;
} 
.orderInfoBox .orderstep-row .invoice-fill a{
    display: inline-block;
    line-height: 20px;
    color: #FE6D26;
    padding-right: 18px;
    background: url(../images/report/icon_back.png) right center no-repeat;
}
.orderInfoBox .orderstep-row .getintegral{
    overflow: hidden;
}
.orderInfoBox .orderstep-row .getintegral span{
    display: block;
    line-height: 20px;
    color: #FE6D26;
}
.orderInfoBox .ordersettle{
    width: 990px;
    margin: 24px auto;
    text-align: right;
}
.orderInfoBox .ordersettle span{
    display: inline-block;
    line-height: 24px;
}
.orderInfoBox .ordersettle span.text-num{
    color: #333;
}
.orderInfoBox .ordersettle span.text-num b{
    color: #FE6D26;
    padding: 0 6px;
}
.orderInfoBox .ordersettle span.text-price{
    color: #FE6D26;
    font-weight: bold;
    font-size: 18px;
}
.orderInfoBox  .payBtns{
    width: 990px;
    margin: 0 auto;
    text-align: right;
}
.orderInfoBox  .payBtns a{
    display: inline-block;
    width: 130px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    background: #FE6D26;
    border-radius: 2px;
}
.orderPopup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 99;
}
.orderPopup.is-visible{
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.orderPopup .popContent{
    position: absolute;
    z-index: 101;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
    border-radius: 4px;
}
.orderPopup .popContent .toBar{
    width: 514px;
    height: 62px;
    background: #F7F7F8;
    border-radius: 4px 4px 0 0;
    position: relative;
}
.orderPopup .popContent .toBar h2{
    color: #333;
    font-size: 18px;
    display: inline-block;
    line-height: 62px;
    padding-left: 30px;
}
.orderPopup .popContent .toBar .close{
    position: absolute;
    width: 62px;
    height: 62px;
    text-indent: -99999px;
    background: url(../images/report/icon_close.png) center no-repeat;
    top: 0;
    right: 0;
}
.orderPopup .popContent .popupConShow{
    padding: 30px 40px;
    width: 514px;
}
.orderPopup .popContent .addrForm .item{
    margin-bottom: 28px;
}
.orderPopup .popContent .addrForm .item .ti{
    float: left;
    display: block;
    width: 95px;
    text-align: right;
    line-height: 36px;
    margin-right: 10px;
    color: #666;
}
.orderPopup .popContent .addrForm .item .ti b{
    color:#F5494D;
    font-size: 12px;
    padding-right: 2px;
    font-family: Arial, Helvetica, sans-serif;
}
.orderPopup .popContent .addrForm .item .input{
    overflow: hidden;
}
.orderPopup .popContent .addrForm .item .input input{
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    border: 1px solid #E1E1E1;
    padding: 0 10px;
    line-height: 34px;
    border-radius: 2px;
    font-size: 14px;
}
.orderPopup .popContent .addrForm .item .input .el-cascader{
    width: 100%;
}
.orderPopup .popContent .addrForm .item .tex{
    overflow: hidden;
}
.orderPopup .popContent .addrForm .item .tex textarea{
    width: 100%;
    height: 54px;
    box-sizing: border-box;
    border:1px solid #E1E1E1;
    padding: 5px;
    border-radius: 2px;
    font-size: 14px;
}
.orderPopup .popContent .addrForm .setdefault{
    margin-left: 104px;
    margin-top: -20px;
    height: 20px;
    position: relative;
}
.orderPopup .popContent .addrForm .setdefault input{
    width: 100%;
    height: 20px;
    opacity: 0;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    cursor: pointer;
}
.orderPopup .popContent .addrForm .setdefault label{
    padding-left: 22px;
    color: #666;
    line-height: 20px;
}
.orderPopup .popContent .addrForm .setdefault label::after{
    width: 16px;
    height: 16px;
    background: #ECECEC;
    border: 1px solid #CBCBCB;
    position: absolute;
    top: 2px;
    left: 0;
    content: '';
    display: block;
    box-sizing: border-box;
}
.orderPopup .popContent .addrForm .setdefault input:checked +label::after{
    background: url(../images/report/icon_checked.png) no-repeat;
    border: 0;
} 
.orderPopup .popContent .addrForm .saveBtn{
    margin-left: 104px;
    margin-top: 26px;
}
.orderPopup .popContent .addrForm .saveBtn a{
    display: block;
    width: 130px;
    height: 38px;
    background: #FE6D26;
    line-height: 38px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
}
.orderPopup .popContent .popupConShow.preferentialDec{
    padding: 20px 0 20px 30px;
}
.orderPopup .popContent .popupConShow.preferentialDec .con{
    height: 378px;
    overflow-y: auto;
    color: #666;
    line-height: 22px;
    scrollbar-width: thin; 
    -ms-overflow-style:none;
    padding-right: 33px;
}
.orderPopup .popContent .popupConShow.preferentialDec .con::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.orderPopup .popContent .popupConShow.preferentialDec .con::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    background: #BEBEBE;
}
.orderPopup .popContent .popupConShow.preferentialDec .con::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 3px;
    background: #EBEBEB;
}
.orderPopup .popContent .toBar.pay{
    background: none;
    width: 366px;
    height: auto;
}
.orderPopup .popContent .popupConShow.payShow{
    width: 366px;
    padding: 0 0 40px 0;
    margin-top: 40px;
}
.orderPopup .popContent .popupConShow.payShow .price{
    text-align: center;
    font-size: 18px;
    line-height: 46px;
}
.orderPopup .popContent .popupConShow.payShow .price span{
    display: inline-block;
    font-size: 34px;
    color: #FD792A;
}
.orderPopup .popContent .popupConShow.payShow .payCode{
    text-align: center;
    margin-top: 10px;
}
.orderPopup .popContent .popupConShow.payShow .payCode img{
    width: 140px;
    height: 140px;
    border:1px solid #eee;
    border-radius: 4px;
    padding: 8px;
}
.orderPopup .popContent .popupConShow.payShow .paytip{
    margin-left: 118px;
}
.orderPopup .popContent .popupConShow.payShow .paytip span{
    display: inline-block;
    position: relative;
    color: #999;
    top: -8px;
    font-size: 12px;
}
.orderPopup .popContent .toBar.payfinish{
    background: none;
    height: auto;
    width: 366px;
}
.orderPopup .popContent .popupConShow.payfinish{
    width: 366px;
    margin-top: 80px;
    padding: 0 0 110px 0;
}
.orderPopup .popContent .popupConShow.payfinish .tips{
    text-align: center;
    padding-bottom: 16px;
}
.orderPopup .popContent .popupConShow.payfinish .text{
    text-align: center;
    padding-bottom: 9px;
    color: #333;
    font-size: 16px;
}
.orderPopup .popContent.share{
     padding: 40px 90px;
}
.orderPopup .popContent.share .close{
    display: block;
    width: 64px;
    height: 64px;
    background: url(../images/report/icon_close.png) center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -999999px;
}
.orderPopup .popContent .ancelOrder{
    padding: 20px 30px;
    width: 300px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
}
.orderPopup .popContent.ancel .close{
    display: block;
    width: 64px;
    height: 64px;
    background: url(../images/report/icon_close.png) center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -999999px;
}
.orderPopup .popContent .ancelOrder .tipClear{
    padding-top: 20px;
}
.orderPopup .popContent .ancelOrder .tipClear img{
    width: 42px;
    margin-right: 16px;
    float: left;
}
.orderPopup .popContent .ancelOrder .tipClear .text{
    line-height: 42px;
    color: #333;
}
.orderPopup .popContent .ancelOrder .btns{
    height: 32px;
    margin-top: 38px;
    text-align: right;
}
.orderPopup .popContent .ancelOrder .btns a{
    display: inline-block;
    width: 80px;
    height: 32px;
    margin-left: 14px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
}
.orderPopup .popContent .ancelOrder .btns a.btn1{
    border: 1px solid #999999;
    color: #999;
}
.orderPopup .popContent .ancelOrder .btns a.btn2{
    background: #FC6B63;
    border:1px solid #FC6B63;
    color: #fff;
}
.orderPopup .popupConShow.coupon{
    padding: 30px 10px 30px 63px;
}
.orderPopup .popupConShow.coupon .list{
    max-height:350px;
    overflow-y: auto;
}
.orderPopup .popupConShow.coupon .list::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.orderPopup .popupConShow.coupon .list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    background: #BEBEBE;
}
.orderPopup .popupConShow.coupon .list::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 3px;
    background: #EBEBEB;
}
.orderPopup .popupConShow.coupon .list ul li{
    width: 388px;
    height: 94px;
    margin-bottom: 16px;
    background: url(../images/report/couponBg.png) no-repeat;
}
.orderPopup .popupConShow.coupon .list ul li:last-child{
    margin-bottom: 0;
}
.orderPopup .popupConShow.coupon .list ul li .par{
    width: 278px;
    float: left;
    padding: 10px 20px;
    color: #fff;
}
.orderPopup .popupConShow.coupon .list ul li .par .text{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px;
}
.orderPopup .popupConShow.coupon .list ul li .par .title{
    font-weight: bold;
}
.orderPopup .popupConShow.coupon .list ul li .par .desc{
    font-size: 12px;
    padding: 5px 0;
}
.orderPopup .popupConShow.coupon .list ul li .par .time{
    font-size: 12px;
    padding-top: 6px;
}
.orderPopup .popupConShow.coupon .list ul li .copy{
    width: 110px;
    float: right;
    text-align: center;
}
.orderPopup .popupConShow.coupon .list ul li .copy .rebate{
    color: #fff;
    line-height: 20px;
    font-size: 24px;
    line-height: 32px;
    padding-top: 10px;
}
.orderPopup .popupConShow.coupon .list ul li .btn{
    display: inline-block;
    width: 72px;
    line-height: 26px;
    border: 1px solid #fff;
    border-radius: 2px;
    color: #fff;
    margin-top: 8px;
}
.orderPopup .popContent .popupConShow.invoice{
    padding: 30px 10px 30px 40px;
}
.orderPopup .popContent .invoice .tipTetx{
    color: #999;
    margin-bottom: 16px;
}
.orderPopup .popContent .invoice-type-bar ul{
    margin-left: -10px;
}
.orderPopup .popContent .invoice-type-bar ul li{
    width: 49%;
    float: left;
}
.orderPopup .popContent .invoice-type-bar ul li:first-child{
    margin-right:2%;
}
.orderPopup .popContent .invoice-type-bar ul li a {
    text-align: center;
    border: 1px solid #eee;
    padding: 16px;
    display: block;
}
.orderPopup .popContent .invoice-type-bar ul li .name{
    color: #666;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 6px;
}
.orderPopup .popContent .invoice-type-bar ul li .desc{
    color: #999;
    font-size: 12px;
}
.orderPopup .popContent .invoice-type-bar ul li a.curr{
    border: 1px solid #FE6D26;
}
.orderPopup .popContent .invoice-type-bar ul li a.curr .name{
    color: #FE6D26;
}
.orderPopup .popContent .invoice-type-bar ul li a.curr .desc{
    color:#FE6D26;
}
.orderPopup .popContent .invoice-type-bar{
    margin-bottom: 10px;
}
.orderPopup .popContent .invoice .Tips{
    width: 424px;
    color: #FE6D26;
    line-height: 16px;
    font-size: 12px;
    margin-bottom: 16px;
}
.orderPopup .popContent .invoice .tibar{
    color: #999;
    margin-bottom: 18px;
}
.orderPopup .popContent .invoice .invoice-type-select{
    height: 20px;
}
.orderPopup .popContent .invoice .invoice-type-select .ti{
    width: 70px;
    float: left;
    margin-right: 3px;
    color: #666;
    line-height: 20px;
}
.orderPopup .popContent .invoice .invoice-type-select .select{
    display: block;
    overflow: hidden;
}
.orderPopup .popContent .invoice .invoice-type-select .select span{
    display: block;
    float: left;
    margin-right: 30px;
}
.orderPopup .popContent .invoice .invoice-type-select .select span a{
    color: #333;
    display: block;
    line-height: 20px;
}
.orderPopup .popContent .invoice .invoice-type-select .select span a::after{
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    background: #ECECEC;
    border: 1px solid #CBCBCB;
    border-radius: 2px;
    float: left;
    box-sizing: border-box;
    position: relative;
    top: 2px;
    margin-right: 8px;
}
.orderPopup .popContent .invoice .invoice-type-select .select span a.curr::after{
    background: url(../images/report/icon_checked.png) no-repeat;
    border: none;
}
.orderPopup .popContent .invoice .invoice-form-content{
    margin-top: 20px;
}
.orderPopup .popContent .invoice .form-item {
    margin-bottom:16px;
}
.orderPopup .popContent .invoice .form-item .name{
    width: 70px;
    float: left;
    margin-right: 4px;
    line-height: 36px;
    color: #666;
}
.orderPopup .popContent .invoice .form-item .inser-box{
    overflow: hidden;
    width: 360px;
}
.orderPopup .popContent .invoice .form-item .inser-box input{
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 9px;
    border: 1px solid #E1E1E1;
    line-height: 36px;
}
.orderPopup .popContent .invoice .invoiceDetail{
    max-height: 200px;
    overflow-y: auto;
}
.orderPopup .popContent .invoice .invoiceDetail::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.orderPopup .popContent .invoice .invoiceDetail::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    background: #BEBEBE;
}
.orderPopup .popContent .invoice .invoiceDetail::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 3px;
    background: #EBEBEB;
}
.orderPopup .popContent .invoice .form-item .inser-box .price{
    line-height: 36px;
    color: #FE6D26;
}
.orderPopup .popContent .invoice .form-item .inser-box .price b{
    color: #666;
}
.orderPopup .popContent .invoice .top-ti{
    color: #999;
    line-height: 20px;
    margin-bottom: 6px;
}
.orderPopup .popContent .invoice .submit{
    margin-left: 74px;
}
.orderPopup .popContent .invoice .submit .subBtn{
    width: 130px;
    height: 38px;
    display: block;
    background-color:#FE6D26;
    text-align: center;
    line-height: 38px;
    color: #fff;
}
.orderPopup .popContent .invoice .tips-c1{
    width: 422px;
    line-height: 16px;
    color: #999;
    margin-top: 14px;
    font-size: 12px;
}
.orderPopup .popContent .invoice .elCacader{
    width: 360px;
    height: 36px;
}
.orderPopup .popContent .invoice .el-cascader{
    line-height: 36px;
}
.orderPopup .popContent .invoice .el-input__inner{
    height: 36px;
}