body {
    margin: 0;
    padding: 0;
    background-color: #000;
    background-size: inherit;
    font-size: 0;
}

*:focus {
    outline: none;
}
em{font-style: normal;}
h1, h2, h3,p {
    margin: 0;
    padding: 0;
}

.main {
    width: 820px;
    margin: 0 auto;
}

.header .title{font-size: 28px;text-align: center;color: #fff;line-height:1.4;margin-top: 35px;}
.titleContent{position: relative;}
.headerList{position: relative;font-size: 0;margin-top: 20px;}
.headerListMain{display: inline-block;line-height: 39px;opacity: 0.5;color: #fff;font-size: 19px;}
.headerListMain span{margin-left: 20px;font-size: 19px;color: #fff;}
.tipText{color: #fff;opacity: 0.8;font-size: 14px;margin-top:10px;display:none;}
.content{margin-top: 35px;}
.noData{font-size: 16px;color: #fff; text-align: center;opacity: 0.5;}
.contentList{display: inline-block;width: 560px;margin-right: 40px;}
.rightContent{display: inline-block;width: 218px;vertical-align:top; font-size: 14px;color: #000000;text-align: center;background: url(../img/ewmbj.png) no-repeat;background-size: contain;}
.rightContentMain{margin:10px;margin-bottom:0; padding: 10px 0;}
.listBox{font-size: 22px;color: #fff;}
.list{height: 68px;line-height: 68px;border-radius: 15px; position: relative;background: #3D3D3D; border:1px solid rgba(255,255,255,0.1);margin-bottom: 15px;padding: 0 30px;cursor: pointer;opacity: 0.8;}
.list:last-child{margin:0;}
.recordBtn{font-size: 19px;opacity: 0.4;color: #fff;padding: 0 15px;cursor: pointer;position: absolute;right: 0;top: 0;width: initial;height: 37px;line-height: 37px;border-radius: 37px;border:none;background: #464646;}
.active{background: rgba(0,187,255,0.20); box-shadow:  -1px -1px 6px 0 #013E54, 1px 1px 6px 0 #013E54;color: #fff;opacity: 1;border-color: #00BBFF;}
.recordBtn.active{background: #fff;color: #00BBFF;box-shadow:none;}
.listRightContent{display: inline-block;width: 68%;position: absolute;right: 0px;}
.OriginalPrice{position: absolute;right: 35px;top: 0;opacity: 0.5;}
.OriginalPrice i{display: inline-block;width: 104%;height: 2px;background: #fff;position: absolute;top: 50%;left: -2%; opacity: 0.5;}
.active .OriginalPrice i{color: #00BBFF;}
.price em{font-size: 40px;line-height: 68px;vertical-align: bottom;color: #E5BB89;}
.rightTitle{height: 25px;line-height: 25px;}
.rightTitle span{}
.rightImg{width: 100%;height: 175px;padding-top: 10px;position: relative;}
.rightImg img{width: 215px;margin:auto;}
#ewmLoadingBox{display: none;}
#ewmLoading{height: 100%;width: 100%;position: absolute;bottom: 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;}
.loading{animation: load 1.5s linear infinite;-webkit-animation: load 1.5s linear infinite;-moz-animation: load 1.5s linear infinite;-o-animation: load 1.5s linear infinite;width: 50px;height: 50px;margin: auto;background: url(../img/loading.png);background-size: 100%;background-position: center;background-repeat: no-repeat;}
@keyframes load{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@-webkit-keyframes load{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@-moz-keyframes load{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}

@-o-keyframes load{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.footerBox{font-size: 13px;margin-top: 15px;opacity: 0.8;color: #fff;line-height: 1.5;}

.orderContent{padding: 30px;padding-bottom: 10px;}
.orderContent .orderList{font-size: 18px;line-height: 1.8;border-radius: 15px;padding: 10px 60px;position: relative;margin-bottom: 10px;background: #3D3D3D;border: 1px solid rgba(255,255,255,0.1);color: #FFFFFF;}
.orderPriceMain{position: relative;margin-bottom: 5px;}
.orderName{font-size: 22px;}
.orderPrice{display: inline-block;margin-left: 40px;}
.orderXjPrice em{font-size: 35px;color: #E5BB89;line-height:1.5;}
.orderOriginalPrice{display: inline-block;margin-left: 15px;position: relative;opacity: 0.5;}
.orderOriginalPrice i{display: inline-block;width: 100%;height: 2px;position: absolute;top: 50%;left: -1%;background: #fff;}
.orderQinfoBox b{display: inline-block;width: 10px;height: 10px;background: url('../img/dw.png') no-repeat;background-size: contain;}
.orderQinfoBox{font-size: 13px;line-height: 1.4;}
.playStatus{position: absolute;display: inline-block;width: 85px;height: 85px;top: 25px;right: 35px;}
.playStatus.pay{background: url('../img/pay.png') no-repeat;background-size: 100%; }
.playStatus.npay{background: url('../img/npay.png') no-repeat;background-size: 100%; }
.playStatus.refundImg{background: url('../img/refund.png') no-repeat;background-size: 100%;}
.refund{position: absolute;bottom: 10px;right: 35px;opacity: 0.6;}
.refund.tkz{color: #F86904;}
.refund.ytk{color: #00BBFF;}
.refund.tkz b{display: inline-block;width: 15px;height: 15px;background: url('../img/tkzdw.png') no-repeat;background-size: contain;background-position: center;}
.refund.ytk b{display: inline-block;width: 15px;height: 15px;background: url('../img/tkdw.png') no-repeat;background-size: contain;background-position: center;}
.mainContent{padding: 0 30px;}
.xyContent{font-size: 15px;margin-top: 20px;color: #fff;line-height:1.8;opacity:0.6;padding-bottom:25px;}
.textIndent{text-indent: 30px;}
.xyContent .title{margin-top:15px;line-height:2.5;font-weight: 700;}