@font-face { font-family: 'poppins'; src: url(https://cache.whoshang.com/camnuvwche.ttf); }

@keyframes move { 100% { transform: rotate(360deg); }}

* { box-sizing: border-box; }

body { margin: 0; }
body { font-family: 'poppins'; font-size: 12px; line-height: 24px; color: #151515; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; color: #151515; }

.top { height: 65px; border-bottom: 1px solid #eee; background: white; }
    .top .bar { padding-left: 5px; }
        .top .bar > a { float: left; padding: 23px; }
            .top .bar > a:before { display: block; width: 18px; height: 18px; background: url(https://cache.whoshang.com/camnuvwche.svg); content: ""; }

        .top .bar .menu { float: right; padding-right: 10px; }
            .top .bar .menu a { display: inline-block; padding: 20px 10px; }

    .top .expand {}

.content { margin: 60px auto; width: 1020px; }

    .content > .expand { overflow: hidden; margin-bottom: 50px; }

        .content .expand .expand { float: left; width: 640px; }

            .content .expand .expand a5 {  }
                .content .expand .expand a5 a { display: block; margin-bottom: 30px; }
                    .content .expand .expand a5 a img { display: block; width: 640px; }
                    .content .expand .expand a5 a .coin {}
                    .content .expand .expand a5 a .draft { display: block; margin-top: -145px; height: 144px; border: 1px solid #ededed; border-top: 0; border-radius: 0 0 5px 5px; content: ""; }

            .content .expand .expand b5 { display: block; overflow: hidden; }
                .content .expand .expand b5 b:nth-child(1) { float: left; font-weight: normal; }
                .content .expand .expand b5 b:nth-child(2) { float: right; font-weight: normal; }
                    .content .expand .expand b5 b b1 { display: block; margin-bottom: 30px; padding: 30px; width: 305px; border: 1px solid #eee; border-radius: 5px; }
                        .content .expand .expand b5 b b1 span {  }
                            .content .expand .expand b5 b b1 span p { margin: 0 0 10px; }
                        .content .expand .expand b5 b b1 a { display: block; text-align: right; color: #757575; }
                        .content .expand .expand b5 b b1 .dash {  }
                            .content .expand .expand b5 b b1 .dash:before { display: inline-block; margin: 0 10px 3px 0; width: 30px; height: 1px; background: #ccc; content: ""; }
                    .content .expand .expand b5 b b2 { display: block; margin-bottom: 30px; width: 305px; border: 1px solid #eee; border-radius: 5px; }
                        .content .expand .expand b5 b b2 b3 { display: block; overflow: hidden; padding: 30px; border-bottom: 1px solid #eee; }
                            .content .expand .expand b5 b b2 b3:last-child { border: 0; }
                            .content .expand .expand b5 b b2 b3 span:first-child { float: left; width: 50px; }
                                .content .expand .expand b5 b b2 b3 span:first-child p { margin: 0; }
                            .content .expand .expand b5 b b2 b3 span { float: left; }
                                .content .expand .expand b5 b b2 b3 span p { margin: 0; }

            .content .expand .expand c5 {  }
                .content .expand .expand c5 a {  }
                    .content .expand .expand c5 a c1 { position: relative; display: block; overflow: hidden; margin: 0 270px 30px; width: 100px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #eee; border-radius: 20px; animation: move linear infinite; }
                        .content .expand .expand c5 a c1 span:nth-child(1) { padding-right: 5px; }
                        .content .expand .expand c5 a c1 span:nth-child(2) { position: relative; z-index: 3; }
                        .content .expand .expand c5 a c1 span:nth-child(3) { position: absolute; left: 50%; top: 50%; z-index: 0; margin-left: -50%; width: 200px; height: 200px; border-radius: 30%; background: #31c27c; opacity: 0.6; animation: inherit; animation-duration: 11s; }
                        .content .expand .expand c5 a c1 span:nth-child(4) { position: absolute; left: 50%; top: 50%; z-index: 1; margin-left: -60%; width: 200px; height: 200px; border-radius: 33%; background: #31c27c; opacity: 0.4; animation: inherit; animation-duration: 7s; }
                        .content .expand .expand c5 a c1 span:nth-child(5) { position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: -40%; width: 200px; height: 200px; border-radius: 36%; background: #31c27c; opacity: 0.2; animation: inherit; animation-duration: 5s; }
                    .content .expand .expand c5 a c2 { display: block; margin: 0 300px; width: 40px; height: 40px; line-height: 38px; text-align: center; border-radius: 40px; border: 1px solid #eee; }

            .content .expand .expand d5 { display: block; padding: 20px 0; font-size: 15px; }
                .content .expand .expand d5 d {}
                    .content .expand .expand d5 d span { padding-left: 10px; font-size: 12px; color: #757575; }

            .content .expand .expand e5 {  }
                .content .expand .expand e5 e:nth-child(1) { float: left; }
                .content .expand .expand e5 e:nth-child(2) { float: right; margin-right: -5px; }
                    .content .expand .expand e5 e e1 { display: block; margin-bottom: 30px; width: 305px; border: 1px solid #eee; border-radius: 5px; background: #fafafa; }
                        .content .expand .expand e5 e e1 e2 { display: block; overflow: hidden; height: 180px; }
                            .content .expand .expand e5 e e1 e2:after { display: block; margin: 80px 142px; width: 18px; height: 18px; background: url(https://cache.whoshang.com/camnuvwche.svg); content: ""; opacity: .1; }
                        .content .expand .expand e5 e e1 e3 { display: block; padding: 15px 20px 20px 19px; border-radius: 0 0 5px 5px; background: white; }
                            .content .expand .expand e5 e e1 e3 > a { display: block; font-size: 13px; }
                                .content .expand .expand e5 e e1 e3 a span { display: inline-block; margin-right: -20px; font-size: 12.5px; font-weight: bold; color: #bbb; transform: scale(0.85); transform-origin: left center; }
                                    .content .expand .expand e5 e e1 e3 a span:before { padding: 0 5px; content: "\002D"; }
                            .content .expand .expand e5 e e1 e3 > span { display: block; padding-top: 5px; text-align: justify; line-height: 20px; letter-spacing: -0.5px; color: #757575; }
                                .content .expand .expand e5 e e1 e3 > span:after { padding-left: 5px; content: "\2026"; }

        .content .expand .bar { float: right; width: 340px; }

            .content .expand .bar s5 { display: block; overflow: hidden; }
                .content .expand .bar s5 form { float: left; border: 1px solid #eee; border-radius: 20px; }
                    .content .expand .bar s5 form input { margin: 0 20px; padding: 0; width: 248px; font-size: 12px; line-height: 38px; border: none; outline: none; }
                .content .expand .bar s5 a { float: right; width: 40px; text-align: center; line-height: 38px; border: 1px solid #eee; border-radius: 40px; }

            .content .expand .bar m5 { display: block; border-bottom: 1px solid #eee; }
                .content .expand .bar m5 a { display: block; padding: 20px 0; text-align: center; color: #757575; }

            .content .expand .bar d5 { display: block; padding: 20px 0; font-size: 15px; }
                .content .expand .bar d5 d {}
                    .content .expand .bar d5 d d1 {}
                        .content .expand .bar d5 d d1 span { padding-left: 10px; font-size: 12px; color: #757575; }

            .content .expand .bar e5 {  }
                .content .expand .bar e5 e {  }
                    .content .expand .bar e5 e e1 { display: block; margin-bottom: 30px; border: 1px solid #eee; border-radius: 5px; background: #fafafa; }
                        .content .expand .bar e5 e e1 e2 { display: block; overflow: hidden; height: 80px; }
                            .content .expand .bar e5 e e1 e2:after { display: block; margin: 30px 160px; width: 18px; height: 18px; background: url(https://cache.whoshang.com/camnuvwche.svg); content: ""; opacity: .1; }
                        .content .expand .bar e5 e e1 e3 { display: block; padding: 15px 20px 20px 19px; border-radius: 0 0 5px 5px; background: white; }
                            .content .expand .bar e5 e e1 e3 > a { display: block; font-size: 13px; }
                                .content .expand .bar e5 e e1 e3 a span { display: inline-block; margin-right: -20px; font-size: 12.5px; font-weight: bold; color: #bbb; transform: scale(0.85); transform-origin: left center; }
                                    .content .expand .bar e5 e e1 e3 a span:before { padding: 0 5px; content: "\002D"; }
                            .content .expand .bar e5 e e1 e3 > span { display: block; padding-top: 5px; text-align: justify; line-height: 20px; letter-spacing: -0.5px; color: #757575; }
                                .content .expand .bar e5 e e1 e3 > span:after { padding-left: 5px; content: "\2026"; }

    .content > .expand:last-child { text-align: center; }
        .content > .expand:last-child a { display: inline-block; color: #999; }
        .content > .expand:last-child span { display: inline-block; color: #999; }
            .content > .expand:last-child span:before { float: left; margin: 7px 13px 7px 10px; width: 1px; height: 10px; background: #ddd; content: ""; }