.quan{width:522px;height:153px;position:relative;color:#fff;margin-bottom:20px}.quan>img{width:522px;height:153px}p{margin:0;padding:0}.quan span{display:block}.quan .left{width:150px;position:absolute;text-align:center;left:20px;top:40px}.quan .center{position:absolute;left:193px;top:33px;width:180px}.quan .right{position:absolute;right:33px;top:54px;color:#ec5252;text-align:center;width:50px;line-height:24px}.font-20{font-size:20px}.font-30{font-size:30px}.font-14{font-size:14px}.font-18{font-size:18px}.font-12{font-size:12px}.font-weight{font-weight:bold}.mb-10{margin-bottom:10px}.wait{cursor:pointer}.mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,0.4);z-index:999}.quan2{width:280px;border:none}.quan2 .top{width:280px;height:138px;background:#b6b6b6;display:flex;justify-content:space-between;align-items:center;color:#fff;position:relative}.quan2 .top .t-l{display:flex;flex-direction:column;justify-content:center;margin-left:20px}.quan2 .top .t-r{display:flex;justify-content:center;align-items:center;margin-right:20px}.quan2 .bottom{width:240px;height:71px;color:#666666;font-size:12px;padding:20px;line-height:20px;position:relative}.quan-btn{width:88px;height:32px;background:#fff;border-radius:16px;display:flex;justify-content:center;align-items:center;color:#666666;font-weight:400;font-size:14px}.quan2 .use-bg{background:linear-gradient(-57.53deg, #ec5352 0%, #f78265 100%)}.use-btn{color:#333333;cursor:pointer}.cro_left_top,.cro_right_top,.cro_left_bottom,.cro_right_bottom{position:absolute;width:10px;height:10px;border:1px solid #fff;z-index:1;background:#fff}.cro_left_top{top:-1px;left:-1px;border-radius:0px 0px 20px 0px;border-bottom:1px solid #eee;border-right:1px solid #eee}.cro_right_top{top:-1px;right:-1px;border-radius:0px 0px 0px 20px;border-bottom:1px solid #eee;border-left:1px solid #eee}.cro_left_bottom{left:-1px;bottom:-1px;border-radius:0px 20px 0px 0px;border-top:1px solid #fff;border-right:1px solid #fff}.cro_right_bottom{right:-1px;bottom:-1px;border-radius:20px 0px 0px 0px;border-top:1px solid #fff;border-left:1px solid #fff}.quan_get{display:block;width:150px;height:22px;line-height:22px;background:url("https://static2.51cto.com/edu/center/images/quan/border.png") no-repeat;background-size:150px 22px;font-size:14px;color:#ec5252;text-align:center;position:relative;overflow:visible;margin-top:8px}.quan-box{position:absolute;width:525px;background:#fff;border-radius:10px;padding:0 30px;left:-200px;top:35px;z-index:999;display:none;box-shadow:0 4px 4px rgba(10,16,20,0.24),0 0 4px rgba(10,16,20,0.12);max-height:500px;overflow-y:auto}.quan-box .title{color:#ec5252;font-size:20px;font-weight:bold;margin:20px auto;text-align:center}.p-hidden-2{text-overflow:-o-ellipsis-lastline;-ms-text-overflow:ellipsis-lastline;text-overflow:ellipsis;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:40px}.quan_new{width:114px;height:27px;line-height:27px;text-align:center;background:url("https://static2.51cto.com/edu/center/images/quan/new_quan.png") no-repeat;color:#fff;margin:0 auto;margin-top:8px}.voucher-box{position:relative;width:324px;margin:0 auto}.voucher-box.voucher-box-checked .voucher-item .voucher-arrow-box .voucher-arrow{display:none}.voucher-box.voucher-box-checked .voucher-item:first-child .voucher-arrow-box .voucher-arrow{display:inline-block}.voucher-box.voucher-box-nocheck .voucher-item:first-child{display:flex}.voucher-box.voucher-box-nocheck .voucher-item:first-child .voucher-arrow-box .voucher-arrow{display:inline-block}.voucher-box.voucher-box-close .voucher-item{display:none}.voucher-box.voucher-box-close .voucher-item .voucher-arrow{display:inline-block;transform:rotate(-90deg)}.voucher-box.voucher-box-close .voucher-item.voucher-item-checked{display:flex}.voucher-box.voucher-box-close .voucher-item.voucher-item-checked .voucher-arrow-box{display:flex}.voucher-box.voucher-box-close .voucher-item.voucher-item-checked .voucher-arrow-box .voucher-arrow{display:inline-block;transform:rotate(-90deg)}.voucher-box .voucher-item{width:100%;position:relative;height:36px;background:#fffbeb;display:flex;cursor:default;justify-content:space-between}.voucher-box .voucher-item.voucher-item-disable{background:#E6E6E6;border-top:1px solid #fff}.voucher-box .voucher-item.voucher-item-disable .voucher-check{background:url(https://s2.51cto.com/edu/train/activity/voucher/check-disable.png) center center no-repeat !important;background-size:cover !important}.voucher-box .voucher-item:first-child .voucher-arrow-box{display:flex}.voucher-box .voucher-item:first-child .voucher-arrow-box .voucher-arrow{display:inline-block}.voucher-box .voucher-item.voucher-item-checked{display:flex;background:#fff1c0}.voucher-box .voucher-item.voucher-item-checked .voucher-check-box .voucher-check{background:url(https://s2.51cto.com/edu/train/activity/voucher/checked.png) center center no-repeat;background-size:cover}.voucher-box .voucher-item .voucher-check-box{display:flex;cursor:pointer;align-items:center}.voucher-box .voucher-item .voucher-check-box .voucher-check{display:inline-block;width:12px;height:12px;margin:0 11px 0 10px;background:url(https://s2.51cto.com/edu/train/activity/voucher/check.png) center center no-repeat;background-size:cover}.voucher-box .voucher-item .voucher-check-box .voucher-price{display:inline-block;width:auto;height:24px;font-weight:400;font-size:24px;color:#ed5252;line-height:1}.voucher-box .voucher-item .voucher-check-box .voucher-price-type{width:24px;height:14px;font-weight:400;font-size:12px;line-height:1;color:#ed5252;padding-top:8px;padding-left:5px}.voucher-box .voucher-item .voucher-title{width:184px;height:36px;font-weight:400;font-size:12px;color:#666666;line-height:36px;overflow:hidden;margin:0 0 0 auto;text-align:right}.voucher-box .voucher-item .voucher-arrow-box{width:30px;align-items:center;cursor:pointer;margin-right:4px;justify-content:center}.voucher-box .voucher-item .voucher-arrow-box .voucher-arrow{display:none;width:10px;height:5px;background:url(https://s2.51cto.com/edu/train/activity/voucher/arrow.png) center center no-repeat;background-size:cover;transition:0.3s all;margin:0 auto}