.storeDetails { background-color: #fff; border-radius: 12px; margin-bottom: 20px; .huadong{ position: relative; .swiper { height: calc((100vw - 60px) * 0.6); .storeImage { border-radius: 22px; width: 100%; height: 100%; } } .tpPage { position: absolute; right: 20px; bottom: 20px; background: #000000; border-radius: 16px; font-size: 24px; color: #ffffff; padding: 0 7px; opacity: 0.4; line-height: 32px; padding: 7px 8px 8px 7px; text { opacity: 0.64; } } } .storeJs { padding: 20px; .storeName { font-size: 32px; font-weight: bold; color: #202020; } .sprice { color: #202020; font-size: 32px; font-weight: bold; .t1 { font-size: 24px; padding-right: 10px; } .bzRight { font-weight: 400; font-size: 24px; float: right; } } .appraise { line-height: 0; margin-top: 28px; margin-bottom: 37px; font-size: 24px; font-weight: bold; color: #020200; .t1 { margin-left: 10px; } .comment { color: #666; } } .yysj { line-height: 0; font-size: 24px; color: #666; .yysjImg { width: 26px; height: 26px; position: relative; top: 5px; padding-right: 10px; } } .dpPosition { margin-top: 40px; position: relative; .dwTip { width: 48px; height: 48px; top: -8px; left: -16px; position: absolute; } view { font-size: 24px; color: #666666; padding-left: 34px; .zhuandao { width: 14px; height: 24px; transform: rotate(180deg); position: relative; left: 8px; top: 5px; } } } } } .title { image { width: 30px; height: 30px; position: relative; top: 5px; } text { font-size: 34px; font-weight: bold; color: #202020; margin-left: 10px; } } .cs { height: 500px; background: radial-gradient( circle at 82% top, transparent 15px, rgb(240, 140, 140) 0 ) top, radial-gradient( circle at 82% bottom, transparent 15px, rgb(230, 120, 120) 0 ) bottom; background-repeat: no-repeat; background-size: auto 50%; } .showMore { width: 100%; background: linear-gradient( 0deg, rgba(248, 248, 248, 0.58) 42%, rgba(248, 248, 248, 0) 100% ); font-size: 28px; font-weight: bold; color: #202020; text-align: center; position: absolute; bottom: -140px; padding-top: 77px; padding-bottom: 20px; .moreTip { width: 38px; height: 19px; margin-top: 14px; } } .storezn { font-size: 28px; color: #202020; line-height: 64px; margin-bottom: 44px; } .storezn + image { width: 100%; margin-bottom: 40px; } .botton { font-size: 28px; color: #c0c8d3; line-height: 34px; text-align: center; padding: 40px 0 68px 0; background-color: #f8f8f8; }