/*活动-在线报名*/
.content-title{height: 54px;}
.list-text-content .ui-border-b{border-bottom: none}
.list-text-content .ui-list-img{border-radius: 0;height: 75px;}
.list-text-content .ui-list-info h4{line-height: 20px;}
.list-text-content .ui-list-info h4>a{color: #333;font-size: 14px;}
.list-text-content .ui-list-info .desc{color: #666;font-size: 12px;margin-top: 6px;}
.list-text-content .ui-list-info .desc em{color: #bbb;margin: 0 4px;}
.list-text-content .ui-list-info .price{margin-top: 4px;}
.list-text-content .ui-list-info .price>span{display: inline-block;margin-bottom: 8px;}
.list-text-content .ui-list-info .price .origin-price{color: #999999;font-size: 12px;margin-right: 3px;text-decoration: line-through;}
.list-text-content .ui-list-info .price .present-price{margin-right: 3px;color: #FF6602;font-size: 12px;}
.list-text-content .ui-list-info .price .quan{border-radius: 2px;border: 1px solid #ff6602;font-size: 12px;color: #ff6602;padding: 0 1px;margin-right: 3px;}
.list-text-content .ui-list-info .price .btn-operation{background: #FF6602;border-radius: 12px;color: #fff;font-size: 12px;font-weight: bold;padding: 2px 8px;float: right;border: 1px solid #FF6602;}
.list-text-content .ui-list-info .price .btn-reserve{background: #fff;color: #333;border: 1px solid #E5E5E5;}
.list-text-content .ui-list li{border-top: 1px solid #eee;}
.list-text-content .ui-list-img{margin-top: 15px;}
.list-text-content .ui-list-info{padding-top: 11px;}

/*详情页*/
.main-section{padding-bottom: 60px;}
.main-section .cover{width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.main-section .cover::before{content: '';padding-top: 62.4%;float: left;}
.main-section .cover::after{content: '';display: block;clear: both;}
.main-section .card-container{padding: 16px 18px;margin: -45px 10px 0;border-radius: 4px;box-shadow: -4px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 4px 0px rgba(0, 0, 0, 0.04), 4px 0px 4px 0px rgba(0, 0, 0, 0.04), 0px -4px 4px 0px rgba(0, 0, 0, 0.04);background: #fff;position: relative;z-index: 21;}
.main-section .card-container h1{font-size: 18px;color: #333;line-height: 26px;font-weight: 400;}
.main-section .card-container h2{font-size: 14px;color: #666;font-weight: 400;margin-top: 6px;}
.main-section .divide{width: 100%;height: 1px;background: #EEEEEE;margin: 20px 0;}
.main-section .desc-item{display: flex;align-items: flex-start;margin-bottom: 20px;}
.main-section .desc-item>img{height: 14px;margin-right: 10px;margin-top: 4px;}
.main-section .desc-item>span{font-size: 14px;color: #333;line-height: 22px;}
.main-section .desc-item>a.btn-phone{display: inline-block;width: 63px;height: 22px;border: 1px solid #00CC66;border-radius: 12px;color: #00cc66;font-size: 12px;text-align: center;line-height: 22px;margin-left: 10px;}
.main-section .user-info{display: inline-flex;align-items: center;margin-bottom: 20px;}
.main-section .user-info .avatar{width: 18px;height: 18px;border-radius: 50%;margin-right: 5px;}
.main-section .user-info span{font-size: 12px;color: #333;margin-right: 2px;}
.main-section .user-info .icon{width: 12px;margin-right: 4px;}
.main-section .user-info em{font-size: 12px;color: #666666;}
.main-section .intro-container{padding: 20px 15px;background: #fff;}
.main-section .intro-container .tit{font-size: 16px;color: #333;font-weight: bold;text-align: center;margin-bottom: 18px;}
.main-section .intro-container .content img{width: 100%;height: auto;}
.main-section .jihuoma{height: 60px;line-height: 60px;color: #999;font-size: 14px;text-decoration: underline;display: block;text-align: center;}
.operation-container{position: fixed;z-index: 22;;max-width: 720px;background: #fff;left: 50%;transform: translateX(-50%);width: 100%;height: 60px;bottom: 0;display: flex;align-items: center;justify-content: space-between;padding:0 15px;box-sizing: border-box;overflow: hidden;}
.operation-container-pop{position: relative !important;}
.operation-container>span{font-size: 14px;color: #333;margin-right: 18px;}
.operation-container>span>em{color: #FF6602;}
.operation-container>span>i{color: #C01820;font-weight: bold;}
.operation-container .input-box{align-items: center;justify-content: space-between;padding: 0!important;}
.operation-container .input-box input{height:36px;line-height: 34px;background: #eee;border: 1px solid #e5e5e5;color:#999;font-size: 14px;padding:0 15px;border-radius: 18px;}
.operation-container .input-box .btn{display:block;width:64px;height:36px;line-height:36px;text-align:center;border-radius: 18px;font-size: 14px;margin-left: 10px;font-weight: bold;background: #FF6702;color: #fff;}
.operation-container>a.link{margin-right: 18px;color: #666;font-size: 14px;text-decoration: underline;}
.operation-container>a.btn{border-radius: 18px;color: #fff;font-weight: bold;font-size: 16px;text-align: center;display: inline-block;height: 35px;flex:1;line-height: 35px;}
.operation-container>a.btn-active{background: #FF6602;}
.operation-container>a.btn-green{background: #00CC66;}
.operation-container>a.btn-default{background: #BBBBBB;}
.operation-container>a.btn-red{background: #C01820;}
.main-section .price-container{border-top: 1px solid #eee;padding: 16px 0 0;display: flex;align-items: center;overflow: hidden;justify-content: space-between;}
.main-section .price-container .present{color: #FF6602;font-size: 18px;font-weight: bold;}
.main-section .price-container .origin{color: #999999;font-size: 14px;text-decoration: line-through;margin-left: 7px;font-weight: 400;}
.main-section .price-container .status{color: #666666;font-size: 14px;}
.main-section .price-container .status>.tit{color: #666666;font-size: 12px;text-align: right;}
/*优惠券部分*/
.goods_coupon{padding:20px 0;font-size: 14px;border-top: 1px solid #eee;}
.goods_coupon .title,.goods_coupon ul,.goods_coupon ul li{float:left;}
.goods_coupon .title{color:#333;font-weight: bold;line-height: 28px;}
.goods_coupon .coupon_item{color:#FF6702;background: #FFF5EE;border-radius: 2px;margin-left: 16px;cursor: default;}
.goods_coupon .coupon_item .coupon_value{background-color: #fff;float:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height:28px;line-height:28px;font-weight: bold;width:58px;text-align:center;font-size: 16px;border:dashed #FF6702;border-width: 1px 0 1px 1px;border-radius:2px 0 0 2px;}
.goods_coupon .coupon_item .coupon_other{float:left;border:1px solid #FF6702;font-size: 14px;width:40px;height:28px;line-height:28px;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius:0 2px 2px 0;}
.goods_coupon .coupon_item.active{color:#fff;background: #FF6702;}
.goods_coupon .coupon_item.active .coupon_value{color:#fff;background: #FF6702;}
.goods_coupon .coupon_item.active .coupon_other{border-left:1px dotted #fff;}
.goods_coupon .ui-icon{color: #bbb;line-height: 28px;width: 20px;}
/*兑换激活码弹框*/
.coupon-container{ position: fixed;top: 0px;left: auto;width: 100%;height: 100%;z-index: 9999;background: rgba(0, 0, 0, 0.4);max-width: 720px;display: none;}
.coupon-container .coupon-box{position: absolute;bottom:0;width: 100%;max-height: calc(100% - 60px);overflow-y: auto;}
/* .coupon-container .coupon-box h2.headline i{background: #FF6702;height:18px;} */
.coupon-container .coupon-box .ui-dialog-close:before{top:11px;right:10px;}
.coupon-container .input-box{padding:25px 15px 30px;}
.coupon-container .input-box input{height:35px;line-height: 35px;background: #eee;border: 1px solid #e5e5e5;color:#333;font-size: 14px;padding:0 10px;}
.coupon-container .input-box button{width:64px;height:36px;line-height:35px;text-align:center;background:#FF6702;color:#fff;font-size: 14px;margin-left: 9px;}
.coupon-container .user-box{text-align: center;padding:25px 15px 0;border-top: 5px solid #f2f2f2;}
.coupon-container .user-box .username{font-size: 14px;color: #666;}
.coupon-container .user-box .username span{color: #333333;font-weight: bold;}
.coupon-container .user-box .username img{width: 28px;height: 28px;border: 1px solid #EEEEEE;border-radius: 50%;-o-object-fit: cover;object-fit: cover;vertical-align: middle;margin-right: 6px;margin-top: -2px;margin-left: 6px;}
.coupon-container .user-box .no-login{font-size: 14px;color: #999999;margin-top: 20px;}
.coupon-container .user-box .no-login a{color: #FF6702;font-weight: bold;padding-left: 13px;}
.coupon-container .user-box .no-login img{vertical-align: middle;margin-left: 4px;margin-top: -2px;}
.coupon-container .coupon-main{background: #eee;padding-top: 12px;}
.coupon-container .coupon-list{background: #eee;}
.coupon-list{padding:12px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.coupon-list li{background: #fff;padding-left: 0;height:88px;margin-bottom: 12px;-webkit-box-shadow: 0 0 14px 4px rgba(0,0,0,0.1);box-shadow: 0 0 14px 4px rgba(0,0,0,0.1);}
.coupon-list li .coupon-value{width:89px;height:100%;padding-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;text-align:center;background-image: -webkit-radial-gradient(transparent 0, transparent 4px, #FF6702 4px);background-image: -o-radial-gradient(transparent 0, transparent 4px, #FF6702 4px);background-image: radial-gradient(transparent 0, transparent 4px, #FF6702 4px);background-size: 14px 4px;background-position:15px 10px;position: relative;z-index: 0;}
.coupon-list li .coupon-value:before{content: ' ';display: block;background-color: #FF6702;position: absolute;top: 0;bottom: 0;left: 4px;right: 6px;z-index: -1;}
.coupon-list li .coupon-value .value{font-size: 20px;font-weight: bold;margin-bottom: 7px;}
.coupon-list li .ui-list-info .title{font-weight: bold;color: #333;line-height:22px;height:44px;}
.coupon-list li .ui-list-info .time{color: #666;margin-top: 6px;}
.coupon-container .small-title{color: #999;font-size: 12px;text-align: center;padding:8px 0 3px 0;}
.coupon-list li .ui-list-info .sign{color:#999;line-height: 28px;}
.coupon-container .coupon-main .sign span{display:inline-block;padding: 0 3px;height:20px;line-height:20px;background:#CFA972;border-radius:2px;color:#fff;text-align: center;}
.coupon-container .coupon-main .coupon-list li{margin-bottom: 10px;cursor: default;}
.coupon-container .coupon-main .coupon-list li:last-child{margin-bottom: 0;}
.coupon-container .coupon-main .receive span{width:55px;text-align:center;padding:0;border: 1px solid #CFA972;background: #fff;color: #CFA972;}
.fz12{font-size: 12px;}

/*倒计时*/
.countdown .tip{color: #666;font-size: 12px;line-height: 15px;font-weight: normal;margin-top: 2px;}
.countdown .tip span{display: inline-block;vertical-align: top;width:20px;height:15px;line-height: 16px;background: #333;color: #fff;font-weight:400;text-align:center;border-radius: 1px;margin:0 0 0 2px;}

.pm1{padding-bottom: 1px;}
.coupon-main .project-list li{cursor: pointer;box-sizing: border-box;min-height: 70px;display: flex;align-items: center;justify-content: space-between;padding: 10px 12px;background: #fff;margin: 0 15px 12px;border: 1px solid #E5E5E5;border-radius: 4px;}
.coupon-main .project-list li.active{border: 1px solid #FF6602;}
.coupon-main .project-list li>p{width: 70%;color: #333;font-size: 14px;font-weight: bold;}
.coupon-main .project-list li>div{flex: 1;}
.coupon-main .project-list li>div>p.present{font-size: 18px;color: #FF6602;font-weight: bold;text-align: right;}
.coupon-main .project-list li>div>p em{font-size: 12px;color: #ff6602;border-radius: 2px;border: 1px solid #ff6602;line-height: 12px;padding: 1px 2px;margin-right: 8px;}
.coupon-main .project-list li>div>p em.jihuo-tag{color: #00CC66;border: 1px solid #00CC66;}
.coupon-main .project-list li>div>p{display: flex;align-items: center;justify-content: flex-end;}
.coupon-main .project-list li>div>p.origin{color: #999;font-size: 14px;text-decoration: line-through;text-align: right;}

.coupon-container .small-title{color: #999;font-size: 12px;text-align: center;padding:8px 0 10px 0;}
.coupon-main .quan-list li{position: relative;box-sizing: border-box;min-height: 88px;display: flex;align-items: center;justify-content: space-between;padding: 10px 12px;background: #fff;margin: 0 15px 12px;border: 1px solid #E5E5E5;border-radius: 4px;}
.coupon-main .quan-list li .tit{line-height: 20px;font-size: 14px;color: #333;font-weight: bold;}
.coupon-main .quan-list li .desc{margin-top: 10px;font-size: 12px;color: #666;font-weight: 400;}
.coupon-main .quan-list li>div:first-child{width: 70%;}
.coupon-main .quan-list li>div:nth-child(2){cursor: pointer;;position: absolute;right: 0;width: 30%;top: 0;bottom: 0;background-color: #00CC66;border-radius: 0px 4px 4px 0px;}
.coupon-main .quan-list li>div:nth-child(2)>span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;font-size: 14px;font-weight: bold;width: 100%;text-align: center;}
.ui-dialog-close{cursor: pointer;}

.coupon-main .form-list li{margin: 0 15px 18px;}
.coupon-main .form-list li p{font-size: 14px;color: #333;}
.coupon-main .form-list li p em{color: #C01820;}
.coupon-main .form-list li input{color: #666;width: 100%;height: 44px;border-radius: 4px;border: 1px solid #e5e5e5;background: #fff;padding: 14px;box-sizing: border-box;font-size: 14px;}
.coupon-main .form-list li .cont{display: flex;align-items: center;flex-wrap: nowrap;margin-bottom: 9px;justify-content: space-between;}
.coupon-main .form-list li select{background: #fff;border: none;outline: none;display: inline-block;width: calc(33.33% - 4px);border-radius: 4px;border: 1px solid #e5e5e5;height: 44px;line-height: 44px;font-size: 14px;color: #666;padding: 0 0 0 22px;box-sizing: border-box;}