You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
15 KiB
135 lines
15 KiB
/* gaines/ticket/ticket.wxss @import "../../wxParse/wxParse.wxss";*/
|
|
/* 门票详情 公用 */
|
|
page{background: #f4f8fb;}
|
|
.doc-layer{position: relative;margin: 20rpx 0 0 0;padding: 30rpx 40rpx;background: #fff;}
|
|
.doc-layer .layer-tit{position: relative;padding: 0 0 30rpx 0rpx;border-bottom: 1px solid #ededed;font-weight: 700;font-size: 38rpx;}
|
|
.doc-layer .anchor{position: absolute;display: block;top: -80rpx;height: 0;}
|
|
.doc-layer .layer-con{padding: 30rpx 0;}
|
|
.doc-layer .layer-list{padding: 20rpx 0;}
|
|
.order-filter{position: fixed; z-index: 999; top: 0; display:flex;width: 100%; height:0; padding:0; font-size:28rpx;background: #fff;border-bottom: 1px solid #ededed; }
|
|
.order-filter .filter-item{position:relative; flex:1;text-align:center; line-height: 80rpx;}
|
|
.order-filter cover-view .linep{ content: ""; position: absolute; left: 50%; margin-left: -50rpx; bottom: 0; width: 100rpx; height:2px; }
|
|
.order-filter .filter-item.active .linep{background: #f60; }
|
|
/* .doc-slide{position: relative;}
|
|
.doc-slide .slide-image{overflow: hidden;width: 100%;height: auto;}
|
|
.doc-slide .slide-dots{position: absolute;right: 0;bottom: 70rpx;left: 0;display: flex;justify-content: center;}
|
|
.doc-slide .slide-dots .dot{width: 14rpx;height: 14rpx;margin: 0 8rpx;border-radius: 14rpx;background: #000;opacity: 0.4;}
|
|
.doc-slide .slide-dots .dot.active{opacity: 1;} */
|
|
.inx_lbt{ position: relative;}
|
|
.inx_lbt .lh-swiper{ height: 400rpx;}
|
|
.inx_lbt:before{ content: ''; position:absolute; top:0; left: 0; width:100%; z-index: 2;background: linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.4)); height: 80rpx; display: block;}
|
|
/* 门票详情 门票信息 */
|
|
.ticketInfo{margin-top: -50rpx;padding-top: 30rpx;border-radius: 40rpx 40rpx 0 0;}
|
|
.ticketInfo view:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
|
|
.ticketInfo .info-mainTit{padding: 0 0 10rpx 0;font-weight: bold;font-size: 38rpx;}
|
|
.ticketInfo .info-subTit{padding: 0 0 20rpx 0;border-bottom: 1rpx solid #ededed;color: #666;font-size: 28rpx;}
|
|
.ticketInfo .info-date{position: relative;padding: 20rpx 30rpx 20rpx 40rpx;border-bottom: 1rpx solid #ededed;font-size: 26rpx;}
|
|
.ticketInfo .info-date::before{content: "";position: absolute;top: 50%;left: 0;width: 30rpx;height: 30px;margin-top: -15rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_time.png) no-repeat;background-size: 30rpx;}
|
|
.ticketInfo .info-add{position: relative;margin-top: 20rpx;padding: 0 110rpx 0 40rpx;font-size: 26rpx;line-height: 30rpx;}
|
|
.ticketInfo .info-add::before{content: "";position: absolute;top: 50%;left: 0;width: 30rpx;height: 30px;margin-top: -15rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_address.png) no-repeat;background-size: 30rpx;}
|
|
/* 门票详情 联系我们 */
|
|
.content{position: relative;margin: 20rpx 0 0 0;padding-top: 20rpx;padding-bottom: 20rpx;background: #fff;}
|
|
.content::before{content: "";position: absolute;top: 50%;left: 30rpx;width: 35rpx;height: 35px;margin-top: -17rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_content.png) no-repeat;background-size: 100%;}
|
|
.content::after{content: "";position: absolute;top: 50%;right: 30rpx;width: 40rpx;height: 40rpx;margin-top: -20rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon-after.png) no-repeat;background-size: 100%;}
|
|
.content .contentTit{position: relative;padding: 0 0 0 50rpx;font-size: 32rpx;}
|
|
.content .contentTel{padding: 0 30rpx;color: #f60;font-size: 32rpx;}
|
|
.content .codeIcon{content: "";position: absolute;top: 50%;right: 70rpx;width: 50rpx;height: 50rpx;margin-top: -25rpx;background: url(http://www.aitto.net/phone/public/images/2018spot/ui-code-img1.png) no-repeat right center;background-size: 100%;}
|
|
/* 门票详情 服务保障 */
|
|
.guarantee{position: relative;margin: 20rpx 0 0 0;padding-top: 20rpx;padding-bottom: 20rpx;background: #fff;}
|
|
.guarantee::before{content: "";position: absolute;top: 50%;left: 30rpx;width: 35rpx;height: 35rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_guarantee.png) no-repeat;background-size: 100%;transform: translateY(-50%);}
|
|
.guarantee .guaranteeTit{position: relative;padding: 0 0 0 50rpx;font-size: 32rpx;}
|
|
.guarantee .guaranteeDes{display: inline-block;}
|
|
.guarantee .guaranteeDes text{position: relative;margin-left: 20rpx;padding: 0 0 0 25rpx;color: #0081e8;font-size: 24rpx;}
|
|
.guarantee .guaranteeDes text::before{content: "";position: absolute;top: 50%;left: 0rpx;width: 20rpx;height: 20px;margin-top: -10rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_taps.png) no-repeat;background-size: 20rpx;}
|
|
/* 门票详情 门票列表 */
|
|
.ticketList .list-item{position: relative;margin: 0 0 30rpx 0;padding: 0 0 30rpx 0;border-bottom: 1px solid #ededed;}
|
|
.ticketList .list-item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
|
|
.ticketList .item-left .name{padding-right: 220rpx;font-size: 28rpx;}
|
|
.ticketList .item-left .tags{padding: 0;line-height: 50rpx;}
|
|
.ticketList .item-left .tags text{margin-right: 10rpx;padding: 0 10rpx;border: 1px solid #ededed;border-radius: 5rpx;background: #f6f6f6;color: #666;font-size: 24rpx;}
|
|
.ticketList .item-left .info text{margin-right: 20rpx;color: #666;font-size: 24rpx;}
|
|
.ticketList .item-left .info text:first-child{padding-right: 20rpx;border-right: 1rpx solid #ededed;}
|
|
.ticketList .item-left .gain{height: 30rpx;margin-top: 10rpx;padding: 5rpx 10rpx;color: #f60;font-size: 24rpx;line-height: 30rpx;background: #fff4f4;border-radius: 10rpx;}
|
|
.ticketList .item-left .gain text{margin-right: 10rpx;}
|
|
.ticketList .item-left .gain::before{content: "佣";display: inline-block;width: 25rpx;height: 25rpx;margin-right: 10rpx;border-radius: 5rpx;background: #f60;color: #fff;font-size: 24rpx;text-align: center;line-height: 25rpx;}
|
|
.ticketList .item-right{position: absolute;top: 0;right: 0;text-align: right;}
|
|
.ticketList .item-right .price .sym{color: #f60;font-size: 24rpx;}
|
|
.ticketList .item-right .price .cur{margin: 0 1rpx;color: #f60;font-size: 35rpx;}
|
|
.ticketList .item-right .price .txt{color: #666;font-size: 22rpx;}
|
|
.ticketList .item-right .price .old{padding-left: 10rpx;color: #666;font-size: 22rpx;text-decoration: line-through;}
|
|
.ticketList .item-right .payBtn{display: inline-block;margin: 10rpx 0 0 0;padding: 15rpx 20rpx;border-radius: 60rpx;background: #f60;color: #fff;font-size: 24rpx;text-align: center;}
|
|
.ticketList .item-right .payBtn{background: -webkit-linear-gradient(left, #f90, #f60);background: -o-linear-gradient(right, #f60, #f90);background: -moz-linear-gradient(right, #f60, #f90);background: linear-gradient(to right, #f90, #f60);}
|
|
/* 门票详情 用户评论 */
|
|
.comment .layer-tit .label{display: inline-block;float: right;margin-top: 10rpx;margin-right: 30rpx;color: #666;font-size: 28rpx;font-weight: normal;}
|
|
.comment .userStar{display: inline-block;}
|
|
.comment .userStar .star{display: inline-block;width: 20rpx;height: 20rpx;background-image: url(https://www.aitto.net/phone/public/images/2019spot/old_star.png);background-size: 100%;}
|
|
.comment .userStar .onStar{background-image: url(https://www.aitto.net/phone/public/images/2019spot/new_star.png);background-size: 100%;}
|
|
.comment .comment-scores{margin: 0 0 30rpx 0;padding: 2px 10rpx;text-align: center;border-radius: 40rpx;background-color: #f6fbff;}
|
|
.comment .comment-scores .name{display: inline-block;font-size: 28rpx;}
|
|
.comment .comment-scores .list-item{display: inline-block;}
|
|
.comment .comment-list .list-item{margin-bottom: 30rpx;padding-bottom: 30rpx;border-bottom: 1px solid #ededed;}
|
|
.comment .comment-list .list-item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
|
|
.comment .comment-list .item-top{position: relative;}
|
|
.comment .comment-list .item-top .userImg{position: absolute;top: -10rpx;overflow: hidden;width: 80rpx;height: 80rpx;margin-right: 0.5rem;border-radius: 80rpx;border: 1px solid #ededed;}
|
|
.comment .comment-list .item-top .userImg image{width: 80rpx;height: 80rpx;}
|
|
.comment .comment-list .item-top .userName{margin-top: 5rpx;padding: 0 0 0 100rpx;color: #666;font-size: 28rpx;line-height: 24rpx;}
|
|
.comment .comment-list .item-top .userName .name{margin-right: 10rpx;}
|
|
.comment .comment-list .item-top .userDate{margin-top: 5rpx;padding: 0 0 0 100rpx;color: #666;font-size: 24rpx;}
|
|
.comment .comment-list .item-pic{overflow: hidden;margin: 20rpx 0;}
|
|
.comment .comment-list .item-pic image{float: left;width: 18.4%;height: 100rpx;margin-right: 2%; margin-top: 10rpx; border-radius: 5rpx;}
|
|
.comment .comment-list .item-con{margin: 20rpx 0 0 0;font-size: 28rpx;}
|
|
.comment navigator.commentBtn{margin: 30rpx 20rpx 0 20rpx;padding: 15rpx 0;border: 1px solid #ededed;border-radius: 50rpx;color: #666;font-size: 24rpx;text-align: center;}
|
|
/* 门票详情 联系我们 弹框 */
|
|
.J-contact{position: fixed;z-index: 1000;top: 50%;left: 50%;width: 90%;transform: translate(-50%, -50%);}
|
|
.J-contact .contact-box{position: relative;padding-bottom: 40rpx;border-radius: 20rpx;background: #fff;}
|
|
.J-contact .closeBtn{top: 20rpx;right: 20rpx;margin-left: -50rpx;width: 50rpx;height: 50rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_close2.png) no-repeat center;background-size: 50rpx; z-index: 999;}
|
|
.J-contact .contact-top{padding:60rpx 0 30rpx 0;border-radius: 20rpx 20rpx 0 0;background: -webkit-linear-gradient(left, #ff7050, #f74d40);background: -o-linear-gradient(right, #ff7050, #f74d40);background: -moz-linear-gradient(right, #ff7050, #f74d40);background: linear-gradient(to right, #ff7050, #f74d40);}
|
|
.J-contact .contact-top .time{color: #fff;text-align: center;font-size: 36rpx;}
|
|
.J-contact .contact-top .exp{margin-top: 10rpx;color: #fff;text-align: center;font-size: 28rpx;}
|
|
.J-contact .contact-code{display: flex;width: 500rpx;margin: 20rpx auto;}
|
|
.J-contact .contact-code button{ position: relative; padding: 0 40rpx 0 120rpx; margin: 40rpx auto; }
|
|
.J-contact .contact-code button:after{ position: absolute; top: 50%; left: 40rpx ;
|
|
margin-top: -30rpx; width: 120rpx;height: 120rpx;border-radius: 120rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_contact.png)center no-repeat;background-size: 100%;}
|
|
.J-contact .contact-tel{display: flex;width: 560rpx;margin: 20rpx auto;}
|
|
.J-contact .contact-tel .tel-box{flex: 1;}
|
|
.J-contact .contact-tel .tel-box .tel{position: relative;margin: 0 10rpx;padding: 10rpx 10rpx 10rpx 90rpx;border-radius: 60rpx;background: #f74d40;}
|
|
.J-contact .contact-tel .tel-box .tel:after{content: "";position: absolute;top: 50%;left: 20rpx;width: 60rpx;height: 60rpx;margin-top: -30rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_tel.png) no-repeat center;background-size: 50rpx;}
|
|
.J-contact .contact-tel .tel-box .tel text{display: block;color: #fff;font-size: 28rpx;}
|
|
.J-contact .contact-tel .tel-box .tel text.samll{color: #fff;font-size: 20rpx;}
|
|
/* 门票详情 服务保障 弹框 */
|
|
.J-sever{position: fixed;z-index: 1000;bottom: 0;width: 100%;height: 100%;background: #fff;}
|
|
.J-sever .closeBtn{top: 20rpx;right: 20rpx;}
|
|
.J-sever .sever-tit{margin: 0 0 10rpx 0;padding: 30rpx 0 20rpx 0;color: #0081e8;font-size: 40rpx;text-align: center;background: url(http://www.aitto.net/phone/public/images/2018spot/ensure_title.png) no-repeat;background-size: cover;}
|
|
.J-sever .sever-tit text{display: block;color: #666;font-size: 28rpx;}
|
|
.J-sever .sever-con{position: relative;overflow-y: scroll;height: 100%;margin: 30rpx 0 0 0;padding: 0 30rpx 0 30rpx;font-size: 28rpx; }
|
|
.J-sever .sever-con .title{position: relative;margin: 0 0 20rpx 0;padding-left: 40rpx;color: #0081e8;}
|
|
.J-sever .sever-con .title::before{content: "";position: absolute;top: 50%;left: 0;width: 30rpx;height: 30rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon-pinxuan.png) 50% no-repeat;background-size: 30rpx;transform: translateY(-50%);}
|
|
.J-sever .sever-con .conP{margin: 0 0 30rpx 0;padding: 0 0 0 30rpx;line-height: 40rpx;}
|
|
.J-sever .sever-btn{position: absolute;bottom: 0;display: inline-block;width: 100%;padding: 30rpx 0 30rpx 0;background: #fff;}
|
|
.J-sever .sever-btn .readBtn{width: 80%;border-radius: 60rpx;background: #f60;color: #fff;font-size: 28rpx;text-align: center;}
|
|
/* 门票详情 优惠券 弹框 */
|
|
.J-coupon{position: absolute;z-index: 1000;top: 50%;left: 50%;width: 90%;padding-bottom: 50px;transform: translate(-50%, -50%);border-radius: 10rpx;background: #fff;}
|
|
.J-coupon .closeBtn{top: 20rpx;right: 20rpx;margin-left: -50rpx;width: 50rpx;height: 50rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_close1.png) no-repeat center;background-size: 50rpx; z-index: 999;}
|
|
.J-coupon .coupon-tit{padding: 30rpx 0;color: #fc6165;font-size: 40rpx;text-align: center;}
|
|
.J-coupon .coupon-list .list-item{position: relative;margin: 0 20rpx 30rpx 20rpx;padding: 10rpx 10rpx 10rpx 180rpx;background: #fff3f3;}
|
|
.J-coupon .coupon-list .list-item .price{position: absolute;top: 0;left: 0;display: flex;width: 150rpx;height: 100%;background: #fc6165;justify-content: center;align-items: center;}
|
|
.J-coupon .coupon-list .list-item .price .sym{margin-top: 20rpx;color: #fff;font-size: 32rpx;}
|
|
.J-coupon .coupon-list .list-item .price .cur{margin: 0 1rpx;color: #fff;font-size: 60rpx;}
|
|
.J-coupon .coupon-list .list-item .name{color: #ed6486;font-size: 26rpx;height: 80rpx;}
|
|
.J-coupon .coupon-list .list-item .date{margin-top: 10rpx;color: #999;font-size: 22rpx;}
|
|
.J-coupon .coupon-btn{position: absolute;bottom: 0;left: 0;width: 100%;padding: 20rpx 0 20rpx 0;}
|
|
.J-coupon .coupon-btn .getBtn{width: 80%;border-radius: 50rpx;background: #ff6f6f;color: #fff;font-size: 32rpx;text-align: center;}
|
|
/* 门票详情 购买须知 弹框 */
|
|
.J-notice{position: fixed;z-index: 1000;bottom: 0;width: 100%;height: 80%;}
|
|
.J-notice .closeBtn{top: 20rpx;right: 20rpx;margin-left: -50rpx;width: 50rpx;height: 50rpx;background: url(https://www.aitto.net/phone/public/images/2019spot/icon_close1.png) no-repeat center;background-size: 50rpx; z-index: 999;}
|
|
.J-notice .notice-con{position: relative; overflow-y: scroll;height: 100%;padding: 0 40rpx;background: #fff;border-radius: 30rpx 30rpx 0 0;}
|
|
.J-notice .notice-con .con-box{padding: 20rpx 0 180rpx 0;}
|
|
.J-notice .notice-pay{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;border-top: 1px solid #ededed;background: #fff;}
|
|
.J-notice .notice-pay .pay-box{position: relative;padding: 20rpx 20rpx;}
|
|
.J-notice .notice-pay .price .name{color: #f60;font-size: 24rpx;}
|
|
.J-notice .notice-pay .price .sym{color: #f60;font-size: 24rpx;}
|
|
.J-notice .notice-pay .price .cur{margin: 0 1rpx;color: #f60;font-size: 50rpx;}
|
|
.J-notice .notice-pay .price .txt{color: #f60;font-size: 24rpx;}
|
|
.J-notice .notice-pay .price .old{padding-left: 10rpx;color: #666;font-size: 24rpx;text-decoration: line-through;}
|
|
.J-notice .notice-pay .payBtn{position: absolute;right: 30rpx;top: 20rpx;display: inline-block;padding: 20rpx 60rpx;border-radius: 60rpx;background: #f60;color: #fff;font-size: 28rpx;text-align: center;}
|
|
.J-notice .notice-pay .payBtn{background: -webkit-linear-gradient(left, #f90, #f60);background: -o-linear-gradient(right, #f60, #f90);background: -moz-linear-gradient(right, #f60, #f90);background: linear-gradient(to right, #f90, #f60);}
|
|
|