123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- /**index.wxss**/
- page {
- background-color: #ffffff;
- }
- .load {
- width: 100%;
- height: 2400rpx;
- position: absolute;
- left: 0;
- top: 0;
- z-index: 9999;
- background-color: #ffffff;
- text-align: center;
- line-height: 1300rpx;
- }
- .loadimg {
- width: 200rpx;
- height: 200rpx;
- }
- .view-page {
- height: 100%;
- width: 100%;
- left: 0;
- top: 0;
- box-sizing: border-box;
- position: absolute;
- overflow: hidden;
- }
- .page-content {
- box-sizing: border-box;
- position: relative;
- overflow-y: auto;
- padding-bottom: 160rpx;
- /* display: flex; */
-
- }
- .packages {
- margin-top: 30rpx;
- width: 100%;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: left;
- }
- .packageslist {
- width: 330rpx;
- margin-left: 4%;
- height: 416rpx;
- margin-bottom: 40rpx;
- background:#ffffff;
- box-shadow:0px 16rpx 50rpx 2rpx rgba(161,161,161,0.5);
- border-radius:30rpx;
- }
- .packagesimg {
- width: 330rpx;
- height: 260rpx;
- border-radius:30rpx 30rpx 0px 0px;
- }
- .packagesdesc {
- height: 156rpx;
- margin-top: 0rpx;
- width: 330rpx;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- background-color: #ffffff;
- border-radius:0rpx 0rpx 30rpx 30rpx;
- }
- .packagename {
- height: 40rpx;
- margin-top: 18rpx;
- width: 55%;
- text-align: left;
- margin-left: 14rpx;
- }
- .packageprice {
- height: 40rpx;
- margin-top: 18rpx;
- width: 35%;
- text-align: right;
- margin-right: 14rpx;
- }
- .packagesynopsis{
- height: 58rpx;
- margin-top: 12rpx;
- margin-bottom: 36rpx;
- margin-left: 14rpx;
- margin-right: 12rpx;
- width: 100%;
- color: #8C8C8C;
- font-size: 22rpx;
- font-weight: Light;
- text-align:justify;
- }
- .txtpackagename {
- color: #000000;
- font-size: 28rpx;
- font-weight: 500;
- }
- .txtpackageprice {
- color:#FF5B60;
- font-size: 28rpx;
- font-weight: 500;
- }
- .fx-zx{
- position: fixed;
- width: 141rpx;
- height: 96rpx;
- right: -6rpx;
- bottom: 160rpx;
- z-index: 2;
- background-size: 100%;
- }
- .fx-zx button {
- width: 94rpx;
- height: 94rpx;
- border:none;
- padding:0;
- }
- .fx-zx image{
- width: 94rpx;
- height: 94rpx;
- }
|