.shop-mark{position:absolute;top:8px;left:8px;pointer-events:none;font-size:12px;display:flex;grid-gap:4px;flex-direction:column;justify-content:flex-start;align-items:flex-start}.shop-mark .price-discount{color:var(--salong-color-price);padding:0 6px}.shop-mark .price-discount br{margin:0;height:1px}.shop-mark .featured{padding:0 8px}.salong-price{display:flex;grid-gap:2px;flex-direction:row;justify-content:space-between;align-items:flex-end}.salong-price .origin{text-decoration:line-through;color:var(--salong-color-meta)}.salong-price.price,.salong-price .sale{color:var(--salong-color-price);font-weight:bold;font-size:116%}.salong-price .free,.salong-price.free{color:var(--salong-color-main);font-weight:bold;font-size:116%}.salong-price .discount{margin-left:12px}.salong-price i.iconfont{margin-right:4px}.article-list div.thumb{position:relative;overflow:hidden}.article-list .post-grid-main:hover .shop-list-buttons a,.article-list .post-grid-main:hover .shop-list-buttons button,.article-list .post-list-main:hover .shop-list-buttons a,.article-list .post-list-main:hover .shop-list-buttons button{margin-bottom:0;opacity:1;visibility:visible}.shop-post-buttons.shop-details{height:104px;margin-top:20px}.shop-post-buttons.shop-details .shop-post-buttons-float{display:flex;grid-gap:12px;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:30px 0}.shop-post-buttons.shop-details .shop-post-buttons-float.color-border{border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}.shop-post-buttons.shop-details .shop-post-buttons-float .buttons{display:flex;grid-gap:12px;flex-direction:row;justify-content:space-between;align-items:center}.shop-post-buttons.shop-header .shop-post-buttons-float{display:flex;grid-gap:20px;flex-direction:column;justify-content:stretch;align-items:stretch}.shop-post-buttons.shop-header .shop-post-buttons-float .buttons{display:flex;grid-gap:12px;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}.shop-post-buttons-float .buy-count{display:flex;align-items:center;grid-gap:12px}.shop-post-buttons-float .buy-count input{width:80px}.shop-post-buttons-float .buttons a,.shop-post-buttons-float .buttons button{padding:8px 24px;color:#fff;line-height:var(--salong-h4-line-height);font-size:var(--salong-h4-font-size)}.shop-post-buttons-float .buttons .learning-lesson{max-width:200px;overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.shop-post-buttons-float .learning-progress{display:flex;grid-gap:20px;flex-direction:row;justify-content:flex-start;align-items:center}.shop-post-buttons-float .learning-progress a.avatar img{width:48px;height:48px;border-radius:48px}.shop-post-buttons-float .learning-progress dd{font-size:var(--salong-h4-font-size);line-height:var(--salong-h4-line-height)}.shop-post-buttons-float .learning-progress dd i.iconfont{margin-left:2px}.price-time{display:flex;grid-gap:12px;flex-direction:row;justify-content:flex-start;align-items:center;flex-grow:1}.price-time .shop-time>span{display:block}.price-time .shop-time>span.message{line-height:12px;color:var(--salong-color-meta)}.price-time .shop-time>span.countdown{display:flex;grid-gap:4px;flex-direction:row;justify-content:center;align-items:center;font-size:var(--salong-h5-font-size);color:var(--salong-color-text);margin-top:4px}.price-time .shop-time>span.countdown span{text-align:center;width:24px;height:24px;background-color:var(--salong-color-bg)}.price-time .shop-time>span.countdown span.color-border{border-width:1px;border-style:solid}.price-time .shop-time>span.countdown b{font-weight:normal;color:var(--salong-color-meta)}.price-time .salong-loading{height:22px;width:22px}.price-time .salong-price{font-size:var(--salong-h1-font-size);line-height:var(--salong-h1-line-height)}.price-time .salong-price .origin{font-size:var(--salong-h4-font-size)}.shop-side{position:fixed;top:0;right:-340px;bottom:0;width:340px;z-index:200;background-color:var(--salong-body-bg-color)}.shop-side.active{right:0}.shop-side>h3{line-height:77px;text-align:center;height:77px}.shop-side>h3.color-border{border-bottom-width:1px;border-bottom-style:solid}.shop-side .empty{margin:20px;text-align:center;font-size:var(--salong-h4-font-size)}.ajax-cart .cart-content{padding:20px;overflow-y:auto;height:calc(100vh - 130px)}.ajax-cart .cart-content .cart-items{display:flex;grid-gap:12px;flex-direction:column;justify-content:flex-start;align-items:center}.ajax-cart .cart-content .cart-item{width:100%;display:flex;grid-gap:12px;flex-direction:row;justify-content:flex-start;align-items:center}.ajax-cart .cart-content .cart-item:not(:last-child){padding-bottom:12px}.ajax-cart .cart-content .cart-item:not(:last-child).color-border{border-bottom-width:1px;border-bottom-style:solid}.ajax-cart .cart-content .cart-item .thumb img{display:block;width:80px;height:80px}.ajax-cart .cart-content .cart-item .content{flex-grow:1;display:flex;grid-gap:2px;flex-direction:column;justify-content:flex-start;align-items:stretch}.ajax-cart .cart-content .cart-item .content a.title{overflow:hidden;display:block;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ajax-cart .cart-content .cart-item .content .price-button{display:flex;grid-gap:8px;flex-direction:row;justify-content:space-between;align-items:center}.ajax-cart .cart-content .cart-item .content .price-button b{font-weight:normal;line-height:10px;margin:0 2px 2px}.ajax-cart .cart-content .cart-subtotal{text-align:center;margin-top:40px;padding:20px 0;color:var(--salong-color-price);font-size:var(--salong-h4-font-size)}.ajax-cart .cart-content .cart-subtotal.color-border{border-top-width:1px;border-top-style:solid;border-bottom-width:1px;border-bottom-style:solid}.ajax-cart .cart-content .buttons{position:absolute;bottom:20px;right:20px;left:20px;display:grid;grid-gap:12px;grid-template-columns:repeat(2, 1fr);justify-content:space-between;align-items:center}.ajax-cart .cart-content .buttons button{height:40px}.shop-side-bg{position:fixed;content:'';top:0;right:0;left:0;bottom:-1px;z-index:140;opacity:0;visibility:hidden}.shop-side-bg.active{opacity:1;visibility:visible}.coupon-module .coupon-tab{padding:20px}.coupon-module .coupon-header{display:flex;grid-gap:20px;flex-direction:row;justify-content:center;align-items:center;padding-bottom:20px}.coupon-module .coupon-content{display:flex;grid-gap:12px;flex-direction:column;justify-content:stretch;align-items:center;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;padding-bottom:30px}.coupon-module .coupon-item{width:100%}.coupon-module .coupon-item .coupon-main{position:relative;padding:10px 20px;color:#fff;border-radius:var(--salong-module-radius) var(--salong-module-radius) 0 0}.coupon-module .coupon-item .coupon-main::after,.coupon-module .coupon-item .coupon-main::before{position:absolute;content:"";height:20px;border-radius:20px;z-index:1;background-color:var(--salong-body-bg-color);width:20px;top:50%;margin-top:-10px}.coupon-module .coupon-item .coupon-main::after{right:-10px}.coupon-module .coupon-item .coupon-main::before{left:-10px}.coupon-module .coupon-item .coupon-main .coupon-info{display:flex;grid-gap:12px;flex-direction:row;justify-content:space-between;align-items:center}.coupon-module .coupon-item .coupon-main .coupon-info .coupon-left .coupon-amount .amount{font-weight:bold;font-size:var(--salong-h1-font-size);line-height:var(--salong-h1-line-height);margin-right:6px}.coupon-module .coupon-item .coupon-main .coupon-info .coupon-left .coupon-amount .unit{display:inline-block}.coupon-module .coupon-item .coupon-main .coupon-info .coupon-left .amount-limit{font-weight:bold;font-size:var(--salong-h5-font-size)}.coupon-module .coupon-item .coupon-main .coupon-info .coupon-right{text-align:right}.coupon-module .coupon-item .coupon-main .coupon-info .coupon-right span{display:block}.coupon-module .coupon-item .coupon-main .usage-time{margin-top:12px;display:flex;grid-gap:12px;flex-direction:row;justify-content:space-between;align-items:center}.coupon-module .coupon-item .coupon-main .usage-time button{color:#fff;font-size:inherit}.coupon-module .coupon-item .coupon-countdown{border-width:0 1px 1px;border-style:solid;padding:12px 20px;min-height:40px;overflow:hidden;border-radius:0 0 var(--salong-module-radius) var(--salong-module-radius);display:flex;grid-gap:12px;flex-direction:row;justify-content:space-between;align-items:center}.coupon-module .coupon-item .coupon-countdown .shop-time .message{color:var(--salong-color-meta)}.coupon-module .coupon-item .coupon-countdown .shop-time .countdown b,.coupon-module .coupon-item .coupon-countdown .shop-time .countdown span{color:var(--salong-color-main) !important}.coupon-module .coupon-item .coupon-countdown .buttons{display:flex;grid-gap:6px;flex-direction:row;justify-content:flex-end;align-items:center}.coupon-module .coupon-item .coupon-countdown .buttons button{font-size:inherit;border-width:1px;border-style:solid;padding:3px 12px;border-radius:16px}.coupon-details.popup-bg-blur{right:340px}.coupon-details-content{padding:30px;min-width:360px;max-height:calc(100vh - 100px);overflow-y:auto;display:flex;grid-gap:12px;flex-direction:column;justify-content:flex-start;align-items:stretch}.coupon-details-content .list-item{display:flex;grid-gap:2px;flex-direction:row;justify-content:flex-start;align-items:flex-end}.coupon-details-content .list-item span.label{text-align:right;width:160px}.coupon-details-content .list-item span.value{text-align:left;display:flex;grid-gap:6px;flex-direction:row;justify-content:flex-start;align-items:stretch;flex-wrap:wrap}.coupon-details-content .list-item.assign-user span.value img{width:20px;height:20px;border-radius:10px;display:block}@media only screen and (max-width: 480px){.salong-tabs .shop-post-buttons.shop-details{margin-top:12px}.salong-tabs .shop-post-buttons.shop-details.course-learning{height:135px}.salong-tabs .shop-post-buttons.shop-details.course-learning .buttons{width:100%}.salong-tabs .shop-post-buttons.shop-details .shop-post-buttons-float{padding:12px 0}.salong-tabs .shop-post-buttons-float{display:block}.salong-tabs .shop-post-buttons-float .learning-progress{width:100%;justify-content:space-between;grid-gap:8px}.salong-tabs .shop-post-buttons-float .learning-progress dl{background-color:var(--salong-color-bg);border-radius:var(--salong-module-radius);padding:8px 12px;width:100%}.salong-tabs .shop-post-buttons-float .learning-progress a.avatar{display:none}.salong-tabs .shop-post-buttons-float .price-time .salong-price{font-size:var(--salong-h3-font-size);line-height:var(--salong-h3-line-height)}.salong-tabs .shop-post-buttons-float .price-time .salong-price .origin{font-size:var(--salong-h5-font-size)}.salong-tabs .shop-post-buttons-float .buy-count{grid-gap:6px}.salong-tabs .shop-post-buttons-float .buy-count input{width:60px;height:32px}.salong-tabs .shop-post-buttons-float .buttons{grid-gap:6px !important}.salong-tabs .shop-post-buttons-float .buttons a.learning-course,.salong-tabs .shop-post-buttons-float .buttons button{padding:4px 8px;line-height:var(--salong-h5-line-height);font-size:var(--salong-h5-font-size)}.product-tabs .shop-post-buttons-float .price-time .shop-time{display:none}.product-tabs .shop-post-buttons-float .buttons{justify-content:center !important}.shop-post-buttons.shop-header .shop-post-buttons-float{flex-direction:row;grid-gap:8px}.shop-post-buttons.shop-header .shop-post-buttons-float .buy-count{grid-gap:6px}.shop-post-buttons.shop-header .shop-post-buttons-float .buy-count input{width:60px;height:32px}.shop-post-buttons.shop-header .shop-post-buttons-float .buttons{grid-gap:6px !important}.shop-post-buttons.shop-header .shop-post-buttons-float .buttons a.view-cart,.shop-post-buttons.shop-header .shop-post-buttons-float .buttons button{padding:4px 8px;line-height:var(--salong-h5-line-height);font-size:var(--salong-h5-font-size)}.side-buttons.show-cart{right:calc(100% - 112px)}.shop-side{right:calc(-100% + 120px);width:calc(100% - 120px)}.shop-side>h3{line-height:60px;height:60px}.ajax-cart .cart-content{padding:12px}.ajax-cart .cart-content .cart-items{grid-gap:8px}.ajax-cart .cart-content .cart-items .cart-item{padding-bottom:8px}.ajax-cart .cart-content .cart-subtotal{margin-top:12px;padding:12px 0}.coupon-module .coupon-tab{padding:12px}.coupon-module .coupon-header{padding-bottom:12px}.coupon-module .coupon-content{grid-gap:6px}.coupon-module .coupon-item .coupon-main{padding:6px 15px}.coupon-module .coupon-item .coupon-main .coupon-info .coupon-left .coupon-amount .amount{font-size:var(--salong-h3-font-size);line-height:var(--salong-h3-line-height);margin-right:2px}.coupon-module .coupon-item .coupon-main .coupon-info .coupon-left .amount-limit{font-size:12px;font-weight:normal}.coupon-module .coupon-item .coupon-main .usage-time{margin-top:0}.coupon-module .coupon-item .coupon-countdown{padding:6px 15px}.coupon-details.popup-bg-blur{right:0}.coupon-details-content .list-item{align-items:flex-start}.coupon-details-content .list-item span.label{width:88px;min-width:88px;display:block}}