mrr.sj.front/unpackage/dist/dev/mp-weixin/pages/user/syr-detail.wxss

264 lines
13 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

.detail-page {
/* 主图区域 */
}
.detail-page .main-image-section {
position: relative;
width: 750rpx;
height: 602rpx;
background-color: #999;
}
.detail-page .main-image-section .banner-swiper {
width: 750rpx;
height: 602rpx;
position: relative;
}
.detail-page .main-image-section .banner-swiper .banner-image {
width: 750rpx;
height: 602rpx;
}
.detail-page .main-image-section .banner-swiper .album {
position: absolute;
bottom: 25rpx;
left: 20rpx;
height: 44rpx;
width: 184rpx;
background: rgba(0, 0, 0, 0.4);
border-radius: 23rpx;
}
.detail-page .main-image-section .banner-swiper .album .album-left {
width: 73rpx;
height: 44rpx;
background: #FFFFFF;
border-radius: 23rpx;
display: flex;
align-items: center;
justify-content: center;
line-height: 40rpx;
font-weight: 400;
font-size: 22rpx;
text-align: center;
color: #333333;
}
.detail-page .main-image-section .banner-swiper .album .album-line {
width: 2rpx;
height: 20rpx;
background: #A09C9E;
border-radius: 1rpx;
margin: 0 18rpx;
}
.detail-page .main-image-section .banner-swiper .album .album-right {
height: 44rpx;
}
.detail-page .main-image-section .banner-swiper .album .album-right .album-right-text {
-webkit-transform: translateY(-4rpx);
transform: translateY(-4rpx);
font-weight: 400;
font-size: 22rpx;
text-align: center;
color: #FFFFFF;
}
.detail-page .main-image-section .banner-swiper .album .album-right .album-right-img {
width: 8rpx;
height: 16rpx;
padding-left: 8rpx;
}
.detail-page .detail-info {
-webkit-transform: translateY(20rpx);
transform: translateY(20rpx);
padding: 0 20rpx;
position: relative;
}
.detail-page .detail-info .detail-info-user {
padding: 20rpx 26rpx 20rpx 30rpx;
background: #ffffff;
border-radius: 20rpx;
}
.detail-page .detail-info .detail-info-user .detail-info-user__heard {
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.detail-page .detail-info .detail-info-user .detail-info-user__heard__photo {
width: 122rpx;
height: 122rpx;
border-radius: 50%;
margin-right: 17rpx;
}
.detail-page .detail-info .detail-info-user .detail-info-user__heard__name__text {
font-weight: 500;
font-size: 42rpx;
color: #333333;
line-height: 59rpx;
text-align: left;
font-style: normal;
}
.detail-page .detail-info .detail-info-user .detail-info-user__heard__name__time {
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.detail-page .detail-info .detail-info-user .detail-info-user__heard__name__time__text1 {
font-weight: 400;
font-size: 22rpx;
color: #5b5b5b;
}
.detail-page .detail-info .detail-info-user .detail-info-user__heard__name__time__text2 {
margin-left: 6rpx;
font-family: DINPro, DINPro;
font-weight: 500;
font-size: 24rpx;
color: #5b5b5b;
-webkit-transform: translateY(-2rpx);
transform: translateY(-2rpx);
}
.detail-page .detail-info .detail-info-user .detail-info-user__company {
display: flex;
margin-top: 37rpx;
}
.detail-page .detail-info .detail-info-user .detail-info-user__company__name {
background: #ffffff;
border-radius: 8rpx;
border: 2rpx solid #cccfd1;
padding-right: 8rpx;
display: flex;
align-items: center;
margin-right: 21rpx;
}
.detail-page .detail-info .detail-info-user .detail-info-user__company__name__text {
font-weight: 400;
font-size: 20rpx;
color: #a7abae;
text-align: left;
font-style: normal;
}
.detail-page .detail-info .detail-info-user .detail-info-user__company__name__card {
margin-right: 8rpx;
width: 39rpx;
height: 34rpx;
background: rgba(212, 215, 223, 0.2);
border-radius: 6rpx;
border: 1rpx solid rgba(169, 172, 179, 0.2);
display: flex;
align-items: center;
justify-content: center;
}
.detail-page .detail-info .detail-info-user .detail-info-user__company__name__card__img {
width: 22rpx;
height: 21rpx;
}
.detail-page .detail-info .detail-info-user .detail-info-user__company__reserve {
display: flex;
align-items: center;
background: #ffffff;
border-radius: 8rpx;
border: 2rpx solid #e8101e;
padding-right: 10rpx;
}
.detail-page .detail-info .detail-info-user .detail-info-user__company__reserve__text {
font-family: DINPro, DINPro;
font-weight: bold;
font-size: 20rpx;
color: #e8101e;
line-height: 24rpx;
text-align: left;
font-style: normal;
}
.detail-page .detail-info .detail-info-user .detail-info-user__company__reserve__card {
margin-right: 8rpx;
height: 100%;
padding: 0rpx 10rpx;
background: #ffecf0;
border-radius: 6rpx;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 20rpx;
color: #e8101e;
text-align: left;
font-style: normal;
}
.detail-page .detail-info .detail-info-user .detail-info-user__adress {
margin-top: 20rpx;
display: flex;
justify-content: space-between;
}
.detail-page .detail-info .detail-info-user .detail-info-user__adress__left__text1 {
font-weight: 400;
font-size: 24rpx;
color: #a7abae;
line-height: 33rpx;
text-align: left;
font-style: normal;
margin-right: 10rpx;
}
.detail-page .detail-info .detail-info-user .detail-info-user__adress__left__text2 {
font-weight: 400;
font-size: 24rpx;
color: #333333;
line-height: 33rpx;
text-align: left;
font-style: normal;
}
.detail-page .detail-info .detail-info-user .detail-info-user__adress__right {
font-weight: bold;
font-size: 24rpx;
color: #666666;
text-align: left;
font-style: normal;
display: flex;
flex-direction: row;
align-items: center;
}
.detail-page .detail-info .detail-info-user .detail-info-user__adress__right__img {
width: 17.5rpx;
margin-right: 9rpx;
}
.detail-page .detail-info .detail-info-user .detail-info-user__introduction {
margin-top: 33rpx;
padding-top: 25rpx;
font-weight: 400;
font-size: 24rpx;
color: #666666;
line-height: 33rpx;
text-align: left;
font-style: normal;
position: relative;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAABCCAYAAABn/iWDAAAQAElEQVR4Aeyd+ZNc1XXHZ0aj0QwaoglaEaAFyTGxAsKyDAEksQiEsUIch4QycajYpPJDUkmqUpU/gN9SqUpKLjtVFHaVU/kpNlAspQTJxEEkxCyOLBEZYWQESKNt0DJaMlpG2/jzvZ7zfN/t+17fnn49GiOr3rfPuWe/95239OueVkdb4r9t27b9+gcffDC/anz44Ydz6pWwdevWvqrz+vG2b9/eW6+GKvXvvffebeR/sBVQ7Cpr9WMlNQs7tLu3t/dPL1y48JgwMjLiaIz3ddIbfHnAP+gXFPLsyC5yfzXwqTL/Y5MmTbohzNuqMWvZ19HRsYZ1WS4wL0eN98eSGXx5Ga/YytGK+pOahYIfoMArKaRNUCFGL1686GQaixfE+5C9YDLjRWUvWoTu7u570fWBLI/xovK3uOIFGxuVneCPxUsm+8mTJ4sdF5DvDhKR/udLzzibl3gBZSYTj73bxAsaGPXtxYMOoBwyqxQ/r7gkJKe1Je3t7TfHTFSwYDrxgo2NxmTSSS6Ij4HT9CfR3wJi6mxBTSk7wcZGYzLpJBfEjwcGBgamspaftlzKLRSNfbnxPpWvYDLxgnIol8mroqXN8v7773+C5A9VlayROJxKF3CEPAzaG/GbyLYnT568izN0y09jyqFcVa9FYbNwRllE0i+RcBIY102NQu4/4gjpHNfELUzGWXI2B97yFqbIhVYu5cwJmxzEmqWdM8oKkv1xbGchbyplPf+dO3feztnkT2iWKbFE9fxjPr6sWX8/ViM8c3oAkD625OmRCJBkrFzggSTjRKNc5e++++6VdOOjFHQf/pmOMcM2d49AARnvmMiL2ZvKxqJF/pxN+mjSR2jQ+7HLcisGY5HC/E7pvZi9iWwsWpTfbFtBWdObmNfC1Pyy8+uwsWhK/bKTv3Iqt/gq4HYKO6p79+7dq3nn8dckWKSClFCwJMaLCr6Nxj58XYL/5F27dt3DmeSviHEDaGvQ3zWR/AyN+luNraAcANNY07WqTfFFBb9GjX34OvkI0hsV79to7MPXsa5rVYN8m0UHjbKAIH9DglUE7oJ3iy8qqAjREJJjPxTKNZZOVOjs7BxhsTYSf70PdOt5vrGFGLPBndhk9ye+v8/jk23IB7NBwKDLJPCb/LzGY5DV09PTs4txK7Z28n+RwN0gtyHPjRmcZh2+L7AWjoa8xgbZyAfUbH5s+G6gGtprDBsU6D35DHxqJoOsdKPY72HwEijd2DntTPD0okWLNofg+c3uUudi5ctTpkx5rlj9Cw25L4R5w/HcuXMP/8KjOo5LwEqiLQQp2yvXX3/9q42AoK+AlG1hf3//ihTDMht3GSozKNBtWrBgwWuDg4PvoD8DSjcaa1mpQQNKdv4PFi5c+F/s4H6OmLo7eTR300dVAyU6U87YN5D7Hjeo88KcDrOeP6xjVqOWj3xrFBEBB+Zq1RRRJYtqmoUdUOpMcf/DznIdvXz58nMsyP/5DjF/fObv2LFDZzDfNMrH/M2QXG9w5Plnsy2mMxrxv4p7Il1qzaTllJ0yh1r1fKq0Sa1W1mcj9hcbLUw+8vX9LKYvG+Uxb39ItY2OGyauWSyBKJeNmiCSk2kY3TPsrP/wDSh2i/SSiWIjNgfJeaReeHaRXg6iMX/ubc6S51mOpA2yM3ApegufC8CJRAv8C3M7xwpf2Bl9rNWXqdfd/ym06hIVjBcdrfUnXBbfk24sGPX9iXy9mBpmkFwD1aTaVKPGjcI1i++kwCFIMMCN6pMU9mPfVjxnmQHoPuC20FdjKdjhNz/11FN1H/DJ3ge5D9Fo36RJc2cwxZwzZ85JFvyn4g2+r/Gcgj+1Z8+eHrNpFdVOYJ5fpeZfs9yiyicqGD9KT544cWK9+LYmXkZjnFQI5Qjhy1WbalStkjeCDnaEs1cCx3gvBB6mG1+57rrrvnXttdce8VQh+6OYf2A09dZbb/1kIMveeYX+5D6L7X/z2PqbV1999SH46EYT/0iK0F8yA7E6z58/v9TGraBafO0E1st96JmSg9pfWLp0qdvJKfZFNorR1dX1QpE+lKtG1aqaQ13ZuObMImMW1+0o6DpO/Zug5yUvwtDQ0I8p4IV6YHH+vyiGycml+6AfYLtu/vz5/7lkyRLVYuoaShPvHBkZeR6U5qeZDtY4VyQ4cODATC0+NSQ3CvPccs011+yoqIQ2xVLM1HiqVTWr9lQfv1k4o1/cRZDv2Y5C8CA3h39bBt6SfUU7lKbaUg9MaE+sMHbkRfLqbfRLPBj82rx5817i3c6pmG0oY4FGyLsVlOan8T4IfasYc3lbfO7cuT+j/uRGIe/+gwcPvgitdBuNuT81qGpW7ZpDig/7qWOAU/QzNMbfc//xzyz6a7ajkP2UnXFlCDoyk5FQ7+HnliXbu3fvtZzybjDs37/f8SSfTo53uKdYT5zX4I9w2cnZmo9Pzd+XNcLLf3sF345jkW9h3rqZjX6Oha5mY55Dvb29/6p3kjXKJgWKqdjKURaKdc/U2Kr2L4/OJZPHmA5O43t140qj1DwvoXG20yjDfnDx7FQXS7wYmuczokWgoDuxfUTgrPUI3ex4xqvAp/D/guTwjxj1+VBm/iYXFXwfnzedyeQ/bdq00gYvmovkNGY3B8AfwK9lLQjbEb33QoFJW6ZjLc9zj/id6dOnn3CKFrwoNgf/d5QrzK90klGz2KwuBrrCrNWcNDfG0U1GUYWEJDxH8G3ioVlw8ZIJ4jkz3EhDlH5PQ3aC+YgKkvnFi5dMML3RUGZy+fi87ASTGQ1lkjcKzkrzae6/0Jzlq5gp+WlYXWqfLboUK1ZVWLx48R72x7PUdhG4sKKCBkaNt/rxuZG5/bnmKF2I0maRMYFqHnxJ7iekqabwQeRvSZ4K37+IL4tV5OPLy/wb1XHZ6tq3b999LOhXmO80P08R7+UYYR2f475puydrKatcykmSEVCzFdXM3Po0R81Vc/Yd6zbLvHnz9uOsZym+Xw1PR47bg6+a5C0WcKT9Jpetv2TxV4C6axaUow9Sn+fxgztDB7qWDpWTnf88SaINgzy6aY5gheasuZtR0sRJ6J5lmFMBnUfgpEf6Bf7jKuYAqLuAOrK4jj/KJedL2E8bY4H6NHkJN5C6iawBZ+RKvlxNnXfHclD3Euo+DRre8J2muRP7Ua1FUrNww7SNhjlXLxt2pTe69fwnmp6HgT0s2OKx1MV6nQHH8L0C/EYRuBzU/bspfOtu1HkNRkV5VAPqsW3EXqy1SGoWvVNiUvqEObvJVVpkIhm4FC2NPdJHntn4Pj5vBpIJNhb1x0W87ATpBfEGf+zzpq9HfZ8i3mJIDw6ywE8C9+SZsalL1y8zaoJRLsEP4Y33wmef1MP7Zo6XTHCD0RcbJzXLqE/ukb4CcF1zkxcvYDd15cqVNY/0kWd24gXZh/6SSSeIN/hj8YJ0zfgrRgqUR3aignhBfEH+d44dO/Yt7hcGdZDIzuyNt7H8ZaNxs1CcML7GgmKLYjNIbU9yxntbY+UX9SFbISqTIgU8qNtNEvf5kALJx6h4A0dT7FL0KrbfNfA20vFGTZ5Kzc9o6EedNc+MrD5R7EXGDPM3qkDkPMfcN/LW+Lt6oi1ZEczPaJFdK+SqjWdrT9MoL7J+pR/jhPkbObO0cU/yDDc8T5eBRau5GabR+rnmvTNeYKddCCfa4nE/i/8EO+H1FuepLDxnvjdZpycI2A+Stoaahc9s9oO3y6CGSMo8rka1yaZMmVL33VCtV17CgaHv2WzgYPg2jeLOunmLiT2i7sOcCb/NGe7fmMtwvWobapZ6wS4XPYurL1y9Cf0aTfIGC910413CtRvhAP9fLklfZz4/BIVn5Vyz8H56Oh9Z31UGnuzdHpvYoUOHruQ5y+c++uij+6FrsLsP3CsMDAysJvY9QM8CFP/O/v7+VditBCuwuQPcjv428Ns8L7gV3ILNZ9EvB59Bvwx8Gv3N5FiK/qayzzH8GlkAf+hutoeH6x5ImY/5Qzlzj7zN5fifWOAX9eWrzCjC0ERuffHLaYNxJY3GzavLEcQulDmF9zJr1qwh5vTvPT0936BufdEsq8tiusl4PtPh746Ba7KT4xj9lvjQ0JD+6Ps27G4n2R2yAysFVngVsjuZ0F108N3Y3MMHaquR3Qvuw2YNOe9H/znwADafB2ux+R30D4LfRf8F7H4P/RfZWb+P/qGpU6dGvxaAnWsIo/i6zcbkb+My5GT1XuRDfj0zeZ28X+dM8jTX+8I/Q/Hj4dcpf5OJF5RfdBSFR7L5pVDuI92cZTsa143FSyawdiKl6OvrO8rl6Vn22TdY/9fxyd4shM1SGMhPGjNix8XEmcz393kziMlMJ+rrfV66FPg+Pl/me+bMGb3DWT979ux/YAE3pjaJF3OS8X5On0dfSbOwUwlVvAU5iw1HNRwURzjbbDxy5Mg/0jjrtRa5Zunq6spOPaM+H1vCAtSdKw1yCmzmDFH36XVsofDLmiWml4w6Gv5Wv/zGC3qrrTUAp3LNMl4FXC55aITsG/5Fc8amkjNLUfwq5blmaeSmr8oiPsax6n4mw9kn9U77ki9TrllUjV3bQipdCkI/G4e+kguSG/V5kxmVzkeR3GxMb9Tk40U5Y0wCPUX5JRdoljF9Ilw0D8WULqSSNYtcs/AOQV/ScXfRCqyEwZ17ppM+BrOXLuJ/nDvstwRuyN7CJuMlwz6ToTvOOPeLChob0BduspFS1OoR70P6VmJwcHCq8pXll67qZlFM5dXcRG0sXrJmkGsWBQqDhmMll10RQnt/zMLsmzFjxnMG3mVkvGQaC+Jlqxy+v8b18svGR4l/3RtcP06jPHW6n0stye8OPOaZ9FcMqfnDfOE4NU7MrqZZYka+rCx5mc6P0QzfbI5m/VNr57mHnlnVmIf5q2yWMHZN8iYFDTdLk/kuG3ceGs5MmSxNdTzFbiLY5JqFG7KWnponwoTHqwae9s6ql4uzynC9jwzqxRhPfa5ZlDg8lYVj2ZQhtA/GCw4ePPiYD54QunFIyeF+JiPwR9zY1qx/Y9ly1u7MUpafg/NozqOJAW8YnHeYLxw7ozG+1DSL4iiBgRs1idzNmGRukH/JRqYXNfj+HElXsEDzofONondjjkRHbYzNFYrB2MUXL2hgVHwMWjjZCGPxj8VsRMbcpvDu7qp6+Zlj0mdMKbm5nLl9JFvlNfjz59Io9ZgRbRZLoKiWVLygHSFahjJ/xZOvUbO1sXQmEy+5IF4w3qhkIbRwJpOd4I/F6zGBaCtw+PDh+czBra1yC5bHeFHgvqNrumaov1/InYUiR9ZEmXCMjJuQ+doCKoHJxkIb8Y/ZxmSN1OEvXCN+VdlSf9LvyHEG2ltVTj8O+f1hZXyuWSqLepkH4shObZbkXzyYCEuaa5bL6bMhPnJvyfpz866HcXMSgh+fNWtW9KdhE3wviUmuWbgMFV7fUk5tshFiM5EcXOCmTl8kqgvZ+nEY+8OG+Wb9UxNy8VdZjQAAA5JJREFUCdTffLeH9mF+LkHJX5QOYxWNlUOI6YvkMdsiWa5ZMMo+G1JwA3K3aeyYghdOv9HPcjzzHTzK/7sU4LND+QR4txkvKjhh5EU6H2YimXhRDoyWPFNiDW5SfB/KKUhmlGYZ848OKkYM5C5dfxo55pYsC5slemaxSSqqz2vsQzrBl4mPySRPhe/v81X6p8Yqszt+/LjeLuvPSHNmfs2j/Ajv2CptFsU15JIzkBzS9FbTLE1HvIwDcGSn/sjh3rlz51b6AeJ4LPuvmqWiVd68efNkLi2fTQnHfdu7KXYTzSbXLEy2JddxmzSLNH1wcPCOFMjW/H4Z6IIFC5axflPr1col4SKXIP2pRT3TCafPNYtVx4SMdTQcO2HJS2hvYxZT/wPIGugamsFR8SFGdbMthfnbWDQmk1wIdeFYNlWC+juoOft7qjCfP8Z258yZM+v+xGsz9fn5FCccSzYWRJuFa6+70fWTiDcUJZJeunr+sjMb2Wts0Nh0kmksiPchG8ljkM5sTW9jo8grO4seO3bsRuLqv+AlbFvuHYkT8ILerSmfGUV/dg2TpjflUJCi+UvXDGqaRQkFC+rzKsLkRVT2gul93vc3uVHf3pf5fMzf/Hzq+/i87+/bN8NzptAPL662GMon+GPjyX9iw4YNuZ+PN11VVLkFi+fzJhsrDZul9GhrNvEvu39skXm7vAp50k+IcVZ57eGHH27dn35QSCu3sFlametjF5tGucq/VymbIHan9uzZU/NzJGU+E033q2ZpYo/wrubzXFo6U0JwuXpDf92XYjtRbZKaJeXywZFzktPsq9AaxOSpMsUrsmVRkz6Ii9Xf3d1deskldul29OjRm6ntE75RLI/02J3iJvhN8a1EUf4ieaO15JqF7h9R4BAcPe5Oviy43g729vZ+v6+vrwYxeapM8Ypsyz619efg12/ysrnU0504cWJGZ2dn7n9UlY/lsRxGaZaX9SOOsmklivKbvNncuWbp6Yn//02adFUJmy14LP5V1r9p06ZO1uIPQRfIDiLlECL1HVy3bl3L71X0IWFBflejapVNpL5kUa5ZTp8u/kvKokKSM11iw7D+srmWlbps2TI9UJwjmzCmZCE4W294/PHHL/kvJaTUGtYejnPNcuDAgYGzZ88+WQZOv/8SBploY9VYNgfpNNcx1N1O7K3yT8Hw8PATfX19Lfl/jiK1v1ivJm7IX474JYt+BgAA//+FXGE6AAAABklEQVQDAAltBsU2Me0uAAAAAElFTkSuQmCC);
/* 背景图片不重复显示 */
background-repeat: no-repeat;
/* 背景图片位置:左上角(默认值,可省略) */
background-position: left top;
/* 背景图片宽度为72rpx高度自适应保持比例 */
background-size: 72rpx auto;
/* 建议设置元素尺寸以确保图片可见 */
}
.detail-page .detail-info .detail-info-user .detail-info-user__banner {
width: 100%;
margin-top: 30rpx;
}
.detail-page .detail-info .detail-info-shop {
padding: 20rpx;
background: #ffffff;
border-radius: 20rpx;
margin-top: 20rpx;
}
.detail-page .detail-info .detail-info-shop .detail-info-shop-title {
width: 136rpx;
height: 48rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 34rpx;
color: #333333;
line-height: 48rpx;
text-align: left;
font-style: normal;
}
.list-container {
padding: 0 !important;
}
.evaluationList {
margin: 20rpx 0rpx 0rpx 0rpx !important;
}