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