CRMEB/application/routine/view/crmebN/pages/join-pink/index.wxss

.pro-info{padding: 30rpx; background-color: #fff; justify-content: space-between;}
.pro-info image{width: 195rpx; height: 195rpx;}
.pro-info .txt-box{width: 468rpx; flex-direction: column; justify-content: space-between;}
.pro-info .txt-box .title{display: -webkit-box; display:-moz-box; display:box;-webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp: 2;-moz-line-clamp: 2;overflow: hidden;}
.pro-info .txt-box .count{color: #999999; font-size: 24rpx;}
.pro-info .txt-box .price{font-size: 42rpx; color: #ff3d3d; align-items: flex-end;}
.pro-info .txt-box .price text{font-size: 32rpx;}
.pro-info .txt-box .price .old-price{color: #999; font-size: 24rpx; margin:0 0 5rpx 10rpx; text-decoration:line-through;}
.con-wrapper{padding: 0rpx 20rpx 26rpx; margin-top: 28rpx; background-color: #fff;}
.con-wrapper .join-people{padding: 0 24rpx; flex-wrap: wrap;}
.con-wrapper .join-people .item{position: relative; height: 93rpx; width: 93rpx;  border-radius: 50%; margin-right: 50rpx; margin-top: 26rpx;}
.con-wrapper .join-people .item:nth-child(5n){margin-right: 0;}
.con-wrapper .join-people .item image{height: 93rpx; width: 93rpx;  border-radius: 50%; box-sizing: border-box;border: 1px solid #ff3d3d;}
.con-wrapper .join-people .item .txt-title{position: absolute; right: -17rpx; top: -13rpx; background-color: #ff3d3d; color: #fff; width: 72rpx; height: 30rpx; line-height: 30rpx; text-align: center; border-radius: 30px; font-size: 22rpx;}
.con-wrapper .join-people .item.unknown{border: 1px dashed #dcdcdc; border-radius: 50%; text-align: center; line-height: 93rpx;}
.con-wrapper .join-people .item.unknown image{border: 0; border-radius: 0; width: 25rpx; height: 44rpx; vertical-align: middle;}
.tips{align-items: center; justify-content: center; margin-top: 25rpx;}
.tips .number{color: #ff3d3d;}
.tips .out{margin-left: 10rpx; padding-left: 25rpx; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAYCAYAAAAVibZIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjNjI4ZjEyNy0xZjM0LTQ0NDItOWMzMS02NDNlYTE4NjFlMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzAyQjI5OTQ0NDQ2MTFFODk2REJFNzJDQ0Y5RjJEQzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzAyQjI5OTM0NDQ2MTFFODk2REJFNzJDQ0Y5RjJEQzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMGNlNDNhOC05MGNiLTgzNDYtODk2OS00ZjA0ZjQxNGZhMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YzYyOGYxMjctMWYzNC00NDQyLTljMzEtNjQzZWExODYxZTA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aL0bVgAAAYZJREFUeNqslM0rRFEUwO9MkyhsRZJQyEpWVmwnWY1hKV9/gJVSKJQ0ForV+A9mampKWcmCBQuSFflIKSwmStPI14zfrfPq9XpT4zynfvOmub3fnHPPPTeUSqWixphJGDH6OIQ5OInH48UwX6Zg0ASLPhiHiJGPmCycwoFC2ANRqXTWkTqxBwsKaUykdRDySmuVpZfgBl6g6JX+JWxGth8lGpPhmXEvhpXSYTiCZDqdbvIuaqUf0CkdX0Xc+B9Se1LWIQ8TsIy4Oag0J1J74K9keBYRt5VrVA30VyD+gke4lq2YsQ1EnPCT2jL2lRVMw4Vf+T8BRzbnl+kDtFfw8jsMwBJ0yW9rdtQjZfbqrgJpr4xoq7yTgG2G4VnbfZvZvFwidkw3YBPhU5AxtdszJEOwZbNE+OosaqW3cqvdwwrCvHtRK7103cNVnM0GuaFy/EEpbILHmGR8BtXeMS0opQWR1fuVPwrdCmmLPD/d0qR0skPQxBvswLdTfhaOA+7rOew6I/4rwACtnV8sEy26sAAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-size: 21rpx 24rpx; background-position: left center;}

.cound-time{margin-top: 10rpx; justify-content: center; align-items: center;}
.sub-btn{margin-top: 30rpx; background-color: #ff3d3d; color: #fff; font-size: 32rpx;}
.status-txt{margin-top: 25rpx;}
.status-txt .success{color: #ff3d3d; justify-content: center; align-items: center;}
.status-txt .success .icon{width: 30rpx; height: 30rpx; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjNjI4ZjEyNy0xZjM0LTQ0NDItOWMzMS02NDNlYTE4NjFlMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkJENzlCM0M0NDRCMTFFODhGRDhGQzc2RjdFQ0UyRUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkJENzlCM0I0NDRCMTFFODhGRDhGQzc2RjdFQ0UyRUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMGNlNDNhOC05MGNiLTgzNDYtODk2OS00ZjA0ZjQxNGZhMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YzYyOGYxMjctMWYzNC00NDQyLTljMzEtNjQzZWExODYxZTA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KYOokQAAAplJREFUeNq8l8tLW0EUxr8oDT4WtlAfIG4KrRsfGCi4cdkoKi6K9PEnaNtYxdeukI34WFhpdSmu+gDdN/0TuhIUEwNdiG4SQ42PTUpIz3HOJbfx3jv36k0OfKuZ+X45mTN3zgQKfX1wEfdI/aRnpKekR6T7MnZG+k36RfpJ+kH6qzMMaMBs/p40TmqEuzglfSatyo+yjCoHg1ekOOmDByjHQ1kTFw/X4GrSOukLqRm3j2bxWBdPRzBP+E4ag38xJp7VTmDel+fwP9jzox34JektyhdvhPEfmKt3DeWPNeMYGmA+Mk0VADcJ6xoclHPqb3R0AEtLQH196QizggwOezyn+ujsBJaXgd5eIBotHWVW2AD7F11dCsqZXl0Bm5tWs/oZHLI1CQa9Q/nvratT0JkZYG/PamaIwU8sTVpagK0tYGDAW6YGdHraDsrxmMENlkNzc0BrKzA/DwwOOkO7u4GVFaC2VkGnpoD9facVDfaXxMICcHJCdU9TZmeBoSHreT09KtOaGuDyEpicBA4OtH8Qg7OWI6kUEIkAx8dF+PDwTejiooJeXChoPO5mY7IMTtoOp9PAxISCBwKqWEZGpDxCN6GJhNsyTHIjwJ+xd47TGunordL90dYGFArA9rbKnqHn52pPDw+91P8nzjimnWZkfnSkMh8dLUI5U29QjpgBzugbmtMi/HqXsgqaTHqFprkvY3COU3e1JJNRBbe7e1sopCPJGc0eX1WJCtxQaflgnVWZWtRIBa7FiNF5mj8g36QtLVew91e7nouqBztlgO6It22zlye9IG34CN0Qz7yur85Ll/CaP5x3AKbEY7wUqntJ8H60k6Kuzrnp0MmadvOeen07lT7awqZH2wMZ+2N6tMVEOZ3hPwEGAIJXs1e2p28IAAAAAElFTkSuQmCC'); background-size: 100% 100%; margin-right: 15rpx;}
.fhz-txt{text-align: center;color: #666;}
.error{color: #666; justify-content: center; align-items: center;}
.error .icon{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjNjI4ZjEyNy0xZjM0LTQ0NDItOWMzMS02NDNlYTE4NjFlMDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0M4MTBCNEE0NDREMTFFOEFDOTBFRkQ3QjZGOEU4QjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0M4MTBCNDk0NDREMTFFOEFDOTBFRkQ3QjZGOEU4QjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMGNlNDNhOC05MGNiLTgzNDYtODk2OS00ZjA0ZjQxNGZhMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YzYyOGYxMjctMWYzNC00NDQyLTljMzEtNjQzZWExODYxZTA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UYOdKwAAA0dJREFUeNq0V0tLW0EY/RJNwAeaShpFRSXauhWlYjcuxDwU4qKLPuiuO21p+w8KpXTdSlX8BX0sXBuD4jMLQ2sQ0WAk4EJ8tFIV1KJG+53pXHsb70trDhxy78w359x5fJMZ2+DgIFmAgxlg+ph3mF6mS9btMFPMGDPCDDOPzQRzTeoh/pLZw7ypE1MqeZf5nPmD2cd8Jz9KE3YD04fMBPOVgakW3LJNQmpYNs5h9jM/yp5cFaVSo19qGhoj4Auzm64P3VIzx8gY83KPrh/QfK9n/ID5jLKHp9LjH2Os3l7KPnqVNFSMkTIeveiamhpqbW0lm81mqmy326mtrY3q6uq0qj3SS+SxU+apJsrKyqi9vV0IOp1OGhsbo9PTU11TxOJDa2traX9/n9bX1zPD4PUWPfYb5enm5iatrKyIZ6/XSz6fTxhc2Ilyc8nv9wtTYHl5mTY2NrQk4eVXjHVxdnZGExMTtLS0JN6rq6spGAwKI7VpIBCgqqoq8b64uCjaoK0OAjBuNJs3CExNTdHCwoJ4r6ysFOYOh0MMf2dnJ1VUVIi6+fl5mp6eNpNsxGfftroko9EonZycUENDA5WXl1NHR4cYdo/nz7qMx+M0OztrReoWjIsvkw8QTqfT1NTUJBaeglgsRnNzc1Zliu1XSUbM4eHh4fn7wcEBJRKJS2nAePcyDQoKCigUClFeXt55WX5+vijDr0XswjhpNbqwsFAYuFwuseAmJycF8Yyyrq4uEWMBSRh/tRJZVFQkhPELo/HxcTG8IJ5Rpo4xwTcYj5hFqXuDXWt0dJSSyb8DhWeUoQ4xiEUbA4woxtt6ESUlJefzB+FIJEKpVOpCHMpQhxWvzDnaauA7zmUwPmJ+0DNubm4WCwn5Ozw8TKurq7rdQF04HBaxaNPS0qIVhhPJUQ6+DLnPfIJFqyXmdrtpZmaG1tbWTNfC3t6e2KPRaww/RiCjt4+Zv2yq4y3+pD9l+f/4keKh3kA+y2NpttCn7ljmzvWCOZQF0yGprXvYw4TcZw5co+mA1EybnavT8pSA+dj6D8MtqdGTaWp2k8B81DNfG+W5BrZlm3qjxWp2d9qR15E38tLmV13absiYn6pL24jkkdnX/RZgADXEFsN9rgzVAAAAAElFTkSuQmCC'); width: 30rpx; height: 30rpx; background-size: 100% 100%; margin-right: 10rpx;}
.like-pro .title-bar{height: 130rpx; align-items: center; justify-content: center;}
.like-pro .title-bar .line{width: 202rpx; height: 1px; background-color: #999;}
.like-pro .title-bar .text{color: #666; margin: 0 16rpx;}
.like-pro .title-bar .text .iconfont{font-size: 30rpx; margin-right: 12rpx;}
.list-wrapper{padding: 0 10rpx; flex-wrap: wrap; justify-content: space-between;}
.list-wrapper .item{position: relative; width: 360rpx; background-color: #fff;}
.list-wrapper .item image{width: 100%; height: 360rpx;}
.list-wrapper .item .text-bar{padding: 15rpx;}
.list-wrapper .item .text-bar .title{font-size: 30rpx; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list-wrapper .item .text-bar .count{color: #ababab; font-size: 22rpx; margin: 10rpx 0;}
.list-wrapper .item .text-bar .price{font-size: 32rpx; color: #ff3d3d; align-items: center;}
.list-wrapper .item .text-bar .price text{font-size: 22rpx;}
.list-wrapper .item .text-bar .price .small-txt{font-size: 24rpx; width: 35rpx; color: #fff; border-radius: 3px; height: 40rpx; line-height: 40rpx; text-align: center;margin-left: 10rpx;}
.list-wrapper .item .text-bar .price .jing{background-color: #ff3d3d;} 
.buy-car{position: absolute; right: 20rpx; bottom: 10rpx; width: 55rpx; height: 55rpx; line-height: 55rpx;text-align: center; border:1px solid #d81e06; color:#d81e06; border-radius: 50%; box-sizing: border-box;}