/*底部固定工具条*/
p,a,div{ font-size:12px; font-family:"微软雅黑";color:#333333;}
a{ list-style-type:none; text-decoration:none;}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
em{ font-style:normal;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font30{font-size:30px;}
.colorOrange{color:#EA5414}
.colorBlue{ color:#2ca9df;}
.color8{ color:#888888;}
.left{ float:left;}
.right{ float:right;}
input[type="text"],input[type="password"]{-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:0;}
input{outline:none;}
/*个人中心首页*/
.userTitle{ height:44px; background:#fff; border-bottom:1px solid #cccccc; position:relative;}
.userTitle i{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:24px; position:absolute; top:10px; left:13px; background-position:0 0; background-size:250px 250px;}
.userTitle a{ display:block; height:24px;}
.userTitle p{ padding-top: 12px; font-size:17px;  text-align:center;}
.userTitle .right{ position:absolute; right:10px; top:0;}
.userName{ height:100px; background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; position:relative;}
.userName a{ display:block; height:100px;}
.userName .portrait{ width:80px; height:80px; padding-top:10px; margin-left:19px; float:left;}
.userName .portrait img{ width:100%; border-radius:50%;}
.userName .name{ padding-top: 44px; float:left; margin-left:10px;}
.userName .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:42px; right:18px; background-position:0 -56px; background-size:250px 250px;}
.userBalance{ height:80px; background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; position:relative;}
.userBalance .balance{ width:50%; border-right:1px dashed #d8d8d8; height:62px; margin-top:9px; position:relative;}
.userBalance .balance i{ background:url(../images/bd-ico.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:16px; left:18px; background-position:-1px -105px; background-size:250px 250px;}
.userBalance .balance p{ text-align:center; margin-top:10px;}
.userBalance .ticket{ width:49%; border-right:1px solid #d8d8d8; height:62px; margin-top:9px; position:relative;}
.userBalance .ticket i{ background:url(../images/bd-ico.png) no-repeat; display:block; width:39px; height:30px; position:absolute; top:16px; left:18px; background-position:-1px -166px; background-size:250px 250px;}
.userBalance .ticket p{ text-align:center; margin-top:10px;}
.userOrder{ height:110px; background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; }
.userOrder .userOrderTitle{ height:35px; width:94%; margin:auto;border-bottom:1px dashed #d8d8d8;position:relative;}
.userOrder .userOrderTitle .orderIco{background:url(../images/bd-ico.png) no-repeat; display:block; width:16px; height:20px; position:absolute; top:9px; left:0; background-position:-1px -232px; background-size:250px 250px;}
.userOrder .userOrderTitle p{  padding-top: 10px;}
.userOrder .userOrderTitle p.name{ float:left; margin-left:20px; color:#888888;}
.userOrder .userOrderTitle p.lookUp{ float:right; color:#888888; margin-right:15px;}
.userOrder .userOrderTitle .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:9px; right:0; background-position:0 -56px; background-size:250px 250px;}
/* 商城订单 start */
.mallOrder{ height:35px; background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; }
.mallOrder .mallOrderTitle{ height:35px; width:94%; margin:auto;border-bottom:0px dashed #d8d8d8;position:relative;}
.mallOrder .mallOrderTitle .orderIco{background:url(../images/bd-mall-ico.png) no-repeat; display:block; width:16px; height:20px; position:absolute; top:9px; left:0; }
.mallOrder .mallOrderTitle p{  padding-top: 10px;}
.mallOrder .mallOrderTitle p.name{ float:left; margin-left:20px; color:#888888;}
.mallOrder .mallOrderTitle p.lookUp{ float:right; color:#888888; margin-right:15px;}
.mallOrder .mallOrderTitle .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:9px; right:0; background-position:0 -56px; background-size:250px 250px;}
/* 商城订单 end */
.userPay .yes{ width:50%; border-right:1px dashed #d8d8d8; height:62px; margin-top:4px; position:relative;}
.userPay .yes i{ background:url(../images/bd-ico.png) no-repeat; display:block; width:40px; height:34px;  background-position:-69px 0; background-size:250px 250px; margin:auto;}
.userPay .yes p{ text-align:center; margin-top:6px;}
.userPay .no{ width:49%; height:62px; margin-top:4px; position:relative;}
.userPay .no i{ background:url(../images/bd-ico.png) no-repeat; display:block; width:40px; height:34px; background-position:-69px -74px; background-size:250px 250px; margin:auto;}
.userPay .no p{ text-align:center; margin-top:6px;}
.userBottom{  background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; }
.userBottom .userFooter{ width:94%; margin:auto;}
.userFooterSchedule{ height:45px;border-bottom:1px solid #cccccc; position:relative;}
.userFooterSchedule a{ display:block; height:45px;}
.userBottom .userFooterSchedule:last-child{ border:none;}
.scheduleIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:10px; left:0; background-position:-149px -102px; background-size:250px 250px;}
.userFooterSchedule p{ padding-top: 15px; margin-left:35px; float:left;}
.userFooterSchedule .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:14px; right:0; background-position:0 -56px; background-size:250px 250px;}
.collectIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:12px; left:0; background-position:-149px -4px; background-size:250px 250px;}
.infoIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:10px; left:0; background-position:-151px -51px; background-size:250px 250px;}
.aboutIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:8px; left:0; background-position:-149px -153px; background-size:250px 250px;}
.userTel{ width:95%; margin:auto; margin-top:10px; margin-bottom:10px;}
.userTel a{ background:#3CAFE3; color:#fff; text-align:center; font-size:17px; display:block; padding: 17px 0; border-radius:5px;}
.userTel a span{ margin-left:10px;}
/*余额页*/
.balanceBalance{height:162px; background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; }
.balanceBalance i{background:url(../images/bd-ico.png) no-repeat; display:block; width:45px; height:45px; background-position:-66px -135px; background-size:250px 250px; margin:auto;}
.balanceBalance p{ text-align:center;}
.balanceBalance .ico{ padding-top:20px;}
.balanceBalance .name{ padding-top:10px;}
.balanceBalance .price{ padding-top:15px;}
.balanceConsumption{ height:43px; margin:10px 0;}
.balanceButton{ width:94%; margin:auto;}
.balanceButton a{ width:95%; background:#3CAFE3; display:block; padding:12px 0; text-align:center; color:#fff; border-radius:5px; font-size:17px;}
.balanceButton .left{ width:50%;}
.balanceButton .right{ width:50%;}
.balanceButton .right a{ float:right;}
.balanceDetail{ background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; position:relative; }
.balanceDetail p.detail{ padding-top:11px; padding-left:13px;}
.balanceDetail .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:9px; right:20px; background-position:0 -56px; background-size:250px 250px;}
.balanceDetail .bottomIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:9px; right:20px; background-position:-228px -3px; background-size:250px 250px;}
.balanceDetail a{ display:block; height:37px;}
.balanceScope{float:right; margin-right:20px; margin-top:5px;clear: both; padding-bottom:20px;}
.balanceScope a{ font-size:13px; }
.balanceDetails{ background:#fff; overflow: hidden; display:none;}
.balanceDetails ul{ width:94%; margin:auto;}
.balanceDetails ul li{ overflow:hidden;border-top:1px solid #cccccc;}
.balanceDetails ul li:first-child{border-top:1px dashed #cccccc;}
.balanceDetails ul li span{ display:block; padding-top: 3px; padding-bottom: 9px;}
.balanceDetails ul li span.name{ font-size:13px; color:#323232;padding-top: 9px;}
.balanceDetails .right{ padding-top:10px;}
/*充值金额*/
.rechargeTitle{ background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; position:relative; height:47px;}
.rechargeTitle .detail{ width:94%; margin:auto; padding-top:15px;}
.rechargeTitle .detail span{ margin-left:10px;}
.rechargePrice{ margin-top:10px; margin-bottom:10px; height:55px;}
.rechargePrice ul{ width:94%; margin:auto;}
.rechargePrice ul li{ float:left; width:20%; margin-left:6%;}
.rechargePrice ul li:first-child{ margin-left:0%;}
.rechargePrice ul li a{ border:1px solid #2ca9df; display:block;  border-radius:5px; padding:15px 0; text-align:center;}
.rechargePrice ul li a.active{ background:#9AD0EF; color:#fff;border:1px solid #9AD0EF;}
.rechargeButton{ width:95%; margin:auto; margin-top:10px; margin-bottom:10px;}
.rechargeButton a{ background:#aaaaaa; color:#fff; text-align:center; font-size:17px; display:block; padding: 17px 0; border-radius:5px;}
.rechargeButton a.ok{ background:#2ca9df; color:#fff; text-align:center; font-size:17px; display:block; padding: 17px 0; border-radius:5px;}
.rechargePay{ background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; position:relative; height:47px;}
.rechargePay .detail{ width:94%; margin:auto; padding-top:7px;}
.rechargePay .detail span{ margin-left:10px;}
/*我的账户*/
.account{ background:#fff; overflow:hidden; margin-top:10px; }
.account .accountInfo{ width:94%; margin:auto;}
.account .accountInfo div{ padding:2px 0; position:relative; overflow:hidden;border-bottom:1px solid #cccccc;}
.account .accountInfo .left{ color:#333333;padding-top: 14px;}
.account .accountInfo .head{ width:40px; height:40px; margin-right:25px; float:right;margin-top: 3px;}
.account .accountInfo .head img{ width:100%;}
.account .accountInfo .headIco{background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:15px; right:0px; background-position:0 -56px; background-size:250px 250px;}
.account .accountInfo .rightIco{background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:16px; right:0px; background-position:0 -56px; background-size:250px 250px;}
.account .accountInfo .right{  padding: 15px 0; margin-right:25px;}
.account .accountInfo div:last-child{border:none;}
.account .accountInfo div a{ display:block; height:44px;}
.accountPwd{ background:#fff; overflow:hidden; margin-top:10px; }
.accountPwd .accountInfo{ width:94%; margin:auto;}
.accountPwd .accountInfo div{ padding:2px 0; position:relative; overflow:hidden;border-bottom:1px solid #cccccc;}
.accountPwd .accountInfo .left{ color:#333333;padding-top: 14px;}
.accountPwd .accountInfo .rightIco{background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:16px; right:0px; background-position:0 -56px; background-size:250px 250px;}
.accountPwd .accountInfo .right{  padding: 14px 0; margin-right:25px;}
.accountPwd .accountInfo div:last-child{border:none;}
.accountPwd .accountInfo div a{ display:block; height:45px;}
/*修改用户名*/
.modifyBestdo{height:45px; background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; }
.modifyBestdo .modifyInput{ width:94%; margin:auto; padding-top:4px; position:relative;}
.modifyBestdo .modifyInput input{ height:35px; border:none;  width:90%;background: none }
.modifyBestdo .modifyInput i{background:url(../images/bd-ico.png) no-repeat; display:block; width:20px; height:30px; position:absolute; top:5px; right:0px; background-position:-225px -34px; background-size:250px 250px; display:none;}
.modifyInfo{ width:94%; margin:auto; margin-top:15px; margin-bottom:15px;}
.modifyInfo p{ line-height:18px;}
.modifyBestdoButton{ width:95%; margin:auto; margin-top:10px; margin-bottom:10px;}
.modifyBestdoButton a{ background:#aaaaaa; color:#fff; text-align:center; font-size:17px; display:block; padding: 17px 0; border-radius:5px;}
.modifyBestdoButton a.ok{ background:#3CAFE3; color:#fff; text-align:center; font-size:17px; display:block; padding: 17px 0; border-radius:5px;}
.modifyBestdoButtonOther{ width:95%; margin:auto; margin-top:10px; margin-bottom:10px;}
.modifyBestdoButtonOther a{ background:#aaaaaa; color:#fff; text-align:center; font-size:17px; display:block; padding: 17px 0; border-radius:5px;}
.modifyBestdoButtonOther a.ok{ background:#3CAFE3; color:#fff; text-align:center; font-size:17px; display:block; padding: 17px 0; border-radius:5px;}
.modifyError{ position:absolute;  left:10%; width:80%;}
.modifyError .errorInfo{ background: rgba(0, 0, 0, 0.65);  padding:18px 0; color:#fff; border-radius:5px; text-align:center;}
/*修改性别*/
.modifySex{ height:89px;background:#fff;border-bottom:1px solid #cccccc; margin-top:10px;}
.modifySex .sex{ padding:16px 0; width:94%; margin:auto;border-bottom:1px solid #cccccc; position:relative;}
.modifySex .sex:last-child{ border:none;}
.modifySex .sex .sexIco{background:url(../images/bd-ico.png) no-repeat; display: block; width: 20px; height: 20px;  position: absolute; top: 13px;
 right: 0px; background-position: -228px -90px; background-size: 250px 250px;}
.modifySex .sex a{ display:block;}
/*绑定手机号*/
.bindingTel{overflow:auto;background:#fff; margin-top:10px;}
.bindingTel .tel{ width:94%; margin:auto; padding:6px 0;border-bottom:1px solid #cccccc; clear:both; overflow:hidden;}
.bindingTel .tel:last-child{ border:none;}
.bindingTel .tel input{ height:30px; border:none; width:50%; }
.bindingTel .tel p.name{padding-top: 9px;}
.bindingTel .tel p a{ background:#DCEFF1; padding:5px 10px; color:#1699C9; border-radius:5px;}

.bindingTel .tel p.settime { padding-top:0px;}
.bindingTel .tel p.settime input{ background:#DCEFF1; text-indent:5px; color:#1699C9; border-radius:5px;}

.bindingTel .new .leftInput{ width:40%;}
.bindingTel .new .name{ width:20%;}
.bindingTel .new .right{ width:40%; text-align:right;}
.bindingTel .new input{ height:30px; border:none; width:90%; text-indent: 10px; }
/*支付密码*/
.payPwd{overflow:auto;background:#fff; margin-top:10px;}
.payPwd .pwd{ width:94%; margin:auto; padding:6px 0;border-bottom:1px solid #cccccc; clear:both; overflow:hidden; position:relative;}
.payPwd .pwd:last-child{ border:none;}
.payPwd .pwd p.name{padding-top: 8px;}
.payPwd .pwd .leftInput{ width:70%;}
.payPwd .pwd .name{ width:20%;}
.payPwd .pwd input{ height:30px; border:none; width:90%; text-indent: 10px; }
.payPwd .pwd i{background:url(../images/bd-ico.png) no-repeat; display:block; width:20px; height:30px; position:absolute; top:5px; right:0px; background-position:-225px -34px; background-size:250px 250px; display:none;}
/*常用信息*/
.information{ background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; }
.information .informationInfo{ width:94%; margin:auto;}
.address{ height:44px;border-bottom:1px solid #cccccc; position:relative;}
.address:last-child{ border:none;}
.address p{ padding-top: 15px; margin-left:35px; float:left;}
.address .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:12px; right:0; background-position:0 -56px; background-size:250px 250px;}
.addressIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:10px; left:0; background-position:-220px -149px; background-size:250px 250px;}
.invoiceIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:13px; left:0; background-position:-220px -203px; background-size:250px 250px;}
.address a{ display:block; height:44px;}
.invoiceButton{ width:95%; margin:auto; margin-top:10px; margin-bottom:10px;}
.invoiceButton a{ background:#3CAFE3; color:#fff; text-align:center; font-size:17px; display:block; padding: 17px 0; border-radius:5px;}
/*收货地址*/
.addAddress{ height:80px; background:#fff;border-bottom:1px solid #cccccc; margin-top:10px;  }
.addressButton{ width:94%; margin:auto;position:relative;}
.addressButton a{ display:block; height:80px;}
.addressButton i{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:60px; height:60px; position:absolute; top:12px; left:0; background-position:-5px 0; background-size:250px 250px;}
.addressButton p{ margin-left:65px; padding-top: 34px;}
.addressShow{ position:absolute; top:40%; width:200px; left:50%; margin-left:-100px;}
.addressShow img{ width:82px; }
.addressShow .pic{ width:82px; margin:auto;}
.addressShow  p{ font-size:14px; color:#cccccc; text-align:center; margin-top:10px;}
/*编辑收货地址*/
.modifyAddress{background:#fff; margin-top:10px;}
.modifyAddress .info{ width:94%; margin:auto; padding:6px 0;border-bottom:1px solid #cccccc; clear:both; overflow:hidden; position:relative;}
.modifyAddress .info:last-child{ border:none;}
.modifyAddress .info p.name{padding-top: 8px;}
.modifyAddress .info .name{ width:20%;}
.modifyAddress .info .leftInput{ width:80%;}
.modifyAddress .info input{ height:30px; border:none; width:90%; text-indent: 10px; }
.modifyAddress .info i{background:url(../images/bd-ico.png) no-repeat; display:block; width:20px; height:30px; position:absolute; top:5px; right:0px; background-position:-225px -34px; background-size:250px 250px; display:none;}
.addressList{ background:#fff; margin-top:10px;border-bottom:1px solid #cccccc;}
.addressList .list{ width:94%; margin:auto;}
.addressList .list .name{ padding-top:10px; clear:both; overflow:hidden; width:95%; margin:auto;}
.addressList .list .name p span{ font-size:13px;}
.addressList .list .listAddress{ padding-top:10px; clear:both; overflow:hidden;border-bottom:1px dashed #cccccc; padding-bottom:10px;}
.addressList .list .listAddress p{width:95%; margin:auto;}
.addressList .list .listAddress p span{ font-size:13px;}
.addressList .list .modify{ padding-top:10px; padding-bottom:0; clear:both; overflow:hidden;width:95%; margin:auto;}
.addressList .list .modify p span{ font-size:13px;}
.addressList .list .modify p a{ font-size:13px;}
.addressList .list .modify p.left{ padding-top:2px;}
.addressList .list .modify p.right{ padding-top:3px;}
.addressList .list .modify span.left{ margin-right:15px;}
.addressList .list .modify input{ vertical-align:middle;}
.addressList .list .modify a{ display:block; float:left;}
.modifyMod{background:url(../images/bd-ico1.png) no-repeat; display:block; width:20px; height:30px;  background-position:-107px -48px; background-size:250px 250px; float:left;}
.delectDel{background:url(../images/bd-ico1.png) no-repeat; display:block; width:20px; height:30px; background-position:-107px -91px; background-size:250px 250px; float:left;}
/*未收藏未有下场券*/
.ticketShow{ position:absolute; top:20%; width:300px; left:50%; margin-left:-150px;}
.ticketShow img{ width:108px; }
.ticketShow .pic{ width:108px; margin:auto;}
.ticketShow  p{ font-size:14px; color:#cccccc; text-align:center; margin-top:10px;}
.bd404{ position:absolute; top:60%; left:2.5%;}
/*下场券*/
.ticketList{  background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; }
.ticketList .ticketListList{ width:94%; margin:auto;}
.listList{ height:44px;border-bottom:1px solid #cccccc; position:relative;}
.listList a{ display:block; height:45px;}
.listList:last-child{ border:none;}
.listList p{ padding-top: 16px; margin-left:35px; float:left;} 
/*下场券，收藏列表*/
.listList .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:12px; right:0; background-position:0 -56px; background-size:250px 250px;}
.listList .ticket1{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:12px; left:0; background-position:-5px  -73px; background-size:250px 250px;}
.listList .ticket2{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:11px; left:0; background-position:-5px  -103px; background-size:250px 250px;}
.listList .ticket3{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:11px; left:0; background-position:-5px  -133px; background-size:250px 250px;}
.listList .ticket4{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:11px; left:0; background-position:-5px  -163px; background-size:250px 250px;}
.listList .ticket5{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:11px; left:0; background-position:-5px  -193px; background-size:250px 250px;}
.listList .ticket6{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:11px; left:0; background-position:-5px  -223px; background-size:250px 250px;}
.listList .collection1{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:40px; height:30px; position:absolute; top:10px; left:0; background-position:-219px -164px; background-size:250px 250px;}
.listList .collection2{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:40px; height:30px; position:absolute; top:11px; left:0; background-position:-218px -222px; background-size:250px 250px;}
.listList .collection3{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:40px; height:30px; position:absolute; top:10px; left:0; background-position:-219px -3px; background-size:250px 250px;}
.listList .collection4{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:40px; height:30px; position:absolute; top:10px; left:0; background-position:-219px -109px; background-size:250px 250px;}
.listList .collection5{ background:url(../images/bd-ico1.png) no-repeat; display:block; width:40px; height:30px; position:absolute; top:10px; left:0; background-position:-219px -55px; background-size:250px 250px;}
/*下场券详情页*/
.ticketDetail{ background:#fff; overflow:hidden; margin-top:10px; padding-bottom:10px;min-height:132px;}
.ticketDetail .ticketDetails{ width:94%; margin:auto;}
.ticketDetails .detail{ padding:10px 0;border-bottom:1px dashed #cccccc; overflow:hidden; position:relative;}
.ticketDetails .detail a{ display:block; height:59px;}
.ticketDetails .pic{ width:63px; /*height:61px; */margin:0px auto;padding-top: 10px;}
.ticketDetails .pic img{ width:100%;}
.ticketDetails .pic2{width:60px;height:60px;margin:0px auto;margin-top:30px;overflow:hidden;}
.ticketDetails .pic2 img{width:100%}
.ticketDetails .details{ width:70%; margin-left:5%; }
.ticketDetails .details span{ display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:20px;  }
.ticketDetails  .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:36px; right:0; background-position:0 -56px; background-size:250px 250px;}
.ticketDetails .code{ padding-top:4px;}
.ticketDetails .codeCode{ padding-top:3px;}
/*场地收藏*/
.collectionDetail{ background:#fff; overflow:hidden; margin-top:10px; }
.collectionDetail .collectionDetails{ width:94%; margin:auto;border-bottom:1px solid #cccccc; overflow:hidden;}
.collectionDetail .collectionDetails:last-child{ border:none;}
.collectionDetails { padding:6px 0; overflow:hidden; }
.collectionDetails a{ display:block; height:70px;position:relative;}
.collectionDetails .pic{ width:76px; height:76px; }
.collectionDetails .pic img{ width:100%;}
.collectionDetails .details{ width:66%; margin-left:5%; }
.collectionDetails .details span{ display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:20px;  }
.collectionDetails .right{ position:absolute;right:0;top:0;padding-top:18px;}
.collectionDetails .details span.title{ margin-top:8px;}
@media screen and (min-width:360px){.collectionDetails .details{ width:50%; margin-left:5%; }}
/*美化radio*/
.listRadio input[type="radio"] {
  display: none;
  height:32px;
}
.listRadio label {
  padding-left: 27px; height:21px;padding-top: 3px;
  cursor: pointer;
  background: url(../images/a.png) no-repeat left top; background-size:21px 60px; background-position:0 -1px; display:block;
}
.listRadio label.checked {
 background-position:0 -39px;height:21px;background-size:21px 60px; display:block;
}
/*百动介绍*/
.bdAbout img{ width:100%;}
/*充值成功与充值失败*/
.payShow{ margin-top:15%;}
.payShow img{ width:141px; }
.payShow .pic{ width:141px; margin:auto;}
.payShow  p.prompt{ margin-top:40px;}
.payShow  p{ text-align:center; line-height:30px; width:90%; margin:auto;}
.payOK{ margin-top:30px;}
/*场地搜索页面*/
.search input{ background:url(../images/bd-search-43.png) 10px no-repeat ; background-size:18px 17px; border:none;    text-indent: 34px;height:32px;    width: 80%;}
.search  button{ width:60px; line-height:30px; text-align:center; color:#fff; background:#329BD0; position:absolute; right:5px; top:6px; border:none;  border-radius:5px; font-size:14px;}
.search p{ margin-left:50px; text-align:left;padding-top:0; background:#EDECEC; width:60%;height:32px; position:relative; top:6px;  border-radius:5px; }
@media screen and (min-width:360px){
	.search p{  width:67%; }
}
.searchRecord { background:#fff;}
.searchRecord ul li{ line-height:35px; border-bottom:1px solid #ccc; }
.searchRecord ul li a{ width:94%; margin:auto; display:block; position:relative;} 
.searchRecord ul li i{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:10px; right:0; background-position:0 -56px; background-size:250px 250px;}
.clearSearch{ margin-top:30px; clear:both;}
.clearSearch p{ text-align:center;}
.clearSearch p a{ padding:10px 15px; background:#fff; border:1px solid #ccc; border-radius:5px;  }
.searchNo{ width:94%; margin:auto; margin-top:17px;}
.search .modifyBestdoIco{background:url(../images/bd-ico.png) no-repeat; display:block; width:20px; height:30px; position:absolute; top:0px; right:5px; background-position:-225px -34px; background-size:250px 250px; left:inherit; display:none; }
/*首页*/
.flexslider{ position: relative; clear:both;}
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides > li{ height:200px; width:100%;}
.flexslider .slides img {width: 100%; display: block; height:100%;}
.loading .flex-viewport { max-height: 500px; }
.flexslider .slides { zoom: 1; }
.flex-control-nav{ width: 100%;position:absolute; bottom:5px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a.flex-active { background: #2ca9df;  cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.serviceArea .title{ width:94%; margin:auto; margin-top:10px; margin-bottom:10px; }
.indexService{ height:80px; background:#fff;border-bottom:1px solid #cccccc; margin-top:10px; position:relative;}
.indexService .balance{ width:50%; border-right:1px dashed #d8d8d8; height:62px; margin-top:9px; position:relative;}
.indexService .balance i{ background:url(../images/bd-indexico.png) no-repeat; display:block; width:55px; height:55px; position:absolute; top:4px; left:16px; background-position:0  0; background-size:250px 250px;}
.indexService .balance .name{   margin-top: 13px; }
.indexService .balance p{  margin-top:10px;margin-left:80px;}
.indexService .ticket{ width:49%; height:62px; margin-top:9px; position:relative;}
.indexService .ticket i{ background:url(../images/bd-indexico.png) no-repeat; display:block; width:55px; height:55px; position:absolute; top:4px; left:16px; background-position:0  -79px; background-size:250px 250px;}
.indexService .ticket p{ margin-top:10px;}
.indexService .ticket .name{   margin-top: 24px; margin-left:30px;margin-left:80px;}
@media screen and (min-width:360px){
	.indexService .balance p{ margin-left:85px;}
	.indexService .ticket .name{ margin-left:85px;}
}
.nearField .title{ width:94%; margin:auto; margin-top:10px; margin-bottom:10px; position:relative;}
.nearField .title a{ float:right; margin-right:20px; margin-top:3px;}
.nearField .title a i{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:4px; right:0px; background-position:0 -56px; background-size:250px 250px;}

.nearFieldList{ background:#fff; overflow:hidden; }
.nearFieldList .nearFieldDetails{ border-bottom:1px solid #cccccc; overflow:hidden;}
.nearFieldList .nearFieldDetails:last-child{ border:none;}
.nearFieldDetails { padding:6px 0; overflow:hidden; }
.nearFieldDetails  a{ display:block; height:90px; width:94%; margin:auto;}
.nearFieldDetails .pic{ width:90px; height:90px; }
.nearFieldDetails .pic img{ width:100%; height:100%;}
.nearFieldDetails .details{ width:67%;   }
.nearFieldDetails .details span{ display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:18px;  }
.nearFieldDetails .right{ padding-top:18px;}
.nearFieldDetails .right span{ display:block; text-align:right;}
.nearFieldDetails .details span.name{ margin-top:6px;}
.nearFieldDetails .nearFieldRight { border-bottom:1px dashed #cccccc; overflow:hidden;margin-left:3%; float: left; width: 65%; padding-bottom:9px;}
.distance{margin-left:5%; float:left; margin-top:5px;}
.nearFieldDetails .right .lineThrough{ text-decoration:line-through;margin-bottom: 6px;}
@media screen and (min-width:360px){
.nearFieldDetails .details{ width:50%;  }
.nearFieldDetails .nearFieldRight {  width: 70%;}
}
/*淘场攻略*/
.raiders{ margin-top:15%;}
.raiders img{ width:128px; }
.raiders .pic{ width:128px; margin:auto;}
.raiders  p.prompt{ margin-top:40px;}
.raiders  p{  line-height:20px; width:85%; margin:auto;}
/*列表页*/
.userTitle .searchRight{ background:url(../images/bd-indexico.png) no-repeat; display:block; width:20px; height:30px; position:absolute; top:0; left:-18px; background-position:0  -160px; background-size:250px 250px;}
.userTitle .left{ margin-left:35px;}
.userTitle .city{ background:url(../images/bd-indexico.png) no-repeat; display:block; width:55px; height:30px; position:absolute; top:-14px; left:43px; background-position:0  -204px; background-size:250px 250px;}
.userTitle .cityList{ margin-top:2px; position:absolute;}
.myPosition{ line-height:35px; background:#656666; }
.myPosition p{ color:#fff; width:94%; margin:auto;}
#filterBg{width:100%;height:100%;background:url(../images/bg.png) repeat;position:absolute;left:0px;top:0px;z-index:995;display:none;}
#filterNull{width:92%;height:36px;margin:0px auto;margin-top:10px;display:none}
#filter{width:100%;height:50px;position:fixed;left:0px;bottom:0px;z-index:999}
.filter{width:100%;height:50px;margin:0px auto;border-radius:5px;position:relative;}
.filter .chooseTit{width:100%;height:50px;position:relative;border-top:1px solid #e7e7e7;z-index:999}
.filter .chooseTit a{float:left;width:50%;height:50px;line-height:50px;overflow:hidden;text-align:center;color:#666;background:#fff;position:relative}
.filter .chooseTit a.titTwo:after{content:'';position:absolute;top:0;right:0;width:0;height:50px;border-right:1px dashed #2ca9df;}

.filter .chooseTit .aon{color:#2da8e1;}
.filter .chooseTit a .icon{display:inline-block;width:24px;height:24px;vertical-align:8px;}
.filter .chooseTit a .word{display:inline-block;height:50px;line-height:50px;font-size:15px;color:#333;vertical-align:13px; color:#2ca9df; }
.filter .chooseTit a .word2{font-size:14px;}
.filter .chooseTit .titTwo .icon{background:url(../images/bd-distance.png) center center no-repeat;background-size:21px;}
.filter .chooseTit .titThree .icon{background:url(../images/bd-type.png) center center no-repeat;background-size:21px;}
.filter .chooseTit .titOn0 .icon{background:url(../images/bd-distance1.png) center center no-repeat;background-size:21px;}
.filter .chooseTit .titOn1 .icon{background:url(../images/bd-type1.png) center center no-repeat;background-size:21px;}
.filter .chooseTit .titOn0 .word{ color:#fff;}
.filter .chooseTit .titOn1 .word{ color:#fff;}
.filterSel{width:100%;height:148px;margin:0px auto;background:#fff;position:absolute;left:0px;top:38px;border-radius:5px;display:none}
.filter .tab{width:100%;height:181px;position:absolute;padding-top:10px;left:0px;top:-192px;display:none;}
.tabCont{width:85px;height:100%;position:absolute;margin:0px auto;background:#fff;border-radius:6px;display:none;z-index:998;top:200px;}
.listModel .price{ left:15%;}
.listModel .price ul{ padding: 11px 0;}
.listModel .price ul li{ line-height:33px; text-align:center;}
.listModel .sortTab ul{ padding: 12px 0;}
.listModel .sortTab ul li{ line-height:28px; text-align:center;}
.listModel .sortTab{ right:15%;}
.filter .chooseTit .titOn0 { background: #2da8e1;}
.filter .chooseTit .titOn1 {  background: #2da8e1;}
.filter .tab .sortTab{width:85px;height:110px;margin-top:71px;background:#fff;display:block;float:right;position:relative;}
.filter .tab .sortTab .arrow{display:block;width:100%;height:7px;overflow:hidden;background:url(../images/arrow8.png) 50% center no-repeat;background-size:12.5px 6.5px;position:absolute;left:0px;bottom:-5px;}
.filter .tab .sortTab .arrowOn{background:url(../images/arrow11.png) 50% center no-repeat;background-size:12.5px 6.5px;}
.filter .tab .sortTab .on{background:#f3f3f3;}
.filter .tab .price .arrow{display:block;width:100%;height:7px;background:url(../images/arrow8.png) 50% top no-repeat;background-size:12.5px 6.5px;position:absolute;left:0px;bottom:-6px;}
.filter .tab .distance .arrow{display:block;width:100%;height:7px;background:url(../images/arrow8.png) 50% top no-repeat;background-size:12.5px 6.5px;position:absolute;left:0px;bottom:-6px;}
/*乒羽篮详情页*/
.imgShow{width:100%;height:180px;position:relative;overflow:hidden;}
.imgShow img{display:block;width:100%; height:100%;}
.imgShow p{width:100%;height:35px;background:rgba(0,0,0,0.65);position:absolute;left:0px;bottom:0px;}
.imgShow p span{ color:#fff; padding-top:10px; display:block; float:left; margin-left:38px;}
.imgShow p a{ width:94%; margin:auto; display:block;}
.imgShow p i{ background:url(../images/bd-indexico.png) no-repeat; display:block; width:50px; height:33px; position:absolute; top:0; left:0; background-position:-164px -73px; background-size:250px 250px;}
.userTitle .clooectRight{ background:url(../images/bd-indexico.png) no-repeat; display:block; width:27px; height:33px; position:absolute; top:0; left:-25px; background-position:-176px 9px; background-size:250px 250px;}
.siteType{ background:#fff; overflow:hidden; clear:both; padding:10px 0;}
.siteType .siteTypeInfo{ width:94%; margin:auto;}
.siteType .siteTypeInfo .left{ width:50%;}
.siteType .siteTypeInfo .left p{ line-height:23px;}
.siteAppointment{ line-height:34px; width:94%; margin:auto; position:relative;}
.siteAppointment a{ float:right; margin-right:20px;}
.siteAppointment i{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:10px; right:0px; background-position:0 -56px; background-size:250px 250px;}

.itemCont{margin-left:106px;}
.itemTabCont{width:100%;height:95px;overflow:hidden; margin-bottom: 10px;}
.itemTabCont .ucont{width:100%;height:95px;position:relative;overflow:hidden;}
.itemTabCont ul{width:300%;position:absolute;left:0px;top:18px;}
.itemTabCont .mod_01{float:left;width:100px;height:90px;margin-left:9px;background:#fff;border-radius:6px;}
.itemTabCont .mod_01 a{display:block;width:100%;height:100%}
.itemTabCont .mod_01 .week{width:100%;height:25px;line-height:25px;background:#2da8e1;border-top-left-radius:6px;border-top-right-radius:6px;color:#fff;text-align:center;font-size:14px;}
.itemTabCont .mod_01 .weekNo{background:#888888;}
.itemTabCont .mod_01 .price{width:90%;line-height:35px;text-align:center;border-bottom:1px solid #e1e1e1; margin:auto;}
.itemTabCont .mod_01 .count{height:25px;line-height:25px;text-align:center;color:#2da8e1;font-size:14px;}
.itemTabCont .mod_01 .countNo{color:#888888;}
.itemTabTit span{background:#fff;z-index:999;}
.itemCont{position:absolute;left:0px;top:0px;margin-left:0px;z-index:998}
#slide_01{position:absolute;left:2%;top:0px;}
.itemTabCont .mod_01{width:auto;}
.itemTabCont .mod_01 .week span{display:block;padding:0px 10px;}
.itemTabCont .mod_01 .price{width:auto;padding:0px 5px;}

.venueInfo{ background:#fff; overflow:hidden; margin-bottom:10px;border-bottom: 1px solid #cccccc; }
.venueInfo .accountInfo{ width:94%; margin:auto;}
.venueInfo .accountInfo div{ padding:2px 0; position:relative; overflow:hidden;border-bottom:1px solid #cccccc;}
.venueInfo .accountInfo .left{padding-top: 14px;}
.venueInfo .accountInfo .rightIco{background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:16px; right:0px; background-position:0 -56px; background-size:250px 250px;}
.venueInfo .accountInfo .name{  padding: 14px 0;  width:70%;}
.venueInfo .accountInfo div:last-child{border:none;}
.venueInfo .accountInfo div a{ display:block;font-style: normal;}
.venueInfo .accountInfo .left i{ display:block; text-align:center; margin-bottom:3px;}
.venueInfo .accountInfo .left  span{     float: left; margin-right: 0px; margin-top: 10px; width: 72px; text-align: center;}
.venueInfo .facilities .name { width: 72%;}	
	
.venueInfo .accountInfo .left  span:first-child{  margin-left:0;}
.venueInfo .accountInfo .left i img{ width:24px;}
.venueInfo .accountInfo .facilities .left{padding : 5px 0;}
.venueInfo .accountInfo .facilities .title{padding-top:15px;}
.facilitiesPic img{ width:39px; height:39px;}
.venueInfo .facilitiesPic .name{ padding: 3px 0 0 0;}
.venueInfo .accountInfo  p{ line-height:16px;}
.venueTel .venueTelIco{background:url(../images/bd-indexico.png) no-repeat; display:block; width:50px; height:16px; position:absolute; top:16px; right:0px; background-position:-236px -1px; background-size:250px 250px;}
.venueTel .venueTelIco a{ margin-left:18px;}
.venue2{ padding-bottom:10px;width:94%; margin:auto;}
.venue2 p{ text-align:center;}
.nearFieldDetails2 .details span.name { margin-top: 13px;}
.nearFieldDetails2 .details span { line-height: 20px;}
.nearFieldDetails2 .nearFieldRight {  border-bottom: none;}
/*提交场次*/
.submitInfo { background:#fff; overflow:hidden; line-height:45px;}
.submitInfo .submitInfoLeft{ width:40%; border-right:1px dashed #2ca9df; float:left; }
.submitInfo .submitInfoLeft p{margin-left:8%;}
.submitInfo .submitInfoRight{ width:59%;float:left; }
.submitInfo .submitInfoRight p{margin-left:8%;}
/*预约*/
.venueInfo .accountInfo  .time span{ display:block; float:none; margin-left:0;}
.venueInfo .accountInfo  .time span em{  margin-left:10px;font-style:normal; }
.venueInfo .accountInfo  .color8{ width:80px;}
.venueInfo .accountInfo  input {  float: left;  width: 100%;    background: none;  border: none;  outline: none; text-indent: 4px; color: #333; font-size: 14px;}
.venueInfo .accountInfo  .input{ width: 60%;  padding-bottom: 2px;  margin-bottom: 11px;  background: url(../images/bd-input.png) left bottom no-repeat;
 background-size: 100% 6px;}
.venueInfo .accountInfo  .inputon{ width: 60%;  padding-bottom: 2px;  margin-bottom: 11px;  background: url(../images/bd-inputOn.png) left bottom no-repeat;background-size: 100% 6px;}
/*订单支付*/
.orderPay { height:80px; background:#fff; border-bottom:1px solid #cccccc;}
.orderPay p{ width:94%; margin:auto; text-align:center; line-height:25px;}
.orderPay p.title{ padding-top:14px;}
.orderType{ padding-bottom:10px;width:94%; margin:auto; overflow:hidden; margin-top:10px;}
.orderType p a{ display:block; text-align:center;}
.orderMoney{  background:#fff;border-bottom:1px solid #cccccc; overflow:hidden; clear:both; height:90px; }
.orderMoney .orderMoneyInfo{ width:94%; margin:auto;}
.MoneyInfo a{ display:block; height:45px;}
.orderMoney :last-child{ border:none;}
.MoneyInfo{ position:relative; height:45px;border-bottom:1px solid #cccccc;}
.MoneyInfo p{ padding-top: 15px; margin-left:50px; float:left;}
.MoneyInfo .rightIco{ display:block; width:13px; height:16px; position:absolute; top:14px; right:8px; }
.balancePay{ background:url(../images/bd-indexico.png) no-repeat; display:block; width:40px; height:40px; position:absolute; top:4px; left:0; background-position:-208px -138px; background-size:250px 250px;}
.weixinPay{ background:url(../images/bd-indexico.png) no-repeat; display:block; width:40px; height:40px; position:absolute; top:4px; left:0; background-position:-211px -206px; background-size:250px 250px;}

/*美化radio*/
.MoneyInfo input[type="radio"] {
  display: none;
  height:32px;
}
.MoneyInfo label { width:50px; height:21px;padding-top: 3px;
  cursor: pointer;
  background: url(../images/a.png) no-repeat left top; background-size:21px 60px; background-position:0 -1px; display:block;
}
.MoneyInfo label.checked {
 background-position:0 -39px;height:21px;background-size:21px 60px; display:block;
}
/*订单详情*/
.venueInfo .rightIcoMap{background:url(../images/bd-indexico.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:10px; right:0px; background-position:-220px -40px; background-size:250px 250px;}
.venueInfo .accountInfo  .orderDetail .color8{ width:57px; text-align:right; margin-right:20px}
.venueInfo .accountInfo  .orderDetail span{ float:none; display:block; margin-left:0;}
.venueInfo .accountInfo .contactPerson .color8{ width:85px; }
.venueInfo .accountInfo .contactPerson .name{ width:50%;}
.orderDetail .venueTelIco{background:url(../images/bd-indexico.png) no-repeat; display:block; width:50px; height:16px; position:absolute; top:16px; right:0px; background-position:-236px -1px; background-size:250px 250px;}
.orderDetail .venueTelIco a{ margin-left:18px;}
.myPositionBlue{ line-height:35px; background:#93BEE6; }
.myPositionBlue p{ color:#fff; width:94%; margin:auto;}
.myPositionNo{ line-height:35px; background:#F3E674;  }
.myPositionNo p{ color:#fff; width:94%; margin:auto;position:relative; height:35px;}
.myPositionYes{ line-height:35px; background:#C3DA6F;  }
.myPositionYes p{ color:#fff; width:94%; margin:auto;position:relative;}
.unsubscribeYes{ line-height:35px; background:#E7623E;  }
.unsubscribeYes p{ color:#fff; width:94%; margin:auto;position:relative;}
.myPositionNo .timeRight{ position:absolute; right:0; top:0px;}
.myPositionNo .timeRight i{background: url(../images/bd-indexico.png) no-repeat; display: block; width: 50px;  height: 30px; background-position: -26px -213px; background-size: 250px 250px;  float: left;}
.unsubscribe{ line-height:20px; }
.unsubscribe p{ text-align:center;}
.venueInfo .accountInfo  .code{border-bottom:1px solid #cccccc;} 
.venueInfo .accountInfo  .codeFirst{border-bottom:1px dashed #cccccc;}
.venueInfo .accountInfo  .code .color8{ width:80%;}
.venueInfo .accountInfo  .code .name{ float:right; width:50px;}
/*订单列表支付，已支付，已取消，退订*/
.orderOrder{ background:#fff; overflow:hidden; margin-bottom:10px;border-bottom: 1px solid #cccccc; margin-top:10px; position:relative; clear:both; }
.orderOrder .orderOrderInfo{ width:94%; margin:auto;}
.orderOrder .orderOrderInfo div{ padding:2px 0; position:relative; overflow:hidden;}
.orderOrder .orderOrderInfo .left{padding-top: 10px; margin-left:3%;}
.orderOrder .orderOrderInfo .name{  padding: 10px 0;  width:60%; margin-left:20px;}
.orderOrder .orderOrderInfo .num{border-bottom: 1px dashed #cccccc;}
.orderOrder .orderOrderInfo .code{border-top: 1px dashed #cccccc;}
.orderOrder .staus{ position:absolute; right:0; top:0;}
.orderOrder .staus img{ width:62px;}
.orderOrderButton{ overflow:hidden; clear:both;}
.orderOrderButton:last-child{ margin-bottom:10px;}
.orderOrderButton .left{ margin-left:4%; width:44%;}
.orderOrderButton .left a.info{ display:block; width:100%; background:#2ca9df; line-height:40px; text-align:center; border-radius:5px; color:#fff;}
.orderOrderButton .left a.tel{ display:block; width:100%; border:1px solid #2ca9df; line-height:38px; text-align:center; border-radius:5px; color:#2ca9df;}
.orderOrderNo{ margin-top:0;} 
.orderOrder .orderAddress{ width:56px; text-align:right;}
.balanceDetails .code{ line-height:45px; width:94%; margin:auto; border-top:1px solid #cccccc; overflow:hidden;}
.balanceDetails .code:first-child{border-top:1px dashed #cccccc;}
.balanceDetails .code .name{ float:right;}
.payOrder{ margin-bottom:10px;}
.chooseNote .info{ clear:both; padding: 15px 0 10px 0; clear:both;}
.chooseNote .info a{ display:block; text-align:center;}

#choose{overflow:hidden;}
#slide_01{position:absolute;left:0px;top:0px;}
#slide_02{position:absolute;left:0px;top:0px;}
.chooseBlock{width:100%;}
#choose table{ background:#fff;}
#chooseTabTit{width:100%;height:51px;background:#ededed;overflow:hidden;position:relative}
#chooseTabTit .mod_01{float:left;width:104px;height:48px;padding-top:4px;text-align:center;font-size:14px;color:#666666;border-left:1px solid #dfdfdf;cursor:pointerz-index:999;border-top:3px solid #ededed;}
#chooseTabTit .mod_01 p{font-size:14px;}
#chooseTabTit .on{background:#fff;color:#2da8e1;border-top:3px solid #2da8e1}
.chooseNum{height:25px;overflow:hidden;position:relative;}
.chooseNumCont{width:200%;position:absolute;left:0px;top:0px;}
.chooseNum span{float:left;width:82px;line-height:34px;border-right:1px solid #fff;font-size:14px;color:#666666;text-align:center}
.timeProid{float:left;width:50px;margin-top:13px;position:relative;}
.timeProidCont{width:100%;border-top:1px solid #e7e7e7;margin-top:22px;}
.timeProid span{display:block;width:100%;height:35px;border-bottom:1px solid #e7e7e7;padding-right:3px;color:#666666;text-align:center}
.timeProid span p{margin-bottom:1px; line-height:35px;}
.chooseBlock{width:80%;}
.chooseBlockCont{overflow:hidden;}
.chooseBlock tr td{width:82px;height:35px;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.chooseBlock tr td .cont{width:82px;height:35px;line-height:35px;text-align:center;background:url(../images/pyl/bg1.png) no-repeat;font-size:16px;}
.chooseBlock tr td .on{background:#8ec4ea;color:#fff;}
.chooseBlock tr td .selected{background:#73c302;}
#choose{width:100%;height:100%;position:relative;}
.chooseNote ul li{ float:left;}
.chooseNote ul{ width:70%; margin:auto; margin-top:10px; margin-bottom:10px;}
.chooseNote ul li.chooseNote1 span{ display:block; width:10px; height:10px; margin:0 10px 0 30px; background:#93BEE6; float:left;}
.chooseNote ul li.chooseNote2 span{ display:block; width:10px; height:10px; margin:0 10px 0 30px; background:#8EC31E; float:left;}
.chooseNote ul li.chooseNote3 span{ display:block; width:10px; height:10px; margin:0 10px 0 30px; background:#CBCCCC; float:left;}


/*.chooseBlockCont tr { float:left; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);}
.chooseBlockCont td { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);}*/


.totalPrice{ background:#fff; overflow:hidden; border-bottom:1px solid #cccccc;}
.totalPrice .totalNum{ width:94%; margin:auto; padding:10px 0; overflow: hidden;}
.totalPrice .totalNum .left{ width:50%;}
.totalPrice .totalNum .left p{ line-height:30px;}
.totalPrice .totalNum .left .colorOrange{ font-size:20px;}
.itemTabContNum{ margin:10px 0; height:65px;}
.itemTabContNum .mod_01{ margin-left:16px; margin-right:0px;}
.itemTabContNum .ucont{height:65px;}
.itemTabContNum .mod_01{height:65px;}
.itemTabContNum .mod_01 .price{ border:none; }
.totalPrice .totalNum .left .input{ width: 78px; height:30px; display:block; float:left;}
.totalPrice .totalNum .left .price{ float:left;}
.totalNum  input {  float: left;  width: 78px;  height: 22px;  margin-top: 3px;  background: none;  border: none;  outline: none; color: #333; font-size: 14px;text-align:center;}
.totalNum  .input{ width: 60%;  padding-bottom: 2px;  margin-bottom: 6px;  background: url(../images/bd-input.png) left bottom no-repeat;
 background-size: 100% 6px; text-align:center;}
.totalNum  .inputon{ width: 60%;  padding-bottom: 2px;  margin-bottom: 6px;  background: url(../images/bd-inputOn.png) left bottom no-repeat;background-size: 100% 6px;}

.totalMoney{ text-align:center; margin:10px 0;}
.totalMoney .colorOrange{ font-size:20px;}
.totalMoney p{ line-height:20px;}

/*充值金额*/
.RechargePay { line-height:40px; background:#fff; border-bottom:1px solid #cccccc; overflow:hidden;}
.RechargePay div{  width:94%; margin:auto;}
/*弹出页面*/
.scopeShow{  position:absolute; top:10%; left:10%; z-index:9999; width:80%; background:#fff; overflow:hidden; border-radius:10px;padding-bottom:15px; display:none;}
.scopeShow .title{ line-height:35px; background:#2ca9df; text-align:center; color:#fff;}
.scopeShow .info{ width:85%; margin:auto; line-height:22px; padding:15px 0;}
.scopeShow  .button{ width:90%; margin:auto; line-height:30px; text-align:center; border-radius:5px;background:#2ca9df; }
.scopeShow  .button a{ display:block; color:#fff;}
/*全部订单下拉选择*/
.userTitle .totleOrder{ padding-top: 12px;  font-size: 17px; text-align: center;width: 133px; margin: auto;position: relative;}
.userTitle .oderBottomIco{ background: url(../images/bd-indexico.png) no-repeat; display: block; width: 20px;height: 30px; float: right;
 background-position: 0 -204px;  background-size: 250px 250px; position: absolute;right: 9px; top: 0; left: inherit;}
.userTitle .odertopIco{ background: url(../images/bd-indexico.png) no-repeat; display: block; width: 20px;height: 30px; float: right;
 background-position: -50px -160px;  background-size: 250px 250px; position: absolute;right: 9px; top: 0; left: inherit;}
.totleOrderList{ position:absolute; top:44px; left:50%; width:218px; margin-left:-109px; z-index:999;   display:none;  }
.totleOrderList ul {background:#323232;border-radius:10px;padding:20px 0; overflow:hidden; }
.totleOrderList li{ line-height: 60px;}
.totleOrderList ul li a{ color:#fff; font-size:20px; display:block; height: 65px;}
.totleOrderList ul li a span{ display:block; float:left; width:115px; margin-left:20px;}
.totleOrderList .totleOrderList1{background: url(../images/bd-indexico.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -90px 0;  background-size: 250px 250px; margin-top:15px;}
.totleOrderList .totleOrderList2{background: url(../images/bd-indexico.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -90px -55px;  background-size: 250px 250px; margin-top:15px;}
.totleOrderList .totleOrderList3{background: url(../images/bd-indexico.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -90px -111px;  background-size: 250px 250px; margin-top:15px;}
.totleOrderList .totleOrderList4{background: url(../images/bd-indexico.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -90px -166px;  background-size: 250px 250px; margin-top:15px;}
.totleOrderList .totleOrderList5{background: url(../images/bd-indexico.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -90px -220px;  background-size: 250px 250px; margin-top:15px;}
.orderTop{ display: block; width: 100%; height: 13px;  background: url(../images/bd-top.png) 50% top no-repeat; background-size: 22.5px 14px;}
/*友情提示该场地错误信息*/
.errorInfo{ position:absolute; top:20%; width:300px; left:50%; margin-left:-150px;}
.errorInfo img{ width:75px; }
.errorInfo .pic{ width:75px; margin:auto;}
.errorInfo  p{ font-size:14px; color:#cccccc; text-align:center; margin-top:10px;}


/*省市区三级联动*/
#selectOption{width:100%;position:fixed;left:0px;bottom:-100%;z-index:9999}
.selectOption{width:100%;overflow:auto;padding-bottom:15px;background:#fff; }
.hanndleBtn{width:100%;height:44px;line-height:44px;margin-bottom:15px;background:#ccc;}
.hanndleBtn .cancle{float:left;padding:0px 10px;font-size:18px;}
.hanndleBtn .sure{float:right;padding:0px 10px;font-size:18px;}
.linkage{width:100%;height:120px;overflow:hidden;position:relative;-webkit-mask:-webkit-gradient(linear,0% 30%,0% 100%,from(rgba(222,187,71,1)),to(rgba(36,142,36,0)))}
.linkageCont{width:100%;height:100%;-webkit-mask:-webkit-gradient(linear,0% 30%,0% 0%,from(rgba(222,187,71,1)),to(rgba(36,142,36,0)))}
.linkage:after{content:'';width:100%;height:40px;position:absolute;left:0px;top:39px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.provinceList{position:absolute;left:0px;top:40px;z-index:999;width:33%;}
.provinceList span{display:block;width:100%;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:16px;color:#999;}
.provinceList .on{color:#333;}
.cityList{position:absolute;left:33%;top:40px;z-index:999;width:34%;border:none;}
.cityList span{display:block;width:100%;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:16px;color:#999;}
.cityList .on{color:#333;}
.areaList{position:absolute;left:67%;top:40px;z-index:999;width:33%;}
.areaList span{display:block;width:100%;height:40px;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:16px;color:#999;}
.areaList .on{color:#333;}
#filterBg{width:100%;height:100%;background:url(../images/bg.png) repeat;position:absolute;left:0px;top:0px;z-index:995;display:none;}

.bindingTel .tel p.settime .inputSettime {
    background: #cccccc;
    text-indent: 5px;
    color: #fff;
    border-radius: 5px;
}
.modifyAddressNew{ margin-top:10px;}
.modifyAddressNew select{ border:none;}
/*我的预约*/
.appointmentPrice{ border-bottom:1px dashed #cccccc; margin-bottom:10px; }
.appointmentRight{ padding-top:10px;}
.orderOrderInfo .appointmentSpan{ display:block; margin-top:5px;}
.orderOrderInfo .appointmentSpan:first-child{ margin-top:0px;}
.totleOrderList .appointment1{background: url(../images/bd-ico1.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -62px -133px;  background-size: 250px 250px; margin-top:10px;}
.totleOrderList .appointment2{background: url(../images/bd-ico1.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -62px -196px;  background-size: 250px 250px; margin-top:10px;}
.totleOrderList .appointment3{background: url(../images/bd-ico1.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -138px -131px;  background-size: 250px 250px; margin-top:10px;}
.totleOrderList .appointment4{background: url(../images/bd-ico1.png) no-repeat; display: block; width: 70px;height: 50px; float: left;
 background-position: -138px -193px;  background-size: 250px 250px; margin-top:10px;}

/*城市列表*/
.cityList{border-bottom:1px solid #ccc;}
.cityList ul li{ line-height:35px; border-bottom:1px solid #ccc; width:94%; margin:auto;}
.cityList ul li:last-child{ border:none;}
.cityList ul li a{  display:block; position:relative;} 
.cityList .title{ line-height:30px; background:#9AD0EF;}
.cityList p{ width:94%; margin:auto; color:#fff;}

/*场馆详情点击图片放大左右滑动*/
#bigPicBg{width:100%;height:100%;background:#323232;position:absolute;left:0px;top:0px;z-index:995;display:none;}
#mypage{ position:absolute; left:0;}
#mypage .ui-content{}
.ui-content{ padding:0px; margin:0px;background:#F2F0EE; }
.bx-wrapper .bx-viewport{ box-shadow:none; border:none; background:none; left:0;}
.bx-wrapper .bx-prev{background: url(../images/controls.png) no-repeat -8px -24px; left:20px; background-size:182px 86px;}
.bx-wrapper .bx-next{background: url(../images/controls.png) no-repeat -138px -24px; right:20px;background-size:182px 86px;}
#mypage{ opacity:0; z-index:999;}
.miaosha_list{;background:#F2F0EE;}
.miaosha_list .img{position:relative;}
.miaosha_list .img img{display:block;width:100%;}
.miaosha_list .img .dw{position:absolute;right:0px;top:0px;}
.miaosha_list .img .dw img{display:block;width:100%;float:right;}
.miaosha_list .zhuangtai{padding:0.5em 1em;color:#676767;font-size:14px;}
.uicontentNum{ margin:10px 0;}
.uicontentNum p{ text-align:center;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 36px;height: 37px;text-indent: -9999px;z-index: 9999;}

/*美化城市三级联动select*/
.accountInfo select{ background:#fff; border:1px solid #fff;}
.account .accountInfo .select {  padding: 12px 0;}
.venueInfo .accountInfo .time span { float: left; margin-right: 0px; width: 100%; margin-top:0; text-align: left;}

/*城市列表*/
.cityListPage{border-bottom:1px solid #ccc;}
.cityListPage ul li{ line-height:35px; border-bottom:1px solid #ccc; width:94%; margin:auto;}
.cityListPage ul li:last-child{ border:none;}
.cityListPage ul li a{  display:block; position:relative;} 
.cityListPage .title{ line-height:30px; background:#9AD0EF;}
.cityListPage p{ width:94%; margin:auto; color:#fff;}

/*支付弹框*/
.payBox{ width:75%; margin:auto; background:#fff; border-radius:5px; overflow:hidden; position:absolute; top:20%; left:12.5%; display:none; z-index:999;}
.payBox .info{ text-align:center; padding:15px 0;}
.payBox .price{ text-align:center; padding-bottom:15px;}
.payBox .button{ padding-bottom:10px; width:100%; margin:auto; overflow:hidden;}
.payBox .button a{ background:#2ca9df; width:38%; margin-left:8%; display:block; float:left; text-align:center; color:#fff;  border-radius:5px; font-size:14px; line-height:30px; }
.payBox .button a.goon{ border:1px solid #2ca9df; width:38%; margin-left:8%; display:block; float:left; text-align:center; color:#2ca9df;  border-radius:5px; font-size:14px; line-height:28px; background:#fff; }
.payBox .input{ width:84%; margin:auto; overflow:hidden;}
.payBox .input .left{ width:30%;line-height:36px;}
.payBox .input .right{ width:70%;}
.payBox input{ line-height:36px; border:1px solid #cccccc; width:98%; text-indent:5px;}


.bdError{ position:absolute; top:20%; left:10%; width:80%;}
.bdError .errorInfo{ background: rgba(0, 0, 0, 0.65);  padding:18px 0; color:#fff; border-radius:5px; text-align:center;}
.userTelFix{ position:fixed; bottom:0; left:2%;}
.orderOrderAll{ margin-bottom:0px;}
.payOrderAll{ margin-top:0px;}
.balanceDetailAll{ background:#fff;border-bottom:1px solid #cccccc;  position:relative; }
.balanceDetailAll p.detail{ padding-top:11px; padding-left:13px;}
.balanceDetailAll .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:9px; right:20px; background-position:0 -56px; background-size:250px 250px;}
.balanceDetailAll .bottomIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:9px; right:20px; background-position:-228px -3px; background-size:250px 250px;}
.balanceDetailAll a{ display:block; height:37px;}
.balanceDetailsAll { display:none;}
.balanceDetailsAll .code{ line-height:45px; width:94%; margin:auto; border-top:1px solid #cccccc; overflow:hidden;}
.balanceDetailsAll .code:first-child{border-top:1px dashed #cccccc;}
.balanceDetailsAll .code .name{ float:right;}

.orderOrder .orderOrderInfo .orderOrderTime{ position: absolute; right: 49px; z-index: 99;  top: 8px;}   
.orderOrderTime i{ background:url(../images/clock3.png) no-repeat; background-size:13px 15px; display:block; float:left; width:20px; height:20px;    margin-top: -2px;}


.payPwdNew2{ height:172px;}

#opacityBg{width:100%;height:100%;background:#000;position:absolute;left:0px;top:50px;z-index:995;display:none; opacity:0; }
.orderOrder a{ display:block;}


/*弹出页面*/
.bdPopShow{  position:absolute; top:10%; left:10%; z-index:9999; width:80%; background:#fff; overflow:hidden; border-radius:10px;padding-bottom:15px; display:none;}
.bdPopShow .title{ line-height:35px; background:#2ca9df; text-align:center; color:#fff;}
.bdPopShow .info{ width:85%; margin:auto; line-height:22px; padding:15px 0;}
.bdPopShow  .button{ width:90%; margin:auto; line-height:30px; text-align:center; border-radius:5px;background:#2ca9df; }
.bdPopShow  .button a{ display:block; color:#fff;}
.bdError{ position:absolute; top:20%; left:10%; width:80%;}
.bdError .errorInfo{ background: rgba(0, 0, 0, 0.65);  padding:18px 0; color:#fff; border-radius:5px; text-align:center;}

.userTelFix{ position:fixed; bottom:0; left:2%;}
.orderOrderAll{ margin-bottom:0px;}
.payOrderAll{ margin-top:0px;}



.bindingTel .tel p.settime .inputSettime {
    background: #cccccc;
    text-indent: 5px;
    color: #fff;
    border-radius: 5px;
}



/*用户中心2期*/
.tabLogin { clear:both; margin-top: 10px;}
.tabLogin li { float:left; text-align:center; cursor:pointer; list-style:none; color: #888;  
 background:#e2eff7; width: 50%; height: 30px; line-height: 30px; }
.tabLogin li.selected { color:#2ca9df; background:#fff; border-top:2px solid #40a4d5;}
.tabLoginBox { clear:both; }
.hide{display:none}
/*登录*/
.Login{background:#fff; }
.Login .pwd{ width:94%; margin:auto; padding:6px 0;border-bottom:1px solid #cccccc; clear:both; overflow:hidden; position:relative;}
.Login .pwd:last-child{ border:none;}
.Login .pwd p.name{padding-top: 8px;}
.Login .pwd .leftInput{ width:70%;}
.Login .pwd .name{ width:20%;}
.Login .pwd input{ height:30px; border:none; width:90%; text-indent: 10px; }

.forget{ width: 94%; margin:auto; }
.forget a{color:#2ca9df;float: right; }
.thirdLogin{ width: 94%; margin: auto; overflow: hidden; padding-top: 40px; }
.thirdLogin p{  float: left; height: 20px; }
.thirdLogin p.crossLeft{ width: 25%; }
.thirdLogin p.crossMiddle{ width: 50%; text-align: center; }
.thirdLogin p.crossRight{ width: 25%; }
.thirdLogin p.crossLeft span{ width: 100%; border-bottom: 1px solid #d5d5d5; height: 7px; display: block; }
.thirdLogin p.crossRight span{ width: 100%; border-bottom: 1px solid #d5d5d5; height: 7px; display: block; }
.thirdIco { clear: both;width: 80%; margin: auto; padding-top: 20px; }
.thirdIco ul li{ float: left; text-align: center; width: 33%; }
.thirdIco ul li a{ display: block; }
.thirdIco ul li img{ width: 55px; }

/*卡激活*/
.explain{ width: 94%; margin: auto; }
.explain .info{ margin-left: 10px; }
.explain p{ line-height: 35px; height: 25px;}
.modifyBestdo .modifyInput input.activation{ width: 75%; margin-left: 5%; }
.bdAdd{ width: 14px; }
.activationCard{ width: 200px; margin: auto; margin-top: 30px; }
.activationCard img{ width:76px; }
.activationCard .pic{ width: 76px; margin: auto; }
.activationCard  p{ font-size:20px; color:#3E3A39; text-align:center; margin-top:10px;}
.activationText{ width: 94%; margin: auto; background: #fff;border-radius: 5px;margin-bottom: 10px;  overflow: hidden; margin-top: 20px; }
.activationText .name{ margin-left: 20px;margin-top: 20px;margin-bottom: 20px; }
.activationText ul{ width:94%;overflow:auto;margin:0px auto; }
.activationText ul li p{ float: left; margin-bottom: 15px; line-height: 20px; }
.activationText ul li p.title{ width: 25%; color: #9E9E9F; }
.activationText ul li p.info{ width: 70%; }
.activationText ul li p.titleInfo{ width: 50%; color: #9E9E9F; }
.activationText ul li p.infoInfo{ width: 50%; }
.activationTextInfo{ margin-top: 10px; }
.cardInfo ul li p.title{width:50%;}
.cardInfo ul li p.info{width:50%;}
.detailed{ width: 94%; margin: auto; background: #fff; overflow: hidden; margin-top: 10px; }
.detailed .name{ margin-left: 10px;margin-top: 20px;margin-bottom: 20px; }
.detailed div{ margin-left: 10px; }
.detailed div p{ float: left; margin-bottom: 15px; width: 50%;color: #9E9E9F; height: 23px; line-height: 23px; }
.detailed div p.title span{ color: #3E3A39; }
.detailed div p.info span{ font-size: 16px; }

.addressButton .picPic{ float: left;  margin-top: 30px; margin-left: 20px;}
.addressButton .picPic img{ width:26px;}
.activationNo{ position:absolute; top:12%; width:300px; left:50%; margin-left:-150px;}
.activationNo .info{ padding: 10px 0; }
.activationNo img{ width:73px; }
.activationNo .pic{ width:73px; margin:auto;}
.activationNo  p{ font-size:14px; text-align:center; margin-top:15px; }
.activationShow{ width: 60%; background: #fff; position: absolute; top: 30%; left: 20%; border-radius: 5px; }
.activationShow p img{ width: 50px;  }
.activationShow p { text-align: center; margin-top: 20px; }
.activationShow div{ text-align: center; margin-top: 10px; margin-bottom: 20px; }
/*下场券详情页*/
.ticketDetailNew{ background:#fff; overflow:hidden; margin-top:10px;}
.ticketDetailNew .ticketDetailsNew{ width:94%; margin:auto;}
.ticketDetailsNew .detail{ padding:10px 0;border-bottom:1px dashed #cccccc; overflow:hidden; position:relative;}
.ticketDetailsNew .detail a{ display:block; height:59px;}
.ticketDetailsNew .pic{ width:63px; height:61px; }
.ticketDetailsNew .pic img{ width:100%;}
.ticketDetailsNew .details{ width:70%; margin-left:5%; }
.ticketDetailsNew .details span{ display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:20px;  }
.ticketDetailsNew  .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:36px; right:0; background-position:0 -56px; background-size:250px 250px;}
.ticketDetailsNew .code{ padding-top:4px; margin-top: 10px; padding-bottom: 10px;}
.ticketDetailsNew .code span{ display: block; text-align: center; }
.ticketDetailsNew .code span img{ width: 88px; }
.ticketDetailsNew .codeCode{ padding-top:3px;}
/*卡列表*/
.cardList { width: 94%; margin: auto; margin-top: 10px; background: #fff; border:1px solid #4CAF50; overflow: hidden; border-radius: 5px; }
.cardList .cardListTop{ width: 90%; margin:auto; padding-bottom: 10px; }
.cardList .cardListTop p{ line-height:24px; clear: both; overflow:hidden;}
.cardList .cardListTop p.title{ margin-top: 10px; }
.cardList .cardListTop p span.left{ width: 20%; display: block; float: left; }
.cardList .cardListTop p span.right{ width: 74%; float: left; }
.cardList .cardListBottom{ height: 25px; line-height: 25px;  background: #4CAF50; }
.cardList .cardListBottom .right{ margin-right: 10px; color: #fff; }
.cardList .cardListBottom .left{ margin-left: 10px; color: #fff; }
.orderList{ width: 20px; height: 20px; background:url(../images/bd-orderlist.png) no-repeat; display:block; 
background-size: 17px 241px; margin-top: 4px; float: left; margin-right: 5px; }
.orderList0{background-position:0 0;}
.cardList1 { border:1px solid #D4D4D4;  }
.cardList .cardListBottom1{background: #D4D4D4; }
.cardList1 p { color: #888; }
.cardList1 p span{ color: #888; }
.orderList1{background-position:0 -47px;}
.cardList2 { border:1px solid #7EB3FF;  }
.cardList .cardListBottom2{background: #7EB3FF; }
.orderList2{background-position:0 -101px;}
.cardList3 { border:1px solid #D32F2F;  }
.cardList .cardListBottom3{background: #D32F2F; }
.orderList3{background-position:0 -157px;}
.cardList4 { border:1px solid #E9B233;  }
.cardList .cardListBottom4{background: #E9B233; }
.orderList4{background-position:0 -211px;}

.nextCouponShow{ position: absolute; top: 45px; right: 0; width: 105px; background: #405061; z-index: 99; display: none;}
.nextCouponShow ul {  width: 90%; margin: auto; }
.nextCouponShow ul li{ height: 33px; line-height: 33px; border-bottom: 1px solid #4f5f6c;}
.nextCouponShow ul li a{ color: #fff; margin-left: 10px; }
.sportsIco{width: 20px; height: 20px; background:url(../images/bd-sports.png) no-repeat; display:block; 
background-size: 67px 350px; margin-top: 7px; float: left; margin-left: 10px; }
.sportsIco1{ background-position: 0 0; }
.sportsIco2{ background-position: 0 -30px; }
.sportsIco3{ background-position: 0 -61px; }
.sportsIco4{ background-position: 0 -91px; }
.sportsIco5{ background-position: 0 -121px; }
.sportsIco6{ background-position: 0 -153px; }
.sportsIco7{ background-position: 0 -182px; }
.sportsIco8{ background-position: 0 -212px; }
.sportsIco9{ background-position: 0 -243px; }
.sportsIco10{ background-position: 0 -273px; }
.nextCouponShow ul li a.active{ color: #319BD0; }
.sportsIco1.active{ background-position: -48px 0; }
.sportsIco2.active{ background-position: -48px -30px; }
.sportsIco3.active{ background-position: -48px -61px; }
.sportsIco4.active{ background-position: -48px -91px; }
.sportsIco5.active{ background-position: -48px -121px; }
.sportsIco6.active{ background-position: -48px -153px; }
.sportsIco7.active{ background-position: -48px -182px; }
.sportsIco8.active{ background-position: -48px -212px; }
.sportsIco9.active{ background-position: -48px -243px; }
.sportsIco10.active{ background-position: -48px -273px; }
/*下场券全部*/
.ticketDetailAll{ background:#fff; overflow:hidden; width: 94%; margin: auto; border-radius: 5px; margin-top:10px;}
.ticketDetailAll .detail{ padding:10px 0;border-top:1px dashed #cccccc; overflow:hidden; position:relative;}
.ticketDetailAll .detail a{ display:block; height:59px;width: 94%; margin: auto; }
.ticketDetailAll .pic{ width:63px; height:61px; }
.ticketDetailAll .pic img{ width:100%;}
.ticketDetailAll .details{ width:70%; margin-left:5%; }
.ticketDetailAll .details span{ display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; line-height:20px;  }
.ticketDetailAll  .rightIco{ background:url(../images/bd-ico.png) no-repeat; display:block; width:13px; height:16px; position:absolute; top:36px; right:10px; background-position:0 -56px; background-size:250px 250px;}
.ticketDetailAll .code{ padding-top:4px; margin-top: 10px; padding-bottom: 10px;}
.ticketDetailAll .code span{ display: block; text-align: center; }
.ticketDetailAll .code span img{ width: 88px; }
.ticketDetailAll .codeCode{ padding-top:3px;}

.ticketDetailAll .title { height: 45px; line-height: 45px;}
.sportsAll{width: 47px; height: 35px; background:url(../images/bd-sportsIco1.png) no-repeat; display:block; 
background-size: 50px 500px; margin-top: 5px; float: left; margin-left: 10px;  margin-right: 10px; }
.ticketDetailAllBottom{ height: 35px; line-height: 35px; width: 94%; margin: auto;  border-top:1px dashed #cccccc;}
.ticketDetailAllBottom p a{ float: right; }
.sportsAll1{ background-position: 0 0; }
.sportsAll2{ background-position: 0 -44px; }
.sportsAll3{ background-position: 0 -88px; }
.sportsAll4{ background-position: 0 -131px; }
.sportsAll5{ background-position: 0 -176px; }
.sportsAll6{ background-position: 0 -221px; }
.sportsAll7{ background-position: 0 -264px; }
.sportsAll8{ background-position: 0 -309px; }
.sportsAll9{ background-position: 0 -354px; }
.sportsAll10{ background-position: 0 -396px; }
/*用户中心首页修改*/
.userBalanceNew{ height:64px; background:#fff;border-bottom:1px solid #cccccc; margin-top:8px; position:relative;}
.userBalanceNew .balance{ width:33%; border-right:1px dashed #d8d8d8; height:45px; margin-top:9px; position:relative;}
.userBalanceNew1{ background:url(../images/bd-dongbi.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:8px; left:10px; background-size: 100%;}
.userBalanceNew .balance p{ text-align:center; margin-top:5px; margin-left: 20px;}
.userBalanceNew2{ background:url(../images/bd-card.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:14px; left:10px; background-size: 100%;}
.userBalanceNew3{ background:url(../images/bd-ico.png) no-repeat; display:block; width:39px; height:30px; position:absolute; top:8px; left:10px; background-position:-1px -166px; background-size:250px 250px;}
/*用户中心首页修改2*/
.userBalanceNews{ height:55px; background:#fff;border-bottom:1px solid #cccccc; margin-top:8px; position:relative;}
.userBalanceNews .balance{ width:49%; border-right:1px dashed #d8d8d8; height:55px; margin-top:9px; position:relative;}
.userBalanceNews .balance p{    float: left;}
.userBalanceNews .balance p.font14{ margin-left: 30%; margin-top:13px;}
.userBalanceNews .balance p.width{ width: 40px;}
.userBalanceNews .balance p.colorBlue{ margin-left: 10px; margin-top:11px;}
.userBalanceNews .userBalanceNew1{ background:url(../images/bd-dongbi.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:5px; left:10px; background-size: 100%;}
.userBalanceNews .userBalanceNew3{ background:url(../images/bd-card.png) no-repeat; display:block; width:30px; height:30px; position:absolute; top:11px; left:10px; background-size: 100%;}
.userBalanceNews .userBalanceNew2{ background:url(../images/bd-ico.png) no-repeat; display:block; width:39px; height:30px; position:absolute; top:5px; left:10px; background-position:-1px -166px; background-size:250px 250px;}
.userBalanceNews .userBalanceNew4{ background:url(../images/bd-cardnew.png) no-repeat; display:block; width:28px; height:30px; position:absolute; top:5px; left:10px; background-size:100%;}