<template>
    <view class="answer_topic">
        <view class="topic_index" v-if="step == 0" @tap="get_step" data-step="0">
            <image src="https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b1d53bcff59c953320c562670249f6bb94574e2764f.jpg"></image>
        </view>
        <view class="topic_answer" v-if="step == 1" @tap="" data-step="1">
            <view class="pop">
                <image class="title" :src="answer_list.title_url" mode="widthFix"></image>
                <image class="ans answer1" :src="answer_list.btn1.url" :data-id="answer_list.btn1.id" @tap="next" mode="widthFix"></image>
                <image class="ans answer2" :src="answer_list.btn2.url" :data-id="answer_list.btn2.id" @tap="next" mode="widthFix"></image>
            </view>
        </view>
        <view class="topic_last" v-if="step == 2">
            <view class="last_pic">
                <view class="pic1">
                    <image mode="" :src="answer_piclist[answer_piclist_index].url"></image>
                </view>
                <view class="pic2">
                    <image mode="" @tap="ontab" src="https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b30b8c57b8e17be00c1823b5dbda3f316c041ef5226.png"></image>
                    <view class="last_btn" :style="'top:' + btn_top + 'rpx'">
                        <view class="img maRight" @tap="cancel">
                            <image
                                class=""
                                src="https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b1bc3f6cb4b3c6db67097e4dc8d5e75d1a08539b953.png"
                                mode="widthFix"
                            ></image>
                        </view>
                        <view class="img maRight">
                            <!-- <button data-id="shareBtn" open-type="share" plain="true" class="share_btn "> -->
                            <image
                                @tap="look"
                                src="https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b1bc3f5538f3c6db67097e4dc8d5e75d1a08539b953.png"
                                mode="widthFix"
                            ></image>
                            <!-- </button> -->
                        </view>
                        <view class="img" @tap="oncouon">
                            <image src="https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b1bc3f049cc3c6db67097e4dc8d5e75d1a08539b953.png" mode="widthFix"></image>
                        </view>
                    </view>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
// pages/user/discount/answer_topic/answer_topic.js
const app = getApp();
export default {
    data() {
        return {
            // iphone_height:app.globalData.screenHeight,
            step: 0,

            //0首页1答题2结果页
            pic_list: [
                {
                    title_url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b1ada37868a134ab219c9b2cf7fb7bfbf0e4e9da768.png',
                    btn1: {
                        url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f86adf1cc3e07c3d5e38ef85a276c10e5ddc860.png',
                        id: '1'
                    },
                    btn2: {
                        url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f8a0a04cc3e07c3d5e38ef85a276c10e5ddc860.png',
                        id: '2'
                    }
                },
                {
                    title_url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f8599a1cc3e07c3d5e38ef85a276c10e5ddc860.png',
                    btn1: {
                        url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f8cc676cc3e07c3d5e38ef85a276c10e5ddc860.png',
                        id: '3'
                    },
                    btn2: {
                        url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f7d01f20410f96c90f22a6a6ee4c1b64851ab55.png',
                        id: '4'
                    }
                },
                {
                    title_url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f832aaacc3e07c3d5e38ef85a276c10e5ddc860.png',
                    btn1: {
                        url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f8af5bccc3e07c3d5e38ef85a276c10e5ddc860.png',
                        id: '5'
                    },
                    btn2: {
                        url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f84ab10cc3e07c3d5e38ef85a276c10e5ddc860.png',
                        id: '6'
                    }
                },
                {
                    title_url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f87ca49cc3e07c3d5e38ef85a276c10e5ddc860.png',
                    btn1: {
                        url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f8bd3d4cc3e07c3d5e38ef85a276c10e5ddc860.png',
                        id: '7'
                    },
                    btn2: {
                        url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b195f8daf18cc3e07c3d5e38ef85a276c10e5ddc860.png',
                        id: '8'
                    }
                }
            ],

            //全部选择题
            answer_list: [],

            //第几道选择题列表
            answer_index: 0,

            //第几道选择题下标
            last_answer: [],

            //选择题结果数组
            answer_piclist: [
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b83808e8b8a79bfe7ee712784b5de25c88f71deab.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b8388773a8a79bfe7ee712784b5de25c88f71deab.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b838cbb4f8a79bfe7ee712784b5de25c88f71deab.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b8390cb7f73e3272c120072d298474562fb4c9375.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b307103744f5f39b6f781012e2af323ca4f0eecf111.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b8397b7c673e3272c120072d298474562fb4c9375.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b839a8ba773e3272c120072d298474562fb4c9375.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b839da45873e3272c120072d298474562fb4c9375.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b83a1e1ff4d106694ea02244bd19b4a64e16f138d.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b83abc2704d106694ea02244bd19b4a64e16f138d.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b83aedb904d106694ea02244bd19b4a64e16f138d.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b83b45c94ae1a07efdb41747558031b8715bdc618.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b83bd4878ae1a07efdb41747558031b8715bdc618.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b83c136f1f34ea660275bb582f6c355f0a20f625a.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b3047a97f83788ba5f76578f12c69c7e700b2359e8a.png'
                },
                {
                    url: 'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2b83c7f7dbf34ea660275bb582f6c355f0a20f625a.png'
                }
            ],

            //上半截图片
            answer_piclist_index: 0,

            //当前呈现下标
            picurl: '',

            previewImage: [
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6a8bbaad6ce2999e3f480cc263f9ae23dbd36da1.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6a921de19154e0ca4f47047df7f3b84d8eed1d27.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6a97bf399154e0ca4f47047df7f3b84d8eed1d27.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6aa3da9aadfa53d230af143cfa4f485b10219eda.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b3070fe27da69a26c94f09e59eecb5db9a36a56b041.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6abeb72601118e9b6b50f202bf29176e7d951eec.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6ac88549510ff769aeb84272eb112d3eb03b6fd3.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6ad58eeef5811a201efe472044297e3456b90e0a.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6ae54229fc30d50537c9ebdc257f0aae66708ee8.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6afdcec6f41a59769b0ed61302345e344157f6e5.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6b076335b702113774d34aacc39d6290f16b3dae.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6b0db9e9b702113774d34aacc39d6290f16b3dae.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6b1800ea9862ac348bba5b9b263f84f76bcfea7e.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6b243d5343f15ebaa119bfc38a3d770a6e3860fa.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b31e041b3b888b557d0677ee5bf6be3a38e1d9a7dd9.jpg',
                'https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b2c6b3c7c15796790e23af5f83470f34eb2aee0f0d2.jpg'
            ],

            //完整结果图片
            //btn按钮top
            btn_top: 10,

            url: '',
            id: ''
        };
    },
    onLoad: function (options) {
        let iphone_height = app.globalData.screenHeight;
        console.log(iphone_height);

        if (iphone_height <= 600) {
            this.setData({
                btn_top: 0
            });
        } else {
            if (iphone_height >= 600 && iphone_height <= 700) {
                this.setData({
                    btn_top: 4
                });
            } else {
                if (iphone_height >= 700 && iphone_height <= 800) {
                    this.setData({
                        btn_top: 8
                    });
                } else {
                    if (iphone_height >= 800 && iphone_height <= 850) {
                        this.setData({
                            btn_top: 10
                        });
                    } else {
                        if (iphone_height >= 850) {
                            this.setData({
                                btn_top: 14
                            });
                        }
                    }
                }
            }
        }

        this.setData({
            step: 0,
            answer_index: 0,
            answer_list: [],
            last_answer: []
        });
        uni.showShareMenu({
            withShareTicket: true,
            menus: ['shareAppMessage', 'shareTimeline']
        });
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    methods: {
        /**
         * 生命周期函数--监听页面加载
         */
        oncouon() {
            let activity_id = ['3425,3426,3427,3428'];
            uni.navigateTo({
                url: '/pages/user/discount/coupons/coupons?activity_id=' + activity_id
            });
        },

        cancel() {
            uni.showToast({
                title: '重新测试',
                icon: 'loading',
                mask: true,
                duration: 800
            });
            setTimeout(() => {
                this.setData({
                    step: 1,
                    answer_index: 0,
                    answer_list: this.pic_list[0],
                    last_answer: []
                });
            }, 800);
        },

        look(e) {
            uni.previewImage({
                urls: [this.previewImage[this.answer_piclist_index]]
            });
        },

        next(e) {
            let id = e.currentTarget.dataset.id;
            this.last_answer.push(id);

            if (this.answer_index >= 3) {
                console.log(this.last_answer, 'last_answer');
                uni.showLoading({
                    title: '正在生成',
                    mask: true
                });
                let abswer_arr = this.last_answer;
				
				if(abswer_arr[0] == '1') {
					if(abswer_arr[1] == '3') {
						if(abswer_arr[2] == '5') {
							if(abswer_arr[3] == '7') {
								this.setData({
								    answer_piclist_index: 0
								});
							} else {
								this.setData({
							        answer_piclist_index: 1,
							        picurl: this.answer_piclist[this.answer_piclist_index].url
							    });
							}
						} else {
							if(abswer_arr[3] == '7') {
								this.setData({
								    answer_piclist_index: 2,
									picurl: this.answer_piclist[this.answer_piclist_index].url
								});
							} else {
								this.setData({
							        answer_piclist_index: 3,
							        picurl: this.answer_piclist[this.answer_piclist_index].url
							    });
							}
						}
					} else {
						if(abswer_arr[2] == '5') {
							if(abswer_arr[3] == '7') {
								this.setData({
								    answer_piclist_index: 4,
									picurl: this.answer_piclist[this.answer_piclist_index].url
								});
							} else {
								this.setData({
							        answer_piclist_index: 5,
							        picurl: this.answer_piclist[this.answer_piclist_index].url
							    });
							}
						} else {
							if(abswer_arr[3] == '7') {
								this.setData({
								    answer_piclist_index: 6,
									picurl: this.answer_piclist[this.answer_piclist_index].url
								});
							} else {
								this.setData({
							        answer_piclist_index: 7,
							        picurl: this.answer_piclist[this.answer_piclist_index].url
							    });
							}
						}
					}
				} else {
					if(abswer_arr[1] == '3') {
						if(abswer_arr[2] == '5') {
							if(abswer_arr[3] == '7') {
								this.setData({
								    answer_piclist_index: 8,
									picurl: this.answer_piclist[this.answer_piclist_index].url
								});
							} else {
								this.setData({
							        answer_piclist_index: 9,
							        picurl: this.answer_piclist[this.answer_piclist_index].url
							    });
							}
						} else {
							if(abswer_arr[3] == '7') {
								this.setData({
								    answer_piclist_index: 10,
									picurl: this.answer_piclist[this.answer_piclist_index].url
								});
							} else {
								this.setData({
							        answer_piclist_index: 11,
							        picurl: this.answer_piclist[this.answer_piclist_index].url
							    });
							}
						}
					} else {
						if(abswer_arr[2] == '5') {
							if(abswer_arr[3] == '7') {
								this.setData({
								    answer_piclist_index: 12,
									picurl: this.answer_piclist[this.answer_piclist_index].url
								});
							} else {
								this.setData({
							        answer_piclist_index: 13,
							        picurl: this.answer_piclist[this.answer_piclist_index].url
							    });
							}
						} else {
							if(abswer_arr[3] == '7') {
								this.setData({
								    answer_piclist_index: 14,
									picurl: this.answer_piclist[this.answer_piclist_index].url
								});
							} else {
								this.setData({
							        answer_piclist_index: 15,
							        picurl: this.answer_piclist[this.answer_piclist_index].url
							    });
							}
						}
					}
				}
                // if (abswer_arr[0] == '1' && abswer_arr[1] == '3' && abswer_arr[2] == '5' && abswer_arr[3] == '7') {
                //     this.setData({
                //         answer_piclist_index: 0
                //     });
                // } else {
                //     if (abswer_arr[0] == '1' && abswer_arr[1] == '3' && abswer_arr[2] == '5' && abswer_arr[3] == '8') {
                //         this.setData({
                //             answer_piclist_index: 1,
                //             picurl: this.answer_piclist[this.answer_piclist_index].url
                //         });
                //     } else {
                //         if (abswer_arr[0] == '1' && abswer_arr[1] == '3' && abswer_arr[2] == '6' && abswer_arr[3] == '7') {
                //             this.setData({
                //                 answer_piclist_index: 2,
                //                 picurl: this.answer_piclist[this.answer_piclist_index].url
                //             });
                //         } else {
                //             if (abswer_arr[0] == '1' && abswer_arr[1] == '3' && abswer_arr[2] == '6' && abswer_arr[3] == '8') {
                //                 this.setData({
                //                     answer_piclist_index: 3,
                //                     picurl: this.answer_piclist[this.answer_piclist_index].url
                //                 });
                //             } else {
                //                 if (abswer_arr[0] == '1' && abswer_arr[1] == '4' && abswer_arr[2] == '5' && abswer_arr[3] == '7') {
                //                     this.setData({
                //                         answer_piclist_index: 4,
                //                         picurl: this.answer_piclist[this.answer_piclist_index].url
                //                     });
                //                 } else {
                //                     if (abswer_arr[0] == '1' && abswer_arr[1] == '4' && abswer_arr[2] == '5' && abswer_arr[3] == '8') {
                //                         this.setData({
                //                             answer_piclist_index: 5,
                //                             picurl: this.answer_piclist[this.answer_piclist_index].url
                //                         });
                //                     } else {
                //                         if (abswer_arr[0] == '1' && abswer_arr[1] == '4' && abswer_arr[2] == '6' && abswer_arr[3] == '7') {
                //                             this.setData({
                //                                 answer_piclist_index: 6,
                //                                 picurl: this.answer_piclist[this.answer_piclist_index].url
                //                             });
                //                         } else {
                //                             if (abswer_arr[0] == '1' && abswer_arr[1] == '4' && abswer_arr[2] == '6' && abswer_arr[3] == '8') {
                //                                 this.setData({
                //                                     answer_piclist_index: 7,
                //                                     picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                 });
                //                             } else {
                //                                 if (abswer_arr[0] == '2' && abswer_arr[1] == '3' && abswer_arr[2] == '5' && abswer_arr[3] == '7') {
                //                                     this.setData({
                //                                         answer_piclist_index: 8,
                //                                         picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                     });
                //                                 } else {
                //                                     if (abswer_arr[0] == '2' && abswer_arr[1] == '3' && abswer_arr[2] == '5' && abswer_arr[3] == '8') {
                //                                         this.setData({
                //                                             answer_piclist_index: 9,
                //                                             picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                         });
                //                                     } else {
                //                                         if (abswer_arr[0] == '2' && abswer_arr[1] == '3' && abswer_arr[2] == '6' && abswer_arr[3] == '7') {
                //                                             this.setData({
                //                                                 answer_piclist_index: 10,
                //                                                 picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                             });
                //                                         } else {
                //                                             if (abswer_arr[0] == '2' && abswer_arr[1] == '3' && abswer_arr[2] == '6' && abswer_arr[3] == '8') {
                //                                                 this.setData({
                //                                                     answer_piclist_index: 11,
                //                                                     picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                                 });
                //                                             } else {
                //                                                 if (abswer_arr[0] == '2' && abswer_arr[1] == '4' && abswer_arr[2] == '5' && abswer_arr[3] == '7') {
                //                                                     this.setData({
                //                                                         answer_piclist_index: 12,
                //                                                         picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                                     });
                //                                                 } else {
                //                                                     if (abswer_arr[0] == '2' && abswer_arr[1] == '4' && abswer_arr[2] == '5' && abswer_arr[3] == '8') {
                //                                                         this.setData({
                //                                                             answer_piclist_index: 13,
                //                                                             picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                                         });
                //                                                     } else {
                //                                                         if (abswer_arr[0] == '2' && abswer_arr[1] == '4' && abswer_arr[2] == '6' && abswer_arr[3] == '7') {
                //                                                             this.setData({
                //                                                                 answer_piclist_index: 14,
                //                                                                 picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                                             });
                //                                                         } else {
                //                                                             if (abswer_arr[0] == '2' && abswer_arr[1] == '4' && abswer_arr[2] == '6' && abswer_arr[3] == '8') {
                //                                                                 this.setData({
                //                                                                     answer_piclist_index: 15,
                //                                                                     picurl: this.answer_piclist[this.answer_piclist_index].url
                //                                                                 });
                //                                                             }
                //                                                         }
                //                                                     }
                //                                                 }
                //                                             }
                //                                         }
                //                                     }
                //                                 }
                //                             }
                //                         }
                //                     }
                //                 }
                //             }
                //         }
                //     }
                // }

                setTimeout(() => {
                    uni.hideLoading();
                    this.setData({
                        step: 2
                    });
                }, 1000);
                return;
            }

            let answer_index = this.answer_index + 1;
            console.log(answer_index);
            this.setData({
                answer_index,
                answer_list: this.pic_list[answer_index]
            });
        },

        get_step(e) {
            // console.log(e);
            let step = e.currentTarget.dataset.step;
            this.setData({
                answer_list: this.pic_list[0],
                step: 1
            });
        },

        getshare() {
            this.onShareAppMessage(1);
            uni.showShareMenu();
        },

        ontab() {
            console.log('占位：函数 ontab 未声明');
        }
    }
};
</script>
<style>
.topic_index {
    height: 100%;
}

.topic_index image {
    width: 100%;
    height: 100%;
    position: absolute;
    vertical-align: middle;
}
.answer1 {
    margin-top: 100rpx;
}
.answer2 {
    margin-top: 40rpx;
}

.topic_answer {
    width: 100%;
    height: 100vh;
    background: url('https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b17100c71a32d5df7e5374efc99918f632401e19f77.jpg');
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pop {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pop image {
    /* width: 200rpx;
  height: 200rpx; */
    /* display: block; */
    vertical-align: middle;
}
.pop .ans {
}
.answer_topic {
    width: 100%;
    height: 100vh;
}
.topic_answer .di {
    width: 100%;
    height: 100vh;
}
.topic_last {
    /* width: 100%;
  height: 100vh;
  background: url("https://mahuaimage2.oss-cn-qingdao.aliyuncs.com/mini_app/video/61b1bd95440f58318553fb8add327f558e5508d778756.jpg");
  background-size: 100% 100%;  */
    /* position: relative; */
}
.last_pic {
}
.last_pic image {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.last_pic .pic1 {
    height: 74vh;
    margin-top: -1rpx;
}
.last_pic .pic2 {
    margin-top: -1rpx;
    height: 26vh;
    position: relative;
}
.last_btn {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 10rpx;
    left: 176rpx;
}
.last_btn .img image {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.last_btn .img {
    width: 128rpx;
    height: 43rpx;
}
.maRight {
    margin-right: 12rpx;
}

.share_btn {
    border: 0 !important;
    height: 43rpx;
    line-height: 43rpx;
    padding: 0;
    vertical-align: middle;
}
</style>
