.cap-shop-banner{background-color:#fff;font-size:12px;position:relative}.cap-shop-banner__cover{background-position:50%;background-repeat:no-repeat;background-size:cover;height:185px;position:relative}.cap-shop-banner__cover-mask{background-color:rgba(0,0,0,.3);bottom:0;left:0;position:absolute;right:0;top:0}.cap-shop-banner__inner{position:absolute;top:110px;width:100%}.cap-shop-banner__content{overflow:hidden;padding-left:16px;position:relative}.cap-shop-banner__logo{float:left;height:58px;overflow:hidden;vertical-align:bottom;width:58px}.cap-shop-banner__logo.has-logo-background{background-color:#fff;border:1px solid #fff}.cap-shop-banner__logo img{border:none;height:auto;max-width:100%;vertical-align:middle}.cap-shop-banner__right-content{margin-left:70px}.cap-shop-banner__right-content h3{color:#fff;display:-webkit-box;font-size:18px;font-weight:700;line-height:22px;margin-top:10px;max-width:220px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 15px rgba(0,0,0,.5);-webkit-line-clamp:1;-webkit-box-orient:vertical}.cap-shop-banner__sum-content{line-height:12px;margin-top:15px}.cap-shop-banner__sum-content>a{color:#999}.cap-shop-banner__sum-content>a:first-child>span{padding-left:0}.cap-shop-banner__sum-content>a:first-child>span:after{color:#e5e5e5;content:"|";font-size:10px;height:12px;position:absolute;right:0;top:0;width:2px}.cap-shop-banner__sum-content-total{display:inline-block;padding:0 10px;position:relative;vertical-align:middle}.cap-shop-banner--type-0 .cap-shop-banner__right-content-title--middle{margin-top:20px}.cap-shop-banner--type-0 .cap-shop-banner__reduce-content{color:#fff;cursor:pointer;display:-webkit-box;margin:8px 15px 0 0;overflow:hidden;padding-right:10px;position:relative;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}.cap-shop-banner--type-0 .cap-shop-banner__reduce-content:after{color:#fff;content:">";font-size:14px;position:absolute;right:0;top:0}.cap-shop-banner--type-0 .cap-shop-banner__reduce-content-tag{background-color:#f44;border-radius:1px;display:inline-block;font-size:12px;height:14px;line-height:14px;padding:0 3px;vertical-align:middle}.cap-shop-banner--type-0 .cap-shop-banner__reduce-content-text{font-size:12px;margin-left:3px;vertical-align:middle}.cap-shop-banner--type-0 .cap-shop-banner__popup-content{padding:20px}.cap-shop-banner--type-0 .cap-shop-banner__popup-title{font-size:14px;font-weight:700;margin-bottom:10px}.cap-shop-banner--type-0 .cap-shop-banner__popup-detail{color:#999}.cap-shop-banner--type-0 .cap-shop-banner__popup-button{border-radius:0;width:100%}.cap-shop-banner--type-1{height:238px}.cap-shop-banner--type-1 .cap-shop-banner__cover-mask{background-color:initial;background-image:-webkit-linear-gradient(bottom,#000,transparent);background-image:linear-gradient(0deg,#000,transparent)}.cap-shop-banner--type-1 .cap-shop-banner__inner{top:150px}.cap-shop-banner--type-1 .cap-shop-banner__logo{border-radius:50%;height:70px;width:70px}.cap-shop-banner--type-1 .cap-shop-banner__logo>img{border-radius:50%}.cap-shop-banner--type-1 .cap-shop-banner__right-content{margin-left:82px}.cap-shop-banner--type-1 .cap-shop-banner__sum-content-total:after{border-left:none;padding-left:0}.cap-shop-banner--type-2 .cap-shop-banner__cover-mask{background-color:initial;background-image:-webkit-linear-gradient(bottom,#000,transparent);background-image:linear-gradient(0deg,#000,transparent)}.cap-shop-banner--type-2 .cap-shop-banner__sum-content>a{color:#fff}.cap-shop-banner--type-2 .cap-shop-banner__sum-content-total:after{border-left:none;padding-left:0}.cap-shop-banner--type-3{height:258px}.cap-shop-banner--type-3 .cap-shop-banner__cover-mask{background-color:initial;background-image:-webkit-linear-gradient(bottom,#000,transparent);background-image:linear-gradient(0deg,#000,transparent)}.cap-shop-banner--type-3 .cap-shop-banner__cover{height:150px}.cap-shop-banner--type-3 .cap-shop-banner__content{padding-left:0;text-align:center}.cap-shop-banner--type-3 .cap-shop-banner__logo{border-radius:50%;display:inline-block;float:none;height:70px;width:70px}.cap-shop-banner--type-3 .cap-shop-banner__right-content{margin-left:0}.cap-shop-banner--type-3 .cap-shop-banner__right-content>h3{color:#333;display:inline-block;margin-top:20px;max-width:100%;text-shadow:none}.cap-shop-banner--type-3 .cap-shop-banner__sum-content{margin-top:10px}.cap-shop-banner--type-4{height:250px}.cap-shop-banner--type-4 .cap-shop-banner__inner{top:50px}.cap-shop-banner--type-4 .cap-shop-banner__content{padding-left:0;text-align:center}.cap-shop-banner--type-4 .cap-shop-banner__cover{height:100%}.cap-shop-banner--type-4 .cap-shop-banner__logo{border-radius:50%;display:inline-block;float:none;height:70px;width:70px}.cap-shop-banner--type-4 .cap-shop-banner__right-content{margin-left:0}.cap-shop-banner--type-4 .cap-shop-banner__right-content>h3{border-bottom:1px solid hsla(0,0%,100%,.5);color:#fff;display:inline-block;margin-top:20px;max-width:100%;padding-bottom:10px;text-shadow:none}.cap-shop-banner--type-4 .cap-shop-banner__sum-content{margin-top:5px}.cap-shop-banner--type-4 .cap-shop-banner__sum-content>a{color:#fff}