/**
 * PC端
 */
@media screen and (min-width:768px){
    .inner{width: 1184px;margin: 0 auto;}
    .container{width: 100%;height: auto;float: left;margin-bottom: 30px;}
    .head-wrap{width: 100%;height: 81px;float: left;background-color: #FFFFFF;margin-bottom: 26px;}
    .head-wrap .inner{width:1184px;height: 81px;margin: 0 auto;}
    .head-wrap .logo{width:68px;height: 81px;float: left;}
    .head-wrap .logo a{width:68px;height: 81px;display: block;}
    .head-wrap .logo a img{width:68px;height: 81px;display: block;}
    .head-wrap .text{height: 81px;float: left;margin-left: 10px;line-height: 81px;font-size: 30px;color: #333333;}
    .pay-container {width: 100%;min-height: 550px;position: relative;margin-bottom:0;opacity: 0;}
    .pay-container.active{opacity: 1;}
    .pay-content{width: 1184px;margin: 0 auto;height: auto;margin-top: 20px;}
    .pay-title{width: 100%;height: 64px;padding: 12px 20px;float: left;background: #ffffff;margin-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);box-sizing: border-box;}
    .pay-title .title-left{float: left;}
    .pay-title .title-left p{font-size: 24px;line-height: 40px;color: #333333;}
    .pay-title .title-left #userName{font-size: 24px;color: #333333;}
    .pay-title .title-left span{font-size: 16px;line-height: 40px;color: #666666;}
    .pay-title .title-left span.color{color: #e15616;}
    .pay-title .title-right{float: right;height: 40px;}
    .pay-title .title-right .time{width: 172px;height: 40px;padding-left: 62px;background: url("/img/pay/icon-time.png")no-repeat;background-size: cover;box-sizing: border-box;}
    .pay-title .title-right .time span{width: 24px;height: 24px;display: block;margin: 8px 5px;float: left;font-size: 16px;line-height: 24px;text-align: center;color: #FFFFFF;}
    .pay-goods .good-top{width: 100%;float: left;box-sizing: border-box;}
    .pay-goods .good-top .good-top-inner{width: 100%;height: 55px;padding: 0 20px;float: left;border-bottom: 1px solid #F7F7F7;box-sizing: border-box;}
    .pay-goods .good-top .bot-left{float: right;height: 24px;line-height: 24px;font-size: 12px;padding: 16px 0 15px 0;color: #999999;cursor: pointer;}
    .pay-goods .good-top .bot-left .icon-down{width: 24px;height: 24px;display: block;background: url("/img/pay/icon-bot.gif");float: left;}
    .pay-goods .good-top .bot-left .icon-down.roter{transform: rotate(180deg);}
    .pay-goods .good-top .bot-left p{float: left;margin-left: 5px;}
    .pay-goods .good-top .bot-right{float: left;height: 55px;}
    .pay-goods .good-top .bot-right .bot-num{float: left;line-height: 55px;margin-right: 30px;}
    .pay-goods .good-top .bot-right .bot-num span{font-size: 14px;color: #333333;}
    .pay-goods .good-top .bot-right .bot-num span.p{color: #333333;}
    .pay-goods .good-top .bot-right .bot-num span.red{color: #FF2A2A;}
    .pay-goods{width: 100%;height: auto;float: left;background: #ffffff;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .pay-goods .good-main{width: 100%;height: auto;float: left;}
    .pay-goods .good-main .list-title{width: 100%;height: 40px;padding: 0 20px;float: left;box-sizing: border-box;}
    .pay-goods .good-main .list-title .t-li{font-size: 14px;color: #333333;line-height: 44px;float: left;text-align: center;display: flex;align-items: center;flex-direction: column;}
    .pay-goods .good-main .list-title .t-li:nth-child(1){width: 8%;}
    .pay-goods .good-main .list-title .t-li:nth-child(2){width: 15%;}
    .pay-goods .good-main .list-title .t-li:nth-child(3){width: 27%;}
    .pay-goods .good-main .list-title .t-li:nth-child(4){width: 15%;}
    .pay-goods .good-main .list-title .t-li:nth-child(5){width: 15%;}
    .pay-goods .good-main .list-title .t-li:nth-child(6){width: 20%;}
    .pay-goods .good-main .list-container{width: 100%;height: auto;background: #ffffff;padding: 10px 20px;float: left;border-bottom: 1px solid #F7F7F7;opacity: 1;box-sizing: border-box;}
    .pay-goods .good-main .list-container.active{height: 0;opacity: 0;}
    .pay-goods .good-main .list-container .list-main{width: 100%;height: 48px;float: left;}
    .pay-goods .good-main .list-container .list-main.active{background-color: #F7F7F7;}
    .pay-goods .good-main .list-container .list-main .t-li{font-size: 14px;color: #333333;line-height: 48px;float: left;text-align: center;display: flex;align-items: center;flex-direction: column;}
    .pay-goods .good-main .list-container .list-main .t-li:nth-child(1){width: 8%;}
    .pay-goods .good-main .list-container .list-main .t-li:nth-child(2){width: 15%;}
    .pay-goods .good-main .list-container .list-main .t-li:nth-child(3){width: 27%;text-align: justify;text-overflow:ellipsis;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .pay-goods .good-main .list-container .list-main .t-li:nth-child(4){width: 15%;}
    .pay-goods .good-main .list-container .list-main .t-li:nth-child(5){width: 15%;}
    .pay-goods .good-main .list-container .list-main .t-li:nth-child(6){width: 20%;}
    .pay-goods .good-main .list-container .list-main .t-li img{width: 30px;height: 30px;border-radius: 5px;background-color: #f7f7f7;margin-top: 9px;}
    .pay-ment{width: 100%;height: auto;float: left;margin-top: 20px;}
    .pay-ment .pay-message{width: 100%;height: 48px;box-sizing: border-box;line-height: 48px;float: left;background: #FFFFFF;padding: 0 20px;margin-bottom: 20px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .pay-ment .pay-message .message-num{float: left;margin-right: 80px;font-size: 14px;color: #333333;}
    .pay-ment .pay-message .message-num .red{color: #FF2A2A;}
    .pay-ment .pay-record{width: 100%;height: auto;float: left;padding: 0 20px 20px 20px;background: #FFFFFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);box-sizing: border-box;}
    .pay-ment .pay-record .record-title{width: 100%;line-height: 44px;font-size: 18px;color: #333333;text-align: left;}
    .pay-ment .pay-record .record-content{width: 100%;height: auto;padding: 8px 20px;background: #F7F7F7;border: 5px;box-sizing: border-box;}
    .pay-ment .pay-record .record-content .record-li{width: 100%;height: 30px;float: left;}
    .pay-ment .pay-record .record-content .record-li.none{font-size: 14px;color: #999999;text-align: left;line-height: 30px;}
    .pay-ment .pay-record .record-content .record-li .record-tb{width: 20%;height: 30px;float: left;font-size: 14px;color: #333333;text-align: left;line-height: 30px;}
    .pay-ment .pay-record .record-content .record-li .record-tb:last-child{text-align: right;color: #999999;}
    .pay-bank{width: 100%;height: auto;padding: 0 0 8px 0;background: #FFFFFF;margin-top: 20px;float: left;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.07);}
    .pay-bank .bank-title{width: 100%;line-height: 54px;font-size: 18px;color: #333333;float: left;padding-left: 20px;box-sizing: border-box;}
    .pay-bank .bank-list{width: 100%;height: auto;padding-left: 8px;}
    .pay-bank .bank-list a{width: 124px;height: 44px;;display: block;float: left;margin: 12px;border: 1px solid #FFFFFF;position: relative;border-radius: 2px;}
    .pay-bank .bank-list a img{width: 100%;height: 100%;display: block;}
    .pay-bank .bank-list a.active{border-color: #FF2A2A;}
    .pay-bank .bank-list a.active:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
    .pay-error{width: 1184px;margin: 0 auto;height: 594px;margin-top: 20px;background: #FFFFFF;}
    .pay-error .icon-error{width: 248px;height: 200px;margin: 0 auto;margin-top: 134px;}
    .pay-error .icon-error.again{background: url("/img/pay/icon-error--1.png") no-repeat;background-size:contain ;}
    .pay-error .icon-error.offline{background: url("/img/pay/icon-error--2.png") no-repeat;background-size:contain ;}
    .pay-error .icon-error.fail{background: url("/img/pay/icon-error--3.png") no-repeat;background-size:contain ;}
    .pay-error .icon-error.paid{background: url("/img/pay/icon-error-5.png") no-repeat;background-size:contain ;}
    .pay-error .error-msg{font-size: 16px;color: #333333;text-align: center;line-height: 22px;margin-top: 10px;}
    .pay-error .error-msgnone{font-size: 16px;color: #999999;text-align: center;line-height: 22px;margin-top: 10px;}
    .pay-alert-content{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.3);z-index: 9999;}
    .pay-alert-content .pay-alert{width: 340px;height: 208px;background: #FFFFFF;border-radius: 2px;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: 9998;}
    .pay-alert-content .pay-alert .title{width: 100%;height: 48px;box-sizing: border-box;font-size: 14px;line-height: 48px;text-align: left;color: #333333;float: left;position: relative;border-bottom: 1px solid #EFEFEF;background-color: #F8F8F8;padding: 0 14px;}
    .pay-alert-content .pay-alert .title .icon-close{width: 16px;height: 16px;display: block;position: absolute;right:12px;top: 12px;background: url("/img/base/icon.png")-319px 0 no-repeat;cursor: pointer;}
    .pay-alert-content .pay-alert .content{margin: 30px 0;width: 100%;height: auto;line-height: 24px;float: left;padding: 0 14px;}
    .pay-alert-content .pay-alert .content h1{text-align: left;font-size: 16px;color: #333333;font-weight: normal;}
    .pay-alert-content .pay-alert .content p{text-align: left;font-size: 14px;color: #666666;font-weight: normal;}
    .pay-alert-content .pay-alert .button{width: 100%;height: 32px;float: left;padding: 0 14px;box-sizing: border-box;}
    .pay-alert-content .pay-alert .button a{width: 90px;height: 32px;display: block;background: #E15616;border-radius: 2px;font-size: 14px;text-align: center;line-height: 32px;color: #FFFFFF;float: right;}
    .pay-button-main{width: 100%;height: 72px;box-sizing: border-box;padding: 11px 0;background-color: #FFFFFF;float: left;border-bottom: 1px solid #EBEBEB;}
    .pay-button-main .pay-button{width: 100%;height: 50px;float: left;}
    .pay-button-main .pay-button a{width: 232px;height: 50px;display: block;background:linear-gradient(135deg,rgba(242,143,49,1) 0%,rgba(225,86,22,1) 100%);border-radius: 2px;font-size: 14px;line-height: 50px;text-align: center;color: #FFF6D9;float: right;}
    .pay-button-main .pay-button a.disabled{background: #EFEFEF;color:#999999;}
    .footTop{margin-top: 0;}
}

/**
* 移动端
*/
@media screen and (max-width:768px){



}

