|
@@ -1,211 +0,0 @@
|
|
|
-@charset "UTF-8";
|
|
|
-/* 水平间距 */
|
|
|
-/* 水平间距 */
|
|
|
-.content {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- width: 100vw;
|
|
|
- height: 100vh;
|
|
|
-}
|
|
|
-.content .one {
|
|
|
- position: relative;
|
|
|
- flex-grow: 1;
|
|
|
-}
|
|
|
-.content .one .one_1 {
|
|
|
- border-bottom: 0.5vw solid var(--f9Color);
|
|
|
-}
|
|
|
-.content .one .one_1 swiper {
|
|
|
- height: 44vh !important;
|
|
|
-}
|
|
|
-.content .one .one_1 .list {
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-.content .one .one_1 .list .image {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- border-radius: 5px;
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-.content .one .one_2 {
|
|
|
- border-bottom: 0.5vw solid var(--f9Color);
|
|
|
- padding: 2vw;
|
|
|
-}
|
|
|
-.content .one .one_2 .money {
|
|
|
- font-size: var(--font20Size);
|
|
|
- padding: 0 1vw 0 0;
|
|
|
- color: var(--fF0Color);
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-.content .one .one_2 .money text {
|
|
|
- font-size: var(--font14Size);
|
|
|
-}
|
|
|
-.content .one .one_3 {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
- padding: 1vw;
|
|
|
- border-bottom: 0.5vw solid var(--f9Color);
|
|
|
-}
|
|
|
-.content .one .one_4 {
|
|
|
- border-bottom: 0.5vw solid var(--f9Color);
|
|
|
- padding: 2vw;
|
|
|
-}
|
|
|
-.content .one .one_4 .name {
|
|
|
- width: 100%;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- word-break: break-all;
|
|
|
- font-size: var(--font17Size);
|
|
|
- font-weight: bold;
|
|
|
- margin: 0 0 2vw 0;
|
|
|
-}
|
|
|
-.content .one .one_4 .brief {
|
|
|
- font-size: var(--font14Size);
|
|
|
- color: var(--f85Color);
|
|
|
- margin: 0 0 1vw 0;
|
|
|
-}
|
|
|
-.content .one .one_5 {
|
|
|
- text-align: center;
|
|
|
- margin: 0 0 15vw 0;
|
|
|
-}
|
|
|
-.content .one .one_5 .list .image {
|
|
|
- border-radius: 5px;
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-.content .bottom {
|
|
|
- width: 100vw;
|
|
|
- position: fixed;
|
|
|
- bottom: 0;
|
|
|
- left: 0px;
|
|
|
- right: 0px;
|
|
|
-}
|
|
|
-.scroll-view {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
-}
|
|
|
-.scroll-view .list-scroll-view {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
-}
|
|
|
-.uni-popup {
|
|
|
- z-index: 9999 !important;
|
|
|
-}
|
|
|
-.popup {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- width: 100vw;
|
|
|
- height: 60vh;
|
|
|
-}
|
|
|
-.popup .close {
|
|
|
- text-align: right;
|
|
|
- padding: 2vw;
|
|
|
-}
|
|
|
-.popup .specs_1 {
|
|
|
- position: relative;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- height: 54vh;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 {
|
|
|
- position: relative;
|
|
|
- flex-grow: 1;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 {
|
|
|
- display: flex;
|
|
|
- margin: 0 0 2vw 0;
|
|
|
- padding: 0 0 2vw 2vw;
|
|
|
- border-bottom: 0.5vw solid var(--f9Color);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 .l {
|
|
|
- width: 25vw;
|
|
|
- height: 25vw;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 .l .image {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 .r {
|
|
|
- width: 70vw;
|
|
|
- padding: 0 0 0 2vw;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 .r .money {
|
|
|
- margin: 0 0 2vw 0;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 .r .money .money_1 {
|
|
|
- font-size: var(--font20Size);
|
|
|
- color: var(--fF0Color);
|
|
|
- padding: 0 2vw 0 0;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 .r .money .money_1 text {
|
|
|
- font-size: var(--font14Size);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 .r .other_1 {
|
|
|
- font-size: var(--font15Size);
|
|
|
- color: var(--f85Color);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_1 .r .other_1 text:last-child {
|
|
|
- color: var(--f00Color);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 {
|
|
|
- margin: 0 0 2vw 0;
|
|
|
- border-bottom: 0.5vw solid var(--f9Color);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_1 {
|
|
|
- font-size: var(--font14Size);
|
|
|
- margin: 0 0 2vw 0;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 {
|
|
|
- display: flex;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 .list {
|
|
|
- background-color: var(--f5Color);
|
|
|
- margin: 0 2vw 2vw 0;
|
|
|
- padding: 0.5vw 1vw;
|
|
|
- border-radius: 5px;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 .list text {
|
|
|
- font-size: var(--font14Size);
|
|
|
- color: var(--f00Color);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 .huilist {
|
|
|
- background-color: var(--fDCColor);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 .huilist text {
|
|
|
- color: var(--f85Color);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 .redlist {
|
|
|
- background-color: var(--f3CColor);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 .redlist text {
|
|
|
- color: var(--mainColor);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 .huiilist {
|
|
|
- background-color: var(--f80Color);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_2 .one_2_2 .huiilist text {
|
|
|
- color: var(--fcColor);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_3 {
|
|
|
- display: flex;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_3 .one_3_1 {
|
|
|
- margin: 0 2vw 0 0;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_3 .one_3_1 text {
|
|
|
- font-size: 14px;
|
|
|
- color: var(--f85Color);
|
|
|
-}
|
|
|
-.popup .specs_1 .info_1 .one .one_3 .one_3_1 .limit {
|
|
|
- color: var(--fF0Color);
|
|
|
- padding: 0 0 0 2vw;
|
|
|
-}
|
|
|
-.popup .specs_1 .info_2 .button {
|
|
|
- background-color: var(--f3CColor);
|
|
|
- color: var(--mainColor);
|
|
|
- border-radius: 0;
|
|
|
-}
|
|
|
-
|