@charset "utf-8";
li{list-style:none}
/**
 * PC端
 */
@media screen and (min-width:768px){
    .navLayout {min-height: 410px;}
    .crumbs{padding-left: 220px;}
    .navLayout .left{float:left;width:200px;line-height:50px;white-space:nowrap;text-indent:16px;font-size:16px;background:#FFF}
    .navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5}
    .navLayout .navList .tab{display:block;color:#22272e;position:relative;cursor: pointer;}
    .navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:10px;top:0;transform:rotate(90deg);width:32px;height:32px;line-height:32px;text-align:center;color:#bec2c9}
    .navLayout .navList .con{position:relative;}
    .navLayout .navList .con:before,.navLayout .navList .con:after{content:'';position:absolute;width:168px;border-top:1px solid #f5f5f5;left:16px}
    .navLayout .navList .con:before{top:0}
    .navLayout .navList .con:after{bottom:0}
    .navLayout .navList .con a{display:block;font-size:14px;color:#627386;text-indent:32px}
    .navLayout .navList.on .tab:before{top:18px;transform:rotate(270deg);color:#e15616}
    .navLayout .navList.on .tab{color:#e15616}
    .navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
    /*订单详情顶部信息*/
    .navLayout .right{float:right;width:968px}
    .order-container{width: 100%;min-height:410px;}
    .order-container .title{width: 100%;height: 44px;line-height: 44px;font-size: 16px;text-align: left;color: #22272e;}
    .order-container .title a{display: block;float: right;position: relative;padding-right: 36px;position: relative;}
    .order-container .title a .icon{display: block;width: 18px;height: 18px;position: absolute;top: 5px;right: 10px;}
    .order-container .title a .icon:before{width: 18px;height: 18px;background-position: -304px -32px;}
    .order-container .section{width: 100%;height: auto;}
    .order-container .section .section-info {margin-bottom: 10px;box-sizing: border-box;height: 217px;padding-left: 68px;padding-top: 10px;padding-right: 20px;background-color: #FFFFFF;}
    .order-container .section .section-info .order-title{width: 100%;height: 40px;position: relative;float: left;margin-bottom: 0;}
    .order-container .section .section-info .order-title .bag{display: block;position: absolute;left: -45px;top: 12px; width: 36px;height: 16px;background-image: linear-gradient(335deg,#e15616 0%,#ffb496 100%);border-radius: 2px;font-size: 10px;color: #FFFFFF;line-height: 16px;text-align: center;}
    .order-container .section .section-info .order-title .title-name{float: left;line-height:  40px;font-size: 14px;color: #22272e;}
    .order-container .section .section-info .order-title .title-name p{float: left;margin-right: 10px;}
    .order-container .section .section-info .order-title .title-name p.state{color: #E15616;margin-left: 10px;font-weight: normal;}
    .order-container .section .section-info .order-title .title-type{float: left;width: 40px;height: 40px;background: url("/img/order/second.png")center center no-repeat;background-size: cover;}
    .order-container .section .section-info .order-title .title-time{float: right;line-height:  40px;font-size: 12px;color: #9aa5b5;}
    .order-container .section .section-info .order-content{width: 100%;height: auto;float: left;}
    .order-container .section .section-info .order-content .order-item{width: 100%;height: 36px;float: left;}
    .order-container .section .section-info .order-content .order-item p{float: left;margin-right: 50px;line-height: 36px;color: #22272e;font-size: 14px;}
    .order-container .section .section-info .order-content .order-item p.org{margin-right: 20px;}
    .order-container .section .section-info .order-content .order-item p.copy{float: left;display: block;width: 56px;height: 24px;background-image: linear-gradient(214deg, #ff2929 0%, #ff6d1b 100%);border-radius: 2px;line-height: 24px;text-align: center;font-size: 12px;color: #FFF;margin-top: 6px;cursor: pointer;}
    .order-container .section .section-info .order-content .order-item p span{margin-left: 5px;}
    .order-container .section .section-info .order-content .order-item p .red{color: #f94b4b;}
    .order-container .section .section-info .order-content .order-item p .org{color: #e15616;}
    .order-container .section .section-info .order-content .order-item p .none{color:#627386;}
    /*商品信息*/
    .order-container .section-list{margin-bottom: 10px;width: 100%;height: auto;box-sizing: border-box;float: left;}
    .order-container .section-shopinfo{width: 100%;height: auto;box-sizing: border-box;float: left;padding: 0 20px 20px 20px;background-color: #FFFFFF;}
    .order-container .section-shopinfo .title{width: 100%;height: 56px;box-sizing: border-box;padding: 8px 0;border-bottom: 1px solid #e2e7ef;}
    .order-container .section-shopinfo .title .logo{width: 39px;height: 39px;box-sizing: border-box;border: 1px solid #e2e7ef;float: left;display: block;margin-right: 5px;}
    .order-container .section-shopinfo .title .name{line-height: 40px;float: left;font-size: 14px;color: #22272E;text-align: left;margin-right: 20px;}
    .order-container .section-shopinfo .title .activity{float: left;margin-top: 8px;position: relative;cursor:pointer;line-height: 24px;height:24px;float: left;width: 86px;border-radius: 2px;border: 1px solid rgba(225, 86, 22, 0.3);}
    .order-container .section-shopinfo .title .activity:before{content: '';width: 100%;height: 3px;background-color: #FFFFFF;display:none;position: absolute;left: 0;bottom: -2px;z-index: 999;}
    .order-container .section-shopinfo .title .activity .tit{width: 100%;height: 100%;}
    .order-container .section-shopinfo .title .activity .tit p{line-height: 24px;font-size: 12px;color: #22272E;text-align: left;box-sizing: border-box;color: #e15616;text-align: center;padding-right: 16px;}
    .order-container .section-shopinfo .title .activity .tit .icon{width: 16px;height: 16px;display: block;position: absolute;top: 4px;right: 4px;}
    .order-container .section-shopinfo .title .activity .tit .icon:before{width: 16px;height: 16px;background-position: -93px -3px;}
    .order-container .section-shopinfo .title .activity .action{display:none; min-width: 198px;min-height: 94px;box-sizing: border-box;padding: 10px;border: 1px solid rgba(225, 86, 22, 0.3);background-color: #FFF;position: relative;bottom: 0;left: -1px;border-radius: 2px;}
    .order-container .section-shopinfo .title .activity .action p{color: #22272E;text-align: left;font-size: 12px;line-height: 20px;}
    .order-container .section-shopinfo .title .activity .action p .btn{height: 24px;position: absolute;bottom: 0;left: 0;}
    .order-container .section-shopinfo .title .activity .action p span{cursor: pointer;display: block;float: right;width: 56px;height: 24px;background-color: #e15616;border-radius: 2px;line-height: 24px;text-align: center;font-size: 12px;color: #FFF;}
    .order-container .section-shopinfo .title .activity .action p.org{color: #e15616;}
    .order-container .section-shopinfo .title .activity:hover .action{display: block;}
    .order-container .section-shopinfo .title .activity:hover:before{display: block;}
    .order-container .section-shopinfo .title .activity.active .action{display:block;}
    .order-container .section-shopinfo .product{width: 100%;height: auto;float: left;}
    .order-container .section-shopinfo .section-prosinfo{width: 100%;height: 126px;padding: 16px 0;}
    .order-container .section-shopinfo .product-t{width: 100%;height: 100px;float: left;}
    .order-container .section-shopinfo .product-t .image{width: 98px;height: 98px;float: left;border: 1px solid #e2e7ef;margin-right: 10px;position: relative;}
    .order-container .section-shopinfo .product-t .image img{width: 98px;height: 98px;display: block;}
    .order-container .section-shopinfo .product-t .image .tip{width: 40px;height: 20px;border-radius: 2px;font-size: 12px;line-height: 20px;text-align: center;display: block;position: absolute;top: 0;left: 0;color: #FFFFFF; background-image: linear-gradient(214deg, #ff4500 0%, #ff5800 53%, #ff4367 100%);}
    .order-container .section-shopinfo .product-t .text{width: 810px;float: left;}
    .order-container .section-shopinfo .product-t .tit{float: left;width: 100%;margin-bottom: 6px;line-height: 22px;font-size: 16px;text-align: left;color: #22272E;}
    .order-container .section-shopinfo .product-t .info{width: 100%;height: auto;float: left;}
    .order-container .section-shopinfo .product-t .info-l{width: 170px;height: auto;float: left;}
    .order-container .section-shopinfo .product-t .info p{line-height: 24px;font-size: 14px;color: #627386;text-align: left;}
    .order-container .section-shopinfo .product-t .info-r{width: auto;height: auto;float: left;}
    .order-container .section-shopinfo .product-b{width: 100%;height: 26px;float: left;box-sizing: border-box;padding-left:110px;}
    .order-container .section-shopinfo .product-b p{line-height: 24px;font-size: 14px;color: #627386;text-align: left;}
    .order-container .section-shopinfo .product-b p .red{color: #FF2A2A;}
    .order-container .section-shopinfo .info-r .activity{float: left;margin-top: 48px;margin-left: 10px;position: relative;cursor:pointer;line-height: 24px;height:24px;float: left;box-sizing:border-box;padding:0 10px;border-radius: 2px;border: 1px solid rgba(225, 86, 22, 0.3);}
    .order-container .section-shopinfo .info-r .activity:before{content: '';width: 100%;height: 3px;background-color: #FFFFFF;display: none;position: absolute;left: 0;bottom: -2px;z-index: 999;}
    .order-container .section-shopinfo .info-r .activity .tit{width: 100%;height: 100%;}
    .order-container .section-shopinfo .info-r .activity .tit p{line-height: 24px;font-size: 12px;color: #22272E;text-align: left;box-sizing: border-box;color: #e15616;text-align: center;padding-right: 16px;}
    .order-container .section-shopinfo .info-r .activity .tit .icon{width: 16px;height: 16px;display: block;position: absolute;top: 4px;right: 4px;}
    .order-container .section-shopinfo .info-r .activity .tit .icon:before{width: 16px;height: 16px;background-position: -93px -3px;}
    .order-container .section-shopinfo .info-r .activity .action{display:none; min-width: 232px;min-height: 74px;box-sizing: border-box;padding: 10px;border: 1px solid rgba(225, 86, 22, 0.3);background-color: #FFF;position: absolute;bottom: -74px;left: -1px;border-radius: 2px;}
    .order-container .section-shopinfo .info-r .activity .action p{color: #22272E;text-align: left;font-size: 12px;line-height: 20px;}
    .order-container .section-shopinfo .info-r .activity .action p .btn{height: 24px;position: absolute;bottom: 0;left: 0;}
    .order-container .section-shopinfo .info-r .activity .action p span{cursor: pointer;display: block;float: right;width: 56px;height: 24px;background-color: #e15616;border-radius: 2px;line-height: 24px;text-align: center;font-size: 12px;color: #FFF;}
    .order-container .section-shopinfo .info-r .activity .action p.org{color: #e15616;}
    .order-container .section-shopinfo .info-r .activity:hover .action{display: block;}
    .order-container .section-shopinfo .info-r .activity:hover:before{display: block;}
    .order-container .section-shopinfo .info-r .activity.active .action{display:block;}
    .order-container .section-shopinfo .shopinfo-bott{width: 100%;height: auto;float: left;box-sizing: border-box;padding-left:110px;line-height: 38px;color: #22272E;}
    .order-container .section-shopinfo .shopinfo-bott p .red{color: #FF2A2A;}
    .order-container .section-shopinfo .shopinfo-bott .bott-top{width: 100%;float: left;}
    .order-container .section-shopinfo .shopinfo-bott .bott-bot{width: 100%;float: left;}
    .order-container .section-shopinfo .shopinfo-bott .count{float: left;font-size: 14px;}
    .order-container .section-shopinfo .shopinfo-bott .total{float: right;font-size: 16px;}
    .order-container .section-shopinfo .bott-bot p{color: #627386;}
    .order-container .section-shopinfo .bott-bot span{margin-left: 10px;color: #22272E;}
    /*发票信息*/
    .order-container .section-invoice{margin-bottom: 10px;width: 100%;height: auto;box-sizing: border-box;float: left;padding:16px 20px;background-color: #FFFFFF;}
    .order-container .section-invoice .tit{width: 100%;line-height: 24px;font-size: 14px;color: #22272E;height: 24px;float: left;}
    .order-container .section-invoice .tit p{float: left;}
    .order-container .section-invoice .tit .icon{width: 24px;height: 24px;display: block;float: right;}
    .order-container .section-invoice .tit .icon:before{width: 24px;height: 24px;background-position: -90px -0px;}
    .order-container .section-invoice .invoice-none{width: 100%;line-height: 24px;font-size: 14px;color: #999999;height: 24px;float: left;box-sizing: border-box;}
    .order-container .section-invoice .invice-item{width: 100%;height: 36px;float: left;}
    .order-container .section-invoice .invice-item p{float: left;margin-right: 50px;line-height: 36px;color: #627386;font-size: 14px;}
    .order-container .section-invoice .invice-item p span{color: #22272E;}
    /*转账信息*/
    .section-payment{margin-bottom: 10px;width: 100%;height: auto;box-sizing: border-box;float: left;padding:16px 20px;background-color: #FFFFFF;}
    .payment-transfer{width: 100%;height: auto;}
    .payment-transfer .payment-transfer-main{width: 100%;height: auto;}
    .payment-transfer .payment-transfer-main .label{width: 100%;height: 38px;line-height: 38px;font-size: 13px;color: #333;}
    .payment-transfer .payment-transfer-main .label .label-title{color: #999999;}
    .payment-transfer .payment-transfer-main .label .label-t{color: #666;}
    .payment-transfer .payment-transfer-main .label .text{color: #333;float: left;width: 25%;}
    .payment-transfer .payment-transfer-main .label .text-p{color: #333;float: left;}
    .payment-transfer .payment-transfer-main .label .text-p input{border: none;background-color: #FFF;width: 60px;font-size: 14px;color: #333;}
    .payment-transfer .payment-transfer-main .label .text-p .copy{display: block;width: 56px;height: 24px;background-image: linear-gradient(214deg, #ff2929 0%, #ff6d1b 100%);border-radius: 2px;line-height: 24px;opacity:1;float: left;font-size: 12px;margin-top: 5px;margin-left: 5px;color: #FFF;text-align: center;}
    .payment-transfer .payment-transfer-main .label .label-c{color: #E15616;}
    /*退款记录*/
    .section-paymentlist{margin-bottom: 10px;width: 100%;height: auto;box-sizing: border-box;float: left;padding:10px 20px;background-color: #FFFFFF;}
    .section-paymentlist .record-title{width: 100%;height: 48px;line-height: 48px;float: left;font-size: 16px;color: #22272E;}
    .section-paymentlist .record-title .record-title-l{float: left;}
    .section-paymentlist .record-title .record-title-r{float: right;}
    .section-paymentlist .record-title .record-title-r .red{color: #FF2A2A;}
    .section-paymentlist .record-list{width: 100%;height: auto;}
    .section-paymentlist .record-list .record-item{width: 100%;height: 40px;}
    .section-paymentlist .record-list .item-time{width: 33.33%;height: 40px;font-size: 14px;color: #627386;text-align: center;line-height: 40px;float: left;}
    .section-paymentlist .record-list .item-time.mm{text-align: left;}
    .section-paymentlist .record-list .item-time.tt{text-align: right;}
    .section-paymentlist .record-list .item-rec{width: 50%;height: 40px;font-size: 14px;color: #627386;text-align: center;line-height: 40px;float: left;}
    .section-paymentlist .record-list .item-rec.mm{text-align: left;}
    .section-paymentlist .record-list .item-rec.tt{text-align: right;}
    .section-paymentlist .record-empty{width: 100%;height: 40px;font-size: 14px;color: #999999;text-align: left;float: left;line-height: 40px;}
    /*底部按钮*/
    .section-botton{width: 100%;height: 58px;box-sizing: border-box;float: left;padding:10px 20px;background-color: #FFFFFF;}
    .section-botton .btn{width: 88px;height: 34px;border-radius: 2px;border: 1px solid #FFF;float: right;margin-left: 16px;font-size: 14px;line-height: 34px;text-align: center;display: block;}
    .section-botton .btn.cancel{border-color: #9aa5b5;background-color: #FFFFFF;color: #22272e;}
    .section-botton .btn.primary{border-color: #E15616;background-color: #E15616;color: #FFFFFF;}
    /*弹窗*/
    .popup{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;top: 0;left: 0;z-index: 999;}
    .popup-layer{-webkit-overflow-scrolling: touch;width: 390px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;-webkit-background-clip: content;border-radius: 2px;box-shadow: 1px 1px 50px rgba(0,0,0,.3);z-index: 1000;}
    .popup-layer.bran{height: auto;}
    .popup-layer .popup-title{padding: 0 80px 0 20px;height: 42px;line-height: 42px;border-bottom: 1px solid #eee;font-size: 14px;color: #333;overflow: hidden;background-color: #F8F8F8;border-radius: 2px 2px 0 0;position: relative;}
    .popup-title .popup-close{width: 16px;height: 16px;display: block;position: absolute;right: 10px;top: 13px;background: url("/img/base/icon.png") -317px -2px no-repeat;cursor: pointer;}
    .popup-layer .popup-content{min-height: 80px;box-sizing: border-box;padding:10px 16px;}
    .popup-layer .popup-content .popup-message{box-sizing: border-box;padding: 8px 0;border-top: 1px solid #ebebeb;display: none;}
    .popup-layer .popup-content p{font-size: 14px;color: #333;text-align: justify;line-height: 24px;}
    .popup-layer .popup-content p input {border: none;background-color: #FFF;width: 60px;font-size: 14px;color: #333;}
    .popup-layer .popup-content p.red{padding-left: 24px;color: #FF2A2A;margin-top: 10px;background: url("/web/order/img/icon-tips.png")no-repeat;}
    .popup-layer .popup-content p span{color: #e15616;}
    .popup-layer .popup-content p span.down{color: #333;display: inline-block;padding-right: 20px;background: url("/web/order/img/Retract.png") right center no-repeat;}
    .popup-layer .popup-content p span.copy{width:42px;height:18px;background:linear-gradient(34deg,rgba(255,41,41,1) 0%,rgba(255,109,27,1) 100%);opacity:1;border-radius:3px;font-size: 12px;display: inline-block;line-height: 18px;color: #FFF;text-align: center;cursor: pointer;}
    .popup-layer .popup-button{box-sizing: border-box;text-align: right;padding: 0 15px 12px;pointer-events: auto;user-select: none;-webkit-user-select: none;}
    .popup-layer .popup-button .btn{height: 30px;line-height: 28px;margin: 5px 5px 0;padding: 0 15px;border: 1px solid #dedede;background-color: #fff;color: #333;border-radius: 2px;font-weight: 400;cursor: pointer;text-decoration: none;display: inline-block;}
    .popup-layer .popup-button .btn.btn-confim{border-color: #E15616;background-color: #E15616;color: #fff;}
    .popup-layer .popup-button .btn.btn-onlinePayConfim{border-color: #E15616;background-color: #E15616;color: #fff;}
}

/**
* 移动端
*/
@media screen and (max-width:768px){
.navLayout{background:#FFF;border-top:1px solid #F5F5F5;border-bottom:1px solid #F5F5F5;}
.navLayout .crumbs{display:none;}
.navLayout .left{width:29.3vw;border-right:1px solid #F5F5F5;line-height:11.8vw;white-space:nowrap;text-indent:3.3vw;font-size:3.4vw;}
.navLayout .left .title{color:#22272e;font-weight:bold;border-bottom:1px solid #f5f5f5;font-size: 3.7vw;}
.navLayout .navList .tab{display:block;color:#22272e;position:relative}
.navLayout .navList .tab:before{content:'\276F';font-weight:normal;position:absolute;right:1.4vw;top:1vw;transform:rotate(90deg);width:6.4vw;height:6.4vw;line-height:6.4vw;text-align:center;color:#bec2c9}
.navLayout .navList .con a{display:block;color:#9aa5b5;}
.navLayout .navList.on .tab:before{top:4vw;transform:rotate(270deg);color:#e15616}
.navLayout .navList.on .tab{color:#e15616}
.navLayout .navList .con a.on{color:#e15616;background-color:#ffe6dc}
.navLayout .right{width:70.5vw}





}

