captain-ui/lib/shop-banner-wxd/index.css

有赞vue wap业务组件库

.shop-banner-wxd{position:relative}.shop-banner-wxd__header{background-repeat:no-repeat;background-position:50%;background-size:cover;position:relative}.shop-banner-wxd__container{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.shop-banner-wxd__avatar{border:2px solid #fff}.shop-banner-wxd__avatar img{width:100%;height:100%;background-color:#eee}.shop-banner-wxd__shop-title-wrapper{text-shadow:0 1px 15px rgba(0,0,0,.5)}.shop-banner-wxd__shop-title{font-size:16px;font-weight:700;line-height:1}.shop-banner-wxd__shop-subtitle{margin-top:10px;font-size:14px;font-weight:400;line-height:1.2}.shop-banner-wxd__shop-title--certificate{position:relative}.shop-banner-wxd__shop-title--certificate:after{content:"\8BA4\8BC1";position:absolute;left:100%;top:0;display:inline-block;margin-left:5px;padding:2px 3px;background:#d33d0d;font-size:10px;white-space:nowrap}.tpl-wxd__header{height:100px;margin-bottom:30px}.tpl-wxd .shop-banner-wxd__container{top:auto;bottom:-20px;left:10px;-webkit-transform:none;transform:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;width:80%}.tpl-wxd__avatar{width:68px;height:68px}.tpl-wxd__avatar,.tpl-wxd__avatar img{border-radius:50%}.tpl-wxd__shop-title-wrapper{margin-left:14px;font-size:18px;color:#fff}.tpl-1__header,.tpl-wxxd__header{height:240px}.tpl-1__avatar,.tpl-wxxd__avatar{width:94px;height:94px;border:none;border-radius:50%}.tpl-1__avatar img,.tpl-wxxd__avatar img{border-radius:50%}.tpl-1__shop-title-wrapper,.tpl-wxxd__shop-title-wrapper{width:80%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin-top:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#fff;text-align:center;font-size:14px;font-weight:700;line-height:18px}.tpl-1__header{height:280px}.tpl-1__avatar{width:106px;height:106px}.tpl-1__shop-title-wrapper{margin-top:15px}.tpl-1__shop-title{font-size:16px;font-weight:700;line-height:1}.tpl-1__shop-subtitle{margin-top:10px;font-size:14px;font-weight:400;line-height:1.2}.tpl-2{background:#fff}.tpl-2__header{height:210px}.tpl-2 .shop-banner-wxd__container{position:relative;-webkit-transform:none;transform:none}.tpl-2__avatar{position:absolute;top:0;left:50%;width:70px;height:70px;margin:-37px 0 0 -37px}.tpl-2__shop-title-wrapper{position:static;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:51px 0 20px;text-shadow:none}.tpl-2__shop-title{color:#222}.tpl-2 .shop-banner-wxd__shop-title--certificate:after{color:#fff}.tpl-2__shop-subtitle{margin-top:15px;line-height:1.8;color:#888}.tpl-3__header{height:140px}.tpl-3 .shop-banner-wxd__container{top:auto;bottom:0;left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;padding:10px;-webkit-transform:none;transform:none;width:80%}.tpl-3__avatar{width:60px;height:60px;margin-right:10px}.tpl-3__shop-title-wrapper{-webkit-align-self:flex-end;align-self:flex-end}.tpl-3__shop-title{display:inline-block;font-size:18px;color:#fff}.tpl-3__shop-subtitle{margin-top:10px;padding-bottom:6px;color:#fff}