#app .banner {
    width: 100%;
    height: 1.85rem;
}

    #app .banner img {
        width: 100%;
    }

#app .market-future {
    background-color: #fff;
    color: #333;
}

    #app .market-future .market-future-content .van-tabs__nav--card {
        -webkit-box-shadow: 0px 0.02rem 0.05rem 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0.02rem 0.05rem 0px rgba(0,0,0,0.2);
        border: none;
    }

        #app .market-future .market-future-content .van-tabs__nav--card .van-tab.van-tab--active {
            background-color: #f39b17;
        }

        #app .market-future .market-future-content .van-tabs__nav--card .van-tab {
            color: #000;
            border: none;
        }

        #app .market-future .market-future-content .van-tabs__nav--card .van-tab--active {
            color: #fff;
        }

    #app .market-future .van-tabs__wrap {
        overflow: visible;
    }

    #app .market-future .tab-content {
        padding: 0.25rem 0.15rem;
    }

#app .VR-roam-system {
    width: 100%;
    background-color: #f2f2f2;
    padding-bottom: 0.25rem;
}

    #app .VR-roam-system .VR-roam-system-content {
        width: 100%;
        padding: 0 0.25rem;
    }

        #app .VR-roam-system .VR-roam-system-content .roam-model .roam-model-title {
            margin-top: 0.25rem;
            margin-bottom: 0.16rem;
        }

            #app .VR-roam-system .VR-roam-system-content .roam-model .roam-model-title .animate-item-title {
                font-weight: 600;
            }

            #app .VR-roam-system .VR-roam-system-content .roam-model .roam-model-title p {
                width: 100%;
                text-align: center;
                font-size: 0.12rem;
            }

                #app .VR-roam-system .VR-roam-system-content .roam-model .roam-model-title p:nth-child(1) {
                    color: #333;
                }

                #app .VR-roam-system .VR-roam-system-content .roam-model .roam-model-title p:nth-child(2) {
                    color: #666;
                    margin-top: 0.15rem;
                }

        #app .VR-roam-system .VR-roam-system-content .roam-model .model-1-img {
            width: 100%;
            margin: 0 auto;
        }

            #app .VR-roam-system .VR-roam-system-content .roam-model .model-1-img img {
                width: 100%;
            }

#app .gain-pattern {
    background-color: #fff;
    padding-bottom: 0.25rem;
}

    #app .gain-pattern .gain-pattern-content {
        width: 100%;
        padding: 0 0.31rem;
        margin-top: 0.24rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        #app .gain-pattern .gain-pattern-content .gain-pattern-item {
            position: relative;
            width: 0.8rem;
            height: 1.02rem;
        }

            #app .gain-pattern .gain-pattern-content .gain-pattern-item:nth-child(3) span {
                margin-left: -0.16rem;
            }

            #app .gain-pattern .gain-pattern-content .gain-pattern-item:nth-child(n+4) {
                margin-top: 0.25rem;
            }

            #app .gain-pattern .gain-pattern-content .gain-pattern-item .item-wrap {
                width: 0.8rem;
                height: 0.8rem;
                position: relative;
                background-color: #f2f2f2;
                border-radius: 0.05rem;
            }

                #app .gain-pattern .gain-pattern-content .gain-pattern-item .item-wrap img {
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    height: 0.4rem;
                    width: 0.4rem;
                }

            #app .gain-pattern .gain-pattern-content .gain-pattern-item span {
                display: inline-block;
                position: absolute;
                bottom: 0;
                width: 100%;
                text-align: center;
                white-space: nowrap;
                font-size: 0.1rem;
            }

#app .pano-show {
    width: 100%;
    position: relative;
    padding-bottom: 0.25rem;
}

    #app .pano-show .pano-show-content {
        padding: 0 0.12rem;
        margin-top: 0.23rem;
    }

        #app .pano-show .pano-show-content .pano-show-item {
            position: relative;
            display: inline-block;
            width: 1.68rem;
            height: 1.85rem;
            margin-right: 0.15rem;
            -webkit-box-shadow: 0px 0.02rem 0.05rem 0px rgba(0,0,0,0.2);
            box-shadow: 0px 0.02rem 0.05rem 0px rgba(0,0,0,0.2);
            border-radius: 1px;
        }

            #app .pano-show .pano-show-content .pano-show-item:nth-child(2n) {
                margin-right: 0;
            }

            #app .pano-show .pano-show-content .pano-show-item:nth-child(n+3) {
                margin-top: 0.15rem;
            }

            #app .pano-show .pano-show-content .pano-show-item .pano-pictrue {
                width: 100%;
                height: 1.45rem;
            }

                #app .pano-show .pano-show-content .pano-show-item .pano-pictrue img {
                    width: 100%;
                    height: 100%;
                }

            #app .pano-show .pano-show-content .pano-show-item .pano-title {
                height: 0.4rem;
                width: 100%;
                background-color: #fff;
                color: #333;
                line-height: 0.4rem;
                text-align: center;
            }

            #app .pano-show .pano-show-content .pano-show-item .pano-honor {
                position: absolute;
                top: 0.05rem;
                left: 0.05rem;
                padding: 0.07rem;
                font-size: 0.09rem;
                background-color: rgba(0,0,0,0.5);
                color: #fff;
                border-radius: 0.02rem;
            }

                #app .pano-show .pano-show-content .pano-show-item .pano-honor > div {
                    display: inline-block;
                }

                #app .pano-show .pano-show-content .pano-show-item .pano-honor .praise {
                    margin-left: 0.02rem;
                }

                #app .pano-show .pano-show-content .pano-show-item .pano-honor .van-icon::before {
                    vertical-align: -1px;
                }

    #app .pano-show .toggle-wrap {
        width: 100%;
        text-align: center;
        margin-top: 0.15rem;
    }

        #app .pano-show .toggle-wrap .toggle-btn {
            display: inline-block;
            background: #fff;
            -webkit-box-shadow: 0px 0.02rem 0.05rem 0px rgba(0,0,0,0.2);
            box-shadow: 0px 0.02rem 0.05rem 0px rgba(0,0,0,0.2);
            border-radius: 0.1rem;
            padding: 0.05rem 0.12rem;
            color: #666;
        }