.page-recommend .wrapDetails,.page-recommend .wrapTit{display:-webkit-box;height:auto;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-recommend .recommend-drawer{display:block;width:100%;height:100vh;position:fixed;top:0;left:0;bottom:0;right:0;overflow-y:auto;z-index:9999999;-webkit-overflow-scrolling:unset}.page-recommend .recommend-drawer--hidden{display:none}.page-recommend .leftopt{float:left;width:15%;height:100vh;overflow:hidden;background-color:rgba(52,52,52,.2)}.page-recommend .rightopt{width:85%;float:left;height:100vh;background-color:#fff;z-index:999999;overflow-x:hidden;overflow-y:auto}.page-recommend .recommend-drawer-panel--active{background:#f9edeb url(/static/redok.png) no-repeat 100% 100%;background-size:25px 20px;color:#e53f37}.page-recommend .recommend-drawer-panel,.page-recommend .recommend-drawer-panel--active{font-size:16px;min-width:23%;padding:0 .2rem;height:.8rem;text-align:center;line-height:.8rem;float:left;margin-bottom:.2rem;margin-left:3%;margin-top:.2rem}.page-recommend .recommend-drawer-panel{background:#f5f5f5;color:#565656}.page-recommend .recommend-content{display:flex;height:calc(100vh - 100px);overflow-y:auto}.page-recommend .recommend-content .recommend-productlist{width:80%;overflow-x:hidden;overflow-y:auto}.page-recommend .recommend-content .ele-box{position:absolute;right:0;bottom:20%;z-index:10}.page-recommend .recommend-content-left{width:20%;text-align:center;color:#111;font-size:.18rem;overflow-x:hidden;overflow-y:auto}.page-recommend .recommend-typeTab{height:1.3rem;line-height:1.3rem}.page-recommend .recommend-typeTab--active{background-color:#fff;height:1.3rem;line-height:1.3rem;border-left:3px solid #e1140a}.page-recommend .recommend-typeTab-title{width:85%;line-height:1;vertical-align:middle;display:inline-block}.page-recommend .productRow-wrap{position:relative;padding:.6rem .3rem .4rem;border-bottom:.02rem solid #eee;background-color:#fff}.page-recommend .productRow-info{display:flex}.page-recommend .addCompareBtn{padding-left:.3rem;padding-right:.2rem;position:absolute;bottom:0;left:0;right:0;font-size:.2rem;color:#666;background:#fff;transform:translateY(50%);z-index:9}.page-recommend .addCompareBtn-icon{width:.24rem;height:.24rem;margin-right:.07rem;vertical-align:middle}.compareProductModal-showbtn{position:absolute;right:0;transition:.3s}.compareProductModal-showbtn--hiden{right:-1rem}.compareProductModal-showbtn-icon{width:.75rem}.compareProductModal{width:7rem;width:92vw}.compareProductModal .am-modal-content .am-modal-body{padding:.3rem .6rem .4rem}.compareProductModal .productItem-wrap{display:flex;min-height:1.5rem;margin:.5rem 0}.compareProductModal .productItem-wrap .productItem-preview{position:relative;width:1.6rem}.compareProductModal .productItem-wrap .productItem-img{width:100%}.compareProductModal .productItem-wrap .productItem-block{height:0;padding:50% 0;line-height:1;background-color:#eee;color:#999}.compareProductModal .productItem-wrap .productItem-info{flex:2;width:100%;line-height:1;padding-left:.4rem}.compareProductModal .productItem-wrap .productItem-name{margin-bottom:.2rem;font-size:.28rem;font-weight:500;color:#343535;line-height:.34rem;text-align:left}.compareProductModal .productItem-wrap .productItem-details{font-size:.24rem;color:#848a91;line-height:.3rem;margin-bottom:.2rem;text-align:left}.compareProductModal .productItem-wrap .productItem-delBtn{float:right;font-size:.24rem}.compareProductModal .productItem-wrap .productItem-delBtn-icon{width:.22rem;height:.22rem;margin-right:.06rem}.compareProductModal .compareProductModal-handlerBar{text-align:center}.compareProductModal .compareProductModal-button{display:inline-block;min-width:2rem;height:.6rem;line-height:.6rem;font-size:.24rem;border-radius:0}.compareProductModal .compareProductModal-button:before{border-radius:0!important}.compareProductModal .compareProductModal-space{display:inline-block;width:.7rem}.layoutContainer .originStyles{transform:translateY(0);-webkit-transform:translateY(0)}.layoutContainer .animateStyles,.layoutContainer .originStyles{transition:all .3s ease 0ms;-webkit-transition:all .3s ease 0ms}.layoutContainer .originInputAnimateStyles{transition:all .3s ease 0ms;transform:scaleX(1);transform-origin:left;-webkit-transition:all .3s ease 0ms;-webkit-transform:scaleX(1);-webkit-transform-origin:left}.layoutContainer .inputAnimateStyles{transition:all .3s ease 0ms;transform:scaleX(.86);transform-origin:left;-webkit-transition:all .3s ease 0ms;-webkit-transform:scaleX(.86);-webkit-transform-origin:left}.layoutContainer .originLoginStyles{transition:all .3s ease 0ms;transform:translateY(0);-webkit-transition:all .3s ease 0ms;-webkit-transform:translateY(0)}.layoutContainer .loginStyles{transition:all .3s ease 0ms;transform:translateY(42px);-webkit-transition:all .3s ease 0ms;-webkit-transform:translateY(42px)}.layoutContainer .placeholderStyles{transition:all .3s ease 0ms;transform:scaleX(1.1);-webkit-transition:all .3s ease 0ms;-webkit-transform:scaleX(1.1)}.layoutContainer{height:100%;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.layoutContainer .navBarContainerSearch{height:1rem;display:flex;align-items:center}.layoutContainer .navBarContainerSearch .am-search{height:.65rem;padding:0 .22rem}.layoutContainer .navBarContainerSearch .am-search-input,.layoutContainer .navBarContainerSearch .am-search-synthetic-ph{height:.65rem;line-height:.65rem}.layoutContainer .navBarContainerSearch .am-search .am-search-synthetic-ph-icon{width:.3rem;height:.3rem;background-size:.3rem auto;vertical-align:middle}.layoutContainer .navBarContainerSearch .am-search .am-search-synthetic-ph-placeholder{font-size:.24rem;color:#888}.layoutContainer .navBarBg{background-color:transparent}.layoutContainer .rightContent{display:flex;margin-left:.2rem}.layoutContainer .rightContentItem{display:inline-block;font-size:.18rem;color:#fff}.layoutContainer .rightContentItem+.rightContentItem{margin-left:.35rem}.layoutContainer .rightContentItemIcon{width:.42rem;height:.42rem}.layoutContainer .rightContentItemText{margin-top:.1rem;text-align:center}.layoutContainer .navBarContainer{background:#000 url(/static/background.jpg);background-size:100% 100%}.pageCon{flex:1}.pageConStyles{margin-top:-.63rem}.layoutContainer #tab-bar.demo{display:flex;flex-direction:column}.layoutContainer #tab-bar .demoName{height:40px}.layoutContainer #tab-bar .demo-preview-item .am-tab-bar{background-color:#fff}.navBarContainerSearch .am-search{background-color:#fff;height:36px;border-radius:.36rem}.navBarContainerSearch .am-search-input{max-width:100%;border-radius:initial}.navBarContainerSearch .am-search-input .am-search-synthetic-ph{text-align:left}