.redemption-title{padding-top:20px;padding-bottom:5px;border-bottom:1px solid #ddd;}
.fill-order-con{padding:15px 0;}
.fill-order-con h3{color:#007bc4;font-size:14px;line-height:32px;}
.fill-order-con h3 a{display:inline-block;margin-left:30px;padding:0 8px;height:32px;background:#eee;color:#007bc4;text-align:center;font-weight:400;}
.fill-order-con h3 a span{font-weight:700;}
.fill-order-con table{border:1px solid #eee;}
.fill-order-con tr{border-bottom:1px solid #eee;}
.fill-order-con td{padding:5px 10px;color:#555;font-size:12px;}
.fill-order-con tbody tr:hover{background:#f5f5f5;cursor:pointer;}
.addr-icon{visibility:hidden;padding-left:20px;height:24px;background:url(/static/img/integral/addr.png) no-repeat left center;white-space:nowrap;line-height:24px;}
.tr_default,.on{background:#f5f5f5;}
.tr_default td{font-weight:700;}
.tr_default .addr-icon,.on .addr-icon{visibility:visible;}
/*积分兑换商品*/
.redemption-con .cart-con {border:1px solid #eee;}
.redemption-con .cart-con td{padding:5px 0 5px 10px;color:#666;}
.redemption-con .cart-con thead tr{background:#f5f5f5;}
.redemption-con .img-box{display:block;width:80px;height:80px;line-height:80px;border:1px solid #eee;text-align:center;}
.checkbox-con{margin:20px 10px 10px;text-align:right;cursor:pointer;}
.width80{width:90px;}
.td_proname{word-break:break-all;}
/*积分兑换商品成功*/
.redemption-cart-con thead td{background:#f5f5f5;font-size:12px;}
.redemption-cart-con thead span{white-space:nowrap;}
.redemption-cart-con table td{padding:5px;}
#text_remarks{width: 400px; height: 82px; max-width:100%;vertical-align: top; padding: 10px; border: 1px solid #fd8300;}
.fill-order-payment{padding:10px;background:#f5f5f5;text-align:right;line-height:24px;border:2px solid #ec6c01;}
.fill-order-payment label,.transfer-details{padding:0 5px;white-space:nowrap;}
.fill-order-payment input[type='radio'],.dv_shipp_address input[type='radio']{position:relative;top:2px;margin-right:5px;}
.fill-order-payment li.float-L{width:45%;}
.fill-order-payment li.float-R{width:55%;}
.fill-order-payment input[type='text']{margin-top:5px;padding:5px;width:100%;height:36px;border:1px solid #ddd;}
.order-payment-btn{text-align:right;}
.order-payment-btn .btn{width:240px;}
.color-blue{color:#004a7b;}
.color-blue:hover{color:#ec6c01;}
.disabled {pointer-events:none;background:#ccc!important;}
.add-addr-popups{width:480px;height:825px;}
.add-bill-popups{width:480px;height:700px;}
.add-addr-popups,.add-bill-popups{max-width:96%;max-height:96%;}
.add-addr-popups .form-box,.add-bill-popups .form-box{max-height:100%;overflow:auto;}
/*数量加减*/
.sp_ipt_number{display:inline-block;overflow:hidden;height:24px;width:80px;border:1px solid #ddd;background:#f5f5f5;text-align:center;white-space:nowrap;}
.sp_ipt_number span{float:left;display:inline-block;width:24px;height:22px;font-size:16px;cursor:pointer;user-select:none;}
.sp_ipt_number input{float:left;width:30px;height:22px;border-top:none;border-right:1px solid #ddd;border-bottom:none;border-left:1px solid #ddd;text-align:center;font-size:14px;}

/*兑换成功*/
.successful-trade{border:1px solid #ddd;}
.successful-trade-addr dt{margin-bottom:5px;padding-left:3%;height:32px;border-bottom:1px solid #ddd;background:#eee;font-weight:700;line-height:32px;}
.successful-trade dl{padding-bottom:10px;width:60%;min-height:160px;border-right:1px solid #ddd;background:#f5f5f5;font-size:12px;}
.successful-trade-addr dd{padding:5px 0 5px 80px;color:#666;text-indent:-60px;line-height:20px;}
.successful-trade-addr dd label{color:#232323;}
.successful-trade-addr dd span{padding-right:5px;}
.order-status{padding-left:2%;width:40%;}
.order-status h3{margin-top:30px;padding:10px 0 10px 35px;background:url(/static/img/integral/status.png) no-repeat;background-position:left center;color:#0092d8;font-weight:700;}
.order-status p{padding:5px 0 5px 35px;}
.successful-order{margin-top:20px;border:1px solid #ddd;border-top-width:2px;}
.successful-order ul{overflow:hidden;padding:0 15px;background:#f5f5f5;}
.successful-order li{float:left;padding:8px 20px 8px 0;font-size:12px;}
.dd_bill_info i{color:#666;}
.offline-txt dt b{color:#fd8300;font-size:24px;}
.offline-details-con{padding:15px 0;}
.offline-txt{padding:10px;font-size:14px;line-height:24px;}
.offline-txt dt{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dashed #ddd;color:#666;}
.offline-txt dd{padding:5px 5px 5px 16px;text-indent:-16px;}
.offline-txt dd b,.order-status a{color:#007bc4;font-size:16px;}
.padding-L18{padding-left:17px;}
.successful-order-table thead span{padding-right:15px;white-space:nowrap;}
.successful-order-table thead td{background:#f5f5f5;}
.successful-order-table td{padding:5px;border-bottom:1px solid #ddd;}
.successful-order-table .img-box{display:block;margin-right:5px;width:80px;height:80px;background:#e8f9fe;}
.order-details-right{text-align:right;padding:2%;}
.order-details-right span{color:#fd8300;font-size:18px;font-weight:700;}


.integral-select-con{margin:1%;display:flex;display:-webkit-flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap;} 
.integral-select li{position:relative;margin-top:10px;padding-left:80px;letter-spacing:1px;}
.integral-select li span{position:absolute;left:0;line-height:28px;}
.integral-select li button{margin:2px;padding:0 10px;height:28px;line-height:26px;border-radius:15px;background:none;border:1px solid #ddd;}
.integral-select .current,.integral-select li button:hover{color:#007bc4;border-color:#007bc4;}

.myintegral{margin:10px 0;float:right;line-height:40px;color:#ec6c01;}
.myintegral .look-integral,.myintegral b{display:inline-block;padding:0 15px;height:40px;line-height:38px;border:1px solid #ec6c01;color:#ec6c01;border-radius:20px;}
.search-pname{display:block;margin:1%;max-width:480px;position:relative;}
.search-pname input{display:inline-block;width:100%;padding-left:15px;padding-right:40px;border:1px solid #ddd;height:40px;border-radius:20px;}
.search-pname button{position:absolute;height:40px;width:40px;right:0;top:0;background:url(/static/img/search.png) no-repeat center;border-radius:20px;}
.integral-gift{overflow:hidden;}
.integral-gift dl{float:left;margin:1%;padding:1% 1.5%;width:23%;background:#fff;border:1px solid #ddd;border-radius:15px;border-top-right-radius:40px;border-bottom-left-radius:40px;overflow:hidden;}
.integral-gift dl .img-box{position:relative;height:255px;text-align:center;line-height:255px;}
.integral-gift dl .img-box img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.integral-gift dd{overflow:hidden;line-height:30px;text-align:right;}
.integral-gift dd p{padding:10px 0;;text-align:left;line-height:20px;min-height:60px;}
.integral-gift dd button{padding:0 12px;height:30px;line-height:28px;border-radius:20px;background:none;border:1px solid #007bc4;color:#007bc4;}
.integral-gift dd span{color:#888;}
.integral-gift dd span:first-child{padding-right:10px;}
.integral-gift dd button:hover{background:#007bc4;color:#fff;}
.integral-exchange{padding-top:30px;text-align:center;}
.integral-exchange .btn{margin-top:20px; width:140px;}
.collapse,.expand{position:relative;padding-right:20px;cursor:pointer;}
.collapse:before{position:absolute;display:block;bottom:0;right:0;content:"↑";color:#ec6c01;}
.expand:before{position:absolute;display:block;bottom:0;right:0;content:"↓";color:#ec6c01;}
.collapse.current:before{content:"↓";}
.expand.current{content:"↑";}

@media only screen and (max-width:1520px){
    .integral-gift dl .img-box{height:235px;line-height:235px;}
}
@media only screen and (max-width:1200px){
    .integral-gift dl{width:31.33%;}
    .integral-gift dl .img-box{height:220px;line-height:220px;}
}
@media only screen and (max-width:1024px){
    .integral-select li a{padding:2px 6px;}
    .integral-gift dl .img-box{height:200px;line-height:200px;}
    .integral-banner{overflow:hidden;}
    .integral-banner p{width:130%;margin-left:-15%;}
}
@media only screen and (max-width:780px){
    table colgroup{display:none;}
    .fill-order-con tr{display:inline-block;width:100%;}
    .fill-order-con td{padding:5px;display:inline-block;}
    .redemption-con .cart-con td{padding:5px;}
    .successful-trade-addr dd{padding-left:70px;}
    .order-status p{padding-left:5px;}

    .integral-gift dl{width:48%;padding:2%;}
    .integral-gift dl p{padding:5px 0;}
    .integral-gift dl .img-box{height:180px;line-height:180px;}
}
@media only screen and (max-width:480px){
    .integral-gift dl{margin-top:2%;border-radius:10px;border-top-right-radius:30px;border-bottom-left-radius:30px;}
    .integral-gift dl .img-box{height:160px;line-height:160px;}
    .integral-banner p{width:160%;margin-left:-30%;}
}