@charset "utf-8";html {
                font-size: 53.06666666666667px
            }

            .website_container {
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column
            }

            .website_title {
                line-height: .8rem;
                background: #71a9ff;
                text-align: center;
                color: #fff;
                font-size: .3rem
            }

            .img_nav {
                padding: 0 .3rem
            }

            .img_nav>ul {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-top: .3rem
            }

            .img_nav>ul>li {
                width: 25%
            }

            .img_nav>ul>li>a {
                font-size: .26rem;
                color: #333;
                opacity: 100%
            }

            .img_nav>ul>li>a>img {
                width: .36rem;
                height: .36rem;
                vertical-align: middle;
                margin-right: .1rem
            }

            .nav_silde {
                height: .02rem;
                background: #f3f3f3;
                margin-top: .3rem
            }

            .text_nav {
                padding: 0 .3rem
            }

            .text_nav>ul {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-top: .2rem
            }

            .text_nav>ul>li {
                width: 20%
            }

            .text_nav>ul>li>a {
                font-size: .24rem;
                color: #333;
                opacity: 100%
            }

            .classify_nav>dl>dd {
                margin-top: .3rem
            }

            .classify_nav>dl>dd>ul {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-start
            }

            .classify_nav>dl>dd>ul>li {
                border-radius: 5px;
                background: #f7f7f7;
                font-size: .24rem;
                width: 1.62rem;
                height: .52rem;
                text-align: center;
                line-height: .52rem;
                margin: .16rem .1rem .16rem 0
            }

            .classify_nav dl dt a {
                text-align: center
            }

            .read_wrapper {
                padding: 0 .3rem
            }

            .read_info {
                line-height: .8rem;
                font-size: .28rem;
                color: #333;
                font-weight: 800;
                border-bottom: .02rem solid #f3f3f3
            }

            .classify_nav>dl {
                margin: .15rem 0
            }

            .classify_nav>dl>dt {
                position: relative
            }

            .read_wrapper>.classify_nav>dl>dt>span {
                border: 1px solid #c2daff;
                width: .7rem;
                height: .4rem;
                border-radius: 20px;
                padding: 0 .1rem;
                font-weight: 800;
                font-size: .2rem
            }

            .classify_nav>dl>dt>a {
                font-size: .26rem;
                width: 21%;
                vertical-align: middle;
                overflow: hidden;
                white-space: nowrap;
                display: inline-block;
                color: #333
            }

            .read_wrapper>.classify_nav>dl>dt>span>a {
                color: #3583ff
            }

            .line {
                width: 100%;
                background: #f7f7f7;
                padding: .1rem 0
            }

            .recreation_wrapper {
                padding: 0 .3rem
            }

            .recreation_wrapper>.classify_nav>dl>dt>span {
                border: 1px solid #ffcbd2;
                width: .7rem;
                height: .4rem;
                border-radius: 20px;
                padding: 0 .1rem;
                font-weight: 800;
                font-size: .2rem
            }

            .recreation_wrapper>.classify_nav>dl>dt>span>a {
                color: #ff526c
            }

            .shop_wrapper {
                padding: 0 .3rem
            }

            .shop_wrapper>.classify_nav>dl>dt>span {
                border: 1px solid #dac2fb;
                width: .7rem;
                height: .4rem;
                border-radius: 20px;
                padding: 0 .1rem;
                font-weight: 800;
                font-size: .2rem
            }

            .shop_wrapper>.classify_nav>dl>dt>span>a {
                color: #8536f3
            }

            .tool_wrapper {
                padding: 0 .3rem .5rem .3rem
            }

            .tool_wrapper>.tool_imgtxt {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-top: .3rem
            }

            .tool_wrapper>.tool_imgtxt>a>dl>dt {
                width: .6rem;
                height: .6rem;
                margin: 0 auto
            }

            .tool_wrapper>.tool_imgtxt>a>dl>dt>img {
                width: 100%;
                height: 100%
            }

            .tool_wrapper>.tool_imgtxt>a>dl>dd {
                font-size: .26rem;
                margin-top: .1rem;
                color: #333;
                text-align: center
            }

            .four_line,.second_line,.third_line {
                display: flex;
                justify-content: start;
                align-items: center;
                font-size: .24rem;
                color: #333;
                margin-top: .2rem
            }

            .second_line {
                margin-top: .3rem
            }

            .four_line>a,.second_line>a,.third_line>a {
                width: 25%
            }

            a,body,dd,div,dl,dt,html,i,img,li,span,ul {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                -webkit-tap-highlight-color: transparent
            }

            body {
                background-color: #fff;
                color: #333;
                font-size: .16rem;
                font-family: 'microsoft yahei',Simsun,Tahoma,Geneva,'Heiti SC'!important
            }

            body,html {
                width: 100%;
                background-attachment: fixed
            }

            i {
                font-style: normal
            }

            img {
                border: 0
            }

            a {
                text-decoration: none;
                color: #666;
                background: 0 0
            }

            ul {
                list-style: none
            }

            :focus {
                outline: 0
            }
            
            .notice {height:350px;background-color:#000;}
            .button {height: 100px; width: 100%; background-color: #fff; border-radius:5px;}