|
@@ -0,0 +1,211 @@
|
|
|
+@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;
|
|
|
+}
|
|
|
+
|